@blinkdotnew/mobile-ui 2.0.0-alpha.6 → 2.0.0-alpha.7

package/dist/index.js

@@ -20,17 +20,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Accordion: () => Accordion,
+  Accordion: () => import_tamagui49.Accordion,
   ActionSheet: () => ActionSheet,
+  Adapt: () => import_tamagui49.Adapt,
   AlertDialog: () => import_tamagui49.AlertDialog,
+  Anchor: () => import_tamagui49.Anchor,
   AppHeader: () => AppHeader,
   Avatar: () => import_tamagui49.Avatar,
   Badge: () => Badge,
+  BlinkAccordion: () => BlinkAccordion,
   BlinkAvatar: () => Avatar,
   BlinkButton: () => Button,
   BlinkCard: () => Card,
   BlinkInput: () => Input,
+  BlinkTabs: () => BlinkTabs,
   BlinkText: () => BlinkText,
+  BlinkToastProvider: () => BlinkToastProvider,
+  BlinkToggleGroup: () => BlinkToggleGroup,
   BlinkTooltip: () => BlinkTooltip,
   BottomSheet: () => BottomSheet,
   Button: () => import_tamagui49.Button,
@@ -44,7 +50,9 @@ __export(index_exports, {
   DialogProvider: () => DialogProvider,
   Divider: () => Divider,
   EmptyState: () => EmptyState,
+  Fieldset: () => import_tamagui49.Fieldset,
   FloatingActionButton: () => FloatingActionButton,
+  Form: () => import_tamagui49.Form,
   FormField: () => FormField,
   Grid: () => Grid,
   H1: () => import_tamagui49.H1,
@@ -69,6 +77,7 @@ __export(index_exports, {
   Paragraph: () => import_tamagui49.Paragraph,
   PaywallScreen: () => PaywallScreen,
   Popover: () => import_tamagui49.Popover,
+  PortalProvider: () => import_tamagui49.PortalProvider,
   Pressable: () => Pressable,
   ProfileHeader: () => ProfileHeader,
   Progress: () => import_tamagui49.Progress,
@@ -89,22 +98,28 @@ __export(index_exports, {
   Skeleton: () => Skeleton,
   Slider: () => import_tamagui49.Slider,
   Spinner: () => import_tamagui49.Spinner,
+  Square: () => import_tamagui49.Square,
   StepPageLayout: () => StepPageLayout,
   SubHeading: () => SubHeading,
   SwipeableRow: () => SwipeableRow,
   Switch: () => import_tamagui49.Switch,
   TabBar: () => TabBar,
-  Tabs: () => Tabs,
+  Tabs: () => import_tamagui49.Tabs,
   TamaguiImage: () => import_tamagui49.Image,
+  TamaguiListItem: () => import_tamagui49.ListItem,
   TamaguiProvider: () => import_tamagui49.TamaguiProvider,
   Text: () => import_tamagui49.Text,
   TextArea: () => import_tamagui49.TextArea,
   Theme: () => import_tamagui49.Theme,
-  ToastProvider: () => ToastProvider,
-  ToggleGroup: () => ToggleGroup,
+  ToggleGroup: () => import_tamagui49.ToggleGroup,
   Tooltip: () => import_tamagui49.Tooltip,
+  TooltipSimple: () => import_tamagui49.TooltipSimple,
+  Unspaced: () => import_tamagui49.Unspaced,
   View: () => import_tamagui49.View,
+  VisuallyHidden: () => import_tamagui49.VisuallyHidden,
+  XGroup: () => import_tamagui49.XGroup,
   XStack: () => import_tamagui49.XStack,
+  YGroup: () => import_tamagui49.YGroup,
   YStack: () => import_tamagui49.YStack,
   ZStack: () => import_tamagui49.ZStack,
   blinkConfig: () => blinkConfig,
@@ -112,10 +127,10 @@ __export(index_exports, {
   showError: () => showError,
   styled: () => import_tamagui49.styled,
   toast: () => toast,
+  useBlinkToast: () => useBlinkToast,
   useMedia: () => import_tamagui49.useMedia,
   useTheme: () => import_tamagui49.useTheme,
   useThemeName: () => import_tamagui49.useThemeName,
-  useToast: () => useToast,
   withStaticProperties: () => import_tamagui49.withStaticProperties
 });
 module.exports = __toCommonJS(index_exports);
@@ -653,26 +668,15 @@ var ICONS = {
   chevronRight: "\u203A"
 };
 function Icon({ name, size = 20, color = "$color12" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_tamagui13.SizableText,
-    {
-      fontSize: size,
-      lineHeight: size,
-      color,
-      textAlign: "center",
-      width: size,
-      height: size,
-      children: ICONS[name]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tamagui13.SizableText, { fontSize: size, lineHeight: size, color, textAlign: "center", width: size, height: size, children: ICONS[name] });
 }
 
-// src/interface/Accordion.tsx
+// src/interface/BlinkAccordion.tsx
 var import_react3 = require("react");
 var import_tamagui14 = require("tamagui");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function Accordion({ items, defaultOpen, allowMultiple = false }) {
-  const [openIds, setOpenIds] = (0, import_react3.useState)(defaultOpen ? [defaultOpen] : []);
+function BlinkAccordion({ items, defaultOpen, allowMultiple = false }) {
+  const [openIds, setOpenIds] = (0, import_react3.useState)(defaultOpen ?? []);
   const toggle = (id) => {
     setOpenIds((prev) => {
       if (prev.includes(id)) return prev.filter((i) => i !== id);
@@ -704,59 +708,55 @@ function Accordion({ items, defaultOpen, allowMultiple = false }) {
   }) });
 }
 
-// src/interface/Tabs.tsx
+// src/interface/BlinkTabs.tsx
 var import_react4 = require("react");
 var import_react_native = require("react-native");
 var import_tamagui15 = require("tamagui");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function Tabs({ tabs, activeTab, onTabChange, variant = "underline" }) {
-  const [internalActive, setInternalActive] = (0, import_react4.useState)(tabs[0]?.id ?? "");
+function BlinkTabs({ tabs, activeTab, onTabChange, variant = "underline" }) {
+  const [internalActive, setInternalActive] = (0, import_react4.useState)(tabs[0]?.key ?? "");
   const current = activeTab ?? internalActive;
-  const handlePress = (id) => {
-    if (!activeTab) setInternalActive(id);
-    onTabChange?.(id);
+  const handlePress = (key) => {
+    if (!activeTab) setInternalActive(key);
+    onTabChange?.(key);
   };
-  const activeContent = tabs.find((t) => t.id === current)?.content;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_tamagui15.YStack, { flex: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui15.XStack, { gap: "$2", paddingHorizontal: "$2", paddingBottom: "$2", children: tabs.map((tab) => {
-      const isActive = tab.id === current;
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_tamagui15.YStack,
-        {
-          paddingVertical: "$2",
-          paddingHorizontal: "$3",
-          borderRadius: variant === "pill" ? "$4" : "$0",
-          backgroundColor: variant === "pill" && isActive ? "$color9" : "transparent",
-          borderBottomWidth: variant === "underline" ? 2 : 0,
-          borderBottomColor: variant === "underline" && isActive ? "$color9" : "transparent",
-          pressStyle: { opacity: 0.7 },
-          onPress: () => handlePress(tab.id),
-          cursor: "pointer",
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_tamagui15.SizableText,
-            {
-              size: "$3",
-              fontWeight: isActive ? "600" : "400",
-              color: variant === "pill" && isActive ? "$color1" : isActive ? "$color12" : "$color10",
-              children: tab.label
-            }
-          )
-        },
-        tab.id
-      );
-    }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui15.YStack, { flex: 1, paddingTop: "$2", children: activeContent })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui15.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui15.XStack, { gap: "$2", paddingHorizontal: "$2", paddingBottom: "$2", children: tabs.map((tab) => {
+    const isActive = tab.key === current;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_tamagui15.YStack,
+      {
+        paddingVertical: "$2",
+        paddingHorizontal: "$3",
+        borderRadius: variant === "pill" ? "$4" : "$0",
+        backgroundColor: variant === "pill" && isActive ? "$color9" : "transparent",
+        borderBottomWidth: variant === "underline" ? 2 : 0,
+        borderBottomColor: variant === "underline" && isActive ? "$color9" : "transparent",
+        pressStyle: { opacity: 0.7 },
+        onPress: () => handlePress(tab.key),
+        cursor: "pointer",
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_tamagui15.SizableText,
+          {
+            size: "$3",
+            fontWeight: isActive ? "600" : "400",
+            color: variant === "pill" && isActive ? "$color1" : isActive ? "$color12" : "$color10",
+            children: tab.label
+          }
+        )
+      },
+      tab.key
+    );
+  }) }) }) });
 }
 
-// src/interface/ToggleGroup.tsx
+// src/interface/BlinkToggleGroup.tsx
 var import_tamagui16 = require("tamagui");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var sizeMap = { sm: "$2", md: "$3", lg: "$4" };
-function ToggleGroup({ options, value, onValueChange, size = "md" }) {
+function BlinkToggleGroup({ options, value, onValueChange, size = "md" }) {
   const textSize = sizeMap[size];
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui16.XStack, { borderRadius: "$4", overflow: "hidden", backgroundColor: "$color2", children: options.map((option, index) => {
-    const isActive = option.id === value;
+    const isActive = option.value === value;
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       import_tamagui16.XStack,
       {
@@ -769,16 +769,16 @@ function ToggleGroup({ options, value, onValueChange, size = "md" }) {
         borderLeftWidth: index > 0 ? 1 : 0,
         borderLeftColor: isActive ? "$color9" : "$color4",
         pressStyle: { opacity: 0.7 },
-        onPress: () => onValueChange(option.id),
+        onPress: () => onValueChange(option.value),
         cursor: "pointer",
         children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui16.SizableText, { size: textSize, fontWeight: isActive ? "600" : "400", color: isActive ? "$color1" : "$color11", children: option.label })
       },
-      option.id
+      option.value
     );
   }) });
 }
 
-// src/interface/Toast.tsx
+// src/interface/BlinkToast.tsx
 var import_react5 = require("react");
 var import_tamagui17 = require("tamagui");
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -792,9 +792,9 @@ var variantColors = {
 var globalToastShow = null;
 var toast = (message, variant, duration) => {
   if (globalToastShow) globalToastShow(message, variant, duration);
-  else console.warn("ToastProvider not mounted");
+  else console.warn("BlinkToastProvider not mounted");
 };
-function ToastProvider({ children }) {
+function BlinkToastProvider({ children }) {
   const [toasts, setToasts] = (0, import_react5.useState)([]);
   const show = (0, import_react5.useCallback)((message, variant = "default", duration = 3e3) => {
     const id = Math.random().toString(36).slice(2, 9);
@@ -809,40 +809,27 @@ function ToastProvider({ children }) {
   }, [show]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToastContext.Provider, { value: { show }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.YStack, { position: "absolute", top: 60, left: 0, right: 0, alignItems: "center", gap: "$2", pointerEvents: "none", zIndex: 1e5, children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       import_tamagui17.YStack,
       {
-        position: "absolute",
-        top: 60,
-        left: 0,
-        right: 0,
-        alignItems: "center",
-        gap: "$2",
-        pointerEvents: "none",
-        zIndex: 1e5,
-        children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_tamagui17.YStack,
-          {
-            backgroundColor: variantColors[t.variant ?? "default"],
-            paddingHorizontal: "$4",
-            paddingVertical: "$2.5",
-            borderRadius: "$4",
-            enterStyle: { opacity: 0, y: -10 },
-            exitStyle: { opacity: 0, y: -10 },
-            opacity: 1,
-            y: 0,
-            animation: "quick",
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$3", color: "white", fontWeight: "600", children: t.message })
-          },
-          t.id
-        ))
-      }
-    )
+        backgroundColor: variantColors[t.variant ?? "default"],
+        paddingHorizontal: "$4",
+        paddingVertical: "$2.5",
+        borderRadius: "$4",
+        enterStyle: { opacity: 0, y: -10 },
+        exitStyle: { opacity: 0, y: -10 },
+        opacity: 1,
+        y: 0,
+        animation: "quick",
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$3", color: "white", fontWeight: "600", children: t.message })
+      },
+      t.id
+    )) })
   ] });
 }
