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

package/dist/index.js

@@ -20,179 +20,187 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Accordion: () => import_tamagui60.Accordion,
+  Accordion: () => import_tamagui67.Accordion,
   ActionSheet: () => ActionSheet,
-  Adapt: () => import_tamagui60.Adapt,
-  AlertDialog: () => import_tamagui60.AlertDialog,
-  Anchor: () => import_tamagui60.Anchor,
-  AnimatePresence: () => import_tamagui60.AnimatePresence,
+  Adapt: () => import_tamagui67.Adapt,
+  AlertDialog: () => import_tamagui67.AlertDialog,
+  Anchor: () => import_tamagui67.Anchor,
+  AnimatePresence: () => import_tamagui67.AnimatePresence,
   AppHeader: () => AppHeader,
-  Article: () => import_tamagui60.Article,
-  Aside: () => import_tamagui60.Aside,
-  Avatar: () => import_tamagui60.Avatar,
+  Article: () => import_tamagui67.Article,
+  Aside: () => import_tamagui67.Aside,
+  Avatar: () => import_tamagui67.Avatar,
   AvatarGroup: () => AvatarGroup,
   Badge: () => Badge,
   BlinkAccordion: () => BlinkAccordion,
   BlinkAvatar: () => Avatar,
   BlinkButton: () => Button,
   BlinkCard: () => Card,
+  BlinkDialog: () => BlinkDialog,
   BlinkInput: () => Input,
-  BlinkProvider: () => import_tamagui60.TamaguiProvider,
+  BlinkPopover: () => BlinkPopover,
+  BlinkProvider: () => import_tamagui67.TamaguiProvider,
+  BlinkSelect: () => BlinkSelect,
   BlinkTabs: () => BlinkTabs,
   BlinkText: () => BlinkText,
   BlinkToastProvider: () => BlinkToastProvider,
   BlinkToggleGroup: () => BlinkToggleGroup,
   BlinkTooltip: () => BlinkTooltip,
   BottomSheet: () => BottomSheet,
-  Button: () => import_tamagui60.Button,
-  Card: () => import_tamagui60.Card,
+  Button: () => import_tamagui67.Button,
+  Card: () => import_tamagui67.Card,
   Carousel: () => Carousel,
   ChatBubble: () => ChatBubble,
-  Checkbox: () => import_tamagui60.Checkbox,
+  Checkbox: () => import_tamagui67.Checkbox,
   Chip: () => Chip,
   ChipGroup: () => ChipGroup,
-  Circle: () => import_tamagui60.Circle,
+  Circle: () => import_tamagui67.Circle,
   ConfirmDialog: () => ConfirmDialog,
   Container: () => Container,
   CountdownBanner: () => CountdownBanner,
-  Dialog: () => import_tamagui60.Dialog,
+  DataTable: () => DataTable,
+  DatePicker: () => DatePicker,
+  Dialog: () => import_tamagui67.Dialog,
   DialogProvider: () => DialogProvider,
   Divider: () => Divider,
   EmptyState: () => EmptyState,
-  EnsureFlexed: () => import_tamagui60.EnsureFlexed,
-  Fieldset: () => import_tamagui60.Fieldset,
+  EnsureFlexed: () => import_tamagui67.EnsureFlexed,
+  EventCard: () => EventCard,
+  Fieldset: () => import_tamagui67.Fieldset,
   FloatingActionButton: () => FloatingActionButton,
-  Footer: () => import_tamagui60.Footer,
-  Form: () => import_tamagui60.Form,
+  Footer: () => import_tamagui67.Footer,
+  Form: () => import_tamagui67.Form,
   FormField: () => FormField,
-  Frame: () => import_tamagui60.Frame,
+  Frame: () => import_tamagui67.Frame,
   GlassCard: () => GlassCard,
   Grid: () => Grid,
-  Group: () => import_tamagui60.Group,
-  H1: () => import_tamagui60.H1,
-  H2: () => import_tamagui60.H2,
-  H3: () => import_tamagui60.H3,
-  H4: () => import_tamagui60.H4,
-  H5: () => import_tamagui60.H5,
-  H6: () => import_tamagui60.H6,
-  Header: () => import_tamagui60.Header,
-  Heading: () => import_tamagui60.Heading,
+  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,
   ICONS: () => ICONS,
   Icon: () => Icon,
   Image: () => Image2,
-  Input: () => import_tamagui60.Input,
+  Input: () => import_tamagui67.Input,
   KeyboardStickyFooter: () => KeyboardStickyFooter,
-  Label: () => import_tamagui60.Label,
+  Label: () => import_tamagui67.Label,
   ListItem: () => ListItem,
   LoginScreen: () => LoginScreen,
