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

package/dist/index.js

@@ -20,76 +20,103 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  AlertDialog: () => import_tamagui26.AlertDialog,
-  Avatar: () => import_tamagui26.Avatar,
+  Accordion: () => Accordion,
+  ActionSheet: () => ActionSheet,
+  AlertDialog: () => import_tamagui49.AlertDialog,
+  AppHeader: () => AppHeader,
+  Avatar: () => import_tamagui49.Avatar,
   Badge: () => Badge,
   BlinkAvatar: () => Avatar,
   BlinkButton: () => Button,
   BlinkCard: () => Card,
   BlinkInput: () => Input,
   BlinkText: () => BlinkText,
-  Button: () => import_tamagui26.Button,
-  Card: () => import_tamagui26.Card,
+  BlinkTooltip: () => BlinkTooltip,
+  BottomSheet: () => BottomSheet,
+  Button: () => import_tamagui49.Button,
+  Card: () => import_tamagui49.Card,
+  Carousel: () => Carousel,
   ChatBubble: () => ChatBubble,
-  Checkbox: () => import_tamagui26.Checkbox,
-  Circle: () => import_tamagui26.Circle,
-  Dialog: () => import_tamagui26.Dialog,
+  Checkbox: () => import_tamagui49.Checkbox,
+  Circle: () => import_tamagui49.Circle,
+  Container: () => Container,
+  Dialog: () => import_tamagui49.Dialog,
   DialogProvider: () => DialogProvider,
   Divider: () => Divider,
   EmptyState: () => EmptyState,
-  H1: () => import_tamagui26.H1,
-  H2: () => import_tamagui26.H2,
-  H3: () => import_tamagui26.H3,
-  H4: () => import_tamagui26.H4,
-  H5: () => import_tamagui26.H5,
-  H6: () => import_tamagui26.H6,
+  FloatingActionButton: () => FloatingActionButton,
+  FormField: () => FormField,
+  Grid: () => Grid,
+  H1: () => import_tamagui49.H1,
+  H2: () => import_tamagui49.H2,
+  H3: () => import_tamagui49.H3,
+  H4: () => import_tamagui49.H4,
+  H5: () => import_tamagui49.H5,
+  H6: () => import_tamagui49.H6,
+  ICONS: () => ICONS,
+  Icon: () => Icon,
   Image: () => Image2,
-  Input: () => import_tamagui26.Input,
+  Input: () => import_tamagui49.Input,
   KeyboardStickyFooter: () => KeyboardStickyFooter,
-  Label: () => import_tamagui26.Label,
+  Label: () => import_tamagui49.Label,
   ListItem: () => ListItem,
+  LoginScreen: () => LoginScreen,
+  MediaCard: () => MediaCard,
+  NotificationBanner: () => NotificationBanner,
   OnboardingCarousel: () => OnboardingCarousel,
   PageContainer: () => PageContainer,
   PageMainContainer: () => PageMainContainer,
-  Paragraph: () => import_tamagui26.Paragraph,
+  Paragraph: () => import_tamagui49.Paragraph,
   PaywallScreen: () => PaywallScreen,
-  Popover: () => import_tamagui26.Popover,
+  Popover: () => import_tamagui49.Popover,
   Pressable: () => Pressable,
   ProfileHeader: () => ProfileHeader,
-  Progress: () => import_tamagui26.Progress,
-  RadioGroup: () => import_tamagui26.RadioGroup,
+  Progress: () => import_tamagui49.Progress,
+  ProgressSteps: () => ProgressSteps,
+  PullToRefresh: () => PullToRefresh,
+  RadioGroup: () => import_tamagui49.RadioGroup,
+  SafeArea: () => SafeArea,
   ScreenLayout: () => ScreenLayout,
-  ScrollView: () => import_tamagui26.ScrollView,
+  ScrollView: () => import_tamagui49.ScrollView,
+  SearchBar: () => SearchBar,
   Section: () => Section,
-  Select: () => import_tamagui26.Select,
+  Select: () => import_tamagui49.Select,
   SepHeading: () => SepHeading,
-  Separator: () => import_tamagui26.Separator,
+  Separator: () => import_tamagui49.Separator,
   SettingsScreen: () => SettingsScreen,
-  Sheet: () => import_tamagui26.Sheet,
-  SizableText: () => import_tamagui26.SizableText,
-  Slider: () => import_tamagui26.Slider,
-  Spinner: () => import_tamagui26.Spinner,
+  Sheet: () => import_tamagui49.Sheet,
+  SizableText: () => import_tamagui49.SizableText,
+  Skeleton: () => Skeleton,
+  Slider: () => import_tamagui49.Slider,
+  Spinner: () => import_tamagui49.Spinner,
   StepPageLayout: () => StepPageLayout,
   SubHeading: () => SubHeading,
-  Switch: () => import_tamagui26.Switch,
-  TamaguiImage: () => import_tamagui26.Image,
-  TamaguiProvider: () => import_tamagui26.TamaguiProvider,
-  Text: () => import_tamagui26.Text,
-  TextArea: () => import_tamagui26.TextArea,
-  Theme: () => import_tamagui26.Theme,
-  Tooltip: () => import_tamagui26.Tooltip,
-  View: () => import_tamagui26.View,
-  XStack: () => import_tamagui26.XStack,
-  YStack: () => import_tamagui26.YStack,
-  ZStack: () => import_tamagui26.ZStack,
+  SwipeableRow: () => SwipeableRow,
+  Switch: () => import_tamagui49.Switch,
+  TabBar: () => TabBar,
+  Tabs: () => Tabs,
+  TamaguiImage: () => import_tamagui49.Image,
+  TamaguiProvider: () => import_tamagui49.TamaguiProvider,
+  Text: () => import_tamagui49.Text,
+  TextArea: () => import_tamagui49.TextArea,
+  Theme: () => import_tamagui49.Theme,
+  ToastProvider: () => ToastProvider,
+  ToggleGroup: () => ToggleGroup,
+  Tooltip: () => import_tamagui49.Tooltip,
+  View: () => import_tamagui49.View,
+  XStack: () => import_tamagui49.XStack,
+  YStack: () => import_tamagui49.YStack,
+  ZStack: () => import_tamagui49.ZStack,
   blinkConfig: () => blinkConfig,
   dialogConfirm: () => dialogConfirm,
   showError: () => showError,