-function useToast() {
+function useBlinkToast() {
   const ctx = (0, import_react5.useContext)(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within ToastProvider");
+  if (!ctx) throw new Error("useBlinkToast must be used within BlinkToastProvider");
   return ctx;
 }
 
@@ -1017,126 +1004,69 @@ function Container({ children, maxWidth = 500, centered = true }) {
 var import_tamagui28 = require("tamagui");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function PaywallScreen({
-  title = "Unlock Premium",
-  subtitle,
-  features = [],
+  title = "Upgrade Your Experience",
+  subtitle = "Choose the plan that works for you",
   plans,
   selectedPlan,
   onSelectPlan,
   onContinue,
-  onClose,
   onRestore,
-  onTerms,
-  onPrivacy,
-  continueLabel = "Continue",
-  reassurance = "Cancel anytime",
-  hero,
-  socialProof
+  continueLabel = "Continue"
 }) {
-  const selected = selectedPlan ?? plans.find((p) => p.popular)?.id ?? plans[0]?.id;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { flex: 1, backgroundColor: "$background", children: [
-    onClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { position: "absolute", top: "$4", right: "$4", zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      import_tamagui28.Button,
-      {
-        size: "$3",
-        circular: true,
-        chromeless: true,
-        onPress: onClose,
-        pressStyle: { opacity: 0.6 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$5", color: "$color9", children: "\u2715" })
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.ScrollView, { flex: 1, contentContainerStyle: { paddingBottom: 200 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { padding: "$4", gap: "$5", paddingTop: "$8", children: [
-      hero && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { alignItems: "center", paddingVertical: "$4", children: hero }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { gap: "$2", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$9", fontWeight: "800", textAlign: "center", children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$color10", textAlign: "center", children: subtitle }),
-        socialProof && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$3", color: "$color9", textAlign: "center", paddingTop: "$1", children: socialProof })
-      ] }),
-      features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { gap: "$2.5", paddingHorizontal: "$2", children: features.map((feature, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { gap: "$2.5", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$green9", children: "\u2713" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$color11", children: feature })
-      ] }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { gap: "$3", paddingTop: "$2", children: plans.map((plan) => {
-        const isSelected = selected === plan.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-          import_tamagui28.YStack,
-          {
-            flex: 1,
-            padding: "$3.5",
-            borderRadius: "$5",
-            borderWidth: 2,
-            borderColor: isSelected ? "$color9" : "$color5",
-            backgroundColor: isSelected ? "$color2" : "$color1",
-            pressStyle: { scale: 0.97 },
-            onPress: () => onSelectPlan?.(plan.id),
-            cursor: "pointer",
-            position: "relative",
-            gap: "$1.5",
-            children: [
-              plan.savings && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                import_tamagui28.YStack,
-                {
-                  position: "absolute",
-                  top: -10,
-                  right: 8,
-                  backgroundColor: "$green9",
-                  paddingHorizontal: "$2",
-                  paddingVertical: "$1",
-                  borderRadius: "$10",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "white", fontWeight: "700", children: plan.savings })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$3", fontWeight: "600", color: "$color11", children: plan.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$7", fontWeight: "800", children: plan.price }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.SizableText, { size: "$2", color: "$color9", children: [
-                "/",
-                plan.period
-              ] }),
-              plan.pricePerWeek && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color10", paddingTop: "$1", children: plan.pricePerWeek }),
-              plan.trial && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$green9", fontWeight: "600", paddingTop: "$1", children: plan.trial })
-            ]
-          },
-          plan.id
-        );
-      }) })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { flex: 1, padding: "$4", gap: "$5", backgroundColor: "$background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { gap: "$2", paddingTop: "$6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$9", fontWeight: "700", textAlign: "center", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$color10", textAlign: "center", children: subtitle })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { gap: "$3", flex: 1, children: plans.map((plan) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       import_tamagui28.YStack,
       {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
         padding: "$4",
-        paddingBottom: "$6",
-        backgroundColor: "$background",
-        borderTopWidth: 1,
-        borderTopColor: "$color4",
-        gap: "$3",
+        borderRadius: "$5",
+        borderWidth: 2,
+        borderColor: selectedPlan === plan.id ? "$color9" : "$color4",
+        backgroundColor: selectedPlan === plan.id ? "$color2" : "$color1",
+        pressStyle: { scale: 0.98 },
+        onPress: () => onSelectPlan?.(plan.id),
+        cursor: "pointer",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            import_tamagui28.Button,
-            {
-              size: "$5",
-              backgroundColor: "$color9",
-              color: "$color1",
-              onPress: onContinue,
-              pressStyle: { backgroundColor: "$color8" },
-              borderRadius: "$10",
-              fontWeight: "700",
-              children: continueLabel
-            }
-          ),
-          reassurance && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color9", textAlign: "center", children: reassurance }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { justifyContent: "center", gap: "$3", children: [
-            onRestore && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color8", onPress: onRestore, children: "Restore" }),
-            onTerms && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color8", onPress: onTerms, children: "Terms" }),
-            onPrivacy && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color8", onPress: onPrivacy, children: "Privacy" })
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { justifyContent: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$5", fontWeight: "600", children: plan.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { alignItems: "baseline", gap: "$1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$8", fontWeight: "700", children: plan.price }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.SizableText, { size: "$3", color: "$color9", children: [
+                  "/",
+                  plan.period
+                ] })
+              ] })
+            ] }),
+            plan.popular && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { backgroundColor: "$color9", paddingHorizontal: "$2", paddingVertical: "$1", borderRadius: "$10", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "$color1", fontWeight: "600", children: "POPULAR" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { gap: "$2", paddingTop: "$3", children: plan.features.map((feature, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { gap: "$2", alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.Circle, { size: 6, backgroundColor: "$green9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$3", color: "$color11", children: feature })
+          ] }, i)) })
         ]
