@blinkdotnew/mobile-ui 2.0.0-alpha.14 → 2.0.0-alpha.15

package/dist/index.js

@@ -20,16 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Accordion: () => import_tamagui67.Accordion,
+  Accordion: () => import_tamagui69.Accordion,
   ActionSheet: () => ActionSheet,
-  Adapt: () => import_tamagui67.Adapt,
-  AlertDialog: () => import_tamagui67.AlertDialog,
-  Anchor: () => import_tamagui67.Anchor,
-  AnimatePresence: () => import_tamagui67.AnimatePresence,
+  Adapt: () => import_tamagui69.Adapt,
+  AlertDialog: () => import_tamagui69.AlertDialog,
+  Anchor: () => import_tamagui69.Anchor,
+  AnimatePresence: () => import_tamagui69.AnimatePresence,
   AppHeader: () => AppHeader,
-  Article: () => import_tamagui67.Article,
-  Aside: () => import_tamagui67.Aside,
-  Avatar: () => import_tamagui67.Avatar,
+  Article: () => import_tamagui69.Article,
+  Aside: () => import_tamagui69.Aside,
+  Avatar: () => import_tamagui69.Avatar,
   AvatarGroup: () => AvatarGroup,
   Badge: () => Badge,
   BlinkAccordion: () => BlinkAccordion,
