@titan-design/react-ui 0.1.0 → 0.2.5

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 (236) hide show
  1. package/README.md +47 -1
  2. package/dist/{chunk-MGW37MPO.mjs → chunk-UXVRPOME.mjs} +173 -3
  3. package/dist/chunk-UXVRPOME.mjs.map +1 -0
  4. package/dist/index.d.mts +101 -12
  5. package/dist/index.d.ts +101 -12
  6. package/dist/index.js +1267 -468
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +734 -112
  9. package/dist/index.mjs.map +1 -1
  10. package/dist/theme/index.d.mts +86 -1
  11. package/dist/theme/index.d.ts +86 -1
  12. package/dist/theme/index.js +166 -0
  13. package/dist/theme/index.js.map +1 -1
  14. package/dist/theme/index.mjs +1 -1
  15. package/package.json +22 -6
  16. package/src/components/custom/DateTime/DateTime.stories.tsx +180 -0
  17. package/src/components/custom/DateTime/DateTime.test.tsx +152 -0
  18. package/src/components/custom/DateTime/DateTime.tsx +235 -0
  19. package/src/components/custom/DateTime/index.ts +2 -0
  20. package/src/components/custom/EmptyState/EmptyState.stories.tsx +99 -0
  21. package/src/components/custom/EmptyState/EmptyState.test.tsx +106 -0
  22. package/src/components/custom/EmptyState/EmptyState.tsx +68 -0
  23. package/src/components/custom/EmptyState/index.ts +2 -0
  24. package/src/components/custom/Metric/Metric.stories.tsx +133 -0
  25. package/src/components/custom/Metric/Metric.test.tsx +120 -0
  26. package/src/components/custom/Metric/Metric.tsx +92 -0
  27. package/src/components/custom/Metric/index.ts +2 -0
  28. package/src/components/custom/Sidebar/Sidebar.stories.tsx +227 -0
  29. package/src/components/custom/Sidebar/Sidebar.test.tsx +185 -0
  30. package/src/components/custom/Sidebar/Sidebar.tsx +257 -0
  31. package/src/components/custom/Sidebar/index.ts +18 -0
  32. package/src/components/custom/Table/Table.stories.tsx +481 -0
  33. package/src/components/custom/Table/Table.test.tsx +531 -0
  34. package/src/components/custom/Table/Table.tsx +696 -0
  35. package/src/components/custom/Table/index.ts +22 -0
  36. package/src/components/custom/Typography/Typography.stories.tsx +153 -0
  37. package/src/components/custom/Typography/Typography.test.tsx +107 -0
  38. package/src/components/custom/Typography/Typography.tsx +218 -0
  39. package/src/components/custom/Typography/index.ts +19 -0
  40. package/src/components/custom/Workout/RestTimer.stories.tsx +71 -0
  41. package/src/components/custom/Workout/RestTimer.test.tsx +145 -0
  42. package/src/components/custom/Workout/RestTimer.tsx +172 -0
  43. package/src/components/custom/Workout/SupersetWrapper.stories.tsx +144 -0
  44. package/src/components/custom/Workout/SupersetWrapper.test.tsx +130 -0
  45. package/src/components/custom/Workout/SupersetWrapper.tsx +63 -0
  46. package/src/components/custom/Workout/index.ts +2 -0
  47. package/src/components/custom/index.ts +9 -0
  48. package/src/components/custom/stepper/Stepper.stories.tsx +245 -0
  49. package/src/components/custom/stepper/Stepper.test.tsx +230 -0
  50. package/src/components/custom/stepper/Stepper.tsx +250 -0
  51. package/src/components/custom/stepper/index.ts +10 -0
  52. package/src/components/index.ts +5 -0
  53. package/src/components/ui/alert/Alert.stories.tsx +154 -0
  54. package/src/components/ui/alert/Alert.test.tsx +202 -0
  55. package/src/components/ui/alert/Alert.tsx +170 -0
  56. package/src/components/ui/alert/index.ts +8 -0
  57. package/src/components/ui/autocomplete/Autocomplete.stories.tsx +299 -0
  58. package/src/components/ui/autocomplete/Autocomplete.test.tsx +247 -0
  59. package/src/components/ui/autocomplete/Autocomplete.tsx +332 -0
  60. package/src/components/ui/autocomplete/index.ts +2 -0
  61. package/src/components/ui/avatar/Avatar.stories.tsx +105 -0
  62. package/src/components/ui/avatar/Avatar.test.tsx +152 -0
  63. package/src/components/ui/avatar/Avatar.tsx +176 -0
  64. package/src/components/ui/avatar/index.ts +2 -0
  65. package/src/components/ui/badge/Badge.stories.tsx +100 -0
  66. package/src/components/ui/badge/Badge.test.tsx +103 -0
  67. package/src/components/ui/badge/Badge.tsx +119 -0
  68. package/src/components/ui/badge/index.ts +3 -0
  69. package/src/components/ui/breadcrumbs/Breadcrumbs.stories.tsx +70 -0
  70. package/src/components/ui/breadcrumbs/Breadcrumbs.test.tsx +156 -0
  71. package/src/components/ui/breadcrumbs/Breadcrumbs.tsx +127 -0
  72. package/src/components/ui/breadcrumbs/index.ts +2 -0
  73. package/src/components/ui/button/Button.stories.tsx +216 -0
  74. package/src/components/ui/button/Button.test.tsx +132 -0
  75. package/src/components/ui/button/Button.tsx +297 -0
  76. package/src/components/ui/button/index.ts +10 -0
  77. package/src/components/ui/card/Card.stories.tsx +443 -0
  78. package/src/components/ui/card/Card.test.tsx +294 -0
  79. package/src/components/ui/card/Card.tsx +401 -0
  80. package/src/components/ui/card/index.ts +20 -0
  81. package/src/components/ui/checkbox/Checkbox.stories.tsx +126 -0
  82. package/src/components/ui/checkbox/Checkbox.test.tsx +152 -0
  83. package/src/components/ui/checkbox/Checkbox.tsx +163 -0
  84. package/src/components/ui/checkbox/index.ts +2 -0
  85. package/src/components/ui/chip/Chip.stories.tsx +112 -0
  86. package/src/components/ui/chip/Chip.test.tsx +119 -0
  87. package/src/components/ui/chip/Chip.tsx +151 -0
  88. package/src/components/ui/chip/index.ts +2 -0
  89. package/src/components/ui/collapse/Collapse.stories.tsx +313 -0
  90. package/src/components/ui/collapse/Collapse.test.tsx +298 -0
  91. package/src/components/ui/collapse/Collapse.tsx +275 -0
  92. package/src/components/ui/collapse/index.ts +18 -0
  93. package/src/components/ui/data-row/DataRow.stories.tsx +78 -0
  94. package/src/components/ui/data-row/DataRow.test.tsx +78 -0
  95. package/src/components/ui/data-row/DataRow.tsx +29 -0
  96. package/src/components/ui/data-row/index.ts +2 -0
  97. package/src/components/ui/divider/Divider.stories.tsx +71 -0
  98. package/src/components/ui/divider/Divider.test.tsx +55 -0
  99. package/src/components/ui/divider/Divider.tsx +37 -0
  100. package/src/components/ui/divider/index.ts +2 -0
  101. package/src/components/ui/drawer/Drawer.stories.tsx +228 -0
  102. package/src/components/ui/drawer/Drawer.test.tsx +142 -0
  103. package/src/components/ui/drawer/Drawer.tsx +228 -0
  104. package/src/components/ui/drawer/index.ts +9 -0
  105. package/src/components/ui/form-field/FormField.stories.tsx +260 -0
  106. package/src/components/ui/form-field/FormField.test.tsx +280 -0
  107. package/src/components/ui/form-field/FormField.tsx +308 -0
  108. package/src/components/ui/form-field/index.ts +2 -0
  109. package/src/components/ui/help-tip/HelpTip.stories.tsx +250 -0
  110. package/src/components/ui/help-tip/HelpTip.test.tsx +198 -0
  111. package/src/components/ui/help-tip/HelpTip.tsx +229 -0
  112. package/src/components/ui/help-tip/index.ts +2 -0
  113. package/src/components/ui/icon-box/IconBox.stories.tsx +139 -0
  114. package/src/components/ui/icon-box/IconBox.test.tsx +120 -0
  115. package/src/components/ui/icon-box/IconBox.tsx +57 -0
  116. package/src/components/ui/icon-box/index.ts +1 -0
  117. package/src/components/ui/index.ts +38 -0
  118. package/src/components/ui/indicator/Indicator.stories.tsx +74 -0
  119. package/src/components/ui/indicator/Indicator.test.tsx +55 -0
  120. package/src/components/ui/indicator/Indicator.tsx +73 -0
  121. package/src/components/ui/indicator/index.ts +2 -0
  122. package/src/components/ui/input/Input.stories.tsx +192 -0
  123. package/src/components/ui/input/Input.test.tsx +86 -0
  124. package/src/components/ui/input/Input.tsx +273 -0
  125. package/src/components/ui/input/index.ts +2 -0
  126. package/src/components/ui/link/Link.stories.tsx +78 -0
  127. package/src/components/ui/link/Link.test.tsx +94 -0
  128. package/src/components/ui/link/Link.tsx +86 -0
  129. package/src/components/ui/link/index.ts +2 -0
  130. package/src/components/ui/list-item/ListItem.stories.tsx +146 -0
  131. package/src/components/ui/list-item/ListItem.test.tsx +128 -0
  132. package/src/components/ui/list-item/ListItem.tsx +89 -0
  133. package/src/components/ui/list-item/index.ts +14 -0
  134. package/src/components/ui/menu/Menu.stories.tsx +180 -0
  135. package/src/components/ui/menu/Menu.test.tsx +353 -0
  136. package/src/components/ui/menu/Menu.tsx +222 -0
  137. package/src/components/ui/menu/index.ts +2 -0
  138. package/src/components/ui/modal/Modal.stories.tsx +350 -0
  139. package/src/components/ui/modal/Modal.test.tsx +159 -0
  140. package/src/components/ui/modal/Modal.tsx +254 -0
  141. package/src/components/ui/modal/index.ts +19 -0
  142. package/src/components/ui/pill/Pill.stories.tsx +71 -0
  143. package/src/components/ui/pill/Pill.test.tsx +69 -0
  144. package/src/components/ui/pill/Pill.tsx +104 -0
  145. package/src/components/ui/pill/index.ts +2 -0
  146. package/src/components/ui/popover/Popover.stories.tsx +190 -0
  147. package/src/components/ui/popover/Popover.test.tsx +419 -0
  148. package/src/components/ui/popover/Popover.tsx +237 -0
  149. package/src/components/ui/popover/index.ts +2 -0
  150. package/src/components/ui/progress/Progress.stories.tsx +190 -0
  151. package/src/components/ui/progress/Progress.test.tsx +210 -0
  152. package/src/components/ui/progress/Progress.tsx +339 -0
  153. package/src/components/ui/progress/index.ts +9 -0
  154. package/src/components/ui/radio/Radio.stories.tsx +199 -0
  155. package/src/components/ui/radio/Radio.test.tsx +166 -0
  156. package/src/components/ui/radio/Radio.tsx +200 -0
  157. package/src/components/ui/radio/index.ts +2 -0
  158. package/src/components/ui/section/Section.stories.tsx +111 -0
  159. package/src/components/ui/section/Section.test.tsx +121 -0
  160. package/src/components/ui/section/Section.tsx +52 -0
  161. package/src/components/ui/section/index.ts +6 -0
  162. package/src/components/ui/select/Select.stories.tsx +286 -0
  163. package/src/components/ui/select/Select.test.tsx +200 -0
  164. package/src/components/ui/select/Select.tsx +243 -0
  165. package/src/components/ui/select/index.ts +2 -0
  166. package/src/components/ui/skeleton/Skeleton.stories.tsx +153 -0
  167. package/src/components/ui/skeleton/Skeleton.test.tsx +162 -0
  168. package/src/components/ui/skeleton/Skeleton.tsx +229 -0
  169. package/src/components/ui/skeleton/index.ts +16 -0
  170. package/src/components/ui/spinner/Spinner.stories.tsx +67 -0
  171. package/src/components/ui/spinner/Spinner.test.tsx +67 -0
  172. package/src/components/ui/spinner/Spinner.tsx +72 -0
  173. package/src/components/ui/spinner/index.ts +2 -0
  174. package/src/components/ui/stack/Stack.stories.tsx +127 -0
  175. package/src/components/ui/stack/Stack.test.tsx +184 -0
  176. package/src/components/ui/stack/Stack.tsx +76 -0
  177. package/src/components/ui/stack/index.ts +2 -0
  178. package/src/components/ui/surface/Surface.stories.tsx +91 -0
  179. package/src/components/ui/surface/Surface.test.tsx +63 -0
  180. package/src/components/ui/surface/Surface.tsx +51 -0
  181. package/src/components/ui/surface/index.ts +1 -0
  182. package/src/components/ui/switch/Switch.stories.tsx +111 -0
  183. package/src/components/ui/switch/Switch.test.tsx +112 -0
  184. package/src/components/ui/switch/Switch.tsx +103 -0
  185. package/src/components/ui/switch/index.ts +2 -0
  186. package/src/components/ui/tabs/Tabs.stories.tsx +213 -0
  187. package/src/components/ui/tabs/Tabs.test.tsx +192 -0
  188. package/src/components/ui/tabs/Tabs.tsx +253 -0
  189. package/src/components/ui/tabs/index.ts +16 -0
  190. package/src/components/ui/toast/Toast.stories.tsx +255 -0
  191. package/src/components/ui/toast/Toast.test.tsx +207 -0
  192. package/src/components/ui/toast/Toast.tsx +327 -0
  193. package/src/components/ui/toast/index.ts +9 -0
  194. package/src/components/ui/toolbar-button/ToolbarButton.stories.tsx +415 -0
  195. package/src/components/ui/toolbar-button/ToolbarButton.test.tsx +224 -0
  196. package/src/components/ui/toolbar-button/ToolbarButton.tsx +307 -0
  197. package/src/components/ui/toolbar-button/index.ts +7 -0
  198. package/src/components/ui/tooltip/Tooltip.stories.tsx +126 -0
  199. package/src/components/ui/tooltip/Tooltip.test.tsx +262 -0
  200. package/src/components/ui/tooltip/Tooltip.tsx +234 -0
  201. package/src/components/ui/tooltip/index.ts +2 -0
  202. package/src/index.ts +10 -0
  203. package/src/stories/PresetShowcase.stories.tsx +462 -0
  204. package/src/stories/ThemePresets.stories.tsx +85 -0
  205. package/src/test/setup.ts +19 -0
  206. package/src/theme/Colors.stories.tsx +258 -0
  207. package/src/theme/config.ts +193 -0
  208. package/src/theme/elevation.stories.tsx +346 -0
  209. package/src/theme/elevation.test.ts +27 -0
  210. package/src/theme/elevation.ts +567 -0
  211. package/src/theme/global.css +129 -1
  212. package/src/theme/index.ts +40 -0
  213. package/src/theme/presets/apply.ts +97 -0
  214. package/src/theme/presets/audiobook.ts +93 -0
  215. package/src/theme/presets/default.ts +6 -0
  216. package/src/theme/presets/index.ts +4 -0
  217. package/src/theme/presets/presets.test.ts +51 -0
  218. package/src/theme/presets/types.ts +76 -0
  219. package/src/theme/shadows.stories.tsx +523 -0
  220. package/src/theme/shadows.ts +439 -0
  221. package/src/theme/tokens/index.ts +2 -0
  222. package/src/theme/tokens/primitives.ts +354 -0
  223. package/src/theme/tokens/semantic.ts +381 -0
  224. package/src/types/jest-axe.d.ts +16 -0
  225. package/src/types/nativewind.d.ts +54 -0
  226. package/src/utils/avatar-color.test.ts +30 -0
  227. package/src/utils/avatar-color.ts +20 -0
  228. package/src/utils/cn.ts +14 -0
  229. package/src/utils/colors.ts +140 -0
  230. package/src/utils/form.ts +188 -0
  231. package/src/utils/index.ts +29 -0
  232. package/src/utils/useTheme.ts +72 -0
  233. package/src/web-jsx/jsx-dev-runtime.ts +28 -0
  234. package/src/web-jsx/jsx-runtime.ts +41 -0
  235. package/tailwind.config.js +53 -3
  236. package/dist/chunk-MGW37MPO.mjs.map +0 -1
