radix-native-ui 0.1.0 → 0.1.1

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import React$1, { ReactElement, ReactNode } from "react";
-import * as react_native1 from "react-native";
-import { AccessibilityRole, ActivityIndicator, ActivityIndicatorProps as ActivityIndicatorProps$1, Animated, DimensionValue, FlatList, FlatListProps as FlatListProps$1, GestureResponderEvent, Image, ImageProps as ImageProps$1, ImageStyle, KeyboardTypeOptions, PressableProps as PressableProps$1, ScrollView, ScrollViewProps as ScrollViewProps$1, StyleProp, Text, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlight, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacity, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
+import * as react_native0 from "react-native";
+import { AccessibilityRole, ActivityIndicator, ActivityIndicatorProps as ActivityIndicatorProps$1, DimensionValue, FlatList, FlatListProps as FlatListProps$1, GestureResponderEvent, Image, ImageProps as ImageProps$1, ImageStyle, KeyboardTypeOptions, PressableProps as PressableProps$1, ScrollView, ScrollViewProps as ScrollViewProps$1, StyleProp, Text as Text$1, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlight, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacity, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
 
 //#region src/components/primitives/View.d.ts
 interface ViewProps extends ViewProps$1 {
@@ -18,7 +18,7 @@ interface TextProps extends TextProps$2 {
    */
   selectable?: boolean;
 }
-declare const RnText: React$1.NamedExoticComponent<TextProps & React$1.RefAttributes<Text>>;
+declare const RnText: React$1.NamedExoticComponent<TextProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/primitives/Pressable.d.ts
 interface PressableProps extends PressableProps$1 {
@@ -27,7 +27,7 @@ interface PressableProps extends PressableProps$1 {
    */
   enableHover?: boolean;
 }
-declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1.RefAttributes<react_native1.View>>;
+declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1.RefAttributes<never>>;
 //#endregion
 //#region src/components/primitives/TouchableOpacity.d.ts
 interface TouchableOpacityProps extends TouchableOpacityProps$1 {}
@@ -83,7 +83,7 @@ interface AnimatedPressableProps extends PressableProps {
    */
   hapticFeedback?: boolean;
 }
-declare const AnimatedPressable: React$1.NamedExoticComponent<AnimatedPressableProps & React$1.RefAttributes<react_native1.View | Animated.LegacyRef<react_native1.View>>>;
+declare const AnimatedPressable: React$1.NamedExoticComponent<AnimatedPressableProps & React$1.RefAttributes<never>>;
 //#endregion
 //#region src/theme/types.d.ts
 interface BaseColorScale {
@@ -353,6 +353,7 @@ interface Theme extends ThemeTokens {
   accentColor: Color;
 }
 type ThemeMode = 'light' | 'dark';
+type ThemeAppearance = 'light' | 'dark' | 'inherit';
 type Color = 'white' | 'black' | 'gray' | 'gold' | 'bronze' | 'brown' | 'yellow' | 'amber' | 'orange' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'lime' | 'mint' | 'sky';
 //#endregion
 //#region src/theme/colors.d.ts
@@ -795,8 +796,10 @@ type GrayColor = 'mauve' | 'olive' | 'sage' | 'sand' | 'slate' | 'gray';
 interface ThemeContextValue {
   theme: Theme;
   mode: ThemeMode;
-  setMode: (mode: ThemeMode) => void;
+  appearance: ThemeAppearance;
+  setMode: (mode: ThemeAppearance) => void;
   toggleMode: () => void;
+  haptics: boolean;
   toastConfig: Required<ToastConfig>;
   toasts: ToastData[];
   showToast: (options: ToastOptions) => string;
@@ -865,6 +868,11 @@ interface ThemeProviderProps {
    * Toast configuration options
    */
   toastConfig?: ToastConfig;
+  /**
+   * Enable or disable haptic feedback globally
+   * @default true
+   */
+  haptics?: boolean;
 }
 /**
  * ThemeProvider component that provides theme context to all children.
@@ -894,10 +902,16 @@ declare const useThemeMode: () => ThemeMode;
  * Hook to access theme mode setter and toggle
  */
 declare const useThemeActions: () => {
-  setMode: (mode: ThemeMode) => void;
+  setMode: (mode: ThemeAppearance) => void;
   toggleMode: () => void;
   mode: ThemeMode;
+  appearance: ThemeAppearance;
 };
+/**
+ * Hook to access the global haptics setting
+ * @returns boolean - whether haptics are enabled globally
+ */
+declare const useHaptics: () => boolean;
 /**
  * Hook to access toast functionality
  */
@@ -2069,7 +2083,7 @@ interface TextProps$1 {
   opacity?: number;
 }
 type StyleProp$6<T> = T | T[];
-declare const TextComponent: React$1.NamedExoticComponent<TextProps$1 & React$1.RefAttributes<Text>>;
+declare const TextComponent: React$1.NamedExoticComponent<TextProps$1 & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/typography/Heading.d.ts
 interface HeadingProps {
@@ -2121,7 +2135,7 @@ interface HeadingProps {
   opacity?: number;
 }
 type StyleProp$5<T> = T | T[];
-declare const Heading: React$1.NamedExoticComponent<HeadingProps & React$1.RefAttributes<Text>>;
+declare const Heading: React$1.NamedExoticComponent<HeadingProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/typography/Strong.d.ts
 interface StrongProps {
@@ -2136,9 +2150,9 @@ interface StrongProps {
   /**
    * Text color
    */
-  color?: string;
+  color?: Color;
 }
-declare const Strong: React$1.NamedExoticComponent<StrongProps & React$1.RefAttributes<Text>>;
+declare const Strong: React$1.NamedExoticComponent<StrongProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/typography/Em.d.ts
 interface EmProps {
@@ -2155,7 +2169,7 @@ interface EmProps {
    */
   color?: string;
 }
-declare const Em: React$1.NamedExoticComponent<EmProps & React$1.RefAttributes<Text>>;
+declare const Em: React$1.NamedExoticComponent<EmProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/typography/Code.d.ts
 interface CodeProps {
@@ -2181,7 +2195,7 @@ interface CodeProps {
    */
   backgroundColor?: string;
 }
-declare const Code: React$1.NamedExoticComponent<CodeProps & React$1.RefAttributes<Text>>;
+declare const Code: React$1.NamedExoticComponent<CodeProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/typography/Kbd.d.ts
 interface KbdProps {
@@ -2207,7 +2221,7 @@ interface KbdProps {
    */
   size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 }
-declare const Kbd: React$1.NamedExoticComponent<KbdProps & React$1.RefAttributes<Text>>;
+declare const Kbd: React$1.NamedExoticComponent<KbdProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/typography/Link.d.ts
 interface LinkProps {
@@ -2226,7 +2240,7 @@ interface LinkProps {
   /**
    * Callback when link is pressed
    */
-  onPress?: (event: react_native1.GestureResponderEvent) => void;
+  onPress?: (event: react_native0.GestureResponderEvent) => void;
   /**
    * Text color
    */
@@ -2241,7 +2255,7 @@ interface LinkProps {
   accessibilityLabel?: string;
 }
 type StyleProp$4<T> = T | T[];
-declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<react_native1.View>>;
+declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<never>>;
 //#endregion
 //#region src/components/typography/Blockquote.d.ts
 interface BlockquoteProps {
@@ -2271,7 +2285,7 @@ interface BlockquoteProps {
   quoteColor?: string;
 }
 type StyleProp$3<T> = T | T[];
-declare const Blockquote: React$1.NamedExoticComponent<BlockquoteProps & React$1.RefAttributes<Text>>;
+declare const Blockquote: React$1.NamedExoticComponent<BlockquoteProps & React$1.RefAttributes<Text$1>>;
 //#endregion
 //#region src/components/forms/Button.d.ts
 interface ButtonProps {
@@ -2292,7 +2306,7 @@ interface ButtonProps {
    * Button variant
    * @default 'classic'
    */
-  variant?: 'classic' | 'solid' | 'soft' | 'outline' | 'surface' | 'ghost';
+  variant?: 'solid' | 'soft' | 'outline' | 'surface' | 'ghost';
   /**
    * Radius variant mode for accessibility
    * @default 'medium'
@@ -2363,7 +2377,7 @@ interface ButtonLabelProps {
   style?: TextStyle;
 }
 declare const ButtonIcon: React$1.ForwardRefExoticComponent<ButtonIconProps & React$1.RefAttributes<View>>;
-declare const ButtonLabel: React$1.ForwardRefExoticComponent<ButtonLabelProps & React$1.RefAttributes<react_native1.Text>>;
+declare const ButtonLabel: React$1.ForwardRefExoticComponent<ButtonLabelProps & React$1.RefAttributes<react_native0.Text>>;
 interface ButtonCompoundComponent extends React$1.ForwardRefExoticComponent<ButtonProps> {
   Icon: typeof ButtonIcon;
   Label: typeof ButtonLabel;
@@ -2384,7 +2398,7 @@ interface IconButtonProps {
    * Button variant
    * @default 'classic'
    */
-  variant?: 'classic' | 'solid' | 'soft' | 'outline' | 'ghost';
+  variant?: 'surface' | 'solid' | 'soft' | 'outline' | 'ghost';
   /**
    * Color scheme for the button
    * @default undefined (uses theme's accentColor)
@@ -2415,11 +2429,11 @@ interface IconButtonProps {
   /**
    * Callback when button is pressed
    */
-  onPress?: (event: react_native1.GestureResponderEvent) => void;
+  onPress?: (event: react_native0.GestureResponderEvent) => void;
   /**
    * Callback when button is long-pressed
    */
-  onLongPress?: (event: react_native1.GestureResponderEvent) => void;
+  onLongPress?: (event: react_native0.GestureResponderEvent) => void;
   /**
    * Duration (in milliseconds) before onLongPress is called
    * @default 500
@@ -2439,7 +2453,7 @@ interface IconButtonProps {
    */
   hapticFeedback?: boolean;
 }
-declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<react_native1.View | react_native1.Animated.LegacyRef<react_native1.View>>>;
+declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<null>>;
 //#endregion
 //#region src/components/forms/TextField.d.ts
 interface TextFieldProps extends TextInputProps$1 {
@@ -2629,8 +2643,55 @@ interface TextAreaProps extends Omit<TextInputProps$1, 'multiline'> {
    * Additional container style
    */
   style?: ViewStyle;
+  /**
+   * Orientation of the input container
+   * @default 'vertical'
+   */
+  /**
+   * Children (for compound component pattern with Root and Slot)
+   */
+  children?: React$1.ReactNode;
+}
+interface TextAreaSlotProps {
+  /**
+   * Side to position the slot (optional - auto-detected if not provided)
+   * First slots = left, Last slots = right
+   */
+  side?: 'left' | 'right';
+  /**
+   * Color for the slot content
+   */
+  color?: Color;
+  /**
+   * Gap between slot and input
+   */
+  gap?: number;
+  /**
+   * Horizontal padding for the slot
+   */
+  paddingHorizontal?: number;
+  /**
+   * Left padding for the slot
+   */
+  paddingLeft?: number;
+  /**
+   * Right padding for the slot
+   */
+  paddingRight?: number;
+  /**
+   * Content to display in the slot
+   */
+  children: React$1.ReactNode;
+}
+declare const TextAreaSlot: React$1.ForwardRefExoticComponent<TextAreaSlotProps & React$1.RefAttributes<any>>;
+interface TextAreaRootProps extends Omit<TextAreaProps, 'children'> {
+  children?: React$1.ReactNode;
+}
+declare const TextAreaRoot: React$1.ForwardRefExoticComponent<TextAreaRootProps & React$1.RefAttributes<TextInput>>;
+interface TextAreaCompoundComponent extends React$1.ForwardRefExoticComponent<TextAreaProps> {
+  Root: typeof TextAreaRoot;
+  Slot: typeof TextAreaSlot;
 }
-interface TextAreaCompoundComponent extends React$1.ForwardRefExoticComponent<TextAreaProps> {}
 declare const TextArea: TextAreaCompoundComponent;
 //#endregion
 //#region src/components/forms/Checkbox.d.ts
@@ -2691,7 +2752,7 @@ interface CheckboxProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<react_native1.View | react_native1.Animated.LegacyRef<react_native1.View>>>;
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<null>>;
 //#endregion
 //#region src/components/forms/CheckboxGroup.d.ts
 interface CheckboxItem {
@@ -2753,7 +2814,7 @@ interface CheckboxGroupProps {
   color?: string;
 }
 type StyleProp$2<T> = T | T[];
-declare const CheckboxGroup: React$1.ForwardRefExoticComponent<CheckboxGroupProps & React$1.RefAttributes<react_native1.View>>;
+declare const CheckboxGroup: React$1.ForwardRefExoticComponent<CheckboxGroupProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/forms/CheckboxCards.d.ts
 interface CheckboxCardsContextValue {
@@ -2860,8 +2921,8 @@ interface CheckboxCardsItemProps {
    */
   accessibilityHint?: string;
 }
-declare const CheckboxCardsRoot: React$1.ForwardRefExoticComponent<CheckboxCardsRootProps & React$1.RefAttributes<react_native1.View>>;
-declare const CheckboxCardsItem: React$1.ForwardRefExoticComponent<CheckboxCardsItemProps & React$1.RefAttributes<react_native1.View | react_native1.Animated.LegacyRef<react_native1.View>>>;
+declare const CheckboxCardsRoot: React$1.ForwardRefExoticComponent<CheckboxCardsRootProps & React$1.RefAttributes<react_native0.View>>;
+declare const CheckboxCardsItem: React$1.ForwardRefExoticComponent<CheckboxCardsItemProps & React$1.RefAttributes<null>>;
 interface CheckboxCardsCompoundComponent {
   Root: typeof CheckboxCardsRoot;
   Item: typeof CheckboxCardsItem;
@@ -2930,7 +2991,7 @@ interface RadioProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<react_native1.View | react_native1.Animated.LegacyRef<react_native1.View>>>;
+declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<null>>;
 //#endregion
 //#region src/components/forms/RadioGroup.d.ts
 interface RadioGroupContextValue {
@@ -3008,10 +3069,10 @@ interface RadioGroupItemProps extends Omit<RadioProps, 'selected' | 'onSelect'>
    */
   children?: ReactNode;
 }
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<View | react_native1.Animated.LegacyRef<View>>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<null>>;
 declare const RadioGroup: {
   Root: React$1.ForwardRefExoticComponent<RadioGroupRootProps & React$1.RefAttributes<View>>;
-  Item: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<View | react_native1.Animated.LegacyRef<View>>>;
+  Item: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<null>>;
 };
 //#endregion
 //#region src/components/forms/RadioCards.d.ts
@@ -3119,8 +3180,8 @@ interface RadioCardsItemProps {
    */
   accessibilityHint?: string;
 }
-declare const RadioCardsRoot: React$1.ForwardRefExoticComponent<RadioCardsRootProps & React$1.RefAttributes<react_native1.View>>;
-declare const RadioCardsItem: React$1.ForwardRefExoticComponent<RadioCardsItemProps & React$1.RefAttributes<react_native1.View | react_native1.Animated.LegacyRef<react_native1.View>>>;
+declare const RadioCardsRoot: React$1.ForwardRefExoticComponent<RadioCardsRootProps & React$1.RefAttributes<react_native0.View>>;
+declare const RadioCardsItem: React$1.ForwardRefExoticComponent<RadioCardsItemProps & React$1.RefAttributes<null>>;
 interface RadioCardsCompoundComponent {
   Root: typeof RadioCardsRoot;
   Item: typeof RadioCardsItem;
@@ -3190,7 +3251,7 @@ interface SwitchProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<react_native1.View | Animated.LegacyRef<react_native1.View>>>;
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<null>>;
 //#endregion
 //#region src/hooks/useAnchorPosition.d.ts
 interface AnchorPosition {
@@ -4377,6 +4438,8 @@ interface ContextMenuRadioItemProps {
   checked: boolean;
   onCheckedChange: (value: string) => void;
   disabled?: boolean;
+  /** Enable haptic feedback on select */
+  hapticFeedback?: boolean;
 }
 declare const ContextMenu: {
   Root: ({
@@ -4440,7 +4503,8 @@ declare const ContextMenu: {
     value,
     checked,
     onCheckedChange,
-    disabled
+    disabled,
+    hapticFeedback
   }: ContextMenuRadioItemProps) => React$1.JSX.Element;
 };
 //#endregion
@@ -4616,6 +4680,111 @@ declare const BottomSheet: {
   }: BottomSheetActionProps) => React$1.JSX.Element;
 };
 //#endregion
+//#region src/components/overlays/Sidebar.d.ts
+type SidePosition = 'left' | 'right';
+type SidebarVariant = 'overlay' | 'push';
+interface SidebarRootProps {
+  children: ReactNode;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  side?: SidePosition;
+  variant?: SidebarVariant;
+  width?: number;
+  animationDuration?: number;
+}
+interface SidebarTriggerProps {
+  children: ReactNode;
+  asChild?: boolean;
+  hapticFeedback?: boolean;
+}
+interface SidebarPortalProps {
+  children: ReactNode;
+  hostId?: string;
+}
+interface SidebarOverlayProps {
+  style?: StyleProp<ViewStyle>;
+  hapticFeedback?: boolean;
+}
+interface SidebarContentProps {
+  children: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+interface SidebarHeaderProps {
+  children: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+interface SidebarItemProps {
+  children: ReactNode;
+  onPress?: () => void;
+  style?: StyleProp<ViewStyle>;
+  hapticFeedback?: boolean;
+}
+interface SidebarSeparatorProps {
+  style?: StyleProp<ViewStyle>;
+}
+interface SidebarBackdropProps {
+  style?: StyleProp<ViewStyle>;
+  hapticFeedback?: boolean;
+}
+interface SidebarContainerProps {
+  children: ReactNode;
+}
+interface SidebarMainProps {
+  children: ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+declare const Sidebar: {
+  Root: ({
+    children,
+    open: controlledOpen,
+    onOpenChange,
+    side,
+    variant,
+    width,
+    animationDuration
+  }: SidebarRootProps) => React$1.JSX.Element;
+  Trigger: ({
+    children,
+    asChild,
+    hapticFeedback
+  }: SidebarTriggerProps) => React$1.JSX.Element;
+  Portal: ({
+    children
+  }: SidebarPortalProps) => React$1.JSX.Element | null;
+  Overlay: ({
+    style,
+    hapticFeedback
+  }: SidebarOverlayProps) => React$1.JSX.Element | null;
+  Content: ({
+    children,
+    style
+  }: SidebarContentProps) => React$1.JSX.Element;
+  Header: ({
+    children,
+    style
+  }: SidebarHeaderProps) => React$1.JSX.Element;
+  Item: ({
+    children,
+    onPress,
+    style,
+    hapticFeedback
+  }: SidebarItemProps) => React$1.JSX.Element;
+  Separator: ({
+    style
+  }: SidebarSeparatorProps) => React$1.JSX.Element;
+  Main: ({
+    children,
+    style
+  }: SidebarMainProps) => React$1.JSX.Element;
+  Backdrop: ({
+    style,
+    hapticFeedback
+  }: SidebarBackdropProps) => React$1.JSX.Element | null;
+  Container: ({
+    children
+  }: SidebarContainerProps) => React$1.JSX.Element;
+};
+//#endregion
 //#region src/components/data-display/Avatar.d.ts
 interface AvatarProps {
   /**
@@ -5111,48 +5280,109 @@ interface SpinnerProps {
    */
   testID?: string;
 }
-declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<react_native1.View>>;
+declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
-//#region src/components/data-display/Table.d.ts
-interface TableColumn<T = any> {
-  key: string;
-  title: string;
+//#region src/components/data-display/Skeleton.d.ts
+interface SkeletonProps {
+  /**
+   * The content to display inside the skeleton.
+   * Can be a string (text) or a React element (component).
+   */
+  children?: React$1.ReactNode;
+  /**
+   * When true, shows the skeleton placeholder.
+   * When false, shows the actual content.
+   * @default true
+   */
+  loading?: boolean;
+  /**
+   * Custom style applied to the skeleton container
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom style for text content (used for inline skeletons)
+   */
+  textStyle?: StyleProp<TextStyle>;
+  /**
+   * Custom width
+   */
   width?: number | string;
-  render?: (item: T, index: number) => ReactNode;
-  align?: 'left' | 'center' | 'right';
+  /**
+   * Custom height
+   */
+  height?: number | string;
+  /**
+   * Accessibility label
+   * @default 'Loading'
+   */
+  accessibilityLabel?: string;
+  /**
+   * Test ID for testing
+   */
+  testID?: string;
 }
-interface TableProps<T = any> {
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<any>>;
+//#endregion
+//#region src/components/data-display/Table.d.ts
+type TableSize = '1' | '2' | '3';
+interface TableRootProps {
   /**
-   * Table columns definition
+   * Table content
    */
-  columns: TableColumn<T>[];
+  children: ReactNode;
   /**
-   * Table data rows
+   * Size variant
+   * @default '2'
    */
-  data: T[];
+  size?: TableSize;
+  /**
+   * Enable horizontal scrolling
+   * @default true
+   */
+  scrollable?: boolean;
   /**
    * Custom style
    */
   style?: StyleProp<ViewStyle>;
+}
+declare const TableRoot: React$1.ForwardRefExoticComponent<TableRootProps & React$1.RefAttributes<View>>;
+interface TableHeaderProps {
   /**
-   * Whether table should be scrollable horizontally
+   * Header row content
    */
-  scrollable?: boolean;
-}
-interface TheadProps {
   children: ReactNode;
+  /**
+   * Custom style
+   */
+  style?: StyleProp<ViewStyle>;
 }
-interface TbodyProps {
+declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<View>>;
+interface TableBodyProps {
+  /**
+   * Body rows content
+   */
   children: ReactNode;
+  /**
+   * Custom style
+   */
+  style?: StyleProp<ViewStyle>;
 }
-interface TrProps {
+declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<View>>;
+interface TableRowProps {
+  /**
+   * Row cells content
+   */
   children: ReactNode;
   /**
-   * Whether this is a header row
+   * Custom style
    */
-  isHeader?: boolean;
+  style?: StyleProp<ViewStyle>;
 }
-interface ThProps {
+declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<View>>;
+interface TableColumnHeaderCellProps {
+  /**
+   * Cell content
+   */
   children: ReactNode;
   /**
    * Column width
@@ -5160,46 +5390,54 @@ interface ThProps {
   width?: number | string;
   /**
    * Text alignment
+   * @default 'left'
    */
   align?: 'left' | 'center' | 'right';
+  /**
+   * Custom style
+   */
+  style?: StyleProp<ViewStyle>;
 }
-interface TdProps {
+declare const TableColumnHeaderCell: React$1.ForwardRefExoticComponent<TableColumnHeaderCellProps & React$1.RefAttributes<View>>;
+interface TableCellProps {
+  /**
+   * Cell content
+   */
   children: ReactNode;
   /**
    * Text alignment
+   * @default 'left'
    */
   align?: 'left' | 'center' | 'right';
+  /**
+   * Custom style
+   */
+  style?: StyleProp<ViewStyle>;
 }
-declare const Table: {
-  <T extends Record<string, any>>({
-    columns,
-    data,
-    style,
-    scrollable
-  }: TableProps<T>): React$1.JSX.Element;
-  displayName: string;
-  Thead: ({
-    children
-  }: TheadProps) => React$1.JSX.Element;
-  Tbody: ({
-    children
-  }: TbodyProps) => React$1.JSX.Element;
-  Tr: ({
-    children,
-    isHeader
-  }: TrProps) => React$1.JSX.Element;
-  Th: ({
-    children,
-    width,
-    align
-  }: ThProps) => React$1.JSX.Element;
-  Td: ({
-    children,
-    align
-  }: TdProps) => React$1.JSX.Element;
-};
+declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<View>>;
+interface TableCompoundComponent {
+  Root: typeof TableRoot;
+  Header: typeof TableHeader;
+  Body: typeof TableBody;
+  Row: typeof TableRow;
+  ColumnHeaderCell: typeof TableColumnHeaderCell;
+  Cell: typeof TableCell;
+}
+declare const Table: TableCompoundComponent;
 //#endregion
 //#region src/components/navigation/SegmentedControl.d.ts
+interface SegmentedControlValueProps {
+  /**
+   * Content to display (typically text)
+   */
+  children: ReactNode;
+}
+interface SegmentedControlIconProps {
+  /**
+   * Icon element to display
+   */
+  children: ReactElement;
+}
 interface SegmentedControlItemProps {
   /**
    * Unique value for this item
@@ -5288,6 +5526,18 @@ declare const SegmentedControl: {
     }: SegmentedControlRootProps): React$1.JSX.Element;
     displayName: string;
   };
+  Value: {
+    ({
+      children
+    }: SegmentedControlValueProps): React$1.JSX.Element;
+    displayName: string;
+  };
+  Icon: {
+    ({
+      children
+    }: SegmentedControlIconProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+    displayName: string;
+  };
 };
 //#endregion
 //#region src/components/navigation/TabNav.d.ts
@@ -5555,7 +5805,7 @@ interface AccordionRootProps {
    */
   style?: StyleProp<ViewStyle>;
 }
-declare const AccordionRoot: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<react_native1.View>>;
+declare const AccordionRoot: React$1.ForwardRefExoticComponent<AccordionRootProps & React$1.RefAttributes<react_native0.View>>;
 interface AccordionItemProps {
   /**
    * Unique value identifier for this item
@@ -5575,7 +5825,7 @@ interface AccordionItemProps {
    */
   style?: StyleProp<ViewStyle>;
 }
-declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<react_native1.View>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<react_native0.View>>;
 interface AccordionHeaderProps {
   /**
    * Children (Accordion.Trigger component)
@@ -5586,7 +5836,7 @@ interface AccordionHeaderProps {
    */
   style?: StyleProp<ViewStyle>;
 }
-declare const AccordionHeader: React$1.ForwardRefExoticComponent<AccordionHeaderProps & React$1.RefAttributes<react_native1.View>>;
+declare const AccordionHeader: React$1.ForwardRefExoticComponent<AccordionHeaderProps & React$1.RefAttributes<react_native0.View>>;
 interface AccordionTriggerProps {
   /**
    * Trigger text/content
@@ -5606,7 +5856,7 @@ interface AccordionTriggerProps {
    */
   hapticFeedback?: boolean;
 }
-declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<react_native1.View | Animated.LegacyRef<react_native1.View>>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<null>>;
 interface AccordionContentProps {
   /**
    * Content to show/hide
@@ -5617,7 +5867,7 @@ interface AccordionContentProps {
    */
   style?: StyleProp<ViewStyle>;
 }
-declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<react_native1.View>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<react_native0.View>>;
 interface AccordionCompoundComponent {
   Root: typeof AccordionRoot;
   Item: typeof AccordionItem;
@@ -5676,4 +5926,4 @@ interface ResponsiveInfo {
  */
 declare const useResponsive: (breakpoints?: ResponsiveBreakpoints) => ResponsiveInfo;
 //#endregion
-export { AbsoluteCenter, AbsoluteCenterProps, Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, RnActivityIndicator as ActivityIndicator, ActivityIndicatorProps, AlertDialogComponent as AlertDialog, type AlertDialogActionProps, type AlertDialogCancelProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogRootProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, AlphaColorScale, AnchorPosition, AnimatedPressable, AnimatedPressableProps, AspectRatio, AspectRatioProps, Avatar, AvatarFallbackProps, AvatarProps, Badge, type BadgeProps, BaseColorScale, Blockquote, type BlockquoteProps, BottomSheet, type BottomSheetActionProps, type BottomSheetCloseProps, type BottomSheetContentProps, type BottomSheetDescriptionProps, type BottomSheetFooterProps, type BottomSheetHandleProps, type BottomSheetOverlayProps, type BottomSheetPortalProps, type BottomSheetRootProps, type BottomSheetTitleProps, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonCompoundComponent, ButtonIcon, type ButtonIconProps, ButtonLabel, type ButtonLabelProps, type ButtonProps, CalculatedPosition, Callout, CalloutIcon, type CalloutIconProps, CalloutRoot, type CalloutRootProps, type CalloutSize, CalloutText, type CalloutTextProps, type CalloutVariant, Card, type CardFooterProps, type CardProps, Center, CenterAxis, CenterProps, Checkbox, CheckboxCards, type CheckboxCardsContextValue, CheckboxCardsItem, type CheckboxCardsItemProps, CheckboxCardsRoot, type CheckboxCardsRootProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type CheckboxProps, Code, type CodeProps, Color, ColorScale, ColorTokens, Container, type ContainerProps, ContentSize, ContextMenu, type ContextMenuAlign, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuGroupProps, type ContextMenuItemProps, type ContextMenuLabelProps, type ContextMenuOverlayProps, type ContextMenuPortalProps, type ContextMenuRadioItemProps, type ContextMenuRootProps, type ContextMenuSeparatorProps, type ContextMenuSide, type ContextMenuSize, type ContextMenuTriggerProps, DataList, DataListItem, type DataListItemAlign, type DataListItemProps, DataListLabel, type DataListLabelProps, type DataListOrientation, DataListRoot, type DataListRootProps, type DataListSize, type DataListTrim, DataListValue, type DataListValueProps, Dialog, type DialogActionProps, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogOverlayProps, type DialogPortalProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, DropdownMenu, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuOverlayProps, type DropdownMenuPortalProps, type DropdownMenuRadioItemProps, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuSubContentProps, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, Em, type EmProps, type ExtendedColorScale, FancyList, type FancyListItem, type FancyListProps, RnFlatList as FlatList, FlatListProps, Flex, type FlexProps, FontScale, FontSize, FontSizeSpec, FontToken, GrayScaleWithAlpha, Grid, type GridProps, HCenter, HCenterProps, HStack, HStackProps, Heading, type HeadingProps, IconButton, type IconButtonProps, RnImage as Image, ImageProps, Inset, type InsetProps, Kbd, type KbdProps, Link, type LinkProps, ManagedPortal, type ManagedPortalProps, Popover, type PopoverAlign, type PopoverAlign as SelectAlign, type PopoverArrowProps, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverOverlayProps, type PopoverPortalProps, type PopoverRootProps, type PopoverSide, type PopoverSide as SelectSide, type PopoverTitleProps, type PopoverTriggerProps, Portal, type PortalHostProps, type PortalProps, PortalProvider, RnPressable as Pressable, PressableProps, RnText as PrimitiveText, TextProps as PrimitiveTextProps, Progress, type ProgressProps, Radio, RadioCards, type RadioCardsContextValue, RadioCardsItem, type RadioCardsItemProps, RadioCardsRoot, type RadioCardsRootProps, RadioGroup, type RadioGroupContextValue, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps, type RadioProps, RadiusScale, type RadiusSize, ScreenSize, ScrollArea, ScrollAreaProps, RnScrollView as ScrollView, ScrollViewProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlRootProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectOverlay, type SelectOverlayProps, SelectPortal, type SelectPortalProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, SeparatorMarginSize, SeparatorOrientation, SeparatorProps, ShadowToken, ShadowTokens, type SimpleTooltipProps, Slider, type SliderProps, type SliderValue, Slot, type SlotProps, SnapPoint, SpaceScale, Spacer, SpacerDirection, SpacerProps, SpacerSize, Spinner, type SpinnerProps, Stack, StackAlign, StackDirection, StackGap, StackJustify, StackProps, StackWrap, Strong, type StrongProps, Switch, type SwitchProps, TabNav, type TabNavItemProps, type TabNavProps, Table, type TableColumn, type TableProps, Tabs, type TabsContentProps, type TabsIconProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, type TbodyProps, type TdProps, TextComponent as Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextFieldSlotProps, RnTextInput as TextInput, TextInputProps, type TextProps$1 as TextProps, type ThProps, type TheadProps, Theme, ThemeMode, ThemeProvider, ThemeTokens, Toast, type ToastActionProps, type ToastCloseProps, type ToastConfig, type ToastContextValue, type ToastController, type ToastData, type ToastDescriptionProps, type ToastOptions, type ToastPosition, type ToastRootProps, type ToastTitleProps, type ToastVariant, type ToastViewportProps, TooltipExport as Tooltip, TooltipAlign, type TooltipArrowProps, type TooltipContentProps, type TooltipPortalProps, type TooltipRootProps, TooltipSide, type TooltipTriggerProps, RnTouchableHighlight as TouchableHighlight, TouchableHighlightProps, RnTouchableOpacity as TouchableOpacity, TouchableOpacityProps, type TrProps, TypographyTokens, VCenter, VCenterProps, VStack, VStackProps, RnView as View, ViewProps, VisuallyHidden, type VisuallyHiddenProps, addColorSchemeListener, amber, amberAlpha, black, blackAlpha, blue, blueAlpha, bronze, bronzeAlpha, brown, brownAlpha, calculatePopoverPosition, createTheme, crimson, crimsonAlpha, cyan, cyanAlpha, defaultTheme, fontFamilies, getAccentAlpha, getAccentAlphaScale, getAccentColor, getAccentContrast, getAccentScale, getAccentTextColor, getActiveColors, getColorAlpha, getColorScale, getColorScheme, getContrast, getDisabledColors, getExtendedAccentScale, getFocusColor, getForegroundColor, getGrayAlpha, getGrayScale, getHighContrastBackground, getHighContrastTextColor, getHoverColors, getRadii, getSelectionColor, getShadow, getShadows, getSpace, getThemeColors, getThemeShadow, getTypography, getVariantColors, gold, goldAlpha, grass, grassAlpha, gray, grayAlpha, green, greenAlpha, indigo, indigoAlpha, iris, irisAlpha, jade, jadeAlpha, lime, limeAlpha, mauve, mauveAlpha, mint, mintAlpha, needsDarkText, olive, oliveAlpha, orange, orangeAlpha, pink, pinkAlpha, plum, plumAlpha, purple, purpleAlpha, radii, radiusFactors, red, redAlpha, ruby, rubyAlpha, sage, sageAlpha, sand, sandAlpha, scalingOptions, shadows, sky, skyAlpha, slate, slateAlpha, space, teal, tealAlpha, tomato, tomatoAlpha, typography, useAnchorPosition, useDeviceColorScheme, usePortal, useResponsive, useTheme, useThemeActions, useThemeColors, useThemeContext, useThemeMode, useToast, useToastContext, violet, violetAlpha, white, whiteAlpha, yellow, yellowAlpha };
+export { AbsoluteCenter, AbsoluteCenterProps, Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, RnActivityIndicator as ActivityIndicator, ActivityIndicatorProps, AlertDialogComponent as AlertDialog, type AlertDialogActionProps, type AlertDialogCancelProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogRootProps, type AlertDialogTitleProps, type AlertDialogTriggerProps, AlphaColorScale, AnchorPosition, AnimatedPressable, AnimatedPressableProps, AspectRatio, AspectRatioProps, Avatar, AvatarFallbackProps, AvatarProps, Badge, type BadgeProps, BaseColorScale, Blockquote, type BlockquoteProps, BottomSheet, type BottomSheetActionProps, type BottomSheetCloseProps, type BottomSheetContentProps, type BottomSheetDescriptionProps, type BottomSheetFooterProps, type BottomSheetHandleProps, type BottomSheetOverlayProps, type BottomSheetPortalProps, type BottomSheetRootProps, type BottomSheetTitleProps, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonCompoundComponent, ButtonIcon, type ButtonIconProps, ButtonLabel, type ButtonLabelProps, type ButtonProps, CalculatedPosition, Callout, CalloutIcon, type CalloutIconProps, CalloutRoot, type CalloutRootProps, type CalloutSize, CalloutText, type CalloutTextProps, type CalloutVariant, Card, type CardFooterProps, type CardProps, Center, CenterAxis, CenterProps, Checkbox, CheckboxCards, type CheckboxCardsContextValue, CheckboxCardsItem, type CheckboxCardsItemProps, CheckboxCardsRoot, type CheckboxCardsRootProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type CheckboxProps, Code, type CodeProps, Color, ColorScale, ColorTokens, Container, type ContainerProps, ContentSize, ContextMenu, type ContextMenuAlign, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuGroupProps, type ContextMenuItemProps, type ContextMenuLabelProps, type ContextMenuOverlayProps, type ContextMenuPortalProps, type ContextMenuRadioItemProps, type ContextMenuRootProps, type ContextMenuSeparatorProps, type ContextMenuSide, type ContextMenuSize, type ContextMenuTriggerProps, DataList, DataListItem, type DataListItemAlign, type DataListItemProps, DataListLabel, type DataListLabelProps, type DataListOrientation, DataListRoot, type DataListRootProps, type DataListSize, type DataListTrim, DataListValue, type DataListValueProps, Dialog, type DialogActionProps, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogOverlayProps, type DialogPortalProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, DropdownMenu, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuOverlayProps, type DropdownMenuPortalProps, type DropdownMenuRadioItemProps, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuSubContentProps, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, Em, type EmProps, type ExtendedColorScale, FancyList, type FancyListItem, type FancyListProps, RnFlatList as FlatList, FlatListProps, Flex, type FlexProps, FontScale, FontSize, FontSizeSpec, FontToken, GrayScaleWithAlpha, Grid, type GridProps, HCenter, HCenterProps, HStack, HStackProps, Heading, type HeadingProps, IconButton, type IconButtonProps, RnImage as Image, ImageProps, Inset, type InsetProps, Kbd, type KbdProps, Link, type LinkProps, ManagedPortal, type ManagedPortalProps, Popover, type PopoverAlign, type PopoverAlign as SelectAlign, type PopoverArrowProps, type PopoverCloseProps, type PopoverContentProps, type PopoverDescriptionProps, type PopoverOverlayProps, type PopoverPortalProps, type PopoverRootProps, type PopoverSide, type PopoverSide as SelectSide, type PopoverTitleProps, type PopoverTriggerProps, Portal, type PortalHostProps, type PortalProps, PortalProvider, RnPressable as Pressable, PressableProps, RnText as PrimitiveText, TextProps as PrimitiveTextProps, Progress, type ProgressProps, Radio, RadioCards, type RadioCardsContextValue, RadioCardsItem, type RadioCardsItemProps, RadioCardsRoot, type RadioCardsRootProps, RadioGroup, type RadioGroupContextValue, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps, type RadioProps, RadiusScale, type RadiusSize, ScreenSize, ScrollArea, ScrollAreaProps, RnScrollView as ScrollView, ScrollViewProps, SegmentedControl, type SegmentedControlIconProps, type SegmentedControlItemProps, type SegmentedControlRootProps, type SegmentedControlValueProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectOverlay, type SelectOverlayProps, SelectPortal, type SelectPortalProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, SeparatorMarginSize, SeparatorOrientation, SeparatorProps, ShadowToken, ShadowTokens, SidePosition, Sidebar, type SidebarBackdropProps, type SidebarContainerProps, type SidebarContentProps, type SidebarHeaderProps, type SidebarItemProps, type SidebarMainProps, type SidebarOverlayProps, type SidebarPortalProps, type SidebarRootProps, type SidebarSeparatorProps, type SidebarTriggerProps, SidebarVariant, type SimpleTooltipProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Slot, type SlotProps, SnapPoint, SpaceScale, Spacer, SpacerDirection, SpacerProps, SpacerSize, Spinner, type SpinnerProps, Stack, StackAlign, StackDirection, StackGap, StackJustify, StackProps, StackWrap, Strong, type StrongProps, Switch, type SwitchProps, TabNav, type TabNavItemProps, type TabNavProps, Table, type TableBodyProps, type TableCellProps, type TableColumnHeaderCellProps, type TableHeaderProps, type TableRootProps, type TableRowProps, type TableSize, Tabs, type TabsContentProps, type TabsIconProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, TextComponent as Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextFieldSlotProps, RnTextInput as TextInput, TextInputProps, type TextProps$1 as TextProps, Theme, ThemeAppearance, ThemeMode, ThemeProvider, ThemeTokens, Toast, type ToastActionProps, type ToastCloseProps, type ToastConfig, type ToastContextValue, type ToastController, type ToastData, type ToastDescriptionProps, type ToastOptions, type ToastPosition, type ToastRootProps, type ToastTitleProps, type ToastVariant, type ToastViewportProps, TooltipExport as Tooltip, TooltipAlign, type TooltipArrowProps, type TooltipContentProps, type TooltipPortalProps, type TooltipRootProps, TooltipSide, type TooltipTriggerProps, RnTouchableHighlight as TouchableHighlight, TouchableHighlightProps, RnTouchableOpacity as TouchableOpacity, TouchableOpacityProps, TypographyTokens, VCenter, VCenterProps, VStack, VStackProps, RnView as View, ViewProps, VisuallyHidden, type VisuallyHiddenProps, addColorSchemeListener, amber, amberAlpha, black, blackAlpha, blue, blueAlpha, bronze, bronzeAlpha, brown, brownAlpha, calculatePopoverPosition, createTheme, crimson, crimsonAlpha, cyan, cyanAlpha, defaultTheme, fontFamilies, getAccentAlpha, getAccentAlphaScale, getAccentColor, getAccentContrast, getAccentScale, getAccentTextColor, getActiveColors, getColorAlpha, getColorScale, getColorScheme, getContrast, getDisabledColors, getExtendedAccentScale, getFocusColor, getForegroundColor, getGrayAlpha, getGrayScale, getHighContrastBackground, getHighContrastTextColor, getHoverColors, getRadii, getSelectionColor, getShadow, getShadows, getSpace, getThemeColors, getThemeShadow, getTypography, getVariantColors, gold, goldAlpha, grass, grassAlpha, gray, grayAlpha, green, greenAlpha, indigo, indigoAlpha, iris, irisAlpha, jade, jadeAlpha, lime, limeAlpha, mauve, mauveAlpha, mint, mintAlpha, needsDarkText, olive, oliveAlpha, orange, orangeAlpha, pink, pinkAlpha, plum, plumAlpha, purple, purpleAlpha, radii, radiusFactors, red, redAlpha, ruby, rubyAlpha, sage, sageAlpha, sand, sandAlpha, scalingOptions, shadows, sky, skyAlpha, slate, slateAlpha, space, teal, tealAlpha, tomato, tomatoAlpha, typography, useAnchorPosition, useDeviceColorScheme, useHaptics, usePortal, useResponsive, useTheme, useThemeActions, useThemeColors, useThemeContext, useThemeMode, useToast, useToastContext, violet, violetAlpha, white, whiteAlpha, yellow, yellowAlpha };