@@ -39,7 +39,7 @@ __export(index_exports, {
   BlinkDialog: () => BlinkDialog,
   BlinkInput: () => Input,
   BlinkPopover: () => BlinkPopover,
-  BlinkProvider: () => import_tamagui67.TamaguiProvider,
+  BlinkProvider: () => import_tamagui69.TamaguiProvider,
   BlinkSelect: () => BlinkSelect,
   BlinkTabs: () => BlinkTabs,
   BlinkText: () => BlinkText,
@@ -47,160 +47,162 @@ __export(index_exports, {
   BlinkToggleGroup: () => BlinkToggleGroup,
   BlinkTooltip: () => BlinkTooltip,
   BottomSheet: () => BottomSheet,
-  Button: () => import_tamagui67.Button,
-  Card: () => import_tamagui67.Card,
+  Button: () => import_tamagui69.Button,
+  Card: () => import_tamagui69.Card,
   Carousel: () => Carousel,
   ChatBubble: () => ChatBubble,
-  Checkbox: () => import_tamagui67.Checkbox,
+  Checkbox: () => import_tamagui69.Checkbox,
   Chip: () => Chip,
   ChipGroup: () => ChipGroup,
-  Circle: () => import_tamagui67.Circle,
+  Circle: () => import_tamagui69.Circle,
   ConfirmDialog: () => ConfirmDialog,
   Container: () => Container,
   CountdownBanner: () => CountdownBanner,
   DataTable: () => DataTable,
   DatePicker: () => DatePicker,
-  Dialog: () => import_tamagui67.Dialog,
+  Dialog: () => import_tamagui69.Dialog,
   DialogProvider: () => DialogProvider,
   Divider: () => Divider,
   EmptyState: () => EmptyState,
-  EnsureFlexed: () => import_tamagui67.EnsureFlexed,
+  EnsureFlexed: () => import_tamagui69.EnsureFlexed,
   EventCard: () => EventCard,
-  Fieldset: () => import_tamagui67.Fieldset,
+  Fieldset: () => import_tamagui69.Fieldset,
+  FinanceDashboard: () => FinanceDashboard,
   FloatingActionButton: () => FloatingActionButton,
-  Footer: () => import_tamagui67.Footer,
-  Form: () => import_tamagui67.Form,
+  Footer: () => import_tamagui69.Footer,
+  Form: () => import_tamagui69.Form,
   FormField: () => FormField,
-  Frame: () => import_tamagui67.Frame,
+  Frame: () => import_tamagui69.Frame,
   GlassCard: () => GlassCard,
   Grid: () => Grid,
-  Group: () => import_tamagui67.Group,
-  H1: () => import_tamagui67.H1,
-  H2: () => import_tamagui67.H2,
-  H3: () => import_tamagui67.H3,
-  H4: () => import_tamagui67.H4,
-  H5: () => import_tamagui67.H5,
-  H6: () => import_tamagui67.H6,
-  Header: () => import_tamagui67.Header,
-  Heading: () => import_tamagui67.Heading,
+  Group: () => import_tamagui69.Group,
+  H1: () => import_tamagui69.H1,
+  H2: () => import_tamagui69.H2,
+  H3: () => import_tamagui69.H3,
+  H4: () => import_tamagui69.H4,
+  H5: () => import_tamagui69.H5,
+  H6: () => import_tamagui69.H6,
+  Header: () => import_tamagui69.Header,
+  Heading: () => import_tamagui69.Heading,
   ICONS: () => ICONS,
   Icon: () => Icon,
   Image: () => Image2,
-  Input: () => import_tamagui67.Input,
+  ImmersiveMediaScreen: () => ImmersiveMediaScreen,
+  Input: () => import_tamagui69.Input,
   KeyboardStickyFooter: () => KeyboardStickyFooter,
-  Label: () => import_tamagui67.Label,
+  Label: () => import_tamagui69.Label,
   ListItem: () => ListItem,
   LoginScreen: () => LoginScreen,
-  Main: () => import_tamagui67.Main,
+  Main: () => import_tamagui69.Main,
   MediaCard: () => MediaCard,
-  Nav: () => import_tamagui67.Nav,
+  Nav: () => import_tamagui69.Nav,
   NotificationBanner: () => NotificationBanner,
   OTPInput: () => OTPInput,
   OnboardingCarousel: () => OnboardingCarousel,
   PageContainer: () => PageContainer,
   PageMainContainer: () => PageMainContainer,
-  Paragraph: () => import_tamagui67.Paragraph,
+  Paragraph: () => import_tamagui69.Paragraph,
   PasswordInput: () => PasswordInput,
   PaywallScreen: () => PaywallScreen,
-  Popover: () => import_tamagui67.Popover,
-  Portal: () => import_tamagui67.Portal,
-  PortalHost: () => import_tamagui67.PortalHost,
-  PortalItem: () => import_tamagui67.PortalItem,
-  PortalProvider: () => import_tamagui67.PortalProvider,
+  Popover: () => import_tamagui69.Popover,
+  Portal: () => import_tamagui69.Portal,
+  PortalHost: () => import_tamagui69.PortalHost,
+  PortalItem: () => import_tamagui69.PortalItem,
+  PortalProvider: () => import_tamagui69.PortalProvider,
   Pressable: () => Pressable,
   PricingTable: () => PricingTable,
   ProductCard: () => ProductCard,
   ProfileHeader: () => ProfileHeader,
-  Progress: () => import_tamagui67.Progress,
+  Progress: () => import_tamagui69.Progress,
   ProgressSteps: () => ProgressSteps,
   PullToRefresh: () => PullToRefresh,
-  RadioGroup: () => import_tamagui67.RadioGroup,
+  RadioGroup: () => import_tamagui69.RadioGroup,
   SafeArea: () => SafeArea,
   ScreenLayout: () => ScreenLayout,
-  ScrollView: () => import_tamagui67.ScrollView,
+  ScrollView: () => import_tamagui69.ScrollView,
   SearchBar: () => SearchBar,
   Section: () => Section,
-  Select: () => import_tamagui67.Select,
+  Select: () => import_tamagui69.Select,
   SepHeading: () => SepHeading,
-  Separator: () => import_tamagui67.Separator,
+  Separator: () => import_tamagui69.Separator,
   SettingsScreen: () => SettingsScreen,
-  Sheet: () => import_tamagui67.Sheet,
-  SizableStack: () => import_tamagui67.SizableStack,
-  SizableText: () => import_tamagui67.SizableText,
+  Sheet: () => import_tamagui69.Sheet,
+  SizableStack: () => import_tamagui69.SizableStack,
+  SizableText: () => import_tamagui69.SizableText,
   Skeleton: () => Skeleton,
-  Slider: () => import_tamagui67.Slider,
-  Spacer: () => import_tamagui67.Spacer,
-  Spinner: () => import_tamagui67.Spinner,
-  Square: () => import_tamagui67.Square,
-  Stack: () => import_tamagui67.Stack,
+  Slider: () => import_tamagui69.Slider,
+  Spacer: () => import_tamagui69.Spacer,
+  Spinner: () => import_tamagui69.Spinner,
+  Square: () => import_tamagui69.Square,
+  Stack: () => import_tamagui69.Stack,
   StatusBadge: () => StatusBadge,
   StepPageLayout: () => StepPageLayout,
   SubHeading: () => SubHeading,
   SwipeCards: () => SwipeCards,
   SwipeableRow: () => SwipeableRow,
-  Switch: () => import_tamagui67.Switch,
+  Switch: () => import_tamagui69.Switch,
   TabBar: () => TabBar,
-  Tabs: () => import_tamagui67.Tabs,
-  TamaguiImage: () => import_tamagui67.Image,
-  TamaguiListItem: () => import_tamagui67.ListItem,
-  TamaguiProvider: () => import_tamagui67.TamaguiProvider,
-  TestimonialCard: () => TestimonialCard,
-  Text: () => import_tamagui67.Text,
-  TextArea: () => import_tamagui67.TextArea,
-  Theme: () => import_tamagui67.Theme,
-  ThemeableStack: () => import_tamagui67.ThemeableStack,
-  ToggleGroup: () => import_tamagui67.ToggleGroup,
-  Tooltip: () => import_tamagui67.Tooltip,
-  TooltipSimple: () => import_tamagui67.TooltipSimple,
-  Unspaced: () => import_tamagui67.Unspaced,
+  Tabs: () => import_tamagui69.Tabs,
+  TamaguiImage: () => import_tamagui69.Image,
+  TamaguiListItem: () => import_tamagui69.ListItem,
+  TamaguiProvider: () => import_tamagui69.TamaguiProvider,
+  TestimonialCard: () => TestimonialCard2,
+  Text: () => import_tamagui69.Text,
+  TextArea: () => import_tamagui69.TextArea,
+  Theme: () => import_tamagui69.Theme,
+  ThemeableStack: () => import_tamagui69.ThemeableStack,
+  ToggleGroup: () => import_tamagui69.ToggleGroup,
+  Tooltip: () => import_tamagui69.Tooltip,
+  TooltipSimple: () => import_tamagui69.TooltipSimple,
+  Unspaced: () => import_tamagui69.Unspaced,
   UserPreferences: () => UserPreferences,
-  View: () => import_tamagui67.View,
-  VisuallyHidden: () => import_tamagui67.VisuallyHidden,
-  XGroup: () => import_tamagui67.XGroup,
-  XStack: () => import_tamagui67.XStack,
-  YGroup: () => import_tamagui67.YGroup,
-  YStack: () => import_tamagui67.YStack,
-  ZStack: () => import_tamagui67.ZStack,
-  addTheme: () => import_tamagui67.addTheme,
+  View: () => import_tamagui69.View,
+  VisuallyHidden: () => import_tamagui69.VisuallyHidden,
+  XGroup: () => import_tamagui69.XGroup,
+  XStack: () => import_tamagui69.XStack,
+  YGroup: () => import_tamagui69.YGroup,
+  YStack: () => import_tamagui69.YStack,
+  ZStack: () => import_tamagui69.ZStack,
+  addTheme: () => import_tamagui69.addTheme,
   blinkConfig: () => blinkConfig,
-  composeEventHandlers: () => import_tamagui67.composeEventHandlers,
-  composeRefs: () => import_tamagui67.composeRefs,
-  createFont: () => import_tamagui67.createFont,
-  createMedia: () => import_tamagui67.createMedia,
-  createStyledContext: () => import_tamagui67.createStyledContext,
-  createTamagui: () => import_tamagui67.createTamagui,
-  createTheme: () => import_tamagui67.createTheme,
-  createTokens: () => import_tamagui67.createTokens,
-  createVariable: () => import_tamagui67.createVariable,
+  composeEventHandlers: () => import_tamagui69.composeEventHandlers,
+  composeRefs: () => import_tamagui69.composeRefs,
+  createFont: () => import_tamagui69.createFont,
+  createMedia: () => import_tamagui69.createMedia,
+  createStyledContext: () => import_tamagui69.createStyledContext,
+  createTamagui: () => import_tamagui69.createTamagui,
+  createTheme: () => import_tamagui69.createTheme,
+  createTokens: () => import_tamagui69.createTokens,
+  createVariable: () => import_tamagui69.createVariable,
   dialogConfirm: () => dialogConfirm,
-  getConfig: () => import_tamagui67.getConfig,
-  getToken: () => import_tamagui67.getToken,
-  getTokenValue: () => import_tamagui67.getTokenValue,
-  getTokens: () => import_tamagui67.getTokens,
-  isClient: () => import_tamagui67.isClient,
-  isWeb: () => import_tamagui67.isWeb,
-  replaceTheme: () => import_tamagui67.replaceTheme,
+  getConfig: () => import_tamagui69.getConfig,
+  getToken: () => import_tamagui69.getToken,
+  getTokenValue: () => import_tamagui69.getTokenValue,
+  getTokens: () => import_tamagui69.getTokens,
+  isClient: () => import_tamagui69.isClient,
+  isWeb: () => import_tamagui69.isWeb,
+  replaceTheme: () => import_tamagui69.replaceTheme,
   showError: () => showError,
-  styled: () => import_tamagui67.styled,
+  styled: () => import_tamagui69.styled,
   tamaguiDefaultConfig: () => import_v52.defaultConfig,
   toast: () => toast,
-  updateTheme: () => import_tamagui67.updateTheme,
+  updateTheme: () => import_tamagui69.updateTheme,
   useBlinkToast: () => useBlinkToast,
-  useComposedRefs: () => import_tamagui67.useComposedRefs,
-  useControllableState: () => import_tamagui67.useControllableState,
-  useDebounce: () => import_tamagui67.useDebounce,
-  useDebounceValue: () => import_tamagui67.useDebounceValue,
-  useDidFinishSSR: () => import_tamagui67.useDidFinishSSR,
-  useEvent: () => import_tamagui67.useEvent,
-  useForceUpdate: () => import_tamagui67.useForceUpdate,
-  useIsPresent: () => import_tamagui67.useIsPresent,
-  useIsomorphicLayoutEffect: () => import_tamagui67.useIsomorphicLayoutEffect,
-  useMedia: () => import_tamagui67.useMedia,
-  usePresence: () => import_tamagui67.usePresence,
-  useTheme: () => import_tamagui67.useTheme,
-  useThemeName: () => import_tamagui67.useThemeName,
-  useWindowDimensions: () => import_tamagui67.useWindowDimensions,
-  withStaticProperties: () => import_tamagui67.withStaticProperties
+  useComposedRefs: () => import_tamagui69.useComposedRefs,
+  useControllableState: () => import_tamagui69.useControllableState,
+  useDebounce: () => import_tamagui69.useDebounce,
+  useDebounceValue: () => import_tamagui69.useDebounceValue,
+  useDidFinishSSR: () => import_tamagui69.useDidFinishSSR,
+  useEvent: () => import_tamagui69.useEvent,
+  useForceUpdate: () => import_tamagui69.useForceUpdate,
+  useIsPresent: () => import_tamagui69.useIsPresent,
+  useIsomorphicLayoutEffect: () => import_tamagui69.useIsomorphicLayoutEffect,
+  useMedia: () => import_tamagui69.useMedia,
+  usePresence: () => import_tamagui69.usePresence,
+  useTheme: () => import_tamagui69.useTheme,
+  useThemeName: () => import_tamagui69.useThemeName,
+  useWindowDimensions: () => import_tamagui69.useWindowDimensions,
+  withStaticProperties: () => import_tamagui69.withStaticProperties
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -213,7 +215,7 @@ var blinkConfig = (0, import_tamagui.createTamagui)({
 
 // src/index.ts
 var import_v52 = require("@tamagui/config/v5");
-var import_tamagui67 = require("tamagui");
+var import_tamagui69 = require("tamagui");
 
 // src/primitives/Button.tsx
 var import_tamagui2 = require("tamagui");
@@ -1150,39 +1152,93 @@ function useCountdown(minutes) {
   const ss = String(seconds % 60).padStart(2, "0");
   return { display: `${mm}:${ss}`, expired: seconds <= 0 };
 }
-function PlanCard({ plan, selected, onPress }) {
+function normalizeFeature(feature) {
+  return typeof feature === "string" ? { title: feature } : feature;
+}
+function ComparisonIcon({ enabled }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.Circle, { size: 22, backgroundColor: enabled ? "$green3" : "$color4", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: enabled ? "$green10" : "$color8", fontWeight: "700", children: enabled ? "\u2713" : "\u2014" }) });
+}
+function TestimonialCard({ testimonial }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { flex: 1, minWidth: 220, backgroundColor: "$color2", borderRadius: "$6", padding: "$3", gap: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.SizableText, { size: "$3", color: "$color11", children: [
+      "\u201C",
+      testimonial.quote,
+      "\u201D"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", fontWeight: "700", children: testimonial.author }),
+      testimonial.meta ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color10", children: testimonial.meta }) : null
+    ] })
+  ] });
+}
+function CreatorHeader({ creator }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { alignItems: "center", justifyContent: "center", gap: "$3", children: [
+    creator.avatar ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_tamagui28.YStack,
+      {
+        width: 72,
+        height: 72,
+        borderRadius: "$10",
+        overflow: "hidden",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "$color3",
+        children: creator.avatar
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { alignItems: "center", gap: "$1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$6", fontWeight: "800", children: creator.name }),
+      creator.meta ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$3", color: "$color10", children: creator.meta }) : null
+    ] })
+  ] });
+}
+function PlanCard({
+  plan,
+  selected,
+  onPress,
+  stacked,
+  dark
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_tamagui28.YStack,
     {
-      flex: 1,
+      flex: stacked ? void 0 : 1,
+      width: stacked ? "100%" : void 0,
       padding: "$3",
       borderRadius: "$5",
       borderWidth: 2,
-      borderColor: selected ? "$color9" : "$color5",
-      backgroundColor: selected ? "$color3" : "$color1",
+      borderColor: selected ? "$color9" : dark ? "$color6" : "$color5",
+      backgroundColor: selected ? "$color3" : dark ? "$color2" : "$color1",
       pressStyle: { scale: 0.97, opacity: 0.9 },
       animation: "quick",
       onPress,
       cursor: "pointer",
       position: "relative",
       gap: "$1.5",
-      alignItems: "center",
+      alignItems: stacked ? "flex-start" : "center",
       children: [
         plan.popular && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { position: "absolute", top: -10, backgroundColor: "$color9", paddingHorizontal: "$2", paddingVertical: 2, borderRadius: "$10", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "white", fontWeight: "700", children: "BEST VALUE" }) }),
         plan.savings && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { position: "absolute", top: plan.popular ? -24 : -10, right: 6, backgroundColor: "$green9", paddingHorizontal: "$1.5", paddingVertical: 2, borderRadius: "$10", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "white", fontWeight: "700", children: plan.savings }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", fontWeight: "600", color: "$color11", paddingTop: plan.popular ? "$1" : 0, children: plan.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$7", fontWeight: "800", children: plan.price }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", fontWeight: "600", color: dark ? "$color12" : "$color11", paddingTop: plan.popular ? "$1" : 0, children: plan.name }),
