@beyondcorp/beyond-ui-native 0.1.1 → 0.1.2

package/dist/{chunk-2B6HTSGM.mjs → chunk-RNHEGFYR.mjs}

@@ -154,7 +154,21 @@ var beyondUIPreset = {
         destructive: tokens.colors.destructive,
         success: tokens.colors.success,
         warning: tokens.colors.warning,
-        neutral: tokens.colors.neutral
+        neutral: tokens.colors.neutral,
+        background: tokens.colors.semantic.light.background,
+        foreground: tokens.colors.semantic.light.foreground,
+        card: {
+          DEFAULT: tokens.colors.semantic.light.card,
+          foreground: tokens.colors.semantic.light.cardForeground
+        },
+        cardForeground: tokens.colors.semantic.light.cardForeground,
+        muted: {
+          DEFAULT: tokens.colors.semantic.light.mutedForeground,
+          foreground: tokens.colors.semantic.light.mutedForeground
+        },
+        mutedForeground: tokens.colors.semantic.light.mutedForeground,
+        border: tokens.colors.semantic.light.border,
+        input: tokens.colors.semantic.light.input
       },
       borderRadius: {
         none: "0px",
@@ -175,4 +189,4 @@ export {
   beyondUIPreset,
   preset_default
 };
-//# sourceMappingURL=chunk-2B6HTSGM.mjs.map
+//# sourceMappingURL=chunk-RNHEGFYR.mjs.map

package/dist/chunk-RNHEGFYR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/tokens.ts","../src/theme/preset.ts"],"sourcesContent":["export const tokens = {\n  colors: {\n    primary: {\n      50: \"#eff6ff\",\n      100: \"#dbeafe\",\n      200: \"#bfdbfe\",\n      300: \"#93c5fd\",\n      400: \"#60a5fa\",\n      500: \"#3b82f6\",\n      600: \"#2563eb\",\n      700: \"#1d4ed8\",\n      800: \"#1e40af\",\n      900: \"#1e3a8a\",\n      950: \"#172554\",\n      DEFAULT: \"#2563eb\",\n    },\n    secondary: {\n      50: \"#f8fafc\",\n      100: \"#f1f5f9\",\n      200: \"#e2e8f0\",\n      300: \"#cbd5e1\",\n      400: \"#94a3b8\",\n      500: \"#64748b\",\n      600: \"#475569\",\n      700: \"#334155\",\n      800: \"#1e293b\",\n      900: \"#0f172a\",\n      950: \"#020617\",\n      DEFAULT: \"#475569\",\n    },\n    danger: {\n      50: \"#fef2f2\",\n      100: \"#fee2e2\",\n      200: \"#fecaca\",\n      300: \"#fca5a5\",\n      400: \"#f87171\",\n      500: \"#ef4444\",\n      600: \"#dc2626\",\n      700: \"#b91c1c\",\n      800: \"#991b1b\",\n      900: \"#7f1d1d\",\n      950: \"#450a0a\",\n      DEFAULT: \"#dc2626\",\n    },\n    // Alias for shadcn / React Native convention compatibility\n    destructive: {\n      50: \"#fef2f2\",\n      100: \"#fee2e2\",\n      200: \"#fecaca\",\n      300: \"#fca5a5\",\n      400: \"#f87171\",\n      500: \"#ef4444\",\n      600: \"#dc2626\",\n      700: \"#b91c1c\",\n      800: \"#991b1b\",\n      900: \"#7f1d1d\",\n      950: \"#450a0a\",\n      DEFAULT: \"#dc2626\",\n    },\n    success: {\n      50: \"#f0fdf4\",\n      100: \"#dcfce7\",\n      200: \"#bbf7d0\",\n      300: \"#86efac\",\n      400: \"#4ade80\",\n      500: \"#22c55e\",\n      600: \"#16a34a\",\n      700: \"#15803d\",\n      800: \"#166534\",\n      900: \"#14532d\",\n      950: \"#052e16\",\n      DEFAULT: \"#16a34a\",\n    },\n    warning: {\n      50: \"#fffbeb\",\n      100: \"#fef3c7\",\n      200: \"#fde68a\",\n      300: \"#fcd34d\",\n      400: \"#fbbf24\",\n      500: \"#f59e0b\",\n      600: \"#d97706\",\n      700: \"#b45309\",\n      800: \"#92400e\",\n      900: \"#78350f\",\n      950: \"#451a03\",\n      DEFAULT: \"#d97706\",\n    },\n    neutral: {\n      50: \"#f9fafb\",\n      100: \"#f3f4f6\",\n      200: \"#e5e7eb\",\n      300: \"#d1d5db\",\n      400: \"#9ca3af\",\n      500: \"#6b7280\",\n      600: \"#4b5563\",\n      700: \"#374151\",\n      800: \"#1f2937\",\n      900: \"#111827\",\n      950: \"#030712\",\n    },\n    semantic: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#0f172a\",\n        card: \"#ffffff\",\n        cardForeground: \"#0f172a\",\n        muted: \"#f8fafc\",\n        mutedForeground: \"#64748b\",\n        border: \"#e2e8f0\",\n        input: \"#e2e8f0\",\n      },\n      dark: {\n        background: \"#090d16\",\n        foreground: \"#f8fafc\",\n        card: \"#0f172a\",\n        cardForeground: \"#f8fafc\",\n        muted: \"#1e293b\",\n        mutedForeground: \"#94a3b8\",\n        border: \"#334155\",\n        input: \"#334155\",\n      },\n    },\n  },\n  radius: {\n    none: 0,\n    sm: 6,\n    md: 10,\n    lg: 14,\n    xl: 20,\n    \"2xl\": 28,\n    full: 9999,\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 24,\n    \"2xl\": 32,\n    \"3xl\": 48,\n  },\n} as const;\n\nexport type BeyondUITokens = typeof tokens;\n","import { tokens } from \"./tokens\";\n\nexport { tokens };\n\nexport const beyondUIPreset = {\n  darkMode: \"class\",\n  theme: {\n    extend: {\n      colors: {\n        primary: tokens.colors.primary,\n        secondary: tokens.colors.secondary,\n        danger: tokens.colors.danger,\n        destructive: tokens.colors.destructive,\n        success: tokens.colors.success,\n        warning: tokens.colors.warning,\n        neutral: tokens.colors.neutral,\n        background: tokens.colors.semantic.light.background,\n        foreground: tokens.colors.semantic.light.foreground,\n        card: {\n          DEFAULT: tokens.colors.semantic.light.card,\n          foreground: tokens.colors.semantic.light.cardForeground,\n        },\n        cardForeground: tokens.colors.semantic.light.cardForeground,\n        muted: {\n          DEFAULT: tokens.colors.semantic.light.mutedForeground,\n          foreground: tokens.colors.semantic.light.mutedForeground,\n        },\n        mutedForeground: tokens.colors.semantic.light.mutedForeground,\n        border: tokens.colors.semantic.light.border,\n        input: tokens.colors.semantic.light.input,\n      },\n      borderRadius: {\n        none: \"0px\",\n        sm: `${tokens.radius.sm}px`,\n        md: `${tokens.radius.md}px`,\n        lg: `${tokens.radius.lg}px`,\n        xl: `${tokens.radius.xl}px`,\n        \"2xl\": `${tokens.radius[\"2xl\"]}px`,\n        full: \"9999px\",\n      },\n    },\n  },\n};\n\nexport default beyondUIPreset;\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ViewProps, View, PressableProps as PressableProps$1, TextProps as TextProps$1, Text as Text$1, TextInputProps, TextInput, ImageProps, GestureResponderEvent } from 'react-native';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-export { beyondUIPreset } from './preset.mjs';
+export { B as BeyondUITokens, b as beyondUIPreset, t as tokens } from './preset-BmUHLoAa.mjs';
 export { AccessibilityPropsOptions, cn, getAccessibilityProps, joinA11yLabels } from './utilities.mjs';
 import 'clsx';
 
@@ -694,147 +694,4 @@ interface BeyondUIProviderProps {
 }
 declare function BeyondUIProvider({ children, defaultColorScheme, }: BeyondUIProviderProps): React.JSX.Element;
 
-declare const tokens: {
-    readonly colors: {
-        readonly primary: {
-            readonly 50: "#eff6ff";
-            readonly 100: "#dbeafe";
-            readonly 200: "#bfdbfe";
-            readonly 300: "#93c5fd";
-            readonly 400: "#60a5fa";
-            readonly 500: "#3b82f6";
-            readonly 600: "#2563eb";
-            readonly 700: "#1d4ed8";
-            readonly 800: "#1e40af";
-            readonly 900: "#1e3a8a";
-            readonly 950: "#172554";
-            readonly DEFAULT: "#2563eb";
-        };
-        readonly secondary: {
-            readonly 50: "#f8fafc";
-            readonly 100: "#f1f5f9";
-            readonly 200: "#e2e8f0";
-            readonly 300: "#cbd5e1";
-            readonly 400: "#94a3b8";
-            readonly 500: "#64748b";
-            readonly 600: "#475569";
-            readonly 700: "#334155";
-            readonly 800: "#1e293b";
-            readonly 900: "#0f172a";
-            readonly 950: "#020617";
-            readonly DEFAULT: "#475569";
-        };
-        readonly danger: {
-            readonly 50: "#fef2f2";
-            readonly 100: "#fee2e2";
-            readonly 200: "#fecaca";
-            readonly 300: "#fca5a5";
-            readonly 400: "#f87171";
-            readonly 500: "#ef4444";
-            readonly 600: "#dc2626";
-            readonly 700: "#b91c1c";
-            readonly 800: "#991b1b";
-            readonly 900: "#7f1d1d";
-            readonly 950: "#450a0a";
-            readonly DEFAULT: "#dc2626";
-        };
-        readonly destructive: {
-            readonly 50: "#fef2f2";
-            readonly 100: "#fee2e2";
-            readonly 200: "#fecaca";
-            readonly 300: "#fca5a5";
-            readonly 400: "#f87171";
-            readonly 500: "#ef4444";
-            readonly 600: "#dc2626";
-            readonly 700: "#b91c1c";
-            readonly 800: "#991b1b";
-            readonly 900: "#7f1d1d";
-            readonly 950: "#450a0a";
-            readonly DEFAULT: "#dc2626";
-        };
-        readonly success: {
-            readonly 50: "#f0fdf4";
-            readonly 100: "#dcfce7";
-            readonly 200: "#bbf7d0";
-            readonly 300: "#86efac";
-            readonly 400: "#4ade80";
-            readonly 500: "#22c55e";
-            readonly 600: "#16a34a";
-            readonly 700: "#15803d";
-            readonly 800: "#166534";
-            readonly 900: "#14532d";
-            readonly 950: "#052e16";
-            readonly DEFAULT: "#16a34a";
-        };
-        readonly warning: {
-            readonly 50: "#fffbeb";
-            readonly 100: "#fef3c7";
-            readonly 200: "#fde68a";
-            readonly 300: "#fcd34d";
-            readonly 400: "#fbbf24";
-            readonly 500: "#f59e0b";
-            readonly 600: "#d97706";
-            readonly 700: "#b45309";
-            readonly 800: "#92400e";
-            readonly 900: "#78350f";
-            readonly 950: "#451a03";
-            readonly DEFAULT: "#d97706";
-        };
-        readonly neutral: {
-            readonly 50: "#f9fafb";
-            readonly 100: "#f3f4f6";
-            readonly 200: "#e5e7eb";
-            readonly 300: "#d1d5db";
-            readonly 400: "#9ca3af";
-            readonly 500: "#6b7280";
-            readonly 600: "#4b5563";
-            readonly 700: "#374151";
-            readonly 800: "#1f2937";
-            readonly 900: "#111827";
-            readonly 950: "#030712";
-        };
-        readonly semantic: {
-            readonly light: {
-                readonly background: "#ffffff";
-                readonly foreground: "#0f172a";
-                readonly card: "#ffffff";
-                readonly cardForeground: "#0f172a";
-                readonly muted: "#f8fafc";
-                readonly mutedForeground: "#64748b";
-                readonly border: "#e2e8f0";
-                readonly input: "#e2e8f0";
-            };
-            readonly dark: {
-                readonly background: "#090d16";
-                readonly foreground: "#f8fafc";
-                readonly card: "#0f172a";
-                readonly cardForeground: "#f8fafc";
-                readonly muted: "#1e293b";
-                readonly mutedForeground: "#94a3b8";
-                readonly border: "#334155";
-                readonly input: "#334155";
-            };
-        };
-    };
-    readonly radius: {
-        readonly none: 0;
-        readonly sm: 6;
-        readonly md: 10;
-        readonly lg: 14;
-        readonly xl: 20;
-        readonly "2xl": 28;
-        readonly full: 9999;
-    };
-    readonly spacing: {
-        readonly xs: 4;
-        readonly sm: 8;
-        readonly md: 12;
-        readonly lg: 16;
-        readonly xl: 24;
-        readonly "2xl": 32;
-        readonly "3xl": 48;
-    };
-};
-type BeyondUITokens = typeof tokens;
-
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, BeyondUIContext, type BeyondUIContextValue, BeyondUIProvider, type BeyondUIProviderProps, type BeyondUITokens, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, ButtonText, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, type ColorScheme, type Column, type DashboardActivity, type DashboardMetric, type DashboardQuickAction, DashboardTemplate, type DashboardTemplateProps, DataTable, type DataTableProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogContext, type DialogContextValue, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, ForgotPasswordTemplate, type ForgotPasswordTemplateProps, Heading, type HeadingLevel, type HeadingProps, Input, type InputProps, Pressable, type PressableProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, SettingsTemplate, type SettingsTemplateProps, SignInTemplate, type SignInTemplateProps, SignUpTemplate, type SignUpTemplateProps, Skeleton, type SkeletonProps, Spinner, type SpinnerColor, type SpinnerProps, StatsCard, type StatsCardProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsContext, type TabsContextValue, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, ToastBanner, ToastContainer, ToastContext, type ToastContextValue, type ToastItem, type ToastVariant, type TrendDirection, alertDescriptionVariants, alertTitleVariants, alertVariants, avatarTextVariants, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, cardVariants, headingVariants, inputVariants, textVariants, tokens, useBeyondUI, useDialogContext, useTabsContext, useToast };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, BeyondUIContext, type BeyondUIContextValue, BeyondUIProvider, type BeyondUIProviderProps, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, ButtonText, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, type ColorScheme, type Column, type DashboardActivity, type DashboardMetric, type DashboardQuickAction, DashboardTemplate, type DashboardTemplateProps, DataTable, type DataTableProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogContext, type DialogContextValue, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, ForgotPasswordTemplate, type ForgotPasswordTemplateProps, Heading, type HeadingLevel, type HeadingProps, Input, type InputProps, Pressable, type PressableProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, SettingsTemplate, type SettingsTemplateProps, SignInTemplate, type SignInTemplateProps, SignUpTemplate, type SignUpTemplateProps, Skeleton, type SkeletonProps, Spinner, type SpinnerColor, type SpinnerProps, StatsCard, type StatsCardProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsContext, type TabsContextValue, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, ToastBanner, ToastContainer, ToastContext, type ToastContextValue, type ToastItem, type ToastVariant, type TrendDirection, alertDescriptionVariants, alertTitleVariants, alertVariants, avatarTextVariants, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, cardVariants, headingVariants, inputVariants, textVariants, useBeyondUI, useDialogContext, useTabsContext, useToast };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ViewProps, View, PressableProps as PressableProps$1, TextProps as TextProps$1, Text as Text$1, TextInputProps, TextInput, ImageProps, GestureResponderEvent } from 'react-native';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-export { beyondUIPreset } from './preset.js';
+export { B as BeyondUITokens, b as beyondUIPreset, t as tokens } from './preset-BmUHLoAa.js';
 export { AccessibilityPropsOptions, cn, getAccessibilityProps, joinA11yLabels } from './utilities.js';
 import 'clsx';
 
@@ -694,147 +694,4 @@ interface BeyondUIProviderProps {
 }
 declare function BeyondUIProvider({ children, defaultColorScheme, }: BeyondUIProviderProps): React.JSX.Element;
 
-declare const tokens: {
-    readonly colors: {
-        readonly primary: {
-            readonly 50: "#eff6ff";
-            readonly 100: "#dbeafe";
-            readonly 200: "#bfdbfe";
-            readonly 300: "#93c5fd";
-            readonly 400: "#60a5fa";
-            readonly 500: "#3b82f6";
-            readonly 600: "#2563eb";
-            readonly 700: "#1d4ed8";
-            readonly 800: "#1e40af";
-            readonly 900: "#1e3a8a";
-            readonly 950: "#172554";
-            readonly DEFAULT: "#2563eb";
-        };
-        readonly secondary: {
-            readonly 50: "#f8fafc";
-            readonly 100: "#f1f5f9";
-            readonly 200: "#e2e8f0";
-            readonly 300: "#cbd5e1";
-            readonly 400: "#94a3b8";
-            readonly 500: "#64748b";
-            readonly 600: "#475569";
-            readonly 700: "#334155";
-            readonly 800: "#1e293b";
-            readonly 900: "#0f172a";
-            readonly 950: "#020617";
-            readonly DEFAULT: "#475569";
-        };
-        readonly danger: {
-            readonly 50: "#fef2f2";
-            readonly 100: "#fee2e2";
-            readonly 200: "#fecaca";
-            readonly 300: "#fca5a5";
-            readonly 400: "#f87171";
-            readonly 500: "#ef4444";
-            readonly 600: "#dc2626";
-            readonly 700: "#b91c1c";
-            readonly 800: "#991b1b";
-            readonly 900: "#7f1d1d";
-            readonly 950: "#450a0a";
-            readonly DEFAULT: "#dc2626";
-        };
-        readonly destructive: {
-            readonly 50: "#fef2f2";
-            readonly 100: "#fee2e2";
-            readonly 200: "#fecaca";
-            readonly 300: "#fca5a5";
-            readonly 400: "#f87171";
-            readonly 500: "#ef4444";
-            readonly 600: "#dc2626";
-            readonly 700: "#b91c1c";
-            readonly 800: "#991b1b";
-            readonly 900: "#7f1d1d";
-            readonly 950: "#450a0a";
-            readonly DEFAULT: "#dc2626";
-        };
-        readonly success: {
-            readonly 50: "#f0fdf4";
-            readonly 100: "#dcfce7";
-            readonly 200: "#bbf7d0";
-            readonly 300: "#86efac";
-            readonly 400: "#4ade80";
-            readonly 500: "#22c55e";
-            readonly 600: "#16a34a";
-            readonly 700: "#15803d";
-            readonly 800: "#166534";
-            readonly 900: "#14532d";
-            readonly 950: "#052e16";
-            readonly DEFAULT: "#16a34a";
-        };
-        readonly warning: {
-            readonly 50: "#fffbeb";
-            readonly 100: "#fef3c7";
-            readonly 200: "#fde68a";
-            readonly 300: "#fcd34d";
-            readonly 400: "#fbbf24";
-            readonly 500: "#f59e0b";
-            readonly 600: "#d97706";
-            readonly 700: "#b45309";
-            readonly 800: "#92400e";
-            readonly 900: "#78350f";
-            readonly 950: "#451a03";
-            readonly DEFAULT: "#d97706";
-        };
-        readonly neutral: {
-            readonly 50: "#f9fafb";
-            readonly 100: "#f3f4f6";
-            readonly 200: "#e5e7eb";
-            readonly 300: "#d1d5db";
-            readonly 400: "#9ca3af";
-            readonly 500: "#6b7280";
-            readonly 600: "#4b5563";
-            readonly 700: "#374151";
-            readonly 800: "#1f2937";
-            readonly 900: "#111827";
-            readonly 950: "#030712";
-        };
-        readonly semantic: {
-            readonly light: {
-                readonly background: "#ffffff";
-                readonly foreground: "#0f172a";
-                readonly card: "#ffffff";
-                readonly cardForeground: "#0f172a";
-                readonly muted: "#f8fafc";
-                readonly mutedForeground: "#64748b";
-                readonly border: "#e2e8f0";
-                readonly input: "#e2e8f0";
-            };
-            readonly dark: {
-                readonly background: "#090d16";
-                readonly foreground: "#f8fafc";
-                readonly card: "#0f172a";
-                readonly cardForeground: "#f8fafc";
-                readonly muted: "#1e293b";
-                readonly mutedForeground: "#94a3b8";
-                readonly border: "#334155";
-                readonly input: "#334155";
-            };
-        };
-    };
-    readonly radius: {
-        readonly none: 0;
-        readonly sm: 6;
-        readonly md: 10;
-        readonly lg: 14;
-        readonly xl: 20;
-        readonly "2xl": 28;
-        readonly full: 9999;
-    };
-    readonly spacing: {
-        readonly xs: 4;
-        readonly sm: 8;
-        readonly md: 12;
-        readonly lg: 16;
-        readonly xl: 24;
-        readonly "2xl": 32;
-        readonly "3xl": 48;
-    };
-};
-type BeyondUITokens = typeof tokens;
-
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, BeyondUIContext, type BeyondUIContextValue, BeyondUIProvider, type BeyondUIProviderProps, type BeyondUITokens, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, ButtonText, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, type ColorScheme, type Column, type DashboardActivity, type DashboardMetric, type DashboardQuickAction, DashboardTemplate, type DashboardTemplateProps, DataTable, type DataTableProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogContext, type DialogContextValue, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, ForgotPasswordTemplate, type ForgotPasswordTemplateProps, Heading, type HeadingLevel, type HeadingProps, Input, type InputProps, Pressable, type PressableProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, SettingsTemplate, type SettingsTemplateProps, SignInTemplate, type SignInTemplateProps, SignUpTemplate, type SignUpTemplateProps, Skeleton, type SkeletonProps, Spinner, type SpinnerColor, type SpinnerProps, StatsCard, type StatsCardProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsContext, type TabsContextValue, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, ToastBanner, ToastContainer, ToastContext, type ToastContextValue, type ToastItem, type ToastVariant, type TrendDirection, alertDescriptionVariants, alertTitleVariants, alertVariants, avatarTextVariants, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, cardVariants, headingVariants, inputVariants, textVariants, tokens, useBeyondUI, useDialogContext, useTabsContext, useToast };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, BeyondUIContext, type BeyondUIContextValue, BeyondUIProvider, type BeyondUIProviderProps, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, ButtonText, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, type ColorScheme, type Column, type DashboardActivity, type DashboardMetric, type DashboardQuickAction, DashboardTemplate, type DashboardTemplateProps, DataTable, type DataTableProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogContext, type DialogContextValue, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, ForgotPasswordTemplate, type ForgotPasswordTemplateProps, Heading, type HeadingLevel, type HeadingProps, Input, type InputProps, Pressable, type PressableProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorProps, SettingsTemplate, type SettingsTemplateProps, SignInTemplate, type SignInTemplateProps, SignUpTemplate, type SignUpTemplateProps, Skeleton, type SkeletonProps, Spinner, type SpinnerColor, type SpinnerProps, StatsCard, type StatsCardProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsContext, type TabsContextValue, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Text, type TextProps, Textarea, type TextareaProps, ToastBanner, ToastContainer, ToastContext, type ToastContextValue, type ToastItem, type ToastVariant, type TrendDirection, alertDescriptionVariants, alertTitleVariants, alertVariants, avatarTextVariants, avatarVariants, badgeTextVariants, badgeVariants, buttonTextVariants, buttonVariants, cardVariants, headingVariants, inputVariants, textVariants, useBeyondUI, useDialogContext, useTabsContext, useToast };