-  Main: () => import_tamagui60.Main,
+  Main: () => import_tamagui67.Main,
   MediaCard: () => MediaCard,
-  Nav: () => import_tamagui60.Nav,
+  Nav: () => import_tamagui67.Nav,
   NotificationBanner: () => NotificationBanner,
   OTPInput: () => OTPInput,
   OnboardingCarousel: () => OnboardingCarousel,
   PageContainer: () => PageContainer,
   PageMainContainer: () => PageMainContainer,
-  Paragraph: () => import_tamagui60.Paragraph,
+  Paragraph: () => import_tamagui67.Paragraph,
   PasswordInput: () => PasswordInput,
   PaywallScreen: () => PaywallScreen,
-  Popover: () => import_tamagui60.Popover,
-  Portal: () => import_tamagui60.Portal,
-  PortalHost: () => import_tamagui60.PortalHost,
-  PortalItem: () => import_tamagui60.PortalItem,
-  PortalProvider: () => import_tamagui60.PortalProvider,
+  Popover: () => import_tamagui67.Popover,
+  Portal: () => import_tamagui67.Portal,
+  PortalHost: () => import_tamagui67.PortalHost,
+  PortalItem: () => import_tamagui67.PortalItem,
+  PortalProvider: () => import_tamagui67.PortalProvider,
   Pressable: () => Pressable,
   PricingTable: () => PricingTable,
   ProductCard: () => ProductCard,
   ProfileHeader: () => ProfileHeader,
-  Progress: () => import_tamagui60.Progress,
+  Progress: () => import_tamagui67.Progress,
   ProgressSteps: () => ProgressSteps,
   PullToRefresh: () => PullToRefresh,
-  RadioGroup: () => import_tamagui60.RadioGroup,
+  RadioGroup: () => import_tamagui67.RadioGroup,
   SafeArea: () => SafeArea,
   ScreenLayout: () => ScreenLayout,
-  ScrollView: () => import_tamagui60.ScrollView,
+  ScrollView: () => import_tamagui67.ScrollView,
   SearchBar: () => SearchBar,
   Section: () => Section,
-  Select: () => import_tamagui60.Select,
+  Select: () => import_tamagui67.Select,
   SepHeading: () => SepHeading,
-  Separator: () => import_tamagui60.Separator,
+  Separator: () => import_tamagui67.Separator,
   SettingsScreen: () => SettingsScreen,
-  Sheet: () => import_tamagui60.Sheet,
-  SizableStack: () => import_tamagui60.SizableStack,
-  SizableText: () => import_tamagui60.SizableText,
+  Sheet: () => import_tamagui67.Sheet,
+  SizableStack: () => import_tamagui67.SizableStack,
+  SizableText: () => import_tamagui67.SizableText,
   Skeleton: () => Skeleton,
-  Slider: () => import_tamagui60.Slider,
-  Spacer: () => import_tamagui60.Spacer,
-  Spinner: () => import_tamagui60.Spinner,
-  Square: () => import_tamagui60.Square,
-  Stack: () => import_tamagui60.Stack,
+  Slider: () => import_tamagui67.Slider,
+  Spacer: () => import_tamagui67.Spacer,
+  Spinner: () => import_tamagui67.Spinner,
+  Square: () => import_tamagui67.Square,
+  Stack: () => import_tamagui67.Stack,
+  StatusBadge: () => StatusBadge,
   StepPageLayout: () => StepPageLayout,
   SubHeading: () => SubHeading,
   SwipeCards: () => SwipeCards,
   SwipeableRow: () => SwipeableRow,
-  Switch: () => import_tamagui60.Switch,
+  Switch: () => import_tamagui67.Switch,
   TabBar: () => TabBar,
-  Tabs: () => import_tamagui60.Tabs,
-  TamaguiImage: () => import_tamagui60.Image,
-  TamaguiListItem: () => import_tamagui60.ListItem,
-  TamaguiProvider: () => import_tamagui60.TamaguiProvider,
+  Tabs: () => import_tamagui67.Tabs,
+  TamaguiImage: () => import_tamagui67.Image,
+  TamaguiListItem: () => import_tamagui67.ListItem,
+  TamaguiProvider: () => import_tamagui67.TamaguiProvider,
   TestimonialCard: () => TestimonialCard,