+        plan.tagline ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color10", children: plan.tagline }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$7", fontWeight: "800", color: dark ? "$color12" : void 0, children: plan.price }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.SizableText, { size: "$2", color: "$color9", children: [
           "/",
           plan.period
         ] }),
         plan.pricePerWeek && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "$color10", children: plan.pricePerWeek }),
-        plan.trial && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { backgroundColor: "$green3", paddingHorizontal: "$2", paddingVertical: 2, borderRadius: "$10", marginTop: "$1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "$green9", fontWeight: "700", children: plan.trial }) })
+        plan.trial && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { backgroundColor: "$green3", paddingHorizontal: "$2", paddingVertical: 2, borderRadius: "$10", marginTop: "$1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$1", color: "$green9", fontWeight: "700", children: plan.trial }) }),
+        stacked && plan.features?.length ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { gap: "$1", width: "100%", paddingTop: "$1", children: plan.features.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { gap: "$2", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$green9", children: "\u2713" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color10", children: feature })
+        ] }, feature)) }) : null
       ]
     }
   );
 }
 function PaywallScreen({
+  variant = "default",
+  eyebrow,
   title = "Unlock Premium",
   subtitle,
   features = [],
@@ -1199,29 +1255,71 @@ function PaywallScreen({
   hero,
   socialProof,
   countdownMinutes,
-  badge
+  badge,
+  comparisonRows = [],
+  testimonials = [],
+  creator,
+  topSlot,
+  footerSlot
 }) {
   const selected = selectedPlan ?? plans.find((p) => p.popular)?.id ?? plans[0]?.id;
   const countdown = useCountdown(countdownMinutes);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { flex: 1, backgroundColor: "$background", children: [
+  const dark = variant === "immersive-dark";
+  const stackedPlans = variant === "comparison" || variant === "creator-sheet";
+  const backgroundColor = dark ? "$color1" : "$background";
+  const toneColor = dark ? "$color12" : "$color11";
+  const mutedColor = dark ? "$color10" : "$color10";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { flex: 1, backgroundColor, children: [
     onClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { position: "absolute", top: "$4", right: "$4", zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.Button, { size: "$3", circular: true, chromeless: true, onPress: onClose, pressStyle: { opacity: 0.6 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$5", color: "$color9", children: "\u2715" }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.ScrollView, { flex: 1, contentContainerStyle: { paddingBottom: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { padding: "$4", gap: "$4", paddingTop: "$8", children: [
+      topSlot,
+      creator && variant === "creator-sheet" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CreatorHeader, { creator }) : null,
       hero && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { alignItems: "center", paddingVertical: "$3", children: hero }),
       badge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { backgroundColor: "$color9", paddingHorizontal: "$3", paddingVertical: "$1", borderRadius: "$10", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "white", fontWeight: "700", children: badge }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { gap: "$1.5", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$9", fontWeight: "800", textAlign: "center", children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$color10", textAlign: "center", children: subtitle }),
+        eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", fontWeight: "700", color: "$color9", textTransform: "uppercase", children: eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$9", fontWeight: "800", textAlign: "center", color: toneColor, children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: mutedColor, textAlign: "center", children: subtitle }),
         socialProof && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$3", color: "$color9", fontWeight: "600", textAlign: "center", children: socialProof })
       ] }),
       countdownMinutes && !countdown.expired && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { justifyContent: "center", padding: "$2", backgroundColor: "$red3", borderRadius: "$4", alignSelf: "center", paddingHorizontal: "$4", gap: "$2", alignItems: "center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$red9", fontWeight: "600", children: "Offer ends in" }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$5", color: "$red9", fontWeight: "800", fontFamily: "$mono", children: countdown.display })
       ] }),
