@blinkdotnew/mobile-ui 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/index.js

@@ -20,359 +20,267 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Avatar: () => Avatar,
+  Accordion: () => import_tamagui49.Accordion,
+  ActionSheet: () => ActionSheet,
+  Adapt: () => import_tamagui49.Adapt,
+  AlertDialog: () => import_tamagui49.AlertDialog,
+  Anchor: () => import_tamagui49.Anchor,
+  AnimatePresence: () => import_tamagui49.AnimatePresence,
+  AppHeader: () => AppHeader,
+  Article: () => import_tamagui49.Article,
+  Aside: () => import_tamagui49.Aside,
+  Avatar: () => import_tamagui49.Avatar,
+  Badge: () => Badge,
+  BlinkAccordion: () => BlinkAccordion,
+  BlinkAvatar: () => Avatar,
+  BlinkButton: () => Button,
+  BlinkCard: () => Card,
+  BlinkInput: () => Input,
+  BlinkProvider: () => import_tamagui49.TamaguiProvider,
+  BlinkTabs: () => BlinkTabs,
   BlinkText: () => BlinkText,
-  Button: () => Button,
-  Card: () => Card,
-  Input: () => Input,
-  blinkConfig: () => blinkConfig
+  BlinkToastProvider: () => BlinkToastProvider,
+  BlinkToggleGroup: () => BlinkToggleGroup,
+  BlinkTooltip: () => BlinkTooltip,
+  BottomSheet: () => BottomSheet,
+  Button: () => import_tamagui49.Button,
+  Card: () => import_tamagui49.Card,
+  Carousel: () => Carousel,
+  ChatBubble: () => ChatBubble,
+  Checkbox: () => import_tamagui49.Checkbox,
+  Circle: () => import_tamagui49.Circle,
+  Container: () => Container,
+  Dialog: () => import_tamagui49.Dialog,
+  DialogProvider: () => DialogProvider,
+  Divider: () => Divider,
+  EmptyState: () => EmptyState,
+  EnsureFlexed: () => import_tamagui49.EnsureFlexed,
+  Fieldset: () => import_tamagui49.Fieldset,
+  FloatingActionButton: () => FloatingActionButton,
+  Footer: () => import_tamagui49.Footer,
+  Form: () => import_tamagui49.Form,
+  FormField: () => FormField,
+  Frame: () => import_tamagui49.Frame,
+  Grid: () => Grid,
+  Group: () => import_tamagui49.Group,
+  H1: () => import_tamagui49.H1,
+  H2: () => import_tamagui49.H2,
+  H3: () => import_tamagui49.H3,
+  H4: () => import_tamagui49.H4,
+  H5: () => import_tamagui49.H5,
+  H6: () => import_tamagui49.H6,
+  Header: () => import_tamagui49.Header,
+  Heading: () => import_tamagui49.Heading,
+  ICONS: () => ICONS,
+  Icon: () => Icon,
+  Image: () => Image2,
+  Input: () => import_tamagui49.Input,
+  KeyboardStickyFooter: () => KeyboardStickyFooter,
+  Label: () => import_tamagui49.Label,
+  ListItem: () => ListItem,
+  LoginScreen: () => LoginScreen,
+  Main: () => import_tamagui49.Main,
+  MediaCard: () => MediaCard,
+  Nav: () => import_tamagui49.Nav,
+  NotificationBanner: () => NotificationBanner,
+  OnboardingCarousel: () => OnboardingCarousel,
+  PageContainer: () => PageContainer,
+  PageMainContainer: () => PageMainContainer,
+  Paragraph: () => import_tamagui49.Paragraph,
+  PaywallScreen: () => PaywallScreen,
+  Popover: () => import_tamagui49.Popover,
+  Portal: () => import_tamagui49.Portal,
+  PortalHost: () => import_tamagui49.PortalHost,
+  PortalItem: () => import_tamagui49.PortalItem,
+  PortalProvider: () => import_tamagui49.PortalProvider,
+  Pressable: () => Pressable,
+  ProfileHeader: () => ProfileHeader,
+  Progress: () => import_tamagui49.Progress,
+  ProgressSteps: () => ProgressSteps,
+  PullToRefresh: () => PullToRefresh,
+  RadioGroup: () => import_tamagui49.RadioGroup,
+  SafeArea: () => SafeArea,
+  ScreenLayout: () => ScreenLayout,
+  ScrollView: () => import_tamagui49.ScrollView,
+  SearchBar: () => SearchBar,
+  Section: () => Section,
+  Select: () => import_tamagui49.Select,
+  SepHeading: () => SepHeading,
+  Separator: () => import_tamagui49.Separator,
+  SettingsScreen: () => SettingsScreen,
+  Sheet: () => import_tamagui49.Sheet,
+  SizableStack: () => import_tamagui49.SizableStack,
+  SizableText: () => import_tamagui49.SizableText,
+  Skeleton: () => Skeleton,
+  Slider: () => import_tamagui49.Slider,
+  Spacer: () => import_tamagui49.Spacer,
+  Spinner: () => import_tamagui49.Spinner,
+  Square: () => import_tamagui49.Square,
+  Stack: () => import_tamagui49.Stack,
+  StepPageLayout: () => StepPageLayout,
+  SubHeading: () => SubHeading,
+  SwipeableRow: () => SwipeableRow,
+  Switch: () => import_tamagui49.Switch,
+  TabBar: () => TabBar,
+  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,
+  ThemeableStack: () => import_tamagui49.ThemeableStack,
+  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,
+  addTheme: () => import_tamagui49.addTheme,
+  blinkConfig: () => blinkConfig,
+  composeEventHandlers: () => import_tamagui49.composeEventHandlers,
+  composeRefs: () => import_tamagui49.composeRefs,
+  createFont: () => import_tamagui49.createFont,
+  createMedia: () => import_tamagui49.createMedia,
+  createStyledContext: () => import_tamagui49.createStyledContext,
+  createTamagui: () => import_tamagui49.createTamagui,
+  createTheme: () => import_tamagui49.createTheme,
+  createTokens: () => import_tamagui49.createTokens,
+  createVariable: () => import_tamagui49.createVariable,
+  dialogConfirm: () => dialogConfirm,
+  getConfig: () => import_tamagui49.getConfig,
+  getToken: () => import_tamagui49.getToken,
+  getTokenValue: () => import_tamagui49.getTokenValue,
+  getTokens: () => import_tamagui49.getTokens,
+  isClient: () => import_tamagui49.isClient,
+  isWeb: () => import_tamagui49.isWeb,
+  replaceTheme: () => import_tamagui49.replaceTheme,
+  showError: () => showError,
+  styled: () => import_tamagui49.styled,
+  tamaguiDefaultConfig: () => import_v52.defaultConfig,
+  toast: () => toast,
+  updateTheme: () => import_tamagui49.updateTheme,
+  useBlinkToast: () => useBlinkToast,
+  useComposedRefs: () => import_tamagui49.useComposedRefs,
+  useControllableState: () => import_tamagui49.useControllableState,
+  useDebounce: () => import_tamagui49.useDebounce,
+  useDebounceValue: () => import_tamagui49.useDebounceValue,
+  useDidFinishSSR: () => import_tamagui49.useDidFinishSSR,
+  useEvent: () => import_tamagui49.useEvent,
+  useForceUpdate: () => import_tamagui49.useForceUpdate,
+  useIsPresent: () => import_tamagui49.useIsPresent,
+  useIsomorphicLayoutEffect: () => import_tamagui49.useIsomorphicLayoutEffect,
+  useMedia: () => import_tamagui49.useMedia,
+  usePresence: () => import_tamagui49.usePresence,
+  useTheme: () => import_tamagui49.useTheme,
+  useThemeName: () => import_tamagui49.useThemeName,
+  useWindowDimensions: () => import_tamagui49.useWindowDimensions,
+  withStaticProperties: () => import_tamagui49.withStaticProperties
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/config/tamagui.config.ts
-var import_tamagui3 = require("tamagui");
-
-// src/config/tokens.ts
+var import_v5 = require("@tamagui/config/v5");
 var import_tamagui = require("tamagui");
