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

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as tamagui from 'tamagui';
 import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
-export { Accordion, Adapt, AlertDialog, Anchor, Avatar, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+export { Accordion, Adapt, AlertDialog, Anchor, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, createTamagui, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+export { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _tamagui_core from '@tamagui/core';
@@ -290,14 +291,20 @@ declare function BlinkToggleGroup({ options, value, onValueChange, size }: Blink
 type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
 type BlinkToastData = {
     id: string;
-    message: string;
+    title: string;
+    message?: string;
+    variant?: BlinkToastVariant;
+    duration?: number;
+};
+type BlinkToastOptions = {
+    message?: string;
     variant?: BlinkToastVariant;
     duration?: number;
 };
 type BlinkToastContextType = {
-    show: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
+    show: (title: string, options?: BlinkToastOptions) => void;
 };
-declare const toast: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
+declare const toast: (title: string, options?: BlinkToastOptions | BlinkToastVariant) => void;
 declare function BlinkToastProvider({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
@@ -384,9 +391,10 @@ type ContainerProps = {
     children: ReactNode;
     maxWidth?: number;
     centered?: boolean;
+    padding?: string;
 };
 declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
-declare function Container({ children, maxWidth, centered }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react_jsx_runtime.JSX.Element;
 
 type PlanOption = {
     id: string;
@@ -638,4 +646,4 @@ type PullToRefreshProps = {
 };
 declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
 
-export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Container, type ContainerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
+export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Container, type ContainerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as tamagui from 'tamagui';
 import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
-export { Accordion, Adapt, AlertDialog, Anchor, Avatar, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+export { Accordion, Adapt, AlertDialog, Anchor, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, createTamagui, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+export { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as _tamagui_core from '@tamagui/core';
@@ -290,14 +291,20 @@ declare function BlinkToggleGroup({ options, value, onValueChange, size }: Blink
 type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
 type BlinkToastData = {
     id: string;
-    message: string;
+    title: string;
+    message?: string;
+    variant?: BlinkToastVariant;
+    duration?: number;
+};
+type BlinkToastOptions = {
+    message?: string;
     variant?: BlinkToastVariant;
     duration?: number;
 };
 type BlinkToastContextType = {
-    show: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
+    show: (title: string, options?: BlinkToastOptions) => void;
 };
-declare const toast: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
+declare const toast: (title: string, options?: BlinkToastOptions | BlinkToastVariant) => void;
 declare function BlinkToastProvider({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
@@ -384,9 +391,10 @@ type ContainerProps = {
     children: ReactNode;
     maxWidth?: number;
     centered?: boolean;
+    padding?: string;
 };
 declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
-declare function Container({ children, maxWidth, centered }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react_jsx_runtime.JSX.Element;
 
 type PlanOption = {
     id: string;
@@ -638,4 +646,4 @@ type PullToRefreshProps = {
 };
 declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
 
-export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Container, type ContainerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
+export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Container, type ContainerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(index_exports, {
   BlinkButton: () => Button,
   BlinkCard: () => Card,
   BlinkInput: () => Input,
+  BlinkProvider: () => import_tamagui49.TamaguiProvider,
   BlinkTabs: () => BlinkTabs,
   BlinkText: () => BlinkText,
   BlinkToastProvider: () => BlinkToastProvider,
@@ -123,9 +124,11 @@ __export(index_exports, {
   YStack: () => import_tamagui49.YStack,
   ZStack: () => import_tamagui49.ZStack,
   blinkConfig: () => blinkConfig,
+  createTamagui: () => import_tamagui49.createTamagui,
   dialogConfirm: () => dialogConfirm,
   showError: () => showError,
   styled: () => import_tamagui49.styled,
+  tamaguiDefaultConfig: () => import_v52.defaultConfig,
   toast: () => toast,
   useBlinkToast: () => useBlinkToast,
   useMedia: () => import_tamagui49.useMedia,
@@ -143,6 +146,7 @@ var blinkConfig = (0, import_tamagui.createTamagui)({
 });
 
 // src/index.ts
+var import_v52 = require("@tamagui/config/v5");
 var import_tamagui49 = require("tamagui");
 
 // src/primitives/Button.tsx
@@ -783,23 +787,31 @@ var import_react5 = require("react");
 var import_tamagui17 = require("tamagui");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ToastContext = (0, import_react5.createContext)(null);
-var variantColors = {
-  default: "$color9",
-  success: "$green9",
-  error: "$red9",
-  warning: "$yellow9"
+var variantStyles = {
+  default: { bg: "$color3", border: "$color6", icon: "\u2139" },
+  success: { bg: "$green2", border: "$green7", icon: "\u2713" },
+  error: { bg: "$red2", border: "$red7", icon: "\u2715" },
+  warning: { bg: "$yellow2", border: "$yellow7", icon: "!" }
 };
 var globalToastShow = null;
-var toast = (message, variant, duration) => {
-  if (globalToastShow) globalToastShow(message, variant, duration);
+var toast = (title, options) => {
+  const opts = typeof options === "string" ? { variant: options } : options;
+  if (globalToastShow) globalToastShow(title, opts);
   else console.warn("BlinkToastProvider not mounted");
 };
 function BlinkToastProvider({ children }) {
   const [toasts, setToasts] = (0, import_react5.useState)([]);
-  const show = (0, import_react5.useCallback)((message, variant = "default", duration = 3e3) => {
+  const show = (0, import_react5.useCallback)((title, options) => {
     const id = Math.random().toString(36).slice(2, 9);
-    setToasts((prev) => [...prev, { id, message, variant, duration }]);
-    setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), duration);
+    const entry = {
+      id,
+      title,
+      message: options?.message,
+      variant: options?.variant ?? "default",
+      duration: options?.duration ?? 3e3
+    };
+    setToasts((prev) => [...prev, entry]);
+    setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), entry.duration);
   }, []);
   (0, import_react5.useEffect)(() => {
     globalToastShow = show;
@@ -807,24 +819,72 @@ function BlinkToastProvider({ children }) {
       globalToastShow = null;
     };
   }, [show]);
+  const dismiss = (0, import_react5.useCallback)((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ToastContext.Provider, { value: { show }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.YStack, { position: "absolute", top: 60, left: 0, right: 0, alignItems: "center", gap: "$2", pointerEvents: "none", zIndex: 1e5, children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       import_tamagui17.YStack,
       {
-        backgroundColor: variantColors[t.variant ?? "default"],
+        position: "absolute",
+        top: 50,
+        left: 0,
+        right: 0,
+        alignItems: "center",
+        gap: "$2",
+        pointerEvents: "box-none",
+        zIndex: 1e5,
         paddingHorizontal: "$4",
-        paddingVertical: "$2.5",
-        borderRadius: "$4",
-        enterStyle: { opacity: 0, y: -10 },
-        exitStyle: { opacity: 0, y: -10 },
-        opacity: 1,
-        y: 0,
-        animation: "quick",
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$3", color: "white", fontWeight: "600", children: t.message })
-      },
-      t.id
-    )) })
+        children: toasts.map((t) => {
+          const style = variantStyles[t.variant ?? "default"];
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            import_tamagui17.XStack,
+            {
+              width: "100%",
+              maxWidth: 400,
+              backgroundColor: style.bg,
+              borderWidth: 1,
+              borderColor: style.border,
+              borderRadius: "$4",
+              paddingHorizontal: "$4",
+              paddingVertical: "$3",
+              gap: "$3",
+              alignItems: "flex-start",
+              enterStyle: { opacity: 0, y: -20, scale: 0.95 },
+              exitStyle: { opacity: 0, y: -20, scale: 0.95 },
+              opacity: 1,
+              y: 0,
+              scale: 1,
+              animation: "quick",
+              pointerEvents: "auto",
+              elevation: 4,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$4", fontWeight: "700", marginTop: "$0.5", children: style.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_tamagui17.YStack, { flex: 1, gap: "$1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$4", fontWeight: "600", color: "$color12", children: t.title }),
+                  t.message && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_tamagui17.SizableText, { size: "$3", color: "$color10", children: t.message })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  import_tamagui17.SizableText,
+                  {
+                    size: "$3",
+                    color: "$color8",
+                    fontWeight: "600",
+                    pressStyle: { opacity: 0.5 },
+                    onPress: () => dismiss(t.id),
+                    cursor: "pointer",
+                    marginTop: "$0.5",
+                    children: "\u2715"
+                  }
+                )
+              ]
+            },
+            t.id
+          );
+        })
+      }
+    )
   ] });
 }
 function useBlinkToast() {
@@ -990,14 +1050,22 @@ function SafeArea({ children, edges = ["top", "bottom"] }) {
 }
 
 // src/layouts/Grid.tsx
+var import_react6 = require("react");
 var import_tamagui27 = require("tamagui");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function Grid({ children, columns = 2, gap = "$3" }) {
-  const childWidth = `${100 / columns}%`;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.XStack, { flexWrap: "wrap", gap, children: Array.isArray(children) ? children.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: childWidth, flexBasis: childWidth, children: child }, i)) : children });
+  const items = import_react6.Children.toArray(children);
+  const rows = [];
+  for (let i = 0; i < items.length; i += columns) {
+    rows.push(items.slice(i, i + columns));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { gap, children: rows.map((row, ri) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_tamagui27.XStack, { gap, children: [
+    row.map((item, ci) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { flex: 1, children: item }, ci)),
+    row.length < columns && Array.from({ length: columns - row.length }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { flex: 1 }, `pad-${i}`))
+  ] }, ri)) });
 }
-function Container({ children, maxWidth = 500, centered = true }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: "100%", maxWidth, alignSelf: centered ? "center" : void 0, children });
+function Container({ children, maxWidth = 500, centered = true, padding = "$4" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_tamagui27.YStack, { width: "100%", maxWidth, alignSelf: centered ? "center" : void 0, padding, children });
 }
 
 // src/patterns/PaywallScreen.tsx
@@ -1071,7 +1139,7 @@ function PaywallScreen({
 }
 
 // src/patterns/OnboardingCarousel.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_tamagui29 = require("tamagui");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function OnboardingCarousel({
@@ -1082,7 +1150,7 @@ function OnboardingCarousel({
   skipLabel = "Skip",
   nextLabel = "Next"
 }) {
-  const [current, setCurrent] = (0, import_react6.useState)(0);
+  const [current, setCurrent] = (0, import_react7.useState)(0);
   const isLast = current === steps.length - 1;
   const step = steps[current];
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_tamagui29.YStack, { flex: 1, backgroundColor: "$background", padding: "$4", justifyContent: "space-between", children: [
@@ -1312,12 +1380,12 @@ function BottomSheet({ open, onOpenChange, title, children, snapPoints = [85], d
 }
 
 // src/patterns/LoginScreen.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_tamagui36 = require("tamagui");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function LoginScreen({ title = "Welcome", subtitle = "Sign in to continue", logo, providers = [], onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }) {
-  const [email, setEmail] = (0, import_react7.useState)("");
-  const [password, setPassword] = (0, import_react7.useState)("");
+  const [email, setEmail] = (0, import_react8.useState)("");
+  const [password, setPassword] = (0, import_react8.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { flex: 1, padding: "$4", gap: "$5", backgroundColor: "$background", justifyContent: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_tamagui36.YStack, { alignItems: "center", gap: "$2", children: [
       logo && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tamagui36.YStack, { paddingBottom: "$3", children: logo }),
@@ -1529,14 +1597,14 @@ function Skeleton({ width, height, borderRadius, variant = "rectangular" }) {
 // src/patterns/NotificationBanner.tsx
 var import_tamagui42 = require("tamagui");
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var variantColors2 = {
+var variantColors = {
   info: { bg: "$blue3", text: "$blue11" },
   success: { bg: "$green3", text: "$green11" },
   warning: { bg: "$yellow3", text: "$yellow11" },
   error: { bg: "$red3", text: "$red11" }
 };
 function NotificationBanner({ title, message, variant = "info", onPress, onDismiss, icon }) {
-  const colors = variantColors2[variant];
+  const colors = variantColors[variant];
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     import_tamagui42.XStack,
     {
@@ -1580,11 +1648,11 @@ function ProgressSteps({ steps, currentStep, variant = "dots" }) {
 }
 
 // src/patterns/SwipeableRow.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_tamagui44 = require("tamagui");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function SwipeableRow({ children, leftActions, rightActions }) {
-  const [showActions, setShowActions] = (0, import_react8.useState)(false);
+  const [showActions, setShowActions] = (0, import_react9.useState)(false);
   const actions = [...leftActions ?? [], ...rightActions ?? []];
   if (actions.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_tamagui44.YStack, { children: [
@@ -1659,13 +1727,13 @@ function MediaCard({ image, title, subtitle, overlay = "gradient", aspectRatio =
 }
 
 // src/patterns/Carousel.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_tamagui46 = require("tamagui");
 var import_react_native3 = require("react-native");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function Carousel({ children, gap = "$3", snapToInterval, showIndicators = false }) {
-  const [activeIndex, setActiveIndex] = (0, import_react9.useState)(0);
-  const count = import_react9.Children.count(children);
+  const [activeIndex, setActiveIndex] = (0, import_react10.useState)(0);
+  const count = import_react10.Children.count(children);
   const gapPx = gap === "$2" ? 8 : gap === "$3" ? 12 : 16;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_tamagui46.YStack, { gap: "$3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
@@ -1715,6 +1783,7 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   BlinkButton,
   BlinkCard,
   BlinkInput,
+  BlinkProvider,
   BlinkTabs,
   BlinkText,
   BlinkToastProvider,
@@ -1805,9 +1874,11 @@ function PullToRefresh({ children, onRefresh, refreshing = false }) {
   YStack,
   ZStack,
   blinkConfig,
+  createTamagui,
   dialogConfirm,
   showError,
   styled,
+  tamaguiDefaultConfig,
   toast,
   useBlinkToast,
   useMedia,