package/dist/index.js

@@ -2587,10 +2587,12 @@ var SignInTemplate = ({
     import_react_native26.KeyboardAvoidingView,
     {
       behavior: import_react_native26.Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_react_native26.ScrollView,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
@@ -2745,10 +2747,12 @@ var SignUpTemplate = ({
     import_react_native27.KeyboardAvoidingView,
     {
       behavior: import_react_native27.Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_react_native27.ScrollView,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
@@ -2897,10 +2901,12 @@ var ForgotPasswordTemplate = ({
     import_react_native28.KeyboardAvoidingView,
     {
       behavior: import_react_native28.Platform.OS === "ios" ? "padding" : "height",
+      style: { flex: 1 },
       className: cn("flex-1 bg-background", className),
       children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_react_native28.ScrollView,
         {
+          style: { flex: 1 },
           contentContainerStyle: { flexGrow: 1, justifyContent: "center" },
           className: "px-6 py-8",
           keyboardShouldPersistTaps: "handled",
@@ -2969,10 +2975,11 @@ var DashboardTemplate = ({
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     import_react_native29.ScrollView,
     {
+      ...props,
+      style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-background", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "px-6 pt-6 pb-4 flex-row items-center justify-between border-b border-border/40", children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_native29.View, { className: "flex-row items-center gap-3", children: [
@@ -3097,10 +3104,11 @@ var SettingsTemplate = ({
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_react_native30.ScrollView,
     {
+      ...props,
+      style: [{ flex: 1 }, props.style],
       className: cn("flex-1 bg-background", className),
       contentContainerStyle: { paddingBottom: 40 },
       showsVerticalScrollIndicator: false,
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native30.View, { className: "px-6 pt-6 gap-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { level: 2, className: "text-2xl font-bold text-foreground", children: "Settings & Profile" }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Card, { className: "p-4 flex-row items-center gap-4", children: [
@@ -3281,11 +3289,18 @@ function BeyondUIProvider({
     }),
     [activeScheme, toggleColorScheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { className: activeScheme === "dark" ? "dark flex-1" : "flex-1", children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_portal.PortalHost, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContainer, { toasts, onDismiss: dismissToast })
-  ] }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BeyondUIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContext.Provider, { value: toastContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    import_react_native31.View,
+    {
+      style: { flex: 1 },
+      className: activeScheme === "dark" ? "dark flex-1" : "flex-1",
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_portal.PortalHost, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ToastContainer, { toasts, onDismiss: dismissToast })
+      ]
+    }
+  ) }) });
 }
 
 // src/theme/tokens.ts
@@ -3444,7 +3459,21 @@ var beyondUIPreset = {
         destructive: tokens.colors.destructive,
         success: tokens.colors.success,
         warning: tokens.colors.warning,
-        neutral: tokens.colors.neutral
+        neutral: tokens.colors.neutral,
+        background: tokens.colors.semantic.light.background,
+        foreground: tokens.colors.semantic.light.foreground,
+        card: {
+          DEFAULT: tokens.colors.semantic.light.card,
+          foreground: tokens.colors.semantic.light.cardForeground
+        },
+        cardForeground: tokens.colors.semantic.light.cardForeground,
+        muted: {
+          DEFAULT: tokens.colors.semantic.light.mutedForeground,
+          foreground: tokens.colors.semantic.light.mutedForeground
+        },
+        mutedForeground: tokens.colors.semantic.light.mutedForeground,
+        border: tokens.colors.semantic.light.border,
+        input: tokens.colors.semantic.light.input
       },
       borderRadius: {
         none: "0px",