-      }
-    )
+      },
+      plan.id
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { gap: "$3", paddingBottom: "$4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_tamagui28.Button,
+        {
+          size: "$5",
+          backgroundColor: "$color9",
+          color: "$color1",
+          onPress: onContinue,
+          hoverStyle: { backgroundColor: "$color10" },
+          pressStyle: { backgroundColor: "$color8" },
+          borderRadius: "$5",
+          children: continueLabel
+        }
+      ),
+      onRestore && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.Button, { size: "$3", chromeless: true, onPress: onRestore, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$3", color: "$color9", children: "Restore Purchases" }) })
+    ] })
   ] });
 }
 
@@ -1323,32 +1253,10 @@ function ProfileHeader({ name, subtitle, avatar, stats, actions }) {
 // src/patterns/AppHeader.tsx
 var import_tamagui34 = require("tamagui");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-function AppHeader({
-  title,
-  subtitle,
-  variant = "simple",
-  onBack,
-  avatar,
-  left,
-  right,
-  transparent,
-  borderless
-}) {
+function AppHeader({ title, subtitle, variant = "simple", onBack, avatar, left, right, transparent, borderless }) {
   const leftContent = (() => {
-    if (variant === "back")
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_tamagui34.SizableText,
-        {
-          size: "$6",
-          paddingRight: "$2",
-          onPress: onBack,
-          pressStyle: { opacity: 0.6 },
-          cursor: "pointer",
-          children: "\u2039"
-        }
-      );
-    if (variant === "profile")
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Avatar, { uri: avatar, name: title, size: "sm" });
+    if (variant === "back") return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_tamagui34.SizableText, { size: "$6", paddingRight: "$2", onPress: onBack, pressStyle: { opacity: 0.6 }, cursor: "pointer", children: "\u2039" });
+    if (variant === "profile") return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Avatar, { uri: avatar, name: title, size: "sm" });
     if (variant === "centered") return left ?? null;
     return null;
   })();