-  Text: () => import_tamagui60.Text,
-  TextArea: () => import_tamagui60.TextArea,
-  Theme: () => import_tamagui60.Theme,
-  ThemeableStack: () => import_tamagui60.ThemeableStack,
-  ToggleGroup: () => import_tamagui60.ToggleGroup,
-  Tooltip: () => import_tamagui60.Tooltip,
-  TooltipSimple: () => import_tamagui60.TooltipSimple,
-  Unspaced: () => import_tamagui60.Unspaced,
-  View: () => import_tamagui60.View,
-  VisuallyHidden: () => import_tamagui60.VisuallyHidden,
-  XGroup: () => import_tamagui60.XGroup,
-  XStack: () => import_tamagui60.XStack,
-  YGroup: () => import_tamagui60.YGroup,
-  YStack: () => import_tamagui60.YStack,
-  ZStack: () => import_tamagui60.ZStack,
-  addTheme: () => import_tamagui60.addTheme,
+  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,
+  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,
   blinkConfig: () => blinkConfig,
-  composeEventHandlers: () => import_tamagui60.composeEventHandlers,
-  composeRefs: () => import_tamagui60.composeRefs,
-  createFont: () => import_tamagui60.createFont,
-  createMedia: () => import_tamagui60.createMedia,
-  createStyledContext: () => import_tamagui60.createStyledContext,
-  createTamagui: () => import_tamagui60.createTamagui,
-  createTheme: () => import_tamagui60.createTheme,
-  createTokens: () => import_tamagui60.createTokens,
-  createVariable: () => import_tamagui60.createVariable,
+  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,
   dialogConfirm: () => dialogConfirm,
-  getConfig: () => import_tamagui60.getConfig,
-  getToken: () => import_tamagui60.getToken,
-  getTokenValue: () => import_tamagui60.getTokenValue,
-  getTokens: () => import_tamagui60.getTokens,
-  isClient: () => import_tamagui60.isClient,
-  isWeb: () => import_tamagui60.isWeb,
-  replaceTheme: () => import_tamagui60.replaceTheme,
+  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,
   showError: () => showError,
-  styled: () => import_tamagui60.styled,
+  styled: () => import_tamagui67.styled,
   tamaguiDefaultConfig: () => import_v52.defaultConfig,
   toast: () => toast,
-  updateTheme: () => import_tamagui60.updateTheme,
+  updateTheme: () => import_tamagui67.updateTheme,
   useBlinkToast: () => useBlinkToast,
