@beyondcorp/beyond-ui-native 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/{chunk-2B6HTSGM.mjs → chunk-RNHEGFYR.mjs} +16 -2
  2. package/dist/chunk-RNHEGFYR.mjs.map +1 -0
  3. package/dist/index.d.mts +83 -230
  4. package/dist/index.d.ts +83 -230
  5. package/dist/index.js +525 -323
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +474 -273
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/preset-BmUHLoAa.d.mts +274 -0
  10. package/dist/preset-BmUHLoAa.d.ts +274 -0
  11. package/dist/preset.d.mts +1 -117
  12. package/dist/preset.d.ts +1 -117
  13. package/dist/preset.js +19 -3
  14. package/dist/preset.js.map +1 -1
  15. package/dist/preset.mjs +5 -3
  16. package/package.json +1 -1
  17. package/dist/chunk-2B6HTSGM.mjs.map +0 -1
package/dist/{chunk-2B6HTSGM.mjs → chunk-RNHEGFYR.mjs} RENAMED
@@ -154,7 +154,21 @@ var beyondUIPreset = {
154
154
  destructive: tokens.colors.destructive,
155
155
  success: tokens.colors.success,
156
156
  warning: tokens.colors.warning,
157
- neutral: tokens.colors.neutral
157
+ neutral: tokens.colors.neutral,
158
+ background: tokens.colors.semantic.light.background,
159
+ foreground: tokens.colors.semantic.light.foreground,
160
+ card: {
161
+ DEFAULT: tokens.colors.semantic.light.card,
162
+ foreground: tokens.colors.semantic.light.cardForeground
163
+ },
164
+ cardForeground: tokens.colors.semantic.light.cardForeground,
165
+ muted: {
166
+ DEFAULT: tokens.colors.semantic.light.mutedForeground,
167
+ foreground: tokens.colors.semantic.light.mutedForeground
168
+ },
169
+ mutedForeground: tokens.colors.semantic.light.mutedForeground,
170
+ border: tokens.colors.semantic.light.border,
171
+ input: tokens.colors.semantic.light.input
158
172
  },