@@ -1360,30 +1268,14 @@ function AppHeader({
       backgroundColor: transparent ? "transparent" : "$background",
       borderBottomWidth: borderless ? 0 : 1,
       borderBottomColor: "$borderColor",
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-        import_tamagui34.XStack,
-        {
-          height: 56,
-          alignItems: "center",
-          paddingHorizontal: "$4",
-          gap: "$3",
-          children: [
-            leftContent,
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-              import_tamagui34.YStack,
-              {
-                flex: 1,
-                alignItems: variant === "centered" ? "center" : "flex-start",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_tamagui34.SizableText, { size: "$6", fontWeight: "700", numberOfLines: 1, children: title }),
-                  subtitle && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_tamagui34.SizableText, { size: "$2", color: "$color9", numberOfLines: 1, children: subtitle })
-                ]
-              }
-            ),
-            rightContent
-          ]
-        }
-      )
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_tamagui34.XStack, { height: 56, alignItems: "center", paddingHorizontal: "$4", gap: "$3", children: [
+        leftContent,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_tamagui34.YStack, { flex: 1, alignItems: variant === "centered" ? "center" : "flex-start", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_tamagui34.SizableText, { size: "$6", fontWeight: "700", numberOfLines: 1, children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_tamagui34.SizableText, { size: "$2", color: "$color9", numberOfLines: 1, children: subtitle })
+        ] }),
+        rightContent
+      ] })
     }
   );
 }
