radix-native-ui 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.
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React$1, { ReactElement, ReactNode } from "react";
2
2
  import * as react_native0 from "react-native";
3
- 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";
3
+ 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 as Text$1, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
4
4
 
5
5
  //#region src/components/primitives/View.d.ts
6
6
  interface ViewProps extends ViewProps$1 {
@@ -18,7 +18,7 @@ interface TextProps extends TextProps$2 {
18
18
  */
19
19
  selectable?: boolean;
20
20
  }
21
- declare const RnText: React$1.NamedExoticComponent<TextProps & React$1.RefAttributes<Text>>;
21
+ declare const RnText: React$1.NamedExoticComponent<TextProps & React$1.RefAttributes<Text$1>>;
22
22
  //#endregion
23
23
  //#region src/components/primitives/Pressable.d.ts
24
24
  interface PressableProps extends PressableProps$1 {
@@ -31,11 +31,11 @@ declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1
31
31
  //#endregion
32
32
  //#region src/components/primitives/TouchableOpacity.d.ts
33
33
  interface TouchableOpacityProps extends TouchableOpacityProps$1 {}
34
- declare const RnTouchableOpacity: React$1.NamedExoticComponent<TouchableOpacityProps & React$1.RefAttributes<TouchableOpacity>>;
34
+ declare const RnTouchableOpacity: React$1.NamedExoticComponent<TouchableOpacityProps & React$1.RefAttributes<react_native0.View>>;
35
35
  //#endregion
36
36
  //#region src/components/primitives/TouchableHighlight.d.ts
37
37
  interface TouchableHighlightProps extends TouchableHighlightProps$1 {}
38
- declare const RnTouchableHighlight: React$1.NamedExoticComponent<TouchableHighlightProps & React$1.RefAttributes<TouchableHighlight>>;
38
+ declare const RnTouchableHighlight: React$1.NamedExoticComponent<TouchableHighlightProps & React$1.RefAttributes<react_native0.View>>;
39
39
  //#endregion
40
40
  //#region src/components/primitives/Image.d.ts
41
41
  interface ImageProps extends ImageProps$1 {
@@ -353,6 +353,7 @@ interface Theme extends ThemeTokens {
353
353
  accentColor: Color;
354
354
  }
355
355
  type ThemeMode = 'light' | 'dark';
356
+ type ThemeAppearance = 'light' | 'dark' | 'inherit';
356
357
  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';
357
358
  //#endregion
358
359
  //#region src/theme/colors.d.ts
@@ -795,8 +796,10 @@ type GrayColor = 'mauve' | 'olive' | 'sage' | 'sand' | 'slate' | 'gray';
795
796
  interface ThemeContextValue {
796
797
  theme: Theme;
797
798
  mode: ThemeMode;
798
- setMode: (mode: ThemeMode) => void;
799
+ appearance: ThemeAppearance;
800
+ setMode: (mode: ThemeAppearance) => void;
799
801
  toggleMode: () => void;
802
+ haptics: boolean;
800
803
  toastConfig: Required<ToastConfig>;
801
804
  toasts: ToastData[];
802
805
  showToast: (options: ToastOptions) => string;
@@ -865,6 +868,11 @@ interface ThemeProviderProps {
865
868
  * Toast configuration options
866
869
  */
867
870
  toastConfig?: ToastConfig;
871
+ /**
872
+ * Enable or disable haptic feedback globally
873
+ * @default true
874
+ */
875
+ haptics?: boolean;
868
876
  }
869
877
  /**
870
878
  * ThemeProvider component that provides theme context to all children.
@@ -894,10 +902,16 @@ declare const useThemeMode: () => ThemeMode;
894
902
  * Hook to access theme mode setter and toggle
895
903
  */
896
904
  declare const useThemeActions: () => {
897
- setMode: (mode: ThemeMode) => void;
905
+ setMode: (mode: ThemeAppearance) => void;
898
906
  toggleMode: () => void;
899
907
  mode: ThemeMode;
908
+ appearance: ThemeAppearance;
900
909
  };
910
+ /**
911
+ * Hook to access the global haptics setting
912
+ * @returns boolean - whether haptics are enabled globally
913
+ */
914
+ declare const useHaptics: () => boolean;
901
915
  /**
902
916
  * Hook to access toast functionality
903
917
  */
@@ -1156,6 +1170,10 @@ interface BoxProps {
1156
1170
  * Flex wrap
1157
1171
  */
1158
1172
  flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
1173
+ /**
1174
+ * Flex shorthand (maps to React Native's style `flex`)
1175
+ */
1176
+ flex?: number;
1159
1177
  /**
1160
1178
  * Flex grow
1161
1179
  */
@@ -2069,7 +2087,7 @@ interface TextProps$1 {
2069
2087
  opacity?: number;
2070
2088
  }
2071
2089
  type StyleProp$6<T> = T | T[];
2072
- declare const TextComponent: React$1.NamedExoticComponent<TextProps$1 & React$1.RefAttributes<Text>>;
2090
+ declare const TextComponent: React$1.NamedExoticComponent<TextProps$1 & React$1.RefAttributes<Text$1>>;
2073
2091
  //#endregion
2074
2092
  //#region src/components/typography/Heading.d.ts
2075
2093
  interface HeadingProps {
@@ -2121,7 +2139,7 @@ interface HeadingProps {
2121
2139
  opacity?: number;
2122
2140
  }
2123
2141
  type StyleProp$5<T> = T | T[];
2124
- declare const Heading: React$1.NamedExoticComponent<HeadingProps & React$1.RefAttributes<Text>>;
2142
+ declare const Heading: React$1.NamedExoticComponent<HeadingProps & React$1.RefAttributes<Text$1>>;
2125
2143
  //#endregion
2126
2144
  //#region src/components/typography/Strong.d.ts
2127
2145
  interface StrongProps {
@@ -2136,9 +2154,9 @@ interface StrongProps {
2136
2154
  /**
2137
2155
  * Text color
2138
2156
  */
2139
- color?: string;
2157
+ color?: Color;
2140
2158
  }
2141
- declare const Strong: React$1.NamedExoticComponent<StrongProps & React$1.RefAttributes<Text>>;
2159
+ declare const Strong: React$1.NamedExoticComponent<StrongProps & React$1.RefAttributes<Text$1>>;
2142
2160
  //#endregion
2143
2161
  //#region src/components/typography/Em.d.ts
2144
2162
  interface EmProps {
@@ -2155,7 +2173,7 @@ interface EmProps {
2155
2173
  */
2156
2174
  color?: string;
2157
2175
  }
2158
- declare const Em: React$1.NamedExoticComponent<EmProps & React$1.RefAttributes<Text>>;
2176
+ declare const Em: React$1.NamedExoticComponent<EmProps & React$1.RefAttributes<Text$1>>;
2159
2177
  //#endregion
2160
2178
  //#region src/components/typography/Code.d.ts
2161
2179
  interface CodeProps {
@@ -2181,7 +2199,7 @@ interface CodeProps {
2181
2199
  */
2182
2200
  backgroundColor?: string;
2183
2201
  }
2184
- declare const Code: React$1.NamedExoticComponent<CodeProps & React$1.RefAttributes<Text>>;
2202
+ declare const Code: React$1.NamedExoticComponent<CodeProps & React$1.RefAttributes<Text$1>>;
2185
2203
  //#endregion
2186
2204
  //#region src/components/typography/Kbd.d.ts
2187
2205
  interface KbdProps {
@@ -2207,7 +2225,7 @@ interface KbdProps {
2207
2225
  */
2208
2226
  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
2209
2227
  }
2210
- declare const Kbd: React$1.NamedExoticComponent<KbdProps & React$1.RefAttributes<Text>>;
2228
+ declare const Kbd: React$1.NamedExoticComponent<KbdProps & React$1.RefAttributes<Text$1>>;
2211
2229
  //#endregion
2212
2230
  //#region src/components/typography/Link.d.ts
2213
2231
  interface LinkProps {
@@ -2271,7 +2289,7 @@ interface BlockquoteProps {
2271
2289
  quoteColor?: string;
2272
2290
  }
2273
2291
  type StyleProp$3<T> = T | T[];
2274
- declare const Blockquote: React$1.NamedExoticComponent<BlockquoteProps & React$1.RefAttributes<Text>>;
2292
+ declare const Blockquote: React$1.NamedExoticComponent<BlockquoteProps & React$1.RefAttributes<Text$1>>;
2275
2293
  //#endregion
2276
2294
  //#region src/components/forms/Button.d.ts
2277
2295
  interface ButtonProps {
@@ -2292,7 +2310,7 @@ interface ButtonProps {
2292
2310
  * Button variant
2293
2311
  * @default 'classic'
2294
2312
  */
2295
- variant?: 'classic' | 'solid' | 'soft' | 'outline' | 'surface' | 'ghost';
2313
+ variant?: 'solid' | 'soft' | 'outline' | 'surface' | 'ghost';
2296
2314
  /**
2297
2315
  * Radius variant mode for accessibility
2298
2316
  * @default 'medium'
@@ -2384,7 +2402,7 @@ interface IconButtonProps {
2384
2402
  * Button variant
2385
2403
  * @default 'classic'
2386
2404
  */
2387
- variant?: 'classic' | 'solid' | 'soft' | 'outline' | 'ghost';
2405
+ variant?: 'surface' | 'solid' | 'soft' | 'outline' | 'ghost';
2388
2406
  /**
2389
2407
  * Color scheme for the button
2390
2408
  * @default undefined (uses theme's accentColor)
@@ -2629,8 +2647,55 @@ interface TextAreaProps extends Omit<TextInputProps$1, 'multiline'> {
2629
2647
  * Additional container style
2630
2648
  */
2631
2649
  style?: ViewStyle;
2650
+ /**
2651
+ * Orientation of the input container
2652
+ * @default 'vertical'
2653
+ */
2654
+ /**
2655
+ * Children (for compound component pattern with Root and Slot)
2656
+ */
2657
+ children?: React$1.ReactNode;
2658
+ }
2659
+ interface TextAreaSlotProps {
2660
+ /**
2661
+ * Side to position the slot (optional - auto-detected if not provided)
2662
+ * First slots = left, Last slots = right
2663
+ */
2664
+ side?: 'left' | 'right';
2665
+ /**
2666
+ * Color for the slot content
2667
+ */
2668
+ color?: Color;
2669
+ /**
2670
+ * Gap between slot and input
2671
+ */
2672
+ gap?: number;
2673
+ /**
2674
+ * Horizontal padding for the slot
2675
+ */
2676
+ paddingHorizontal?: number;
2677
+ /**
2678
+ * Left padding for the slot
2679
+ */
2680
+ paddingLeft?: number;
2681
+ /**
2682
+ * Right padding for the slot
2683
+ */
2684
+ paddingRight?: number;
2685
+ /**
2686
+ * Content to display in the slot
2687
+ */
2688
+ children: React$1.ReactNode;
2689
+ }
2690
+ declare const TextAreaSlot: React$1.ForwardRefExoticComponent<TextAreaSlotProps & React$1.RefAttributes<any>>;
2691
+ interface TextAreaRootProps extends Omit<TextAreaProps, 'children'> {
2692
+ children?: React$1.ReactNode;
2693
+ }
2694
+ declare const TextAreaRoot: React$1.ForwardRefExoticComponent<TextAreaRootProps & React$1.RefAttributes<TextInput>>;
2695
+ interface TextAreaCompoundComponent extends React$1.ForwardRefExoticComponent<TextAreaProps> {
2696
+ Root: typeof TextAreaRoot;
2697
+ Slot: typeof TextAreaSlot;
2632
2698
  }
2633
- interface TextAreaCompoundComponent extends React$1.ForwardRefExoticComponent<TextAreaProps> {}
2634
2699
  declare const TextArea: TextAreaCompoundComponent;
2635
2700
  //#endregion
2636
2701
  //#region src/components/forms/Checkbox.d.ts
@@ -4377,6 +4442,8 @@ interface ContextMenuRadioItemProps {
4377
4442
  checked: boolean;
4378
4443
  onCheckedChange: (value: string) => void;
4379
4444
  disabled?: boolean;
4445
+ /** Enable haptic feedback on select */
4446
+ hapticFeedback?: boolean;
4380
4447
  }
4381
4448
  declare const ContextMenu: {
4382
4449
  Root: ({
@@ -4440,7 +4507,8 @@ declare const ContextMenu: {
4440
4507
  value,
4441
4508
  checked,
4442
4509
  onCheckedChange,
4443
- disabled
4510
+ disabled,
4511
+ hapticFeedback
4444
4512
  }: ContextMenuRadioItemProps) => React$1.JSX.Element;
4445
4513
  };
4446
4514
  //#endregion
@@ -4616,6 +4684,111 @@ declare const BottomSheet: {
4616
4684
  }: BottomSheetActionProps) => React$1.JSX.Element;
4617
4685
  };
4618
4686
  //#endregion
4687
+ //#region src/components/overlays/Sidebar.d.ts
4688
+ type SidePosition = 'left' | 'right';
4689
+ type SidebarVariant = 'overlay' | 'push';
4690
+ interface SidebarRootProps {
4691
+ children: ReactNode;
4692
+ open?: boolean;
4693
+ onOpenChange?: (open: boolean) => void;
4694
+ side?: SidePosition;
4695
+ variant?: SidebarVariant;
4696
+ width?: number;
4697
+ animationDuration?: number;
4698
+ }
4699
+ interface SidebarTriggerProps {
4700
+ children: ReactNode;
4701
+ asChild?: boolean;
4702
+ hapticFeedback?: boolean;
4703
+ }
4704
+ interface SidebarPortalProps {
4705
+ children: ReactNode;
4706
+ hostId?: string;
4707
+ }
4708
+ interface SidebarOverlayProps {
4709
+ style?: StyleProp<ViewStyle>;
4710
+ hapticFeedback?: boolean;
4711
+ }
4712
+ interface SidebarContentProps {
4713
+ children: ReactNode;
4714
+ style?: StyleProp<ViewStyle>;
4715
+ }
4716
+ interface SidebarHeaderProps {
4717
+ children: ReactNode;
4718
+ style?: StyleProp<ViewStyle>;
4719
+ }
4720
+ interface SidebarItemProps {
4721
+ children: ReactNode;
4722
+ onPress?: () => void;
4723
+ style?: StyleProp<ViewStyle>;
4724
+ hapticFeedback?: boolean;
4725
+ }
4726
+ interface SidebarSeparatorProps {
4727
+ style?: StyleProp<ViewStyle>;
4728
+ }
4729
+ interface SidebarBackdropProps {
4730
+ style?: StyleProp<ViewStyle>;
4731
+ hapticFeedback?: boolean;
4732
+ }
4733
+ interface SidebarContainerProps {
4734
+ children: ReactNode;
4735
+ }
4736
+ interface SidebarMainProps {
4737
+ children: ReactNode;
4738
+ style?: StyleProp<ViewStyle>;
4739
+ }
4740
+ declare const Sidebar: {
4741
+ Root: ({
4742
+ children,
4743
+ open: controlledOpen,
4744
+ onOpenChange,
4745
+ side,
4746
+ variant,
4747
+ width,
4748
+ animationDuration
4749
+ }: SidebarRootProps) => React$1.JSX.Element;
4750
+ Trigger: ({
4751
+ children,
4752
+ asChild,
4753
+ hapticFeedback
4754
+ }: SidebarTriggerProps) => React$1.JSX.Element;
4755
+ Portal: ({
4756
+ children
4757
+ }: SidebarPortalProps) => React$1.JSX.Element | null;
4758
+ Overlay: ({
4759
+ style,
4760
+ hapticFeedback
4761
+ }: SidebarOverlayProps) => React$1.JSX.Element | null;
4762
+ Content: ({
4763
+ children,
4764
+ style
4765
+ }: SidebarContentProps) => React$1.JSX.Element;
4766
+ Header: ({
4767
+ children,
4768
+ style
4769
+ }: SidebarHeaderProps) => React$1.JSX.Element;
4770
+ Item: ({
4771
+ children,
4772
+ onPress,
4773
+ style,
4774
+ hapticFeedback
4775
+ }: SidebarItemProps) => React$1.JSX.Element;
4776
+ Separator: ({
4777
+ style
4778
+ }: SidebarSeparatorProps) => React$1.JSX.Element;
4779
+ Main: ({
4780
+ children,
4781
+ style
4782
+ }: SidebarMainProps) => React$1.JSX.Element;
4783
+ Backdrop: ({
4784
+ style,
4785
+ hapticFeedback
4786
+ }: SidebarBackdropProps) => React$1.JSX.Element | null;
4787
+ Container: ({
4788
+ children
4789
+ }: SidebarContainerProps) => React$1.JSX.Element;
4790
+ };
4791
+ //#endregion
4619
4792
  //#region src/components/data-display/Avatar.d.ts
4620
4793
  interface AvatarProps {
4621
4794
  /**
@@ -5012,7 +5185,7 @@ interface FancyListProps<T = any> {
5012
5185
  ListFooterComponent?: any;
5013
5186
  }
5014
5187
  declare const FancyList: {
5015
- <T extends object>({
5188
+ <T extends unknown>({
5016
5189
  data,
5017
5190
  renderItem,
5018
5191
  keyExtractor,
@@ -5113,46 +5286,107 @@ interface SpinnerProps {
5113
5286
  }
5114
5287
  declare const Spinner: React$1.ForwardRefExoticComponent<SpinnerProps & React$1.RefAttributes<react_native0.View>>;
5115
5288
  //#endregion
5116
- //#region src/components/data-display/Table.d.ts
5117
- interface TableColumn<T = any> {
5118
- key: string;
5119
- title: string;
5289
+ //#region src/components/data-display/Skeleton.d.ts
5290
+ interface SkeletonProps {
5291
+ /**
5292
+ * The content to display inside the skeleton.
5293
+ * Can be a string (text) or a React element (component).
5294
+ */
5295
+ children?: React$1.ReactNode;
5296
+ /**
5297
+ * When true, shows the skeleton placeholder.
5298
+ * When false, shows the actual content.
5299
+ * @default true
5300
+ */
5301
+ loading?: boolean;
5302
+ /**
5303
+ * Custom style applied to the skeleton container
5304
+ */
5305
+ style?: StyleProp<ViewStyle>;
5306
+ /**
5307
+ * Custom style for text content (used for inline skeletons)
5308
+ */
5309
+ textStyle?: StyleProp<TextStyle>;
5310
+ /**
5311
+ * Custom width
5312
+ */
5120
5313
  width?: number | string;
5121
- render?: (item: T, index: number) => ReactNode;
5122
- align?: 'left' | 'center' | 'right';
5314
+ /**
5315
+ * Custom height
5316
+ */
5317
+ height?: number | string;
5318
+ /**
5319
+ * Accessibility label
5320
+ * @default 'Loading'
5321
+ */
5322
+ accessibilityLabel?: string;
5323
+ /**
5324
+ * Test ID for testing
5325
+ */
5326
+ testID?: string;
5123
5327
  }
5124
- interface TableProps<T = any> {
5328
+ declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<any>>;
5329
+ //#endregion
5330
+ //#region src/components/data-display/Table.d.ts
5331
+ type TableSize = '1' | '2' | '3';
5332
+ interface TableRootProps {
5333
+ /**
5334
+ * Table content
5335
+ */
5336
+ children: ReactNode;
5125
5337
  /**
5126
- * Table columns definition
5338
+ * Size variant
5339
+ * @default '2'
5127
5340
  */
5128
- columns: TableColumn<T>[];
5341
+ size?: TableSize;
5129
5342
  /**
5130
- * Table data rows
5343
+ * Enable horizontal scrolling
5344
+ * @default true
5131
5345
  */
5132
- data: T[];
5346
+ scrollable?: boolean;
5133
5347
  /**
5134
5348
  * Custom style
5135
5349
  */
5136
5350
  style?: StyleProp<ViewStyle>;
5351
+ }
5352
+ declare const TableRoot: React$1.ForwardRefExoticComponent<TableRootProps & React$1.RefAttributes<View>>;
5353
+ interface TableHeaderProps {
5137
5354
  /**
5138
- * Whether table should be scrollable horizontally
5355
+ * Header row content
5139
5356
  */
5140
- scrollable?: boolean;
5141
- }
5142
- interface TheadProps {
5143
5357
  children: ReactNode;
5358
+ /**
5359
+ * Custom style
5360
+ */
5361
+ style?: StyleProp<ViewStyle>;
5144
5362
  }
5145
- interface TbodyProps {
5363
+ declare const TableHeader: React$1.ForwardRefExoticComponent<TableHeaderProps & React$1.RefAttributes<View>>;
5364
+ interface TableBodyProps {
5365
+ /**
5366
+ * Body rows content
5367
+ */
5146
5368
  children: ReactNode;
5369
+ /**
5370
+ * Custom style
5371
+ */
5372
+ style?: StyleProp<ViewStyle>;
5147
5373
  }
5148
- interface TrProps {
5374
+ declare const TableBody: React$1.ForwardRefExoticComponent<TableBodyProps & React$1.RefAttributes<View>>;
5375
+ interface TableRowProps {
5376
+ /**
5377
+ * Row cells content
5378
+ */
5149
5379
  children: ReactNode;
5150
5380
  /**
5151
- * Whether this is a header row
5381
+ * Custom style
5152
5382
  */
5153
- isHeader?: boolean;
5383
+ style?: StyleProp<ViewStyle>;
5154
5384
  }
5155
- interface ThProps {
5385
+ declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<View>>;
5386
+ interface TableColumnHeaderCellProps {
5387
+ /**
5388
+ * Cell content
5389
+ */
5156
5390
  children: ReactNode;
5157
5391
  /**
5158
5392
  * Column width
@@ -5160,46 +5394,54 @@ interface ThProps {
5160
5394
  width?: number | string;
5161
5395
  /**
5162
5396
  * Text alignment
5397
+ * @default 'left'
5163
5398
  */
5164
5399
  align?: 'left' | 'center' | 'right';
5400
+ /**
5401
+ * Custom style
5402
+ */
5403
+ style?: StyleProp<ViewStyle>;
5165
5404
  }
5166
- interface TdProps {
5405
+ declare const TableColumnHeaderCell: React$1.ForwardRefExoticComponent<TableColumnHeaderCellProps & React$1.RefAttributes<View>>;
5406
+ interface TableCellProps {
5407
+ /**
5408
+ * Cell content
5409
+ */
5167
5410
  children: ReactNode;
5168
5411
  /**
5169
5412
  * Text alignment
5413
+ * @default 'left'
5170
5414
  */
5171
5415
  align?: 'left' | 'center' | 'right';
5416
+ /**
5417
+ * Custom style
5418
+ */
5419
+ style?: StyleProp<ViewStyle>;
5172
5420
  }
5173
- declare const Table: {
5174
- <T extends Record<string, any>>({
5175
- columns,
5176
- data,
5177
- style,
5178
- scrollable
5179
- }: TableProps<T>): React$1.JSX.Element;
5180
- displayName: string;
5181
- Thead: ({
5182
- children
5183
- }: TheadProps) => React$1.JSX.Element;
5184
- Tbody: ({
5185
- children
5186
- }: TbodyProps) => React$1.JSX.Element;
5187
- Tr: ({
5188
- children,
5189
- isHeader
5190
- }: TrProps) => React$1.JSX.Element;
5191
- Th: ({
5192
- children,
5193
- width,
5194
- align
5195
- }: ThProps) => React$1.JSX.Element;
5196
- Td: ({
5197
- children,
5198
- align
5199
- }: TdProps) => React$1.JSX.Element;
5200
- };
5421
+ declare const TableCell: React$1.ForwardRefExoticComponent<TableCellProps & React$1.RefAttributes<View>>;
5422
+ interface TableCompoundComponent {
5423
+ Root: typeof TableRoot;
5424
+ Header: typeof TableHeader;
5425
+ Body: typeof TableBody;
5426
+ Row: typeof TableRow;
5427
+ ColumnHeaderCell: typeof TableColumnHeaderCell;
5428
+ Cell: typeof TableCell;
5429
+ }
5430
+ declare const Table: TableCompoundComponent;
5201
5431
  //#endregion
5202
5432
  //#region src/components/navigation/SegmentedControl.d.ts
5433
+ interface SegmentedControlValueProps {
5434
+ /**
5435
+ * Content to display (typically text)
5436
+ */
5437
+ children: ReactNode;
5438
+ }
5439
+ interface SegmentedControlIconProps {
5440
+ /**
5441
+ * Icon element to display
5442
+ */
5443
+ children: ReactElement;
5444
+ }
5203
5445
  interface SegmentedControlItemProps {
5204
5446
  /**
5205
5447
  * Unique value for this item
@@ -5288,6 +5530,18 @@ declare const SegmentedControl: {
5288
5530
  }: SegmentedControlRootProps): React$1.JSX.Element;
5289
5531
  displayName: string;
5290
5532
  };
5533
+ Value: {
5534
+ ({
5535
+ children
5536
+ }: SegmentedControlValueProps): React$1.JSX.Element;
5537
+ displayName: string;
5538
+ };
5539
+ Icon: {
5540
+ ({
5541
+ children
5542
+ }: SegmentedControlIconProps): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
5543
+ displayName: string;
5544
+ };
5291
5545
  };
5292
5546
  //#endregion
5293
5547
  //#region src/components/navigation/TabNav.d.ts
@@ -5676,4 +5930,4 @@ interface ResponsiveInfo {
5676
5930
  */
5677
5931
  declare const useResponsive: (breakpoints?: ResponsiveBreakpoints) => ResponsiveInfo;
5678
5932
  //#endregion
5679
- export { AbsoluteCenter, type AbsoluteCenterProps, Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, RnActivityIndicator as ActivityIndicator, type 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, type AnchorPosition, AnimatedPressable, type AnimatedPressableProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarFallbackProps, type 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, type CalculatedPosition, Callout, CalloutIcon, type CalloutIconProps, CalloutRoot, type CalloutRootProps, type CalloutSize, CalloutText, type CalloutTextProps, type CalloutVariant, Card, type CardFooterProps, type CardProps, Center, type CenterAxis, type 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, type 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, type FlatListProps, Flex, type FlexProps, FontScale, FontSize, FontSizeSpec, FontToken, GrayScaleWithAlpha, Grid, type GridProps, HCenter, type HCenterProps, HStack, type HStackProps, Heading, type HeadingProps, IconButton, type IconButtonProps, RnImage as Image, type 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, type PressableProps, RnText as PrimitiveText, type 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, type ScreenSize, ScrollArea, type ScrollAreaProps, RnScrollView as ScrollView, type 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, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorMarginSize, type SeparatorOrientation, type SeparatorProps, ShadowToken, ShadowTokens, type SimpleTooltipProps, Slider, type SliderProps, type SliderValue, Slot, type SlotProps, type SnapPoint, SpaceScale, Spacer, type SpacerDirection, type SpacerProps, type SpacerSize, Spinner, type SpinnerProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, type 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, type 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, type TooltipAlign, type TooltipArrowProps, type TooltipContentProps, type TooltipPortalProps, type TooltipRootProps, type TooltipSide, type TooltipTriggerProps, RnTouchableHighlight as TouchableHighlight, type TouchableHighlightProps, RnTouchableOpacity as TouchableOpacity, type TouchableOpacityProps, type TrProps, TypographyTokens, VCenter, type VCenterProps, VStack, type VStackProps, RnView as View, type 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 };
5933
+ export { AbsoluteCenter, type AbsoluteCenterProps, Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, RnActivityIndicator as ActivityIndicator, type 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, type AnchorPosition, AnimatedPressable, type AnimatedPressableProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarFallbackProps, type 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, type CalculatedPosition, Callout, CalloutIcon, type CalloutIconProps, CalloutRoot, type CalloutRootProps, type CalloutSize, CalloutText, type CalloutTextProps, type CalloutVariant, Card, type CardFooterProps, type CardProps, Center, type CenterAxis, type 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, type 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, type FlatListProps, Flex, type FlexProps, FontScale, FontSize, FontSizeSpec, FontToken, GrayScaleWithAlpha, Grid, type GridProps, HCenter, type HCenterProps, HStack, type HStackProps, Heading, type HeadingProps, IconButton, type IconButtonProps, RnImage as Image, type 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, type PressableProps, RnText as PrimitiveText, type 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, type ScreenSize, ScrollArea, type ScrollAreaProps, RnScrollView as ScrollView, type 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, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorMarginSize, type SeparatorOrientation, type SeparatorProps, ShadowToken, ShadowTokens, type SidePosition, Sidebar, type SidebarBackdropProps, type SidebarContainerProps, type SidebarContentProps, type SidebarHeaderProps, type SidebarItemProps, type SidebarMainProps, type SidebarOverlayProps, type SidebarPortalProps, type SidebarRootProps, type SidebarSeparatorProps, type SidebarTriggerProps, type SidebarVariant, type SimpleTooltipProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Slot, type SlotProps, type SnapPoint, SpaceScale, Spacer, type SpacerDirection, type SpacerProps, type SpacerSize, Spinner, type SpinnerProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, type 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, type 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, type TooltipAlign, type TooltipArrowProps, type TooltipContentProps, type TooltipPortalProps, type TooltipRootProps, type TooltipSide, type TooltipTriggerProps, RnTouchableHighlight as TouchableHighlight, type TouchableHighlightProps, RnTouchableOpacity as TouchableOpacity, type TouchableOpacityProps, TypographyTokens, VCenter, type VCenterProps, VStack, type VStackProps, RnView as View, type 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 };