-  useComposedRefs: () => import_tamagui60.useComposedRefs,
-  useControllableState: () => import_tamagui60.useControllableState,
-  useDebounce: () => import_tamagui60.useDebounce,
-  useDebounceValue: () => import_tamagui60.useDebounceValue,
-  useDidFinishSSR: () => import_tamagui60.useDidFinishSSR,
-  useEvent: () => import_tamagui60.useEvent,
-  useForceUpdate: () => import_tamagui60.useForceUpdate,
-  useIsPresent: () => import_tamagui60.useIsPresent,
-  useIsomorphicLayoutEffect: () => import_tamagui60.useIsomorphicLayoutEffect,
-  useMedia: () => import_tamagui60.useMedia,
-  usePresence: () => import_tamagui60.usePresence,
-  useTheme: () => import_tamagui60.useTheme,
-  useThemeName: () => import_tamagui60.useThemeName,
-  useWindowDimensions: () => import_tamagui60.useWindowDimensions,
-  withStaticProperties: () => import_tamagui60.withStaticProperties
+  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
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -205,7 +213,7 @@ var blinkConfig = (0, import_tamagui.createTamagui)({
 
 // src/index.ts
 var import_v52 = require("@tamagui/config/v5");
-var import_tamagui60 = require("tamagui");
+var import_tamagui67 = require("tamagui");
 
 // src/primitives/Button.tsx
 var import_tamagui2 = require("tamagui");
@@ -2404,20 +2412,25 @@ function ChipGroup({ chips, selected = [], onSelectionChange, multiSelect = true
 
 // src/patterns/OTPInput.tsx
 var import_react14 = require("react");
+var import_react_native5 = require("react-native");
 var import_tamagui54 = require("tamagui");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function OTPInput({ length = 6, value = "", onChange, onComplete, error, autoFocus, secureEntry }) {
   const inputRef = (0, import_react14.useRef)(null);
+  const [focused, setFocused] = (0, import_react14.useState)(false);
   const digits = value.padEnd(length, " ").slice(0, length);
   const handleChange = (0, import_react14.useCallback)((text) => {
     const cleaned = text.replace(/\D/g, "").slice(0, length);
     onChange?.(cleaned);
     if (cleaned.length === length) onComplete?.(cleaned);
   }, [length, onChange, onComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_tamagui54.YStack, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tamagui54.XStack, { gap: "$2", justifyContent: "center", onPress: () => inputRef.current?.focus(), children: Array.from({ length }, (_, i) => {
+  const focusInput = (0, import_react14.useCallback)(() => {
+    inputRef.current?.focus();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_tamagui54.YStack, { position: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tamagui54.XStack, { gap: "$2", justifyContent: "center", children: Array.from({ length }, (_, i) => {
       const char = digits[i]?.trim();
-      const focused = value.length === i;
+      const isCursor = focused && value.length === i;
       return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         import_tamagui54.YStack,
         {
@@ -2425,20 +2438,59 @@ function OTPInput({ length = 6, value = "", onChange, onComplete, error, autoFoc
           height: 56,
           borderRadius: "$3",
           borderWidth: 2,
-          borderColor: error ? "$red9" : focused ? "$color9" : "$color6",
-          backgroundColor: error ? "$red2" : "$color2",
+          borderColor: error ? "$red9" : isCursor ? "$color9" : char ? "$color7" : "$color5",
+          backgroundColor: error ? "$red2" : isCursor ? "$color2" : "$color1",
           alignItems: "center",
           justifyContent: "center",
           animation: "quick",
+          pointerEvents: "none",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tamagui54.SizableText, { size: "$7", fontWeight: "600", color: "$color12", children: char ? secureEntry ? "\u25CF" : char : "" }),
-            focused && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tamagui54.YStack, { position: "absolute", bottom: 10, width: 20, height: 2, backgroundColor: "$color9", animation: "quick" })
+            isCursor && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              import_tamagui54.YStack,
+              {
+                position: "absolute",
+                bottom: 10,
+                width: 20,
+                height: 2,
+                backgroundColor: "$color9",
+                animation: "quick"
+              }
+            )
           ]
         },
         i
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_react_native5.Platform.OS === "web" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        inputMode: "numeric",
+        pattern: "[0-9]*",
+        autoComplete: "one-time-code",
+        maxLength: length,
+        value,
+        autoFocus,
+        onChange: (e) => handleChange(e.target.value),
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          width: "100%",
+          height: "100%",
+          opacity: 0,
+          fontSize: 16,
+          caretColor: "transparent",
+          cursor: "pointer"
+        }
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_tamagui54.Input,
       {
         ref: inputRef,
@@ -2447,10 +2499,15 @@ function OTPInput({ length = 6, value = "", onChange, onComplete, error, autoFoc
         keyboardType: "number-pad",
         maxLength: length,
         autoFocus,
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
         position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
         opacity: 0,
-        width: 1,
-        height: 1
+        fontSize: 16
       }
     )
   ] });
@@ -2742,6 +2799,573 @@ function GlassCard({
     }
   );
 }
+
+// src/patterns/DataTable.tsx
+var import_react17 = require("react");
+var import_tamagui59 = require("tamagui");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var TH = (0, import_tamagui59.styled)(import_tamagui59.View, { padding: "$3", justifyContent: "center" });
+var TD = (0, import_tamagui59.styled)(import_tamagui59.View, { padding: "$3", justifyContent: "center" });
+function StatusBadge({ status }) {
+  const isActive = status.toLowerCase() === "active";
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_tamagui59.XStack, { gap: "$2", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_tamagui59.View,
+      {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: isActive ? "$green9" : "$orange9"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.SizableText, { size: "$3", color: "$color11", children: status })
+  ] });
+}
+function HeaderCell({ col, sort, onSort }) {
+  const active = sort?.key === col.key;
+  const indicator = active ? sort.dir === "asc" ? " \u25B2" : " \u25BC" : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    TH,
+    {
+      width: col.width,
+      flexDirection: "row",
+      alignItems: "center",
+      cursor: col.sortable ? "pointer" : void 0,
+      onPress: col.sortable ? onSort : void 0,
+      pressStyle: col.sortable ? { opacity: 0.7 } : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        import_tamagui59.SizableText,
+        {
+          size: "$2",
+          fontWeight: "700",
+          color: active ? "$color12" : "$color9",
+          textTransform: "uppercase",
+          letterSpacing: 0.5,
+          children: [
+            col.header,
+            indicator
+          ]
+        }
+      )
+    },
+    col.key
+  );
+}
+function TableRow({ row, columns, onPress, odd }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_tamagui59.XStack,
+    {
+      backgroundColor: odd ? "$color2" : "transparent",
+      borderBottomWidth: 0.5,
+      borderColor: "$color4",
+      hoverStyle: { backgroundColor: "$color3" },
+      cursor: onPress ? "pointer" : void 0,
+      onPress: onPress ? () => onPress(row) : void 0,
+      pressStyle: onPress ? { opacity: 0.85 } : void 0,
+      animation: "quick",
+      children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TD, { width: col.width, flex: col.width ? void 0 : 1, children: col.render ? col.render(row[col.key], row) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.SizableText, { size: "$3", color: "$color11", children: String(row[col.key] ?? "") }) }, col.key))
+    }
+  );
+}
+function CardRow({ row, columns, onPress }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_tamagui59.YStack,
+    {
+      backgroundColor: "$color1",
+      borderRadius: "$4",
+      borderWidth: 1,
+      borderColor: "$color4",
+      padding: "$3",
+      gap: "$2",
+      onPress: onPress ? () => onPress(row) : void 0,
+      pressStyle: onPress ? { scale: 0.98, opacity: 0.9 } : void 0,
+      animation: "quick",
+      children: columns.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_tamagui59.YStack, { children: [
+        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.Separator, { marginVertical: "$1.5", borderColor: "$color4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_tamagui59.XStack, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.SizableText, { size: "$2", color: "$color9", fontWeight: "600", children: col.header }),
+          col.render ? col.render(row[col.key], row) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.SizableText, { size: "$3", color: "$color11", children: String(row[col.key] ?? "") })
+        ] })
+      ] }, col.key))
+    }
+  );
+}
+function DataTable({ columns, data, onRowPress, emptyMessage = "No data" }) {
+  const [sort, setSort] = (0, import_react17.useState)(null);
+  const media = (0, import_tamagui59.useMedia)();
+  const isSmall = media.sm;
+  const sorted = (0, import_react17.useMemo)(() => {
+    if (!sort) return data;
+    return [...data].sort((a, b) => {
+      const av = a[sort.key], bv = b[sort.key];
+      const cmp = typeof av === "number" && typeof bv === "number" ? av - bv : String(av ?? "").localeCompare(String(bv ?? ""));
+      return sort.dir === "asc" ? cmp : -cmp;
+    });
+  }, [data, sort]);
+  const toggleSort = (key) => setSort((s) => s?.key === key ? { key, dir: s.dir === "asc" ? "desc" : "asc" } : { key, dir: "asc" });
+  if (!data.length) {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.YStack, { padding: "$6", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.SizableText, { size: "$4", color: "$color9", children: emptyMessage }) });
+  }
+  if (isSmall) {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.YStack, { gap: "$3", children: sorted.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CardRow, { row, columns, onPress: onRowPress }, i)) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_tamagui59.YStack, { borderWidth: 1, borderColor: "$color4", borderRadius: "$4", overflow: "hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_tamagui59.XStack, { backgroundColor: "$color1", borderBottomWidth: 1, borderColor: "$color4", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(HeaderCell, { col, sort, onSort: () => toggleSort(col.key) }, col.key)) }),
+    sorted.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableRow, { row, columns, onPress: onRowPress, odd: i % 2 === 1 }, i))
+  ] });
+}
+
+// src/patterns/DatePicker.tsx
+var import_react18 = require("react");
+var import_tamagui60 = require("tamagui");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var MONTH_NAMES = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+var DAY_LABELS_SUN = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var DAY_LABELS_MON = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+function daysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function sameDay(a, b) {
+  return a ? a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate() : false;
+}
+function buildGrid(year, month, startDay) {
+  const total = daysInMonth(year, month);
+  const firstWeekday = new Date(year, month, 1).getDay();
+  const offset = (firstWeekday - startDay + 7) % 7;
+  const prevTotal = daysInMonth(year, month - 1);
+  const cells = [];
+  for (let i = offset - 1; i >= 0; i--)
+    cells.push({ day: prevTotal - i, month: month - 1, year: month === 0 ? year - 1 : year, outside: true });
+  for (let d = 1; d <= total; d++)
+    cells.push({ day: d, month, year, outside: false });
+  while (cells.length < 42)
+    cells.push({ day: cells.length - offset - total + 1, month: month + 1, year: month === 11 ? year + 1 : year, outside: true });
+  return cells;
+}
+function NavButton({ label, onPress }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    import_tamagui60.XStack,
+    {
+      width: 36,
+      height: 36,
+      borderRadius: "$10",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$color3",
+      pressStyle: { scale: 0.92, backgroundColor: "$color5" },
+      animation: "quick",
+      onPress,
+      cursor: "pointer",
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tamagui60.SizableText, { size: "$5", color: "$color11", fontWeight: "600", children: label })
+    }
+  );
+}
+function DatePicker({ value, onDateChange, minDate, maxDate, startDay = 1 }) {
+  const today = (0, import_react18.useMemo)(() => /* @__PURE__ */ new Date(), []);
+  const [viewMonth, setViewMonth] = (0, import_react18.useState)(value?.getMonth() ?? today.getMonth());
+  const [viewYear, setViewYear] = (0, import_react18.useState)(value?.getFullYear() ?? today.getFullYear());
+  const headers = startDay === 1 ? DAY_LABELS_MON : DAY_LABELS_SUN;
+  const grid = (0, import_react18.useMemo)(() => buildGrid(viewYear, viewMonth, startDay), [viewYear, viewMonth, startDay]);
+  const navigate = (0, import_react18.useCallback)((dir) => {
+    setViewMonth((m) => {
+      const next = m + dir;
+      if (next < 0) {
+        setViewYear((y) => y - 1);
+        return 11;
+      }
+      if (next > 11) {
+        setViewYear((y) => y + 1);
+        return 0;
+      }
+      return next;
+    });
+  }, []);
+  const isDisabled = (0, import_react18.useCallback)((d) => {
+    if (minDate && d < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) return true;
+    if (maxDate && d > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate())) return true;
+    return false;
+  }, [minDate, maxDate]);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_tamagui60.YStack, { backgroundColor: "$color2", borderRadius: "$4", padding: "$3", gap: "$2", animation: "quick", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_tamagui60.XStack, { alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NavButton, { label: "\u2039", onPress: () => navigate(-1) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_tamagui60.SizableText, { size: "$4", fontWeight: "700", color: "$color12", children: [
+        MONTH_NAMES[viewMonth],
+        " ",
+        viewYear
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(NavButton, { label: "\u203A", onPress: () => navigate(1) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tamagui60.XStack, { children: headers.map((h) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tamagui60.SizableText, { size: "$2", color: "$color8", fontWeight: "600", textAlign: "center", flex: 1, children: h }, h)) }),
+    Array.from({ length: Math.ceil(grid.length / 7) }, (_, row) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tamagui60.XStack, { children: grid.slice(row * 7, row * 7 + 7).map((cell, i) => {
+      const date = new Date(cell.year, cell.month, cell.day);
+      const selected = sameDay(value, date);
+      const isToday = sameDay(today, date);
+      const disabled = cell.outside || isDisabled(date);
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_tamagui60.YStack, { flex: 1, alignItems: "center", paddingVertical: "$0.5", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        import_tamagui60.XStack,
+        {
+          width: 40,
+          height: 40,
+          borderRadius: "$10",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: selected ? "$color9" : "transparent",
+          borderWidth: isToday && !selected ? 1.5 : 0,
+          borderColor: "$color9",
+          pressStyle: disabled ? void 0 : { scale: 0.9, backgroundColor: selected ? "$color10" : "$color4" },
+          animation: "quick",
+          opacity: disabled ? 0.35 : 1,
+          cursor: disabled ? "default" : "pointer",
+          onPress: disabled ? void 0 : () => onDateChange?.(date),
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            import_tamagui60.SizableText,
+            {
+              size: "$3",
+              fontWeight: selected || isToday ? "700" : "400",
+              color: selected ? "white" : cell.outside ? "$color5" : "$color12",
+              children: cell.day
+            }
+          )
+        }
+      ) }, `${row}-${i}`);
+    }) }, row))
+  ] });
+}
+
+// src/patterns/EventCard.tsx
+var import_tamagui61 = require("tamagui");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var THEME_MAP = {
+  purple: "purple",
+  green: "green",
+  blue: "blue",
+  orange: "orange",
+  red: "red",
+  pink: "pink"
+};
+function ParticipantDots({ count, max }) {
+  const dots = Math.min(count, 5);
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.XStack, { alignItems: "center", gap: "$1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.XStack, { children: Array.from({ length: dots }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      import_tamagui61.YStack,
+      {
+        width: 22,
+        height: 22,
+        borderRadius: 11,
+        backgroundColor: "$color7",
+        borderWidth: 2,
+        borderColor: "$color4",
+        marginLeft: i > 0 ? -8 : 0,
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$1", color: "$color1", fontWeight: "700", children: String.fromCharCode(65 + i) })
+      },
+      i
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.SizableText, { size: "$2", color: "$color11", fontWeight: "500", children: [
+      count,
+      max ? `/${max}` : ""
+    ] })
+  ] });
+}
+function CardInner({ title, subtitle, time, location, label, participants, maxParticipants, onPress, actions }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    import_tamagui61.YStack,
+    {
+      backgroundColor: "$color4",
+      borderRadius: "$5",
+      padding: "$4",
+      gap: "$3",
+      borderWidth: 1,
+      borderColor: "$color7",
+      onPress,
+      animation: "quick",
+      pressStyle: onPress ? { scale: 0.97, opacity: 0.9 } : void 0,
+      cursor: onPress ? "pointer" : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.XStack, { justifyContent: "space-between", alignItems: "flex-start", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.YStack, { flex: 1, gap: "$1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$6", fontWeight: "700", color: "$color12", children: title }),
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$3", color: "$color11", opacity: 0.8, children: subtitle })
+          ] }),
+          time && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.YStack, { backgroundColor: "$color6", paddingHorizontal: "$2.5", paddingVertical: "$1.5", borderRadius: "$3", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$2", fontWeight: "600", color: "$color12", children: time }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.XStack, { gap: "$4", alignItems: "center", flexWrap: "wrap", children: [
+          location && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.XStack, { gap: "$1.5", alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$3", children: "\u{1F4CD}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$3", color: "$color11", children: location })
+          ] }),
+          participants !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ParticipantDots, { count: participants, max: maxParticipants })
+        ] }),
+        (label || actions) && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tamagui61.XStack, { justifyContent: "space-between", alignItems: "center", children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.XStack, { backgroundColor: "$color6", paddingHorizontal: "$2.5", paddingVertical: "$1", borderRadius: "$10", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.SizableText, { size: "$2", fontWeight: "600", color: "$color11", children: label }) }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.YStack, {}),
+          actions
+        ] })
+      ]
+    }
+  );
+}
+function EventCard({ theme = "purple", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tamagui61.Theme, { name: THEME_MAP[theme], children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CardInner, { ...props }) });
+}
+
+// src/patterns/UserPreferences.tsx
+var import_tamagui62 = require("tamagui");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function ItemLabel({ title, description, color }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.YStack, { flex: 1, gap: "$1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$4", fontWeight: "500", color: color ?? "$color12", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$2", color: "$color9", children: description })
+  ] });
+}
+function ToggleRow({ item }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.XStack, { alignItems: "center", gap: "$3", paddingVertical: "$3", paddingHorizontal: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ItemLabel, { title: item.title, description: item.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.Switch, { size: "$3", checked: item.value, onCheckedChange: item.onValueChange, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.Switch.Thumb, { animation: "quick" }) })
+  ] });
+}
+function SelectRow({ item }) {
+  const current = item.options.find((o) => o.value === item.value);
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    import_tamagui62.XStack,
+    {
+      alignItems: "center",
+      gap: "$3",
+      paddingVertical: "$3",
+      paddingHorizontal: "$4",
+      pressStyle: { backgroundColor: "$color3" },
+      animation: "quick",
+      cursor: "pointer",
+      onPress: () => {
+        const idx = item.options.findIndex((o) => o.value === item.value);
+        const next = item.options[(idx + 1) % item.options.length];
+        if (next) item.onValueChange(next.value);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ItemLabel, { title: item.title, description: item.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$3", color: "$color9", fontWeight: "500", children: current?.label ?? item.value }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$4", color: "$color8", children: "\u203A" })
+      ]
+    }
+  );
+}
+function SliderRow({ item }) {
+  const min = item.min ?? 0;
+  const max = item.max ?? 100;
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.YStack, { gap: "$2", paddingVertical: "$3", paddingHorizontal: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.XStack, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ItemLabel, { title: item.title, description: item.description }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$3", fontWeight: "600", color: "$color11", children: item.value })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      import_tamagui62.Slider,
+      {
+        value: [item.value],
+        min,
+        max,
+        step: 1,
+        onValueChange: ([v]) => {
+          if (v !== void 0) item.onValueChange(v);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.Slider.Track, { backgroundColor: "$color4", height: 4, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.Slider.TrackActive, { backgroundColor: "$color9" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.Slider.Thumb, { index: 0, size: "$1.5", backgroundColor: "$color9", borderWidth: 0, circular: true })
+        ]
+      }
+    )
+  ] });
+}
+function ActionRow({ item }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    import_tamagui62.XStack,
+    {
+      alignItems: "center",
+      gap: "$3",
+      paddingVertical: "$3",
+      paddingHorizontal: "$4",
+      pressStyle: { backgroundColor: "$color3" },
+      animation: "quick",
+      cursor: "pointer",
+      onPress: item.onPress,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          ItemLabel,
+          {
+            title: item.title,
+            description: item.description,
+            color: item.destructive ? "$red10" : void 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$4", color: "$color8", children: "\u203A" })
+      ]
+    }
+  );
+}
+function PreferenceRow({ item }) {
+  switch (item.type) {
+    case "toggle":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToggleRow, { item });
+    case "select":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectRow, { item });
+    case "slider":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SliderRow, { item });
+    case "action":
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ActionRow, { item });
+  }
+}
+function UserPreferences({ sections }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.YStack, { gap: "$5", children: sections.map((section, si) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.YStack, { gap: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.YStack, { paddingHorizontal: "$1", gap: "$0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$2", fontWeight: "600", color: "$color9", textTransform: "uppercase", children: section.title }),
+      section.description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.SizableText, { size: "$2", color: "$color8", children: section.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      import_tamagui62.YStack,
+      {
+        backgroundColor: "$color2",
+        borderRadius: "$4",
+        overflow: "hidden",
+        borderWidth: 1,
+        borderColor: "$color4",
+        children: section.items.map((item, ii) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_tamagui62.YStack, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PreferenceRow, { item }),
+          ii < section.items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_tamagui62.Separator, { borderColor: "$color4" })
+        ] }, item.id))
+      }
+    )
+  ] }, si)) });
+}
+
+// src/patterns/BlinkSelect.tsx
+var import_tamagui63 = require("tamagui");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function BlinkSelect({
+  items,
+  value,
+  onValueChange,
+  placeholder = "Select...",
+  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" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/patterns/BlinkDialog.tsx
+var import_tamagui64 = require("tamagui");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function BlinkDialog({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  children,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  confirmTheme = "active"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_tamagui64.Dialog, { modal: true, open, onOpenChange, children: [
+    trigger && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Dialog.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_tamagui64.Sheet, { modal: true, dismissOnSnapToBottom: true, snapPointsMode: "fit", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Adapt.Contents, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_tamagui64.Dialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        import_tamagui64.Dialog.Overlay,
+        {
+          animation: "quick",
+          opacity: 0.5,
+          enterStyle: { opacity: 0 },
+          exitStyle: { opacity: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+        import_tamagui64.Dialog.Content,
+        {
+          bordered: true,
+          elevate: true,
+          animateOnly: ["transform", "opacity"],
+          animation: ["quick", { opacity: { overshootClamping: true } }],
+          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+          gap: "$4",
+          children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Dialog.Title, { children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Dialog.Description, { size: "$3", color: "$color10", children: description }),
+            children,
+            (onConfirm || onCancel) && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_tamagui64.XStack, { justifyContent: "flex-end", gap: "$3", children: [
+              onCancel && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Button, { variant: "outlined", onPress: onCancel, children: cancelLabel }) }),
+              onConfirm && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_tamagui64.Button, { theme: confirmTheme, onPress: onConfirm, children: confirmLabel }) })
+            ] })
+          ]
+        },
+        "content"
+      )
+    ] })
+  ] });
+}
+
+// src/patterns/BlinkPopover.tsx
+var import_tamagui65 = require("tamagui");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function BlinkPopover({
+  trigger,
+  children,
+  placement = "bottom",
+  allowFlip = true,
+  size = "$5"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_tamagui65.Popover, { size, allowFlip, placement, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.Popover.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_tamagui65.Popover.Sheet, { modal: true, dismissOnSnapToBottom: true, snapPointsMode: "fit", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.Adapt.Contents, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.Popover.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+      import_tamagui65.Popover.Content,
+      {
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: { y: -10, opacity: 0 },
+        exitStyle: { y: -10, opacity: 0 },
+        elevate: true,
+        animation: ["quick", { opacity: { overshootClamping: true } }],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_tamagui65.YStack, { gap: "$3", padding: "$3", children })
+        ]
+      }
+    )
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -2760,8 +3384,11 @@ function GlassCard({
   BlinkAvatar,
   BlinkButton,
   BlinkCard,
+  BlinkDialog,
   BlinkInput,
+  BlinkPopover,
   BlinkProvider,
+  BlinkSelect,
   BlinkTabs,
   BlinkText,
   BlinkToastProvider,
@@ -2779,11 +3406,14 @@ function GlassCard({
   ConfirmDialog,
   Container,
   CountdownBanner,
+  DataTable,
+  DatePicker,
   Dialog,
   DialogProvider,
   Divider,
   EmptyState,
   EnsureFlexed,
+  EventCard,
   Fieldset,
   FloatingActionButton,
   Footer,
@@ -2851,6 +3481,7 @@ function GlassCard({
   Spinner,
   Square,
   Stack,
+  StatusBadge,
   StepPageLayout,
   SubHeading,
   SwipeCards,
@@ -2870,6 +3501,7 @@ function GlassCard({
   Tooltip,
   TooltipSimple,
   Unspaced,
+  UserPreferences,
   View,
   VisuallyHidden,
   XGroup,