package/dist/index.d.mts CHANGED
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import React from 'react';
3
3
  import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
4
4
  import { ElevationLevel, GlowIntensity } from './theme/index.mjs';
5
- export { ComponentType, ElevationConfig, ShadowIntensity, ShadowSurface, ThemeConfig, ThemeMode, buttonSizes, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darkThemeCSSVars, darken, discreteRainbow, elevationSystem, getBaseSurfaceColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, hexToRgb, hsvToRgb, isDark, lightThemeCSSVars, lighten, neumorphicShadows, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveShadows, primitiveSpacing, primitiveTypography, primitiveZIndex, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, shadowColors } from './theme/index.mjs';
5
+ export { ComponentType, ElevationConfig, ShadowIntensity, ShadowSurface, ThemeConfig, ThemeMode, ThemePreset, ThemePresetColors, ThemePresetFonts, ThemePresetRadii, ThemePresetShadows, applyThemePreset, audiobookPreset, buttonSizes, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darkThemeCSSVars, darken, defaultPreset, discreteRainbow, elevationSystem, getBaseSurfaceColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, hexToRgb, hsvToRgb, isDark, lightThemeCSSVars, lighten, neumorphicShadows, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveShadows, primitiveSpacing, primitiveTypography, primitiveZIndex, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, shadowColors } from './theme/index.mjs';
6
6
  import { ClassValue } from 'clsx';