159
173
  borderRadius: {
160
174
  none: "0px",
@@ -175,4 +189,4 @@ export {
175
189
  beyondUIPreset,
176
190
  preset_default
177
191
  };
178
- //# sourceMappingURL=chunk-2B6HTSGM.mjs.map
192
+ //# sourceMappingURL=chunk-RNHEGFYR.mjs.map
package/dist/chunk-RNHEGFYR.mjs.map ADDED
@@ -0,0 +1 @@
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":";AAAO,IAAM,SAAS;AAAA,EACpB,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACT,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACN,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,aAAa;AAAA,MACX,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;;;ACzIO,IAAM,iBAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,SAAS,OAAO,OAAO;AAAA,QACvB,WAAW,OAAO,OAAO;AAAA,QACzB,QAAQ,OAAO,OAAO;AAAA,QACtB,aAAa,OAAO,OAAO;AAAA,QAC3B,SAAS,OAAO,OAAO;AAAA,QACvB,SAAS,OAAO,OAAO;AAAA,QACvB,SAAS,OAAO,OAAO;AAAA,QACvB,YAAY,OAAO,OAAO,SAAS,MAAM;AAAA,QACzC,YAAY,OAAO,OAAO,SAAS,MAAM;AAAA,QACzC,MAAM;AAAA,UACJ,SAAS,OAAO,OAAO,SAAS,MAAM;AAAA,UACtC,YAAY,OAAO,OAAO,SAAS,MAAM;AAAA,QAC3C;AAAA,QACA,gBAAgB,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7C,OAAO;AAAA,UACL,SAAS,OAAO,OAAO,SAAS,MAAM;AAAA,UACtC,YAAY,OAAO,OAAO,SAAS,MAAM;AAAA,QAC3C;AAAA,QACA,iBAAiB,OAAO,OAAO,SAAS,MAAM;AAAA,QAC9C,QAAQ,OAAO,OAAO,SAAS,MAAM;AAAA,QACrC,OAAO,OAAO,OAAO,SAAS,MAAM;AAAA,MACtC;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,IAAI,GAAG,OAAO,OAAO,EAAE;AAAA,QACvB,IAAI,GAAG,OAAO,OAAO,EAAE;AAAA,QACvB,IAAI,GAAG,OAAO,OAAO,EAAE;AAAA,QACvB,IAAI,GAAG,OAAO,OAAO,EAAE;AAAA,QACvB,OAAO,GAAG,OAAO,OAAO,KAAK,CAAC;AAAA,QAC9B,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;","names":[]}
package/dist/index.d.mts CHANGED
@@ -1,14 +1,8 @@
1
1
  import * as React from 'react';
2
- import * as react_native from 'react-native';
3
- import { ViewProps, View, PressableProps as PressableProps$1, TextProps as TextProps$1, Text as Text$1, TextInputProps, TextInput, ImageProps } from 'react-native';
2
+ import { ViewProps, View, PressableProps as PressableProps$1, TextProps as TextProps$1, Text as Text$1, TextInputProps, TextInput, ImageProps, GestureResponderEvent } from 'react-native';
4
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
4
  import { VariantProps } from 'class-variance-authority';
6
- import * as SwitchPrimitive from '@rn-primitives/switch';
7
- import * as CheckboxPrimitive from '@rn-primitives/checkbox';
8
- import * as _rn_primitives_types from '@rn-primitives/types';
9
- import * as DialogPrimitive from '@rn-primitives/dialog';
10
- import * as TabsPrimitive from '@rn-primitives/tabs';
11
- export { beyondUIPreset } from './preset.mjs';
5
+ export { B as BeyondUITokens, b as beyondUIPreset, t as tokens } from './preset-BmUHLoAa.mjs';
12
6
  export { AccessibilityPropsOptions, cn, getAccessibilityProps, joinA11yLabels } from './utilities.mjs';
13
7
  import 'clsx';
14
8
 
@@ -179,18 +173,27 @@ declare namespace AvatarFallback {
179
173
  var displayName: string;
180
174
  }
181
175
 
182
- interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, "onCheckedChange"> {
176
+ interface SwitchProps extends Omit<PressableProps$1, "onPress"> {
177
+ checked?: boolean;
178
+ defaultChecked?: boolean;
179
+ onCheckedChange?: (checked: boolean) => void;
180
+ disabled?: boolean;
183
181
  className?: string;
184
182
  thumbClassName?: string;
185
- onCheckedChange?: (checked: boolean) => void;
183
+ onPress?: (event: GestureResponderEvent) => void;
186
184
  }
187
- declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<react_native.View>>;
185
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<View>>;
188
186
 
189
- interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
187
+ interface CheckboxProps extends Omit<PressableProps$1, "onPress"> {
188
+ checked?: boolean;
189
+ defaultChecked?: boolean;
190
+ onCheckedChange?: (checked: boolean) => void;
191
+ disabled?: boolean;
190
192
  className?: string;
191
193
  indicatorClassName?: string;
192
194
  label?: string;
193
195
  labelClassName?: string;
196
+ onPress?: (e: GestureResponderEvent) => void;
194
197
  }
195
198
  declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<View>>;
196
199
 
@@ -270,110 +273,103 @@ declare namespace Separator {
270
273
  var displayName: string;
271
274
  }
272
275
 
273
- declare const Dialog: {
274
- ({ asChild, open: openProp, defaultOpen, onOpenChange: onOpenChangeProp, ref, ...viewProps }: react_native.ViewProps & {
275
- asChild?: boolean;
276
- } & {
277
- open?: boolean;
278
- defaultOpen?: boolean;
279
- onOpenChange?: (value: boolean) => void;
280
- } & React.RefAttributes<View>): React.JSX.Element;
281
- displayName: string;
282
- };
283
- declare const DialogTrigger: {
284
- ({ asChild, onPress: onPressProp, disabled, ref, ...props }: Omit<react_native.PressableProps & React.RefAttributes<View>, "ref"> & {
285
- asChild?: boolean;
286
- } & {
287
- onKeyDown?: (ev: React.KeyboardEvent) => void;
288
- onKeyUp?: (ev: React.KeyboardEvent) => void;
289
- } & React.RefAttributes<View>): React.JSX.Element;
290
- displayName: string;
291
- };
292
- declare const DialogPortal: typeof DialogPrimitive.Portal;
293
- declare const DialogClose: {
294
- ({ asChild, onPress: onPressProp, disabled, ref, ...props }: Omit<react_native.PressableProps & React.RefAttributes<View>, "ref"> & {
295
- asChild?: boolean;
296
- } & {
297
- onKeyDown?: (ev: React.KeyboardEvent) => void;
298
- onKeyUp?: (ev: React.KeyboardEvent) => void;
299
- } & React.RefAttributes<View>): React.JSX.Element;
300
- displayName: string;
301
- };
302
- declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<_rn_primitives_types.ForceMountable & Omit<react_native.PressableProps & React.RefAttributes<View>, "ref"> & {
276
+ interface DialogContextValue {
277
+ open: boolean;
278
+ onOpenChange: (open: boolean) => void;
279
+ }
280
+ declare const DialogContext: React.Context<DialogContextValue | null>;
281
+ declare function useDialogContext(): DialogContextValue;
282
+ interface DialogProps {
283
+ open?: boolean;
284
+ defaultOpen?: boolean;
285
+ onOpenChange?: (open: boolean) => void;
286
+ children: React.ReactNode;
287
+ }
288
+ declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DialogProps): React.JSX.Element;
289
+ declare namespace Dialog {
290
+ var displayName: string;
291
+ }
292
+ interface DialogTriggerProps extends PressableProps$1 {
303
293
  asChild?: boolean;
304
- } & {
305
- onKeyDown?: (ev: React.KeyboardEvent) => void;
306
- onKeyUp?: (ev: React.KeyboardEvent) => void;
307
- } & {
308
- closeOnPress?: boolean;
309
- } & React.RefAttributes<View>, "ref"> & {
310
294
  className?: string;
311
- } & React.RefAttributes<View>>;
312
- declare const DialogContent: React.ForwardRefExoticComponent<Omit<_rn_primitives_types.ForceMountable & react_native.ViewProps & {
313
- asChild?: boolean;
314
- } & {
315
- onOpenAutoFocus?: (ev: Event) => void;
316
- onCloseAutoFocus?: (ev: Event) => void;
317
- onEscapeKeyDown?: (ev: Event) => void;
318
- onInteractOutside?: (ev: Event) => void;
319
- onPointerDownOutside?: (ev: Event) => void;
320
- } & React.RefAttributes<View>, "ref"> & {
295
+ children: React.ReactNode;
296
+ }
297
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<View>>;
298
+ interface DialogPortalProps {
299
+ children: React.ReactNode;
300
+ forceMount?: boolean;
301
+ }
302
+ declare function DialogPortal({ children, forceMount }: DialogPortalProps): React.JSX.Element | null;
303
+ declare namespace DialogPortal {
304
+ var displayName: string;
305
+ }
306
+ interface DialogOverlayProps extends ViewProps {
321
307
  className?: string;
322
- } & React.RefAttributes<View>>;
323
- declare function DialogHeader({ className, ...props }: React.ComponentPropsWithoutRef<typeof View> & {
308
+ closeOnPress?: boolean;
309
+ }
310
+ declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<View>>;
311
+ interface DialogContentProps extends ViewProps {
312
+ className?: string;
313
+ overlayClassName?: string;
314
+ children: React.ReactNode;
315
+ }
316
+ declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<View>>;
317
+ declare function DialogHeader({ className, ...props }: ViewProps & {
324
318
  className?: string;
325
319
  }): React.JSX.Element;
326
320
  declare namespace DialogHeader {
327
321
  var displayName: string;
328
322
  }
329
- declare const DialogTitle: React.ForwardRefExoticComponent<Omit<react_native.TextProps & {
330
- asChild?: boolean;
331
- } & React.RefAttributes<Text$1>, "ref"> & {
323
+ declare const DialogTitle: React.ForwardRefExoticComponent<TextProps$1 & {
332
324
  className?: string;
333
325
  } & React.RefAttributes<Text$1>>;
334
- declare const DialogDescription: React.ForwardRefExoticComponent<Omit<react_native.TextProps & {
335
- asChild?: boolean;
336
- } & React.RefAttributes<Text$1>, "ref"> & {
326
+ declare const DialogDescription: React.ForwardRefExoticComponent<TextProps$1 & {
337
327
  className?: string;
338
328
  } & React.RefAttributes<Text$1>>;
339
- declare function DialogFooter({ className, ...props }: React.ComponentPropsWithoutRef<typeof View> & {
329
+ declare function DialogFooter({ className, ...props }: ViewProps & {
340
330
  className?: string;
341
331
  }): React.JSX.Element;
342
332
  declare namespace DialogFooter {
343
333
  var displayName: string;
344
334
  }
335
+ interface DialogCloseProps extends PressableProps$1 {
336
+ asChild?: boolean;
337
+ className?: string;
338
+ children: React.ReactNode;
339
+ }
340
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<View>>;
345
341
 
346
- interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "value" | "onValueChange"> {
342
+ interface TabsContextValue {
343
+ value: string;
344
+ onValueChange: (value: string) => void;
345
+ }
346
+ declare const TabsContext: React.Context<TabsContextValue | null>;
347
+ declare function useTabsContext(): TabsContextValue;
348
+ interface TabsProps extends ViewProps {
347
349
  value?: string;
348
350
  defaultValue?: string;
349
351
  onValueChange?: (value: string) => void;
350
352
  className?: string;
351
353
  }
352
- declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<react_native.View>>;
353
- declare const TabsList: React.ForwardRefExoticComponent<Omit<react_native.ViewProps & {
354
- asChild?: boolean;
355
- } & React.RefAttributes<react_native.View>, "ref"> & {
354
+ declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<View>>;
355
+ interface TabsListProps extends ViewProps {
356
356
  className?: string;
357
- } & React.RefAttributes<react_native.View>>;
358
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<react_native.PressableProps & React.RefAttributes<react_native.View>, "ref"> & {
359
- asChild?: boolean;
360
- } & {
361
- onKeyDown?: (ev: React.KeyboardEvent) => void;
362
- onKeyUp?: (ev: React.KeyboardEvent) => void;
363
- } & {
357
+ }
358
+ declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<View>>;
359
+ interface TabsTriggerProps extends Omit<PressableProps$1, "onPress"> {
364
360
  value: string;
365
- } & React.RefAttributes<react_native.View>, "ref"> & {
366
361
  className?: string;
367
362
  textClassName?: string;
368
363
  children?: React.ReactNode;
369
- } & React.RefAttributes<react_native.View>>;
370
- declare const TabsContent: React.ForwardRefExoticComponent<Omit<react_native.ViewProps & {
371
- asChild?: boolean;
372
- } & _rn_primitives_types.ForceMountable & {
364
+ onPress?: (e: GestureResponderEvent) => void;
365
+ }
366
+ declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<View>>;
367
+ interface TabsContentProps extends ViewProps {
373
368
  value: string;
374
- } & React.RefAttributes<react_native.View>, "ref"> & {
375
369
  className?: string;
376
- } & React.RefAttributes<react_native.View>>;
370
+ forceMount?: boolean;
371
+ }
372
+ declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<View>>;
377
373
 
378
374
  type ToastVariant = "default" | "success" | "danger" | "warning" | "info";
379
375
  interface ToastItem {
@@ -698,147 +694,4 @@ interface BeyondUIProviderProps {
698
694
  }
699
695
  declare function BeyondUIProvider({ children, defaultColorScheme, }: BeyondUIProviderProps): React.JSX.Element;
700
696
 
701
- declare const tokens: {
702
- readonly colors: {
703
- readonly primary: {
704
- readonly 50: "#eff6ff";
705
- readonly 100: "#dbeafe";
706
- readonly 200: "#bfdbfe";
707
- readonly 300: "#93c5fd";
708
- readonly 400: "#60a5fa";
709
- readonly 500: "#3b82f6";
710
- readonly 600: "#2563eb";
711
- readonly 700: "#1d4ed8";
712
- readonly 800: "#1e40af";
713
- readonly 900: "#1e3a8a";
714
- readonly 950: "#172554";
715
- readonly DEFAULT: "#2563eb";
716
- };
717
- readonly secondary: {
718
- readonly 50: "#f8fafc";
719
- readonly 100: "#f1f5f9";
720
- readonly 200: "#e2e8f0";
721
- readonly 300: "#cbd5e1";
722
- readonly 400: "#94a3b8";
723
- readonly 500: "#64748b";
724
- readonly 600: "#475569";
725
- readonly 700: "#334155";
726
- readonly 800: "#1e293b";
727
- readonly 900: "#0f172a";
728
- readonly 950: "#020617";
729
- readonly DEFAULT: "#475569";
730
- };
731
- readonly danger: {
732
- readonly 50: "#fef2f2";
733
- readonly 100: "#fee2e2";
734
- readonly 200: "#fecaca";
735
- readonly 300: "#fca5a5";
736
- readonly 400: "#f87171";
737
- readonly 500: "#ef4444";
738
- readonly 600: "#dc2626";
739
- readonly 700: "#b91c1c";
740
- readonly 800: "#991b1b";
741
- readonly 900: "#7f1d1d";
742
- readonly 950: "#450a0a";
743
- readonly DEFAULT: "#dc2626";
744
- };
745
- readonly destructive: {
746
- readonly 50: "#fef2f2";
747
- readonly 100: "#fee2e2";
748
- readonly 200: "#fecaca";
749
- readonly 300: "#fca5a5";
750
- readonly 400: "#f87171";
751
- readonly 500: "#ef4444";
752
- readonly 600: "#dc2626";
753
- readonly 700: "#b91c1c";
754
- readonly 800: "#991b1b";
755
- readonly 900: "#7f1d1d";
756
- readonly 950: "#450a0a";
757
- readonly DEFAULT: "#dc2626";
758
- };
759
- readonly success: {
760
- readonly 50: "#f0fdf4";
761
- readonly 100: "#dcfce7";
762
- readonly 200: "#bbf7d0";
763
- readonly 300: "#86efac";
764
- readonly 400: "#4ade80";
765
- readonly 500: "#22c55e";
766
- readonly 600: "#16a34a";
767
- readonly 700: "#15803d";
768
- readonly 800: "#166534";
769
- readonly 900: "#14532d";
770
- readonly 950: "#052e16";
771
- readonly DEFAULT: "#16a34a";
772
- };
773
- readonly warning: {
774
- readonly 50: "#fffbeb";
775
- readonly 100: "#fef3c7";
776
- readonly 200: "#fde68a";
777
- readonly 300: "#fcd34d";
778
- readonly 400: "#fbbf24";
779
- readonly 500: "#f59e0b";
780
- readonly 600: "#d97706";
781
- readonly 700: "#b45309";
782
- readonly 800: "#92400e";
783
- readonly 900: "#78350f";
784
- readonly 950: "#451a03";
785
- readonly DEFAULT: "#d97706";
786
- };
787
- readonly neutral: {
788
- readonly 50: "#f9fafb";
789
- readonly 100: "#f3f4f6";
790
- readonly 200: "#e5e7eb";
791
- readonly 300: "#d1d5db";
792
- readonly 400: "#9ca3af";
793
- readonly 500: "#6b7280";
794
- readonly 600: "#4b5563";
795
- readonly 700: "#374151";
796
- readonly 800: "#1f2937";
797
- readonly 900: "#111827";
798
- readonly 950: "#030712";
799
- };
800
- readonly semantic: {
801
- readonly light: {
802
- readonly background: "#ffffff";
803
- readonly foreground: "#0f172a";
804
- readonly card: "#ffffff";
805
- readonly cardForeground: "#0f172a";
806
- readonly muted: "#f8fafc";
807
- readonly mutedForeground: "#64748b";
808
- readonly border: "#e2e8f0";
809
- readonly input: "#e2e8f0";
810
- };
811
- readonly dark: {
812
- readonly background: "#090d16";
813
- readonly foreground: "#f8fafc";
814
- readonly card: "#0f172a";
815
- readonly cardForeground: "#f8fafc";
816
- readonly muted: "#1e293b";
817
- readonly mutedForeground: "#94a3b8";
818
- readonly border: "#334155";
819
- readonly input: "#334155";
820
- };
821
- };
822
- };
823
- readonly radius: {
824
- readonly none: 0;
825
- readonly sm: 6;
826
- readonly md: 10;
827
- readonly lg: 14;
828
- readonly xl: 20;
829
- readonly "2xl": 28;
830
- readonly full: 9999;
831
- };
832
- readonly spacing: {
833
- readonly xs: 4;
834
- readonly sm: 8;
835
- readonly md: 12;
836
- readonly lg: 16;
837
- readonly xl: 24;
838
- readonly "2xl": 32;
839
- readonly "3xl": 48;
840
- };
841
- };
842
- type BeyondUITokens = typeof tokens;
843
-
844
- 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, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, TabsList, type TabsProps, TabsTrigger, 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, useToast };
697
+ 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 };