@@ -1392,81 +1284,38 @@ function AppHeader({
 var import_tamagui35 = require("tamagui");
 var import_react_native2 = require("react-native");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-function BottomSheet({
-  open,
-  onOpenChange,
-  title,
-  children,
-  snapPoints = [85],
-  dismissOnSnapToBottom = true,
-  showHandle = true,
-  showClose = false
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    import_tamagui35.Sheet,
-    {
-      modal: true,
-      open,
-      onOpenChange,
-      snapPoints,
-      dismissOnSnapToBottom,
-      animation: "medium",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.Sheet.Overlay, { animation: "lazy", enterStyle: { opacity: 0 }, exitStyle: { opacity: 0 } }),
-        showHandle && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.Sheet.Handle, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_tamagui35.Sheet.Frame, { borderTopLeftRadius: "$6", borderTopRightRadius: "$6", backgroundColor: "$background", children: [
-          (title || showClose) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            import_tamagui35.XStack,
-            {
-              paddingHorizontal: "$4",
-              paddingTop: "$3",
-              paddingBottom: "$2",
-              alignItems: "center",
-              justifyContent: "space-between",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.SizableText, { size: "$6", fontWeight: "600", flexShrink: 1, children: title }),
-                showClose && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  import_tamagui35.XStack,
-                  {
-                    width: 28,
-                    height: 28,
-                    borderRadius: "$10",
-                    backgroundColor: "$color4",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    pressStyle: { opacity: 0.7 },
-                    onPress: () => onOpenChange(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.SizableText, { size: "$3", color: "$color10", fontWeight: "600", children: "\u2715" })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native2.ScrollView, { contentContainerStyle: { paddingBottom: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.YStack, { padding: "$4", children }) })
-        ] })
-      ]
-    }
-  );
+function BottomSheet({ open, onOpenChange, title, children, snapPoints = [85], dismissOnSnapToBottom = true, showHandle = true, showClose = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_tamagui35.Sheet, { modal: true, open, onOpenChange, snapPoints, dismissOnSnapToBottom, animation: "medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.Sheet.Overlay, { animation: "lazy", enterStyle: { opacity: 0 }, exitStyle: { opacity: 0 } }),
+    showHandle && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.Sheet.Handle, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_tamagui35.Sheet.Frame, { borderTopLeftRadius: "$6", borderTopRightRadius: "$6", backgroundColor: "$background", children: [
+      (title || showClose) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_tamagui35.XStack, { paddingHorizontal: "$4", paddingTop: "$3", paddingBottom: "$2", alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.SizableText, { size: "$6", fontWeight: "600", flexShrink: 1, children: title }),
+        showClose && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          import_tamagui35.XStack,
+          {
+            width: 28,
+            height: 28,
+            borderRadius: "$10",
+            backgroundColor: "$color4",
+            alignItems: "center",
+            justifyContent: "center",
+            pressStyle: { opacity: 0.7 },
+            onPress: () => onOpenChange(false),
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.SizableText, { size: "$3", color: "$color10", fontWeight: "600", children: "\u2715" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native2.ScrollView, { contentContainerStyle: { paddingBottom: 40 }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tamagui35.YStack, { padding: "$4", children }) })
+    ] })
+  ] });
 }
 
 // src/patterns/LoginScreen.tsx
 var import_react7 = require("react");
 var import_tamagui36 = require("tamagui");
 var import_jsx_runtime28 = require("react/jsx-runtime");