-  styled: () => import_tamagui26.styled,
-  useMedia: () => import_tamagui26.useMedia,
-  useTheme: () => import_tamagui26.useTheme,
-  useThemeName: () => import_tamagui26.useThemeName,
-  withStaticProperties: () => import_tamagui26.withStaticProperties
+  styled: () => import_tamagui49.styled,
+  toast: () => toast,
+  useMedia: () => import_tamagui49.useMedia,
+  useTheme: () => import_tamagui49.useTheme,
+  useThemeName: () => import_tamagui49.useThemeName,
+  useToast: () => useToast,
+  withStaticProperties: () => import_tamagui49.withStaticProperties
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -101,7 +128,7 @@ var blinkConfig = (0, import_tamagui.createTamagui)({
 });
 
 // src/index.ts
-var import_tamagui26 = require("tamagui");
+var import_tamagui49 = require("tamagui");
 
 // src/primitives/Button.tsx
 var import_tamagui2 = require("tamagui");
@@ -575,23 +602,310 @@ function Badge({ children, variant = "default" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BadgeFrame, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BadgeText, { children }) });
 }
 
-// src/layouts/StepPageLayout.tsx
+// src/interface/Icon.tsx
 var import_tamagui13 = require("tamagui");
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var ICONS = {
+  home: "\u2302",
+  search: "\u2315",
+  back: "\u2039",
+  forward: "\u203A",
+  close: "\u2715",
+  menu: "\u2630",
+  more: "\u22EF",
+  plus: "+",
+  minus: "\u2212",
+  check: "\u2713",
+  star: "\u2605",
+  starOutline: "\u2606",
+  heart: "\u2665",
+  heartOutline: "\u2661",
+  share: "\u2934",
+  edit: "\u270E",
+  trash: "\u232B",
+  copy: "\u2398",
+  chat: "\u{1F4AC}",
+  mail: "\u2709",
+  bell: "\u{1F514}",
+  bellOff: "\u{1F515}",
+  send: "\u27A4",
+  play: "\u25B6",
+  pause: "\u23F8",
+  camera: "\u{1F4F7}",
+  image: "\u{1F5BC}",
+  info: "\u2139",
+  warning: "\u26A0",
+  error: "\u2715",
+  success: "\u2713",
+  loading: "\u27F3",
+  user: "\u{1F464}",
+  users: "\u{1F465}",
+  settings: "\u2699",
+  lock: "\u{1F512}",
+  unlock: "\u{1F513}",
+  arrowUp: "\u2191",
+  arrowDown: "\u2193",
+  arrowLeft: "\u2190",
+  arrowRight: "\u2192",
+  chevronUp: "\u2303",
+  chevronDown: "\u2304",
+  chevronLeft: "\u2039",
+  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]
+    }
+  );
+}
+
+// src/interface/Accordion.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] : []);
+  const toggle = (id) => {
+    setOpenIds((prev) => {
+      if (prev.includes(id)) return prev.filter((i) => i !== id);
+      return allowMultiple ? [...prev, id] : [id];
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui14.YStack, { children: items.map((item, index) => {
+    const isOpen = openIds.includes(item.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_tamagui14.YStack, { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui14.Separator, { borderColor: "$borderColor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        import_tamagui14.XStack,
+        {
+          paddingVertical: "$3",
+          paddingHorizontal: "$2",
+          justifyContent: "space-between",
+          alignItems: "center",
+          pressStyle: { opacity: 0.7 },
+          onPress: () => toggle(item.id),
+          cursor: "pointer",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui14.SizableText, { size: "$4", fontWeight: "600", children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui14.SizableText, { size: "$3", color: "$color10", children: isOpen ? "\u2303" : "\u2304" })
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui14.YStack, { paddingHorizontal: "$2", paddingBottom: "$3", children: item.content })
+    ] }, item.id);
+  }) });
+}
+
+// src/interface/Tabs.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 ?? "");
+  const current = activeTab ?? internalActive;
+  const handlePress = (id) => {
+    if (!activeTab) setInternalActive(id);
+    onTabChange?.(id);
+  };
+  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 })
+  ] });
+}
+
+// src/interface/ToggleGroup.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" }) {
+  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;
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_tamagui16.XStack,
+      {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingVertical: "$2",
+        paddingHorizontal: "$3",
+        backgroundColor: isActive ? "$color9" : "$color2",
+        borderLeftWidth: index > 0 ? 1 : 0,
+        borderLeftColor: isActive ? "$color9" : "$color4",
+        pressStyle: { opacity: 0.7 },
+        onPress: () => onValueChange(option.id),
+        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
+    );
+  }) });
+}
+
+// src/interface/Toast.tsx
+var import_react5 = require("react");
+var import_tamagui17 = require("tamagui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ToastContext = (0, import_react5.createContext)(null);
+var variantColors = {
+  default: "$color9",
+  success: "$green9",
+  error: "$red9",
+  warning: "$yellow9"
+};
+var globalToastShow = null;
+var toast = (message, variant, duration) => {
+  if (globalToastShow) globalToastShow(message, variant, duration);
+  else console.warn("ToastProvider not mounted");
+};
+function ToastProvider({ 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);
+    setToasts((prev) => [...prev, { id, message, variant, duration }]);
+    setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), duration);
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    globalToastShow = show;
+    return () => {
+      globalToastShow = null;
+    };
+  }, [show]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToastContext.Provider, { value: { show }, children: [
+    children,
+    /* @__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
+        ))
+      }
+    )
+  ] });
+}
+function useToast() {
+  const ctx = (0, import_react5.useContext)(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within ToastProvider");
+  return ctx;
+}
+
+// src/interface/FormField.tsx
+var import_tamagui18 = require("tamagui");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function FormField({ label, error, helperText, required, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui18.YStack, { gap: "$1.5", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui18.SizableText, { size: "$3", fontWeight: "600", color: "$color11", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui18.SizableText, { color: "$red9", children: " *" })
+    ] }),
+    children,
+    helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui18.SizableText, { size: "$2", color: "$color9", children: helperText }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui18.SizableText, { size: "$2", color: "$red9", children: error })
+  ] });
+}
+
+// src/interface/Tooltip.tsx
+var import_tamagui19 = require("tamagui");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function BlinkTooltip({ content, children, side = "top" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_tamagui19.Popover, { size: "$2", placement: side, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui19.Popover.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      import_tamagui19.Popover.Content,
+      {
+        backgroundColor: "$color11",
+        borderRadius: "$2",
+        paddingHorizontal: "$2.5",
+        paddingVertical: "$1.5",
+        elevate: true,
+        enterStyle: { opacity: 0, y: side === "bottom" ? -4 : 4 },
+        exitStyle: { opacity: 0, y: side === "bottom" ? -4 : 4 },
+        opacity: 1,
+        y: 0,
+        animation: "quick",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui19.Popover.Arrow, { backgroundColor: "$color11", size: "$1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui19.SizableText, { size: "$2", color: "$color1", children: content })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/layouts/StepPageLayout.tsx
+var import_tamagui20 = require("tamagui");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function StepPageLayout({ title, description, children, bottom }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_tamagui13.YStack, { flex: 1, padding: "$4", maxWidth: 500, marginHorizontal: "auto", width: "100%", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tamagui13.YStack, { gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_tamagui13.YStack, { gap: "$2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tamagui13.SizableText, { size: "$8", fontWeight: "700", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tamagui13.SizableText, { size: "$5", fontWeight: "400", color: "$color10", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_tamagui20.YStack, { flex: 1, padding: "$4", maxWidth: 500, marginHorizontal: "auto", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui20.YStack, { gap: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_tamagui20.YStack, { gap: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui20.SizableText, { size: "$8", fontWeight: "700", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui20.SizableText, { size: "$5", fontWeight: "400", color: "$color10", children: description })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tamagui13.YStack, { paddingTop: "$5", gap: "$4", children }),
-    bottom && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tamagui13.YStack, { paddingTop: "$4", children: bottom })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui20.YStack, { paddingTop: "$5", gap: "$4", children }),
+    bottom && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui20.YStack, { paddingTop: "$4", children: bottom })
   ] });
 }
 
 // src/layouts/ScreenLayout.tsx
-var import_tamagui14 = require("tamagui");
-var ScreenLayout = (0, import_tamagui14.styled)(import_tamagui14.YStack, {
+var import_tamagui21 = require("tamagui");
+var ScreenLayout = (0, import_tamagui21.styled)(import_tamagui21.YStack, {
   name: "BlinkScreenLayout",
   flex: 1,
   backgroundColor: "$background",
@@ -609,22 +923,22 @@ var ScreenLayout = (0, import_tamagui14.styled)(import_tamagui14.YStack, {
 });
 
 // src/layouts/Section.tsx
-var import_tamagui15 = require("tamagui");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_tamagui22 = require("tamagui");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Section({ title, description, children, gap = "$3" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_tamagui15.YStack, { gap, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_tamagui15.YStack, { gap: "$1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui15.SizableText, { size: "$5", fontWeight: "600", color: "$color12", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_tamagui15.SizableText, { size: "$3", color: "$color9", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_tamagui22.YStack, { gap, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_tamagui22.YStack, { gap: "$1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.SizableText, { size: "$5", fontWeight: "600", color: "$color12", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.SizableText, { size: "$3", color: "$color9", children: description })
     ] }),
     children
   ] });
 }
 
 // src/layouts/ListItem.tsx
-var import_tamagui16 = require("tamagui");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var ListItemFrame = (0, import_tamagui16.styled)(import_tamagui16.XStack, {
+var import_tamagui23 = require("tamagui");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ListItemFrame = (0, import_tamagui23.styled)(import_tamagui23.XStack, {
   name: "BlinkListItem",
   alignItems: "center",
   gap: "$3",
@@ -641,109 +955,195 @@ var ListItemFrame = (0, import_tamagui16.styled)(import_tamagui16.XStack, {
   }
 });
 function ListItem({ icon, title, subtitle, right, onPress }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(ListItemFrame, { pressable: !!onPress, onPress, children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui16.View, { children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_tamagui16.YStack, { flex: 1, gap: "$1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui16.SizableText, { size: "$4", fontWeight: "500", color: "$color12", children: title }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tamagui16.SizableText, { size: "$2", color: "$color9", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ListItemFrame, { pressable: !!onPress, onPress, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tamagui23.View, { children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_tamagui23.YStack, { flex: 1, gap: "$1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tamagui23.SizableText, { size: "$4", fontWeight: "500", color: "$color12", children: title }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tamagui23.SizableText, { size: "$2", color: "$color9", children: subtitle })
     ] }),
     right
   ] });
 }
 
 // src/layouts/Divider.tsx
-var import_tamagui17 = require("tamagui");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_tamagui24 = require("tamagui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Divider({ label }) {
-  if (!label) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui17.Separator, { borderColor: "$color4" });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_tamagui17.XStack, { alignItems: "center", gap: "$3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui17.Separator, { flex: 1, borderColor: "$color4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui17.SizableText, { size: "$2", color: "$color9", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tamagui17.Separator, { flex: 1, borderColor: "$color4" })
+  if (!label) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.Separator, { borderColor: "$color4" });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_tamagui24.XStack, { alignItems: "center", gap: "$3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.Separator, { flex: 1, borderColor: "$color4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.SizableText, { size: "$2", color: "$color9", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.Separator, { flex: 1, borderColor: "$color4" })
   ] });
 }
 
 // src/layouts/KeyboardStickyFooter.tsx
-var import_tamagui18 = require("tamagui");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_tamagui25 = require("tamagui");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function KeyboardStickyFooter({ children, offset }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui18.YStack, { maxWidth: 500, alignSelf: "center", paddingTop: "$8", paddingBottom: "$4", style: { paddingBottom: offset }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_tamagui25.YStack, { maxWidth: 500, alignSelf: "center", paddingTop: "$8", paddingBottom: "$4", style: { paddingBottom: offset }, children });
+}
+
+// src/layouts/SafeArea.tsx
+var import_tamagui26 = require("tamagui");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function SafeArea({ children, edges = ["top", "bottom"] }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_tamagui26.YStack,
+    {
+      flex: 1,
+      backgroundColor: "$background",
+      paddingTop: edges.includes("top") ? "$6" : void 0,
+      paddingBottom: edges.includes("bottom") ? "$6" : void 0,
+      paddingLeft: edges.includes("left") ? "$4" : void 0,
+      paddingRight: edges.includes("right") ? "$4" : void 0,
+      children
+    }
+  );
+}
+
+// src/layouts/Grid.tsx
+var import_tamagui27 = require("tamagui");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Grid({ children, columns = 2, gap = "$3" }) {
+  const childWidth = `${100 / columns}%`;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.XStack, { flexWrap: "wrap", gap, children: Array.isArray(children) ? children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: childWidth, flexBasis: childWidth, children: child }, i)) : children });
+}
+function Container({ children, maxWidth = 500, centered = true }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: "100%", maxWidth, alignSelf: centered ? "center" : void 0, children });
 }
 
 // src/patterns/PaywallScreen.tsx
-var import_tamagui19 = require("tamagui");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_tamagui28 = require("tamagui");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function PaywallScreen({
-  title = "Upgrade Your Experience",
-  subtitle = "Choose the plan that works for you",
+  title = "Unlock Premium",
+  subtitle,
+  features = [],
   plans,
   selectedPlan,
   onSelectPlan,
   onContinue,
+  onClose,
   onRestore,
-  continueLabel = "Continue"
+  onTerms,
+  onPrivacy,
+  continueLabel = "Continue",
+  reassurance = "Cancel anytime",
+  hero,
+  socialProof
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.YStack, { flex: 1, padding: "$4", gap: "$5", backgroundColor: "$background", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.YStack, { gap: "$2", paddingTop: "$6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$9", fontWeight: "700", textAlign: "center", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$4", color: "$color10", textAlign: "center", children: subtitle })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.YStack, { gap: "$3", flex: 1, children: plans.map((plan) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-      import_tamagui19.YStack,
+  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)(
+      import_tamagui28.YStack,
+      {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
         padding: "$4",
-        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",
+        paddingBottom: "$6",
+        backgroundColor: "$background",
+        borderTopWidth: 1,
+        borderTopColor: "$color4",
+        gap: "$3",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.XStack, { justifyContent: "space-between", alignItems: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.YStack, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$5", fontWeight: "600", children: plan.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.XStack, { alignItems: "baseline", gap: "$1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$8", fontWeight: "700", children: plan.price }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.SizableText, { size: "$3", color: "$color9", children: [
-                  "/",
-                  plan.period
-                ] })
-              ] })
-            ] }),
-            plan.popular && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.YStack, { backgroundColor: "$color9", paddingHorizontal: "$2", paddingVertical: "$1", borderRadius: "$10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$1", color: "$color1", fontWeight: "600", children: "POPULAR" }) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.YStack, { gap: "$2", paddingTop: "$3", children: plan.features.map((feature, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.XStack, { gap: "$2", alignItems: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.Circle, { size: 6, backgroundColor: "$green9" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$3", color: "$color11", children: feature })
-          ] }, i)) })
+          /* @__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" })
+          ] })
         ]
-      },
-      plan.id
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_tamagui19.YStack, { gap: "$3", paddingBottom: "$4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        import_tamagui19.Button,
-        {
-          size: "$5",
-          backgroundColor: "$color9",
-          color: "$color1",
-          onPress: onContinue,
-          hoverStyle: { backgroundColor: "$color10" },
-          pressStyle: { backgroundColor: "$color8" },
-          borderRadius: "$5",
-          children: continueLabel
-        }
-      ),
-      onRestore && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.Button, { size: "$3", chromeless: true, onPress: onRestore, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_tamagui19.SizableText, { size: "$3", color: "$color9", children: "Restore Purchases" }) })
-    ] })
+      }
+    )
   ] });
 }
 
 // src/patterns/OnboardingCarousel.tsx
-var import_react3 = require("react");
-var import_tamagui20 = require("tamagui");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_tamagui29 = require("tamagui");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function OnboardingCarousel({
   steps,
   onComplete,
@@ -752,21 +1152,21 @@ function OnboardingCarousel({
   skipLabel = "Skip",
   nextLabel = "Next"
 }) {
-  const [current, setCurrent] = (0, import_react3.useState)(0);
+  const [current, setCurrent] = (0, import_react6.useState)(0);
   const isLast = current === steps.length - 1;
   const step = steps[current];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_tamagui20.YStack, { flex: 1, backgroundColor: "$background", padding: "$4", justifyContent: "space-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.XStack, { justifyContent: "flex-end", paddingTop: "$4", children: !isLast && onSkip && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.Button, { chromeless: true, onPress: onSkip, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.SizableText, { size: "$4", color: "$color9", children: skipLabel }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_tamagui20.YStack, { flex: 1, alignItems: "center", justifyContent: "center", gap: "$5", paddingHorizontal: "$4", children: [
-      step?.icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.Circle, { size: 120, backgroundColor: "$color2", alignItems: "center", justifyContent: "center", children: step.icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_tamagui20.YStack, { gap: "$3", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.SizableText, { size: "$9", fontWeight: "700", textAlign: "center", children: step?.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.SizableText, { size: "$4", color: "$color10", textAlign: "center", maxWidth: 300, children: step?.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { flex: 1, backgroundColor: "$background", padding: "$4", justifyContent: "space-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.XStack, { justifyContent: "flex-end", paddingTop: "$4", children: !isLast && onSkip && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.Button, { chromeless: true, onPress: onSkip, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.SizableText, { size: "$4", color: "$color9", children: skipLabel }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { flex: 1, alignItems: "center", justifyContent: "center", gap: "$5", paddingHorizontal: "$4", children: [
+      step?.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.Circle, { size: 120, backgroundColor: "$color2", alignItems: "center", justifyContent: "center", children: step.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { gap: "$3", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.SizableText, { size: "$9", fontWeight: "700", textAlign: "center", children: step?.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.SizableText, { size: "$4", color: "$color10", textAlign: "center", maxWidth: 300, children: step?.description })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_tamagui20.YStack, { gap: "$3", paddingBottom: "$2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_tamagui20.XStack, { justifyContent: "center", gap: "$2", children: steps.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_tamagui20.Circle,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { gap: "$3", paddingBottom: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.XStack, { justifyContent: "center", gap: "$2", children: steps.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_tamagui29.Circle,
         {
           size: 8,
           backgroundColor: i === current ? "$color9" : "$color4",
@@ -774,8 +1174,8 @@ function OnboardingCarousel({
         },
         i
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_tamagui20.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_tamagui29.Button,
         {
           size: "$5",
           backgroundColor: "$color9",
@@ -792,21 +1192,21 @@ function OnboardingCarousel({
 }
 
 // src/patterns/ChatBubble.tsx
-var import_tamagui21 = require("tamagui");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_tamagui30 = require("tamagui");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function ChatBubble({ message, showAvatar = true }) {
   const isUser = message.sender === "user";
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_tamagui21.XStack,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    import_tamagui30.XStack,
     {
       alignSelf: isUser ? "flex-end" : "flex-start",
       maxWidth: "75%",
       gap: "$2",
       flexDirection: isUser ? "row-reverse" : "row",
       children: [
-        showAvatar && !isUser && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui21.Circle, { size: 32, backgroundColor: "$color4", overflow: "hidden", children: message.avatar ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui21.Image, { source: { uri: message.avatar }, width: 32, height: 32, objectFit: "cover" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui21.SizableText, { size: "$2", fontWeight: "600", color: "$color11", children: message.senderName?.[0]?.toUpperCase() ?? "?" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-          import_tamagui21.YStack,
+        showAvatar && !isUser && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_tamagui30.Circle, { size: 32, backgroundColor: "$color4", overflow: "hidden", children: message.avatar ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_tamagui30.Image, { source: { uri: message.avatar }, width: 32, height: 32, objectFit: "cover" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_tamagui30.SizableText, { size: "$2", fontWeight: "600", color: "$color11", children: message.senderName?.[0]?.toUpperCase() ?? "?" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          import_tamagui30.YStack,
           {
             backgroundColor: isUser ? "$color9" : "$color3",
             paddingHorizontal: "$3",
@@ -816,8 +1216,8 @@ function ChatBubble({ message, showAvatar = true }) {
             borderBottomLeftRadius: isUser ? "$5" : "$2",
             gap: "$1",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui21.SizableText, { size: "$3", color: isUser ? "$color1" : "$color12", children: message.text }),
-              message.timestamp && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_tamagui21.SizableText, { size: "$1", color: isUser ? "$color3" : "$color9", alignSelf: "flex-end", children: message.timestamp })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_tamagui30.SizableText, { size: "$3", color: isUser ? "$color1" : "$color12", children: message.text }),
+              message.timestamp && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_tamagui30.SizableText, { size: "$1", color: isUser ? "$color3" : "$color9", alignSelf: "flex-end", children: message.timestamp })
             ]
           }
         )
@@ -827,11 +1227,11 @@ function ChatBubble({ message, showAvatar = true }) {
 }
 
 // src/patterns/SettingsScreen.tsx
-var import_tamagui22 = require("tamagui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_tamagui31 = require("tamagui");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function SettingsItemRow({ item }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    import_tamagui22.XStack,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_tamagui31.XStack,
     {
       alignItems: "center",
       gap: "$3",
@@ -842,22 +1242,22 @@ function SettingsItemRow({ item }) {
       onPress: item.onPress,
       cursor: item.onPress ? "pointer" : void 0,
       children: [
-        item.icon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.YStack, { width: 24, alignItems: "center", children: item.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_tamagui22.YStack, { flex: 1, gap: "$1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.SizableText, { size: "$4", fontWeight: "500", children: item.title }),
-          item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.SizableText, { size: "$2", color: "$color9", children: item.subtitle })
+        item.icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.YStack, { width: 24, alignItems: "center", children: item.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_tamagui31.YStack, { flex: 1, gap: "$1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.SizableText, { size: "$4", fontWeight: "500", children: item.title }),
+          item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.SizableText, { size: "$2", color: "$color9", children: item.subtitle })
         ] }),
-        item.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.Switch, { size: "$3", checked: item.value, onCheckedChange: item.onValueChange, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.Switch.Thumb, { animation: "quick" }) }) : item.right ? item.right : item.onPress && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.SizableText, { size: "$5", color: "$color8", children: "\u203A" })
+        item.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.Switch, { size: "$3", checked: item.value, onCheckedChange: item.onValueChange, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.Switch.Thumb, { animation: "quick" }) }) : item.right ? item.right : item.onPress && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.SizableText, { size: "$5", color: "$color8", children: "\u203A" })
       ]
     }
   );
 }
 function SettingsScreen({ sections, header }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_tamagui22.YStack, { flex: 1, backgroundColor: "$background", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_tamagui31.YStack, { flex: 1, backgroundColor: "$background", children: [
     header,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.YStack, { gap: "$4", paddingVertical: "$2", children: sections.map((section, si) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_tamagui22.YStack, { children: [
-      section.title && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_tamagui22.SizableText,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.YStack, { gap: "$4", paddingVertical: "$2", children: sections.map((section, si) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_tamagui31.YStack, { children: [
+      section.title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_tamagui31.SizableText,
         {
           size: "$2",
           fontWeight: "600",
@@ -868,26 +1268,26 @@ function SettingsScreen({ sections, header }) {
           children: section.title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.YStack, { backgroundColor: "$color1", borderRadius: "$4", marginHorizontal: "$3", overflow: "hidden", children: section.items.map((item, ii) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_tamagui22.YStack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SettingsItemRow, { item }),
-        ii < section.items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_tamagui22.Separator, { borderColor: "$color3", marginLeft: "$12" })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.YStack, { backgroundColor: "$color1", borderRadius: "$4", marginHorizontal: "$3", overflow: "hidden", children: section.items.map((item, ii) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_tamagui31.YStack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SettingsItemRow, { item }),
+        ii < section.items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_tamagui31.Separator, { borderColor: "$color3", marginLeft: "$12" })
       ] }, item.id)) })
     ] }, si)) })
   ] });
 }
 
 // src/patterns/EmptyState.tsx
-var import_tamagui23 = require("tamagui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_tamagui32 = require("tamagui");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function EmptyState({ icon, title, description, actionLabel, onAction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_tamagui23.YStack, { flex: 1, alignItems: "center", justifyContent: "center", gap: "$4", padding: "$6", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_tamagui32.YStack, { flex: 1, alignItems: "center", justifyContent: "center", gap: "$4", padding: "$6", children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_tamagui23.YStack, { gap: "$2", alignItems: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tamagui23.SizableText, { size: "$6", fontWeight: "600", textAlign: "center", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_tamagui23.SizableText, { size: "$4", color: "$color9", textAlign: "center", maxWidth: 280, children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_tamagui32.YStack, { gap: "$2", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_tamagui32.SizableText, { size: "$6", fontWeight: "600", textAlign: "center", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_tamagui32.SizableText, { size: "$4", color: "$color9", textAlign: "center", maxWidth: 280, children: description })
     ] }),
-    actionLabel && onAction && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_tamagui23.Button,
+    actionLabel && onAction && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_tamagui32.Button,
       {
         size: "$4",
         backgroundColor: "$color9",
@@ -903,25 +1303,665 @@ function EmptyState({ icon, title, description, actionLabel, onAction }) {
 }
 
 // src/patterns/ProfileHeader.tsx
-var import_tamagui24 = require("tamagui");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_tamagui33 = require("tamagui");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function ProfileHeader({ name, subtitle, avatar, stats, actions }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_tamagui24.YStack, { alignItems: "center", gap: "$4", paddingVertical: "$6", paddingHorizontal: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.Circle, { size: 80, backgroundColor: "$color4", overflow: "hidden", children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.Image, { source: { uri: avatar }, width: 80, height: 80, objectFit: "cover" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.SizableText, { size: "$9", fontWeight: "700", color: "$color11", children: name[0]?.toUpperCase() ?? "?" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_tamagui24.YStack, { alignItems: "center", gap: "$1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.SizableText, { size: "$7", fontWeight: "700", children: name }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.SizableText, { size: "$4", color: "$color10", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_tamagui33.YStack, { alignItems: "center", gap: "$4", paddingVertical: "$6", paddingHorizontal: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.Circle, { size: 80, backgroundColor: "$color4", overflow: "hidden", children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.Image, { source: { uri: avatar }, width: 80, height: 80, objectFit: "cover" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.SizableText, { size: "$9", fontWeight: "700", color: "$color11", children: name[0]?.toUpperCase() ?? "?" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_tamagui33.YStack, { alignItems: "center", gap: "$1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.SizableText, { size: "$7", fontWeight: "700", children: name }),
+      subtitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.SizableText, { size: "$4", color: "$color10", children: subtitle })
     ] }),
-    stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.XStack, { gap: "$6", children: stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_tamagui24.YStack, { alignItems: "center", gap: "$1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.SizableText, { size: "$6", fontWeight: "700", children: stat.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_tamagui24.SizableText, { size: "$2", color: "$color9", children: stat.label })
+    stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.XStack, { gap: "$6", children: stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_tamagui33.YStack, { alignItems: "center", gap: "$1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.SizableText, { size: "$6", fontWeight: "700", children: stat.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_tamagui33.SizableText, { size: "$2", color: "$color9", children: stat.label })
     ] }, i)) }),
     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
+}) {
+  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 === "centered") return left ?? null;
+    return null;
+  })();
+  const rightContent = variant === "profile" || variant === "centered" ? right ?? null : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_tamagui34.YStack,
+    {
+      paddingTop: "$6",
+      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
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/patterns/BottomSheet.tsx
+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 }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// 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
+}) {
+  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: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { alignItems: "center", gap: "$2", children: [
+      logo && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { paddingBottom: "$3", children: logo }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$9", fontWeight: "700", textAlign: "center", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$4", color: "$color10", textAlign: "center", children: subtitle })
+    ] }),
+    providers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { gap: "$2.5", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      import_tamagui36.Button,
+      {
+        size: "$5",
+        borderWidth: 1.5,
+        borderColor: "$color5",
+        backgroundColor: "$color1",
+        borderRadius: "$4",
+        disabled: loading,
+        onPress: () => onProviderPress?.(p.id),
+        hoverStyle: { backgroundColor: "$color2" },
+        pressStyle: { backgroundColor: "$color3" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.XStack, { alignItems: "center", gap: "$2", children: [
+          p.icon,
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$4", fontWeight: "500", children: p.name })
+        ] })
+      },
+      p.id
+    )) }),
+    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
+        }
+      ),
+      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,
+        {
+          size: "$5",
+          backgroundColor: "$color9",
+          color: "$color1",
+          borderRadius: "$5",
+          disabled: loading,
+          onPress: () => onEmailSubmit?.(email, password),
+          hoverStyle: { backgroundColor: "$color10" },
+          pressStyle: { backgroundColor: "$color8" },
+          icon: loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.Spinner, { size: "small", color: "$color1" }) : void 0,
+          children: "Sign In"
+        }
+      ),
+      onCreateAccount && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.Button, { size: "$3", chromeless: true, onPress: onCreateAccount, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$3", color: "$color9", children: "Create Account" }) })
+    ] }),
+    (onTerms || onPrivacy) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { paddingTop: "$2", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.SizableText, { size: "$2", color: "$color8", textAlign: "center", children: [
+      "By continuing you agree to our",
+      " ",
+      onTerms && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$2", color: "$color9", onPress: onTerms, children: "Terms of Service" }),
+      onTerms && onPrivacy && " & ",
+      onPrivacy && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$2", color: "$color9", onPress: onPrivacy, children: "Privacy Policy" })
+    ] }) })
+  ] });
+}
+
+// src/patterns/TabBar.tsx
+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
+        );
+      })
+    }
+  );
+}
+
+// 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" })
+      ]
+    }
+  );
+}
+
+// src/patterns/FloatingActionButton.tsx
+var import_tamagui39 = require("tamagui");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var sizes = { sm: 44, md: 56, lg: 68 };
+var positionStyles = {
+  "bottom-right": { right: 20 },
+  "bottom-center": { left: "50%", marginLeft: -28 },
+  "bottom-left": { left: 20 }
+};
+function FloatingActionButton({ icon, label, onPress, position = "bottom-right", size = "md" }) {
+  const dim = sizes[size];
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    import_tamagui39.XStack,
+    {
+      position: "absolute",
+      bottom: 32,
+      ...positionStyles[position],
+      height: dim,
+      minWidth: dim,
+      borderRadius: label ? "$6" : "$10",
+      backgroundColor: "$color9",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$2",
+      paddingHorizontal: label ? "$4" : 0,
+      elevation: 4,
+      pressStyle: { scale: 0.95, opacity: 0.9 },
+      onPress,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_tamagui39.SizableText, { color: "$color1", children: icon }),
+        label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_tamagui39.SizableText, { color: "$color1", size: "$4", fontWeight: "600", children: label })
+      ]
+    }
+  );
+}
+
+// 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 })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/patterns/Skeleton.tsx
+var import_tamagui41 = require("tamagui");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function Skeleton({ width, height, borderRadius, variant = "rectangular" }) {
+  const size = variant === "circular" ? height ?? 40 : height;
+  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 }
+    }
+  );
+}
+
+// src/patterns/NotificationBanner.tsx
+var import_tamagui42 = require("tamagui");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var variantColors2 = {
+  info: { bg: "$blue3", text: "$blue11" },
+  success: { bg: "$green3", text: "$green11" },
+  warning: { bg: "$yellow3", text: "$yellow11" },
+  error: { bg: "$red3", text: "$red11" }
+};
+function NotificationBanner({
+  title,
+  message,
+  variant = "info",
+  onPress,
+  onDismiss,
+  icon
+}) {
+  const colors = variantColors2[variant];
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    import_tamagui42.XStack,
+    {
+      backgroundColor: colors.bg,
+      padding: "$3",
+      borderRadius: "$4",
+      gap: "$3",
+      alignItems: "flex-start",
+      onPress,
+      pressStyle: onPress ? { opacity: 0.8 } : void 0,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tamagui42.YStack, { paddingTop: "$0.5", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_tamagui42.YStack, { flex: 1, gap: "$1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tamagui42.SizableText, { size: "$4", fontWeight: "600", color: colors.text, children: title }),
+          message && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tamagui42.SizableText, { size: "$3", color: colors.text, opacity: 0.8, children: message })
+        ] }),
+        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_tamagui42.SizableText, { size: "$3", color: colors.text, opacity: 0.6, onPress: onDismiss, padding: "$1", children: "\u2715" })
+      ]
+    }
+  );
+}
+
+// src/patterns/ProgressSteps.tsx
+var import_tamagui43 = require("tamagui");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function ProgressSteps({ steps, currentStep, variant = "dots" }) {
+  if (variant === "bar") {
+    const progress = steps.length > 1 ? currentStep / (steps.length - 1) * 100 : 100;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_tamagui43.YStack, { gap: "$2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.YStack, { height: 4, backgroundColor: "$color4", borderRadius: 2, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.YStack, { height: 4, width: `${progress}%`, backgroundColor: "$color9", borderRadius: 2, animation: "quick" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.XStack, { justifyContent: "space-between", children: steps.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_tamagui43.SizableText, { size: "$2", color: i <= currentStep ? "$color9" : "$color8", children: label }, i)) })
+    ] });
+  }
+  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.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)) });
+}
+
+// src/patterns/SwipeableRow.tsx
+var import_react8 = require("react");
+var import_tamagui44 = require("tamagui");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function SwipeableRow({ children, leftActions, rightActions }) {
+  const [showActions, setShowActions] = (0, import_react8.useState)(false);
+  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
+      }
+    ),
+    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,
+      {
+        flex: 1,
+        size: "$3",
+        backgroundColor: action.color,
+        borderRadius: "$3",
+        onPress: () => {
+          action.onPress();
+          setShowActions(false);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_tamagui44.SizableText, { size: "$2", fontWeight: "600", color: "white", children: action.label })
+      },
+      action.id
+    )) })
+  ] });
+}
+
+// src/patterns/MediaCard.tsx
+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
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_tamagui45.YStack,
+    {
+      borderRadius: "$4",
+      overflow: "hidden",
+      onPress,
+      pressStyle: onPress ? { scale: 0.98, opacity: 0.9 } : void 0,
+      animation: "quick",
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_tamagui45.YStack, { aspectRatio, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_tamagui45.Image, { source: { uri: image }, width: "100%", height: "100%", objectFit: "cover" }),
+        overlay === "gradient" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          import_linear_gradient.LinearGradient,
+          {
+            colors: ["transparent", "rgba(0,0,0,0.7)"],
+            start: [0, 0],
+            end: [0, 1],
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: "60%"
+          }
+        ),
+        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 }) }),
+        /* @__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 })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/patterns/Carousel.tsx
+var import_react9 = require("react");
+var import_tamagui46 = require("tamagui");
+var import_react_native3 = require("react-native");
+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);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_tamagui46.YStack, { gap: "$3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_react_native3.ScrollView,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        snapToInterval,
+        decelerationRate: "fast",
+        contentContainerStyle: { gap: gap === "$2" ? 8 : gap === "$3" ? 12 : 16, paddingHorizontal: 16 },
+        onMomentumScrollEnd: (e) => {
+          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
+    )) })
+  ] });
+}
+
+// src/patterns/PullToRefresh.tsx
+var import_tamagui47 = require("tamagui");
+var import_react_native4 = require("react-native");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function PullToRefresh({ children, onRefresh, refreshing = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_react_native4.ScrollView,
+    {
+      contentContainerStyle: { flexGrow: 1 },
+      refreshControl: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native4.RefreshControl, { refreshing, onRefresh }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_tamagui47.YStack, { flex: 1, children })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Accordion,
+  ActionSheet,
   AlertDialog,
+  AppHeader,
   Avatar,
   Badge,
   BlinkAvatar,
@@ -929,26 +1969,38 @@ function ProfileHeader({ name, subtitle, avatar, stats, actions }) {
   BlinkCard,
   BlinkInput,
   BlinkText,
+  BlinkTooltip,
+  BottomSheet,
   Button,
   Card,
+  Carousel,
   ChatBubble,
   Checkbox,
   Circle,
+  Container,
   Dialog,
   DialogProvider,
   Divider,
   EmptyState,
+  FloatingActionButton,
+  FormField,
+  Grid,
   H1,
   H2,
   H3,
   H4,
   H5,
   H6,
+  ICONS,
+  Icon,
   Image,
   Input,
   KeyboardStickyFooter,
   Label,
   ListItem,
+  LoginScreen,
+  MediaCard,
+  NotificationBanner,
   OnboardingCarousel,
   PageContainer,
   PageMainContainer,
@@ -958,9 +2010,13 @@ function ProfileHeader({ name, subtitle, avatar, stats, actions }) {
   Pressable,
   ProfileHeader,
   Progress,
+  ProgressSteps,
+  PullToRefresh,
   RadioGroup,
+  SafeArea,
   ScreenLayout,
   ScrollView,
+  SearchBar,
   Section,
   Select,
   SepHeading,
@@ -968,16 +2024,22 @@ function ProfileHeader({ name, subtitle, avatar, stats, actions }) {
   SettingsScreen,
   Sheet,
   SizableText,
+  Skeleton,
   Slider,
   Spinner,
   StepPageLayout,
   SubHeading,
+  SwipeableRow,
   Switch,
+  TabBar,
+  Tabs,
   TamaguiImage,
   TamaguiProvider,
   Text,
   TextArea,
   Theme,
+  ToastProvider,
+  ToggleGroup,
   Tooltip,
   View,
   XStack,
@@ -987,9 +2049,11 @@ function ProfileHeader({ name, subtitle, avatar, stats, actions }) {
   dialogConfirm,
   showError,
   styled,
+  toast,
   useMedia,
   useTheme,
   useThemeName,
+  useToast,
   withStaticProperties
 });
 //# sourceMappingURL=index.js.map