-      features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { gap: "$2.5", paddingHorizontal: "$2", children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { gap: "$2.5", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$green9", children: "\u2713" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$color11", flex: 1, children: f })
-      ] }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { gap: "$3", paddingTop: "$1", children: plans.map((plan) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PlanCard, { plan, selected: selected === plan.id, onPress: () => onSelectPlan?.(plan.id) }, plan.id)) })
+      features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { gap: "$2.5", paddingHorizontal: "$2", children: features.map((feature, i) => {
+        const item = normalizeFeature(feature);
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { gap: "$2.5", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.YStack, { minWidth: 24, alignItems: "center", children: item.icon ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: "$green9", children: "\u2713" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { flex: 1, gap: "$1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$4", color: toneColor, flex: 1, children: item.title }),
+            item.description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: mutedColor, children: item.description }) : null
+          ] })
+        ] }, i);
+      }) }),
+      variant === "social-proof" && testimonials.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { gap: "$3", children: testimonials.map((testimonial, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TestimonialCard, { testimonial }, `${testimonial.author}-${index}`)) }) }) : null,
+      variant === "comparison" && comparisonRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.YStack, { backgroundColor: dark ? "$color2" : "$color1", borderRadius: "$6", padding: "$3", gap: "$2", borderWidth: 1, borderColor: "$color4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { flex: 1, size: "$2", fontWeight: "700", color: "$color10", children: "Feature" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { width: 64, size: "$2", fontWeight: "700", textAlign: "center", color: "$color10", children: "Free" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { width: 84, size: "$2", fontWeight: "700", textAlign: "center", color: "$color10", children: "Premium" })
+        ] }),
+        comparisonRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_tamagui28.XStack, { alignItems: "center", paddingVertical: "$1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { flex: 1, size: "$3", color: toneColor, children: row.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { width: 64, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ComparisonIcon, { enabled: row.free }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { width: 84, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ComparisonIcon, { enabled: row.premium }) })
+        ] }, row.label))
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.XStack, { gap: "$3", paddingTop: "$1", flexWrap: "wrap", children: plans.map((plan) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        PlanCard,
+        {
+          plan,
+          selected: selected === plan.id,
+          onPress: () => onSelectPlan?.(plan.id),
+          stacked: stackedPlans,
+          dark
+        },
+        plan.id
+      )) })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       import_tamagui28.YStack,
@@ -1232,7 +1330,7 @@ function PaywallScreen({
         right: 0,
         padding: "$4",
         paddingBottom: "$6",
-        backgroundColor: "$background",
+        backgroundColor,
         borderTopWidth: 1,
         borderTopColor: "$color4",
         gap: "$2.5",
@@ -1256,7 +1354,8 @@ function PaywallScreen({
             onRestore && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color8", onPress: onRestore, pressStyle: { opacity: 0.6 }, children: "Restore" }),
             onTerms && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color8", onPress: onTerms, pressStyle: { opacity: 0.6 }, children: "Terms" }),
             onPrivacy && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tamagui28.SizableText, { size: "$2", color: "$color8", onPress: onPrivacy, pressStyle: { opacity: 0.6 }, children: "Privacy" })
-          ] })
+          ] }),
+          footerSlot
         ]
       }
     )