-function LoginScreen({
-  title = "Welcome",
-  subtitle = "Sign in to continue",
-  logo,
-  providers = [],
-  onProviderPress,
-  showEmailForm,
-  onEmailSubmit,
-  onForgotPassword,
-  onCreateAccount,
-  onTerms,
-  onPrivacy,
-  loading
-}) {
+function LoginScreen({ title = "Welcome", subtitle = "Sign in to continue", logo, providers = [], onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }) {
   const [email, setEmail] = (0, import_react7.useState)("");
   const [password, setPassword] = (0, import_react7.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { flex: 1, padding: "$4", gap: "$5", backgroundColor: "$background", justifyContent: "center", children: [
@@ -1496,27 +1345,8 @@ function LoginScreen({
     )) }),
     showEmailForm && providers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Divider, { label: "or" }),
     showEmailForm && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { gap: "$3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        Input,
-        {
-          label: "Email",
-          placeholder: "your@email.com",
-          value: email,
-          onChangeText: setEmail,
-          keyboardType: "email-address",
-          autoCapitalize: "none"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        Input,
-        {
-          label: "Password",
-          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-          value: password,
-          onChangeText: setPassword,
-          secureTextEntry: true
-        }
-      ),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Input, { label: "Email", placeholder: "your@email.com", value: email, onChangeText: setEmail, keyboardType: "email-address", autoCapitalize: "none" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Input, { label: "Password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", value: password, onChangeText: setPassword, secureTextEntry: true }),
       onForgotPassword && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.XStack, { justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$3", color: "$color9", onPress: onForgotPassword, children: "Forgot password?" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_tamagui36.Button,
@@ -1549,71 +1379,50 @@ function LoginScreen({
 var import_tamagui37 = require("tamagui");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function TabBar({ tabs, activeTab, onTabPress, showLabels = true }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_tamagui37.XStack,
-    {
-      height: 56,
-      borderTopWidth: 1,
-      borderTopColor: "$borderColor",
-      backgroundColor: "$background",
-      paddingBottom: "$2",
-      children: tabs.map((tab) => {
-        const active = tab.id === activeTab;
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-          import_tamagui37.YStack,
-          {
-            flex: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            gap: "$1",
-            pressStyle: { opacity: 0.6 },
-            onPress: () => onTabPress(tab.id),
-            children: [
-              tab.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tamagui37.SizableText, { size: "$5", color: active ? "$color9" : "$color8", children: tab.icon }),
-              showLabels && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tamagui37.SizableText, { size: "$1", color: active ? "$color9" : "$color8", fontWeight: active ? "600" : "400", children: tab.label })
-            ]
-          },
-          tab.id
-        );
-      })
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tamagui37.XStack, { height: 56, borderTopWidth: 1, borderTopColor: "$borderColor", backgroundColor: "$background", paddingBottom: "$2", children: tabs.map((tab) => {
+    const active = tab.id === activeTab;
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      import_tamagui37.YStack,
+      {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "$1",
+        pressStyle: { opacity: 0.6 },
+        onPress: () => onTabPress(tab.id),
+        children: [
+          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tamagui37.SizableText, { size: "$5", color: active ? "$color9" : "$color8", children: tab.icon }),
+          showLabels && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_tamagui37.SizableText, { size: "$1", color: active ? "$color9" : "$color8", fontWeight: active ? "600" : "400", children: tab.label })
+        ]
+      },
+      tab.id
+    );
+  }) });
 }
 
 // src/patterns/SearchBar.tsx
 var import_tamagui38 = require("tamagui");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function SearchBar({ value, onChangeText, placeholder = "Search\u2026", onFilter, onCancel, autoFocus }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-    import_tamagui38.XStack,
-    {
-      height: 44,
-      borderRadius: "$10",
-      backgroundColor: "$color2",
-      alignItems: "center",
-      paddingHorizontal: "$3",
-      gap: "$2",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tamagui38.SizableText, { size: "$4", color: "$color8", children: "\u2315" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          import_tamagui38.Input,
-          {
-            flex: 1,
-            size: "$4",
-            value,
-            onChangeText,
-            placeholder,
-            placeholderTextColor: "$color8",
-            backgroundColor: "transparent",
-            borderWidth: 0,
-            autoFocus
-          }
-        ),
-        onFilter && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tamagui38.SizableText, { size: "$4", color: "$color9", pressStyle: { opacity: 0.6 }, onPress: onFilter, children: "\u2ACF" }),
-        onCancel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tamagui38.SizableText, { size: "$3", color: "$color9", pressStyle: { opacity: 0.6 }, onPress: onCancel, children: "Cancel" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_tamagui38.XStack, { height: 44, borderRadius: "$10", backgroundColor: "$color2", alignItems: "center", paddingHorizontal: "$3", gap: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tamagui38.SizableText, { size: "$4", color: "$color8", children: "\u2315" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_tamagui38.Input,
+      {
+        flex: 1,
+        size: "$4",
+        value,
+        onChangeText,
+        placeholder,
+        placeholderTextColor: "$color8",
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        autoFocus
+      }
+    ),
+    onFilter && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tamagui38.SizableText, { size: "$4", color: "$color9", pressStyle: { opacity: 0.6 }, onPress: onFilter, children: "\u2ACF" }),
+    onCancel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tamagui38.SizableText, { size: "$3", color: "$color9", pressStyle: { opacity: 0.6 }, onPress: onCancel, children: "Cancel" })
+  ] });
 }
 
 // src/patterns/FloatingActionButton.tsx
@@ -1655,73 +1464,55 @@ function FloatingActionButton({ icon, label, onPress, position = "bottom-right",
 // src/patterns/ActionSheet.tsx
 var import_tamagui40 = require("tamagui");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-function ActionSheet({
-  open,
-  onOpenChange,
-  title,
-  items,
-  onSelect,
-  cancelLabel = "Cancel"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-    import_tamagui40.Sheet,
-    {
-      modal: true,
-      open,
-      onOpenChange,
-      snapPoints: [50],
-      dismissOnSnapToBottom: true,
-      animation: "medium",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.Sheet.Overlay, { animation: "lazy", enterStyle: { opacity: 0 }, exitStyle: { opacity: 0 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.Sheet.Handle, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_tamagui40.Sheet.Frame, { borderTopLeftRadius: "$6", borderTopRightRadius: "$6", backgroundColor: "$background", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.SizableText, { size: "$3", color: "$color8", textAlign: "center", paddingTop: "$3", paddingBottom: "$1", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.YStack, { paddingHorizontal: "$3", paddingTop: "$2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-            import_tamagui40.XStack,
-            {
-              height: 52,
-              alignItems: "center",
-              gap: "$3",
-              paddingHorizontal: "$3",
-              borderRadius: "$4",
-              pressStyle: { backgroundColor: "$color3" },
-              onPress: () => {
-                onSelect(item.id);
-                onOpenChange(false);
-              },
-              children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.SizableText, { size: "$5", children: item.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                  import_tamagui40.SizableText,
-                  {
-                    size: "$5",
-                    flex: 1,
-                    color: item.destructive ? "$red9" : "$color12",
-                    fontWeight: item.destructive ? "600" : "400",
-                    children: item.label
-                  }
-                )
-              ]
-            },
-            item.id
-          )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.YStack, { paddingHorizontal: "$3", paddingVertical: "$3", borderTopWidth: 1, borderTopColor: "$borderColor", marginTop: "$2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            import_tamagui40.XStack,
-            {
-              height: 48,
-              alignItems: "center",
-              justifyContent: "center",
-              borderRadius: "$4",
-              pressStyle: { backgroundColor: "$color3" },
-              onPress: () => onOpenChange(false),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.SizableText, { size: "$5", fontWeight: "600", color: "$color9", children: cancelLabel })
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
+function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel = "Cancel" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_tamagui40.Sheet, { modal: true, open, onOpenChange, snapPoints: [50], dismissOnSnapToBottom: true, animation: "medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.Sheet.Overlay, { animation: "lazy", enterStyle: { opacity: 0 }, exitStyle: { opacity: 0 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.Sheet.Handle, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_tamagui40.Sheet.Frame, { borderTopLeftRadius: "$6", borderTopRightRadius: "$6", backgroundColor: "$background", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.SizableText, { size: "$3", color: "$color8", textAlign: "center", paddingTop: "$3", paddingBottom: "$1", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.YStack, { paddingHorizontal: "$3", paddingTop: "$2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        import_tamagui40.XStack,
+        {
+          height: 52,
+          alignItems: "center",
+          gap: "$3",
+          paddingHorizontal: "$3",
+          borderRadius: "$4",
+          pressStyle: { backgroundColor: "$color3" },
+          onPress: () => {
+            onSelect(item.id);
+            onOpenChange(false);
+          },
+          children: [
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.SizableText, { size: "$5", children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              import_tamagui40.SizableText,
+              {
+                size: "$5",
+                flex: 1,
+                color: item.destructive ? "$red9" : "$color12",
+                fontWeight: item.destructive ? "600" : "400",
+                children: item.label
+              }
+            )
+          ]
+        },
+        item.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.YStack, { paddingHorizontal: "$3", paddingVertical: "$3", borderTopWidth: 1, borderTopColor: "$borderColor", marginTop: "$2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_tamagui40.XStack,
+        {
+          height: 48,
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: "$4",
+          pressStyle: { backgroundColor: "$color3" },
+          onPress: () => onOpenChange(false),
+          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_tamagui40.SizableText, { size: "$5", fontWeight: "600", color: "$color9", children: cancelLabel })
+        }
+      ) })
+    ] })
+  ] });
 }
 
 // src/patterns/Skeleton.tsx
