Migrate billing from Paddle to Lemon Squeezy

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

@@ -36,9 +36,6 @@ export function MobileSheet({
   const { surface, textStrong, muted, overlay, shadow, border } = useAdminTheme();
   const bottomOffset = `max(env(safe-area-inset-bottom, 0px), ${bottomOffsetPx}px)`;
 
-  if (!open) {
-    return null;
-  }
   return (
     <Sheet
       modal
@@ -53,29 +50,33 @@ export function MobileSheet({
       dismissOnOverlayPress
       dismissOnSnapToBottom
       zIndex={100000}
+      animation="lazy"
     >
-      <Sheet.Overlay {...({ backgroundColor: `${overlay}66` } as any)} />
+      <Sheet.Overlay
+        animation="lazy"
+        enterStyle={{ opacity: 0 }}
+        exitStyle={{ opacity: 0 }}
+        backgroundColor={overlay}
+      />
       <Sheet.Frame
-        {...({
-          width: '100%',
-          maxWidth: 520,
-          alignSelf: 'center',
-          borderTopLeftRadius: 24,
-          borderTopRightRadius: 24,
-          backgroundColor: surface,
-          padding,
-          paddingBottom,
-          shadowColor: shadow,
-          shadowOpacity: 0.12,
-          shadowRadius: 18,
-          shadowOffset: { width: 0, height: -8 },
-        } as any)}
+        width="100%"
+        maxWidth={520}
+        alignSelf="center"
+        borderTopLeftRadius={24}
+        borderTopRightRadius={24}
+        backgroundColor={surface}
+        padding={padding}
+        paddingBottom={paddingBottom}
+        shadowColor={shadow}
+        shadowOpacity={0.12}
+        shadowRadius={18}
+        shadowOffset={{ width: 0, height: -8 }}
         style={{ marginBottom: bottomOffset }}
       >
         <Sheet.Handle height={5} width={48} backgroundColor={border} borderRadius={999} marginBottom="$3" />
         <Sheet.ScrollView
           showsVerticalScrollIndicator={false}
-          {...({ contentContainerStyle: { paddingBottom: 6 } } as any)}
+          contentContainerStyle={{ paddingBottom: 6 }}
         >
           <YStack gap={contentSpacing}>
             <XStack alignItems="center" justifyContent="space-between">