-var tokens = (0, import_tamagui.createTokens)({
-  color: {
-    white: "#FFFFFF",
-    black: "#000000",
-    transparent: "transparent"
-  },
-  space: {
-    0: 0,
-    0.5: 2,
-    1: 4,
-    1.5: 6,
-    2: 8,
-    2.5: 10,
-    3: 12,
-    3.5: 14,
-    4: 16,
-    5: 20,
-    6: 24,
-    7: 28,
-    8: 32,
-    9: 36,
-    10: 40,
-    12: 48,
-    16: 64,
-    true: 16,
-    "-1": -4,
-    "-2": -8,
-    "-3": -12,
-    "-4": -16
-  },
-  size: {
-    0: 0,
-    1: 4,
-    2: 8,
-    3: 12,
-    4: 16,
-    5: 20,
-    6: 24,
-    7: 28,
-    8: 32,
-    9: 36,
-    10: 40,
-    11: 44,
-    12: 48,
-    14: 56,
-    16: 64,
-    20: 80,
-    true: 44
-  },
-  radius: {
-    0: 0,
-    1: 2,
-    2: 4,
-    3: 6,
-    4: 8,
-    5: 10,
-    6: 12,
-    7: 16,
-    8: 20,
-    9: 24,
-    10: 9999,
-    true: 12
-  },
-  zIndex: {
-    0: 0,
-    1: 100,
-    2: 200,
-    3: 300,
-    4: 400,
-    5: 500
-  }
-});
-
-// src/config/themes.ts
-var oceanLight = {
-  background: "#FFFFFF",
-  backgroundHover: "#F8FAFC",
-  backgroundPress: "#F1F5F9",
-  color: "#0F172A",
-  colorHover: "#1E293B",
-  colorPress: "#334155",
-  primary: "#0D9488",
-  primaryHover: "#0F766E",
-  primaryPress: "#115E59",
-  secondary: "#F0F9FF",
-  secondaryHover: "#E0F2FE",
-  secondaryPress: "#BAE6FD",
-  accent: "#2DD4BF",
-  surface: "#F8FAFC",
-  surfaceHover: "#F1F5F9",
-  card: "#FFFFFF",
-  cardHover: "#F8FAFC",
-  border: "#E2E8F0",
-  borderHover: "#CBD5E1",
-  textPrimary: "#0F172A",
-  textSecondary: "#475569",
-  textMuted: "#94A3B8",
-  textInverse: "#FFFFFF",
-  error: "#EF4444",
-  errorHover: "#DC2626",
-  success: "#10B981",
-  successHover: "#059669",
-  warning: "#F59E0B",
-  warningHover: "#D97706",
-  highlight: "#0D9488",
-  overlay: "rgba(0,0,0,0.5)",
-  shadowColor: "rgba(0,0,0,0.1)"
-};
-var oceanDark = {
-  background: "#0F172A",
-  backgroundHover: "#1E293B",
-  backgroundPress: "#334155",
-  color: "#F8FAFC",
-  colorHover: "#E2E8F0",
-  colorPress: "#CBD5E1",
-  primary: "#14B8A6",
-  primaryHover: "#2DD4BF",
-  primaryPress: "#0D9488",
-  secondary: "#1E293B",
-  secondaryHover: "#334155",
-  secondaryPress: "#475569",
-  accent: "#2DD4BF",
-  surface: "#1E293B",
-  surfaceHover: "#334155",
-  card: "#1E293B",
-  cardHover: "#334155",
-  border: "#334155",
-  borderHover: "#475569",
-  textPrimary: "#F8FAFC",
-  textSecondary: "#94A3B8",
-  textMuted: "#64748B",
-  textInverse: "#0F172A",
-  error: "#F87171",
-  errorHover: "#EF4444",
-  success: "#34D399",
-  successHover: "#10B981",
-  warning: "#FBBF24",
-  warningHover: "#F59E0B",
-  highlight: "#14B8A6",
-  overlay: "rgba(0,0,0,0.7)",
-  shadowColor: "rgba(0,0,0,0.3)"
-};
-var themes = {
-  light: oceanLight,
-  dark: oceanDark
-};
-
-// src/config/fonts.ts
-var import_tamagui2 = require("tamagui");
-var outfitFont = (0, import_tamagui2.createFont)({
-  family: "Outfit, System",
-  size: {
-    1: 11,
-    2: 12,
-    3: 13,
-    4: 14,
-    5: 15,
-    6: 16,
-    7: 18,
-    8: 20,
-    9: 22,
-    10: 28,
-    11: 36,
-    12: 48,
-    true: 15
-  },
-  lineHeight: {
-    1: 16,
-    2: 18,
-    3: 20,
-    4: 22,
-    5: 23,
-    6: 24,
-    7: 26,
-    8: 28,
-    9: 30,
-    10: 36,
-    11: 44,
-    12: 56,
-    true: 23
-  },
-  weight: {
-    1: "400",
-    2: "500",
-    3: "600",
-    4: "700",
-    5: "800",
-    true: "400"
-  },
-  letterSpacing: {
-    1: 0,
-    2: -0.2,
-    3: -0.4,
-    4: -0.6,
-    true: 0
-  }
+var blinkConfig = (0, import_tamagui.createTamagui)({
+  ...import_v5.defaultConfig
 });
 
-// src/config/tamagui.config.ts
-var blinkConfig = (0, import_tamagui3.createTamagui)({
-  tokens,
-  themes,
-  fonts: {
-    heading: outfitFont,
-    body: outfitFont
-  },
-  media: {
-    xs: { maxWidth: 660 },
-    sm: { maxWidth: 860 },
-    md: { maxWidth: 980 },
-    lg: { maxWidth: 1120 },
-    gtSm: { minWidth: 861 },
-    short: { maxHeight: 820 }
-  },
-  shorthands: {
-    px: "paddingHorizontal",
-    py: "paddingVertical",
-    mx: "marginHorizontal",
-    my: "marginVertical",
-    bg: "backgroundColor",
-    br: "borderRadius",
-    f: "flex",
-    w: "width",
-    h: "height"
-  }
-});
+// src/index.ts
+var import_v52 = require("@tamagui/config/v5");
+var import_tamagui49 = require("tamagui");
 
 // src/primitives/Button.tsx
-var import_tamagui4 = require("tamagui");
-var ButtonFrame = (0, import_tamagui4.styled)(import_tamagui4.View, {
-  name: "BlinkButton",
-  tag: "button",
-  alignItems: "center",
-  justifyContent: "center",
-  flexDirection: "row",
-  gap: "$2",
+var import_tamagui2 = require("tamagui");
+var Button = (0, import_tamagui2.styled)(import_tamagui2.Button, {
+  borderWidth: 0,
   cursor: "pointer",
-  pressStyle: { opacity: 0.8, scale: 0.98 },
+  focusVisibleStyle: {
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineColor: "$color8"
+  },
   variants: {
     variant: {
+      default: {
+        backgroundColor: "$color3",
+        hoverStyle: { backgroundColor: "$color4" },
+        pressStyle: { backgroundColor: "$color2", opacity: 0.8 }
+      },
       primary: {
-        backgroundColor: "$primary"
+        backgroundColor: "$color9",
+        color: "$color1",
+        hoverStyle: { backgroundColor: "$color10" },
+        pressStyle: { backgroundColor: "$color8", opacity: 0.9 }
       },
-      secondary: {
-        backgroundColor: "$secondary"
+      outlined: {
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        borderColor: "$color6",
+        hoverStyle: { borderColor: "$color8" },
+        pressStyle: { borderColor: "$color4", opacity: 0.8 }
       },
-      outline: {
+      transparent: {
         backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$border"
+        hoverStyle: { backgroundColor: "$color2" },
+        pressStyle: { backgroundColor: "$color1", opacity: 0.8 }
       },
-      ghost: {
-        backgroundColor: "transparent"
+      floating: {
+        backgroundColor: "$color4",
+        shadowColor: "$shadow2",
+        shadowRadius: 5,
+        shadowOffset: { height: 2, width: 0 },
+        hoverStyle: { backgroundColor: "$color5" },
+        pressStyle: { backgroundColor: "$color3", opacity: 0.9 }
       },
       destructive: {
-        backgroundColor: "$error"
+        backgroundColor: "$red9",
+        color: "$color1",
+        hoverStyle: { backgroundColor: "$red10" },
+        pressStyle: { backgroundColor: "$red8", opacity: 0.9 }
       }
     },
     size: {
-      sm: {
-        height: "$8",
-        paddingHorizontal: "$3",
-        borderRadius: "$4"
-      },
-      md: {
-        height: "$11",
-        paddingHorizontal: "$4",
-        borderRadius: "$6"
-      },
-      lg: {
-        height: "$14",
-        paddingHorizontal: "$6",
-        borderRadius: "$7"
-      }
+      sm: { height: "$3", paddingHorizontal: "$3", borderRadius: "$3" },
+      md: { height: "$4", paddingHorizontal: "$4", borderRadius: "$4" },
+      lg: { height: "$5", paddingHorizontal: "$5", borderRadius: "$5" }
     },
     fullWidth: {
       true: { width: "100%" }
-    },
-    disabled: {
-      true: { opacity: 0.5, pointerEvents: "none" }
     }
   },
   defaultVariants: {
-    variant: "primary",
+    variant: "default",
     size: "md"
   }
 });
-var ButtonText = (0, import_tamagui4.styled)(import_tamagui4.Text, {
-  name: "BlinkButtonText",
-  fontFamily: "$body",
-  fontWeight: "600",
-  textAlign: "center",
-  variants: {
-    variant: {
-      primary: { color: "$textInverse" },
-      secondary: { color: "$textPrimary" },
-      outline: { color: "$textPrimary" },
-      ghost: { color: "$textPrimary" },
-      destructive: { color: "$textInverse" }
-    },
-    size: {
-      sm: { fontSize: "$3" },
-      md: { fontSize: "$5" },
-      lg: { fontSize: "$6" }
-    }
-  },
-  defaultVariants: {
-    variant: "primary",
-    size: "md"
-  }
-});
-var Button = (0, import_tamagui4.withStaticProperties)(ButtonFrame, {
-  Text: ButtonText
-});
 
 // src/primitives/Text.tsx
-var import_tamagui5 = require("tamagui");
-var BlinkText = (0, import_tamagui5.styled)(import_tamagui5.Text, {
+var import_tamagui3 = require("tamagui");
+var BlinkText = (0, import_tamagui3.styled)(import_tamagui3.SizableText, {
   name: "BlinkText",
-  fontFamily: "$body",
-  color: "$color",
   variants: {
     variant: {
-      display: { fontSize: "$12", fontWeight: "800", letterSpacing: "$4" },
-      h1: { fontSize: "$10", fontWeight: "700", letterSpacing: "$3" },
-      h2: { fontSize: "$9", fontWeight: "700", letterSpacing: "$2" },
-      h3: { fontSize: "$7", fontWeight: "600" },
-      h4: { fontSize: "$6", fontWeight: "600" },
-      body: { fontSize: "$5", fontWeight: "400" },
-      bodySmall: { fontSize: "$4", fontWeight: "400" },
-      caption: { fontSize: "$3", fontWeight: "400", color: "$textSecondary" },
-      small: { fontSize: "$2", fontWeight: "400", color: "$textMuted" },
-      tiny: { fontSize: "$1", fontWeight: "400", color: "$textMuted" }
+      display: { size: "$10", fontWeight: "800" },
+      h1: { size: "$9", fontWeight: "700" },
+      h2: { size: "$8", fontWeight: "700" },
+      h3: { size: "$7", fontWeight: "600" },
+      h4: { size: "$6", fontWeight: "600" },
+      body: { size: "$5", fontWeight: "400" },
+      bodySmall: { size: "$4", fontWeight: "400" },
+      caption: { size: "$3", fontWeight: "400", color: "$color10" },
+      small: { size: "$2", fontWeight: "400", color: "$color9" }
     },
     muted: {
-      true: { color: "$textMuted" }
+      true: { color: "$color9" }
     },
     secondary: {
-      true: { color: "$textSecondary" }
+      true: { color: "$color10" }
     },
     center: {
       true: { textAlign: "center" }
@@ -387,30 +295,30 @@ var BlinkText = (0, import_tamagui5.styled)(import_tamagui5.Text, {
 });
 
 // src/primitives/Card.tsx
-var import_tamagui6 = require("tamagui");
-var CardFrame = (0, import_tamagui6.styled)(import_tamagui6.View, {
+var import_tamagui4 = require("tamagui");
+var CardFrame = (0, import_tamagui4.styled)(import_tamagui4.View, {
   name: "BlinkCard",
-  backgroundColor: "$card",
+  backgroundColor: "$color2",
+  borderRadius: "$4",
   overflow: "hidden",
   variants: {
     variant: {
       flat: {},
       elevated: {
-        shadowColor: "$shadowColor",
+        shadowColor: "$shadow2",
         shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.1,
         shadowRadius: 8,
         elevation: 3
       },
       outlined: {
         borderWidth: 1,
-        borderColor: "$border"
+        borderColor: "$color5"
       }
     },
     size: {
-      sm: { borderRadius: "$4", padding: "$3" },
-      md: { borderRadius: "$6", padding: "$4" },
-      lg: { borderRadius: "$7", padding: "$5" }
+      sm: { borderRadius: "$3", padding: "$3" },
+      md: { borderRadius: "$4", padding: "$4" },
+      lg: { borderRadius: "$5", padding: "$5" }
     },
     pressable: {
       true: {
@@ -424,88 +332,71 @@ var CardFrame = (0, import_tamagui6.styled)(import_tamagui6.View, {
     size: "md"
   }
 });
-var CardHeader = (0, import_tamagui6.styled)(import_tamagui6.View, {
-  name: "BlinkCardHeader",
-  paddingBottom: "$3"
-});
-var CardContent = (0, import_tamagui6.styled)(import_tamagui6.View, {
-  name: "BlinkCardContent"
-});
-var CardFooter = (0, import_tamagui6.styled)(import_tamagui6.View, {
+var CardHeader = (0, import_tamagui4.styled)(import_tamagui4.View, { name: "BlinkCardHeader", paddingBottom: "$3" });
+var CardContent = (0, import_tamagui4.styled)(import_tamagui4.View, { name: "BlinkCardContent" });
+var CardFooter = (0, import_tamagui4.styled)(import_tamagui4.View, {
   name: "BlinkCardFooter",
   paddingTop: "$3",
   flexDirection: "row",
   alignItems: "center",
   gap: "$2"
 });
-var Card = (0, import_tamagui6.withStaticProperties)(CardFrame, {
+var Card = (0, import_tamagui4.withStaticProperties)(CardFrame, {
   Header: CardHeader,
   Content: CardContent,
   Footer: CardFooter
 });
 
 // src/primitives/Input.tsx
-var import_tamagui7 = require("tamagui");
+var import_tamagui5 = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
-var InputFrame = (0, import_tamagui7.styled)(import_tamagui7.View, {
+var InputFrame = (0, import_tamagui5.styled)(import_tamagui5.View, {
   name: "BlinkInputFrame",
   gap: "$1.5"
 });
-var InputLabel = (0, import_tamagui7.styled)(import_tamagui7.Text, {
+var InputLabel = (0, import_tamagui5.styled)(import_tamagui5.SizableText, {
   name: "BlinkInputLabel",
-  fontFamily: "$body",
-  fontSize: "$4",
+  size: "$4",
   fontWeight: "500",
-  color: "$textSecondary"
+  color: "$color11"
 });
-var InputField = (0, import_tamagui7.styled)(import_tamagui7.Input, {
+var InputField = (0, import_tamagui5.styled)(import_tamagui5.Input, {
   name: "BlinkInput",
-  fontFamily: "$body",
-  fontSize: "$5",
-  color: "$color",
-  backgroundColor: "$background",
-  borderWidth: 1,
-  borderColor: "$border",
-  borderRadius: "$6",
-  height: "$14",
-  paddingHorizontal: "$4",
-  placeholderTextColor: "$textMuted",
-  focusStyle: {
-    borderColor: "$primary",
-    borderWidth: 2
+  height: 50,
+  size: "$5",
+  borderWidth: 0.5,
+  borderColor: "$color5",
+  borderRadius: "$4",
+  backgroundColor: "$color1",
+  placeholderTextColor: "$color8",
+  focusVisibleStyle: {
+    outlineWidth: 3,
+    outlineStyle: "solid",
+    outlineColor: "$background04",
+    outlineOffset: 1,
+    borderWidth: 0.5,
+    borderColor: "$color7"
   },
   variants: {
     hasError: {
       true: {
-        borderColor: "$error",
-        focusStyle: { borderColor: "$error" }
+        borderColor: "$red9",
+        focusVisibleStyle: { borderColor: "$red9" }
       }
     },
     variant: {
       default: {},
       filled: {
-        backgroundColor: "$surface",
+        backgroundColor: "$color2",
         borderColor: "transparent",
-        focusStyle: { borderColor: "$primary" }
+        focusVisibleStyle: { borderColor: "$color7" }
       }
     }
   },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var InputError = (0, import_tamagui7.styled)(import_tamagui7.Text, {
-  name: "BlinkInputError",
-  fontFamily: "$body",
-  fontSize: "$2",
-  color: "$error"
-});
-var InputHint = (0, import_tamagui7.styled)(import_tamagui7.Text, {
-  name: "BlinkInputHint",
-  fontFamily: "$body",
-  fontSize: "$2",
-  color: "$textMuted"
+  defaultVariants: { variant: "default" }
 });
+var InputError = (0, import_tamagui5.styled)(import_tamagui5.SizableText, { name: "BlinkInputError", size: "$2", color: "$red10" });
+var InputHint = (0, import_tamagui5.styled)(import_tamagui5.SizableText, { name: "BlinkInputHint", size: "$2", color: "$color9" });
 function Input({ label, error, hint, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InputFrame, { children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputLabel, { children: label }),
@@ -516,70 +407,1601 @@ function Input({ label, error, hint, ...props }) {
 }
 
 // src/primitives/Avatar.tsx
-var import_tamagui8 = require("tamagui");
+var import_react = require("react");
+var import_tamagui6 = require("tamagui");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var AvatarFrame = (0, import_tamagui8.styled)(import_tamagui8.View, {
-  name: "BlinkAvatar",
-  alignItems: "center",
-  justifyContent: "center",
-  overflow: "hidden",
-  backgroundColor: "$primary",
+var simpleSizes = {
+  xs: 24,
+  sm: 32,
+  md: 40,
+  lg: 48,
+  xl: 64
+};
+function getSize(size) {
+  if (typeof size === "number") return size;
+  return simpleSizes[size] ?? 40;
+}
+var Avatar = (0, import_react.memo)(({ uri, name, size: sizeIn = "md" }) => {
+  const size = getSize(sizeIn);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_tamagui6.Circle,
+    {
+      size,
+      overflow: "hidden",
+      backgroundColor: "$color4",
+      alignItems: "center",
+      justifyContent: "center",
+      children: uri ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_tamagui6.Image,
+        {
+          source: { uri },
+          width: size,
+          height: size,
+          objectFit: "cover"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_tamagui6.SizableText,
+        {
+          size: "$3",
+          fontWeight: "600",
+          color: "$color11",
+          children: name ? name.split(" ").map((p) => p[0]).join("").toUpperCase().slice(0, 2) : "?"
+        }
+      )
+    }
+  );
+});
+
+// src/interface/Headings.tsx
+var import_tamagui7 = require("tamagui");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var H1 = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkH1",
+  role: "heading",
+  fontFamily: "$heading",
+  size: "$10",
+  fontWeight: "700"
+});
+var H2 = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkH2",
+  role: "heading",
+  fontFamily: "$heading",
+  size: "$9",
+  fontWeight: "700"
+});
+var H3 = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkH3",
+  role: "heading",
+  fontFamily: "$heading",
+  size: "$8",
+  fontWeight: "600"
+});
+var H4 = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkH4",
+  role: "heading",
+  fontFamily: "$heading",
+  size: "$6",
+  fontWeight: "600"
+});
+var H5 = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkH5",
+  role: "heading",
+  fontFamily: "$heading",
+  size: "$5",
+  fontWeight: "500"
+});
+var H6 = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkH6",
+  role: "heading",
+  fontFamily: "$heading",
+  size: "$4",
+  fontWeight: "500"
+});
+var SubHeading = (0, import_tamagui7.styled)(import_tamagui7.SizableText, {
+  name: "BlinkSubHeading",
+  size: "$5",
+  color: "$color10",
+  fontWeight: "300",
+  $lg: { size: "$6" }
+});
+function SepHeading({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_tamagui7.XStack, { marginTop: "$6", marginBottom: "$4", alignItems: "center", gap: "$6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(H3, { size: "$4", color: "$color10", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tamagui7.Separator, { opacity: 0.5 })
+  ] });
+}
+
+// src/interface/PageContainer.tsx
+var import_tamagui8 = require("tamagui");
+var PageContainer = (0, import_tamagui8.styled)(import_tamagui8.YStack, {
+  name: "BlinkPageContainer",
+  position: "relative",
+  marginHorizontal: "auto",
+  flex: 1,
+  flexBasis: "auto",
+  paddingHorizontal: "$4",
+  width: "100%",
+  minWidth: 380,
+  $md: { maxWidth: 760 },
+  $lg: { maxWidth: 860 },
+  $xl: { maxWidth: 1140 }
+});
+var PageMainContainer = (0, import_tamagui8.styled)(PageContainer, {
+  name: "BlinkPageMainContainer",
+  role: "main"
+});
+
+// src/interface/Dialog.tsx
+var import_react2 = require("react");
+var import_tamagui9 = require("tamagui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var globalShowDialog = null;
+function DialogProvider({ children }) {
+  const [state, setState] = (0, import_react2.useState)({
+    type: null,
+    title: "",
+    description: ""
+  });
+  (0, import_react2.useEffect)(() => {
+    globalShowDialog = (newState) => setState({ ...newState, resolve: newState.resolve });
+    return () => {
+      globalShowDialog = null;
+    };
+  }, []);
+  const handleClose = (confirmed) => {
+    if (!state.resolve) return;
+    const resolve = state.resolve;
+    setState({ type: null, title: "", description: "" });
+    resolve(confirmed);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_tamagui9.AlertDialog,
+      {
+        open: state.type !== null,
+        onOpenChange: (open) => {
+          if (!open && state.type !== null) handleClose(false);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_tamagui9.AlertDialog.Portal, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_tamagui9.AlertDialog.Overlay,
+            {
+              opacity: 0.5,
+              enterStyle: { opacity: 0 },
+              exitStyle: { opacity: 0 }
+            },
+            "overlay"
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_tamagui9.AlertDialog.Content,
+            {
+              bordered: true,
+              elevate: true,
+              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+              x: 0,
+              scale: 1,
+              opacity: 1,
+              y: 0,
+              width: "90%",
+              maxWidth: 400,
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_tamagui9.YStack, { gap: "$4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tamagui9.AlertDialog.Title, { size: "$6", children: state.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tamagui9.AlertDialog.Description, { size: "$3", color: "$color11", children: state.description }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tamagui9.XStack, { gap: "$3", justifyContent: "flex-end", children: state.type === "confirm" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tamagui9.Button, { onPress: () => handleClose(false), children: "Cancel" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tamagui9.Button, { theme: "blue", onPress: () => handleClose(true), children: "Confirm" })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tamagui9.Button, { theme: "blue", onPress: () => handleClose(false), children: "OK" }) })
+              ] })
+            },
+            "content"
+          )
+        ] })
+      }
+    )
+  ] });
+}
+var showError = (error, title = "Error") => {
+  let description = "An unexpected error occurred";
+  if (error instanceof Error) description = error.message;
+  else if (typeof error === "string") description = error;
+  else if (error && typeof error === "object" && "message" in error)
+    description = String(error.message);
+  if (globalShowDialog) globalShowDialog({ type: "error", title, description });
+  else console.error(`${title}: ${description}`);
+};
+var dialogConfirm = async (props) => {
+  const { title = "Confirm", description = "Are you sure?" } = props;
+  if (!globalShowDialog) {
+    console.error("DialogProvider not mounted");
+    return false;
+  }
+  return new Promise((resolve) => {
+    globalShowDialog({ type: "confirm", title, description, resolve });
+  });
+};
+
+// src/interface/Pressable.tsx
+var import_tamagui10 = require("tamagui");
+var Pressable = (0, import_tamagui10.styled)(import_tamagui10.View, {
+  name: "BlinkPressable",
+  hitSlop: 10,
+  pressStyle: { opacity: 0.5 }
+});
+
+// src/interface/Image.tsx
+var import_tamagui11 = require("tamagui");
+var Image2 = (0, import_tamagui11.styled)(import_tamagui11.Image, {
+  name: "BlinkImage"
+});
+
+// src/interface/Badge.tsx
+var import_tamagui12 = require("tamagui");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var BadgeFrame = (0, import_tamagui12.styled)(import_tamagui12.View, {
+  name: "BlinkBadge",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  borderRadius: "$10",
+  backgroundColor: "$color3",
+  alignSelf: "flex-start",
   variants: {
-    size: {
-      xs: { width: 24, height: 24, borderRadius: 12 },
-      sm: { width: 32, height: 32, borderRadius: 16 },
-      md: { width: 40, height: 40, borderRadius: 20 },
-      lg: { width: 48, height: 48, borderRadius: 24 },
-      xl: { width: 64, height: 64, borderRadius: 32 },
-      xxl: { width: 80, height: 80, borderRadius: 40 }
+    variant: {
+      default: { backgroundColor: "$color3" },
+      success: { backgroundColor: "$green3" },
+      warning: { backgroundColor: "$yellow3" },
+      error: { backgroundColor: "$red3" },
+      info: { backgroundColor: "$blue3" }
     }
   },
-  defaultVariants: {
-    size: "md"
-  }
+  defaultVariants: { variant: "default" }
 });
-var AvatarInitials = (0, import_tamagui8.styled)(import_tamagui8.Text, {
-  name: "BlinkAvatarInitials",
-  fontFamily: "$body",
+var BadgeText = (0, import_tamagui12.styled)(import_tamagui12.SizableText, {
+  name: "BlinkBadgeText",
+  size: "$2",
   fontWeight: "600",
-  color: "$textInverse",
+  color: "$color11"
+});
+function Badge({ children, variant = "default" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BadgeFrame, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BadgeText, { children }) });
+}
+
+// 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/BlinkAccordion.tsx
+var import_react3 = require("react");
+var import_tamagui14 = require("tamagui");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+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);
+      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/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 BlinkTabs({ tabs, activeTab, onTabChange, variant = "underline" }) {
+  const [internalActive, setInternalActive] = (0, import_react4.useState)(tabs[0]?.key ?? "");
+  const current = activeTab ?? internalActive;
+  const handlePress = (key) => {
+    if (!activeTab) setInternalActive(key);
+    onTabChange?.(key);
+  };
+  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/BlinkToggleGroup.tsx
+var import_tamagui16 = require("tamagui");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var sizeMap = { sm: "$2", md: "$3", lg: "$4" };
+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.value === 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.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.value
+    );
+  }) });
+}
+
+// src/interface/BlinkToast.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 variantStyles = {
+  default: { bg: "$color3", border: "$color6", icon: "\u2139" },
+  success: { bg: "$green2", border: "$green7", icon: "\u2713" },
+  error: { bg: "$red2", border: "$red7", icon: "\u2715" },
+  warning: { bg: "$yellow2", border: "$yellow7", icon: "!" }
+};
+var globalToastShow = null;
+var toast = (title, options) => {
+  const opts = typeof options === "string" ? { variant: options } : options;
+  if (globalToastShow) globalToastShow(title, opts);
+  else console.warn("BlinkToastProvider not mounted");
+};
+function BlinkToastProvider({ children }) {
+  const [toasts, setToasts] = (0, import_react5.useState)([]);
+  const show = (0, import_react5.useCallback)((title, options) => {
+    const id = Math.random().toString(36).slice(2, 9);
+    const entry = {
+      id,
+      title,
+      message: options?.message,
+      variant: options?.variant ?? "default",
+      duration: options?.duration ?? 3e3
+    };
+    setToasts((prev) => [...prev, entry]);
+    setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), entry.duration);
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    globalToastShow = show;
+    return () => {
+      globalToastShow = null;
+    };
+  }, [show]);
+  const dismiss = (0, import_react5.useCallback)((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  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: 50,
+        left: 0,
+        right: 0,
+        alignItems: "center",
+        gap: "$2",
+        pointerEvents: "box-none",
+        zIndex: 1e5,
+        paddingHorizontal: "$4",
+        children: toasts.map((t) => {
+          const style = variantStyles[t.variant ?? "default"];
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            import_tamagui17.XStack,
+            {
+              width: "100%",
+              maxWidth: 400,
+              backgroundColor: style.bg,
+              borderWidth: 1,
+              borderColor: style.border,
+              borderRadius: "$4",
+              paddingHorizontal: "$4",
+              paddingVertical: "$3",
+              gap: "$3",
+              alignItems: "flex-start",
+              enterStyle: { opacity: 0, y: -20, scale: 0.95 },
+              exitStyle: { opacity: 0, y: -20, scale: 0.95 },
+              opacity: 1,
+              y: 0,
+              scale: 1,
+              animation: "quick",
+              pointerEvents: "auto",
+              elevation: 4,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$4", fontWeight: "700", marginTop: "$0.5", children: style.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tamagui17.YStack, { flex: 1, gap: "$1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$4", fontWeight: "600", color: "$color12", children: t.title }),
+                  t.message && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$3", color: "$color10", children: t.message })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  import_tamagui17.SizableText,
+                  {
+                    size: "$3",
+                    color: "$color8",
+                    fontWeight: "600",
+                    pressStyle: { opacity: 0.5 },
+                    onPress: () => dismiss(t.id),
+                    cursor: "pointer",
+                    marginTop: "$0.5",
+                    children: "\u2715"
+                  }
+                )
+              ]
+            },
+            t.id
+          );
+        })
+      }
+    )
+  ] });
+}
+function useBlinkToast() {
+  const ctx = (0, import_react5.useContext)(ToastContext);
+  if (!ctx) throw new Error("useBlinkToast must be used within BlinkToastProvider");
+  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_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_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_tamagui21 = require("tamagui");
+var ScreenLayout = (0, import_tamagui21.styled)(import_tamagui21.YStack, {
+  name: "BlinkScreenLayout",
+  flex: 1,
+  backgroundColor: "$background",
   variants: {
-    size: {
-      xs: { fontSize: 10 },
-      sm: { fontSize: 12 },
-      md: { fontSize: 14 },
-      lg: { fontSize: 18 },
-      xl: { fontSize: 24 },
-      xxl: { fontSize: 30 }
+    padded: {
+      true: { padding: "$4" }
+    },
+    centered: {
+      true: { alignItems: "center", justifyContent: "center" }
+    },
+    safe: {
+      true: { paddingTop: "$6" }
     }
-  },
-  defaultVariants: {
-    size: "md"
   }
 });
-function getInitials(name) {
-  return name.split(" ").map((p) => p[0]).join("").toUpperCase().slice(0, 2);
+
+// src/layouts/Section.tsx
+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_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
+  ] });
 }