@@ -1732,19 +1523,7 @@ function Skeleton({ width, height, borderRadius, variant = "rectangular" }) {
   const w = variant === "text" ? width ?? "100%" : width;
   const h = variant === "text" ? height ?? 16 : size;
   const r = variant === "circular" ? 9999 : borderRadius ?? 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_tamagui41.YStack,
-    {
-      width: w,
-      height: h,
-      borderRadius: r,
-      backgroundColor: "$color3",
-      opacity: 0.6,
-      animation: "slow",
-      enterStyle: { opacity: 0.3 },
-      exitStyle: { opacity: 0.3 }
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_tamagui41.YStack, { width: w, height: h, borderRadius: r, backgroundColor: "$color3", opacity: 0.6, animation: "slow", enterStyle: { opacity: 0.3 }, exitStyle: { opacity: 0.3 } });
 }
 
 // src/patterns/NotificationBanner.tsx
@@ -1756,14 +1535,7 @@ var variantColors2 = {
   warning: { bg: "$yellow3", text: "$yellow11" },
   error: { bg: "$red3", text: "$red11" }
 };
-function NotificationBanner({
-  title,
-  message,
-  variant = "info",
-  onPress,
-  onDismiss,
-  icon
-}) {
+function NotificationBanner({ title, message, variant = "info", onPress, onDismiss, icon }) {
   const colors = variantColors2[variant];
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     import_tamagui42.XStack,
@@ -1800,26 +1572,10 @@ function ProgressSteps({ steps, currentStep, variant = "dots" }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.XStack, { alignItems: "center", justifyContent: "center", gap: "$0", children: steps.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_tamagui43.XStack, { alignItems: "center", gap: "$0", children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_tamagui43.YStack, { alignItems: "center", gap: "$1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        import_tamagui43.Circle,
-        {
-          size: variant === "numbered" ? 28 : 10,
-          backgroundColor: i <= currentStep ? "$color9" : "$color4",
-          animation: "quick",
-          children: variant === "numbered" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.SizableText, { size: "$2", fontWeight: "600", color: i <= currentStep ? "$color1" : "$color8", children: i + 1 })
-        }
-      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.Circle, { size: variant === "numbered" ? 28 : 10, backgroundColor: i <= currentStep ? "$color9" : "$color4", animation: "quick", children: variant === "numbered" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.SizableText, { size: "$2", fontWeight: "600", color: i <= currentStep ? "$color1" : "$color8", children: i + 1 }) }),
       /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.SizableText, { size: "$1", color: i <= currentStep ? "$color11" : "$color8", numberOfLines: 1, children: label })
     ] }),
-    i < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      import_tamagui43.YStack,
-      {
-        height: 2,
-        width: 32,
-        backgroundColor: i < currentStep ? "$color9" : "$color4",
-        marginBottom: "$4"
-      }
-    )
+    i < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.YStack, { height: 2, width: 32, backgroundColor: i < currentStep ? "$color9" : "$color4", marginBottom: "$4" })
   ] }, i)) });
 }
 
