Migrate billing from Paddle to Lemon Squeezy

resources/js/admin/mobile/components/Primitives.tsx

@@ -1,9 +1,6 @@
 import React from 'react';
-import { Card } from '@tamagui/card';
-import { YStack, XStack } from '@tamagui/stacks';
-import { SizableText as Text } from '@tamagui/text';
+import { Card, YStack, XStack, SizableText as Text, Tabs, Separator } from 'tamagui';
 import { Pressable } from '@tamagui/react-native-web-lite';
-import { Tabs, Separator } from 'tamagui';
 import { useAdminTheme } from '../theme';
 import { withAlpha } from './colors';
 
@@ -16,7 +13,9 @@ export function MobileCard({
   const { surface, border, shadow, glassSurface, glassBorder, glassShadow } = useAdminTheme();
   return (
     <YStack
-      className={['admin-fade-up', className].filter(Boolean).join(' ')}
+      className={className}
+      animation="bouncy"
+      enterStyle={{ opacity: 0, y: 10, scale: 0.9 }}
       backgroundColor={glassSurface ?? surface}
       borderRadius={20}
       borderWidth={2}
@@ -131,6 +130,8 @@ export function CTAButton({
       }}
     >
       <XStack
+        animation="quick"
+        pressStyle={{ scale: 0.97, opacity: 0.9 }}
         height={52}
         borderRadius={18}
         alignItems="center"
@@ -335,7 +336,8 @@ export function ActionTile({
       disabled={disabled}
     >
       <YStack
-        className="admin-fade-up"
+        animation="lazy"
+        pressStyle={{ scale: 0.96, opacity: 0.8 }}
         style={tileStyle}
         borderRadius={isCluster ? 14 : 16}
         padding="$3"