-function Avatar({ uri, name, size = "md", ...props }) {
-  if (uri) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AvatarFrame, { size, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_tamagui8.Image,
+
+// src/layouts/ListItem.tsx
+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",
+  padding: "$3",
+  borderRadius: "$3",
+  variants: {
+    pressable: {
+      true: {
+        cursor: "pointer",
+        hoverStyle: { backgroundColor: "$color2" },
+        pressStyle: { backgroundColor: "$color3", opacity: 0.9 }
+      }
+    }
+  }
+});
+function ListItem({ icon, title, subtitle, right, onPress }) {
+  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_tamagui24 = require("tamagui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Divider({ label }) {
+  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_tamagui25 = require("tamagui");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function KeyboardStickyFooter({ children, offset }) {
+  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_react6 = require("react");
+var import_tamagui27 = require("tamagui");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Grid({ children, columns = 2, gap = "$3" }) {
+  const items = import_react6.Children.toArray(children);
+  const rows = [];
+  for (let i = 0; i < items.length; i += columns) {
+    rows.push(items.slice(i, i + columns));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { gap, children: rows.map((row, ri) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_tamagui27.XStack, { gap, children: [
+    row.map((item, ci) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { flex: 1, children: item }, ci)),
+    row.length < columns && Array.from({ length: columns - row.length }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { flex: 1 }, `pad-${i}`))
+  ] }, ri)) });
+}
+function Container({ children, maxWidth = 500, centered = true, padding = "$4" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: "100%", maxWidth, alignSelf: centered ? "center" : void 0, padding, children });
+}
+
+// src/patterns/PaywallScreen.tsx
+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",
+  plans,
+  selectedPlan,
+  onSelectPlan,
+  onContinue,
+  onRestore,
+  continueLabel = "Continue"
+}) {
+  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,
       {
-        source: { uri },
-        style: { width: "100%", height: "100%" },
-        resizeMode: "cover"
+        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",
+        children: [
+          /* @__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" }) })
+    ] })
+  ] });
+}
+
+// src/patterns/OnboardingCarousel.tsx
+var import_react7 = require("react");
+var import_tamagui29 = require("tamagui");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function OnboardingCarousel({
+  steps,
+  onComplete,
+  onSkip,
+  completeLabel = "Get Started",
+  skipLabel = "Skip",
+  nextLabel = "Next"
+}) {
+  const [current, setCurrent] = (0, import_react7.useState)(0);
+  const isLast = current === steps.length - 1;
+  const step = steps[current];
+  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_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",
+          animation: "quick"
+        },
+        i
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_tamagui29.Button,
+        {
+          size: "$5",
+          backgroundColor: "$color9",
+          color: "$color1",
+          borderRadius: "$5",
+          hoverStyle: { backgroundColor: "$color10" },
+          pressStyle: { backgroundColor: "$color8" },
+          onPress: () => isLast ? onComplete?.() : setCurrent((c) => c + 1),
+          children: isLast ? completeLabel : nextLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/patterns/ChatBubble.tsx
+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_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_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",
+            paddingVertical: "$2.5",
+            borderRadius: "$5",
+            borderBottomRightRadius: isUser ? "$2" : "$5",
+            borderBottomLeftRadius: isUser ? "$5" : "$2",
+            gap: "$1",
+            children: [
+              /* @__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 })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/patterns/SettingsScreen.tsx
+var import_tamagui31 = require("tamagui");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function SettingsItemRow({ item }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_tamagui31.XStack,
+    {
+      alignItems: "center",
+      gap: "$3",
+      paddingVertical: "$3",
+      paddingHorizontal: "$4",
+      hoverStyle: item.onPress ? { backgroundColor: "$color2" } : void 0,
+      pressStyle: item.onPress ? { backgroundColor: "$color3" } : void 0,
+      onPress: item.onPress,
+      cursor: item.onPress ? "pointer" : void 0,
+      children: [
+        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_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_runtime23.jsxs)(import_tamagui31.YStack, { flex: 1, backgroundColor: "$background", children: [
+    header,
+    /* @__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",
+          color: "$color9",
+          paddingHorizontal: "$4",
+          paddingBottom: "$2",
+          textTransform: "uppercase",
+          children: section.title
+        }
+      ),
+      /* @__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_tamagui32 = require("tamagui");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function EmptyState({ icon, title, description, actionLabel, onAction }) {
+  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_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_runtime24.jsx)(
+      import_tamagui32.Button,
+      {
+        size: "$4",
+        backgroundColor: "$color9",
+        color: "$color1",
+        borderRadius: "$4",
+        hoverStyle: { backgroundColor: "$color10" },
+        pressStyle: { backgroundColor: "$color8" },
+        onPress: onAction,
+        children: actionLabel
       }
-    ) });
+    )
+  ] });
+}
+
+// src/patterns/ProfileHeader.tsx
+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_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_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, zIndex = 1e5 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    import_tamagui35.Sheet,
+    {
+      modal: true,
+      forceRemoveScrollEnabled: open,
+      open,
+      onOpenChange,
+      snapPoints,
+      dismissOnSnapToBottom,
+      zIndex,
+      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, { 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_react8 = 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_react8.useState)("");
+  const [password, setPassword] = (0, import_react8.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", zIndex = 1e5 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    import_tamagui40.Sheet,
+    {
+      modal: true,
+      forceRemoveScrollEnabled: open,
+      open,
+      onOpenChange,
+      snapPoints: [50],
+      dismissOnSnapToBottom: true,
+      zIndex,
+      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, { 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 variantColors = {
+  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 = variantColors[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_runtime2.jsx)(AvatarFrame, { size, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AvatarInitials, { size, children: name ? getInitials(name) : "?" }) });
+  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_react9 = 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_react9.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_react10 = 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_react10.useState)(0);
+  const count = import_react10.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,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        snapToInterval,
+        decelerationRate: "fast",
+        contentContainerStyle: { gap: gapPx, 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,
+  Adapt,
+  AlertDialog,
+  Anchor,
+  AnimatePresence,
+  AppHeader,
+  Article,
+  Aside,
   Avatar,
+  Badge,
+  BlinkAccordion,
+  BlinkAvatar,
+  BlinkButton,
+  BlinkCard,
+  BlinkInput,
+  BlinkProvider,
+  BlinkTabs,
   BlinkText,
+  BlinkToastProvider,
+  BlinkToggleGroup,
+  BlinkTooltip,
+  BottomSheet,
   Button,
   Card,
+  Carousel,
+  ChatBubble,
+  Checkbox,
+  Circle,
+  Container,
+  Dialog,
+  DialogProvider,
+  Divider,
+  EmptyState,
+  EnsureFlexed,
+  Fieldset,
+  FloatingActionButton,
+  Footer,
+  Form,
+  FormField,
+  Frame,
+  Grid,
+  Group,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Header,
+  Heading,
+  ICONS,
+  Icon,
+  Image,
   Input,
-  blinkConfig
+  KeyboardStickyFooter,
+  Label,
+  ListItem,
+  LoginScreen,
+  Main,
+  MediaCard,
+  Nav,
+  NotificationBanner,
+  OnboardingCarousel,
+  PageContainer,
+  PageMainContainer,
+  Paragraph,
+  PaywallScreen,
+  Popover,
+  Portal,
+  PortalHost,
+  PortalItem,
+  PortalProvider,
+  Pressable,
+  ProfileHeader,
+  Progress,
+  ProgressSteps,
+  PullToRefresh,
+  RadioGroup,
+  SafeArea,
+  ScreenLayout,
+  ScrollView,
+  SearchBar,
+  Section,
+  Select,
+  SepHeading,
+  Separator,
+  SettingsScreen,
+  Sheet,
+  SizableStack,
+  SizableText,
+  Skeleton,
+  Slider,
+  Spacer,
+  Spinner,
+  Square,
+  Stack,
+  StepPageLayout,
+  SubHeading,
+  SwipeableRow,
+  Switch,
+  TabBar,
+  Tabs,
+  TamaguiImage,
+  TamaguiListItem,
+  TamaguiProvider,
+  Text,
+  TextArea,
+  Theme,
+  ThemeableStack,
+  ToggleGroup,
+  Tooltip,
+  TooltipSimple,
+  Unspaced,
+  View,
+  VisuallyHidden,
+  XGroup,
+  XStack,
+  YGroup,
+  YStack,
+  ZStack,
+  addTheme,
+  blinkConfig,
+  composeEventHandlers,
+  composeRefs,
+  createFont,
+  createMedia,
+  createStyledContext,
+  createTamagui,
+  createTheme,
+  createTokens,
+  createVariable,
+  dialogConfirm,
+  getConfig,
+  getToken,
+  getTokenValue,
+  getTokens,
+  isClient,
+  isWeb,
+  replaceTheme,
+  showError,
+  styled,
+  tamaguiDefaultConfig,
+  toast,
+  updateTheme,
+  useBlinkToast,
+  useComposedRefs,
+  useControllableState,
+  useDebounce,
+  useDebounceValue,
+  useDidFinishSSR,
+  useEvent,
+  useForceUpdate,
+  useIsPresent,
+  useIsomorphicLayoutEffect,
+  useMedia,
+  usePresence,
+  useTheme,
+  useThemeName,
+  useWindowDimensions,
+  withStaticProperties
 });
 //# sourceMappingURL=index.js.map