@@ -1269,21 +1368,64 @@ var import_tamagui29 = require("tamagui");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function OnboardingCarousel({
   steps,
+  variant = "default",
+  brand,
+  topLeading,
   onComplete,
   onSkip,
   completeLabel = "Get Started",
   skipLabel = "Skip",
-  nextLabel = "Next"
+  nextLabel = "Next",
+  footerSlot
 }) {
   const [current, setCurrent] = (0, import_react8.useState)(0);
+  if (steps.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.YStack, { flex: 1, backgroundColor: "$background", padding: "$4", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.SizableText, { size: "$5", color: "$color10", textAlign: "center", children: "Add at least one onboarding step." }) });
+  }
   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 }) }) }),
+  const hero = step?.hero ?? step?.icon;
+  const isEditorial = variant === "editorial";
+  const isSelection = variant === "selection-step";
+  const isPermission = variant === "permission-prompt";
+  const topPadding = isEditorial ? "$6" : "$4";
+  const titleSize = isEditorial ? "$10" : "$9";
+  const backgroundColor = variant === "calm-gradient" ? "$color2" : "$background";
+  const heroBackground = isPermission ? "$color3" : isSelection ? "$color1" : "$color2";
+  const heroRadius = variant === "card-tilt" || isSelection ? "$8" : "$10";
+  const buttonTone = variant === "editorial" ? "$color12" : "$color9";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { flex: 1, backgroundColor, padding: "$4", justifyContent: "space-between", children: [
+    step?.background ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.YStack, { position: "absolute", left: 0, right: 0, top: 0, bottom: 0, children: step.background }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.XStack, { justifyContent: "space-between", alignItems: "center", paddingTop: topPadding, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.XStack, { minWidth: 40, children: topLeading }),
+      brand ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.YStack, { alignItems: "center", flex: 1, children: brand }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.YStack, { flex: 1 }),
+      !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 }),
+      hero ? variant === "card-tilt" || isSelection ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_tamagui29.YStack,
+        {
+          width: "100%",
+          maxWidth: 340,
+          minHeight: 260,
+          borderRadius: heroRadius,
+          backgroundColor: heroBackground,
+          padding: "$3",
+          alignItems: "center",
+          justifyContent: "center",
+          borderWidth: variant === "card-tilt" ? 3 : 1,
+          borderColor: "$color4",
+          shadowColor: "$shadowColor",
+          shadowOpacity: 0.14,
+          shadowRadius: 18,
+          shadowOffset: { width: 0, height: 10 },
+          style: variant === "card-tilt" ? { transform: [{ rotate: "-5deg" }] } : void 0,
+          children: hero
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.Circle, { size: isPermission ? 140 : 120, backgroundColor: heroBackground, alignItems: "center", justifyContent: "center", children: hero }) : null,
       /* @__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 }),
+        step?.eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.SizableText, { size: "$2", color: "$color9", fontWeight: "700", textTransform: "uppercase", children: step.eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_tamagui29.SizableText, { size: titleSize, 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 })
       ] })
     ] }),
@@ -1291,8 +1433,10 @@ function OnboardingCarousel({
       /* @__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,
+          size: variant === "card-tilt" ? 10 : 8,
+          width: i === current && variant !== "default" ? 24 : void 0,
           backgroundColor: i === current ? "$color9" : "$color4",
+          borderRadius: "$10",
           animation: "quick"
         },
         i
@@ -1301,15 +1445,16 @@ function OnboardingCarousel({
         import_tamagui29.Button,
         {
           size: "$5",
-          backgroundColor: "$color9",
+          backgroundColor: buttonTone,
           color: "$color1",
-          borderRadius: "$5",
-          hoverStyle: { backgroundColor: "$color10" },
+          borderRadius: variant === "editorial" ? "$10" : "$5",
+          hoverStyle: { backgroundColor: variant === "editorial" ? "$color11" : "$color10" },
           pressStyle: { backgroundColor: "$color8" },
           onPress: () => isLast ? onComplete?.() : setCurrent((c) => c + 1),
-          children: isLast ? completeLabel : nextLabel
+          children: isLast ? step?.ctaLabel ?? completeLabel : step?.ctaLabel ?? nextLabel
         }
-      )
+      ),
+      footerSlot
     ] })
   ] });
 }
@@ -1521,63 +1666,118 @@ function BottomSheet({ open, onOpenChange, title, children, snapPoints = [85], d
 var import_react9 = 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 }) {
+var BRAND_STYLES = {
+  google: { backgroundColor: "$color1", borderColor: "$color5", textColor: "$color12", label: "G" },
+  apple: { backgroundColor: "$color12", borderColor: "$color12", textColor: "$color1", label: "\uF8FF" },
+  github: { backgroundColor: "$color12", borderColor: "$color12", textColor: "$color1", label: "\u25CE" },
+  microsoft: { backgroundColor: "$color1", borderColor: "$color5", textColor: "$color12", label: "\u25A0" },
+  custom: { backgroundColor: "$color1", borderColor: "$color5", textColor: "$color12", label: "\u2022" }
+};
+function ProviderBadge({ provider, buttonStyle }) {
+  const brand = provider.brand ?? "custom";
+  const tone = BRAND_STYLES[brand];
+  if (provider.icon) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: provider.icon });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.Circle, { size: 28, backgroundColor: buttonStyle === "brand" ? "$color2" : "$color3", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$3", fontWeight: "700", color: tone.textColor, children: tone.label }) });
+}
+function LoginScreen({
+  variant = "default",
+  title = "Welcome",
+  subtitle = "Sign in to continue",
+  logo,
+  providers = [],
+  hero,
+  backgroundSlot,
+  footerSlot,
+  providerButtonStyle = "brand",
+  onProviderPress,
+  showEmailForm,
+  onEmailSubmit,
+  onForgotPassword,
+  onCreateAccount,
+  onTerms,
+  onPrivacy,
+  loading
+}) {
   const [email, setEmail] = (0, import_react9.useState)("");
   const [password, setPassword] = (0, import_react9.useState)("");
+  const isEditorial = variant === "editorial";
+  const isCenteredCard = variant === "centered-card";
   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,
+    backgroundSlot ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { position: "absolute", left: 0, right: 0, top: 0, bottom: 0, children: backgroundSlot }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      import_tamagui36.YStack,
       {
-        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" })
-    ] }) })
+        gap: "$5",
+        backgroundColor: isCenteredCard ? "$color1" : "transparent",
+        borderRadius: isCenteredCard ? "$7" : void 0,
+        padding: isCenteredCard ? "$4" : void 0,
+        borderWidth: isCenteredCard ? 1 : 0,
+        borderColor: isCenteredCard ? "$color4" : void 0,
+        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 }),
+            hero ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { paddingBottom: "$2", children: hero }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: isEditorial ? "$10" : "$9", fontWeight: "700", textAlign: "center", fontFamily: isEditorial ? "$heading" : void 0, 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: providerButtonStyle === "brand" ? BRAND_STYLES[p.brand ?? "custom"].borderColor : "$color5",
+              backgroundColor: providerButtonStyle === "brand" ? BRAND_STYLES[p.brand ?? "custom"].backgroundColor : "$color1",
+              borderRadius: isEditorial ? "$6" : "$4",
+              disabled: loading,
+              onPress: () => onProviderPress?.(p.id),
+              hoverStyle: { backgroundColor: providerButtonStyle === "brand" ? BRAND_STYLES[p.brand ?? "custom"].backgroundColor : "$color2" },
+              pressStyle: { backgroundColor: "$color3" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.XStack, { alignItems: "center", justifyContent: "space-between", width: "100%", gap: "$2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.XStack, { alignItems: "center", gap: "$2.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ProviderBadge, { provider: p, buttonStyle: providerButtonStyle }),
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { alignItems: "flex-start", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$4", fontWeight: "600", color: providerButtonStyle === "brand" ? BRAND_STYLES[p.brand ?? "custom"].textColor : void 0, children: p.name }),
+                    p.description ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$2", color: "$color10", children: p.description }) : null
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.SizableText, { size: "$4", color: providerButtonStyle === "brand" ? BRAND_STYLES[p.brand ?? "custom"].textColor : "$color9", children: "\u2192" })
+              ] })
+            },
+            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" })
+          ] }) }),
+          footerSlot
+        ]
+      }
+    )
   ] });
 }
 
@@ -2192,7 +2392,7 @@ function AuthorRow({ author, role, avatar }) {
     ] })
   ] });
 }
-function TestimonialCard({ quote, author, role, avatar, rating, variant = "card" }) {
+function TestimonialCard2({ quote, author, role, avatar, rating, variant = "card" }) {
   if (variant === "minimal") {
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_tamagui51.YStack, { gap: "$3", paddingVertical: "$2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Stars2, { count: rating }),
@@ -3244,34 +3444,38 @@ function BlinkSelect({
   value,
   onValueChange,
   placeholder = "Select...",
+  label,
   size = "$4",
   disabled,
   width = "100%"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-    import_tamagui63.Select,
-    {
-      value,
-      onValueChange,
-      disablePreventBodyScroll: true,
-      ...disabled ? { disabled: true } : {},
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Trigger, { width, iconAfter: () => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u25BC" }), size, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Value, { placeholder }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.Sheet, { modal: true, dismissOnSnapToBottom: true, snapPointsMode: "fit", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Adapt.Contents, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Sheet.Overlay, {})
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.Select.Content, { zIndex: 2e5, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ScrollUpButton, { alignItems: "center", justifyContent: "center", height: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u25B2" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Group, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.Select.Item, { index: i, value: item.value, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ItemText, { children: item.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u2713" }) })
-          ] }, item.value)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ScrollDownButton, { alignItems: "center", justifyContent: "center", height: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u25BC" }) })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.YStack, { gap: "$1.5", width, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { size: "$3", fontWeight: "600", children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      import_tamagui63.Select,
+      {
+        value,
+        onValueChange,
+        disablePreventBodyScroll: true,
+        ...disabled ? { disabled: true } : {},
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Trigger, { width: "100%", iconAfter: () => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u25BC" }), size, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Value, { placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.Sheet, { modal: true, dismissOnSnapToBottom: true, snapPointsMode: "fit", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Adapt.Contents, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Sheet.Overlay, {})
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.Select.Content, { zIndex: 2e5, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ScrollUpButton, { alignItems: "center", justifyContent: "center", height: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u25B2" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.Group, { children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_tamagui63.Select.Item, { index: i, value: item.value, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ItemText, { children: item.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u2713" }) })
+            ] }, item.value)) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.Select.ScrollDownButton, { alignItems: "center", justifyContent: "center", height: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_tamagui63.SizableText, { children: "\u25BC" }) })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 
 // src/patterns/BlinkDialog.tsx
@@ -3366,6 +3570,154 @@ function BlinkPopover({
     )
   ] });
 }
+
+// src/patterns/ImmersiveMediaScreen.tsx
+var import_tamagui66 = require("tamagui");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function ImmersiveMediaScreen({
+  variant = "reel",
+  media,
+  title,
+  subtitle,
+  topLeft,
+  topCenter,
+  topRight,
+  actions = [],
+  bottomMeta,
+  inputPlaceholder,
+  onInputPress,
+  sheetContent
+}) {
+  const showSheet = variant === "sheet";
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_tamagui66.YStack, { flex: 1, backgroundColor: "$color1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_tamagui66.YStack, { flex: 1, position: "relative", children: [
+      media,
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_tamagui66.XStack, { position: "absolute", top: "$5", left: "$4", right: "$4", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.XStack, { minWidth: 56, children: topLeft }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.YStack, { alignItems: "center", flex: 1, children: topCenter }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.XStack, { minWidth: 56, justifyContent: "flex-end", children: topRight })
+      ] }),
+      actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.YStack, { position: "absolute", right: "$3", bottom: showSheet ? "$20" : "$10", gap: "$3", alignItems: "center", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_tamagui66.YStack, { gap: "$1", alignItems: "center", onPress: action.onPress, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          import_tamagui66.YStack,
+          {
+            width: 44,
+            height: 44,
+            borderRadius: "$10",
+            backgroundColor: "rgba(0,0,0,0.55)",
+            alignItems: "center",
+            justifyContent: "center",
+            children: action.icon ?? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.SizableText, { size: "$5", color: "white", children: "\u2022" })
+          }
+        ),
+        action.value ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.SizableText, { size: "$2", color: "white", children: action.value }) : null,
+        action.label ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.SizableText, { size: "$1", color: "rgba(255,255,255,0.8)", children: action.label }) : null
+      ] }, action.id)) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_tamagui66.YStack, { position: "absolute", left: "$4", right: "$4", bottom: showSheet ? "$20" : "$6", gap: "$2", children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.SizableText, { size: "$6", fontWeight: "800", color: "white", children: title }) : null,
+        subtitle ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.SizableText, { size: "$3", color: "rgba(255,255,255,0.82)", children: subtitle }) : null,
+        bottomMeta,
+        variant === "story" && inputPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          import_tamagui66.XStack,
+          {
+            onPress: onInputPress,
+            alignItems: "center",
+            paddingHorizontal: "$4",
+            paddingVertical: "$3",
+            borderRadius: "$10",
+            backgroundColor: "rgba(255,255,255,0.14)",
+            borderWidth: 1,
+            borderColor: "rgba(255,255,255,0.25)",
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.SizableText, { size: "$3", color: "rgba(255,255,255,0.82)", children: inputPlaceholder })
+          }
+        ) : null
+      ] })
+    ] }),
+    showSheet ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_tamagui66.YStack, { padding: "$4", gap: "$3", backgroundColor: "$background", borderTopLeftRadius: "$8", borderTopRightRadius: "$8", marginTop: -18, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.XStack, { alignSelf: "center", width: 48, height: 5, borderRadius: "$10", backgroundColor: "$color5" }),
+      sheetContent,
+      inputPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_tamagui66.Button, { size: "$5", backgroundColor: "$color9", color: "$color1", onPress: onInputPress, children: inputPlaceholder }) : null
+    ] }) : null
+  ] });
+}
+
+// src/patterns/FinanceDashboard.tsx
+var import_tamagui67 = require("tamagui");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function FinanceDashboard({
+  title = "Overview",
+  balanceLabel = "Available balance",
+  balance,
+  rangeLabel,
+  metrics = [],
+  quickActions = [],
+  sections = [],
+  chartSlot,
+  topRight
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.YStack, { flex: 1, backgroundColor: "$background", padding: "$4", gap: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.XStack, { justifyContent: "space-between", alignItems: "center", paddingTop: "$4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.YStack, { gap: "$1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$6", fontWeight: "700", children: title }),
+        rangeLabel ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$2", color: "$color9", children: rangeLabel }) : null
+      ] }),
+      topRight
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.YStack, { backgroundColor: "$color1", borderRadius: "$7", padding: "$4", gap: "$2", borderWidth: 1, borderColor: "$color4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$3", color: "$color10", children: balanceLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$11", fontWeight: "800", children: balance }),
+      chartSlot ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.YStack, { marginTop: "$2", children: chartSlot }) : null
+    ] }),
+    metrics.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.XStack, { gap: "$3", flexWrap: "wrap", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.YStack, { flex: 1, minWidth: 120, backgroundColor: "$color1", borderRadius: "$6", padding: "$3", gap: "$1", borderWidth: 1, borderColor: "$color4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$2", color: "$color10", children: metric.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$7", fontWeight: "800", children: metric.value }),
+      metric.change ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$2", color: "$color9", children: metric.change }) : null
+    ] }, metric.label)) }) : null,
+    quickActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.XStack, { gap: "$3", flexWrap: "wrap", children: quickActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+      import_tamagui67.YStack,
+      {
+        flex: 1,
+        minWidth: 88,
+        backgroundColor: "$color1",
+        borderRadius: "$6",
+        padding: "$3",
+        gap: "$2",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        borderColor: "$color4",
+        onPress: action.onPress,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.YStack, { width: 36, height: 36, borderRadius: "$10", backgroundColor: "$color3", alignItems: "center", justifyContent: "center", children: action.icon ?? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$4", children: "\u2022" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$2", textAlign: "center", children: action.label })
+        ]
+      },
+      action.id
+    )) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.YStack, { gap: "$3", children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.YStack, { backgroundColor: "$color1", borderRadius: "$6", borderWidth: 1, borderColor: "$color4", overflow: "hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.XStack, { padding: "$3", justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$4", fontWeight: "700", children: section.title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.YStack, { children: section.rows.map((row, index2) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        import_tamagui67.XStack,
+        {
+          padding: "$3",
+          gap: "$3",
+          alignItems: "center",
+          borderTopWidth: index2 === 0 ? 0 : 1,
+          borderTopColor: "$color4",
+          children: [
+            row.leading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.YStack, { width: 32, height: 32, borderRadius: "$8", backgroundColor: "$color3", alignItems: "center", justifyContent: "center", children: row.leading }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_tamagui67.YStack, { flex: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$3", fontWeight: "600", children: row.title }),
+              row.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$2", color: "$color10", children: row.subtitle }) : null
+            ] }),
+            row.value ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_tamagui67.SizableText, { size: "$3", color: "$color11", children: row.value }) : null
+          ]
+        },
+        row.id
+      )) })
+    ] }, section.id ?? `${section.title}-${index}`)) })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -3415,6 +3767,7 @@ function BlinkPopover({
   EnsureFlexed,
   EventCard,
   Fieldset,
+  FinanceDashboard,
   FloatingActionButton,
   Footer,
   Form,
@@ -3434,6 +3787,7 @@ function BlinkPopover({
   ICONS,
   Icon,
   Image,
+  ImmersiveMediaScreen,
   Input,
   KeyboardStickyFooter,
   Label,