7
7
 
8
8
  type AlertStatus = 'success' | 'info' | 'warning' | 'error';
@@ -202,7 +202,7 @@ interface PasswordInputProps extends Omit<InputProps, 'secureTextEntry' | 'right
202
202
  */
203
203
  declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<TextInput>>;
204
204
 
205
- type CardVariant = 'elevated' | 'outline' | 'filled';
205
+ type CardVariant = 'elevated' | 'outline' | 'filled' | 'accent' | 'subtle';
206
206
  type CardElevation = 1 | 2 | 3;
207
207
  interface CardProps extends ViewProps {
208
208
  /** Visual variant */
@@ -219,6 +219,10 @@ interface CardProps extends ViewProps {
219
219
  borderColor?: string;
220
220
  /** Custom background color (hex, rgb, or CSS color). Useful for colored cards. */
221
221
  bgColor?: string;
222
+ /** Accent stripe color for accent variant (CSS color or hex) */
223
+ accentColor?: string;
224
+ /** Accent stripe width for accent variant in pixels (default: 3) */
225
+ accentWidth?: number;
222
226
  /** Additional className */
223
227
  className?: string;
224
228
  children?: React.ReactNode;
@@ -251,7 +255,7 @@ interface CardProps extends ViewProps {
251
255
  * <CardContent>Click me</CardContent>
252
256
  * </Card>
253
257
  */
254
- declare function Card({ variant, elevation, isInteractive, isLoading, onPress, borderColor, bgColor, className, children, style, skeletonHasHeader, skeletonHasFooter, skeletonContentLines, ...props }: CardProps): react_jsx_runtime.JSX.Element;
258
+ declare function Card({ variant, elevation, isInteractive, isLoading, onPress, borderColor, bgColor, accentColor, accentWidth, className, children, style, skeletonHasHeader, skeletonHasFooter, skeletonContentLines, ...props }: CardProps): react_jsx_runtime.JSX.Element;
255
259
  interface CardHeaderProps {
256
260
  children?: React.ReactNode;
257
261
  className?: string;
@@ -307,6 +311,24 @@ interface CardSkeletonProps {
307
311
  */
308
312
  declare function CardSkeleton({ hasHeader, hasFooter, contentLines, className, }: CardSkeletonProps): react_jsx_runtime.JSX.Element;
309
313
 
314
+ type IndicatorSize = 'xs' | 'sm' | 'md' | 'lg';
315
+ type IndicatorColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info';
316
+ interface IndicatorProps extends ViewProps {
317
+ /** Dot size */
318
+ size?: IndicatorSize;
319
+ /** Semantic color */
320
+ color?: IndicatorColor;
321
+ /** Custom hex color (overrides color prop) */
322
+ customColor?: string;
323
+ /** Add a glow shadow effect */
324
+ glow?: boolean;
325
+ /** Add a ring border */
326
+ ring?: boolean;
327
+ /** Additional className */
328
+ className?: string;
329
+ }
330
+ declare function Indicator({ size, color, customColor, glow, ring, className, style, ...props }: IndicatorProps): react_jsx_runtime.JSX.Element;
331
+
310
332
  type BadgeVariant = 'solid' | 'subtle' | 'outline';
311
333
  type BadgeColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
312
334
  type BadgeSize = 'sm' | 'md' | 'lg';
@@ -317,6 +339,10 @@ interface BadgeProps extends ViewProps {
317
339
  color?: BadgeColor;
318
340
  /** Size */
319
341
  size?: BadgeSize;
342
+ /** Show a leading indicator dot */
343
+ dot?: boolean;
344
+ /** Color for the dot indicator (defaults to match badge color) */
345
+ dotColor?: IndicatorColor;
320
346
  /** Additional className */
321
347
  className?: string;
322
348
  children?: React.ReactNode;
@@ -328,7 +354,7 @@ interface BadgeProps extends ViewProps {
328
354
  * <Badge color="success">Active</Badge>
329
355
  * <Badge variant="outline" color="warning">Pending</Badge>
330
356
  */
331
- declare function Badge({ variant, color, size, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
357
+ declare function Badge({ variant, color, size, dot, dotColor, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
332
358
  interface BadgeTextProps {
333
359
  children: React.ReactNode;
334
360
  className?: string;
@@ -374,6 +400,8 @@ interface AvatarProps extends ViewProps {
374
400
  fallback?: string;
375
401
  /** Alt text for accessibility */
376
402
  alt?: string;
403
+ /** Generate background color and initials from a name */
404
+ colorFromName?: string;
377
405
  /** Additional className */
378
406
  className?: string;
379
407
  }
@@ -394,7 +422,7 @@ interface AvatarProps extends ViewProps {
394
422
  * <AvatarBadge />
395
423
  * </AvatarGroup>
396
424
  */
397
- declare function Avatar({ size, source, fallback, alt, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
425
+ declare function Avatar({ size, source, fallback, alt, colorFromName, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
398
426
  interface AvatarBadgeProps {
399
427
  /** Badge color */
400
428
  color?: 'success' | 'error' | 'warning' | 'default';
@@ -827,8 +855,10 @@ declare function Link({ href, underline, color, isExternal, onPress, isDisabled,
827
855
 
828
856
  type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
829
857
  interface TooltipProps extends ViewProps {
830
- /** Tooltip content */
831
- label: string;
858
+ /** Plain-text tooltip content */
859
+ label?: string;
860
+ /** Rich tooltip content (takes precedence over label) */
861
+ content?: React.ReactNode;
832
862
  /** Trigger element */
833
863
  children: React.ReactNode;
834
864
  /** Tooltip placement */
@@ -843,6 +873,8 @@ interface TooltipProps extends ViewProps {
843
873
  isDisabled?: boolean;
844
874
  /** Additional className for tooltip */
845
875
  className?: string;
876
+ /** Render tooltip via portal to escape overflow:hidden ancestors (web only) */
877
+ usePortal?: boolean;
846
878
  }
847
879
  /**
848
880
  * Tooltip component for showing additional information on hover/press.
@@ -850,11 +882,17 @@ interface TooltipProps extends ViewProps {
850
882
  * Note: On native, tooltips appear on long press. On web, they appear on hover.
851
883
  *
852
884
  * @example
885
+ * // String-only tooltip
853
886
  * <Tooltip label="This is a tooltip">
854
887
  * <Button><ButtonText>Hover me</ButtonText></Button>
855
888
  * </Tooltip>
889
+ *
890
+ * // Rich content tooltip
891
+ * <Tooltip content={<View><Text>Bold tip</Text><Text>with details</Text></View>}>
892
+ * <Button><ButtonText>Hover me</ButtonText></Button>
893
+ * </Tooltip>
856
894
  */
857
- declare function Tooltip({ label, children, placement, openDelay, closeDelay, hasArrow, isDisabled, className, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
895
+ declare function Tooltip({ label, content, children, placement, openDelay, closeDelay, hasArrow, isDisabled, className, usePortal: usePortalProp, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
858
896
 
859
897
  interface CollapseProps extends ViewProps {
860
898
  /** Whether the collapse is initially open */
@@ -997,6 +1035,10 @@ interface PopoverProps extends ViewProps {
997
1035
  onOpenChange?: (isOpen: boolean) => void;
998
1036
  /** Whether clicking outside closes the popover */
999
1037
  closeOnClickOutside?: boolean;
1038
+ /** Trigger mode: 'click' opens on click, 'hover' opens on hover */
1039
+ triggerMode?: 'click' | 'hover';
1040
+ /** Delay in ms before closing in hover mode (default 150) */
1041
+ closeDelay?: number;
1000
1042
  /** Additional className */
1001
1043
  className?: string;
1002
1044
  children?: React.ReactNode;
@@ -1014,7 +1056,7 @@ interface PopoverProps extends ViewProps {
1014
1056
  * </PopoverContent>
1015
1057
  * </Popover>
1016
1058
  */
1017
- declare function Popover({ placement, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, className, children, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
1059
+ declare function Popover({ placement, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, triggerMode, closeDelay, className, children, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
1018
1060
  interface PopoverTriggerProps {
1019
1061
  children: React.ReactNode;
1020
1062
  className?: string;
@@ -1141,6 +1183,8 @@ interface SelectProps<T = string> extends ViewProps {
1141
1183
  isInvalid?: boolean;
1142
1184
  /** Options to display */
1143
1185
  options: SelectOption<T>[];
1186
+ /** Visual variant — use 'filled' on dark/elevated surfaces */
1187
+ variant?: 'default' | 'filled';
1144
1188
  /** Additional className */
1145
1189
  className?: string;
1146
1190
  }
@@ -1166,7 +1210,7 @@ interface SelectProps<T = string> extends ViewProps {
1166
1210
  * options={options}
1167
1211
  * />
1168
1212
  */
1169
- declare function Select<T extends string = string>({ value, values, onChange, onChangeMulti, isMulti, placeholder, isDisabled, isInvalid, options, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
1213
+ declare function Select<T extends string = string>({ value, values, onChange, onChangeMulti, isMulti, placeholder, isDisabled, isInvalid, options, variant, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
1170
1214
 
1171
1215
  type ToolbarButtonVariant = 'default' | 'neumorphic';
1172
1216
  type ToolbarButtonSize = 'sm' | 'md' | 'lg';
@@ -1393,6 +1437,10 @@ interface ProgressProps extends ViewProps {
1393
1437
  formatValue?: (value: number, max: number) => string;
1394
1438
  /** Label text */
1395
1439
  label?: string;
1440
+ /** Fixed track width in pixels (default: full width) */
1441
+ trackWidth?: number;
1442
+ /** Custom hex color override for the fill bar */
1443
+ customColor?: string;
1396
1444
  /** Additional className */
1397
1445
  className?: string;
1398
1446
  }
@@ -1411,7 +1459,7 @@ interface ProgressProps extends ViewProps {
1411
1459
  * // Indeterminate progress
1412
1460
  * <Progress isIndeterminate />
1413
1461
  */
1414
- declare function Progress({ value, max, isIndeterminate, size, color, showValue, formatValue, label, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
1462
+ declare function Progress({ value, max, isIndeterminate, size, color, showValue, formatValue, label, trackWidth, customColor, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
1415
1463
  interface CircularProgressProps extends ViewProps {
1416
1464
  /** Current value (0-100) */
1417
1465
  value?: number;
@@ -1912,6 +1960,29 @@ interface ListItemDividerProps extends ViewProps {
1912
1960
  }
1913
1961
  declare function ListItemDivider({ inset, className, ...props }: ListItemDividerProps): react_jsx_runtime.JSX.Element;
1914
1962
 
1963
+ type PillVariant = 'subtle' | 'outline';
1964
+ type PillColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
1965
+ type PillSize = 'xs' | 'sm' | 'md';
1966
+ interface PillProps extends ViewProps {
1967
+ /** Pill content */
1968
+ children: React.ReactNode;
1969
+ /** Visual variant */
1970
+ variant?: PillVariant;
1971
+ /** Color scheme */
1972
+ color?: PillColor;
1973
+ /** Size */
1974
+ size?: PillSize;
1975
+ /** Fully rounded (default true) or slight radius */
1976
+ rounded?: boolean;
1977
+ /** Element before the label (e.g., Indicator dot) */
1978
+ leftElement?: React.ReactNode;
1979
+ /** Press handler (makes pill interactive) */
1980
+ onPress?: () => void;
1981
+ /** Additional className */
1982
+ className?: string;
1983
+ }
1984
+ declare function Pill({ children, variant, color, size, rounded, leftElement, onPress, className, ...props }: PillProps): react_jsx_runtime.JSX.Element;
1985
+
1915
1986
  type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button';
1916
1987
  type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
1917
1988
  type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
@@ -2426,6 +2497,24 @@ interface MetricGroupProps extends ViewProps {
2426
2497
  }
2427
2498
  declare function MetricGroup({ className, children, ...props }: MetricGroupProps): react_jsx_runtime.JSX.Element;
2428
2499
 
2500
+ interface RestTimerProps {
2501
+ totalSeconds: number;
2502
+ elapsedMs: number;
2503
+ onSkip: () => void;
2504
+ onAddTime: () => void;
2505
+ nextSetInfo?: string;
2506
+ visible: boolean;
2507
+ }
2508
+ declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
2509
+
2510
+ interface SupersetWrapperProps {
2511
+ label?: string;
2512
+ color?: string;
2513
+ children: React.ReactNode;
2514
+ syncExpansion?: boolean;
2515
+ }
2516
+ declare function SupersetWrapper({ label, color, children, }: SupersetWrapperProps): react_jsx_runtime.JSX.Element;
2517
+
2429
2518
  /**
2430
2519
  * Utility function to merge Tailwind CSS classes with proper conflict resolution.
2431
2520
  * Combines clsx for conditional classes with tailwind-merge for deduplication.
@@ -2594,4 +2683,4 @@ type FormErrors<T extends FormValues> = Partial<Record<keyof T, string>>;
2594
2683
  */
2595
2684
  type FormTouched<T extends FormValues> = Partial<Record<keyof T, boolean>>;
2596
2685
 
2597
- export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ElevationLevel, EmptyState, type EmptyStateProps, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, IconBox, type IconBoxProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, Overline, type OverlineProps, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, type ResultType, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, type StatusType, Step, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Surface, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, VStack, alpha, cn, composeValidators, createFieldId, formatDateTime, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, hasMaxLength, hasMinLength, isEmpty, isValidEmail, useTable, useToast, useToolbarButton, validationRules };
2686
+ export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ElevationLevel, EmptyState, type EmptyStateProps, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, IconBox, type IconBoxProps, Indicator, type IndicatorColor, type IndicatorProps, type IndicatorSize, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, Overline, type OverlineProps, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, Pill, type PillColor, type PillProps, type PillSize, type PillVariant, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, RestTimer, type RestTimerProps, type ResultType, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, type StatusType, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Step as StepperStep, type StepProps as StepperStepProps, SupersetWrapper, type SupersetWrapperProps, Surface, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, VStack, alpha, cn, composeValidators, createFieldId, formatDateTime, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, hasMaxLength, hasMinLength, isEmpty, isValidEmail, useTable, useToast, useToolbarButton, validationRules };
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import React from 'react';
3
3
  import { ViewProps, PressableProps, View, TextInputProps, TextInput, ImageSourcePropType, ModalProps as ModalProps$1, TextProps } from 'react-native';
4
4
  import { ElevationLevel, GlowIntensity } from './theme/index.js';
5
- export { ComponentType, ElevationConfig, ShadowIntensity, ShadowSurface, ThemeConfig, ThemeMode, buttonSizes, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darkThemeCSSVars, darken, discreteRainbow, elevationSystem, getBaseSurfaceColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, hexToRgb, hsvToRgb, isDark, lightThemeCSSVars, lighten, neumorphicShadows, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveShadows, primitiveSpacing, primitiveTypography, primitiveZIndex, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, shadowColors } from './theme/index.js';
5
+ export { ComponentType, ElevationConfig, ShadowIntensity, ShadowSurface, ThemeConfig, ThemeMode, ThemePreset, ThemePresetColors, ThemePresetFonts, ThemePresetRadii, ThemePresetShadows, applyThemePreset, audiobookPreset, buttonSizes, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darkThemeCSSVars, darken, defaultPreset, discreteRainbow, elevationSystem, getBaseSurfaceColor, getDiscreteRainbowColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getSemanticColors, getThemeCSSVars, getValidatedElevation, gluestackConfig, hexToRgb, hsvToRgb, isDark, lightThemeCSSVars, lighten, neumorphicShadows, primitiveBorderRadius, primitiveBreakpoints, primitiveColors, primitiveShadows, primitiveSpacing, primitiveTypography, primitiveZIndex, rgbToHex, rgbToHsv, semanticColorsDark, semanticColorsLight, semanticTypography, shadowColors } from './theme/index.js';
6
6
  import { ClassValue } from 'clsx';
7
7
 
8
8
  type AlertStatus = 'success' | 'info' | 'warning' | 'error';
@@ -202,7 +202,7 @@ interface PasswordInputProps extends Omit<InputProps, 'secureTextEntry' | 'right
202
202
  */
203
203
  declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<TextInput>>;
204
204
 
205
- type CardVariant = 'elevated' | 'outline' | 'filled';
205
+ type CardVariant = 'elevated' | 'outline' | 'filled' | 'accent' | 'subtle';
206
206
  type CardElevation = 1 | 2 | 3;
207
207
  interface CardProps extends ViewProps {
208
208
  /** Visual variant */
@@ -219,6 +219,10 @@ interface CardProps extends ViewProps {
219
219
  borderColor?: string;
220
220
  /** Custom background color (hex, rgb, or CSS color). Useful for colored cards. */
221
221
  bgColor?: string;
222
+ /** Accent stripe color for accent variant (CSS color or hex) */
223
+ accentColor?: string;
224
+ /** Accent stripe width for accent variant in pixels (default: 3) */
225
+ accentWidth?: number;
222
226
  /** Additional className */
223
227
  className?: string;
224
228
  children?: React.ReactNode;
@@ -251,7 +255,7 @@ interface CardProps extends ViewProps {
251
255
  * <CardContent>Click me</CardContent>
252
256
  * </Card>
253
257
  */
254
- declare function Card({ variant, elevation, isInteractive, isLoading, onPress, borderColor, bgColor, className, children, style, skeletonHasHeader, skeletonHasFooter, skeletonContentLines, ...props }: CardProps): react_jsx_runtime.JSX.Element;
258
+ declare function Card({ variant, elevation, isInteractive, isLoading, onPress, borderColor, bgColor, accentColor, accentWidth, className, children, style, skeletonHasHeader, skeletonHasFooter, skeletonContentLines, ...props }: CardProps): react_jsx_runtime.JSX.Element;
255
259
  interface CardHeaderProps {
256
260
  children?: React.ReactNode;
257
261
  className?: string;
@@ -307,6 +311,24 @@ interface CardSkeletonProps {
307
311
  */
308
312
  declare function CardSkeleton({ hasHeader, hasFooter, contentLines, className, }: CardSkeletonProps): react_jsx_runtime.JSX.Element;
309
313
 
314
+ type IndicatorSize = 'xs' | 'sm' | 'md' | 'lg';
315
+ type IndicatorColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info';
316
+ interface IndicatorProps extends ViewProps {
317
+ /** Dot size */
318
+ size?: IndicatorSize;
319
+ /** Semantic color */
320
+ color?: IndicatorColor;
321
+ /** Custom hex color (overrides color prop) */
322
+ customColor?: string;
323
+ /** Add a glow shadow effect */
324
+ glow?: boolean;
325
+ /** Add a ring border */
326
+ ring?: boolean;
327
+ /** Additional className */
328
+ className?: string;
329
+ }
330
+ declare function Indicator({ size, color, customColor, glow, ring, className, style, ...props }: IndicatorProps): react_jsx_runtime.JSX.Element;
331
+
310
332
  type BadgeVariant = 'solid' | 'subtle' | 'outline';
311
333
  type BadgeColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
312
334
  type BadgeSize = 'sm' | 'md' | 'lg';
@@ -317,6 +339,10 @@ interface BadgeProps extends ViewProps {
317
339
  color?: BadgeColor;
318
340
  /** Size */
319
341
  size?: BadgeSize;
342
+ /** Show a leading indicator dot */
343
+ dot?: boolean;
344
+ /** Color for the dot indicator (defaults to match badge color) */
345
+ dotColor?: IndicatorColor;
320
346
  /** Additional className */
321
347
  className?: string;
322
348
  children?: React.ReactNode;
@@ -328,7 +354,7 @@ interface BadgeProps extends ViewProps {
328
354
  * <Badge color="success">Active</Badge>
329
355
  * <Badge variant="outline" color="warning">Pending</Badge>
330
356
  */
331
- declare function Badge({ variant, color, size, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
357
+ declare function Badge({ variant, color, size, dot, dotColor, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
332
358
  interface BadgeTextProps {
333
359
  children: React.ReactNode;
334
360
  className?: string;
@@ -374,6 +400,8 @@ interface AvatarProps extends ViewProps {
374
400
  fallback?: string;
375
401
  /** Alt text for accessibility */
376
402
  alt?: string;
403
+ /** Generate background color and initials from a name */
404
+ colorFromName?: string;
377
405
  /** Additional className */
378
406
  className?: string;
379
407
  }
@@ -394,7 +422,7 @@ interface AvatarProps extends ViewProps {
394
422
  * <AvatarBadge />
395
423
  * </AvatarGroup>
396
424
  */
397
- declare function Avatar({ size, source, fallback, alt, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
425
+ declare function Avatar({ size, source, fallback, alt, colorFromName, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
398
426
  interface AvatarBadgeProps {
399
427
  /** Badge color */
400
428
  color?: 'success' | 'error' | 'warning' | 'default';
@@ -827,8 +855,10 @@ declare function Link({ href, underline, color, isExternal, onPress, isDisabled,
827
855
 
828
856
  type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
829
857
  interface TooltipProps extends ViewProps {
830
- /** Tooltip content */
831
- label: string;
858
+ /** Plain-text tooltip content */
859
+ label?: string;
860
+ /** Rich tooltip content (takes precedence over label) */
861
+ content?: React.ReactNode;
832
862
  /** Trigger element */
833
863
  children: React.ReactNode;
834
864
  /** Tooltip placement */
@@ -843,6 +873,8 @@ interface TooltipProps extends ViewProps {
843
873
  isDisabled?: boolean;
844
874
  /** Additional className for tooltip */
845
875
  className?: string;
876
+ /** Render tooltip via portal to escape overflow:hidden ancestors (web only) */
877
+ usePortal?: boolean;
846
878
  }
847
879
  /**
848
880
  * Tooltip component for showing additional information on hover/press.
@@ -850,11 +882,17 @@ interface TooltipProps extends ViewProps {
850
882
  * Note: On native, tooltips appear on long press. On web, they appear on hover.
851
883
  *
852
884
  * @example
885
+ * // String-only tooltip
853
886
  * <Tooltip label="This is a tooltip">
854
887
  * <Button><ButtonText>Hover me</ButtonText></Button>
855
888
  * </Tooltip>
889
+ *
890
+ * // Rich content tooltip
891
+ * <Tooltip content={<View><Text>Bold tip</Text><Text>with details</Text></View>}>
892
+ * <Button><ButtonText>Hover me</ButtonText></Button>
893
+ * </Tooltip>
856
894
  */
857
- declare function Tooltip({ label, children, placement, openDelay, closeDelay, hasArrow, isDisabled, className, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
895
+ declare function Tooltip({ label, content, children, placement, openDelay, closeDelay, hasArrow, isDisabled, className, usePortal: usePortalProp, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
858
896
 
859
897
  interface CollapseProps extends ViewProps {
860
898
  /** Whether the collapse is initially open */
@@ -997,6 +1035,10 @@ interface PopoverProps extends ViewProps {
997
1035
  onOpenChange?: (isOpen: boolean) => void;
998
1036
  /** Whether clicking outside closes the popover */
999
1037
  closeOnClickOutside?: boolean;
1038
+ /** Trigger mode: 'click' opens on click, 'hover' opens on hover */
1039
+ triggerMode?: 'click' | 'hover';
1040
+ /** Delay in ms before closing in hover mode (default 150) */
1041
+ closeDelay?: number;
1000
1042
  /** Additional className */
1001
1043
  className?: string;
1002
1044
  children?: React.ReactNode;
@@ -1014,7 +1056,7 @@ interface PopoverProps extends ViewProps {
1014
1056
  * </PopoverContent>
1015
1057
  * </Popover>
1016
1058
  */
1017
- declare function Popover({ placement, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, className, children, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
1059
+ declare function Popover({ placement, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, triggerMode, closeDelay, className, children, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
1018
1060
  interface PopoverTriggerProps {
1019
1061
  children: React.ReactNode;
1020
1062
  className?: string;
@@ -1141,6 +1183,8 @@ interface SelectProps<T = string> extends ViewProps {
1141
1183
  isInvalid?: boolean;
1142
1184
  /** Options to display */
1143
1185
  options: SelectOption<T>[];
1186
+ /** Visual variant — use 'filled' on dark/elevated surfaces */
1187
+ variant?: 'default' | 'filled';
1144
1188
  /** Additional className */
1145
1189
  className?: string;
1146
1190
  }
@@ -1166,7 +1210,7 @@ interface SelectProps<T = string> extends ViewProps {
1166
1210
  * options={options}
1167
1211
  * />
1168
1212
  */
1169
- declare function Select<T extends string = string>({ value, values, onChange, onChangeMulti, isMulti, placeholder, isDisabled, isInvalid, options, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
1213
+ declare function Select<T extends string = string>({ value, values, onChange, onChangeMulti, isMulti, placeholder, isDisabled, isInvalid, options, variant, className, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
1170
1214
 
1171
1215
  type ToolbarButtonVariant = 'default' | 'neumorphic';
1172
1216
  type ToolbarButtonSize = 'sm' | 'md' | 'lg';
@@ -1393,6 +1437,10 @@ interface ProgressProps extends ViewProps {
1393
1437
  formatValue?: (value: number, max: number) => string;
1394
1438
  /** Label text */
1395
1439
  label?: string;
1440
+ /** Fixed track width in pixels (default: full width) */
1441
+ trackWidth?: number;
1442
+ /** Custom hex color override for the fill bar */
1443
+ customColor?: string;
1396
1444
  /** Additional className */
1397
1445
  className?: string;
1398
1446
  }
@@ -1411,7 +1459,7 @@ interface ProgressProps extends ViewProps {
1411
1459
  * // Indeterminate progress
1412
1460
  * <Progress isIndeterminate />
1413
1461
  */
1414
- declare function Progress({ value, max, isIndeterminate, size, color, showValue, formatValue, label, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
1462
+ declare function Progress({ value, max, isIndeterminate, size, color, showValue, formatValue, label, trackWidth, customColor, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
1415
1463
  interface CircularProgressProps extends ViewProps {
1416
1464
  /** Current value (0-100) */
1417
1465
  value?: number;
@@ -1912,6 +1960,29 @@ interface ListItemDividerProps extends ViewProps {
1912
1960
  }
1913
1961
  declare function ListItemDivider({ inset, className, ...props }: ListItemDividerProps): react_jsx_runtime.JSX.Element;
1914
1962
 
1963
+ type PillVariant = 'subtle' | 'outline';
1964
+ type PillColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
1965
+ type PillSize = 'xs' | 'sm' | 'md';
1966
+ interface PillProps extends ViewProps {
1967
+ /** Pill content */
1968
+ children: React.ReactNode;
1969
+ /** Visual variant */
1970
+ variant?: PillVariant;
1971
+ /** Color scheme */
1972
+ color?: PillColor;
1973
+ /** Size */
1974
+ size?: PillSize;
1975
+ /** Fully rounded (default true) or slight radius */
1976
+ rounded?: boolean;
1977
+ /** Element before the label (e.g., Indicator dot) */
1978
+ leftElement?: React.ReactNode;
1979
+ /** Press handler (makes pill interactive) */
1980
+ onPress?: () => void;
1981
+ /** Additional className */
1982
+ className?: string;
1983
+ }
1984
+ declare function Pill({ children, variant, color, size, rounded, leftElement, onPress, className, ...props }: PillProps): react_jsx_runtime.JSX.Element;
1985
+
1915
1986
  type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button';
1916
1987
  type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
1917
1988
  type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
@@ -2426,6 +2497,24 @@ interface MetricGroupProps extends ViewProps {
2426
2497
  }
2427
2498
  declare function MetricGroup({ className, children, ...props }: MetricGroupProps): react_jsx_runtime.JSX.Element;
2428
2499
 
2500
+ interface RestTimerProps {
2501
+ totalSeconds: number;
2502
+ elapsedMs: number;
2503
+ onSkip: () => void;
2504
+ onAddTime: () => void;
2505
+ nextSetInfo?: string;
2506
+ visible: boolean;
2507
+ }
2508
+ declare function RestTimer({ totalSeconds, elapsedMs, onSkip, onAddTime, nextSetInfo, visible, }: RestTimerProps): react_jsx_runtime.JSX.Element | null;
2509
+
2510
+ interface SupersetWrapperProps {
2511
+ label?: string;
2512
+ color?: string;
2513
+ children: React.ReactNode;
2514
+ syncExpansion?: boolean;
2515
+ }
2516
+ declare function SupersetWrapper({ label, color, children, }: SupersetWrapperProps): react_jsx_runtime.JSX.Element;
2517
+
2429
2518
  /**
2430
2519
  * Utility function to merge Tailwind CSS classes with proper conflict resolution.
2431
2520
  * Combines clsx for conditional classes with tailwind-merge for deduplication.
@@ -2594,4 +2683,4 @@ type FormErrors<T extends FormValues> = Partial<Record<keyof T, string>>;
2594
2683
  */
2595
2684
  type FormTouched<T extends FormValues> = Partial<Record<keyof T, boolean>>;
2596
2685
 
2597
- export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ElevationLevel, EmptyState, type EmptyStateProps, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, IconBox, type IconBoxProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, Overline, type OverlineProps, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, type ResultType, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, type StatusType, Step, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Surface, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, VStack, alpha, cn, composeValidators, createFieldId, formatDateTime, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, hasMaxLength, hasMinLength, isEmpty, isValidEmail, useTable, useToast, useToolbarButton, validationRules };
2686
+ export { Accordion, AccordionButton, type AccordionButtonProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, type AlertVariant, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Badge, type BadgeColor, type BadgeProps, type BadgeSize, BadgeText, type BadgeTextProps, type BadgeVariant, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonIcon, type ButtonIconProps, type ButtonProps, type ButtonSize, ButtonSpinner, type ButtonSpinnerProps, ButtonText, type ButtonTextProps, type ButtonVariant, Caption, type CaptionProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, type CardElevation, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardSkeleton, type CardSkeletonProps, CardTitle, type CardTitleProps, type CardVariant, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressProps, Collapse, CollapseButton, type CollapseButtonProps, CollapseContent, type CollapseContentProps, type CollapseProps, DataRow, type DataRowProps, DateTime, type DateTimeFormat, type DateTimeProps, Divider, type DividerOrientation, type DividerProps, Drawer, DrawerBody, type DrawerBodyProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ElevationLevel, EmptyState, type EmptyStateProps, type FieldState, type FieldWrapperProps, FormActions, type FormActionsProps, type FormErrors, FormField, type FormFieldProps, FormRow, type FormRowProps, FormSection, type FormSectionProps, type FormTouched, type FormValues, GlowIntensity, HStack, Heading, type HeadingProps, HelpTip, type HelpTipIcon, type HelpTipPlacement, type HelpTipProps, type HelpTipSize, IconBox, type IconBoxProps, Indicator, type IndicatorColor, type IndicatorProps, type IndicatorSize, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, type InputVariant, Label, type LabelProps, LabelWithHelp, type LabelWithHelpProps, Link, type LinkColor, type LinkProps, type LinkUnderline, ListItem, ListItemContent, type ListItemContentProps, ListItemDivider, type ListItemDividerProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemTrailing, type ListItemTrailingProps, Menu, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MenuTrigger, type MenuTriggerProps, Metric, MetricGroup, type MetricGroupProps, type MetricProps, type MetricTrend, Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, Overline, type OverlineProps, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, Pill, type PillColor, type PillProps, type PillSize, type PillVariant, Popover, PopoverCloseButton, type PopoverCloseButtonProps, PopoverContent, type PopoverContentProps, type PopoverPlacement, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, ProgressSteps, type ProgressStepsProps, type ProgressVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, RestTimer, type RestTimerProps, type ResultType, Section, SectionContent, type SectionContentProps, SectionHeader, type SectionHeaderProps, type SectionProps, Select, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarDivider, type SidebarDividerProps, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonAnimation, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonListItem, type SkeletonListItemProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SkeletonVariant, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Stack, type StackProps, type StatusType, StepContent, type StepContentProps, StepIndicator, type StepIndicatorProps, StepLabel, type StepLabelProps, type StepStatus, Stepper, type StepperOrientation, type StepperProps, Step as StepperStep, type StepProps as StepperStepProps, SupersetWrapper, type SupersetWrapperProps, Surface, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsOrientation, type TabsProps, type TabsVariant, Toast, type ToastConfig, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastStatus, ToolbarButton, ToolbarButtonGroup, type ToolbarButtonGroupProps, type ToolbarButtonProps, type ToolbarButtonSize, type ToolbarButtonVariant, Tooltip, type TooltipPlacement, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type UseTableOptions, type UseTableReturn, VStack, alpha, cn, composeValidators, createFieldId, formatDateTime, getContrastText, getFieldAriaProps, getFieldValidationProps, getLuminance, getResultColor, getStatusColor, hasMaxLength, hasMinLength, isEmpty, isValidEmail, useTable, useToast, useToolbarButton, validationRules };