@@ -1832,14 +1588,7 @@ function SwipeableRow({ children, leftActions, rightActions }) {
   const actions = [...leftActions ?? [], ...rightActions ?? []];
   if (actions.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_tamagui44.YStack, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_tamagui44.YStack,
-      {
-        onLongPress: () => setShowActions((v) => !v),
-        pressStyle: { opacity: 0.9 },
-        children
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_tamagui44.YStack, { onLongPress: () => setShowActions((v) => !v), pressStyle: { opacity: 0.9 }, children }),
     showActions && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_tamagui44.XStack, { gap: "$2", padding: "$2", animation: "quick", enterStyle: { opacity: 0, scale: 0.95 }, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       import_tamagui44.Button,
       {
@@ -1862,15 +1611,7 @@ function SwipeableRow({ children, leftActions, rightActions }) {
 var import_tamagui45 = require("tamagui");
 var import_linear_gradient = require("tamagui/linear-gradient");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-function MediaCard({
-  image,
-  title,
-  subtitle,
-  overlay = "gradient",
-  aspectRatio = 16 / 9,
-  onPress,
-  badge
-}) {
+function MediaCard({ image, title, subtitle, overlay = "gradient", aspectRatio = 16 / 9, onPress, badge }) {
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_tamagui45.YStack,
     {
@@ -1895,7 +1636,19 @@ function MediaCard({
           }
         ),
         overlay === "dark" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.YStack, { position: "absolute", fullscreen: true, backgroundColor: "rgba(0,0,0,0.4)" }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.XStack, { position: "absolute", top: "$2", right: "$2", backgroundColor: "$color9", paddingHorizontal: "$2", paddingVertical: "$1", borderRadius: "$2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.SizableText, { size: "$1", fontWeight: "600", color: "$color1", children: badge }) }),
+        badge && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          import_tamagui45.XStack,
+          {
+            position: "absolute",
+            top: "$2",
+            right: "$2",
+            backgroundColor: "$color9",
+            paddingHorizontal: "$2",
+            paddingVertical: "$1",
+            borderRadius: "$2",
+            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.SizableText, { size: "$1", fontWeight: "600", color: "$color1", children: badge })
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_tamagui45.YStack, { position: "absolute", bottom: 0, left: 0, right: 0, padding: "$3", gap: "$1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.SizableText, { size: "$5", fontWeight: "600", color: "white", children: title }),
           subtitle && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.SizableText, { size: "$3", color: "rgba(255,255,255,0.8)", children: subtitle })
@@ -1913,6 +1666,7 @@ var import_jsx_runtime38 = require("react/jsx-runtime");
 function Carousel({ children, gap = "$3", snapToInterval, showIndicators = false }) {
   const [activeIndex, setActiveIndex] = (0, import_react9.useState)(0);
   const count = import_react9.Children.count(children);
+  const gapPx = gap === "$2" ? 8 : gap === "$3" ? 12 : 16;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_tamagui46.YStack, { gap: "$3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       import_react_native3.ScrollView,
@@ -1921,24 +1675,14 @@ function Carousel({ children, gap = "$3", snapToInterval, showIndicators = false
         showsHorizontalScrollIndicator: false,
         snapToInterval,
         decelerationRate: "fast",
-        contentContainerStyle: { gap: gap === "$2" ? 8 : gap === "$3" ? 12 : 16, paddingHorizontal: 16 },
+        contentContainerStyle: { gap: gapPx, paddingHorizontal: 16 },
         onMomentumScrollEnd: (e) => {
-          if (snapToInterval) {
-            setActiveIndex(Math.round(e.nativeEvent.contentOffset.x / snapToInterval));
-          }
+          if (snapToInterval) setActiveIndex(Math.round(e.nativeEvent.contentOffset.x / snapToInterval));
         },
         children
       }
     ),
-    showIndicators && count > 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_tamagui46.XStack, { justifyContent: "center", gap: "$1.5", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      import_tamagui46.Circle,
-      {
-        size: 6,
-        backgroundColor: i === activeIndex ? "$color9" : "$color4",
-        animation: "quick"
-      },
-      i
-    )) })
+    showIndicators && count > 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_tamagui46.XStack, { justifyContent: "center", gap: "$1.5", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_tamagui46.Circle, { size: 6, backgroundColor: i === activeIndex ? "$color9" : "$color4", animation: "quick" }, i)) })
   ] });
 }
 
@@ -1960,15 +1704,21 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
 0 && (module.exports = {
   Accordion,
   ActionSheet,
+  Adapt,
   AlertDialog,
+  Anchor,
   AppHeader,
   Avatar,
   Badge,
+  BlinkAccordion,
   BlinkAvatar,
   BlinkButton,
   BlinkCard,
   BlinkInput,
+  BlinkTabs,
   BlinkText,
+  BlinkToastProvider,
+  BlinkToggleGroup,
   BlinkTooltip,
   BottomSheet,
   Button,
@@ -1982,7 +1732,9 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   DialogProvider,
   Divider,
   EmptyState,
+  Fieldset,
   FloatingActionButton,
+  Form,
   FormField,
   Grid,
   H1,
@@ -2007,6 +1759,7 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   Paragraph,
   PaywallScreen,
   Popover,
+  PortalProvider,
   Pressable,
   ProfileHeader,
   Progress,
@@ -2027,6 +1780,7 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   Skeleton,
   Slider,
   Spinner,
+  Square,
   StepPageLayout,
   SubHeading,
   SwipeableRow,
@@ -2034,15 +1788,20 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   TabBar,
   Tabs,
   TamaguiImage,
+  TamaguiListItem,
   TamaguiProvider,
   Text,
   TextArea,
   Theme,
-  ToastProvider,
   ToggleGroup,
   Tooltip,
+  TooltipSimple,
+  Unspaced,
   View,
+  VisuallyHidden,
+  XGroup,
   XStack,
+  YGroup,
   YStack,
   ZStack,
   blinkConfig,
@@ -2050,10 +1809,10 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   showError,
   styled,
   toast,
+  useBlinkToast,
   useMedia,
   useTheme,
   useThemeName,
-  useToast,
   withStaticProperties
 });
 //# sourceMappingURL=index.js.map