@thewhileloop/whileui 1.1.0 → 1.2.0

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 (239) hide show
  1. package/README.md +493 -39
  2. package/dist/blocks/chat/chat.d.ts.map +1 -1
  3. package/dist/blocks/chat/chat.js +17 -6
  4. package/dist/blocks/chat/chat.js.map +1 -1
  5. package/dist/blocks/commerce/feature-gate.d.ts +13 -0
  6. package/dist/blocks/commerce/feature-gate.d.ts.map +1 -0
  7. package/dist/blocks/commerce/feature-gate.js +13 -0
  8. package/dist/blocks/commerce/feature-gate.js.map +1 -0
  9. package/dist/blocks/commerce/index.d.ts +5 -0
  10. package/dist/blocks/commerce/index.d.ts.map +1 -1
  11. package/dist/blocks/commerce/index.js +5 -0
  12. package/dist/blocks/commerce/index.js.map +1 -1
  13. package/dist/blocks/commerce/metric-card.d.ts +3 -1
  14. package/dist/blocks/commerce/metric-card.d.ts.map +1 -1
  15. package/dist/blocks/commerce/metric-card.js +8 -1
  16. package/dist/blocks/commerce/metric-card.js.map +1 -1
  17. package/dist/blocks/commerce/plan-toggle.d.ts +12 -0
  18. package/dist/blocks/commerce/plan-toggle.d.ts.map +1 -0
  19. package/dist/blocks/commerce/plan-toggle.js +19 -0
  20. package/dist/blocks/commerce/plan-toggle.js.map +1 -0
  21. package/dist/blocks/commerce/pricing-card.d.ts +3 -1
  22. package/dist/blocks/commerce/pricing-card.d.ts.map +1 -1
  23. package/dist/blocks/commerce/pricing-card.js +9 -1
  24. package/dist/blocks/commerce/pricing-card.js.map +1 -1
  25. package/dist/blocks/commerce/product-card.d.ts +3 -1
  26. package/dist/blocks/commerce/product-card.d.ts.map +1 -1
  27. package/dist/blocks/commerce/product-card.js +16 -2
  28. package/dist/blocks/commerce/product-card.js.map +1 -1
  29. package/dist/blocks/commerce/subscription-card.d.ts +17 -0
  30. package/dist/blocks/commerce/subscription-card.d.ts.map +1 -0
  31. package/dist/blocks/commerce/subscription-card.js +18 -0
  32. package/dist/blocks/commerce/subscription-card.js.map +1 -0
  33. package/dist/blocks/commerce/upgrade-banner.d.ts +12 -0
  34. package/dist/blocks/commerce/upgrade-banner.d.ts.map +1 -0
  35. package/dist/blocks/commerce/upgrade-banner.js +9 -0
  36. package/dist/blocks/commerce/upgrade-banner.js.map +1 -0
  37. package/dist/blocks/commerce/usage-bar.d.ts +11 -0
  38. package/dist/blocks/commerce/usage-bar.d.ts.map +1 -0
  39. package/dist/blocks/commerce/usage-bar.js +33 -0
  40. package/dist/blocks/commerce/usage-bar.js.map +1 -0
  41. package/dist/blocks/datepicker/date-range-picker-modal.d.ts +3 -2
  42. package/dist/blocks/datepicker/date-range-picker-modal.d.ts.map +1 -1
  43. package/dist/blocks/datepicker/date-range-picker-modal.js +16 -3
  44. package/dist/blocks/datepicker/date-range-picker-modal.js.map +1 -1
  45. package/dist/blocks/datepicker/datepicker-inline.d.ts.map +1 -1
  46. package/dist/blocks/datepicker/datepicker-inline.js +3 -1
  47. package/dist/blocks/datepicker/datepicker-inline.js.map +1 -1
  48. package/dist/blocks/datepicker/datepicker-modal.d.ts +3 -2
  49. package/dist/blocks/datepicker/datepicker-modal.d.ts.map +1 -1
  50. package/dist/blocks/datepicker/datepicker-modal.js +16 -3
  51. package/dist/blocks/datepicker/datepicker-modal.js.map +1 -1
  52. package/dist/blocks/datepicker/use-calendar-theme.d.ts.map +1 -1
  53. package/dist/blocks/datepicker/use-calendar-theme.js +2 -1
  54. package/dist/blocks/datepicker/use-calendar-theme.js.map +1 -1
  55. package/dist/blocks/layout/app-shell.d.ts +5 -1
  56. package/dist/blocks/layout/app-shell.d.ts.map +1 -1
  57. package/dist/blocks/layout/app-shell.js +2 -2
  58. package/dist/blocks/layout/app-shell.js.map +1 -1
  59. package/dist/blocks/layout/confirm-action-sheet.d.ts +3 -2
  60. package/dist/blocks/layout/confirm-action-sheet.d.ts.map +1 -1
  61. package/dist/blocks/layout/confirm-action-sheet.js +23 -4
  62. package/dist/blocks/layout/confirm-action-sheet.js.map +1 -1
  63. package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -1
  64. package/dist/blocks/layout/form-modal-screen.js +26 -5
  65. package/dist/blocks/layout/form-modal-screen.js.map +1 -1
  66. package/dist/blocks/layout/index.d.ts +2 -1
  67. package/dist/blocks/layout/index.d.ts.map +1 -1
  68. package/dist/blocks/layout/index.js +1 -0
  69. package/dist/blocks/layout/index.js.map +1 -1
  70. package/dist/blocks/layout/onboarding-screen.js +2 -2
  71. package/dist/blocks/layout/onboarding-screen.js.map +1 -1
  72. package/dist/blocks/layout/page-skeleton.d.ts +7 -1
  73. package/dist/blocks/layout/page-skeleton.d.ts.map +1 -1
  74. package/dist/blocks/layout/page-skeleton.js +7 -14
  75. package/dist/blocks/layout/page-skeleton.js.map +1 -1
  76. package/dist/blocks/layout/screen-skeleton.d.ts +16 -0
  77. package/dist/blocks/layout/screen-skeleton.d.ts.map +1 -0
  78. package/dist/blocks/layout/screen-skeleton.js +8 -0
  79. package/dist/blocks/layout/screen-skeleton.js.map +1 -0
  80. package/dist/blocks/layout/sheet.d.ts +3 -2
  81. package/dist/blocks/layout/sheet.d.ts.map +1 -1
  82. package/dist/blocks/layout/sheet.js +41 -9
  83. package/dist/blocks/layout/sheet.js.map +1 -1
  84. package/dist/blocks/layout/smart-input.d.ts.map +1 -1
  85. package/dist/blocks/layout/smart-input.js +8 -1
  86. package/dist/blocks/layout/smart-input.js.map +1 -1
  87. package/dist/blocks/lists/list-item.d.ts +3 -1
  88. package/dist/blocks/lists/list-item.d.ts.map +1 -1
  89. package/dist/blocks/lists/list-item.js +9 -1
  90. package/dist/blocks/lists/list-item.js.map +1 -1
  91. package/dist/blocks/lists/notification-item.d.ts +3 -1
  92. package/dist/blocks/lists/notification-item.d.ts.map +1 -1
  93. package/dist/blocks/lists/notification-item.js +10 -2
  94. package/dist/blocks/lists/notification-item.js.map +1 -1
  95. package/dist/blocks/lists/swipeable-item.d.ts.map +1 -1
  96. package/dist/blocks/lists/swipeable-item.js +7 -4
  97. package/dist/blocks/lists/swipeable-item.js.map +1 -1
  98. package/dist/blocks/navigation/bottom-nav.d.ts.map +1 -1
  99. package/dist/blocks/navigation/bottom-nav.js +9 -2
  100. package/dist/blocks/navigation/bottom-nav.js.map +1 -1
  101. package/dist/blocks/navigation/drawer-menu.d.ts +3 -2
  102. package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
  103. package/dist/blocks/navigation/drawer-menu.js +88 -29
  104. package/dist/blocks/navigation/drawer-menu.js.map +1 -1
  105. package/dist/blocks/navigation/header.d.ts +1 -1
  106. package/dist/blocks/navigation/header.d.ts.map +1 -1
  107. package/dist/blocks/navigation/header.js +12 -3
  108. package/dist/blocks/navigation/header.js.map +1 -1
  109. package/dist/blocks/navigation/navigation-sidebar.d.ts +3 -1
  110. package/dist/blocks/navigation/navigation-sidebar.d.ts.map +1 -1
  111. package/dist/blocks/navigation/navigation-sidebar.js +12 -5
  112. package/dist/blocks/navigation/navigation-sidebar.js.map +1 -1
  113. package/dist/blocks/navigation/tab-bar.d.ts.map +1 -1
  114. package/dist/blocks/navigation/tab-bar.js +8 -2
  115. package/dist/blocks/navigation/tab-bar.js.map +1 -1
  116. package/dist/components/accordion/accordion.d.ts +1 -1
  117. package/dist/components/accordion/accordion.d.ts.map +1 -1
  118. package/dist/components/accordion/accordion.js +10 -4
  119. package/dist/components/accordion/accordion.js.map +1 -1
  120. package/dist/components/alert/alert.js +4 -4
  121. package/dist/components/alert/alert.js.map +1 -1
  122. package/dist/components/alert-dialog/alert-dialog.d.ts +3 -2
  123. package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
  124. package/dist/components/alert-dialog/alert-dialog.js +15 -4
  125. package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
  126. package/dist/components/badge/badge.js +6 -6
  127. package/dist/components/badge/badge.js.map +1 -1
  128. package/dist/components/button/button.d.ts.map +1 -1
  129. package/dist/components/button/button.js +11 -5
  130. package/dist/components/button/button.js.map +1 -1
  131. package/dist/components/card/card.d.ts +2 -1
  132. package/dist/components/card/card.d.ts.map +1 -1
  133. package/dist/components/card/card.js +12 -3
  134. package/dist/components/card/card.js.map +1 -1
  135. package/dist/components/checkbox/checkbox.d.ts.map +1 -1
  136. package/dist/components/checkbox/checkbox.js +7 -1
  137. package/dist/components/checkbox/checkbox.js.map +1 -1
  138. package/dist/components/context-menu/context-menu.d.ts +3 -2
  139. package/dist/components/context-menu/context-menu.d.ts.map +1 -1
  140. package/dist/components/context-menu/context-menu.js +12 -3
  141. package/dist/components/context-menu/context-menu.js.map +1 -1
  142. package/dist/components/data-row/data-row.d.ts.map +1 -1
  143. package/dist/components/data-row/data-row.js +8 -5
  144. package/dist/components/data-row/data-row.js.map +1 -1
  145. package/dist/components/dialog/dialog.d.ts +3 -2
  146. package/dist/components/dialog/dialog.d.ts.map +1 -1
  147. package/dist/components/dialog/dialog.js +14 -3
  148. package/dist/components/dialog/dialog.js.map +1 -1
  149. package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -2
  150. package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
  151. package/dist/components/dropdown-menu/dropdown-menu.js +12 -3
  152. package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
  153. package/dist/components/form-field/form-field.d.ts.map +1 -1
  154. package/dist/components/form-field/form-field.js +6 -3
  155. package/dist/components/form-field/form-field.js.map +1 -1
  156. package/dist/components/hover-card/hover-card.d.ts +2 -1
  157. package/dist/components/hover-card/hover-card.d.ts.map +1 -1
  158. package/dist/components/hover-card/hover-card.js +17 -2
  159. package/dist/components/hover-card/hover-card.js.map +1 -1
  160. package/dist/components/input/input.d.ts.map +1 -1
  161. package/dist/components/input/input.js +3 -1
  162. package/dist/components/input/input.js.map +1 -1
  163. package/dist/components/labeled-field/labeled-field.d.ts.map +1 -1
  164. package/dist/components/labeled-field/labeled-field.js +3 -1
  165. package/dist/components/labeled-field/labeled-field.js.map +1 -1
  166. package/dist/components/menubar/menubar.d.ts +3 -2
  167. package/dist/components/menubar/menubar.d.ts.map +1 -1
  168. package/dist/components/menubar/menubar.js +12 -3
  169. package/dist/components/menubar/menubar.js.map +1 -1
  170. package/dist/components/numeric-input/numeric-input.d.ts +2 -2
  171. package/dist/components/numeric-input/numeric-input.d.ts.map +1 -1
  172. package/dist/components/numeric-input/numeric-input.js +18 -6
  173. package/dist/components/numeric-input/numeric-input.js.map +1 -1
  174. package/dist/components/otp-input/index.d.ts +2 -0
  175. package/dist/components/otp-input/index.d.ts.map +1 -0
  176. package/dist/components/otp-input/index.js +2 -0
  177. package/dist/components/otp-input/index.js.map +1 -0
  178. package/dist/components/otp-input/otp-input.d.ts +97 -0
  179. package/dist/components/otp-input/otp-input.d.ts.map +1 -0
  180. package/dist/components/otp-input/otp-input.js +88 -0
  181. package/dist/components/otp-input/otp-input.js.map +1 -0
  182. package/dist/components/popover/popover.d.ts +2 -1
  183. package/dist/components/popover/popover.d.ts.map +1 -1
  184. package/dist/components/popover/popover.js +16 -3
  185. package/dist/components/popover/popover.js.map +1 -1
  186. package/dist/components/segmented-control/segmented-control.d.ts +3 -3
  187. package/dist/components/segmented-control/segmented-control.d.ts.map +1 -1
  188. package/dist/components/segmented-control/segmented-control.js +19 -5
  189. package/dist/components/segmented-control/segmented-control.js.map +1 -1
  190. package/dist/components/select/select.d.ts +2 -1
  191. package/dist/components/select/select.d.ts.map +1 -1
  192. package/dist/components/select/select.js +30 -11
  193. package/dist/components/select/select.js.map +1 -1
  194. package/dist/components/skeleton/skeleton.d.ts.map +1 -1
  195. package/dist/components/skeleton/skeleton.js +6 -2
  196. package/dist/components/skeleton/skeleton.js.map +1 -1
  197. package/dist/components/switch/switch.d.ts.map +1 -1
  198. package/dist/components/switch/switch.js +7 -1
  199. package/dist/components/switch/switch.js.map +1 -1
  200. package/dist/components/tabs/tabs.d.ts +3 -1
  201. package/dist/components/tabs/tabs.d.ts.map +1 -1
  202. package/dist/components/tabs/tabs.js +9 -3
  203. package/dist/components/tabs/tabs.js.map +1 -1
  204. package/dist/components/textarea/textarea.d.ts +2 -2
  205. package/dist/components/textarea/textarea.d.ts.map +1 -1
  206. package/dist/components/textarea/textarea.js +19 -6
  207. package/dist/components/textarea/textarea.js.map +1 -1
  208. package/dist/components/toast/toast.d.ts.map +1 -1
  209. package/dist/components/toast/toast.js +12 -2
  210. package/dist/components/toast/toast.js.map +1 -1
  211. package/dist/index.d.ts +5 -0
  212. package/dist/index.d.ts.map +1 -1
  213. package/dist/index.js +5 -0
  214. package/dist/index.js.map +1 -1
  215. package/dist/lib/frosted-surface.d.ts +33 -0
  216. package/dist/lib/frosted-surface.d.ts.map +1 -0
  217. package/dist/lib/frosted-surface.js +181 -0
  218. package/dist/lib/frosted-surface.js.map +1 -0
  219. package/dist/lib/interaction-tokens.d.ts +26 -0
  220. package/dist/lib/interaction-tokens.d.ts.map +1 -0
  221. package/dist/lib/interaction-tokens.js +70 -0
  222. package/dist/lib/interaction-tokens.js.map +1 -0
  223. package/dist/lib/react-native-classname.d.ts +23 -0
  224. package/dist/lib/react-native-classname.d.ts.map +1 -0
  225. package/dist/lib/react-native-classname.js +2 -0
  226. package/dist/lib/react-native-classname.js.map +1 -0
  227. package/dist/lib/theme-colors.d.ts +33 -4
  228. package/dist/lib/theme-colors.d.ts.map +1 -1
  229. package/dist/lib/theme-colors.js +249 -37
  230. package/dist/lib/theme-colors.js.map +1 -1
  231. package/dist/lib/visual-tokens.d.ts +39 -0
  232. package/dist/lib/visual-tokens.d.ts.map +1 -0
  233. package/dist/lib/visual-tokens.js +91 -0
  234. package/dist/lib/visual-tokens.js.map +1 -0
  235. package/dist/vite.d.ts +47 -0
  236. package/dist/vite.d.ts.map +1 -0
  237. package/dist/vite.js +110 -0
  238. package/dist/vite.js.map +1 -0
  239. package/package.json +16 -2
@@ -0,0 +1,88 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect, useState } from 'react';
3
+ import { Platform, TextInput, View } from 'react-native';
4
+ import Animated, { useSharedValue, useAnimatedStyle, withSequence, withTiming, Easing, } from 'react-native-reanimated';
5
+ import { Text } from '../text';
6
+ import { cn } from '../../lib/cn';
7
+ import { tv } from '../../lib/tv';
8
+ import { useThemeColors } from '../../lib/theme-colors';
9
+ import { useInteractionTokens } from '../../lib/interaction-tokens';
10
+ // ─── Variants ─────────────────────────────────────────────────
11
+ const otpCellVariants = tv({
12
+ base: 'items-center justify-center rounded-lg border bg-muted',
13
+ variants: {
14
+ size: { default: 'h-12 w-11', compact: 'h-10 w-9' },
15
+ state: {
16
+ idle: 'border-border',
17
+ focused: 'border-primary border-2',
18
+ error: 'border-destructive',
19
+ errorFocused: 'border-destructive border-2',
20
+ },
21
+ },
22
+ defaultVariants: { size: 'default', state: 'idle' },
23
+ });
24
+ // ─── Component ───────────────────────────────────────────────
25
+ function OTPInput({ length = 6, value: controlledValue, onValueChange, onComplete, variant = 'default', size = 'default', secure = false, disabled = false, autoFocus = false, className, ...props }) {
26
+ const [internalValue, setInternalValue] = useState('');
27
+ const isControlled = controlledValue !== undefined;
28
+ const val = isControlled ? controlledValue : internalValue;
29
+ const [focused, setFocused] = useState(false);
30
+ const colors = useThemeColors();
31
+ const interaction = useInteractionTokens();
32
+ const shakeX = useSharedValue(0);
33
+ useEffect(() => {
34
+ if (variant !== 'error')
35
+ return;
36
+ const d = Math.round(interaction.motionFast / 4);
37
+ shakeX.value = withSequence(withTiming(8, { duration: d, easing: Easing.linear }), withTiming(-8, { duration: d, easing: Easing.linear }), withTiming(6, { duration: d, easing: Easing.linear }), withTiming(-6, { duration: d, easing: Easing.linear }), withTiming(0, { duration: d, easing: Easing.linear }));
38
+ }, [variant, shakeX, interaction.motionFast]);
39
+ const shakeStyle = useAnimatedStyle(() => ({
40
+ transform: [{ translateX: shakeX.value }],
41
+ }));
42
+ const update = (text) => {
43
+ const cleaned = text.replace(/[^0-9]/g, '').slice(0, length);
44
+ if (!isControlled)
45
+ setInternalValue(cleaned);
46
+ onValueChange?.(cleaned);
47
+ if (cleaned.length === length)
48
+ onComplete?.(cleaned);
49
+ };
50
+ const isError = variant === 'error';
51
+ const cursorAt = focused ? Math.min(val.length, length - 1) : -1;
52
+ return (_jsxs(View, { className: cn(className), style: disabled ? { opacity: interaction.disabledOpacity } : undefined, ...props, children: [_jsx(Animated.View, { style: shakeStyle, className: "flex-row items-center justify-center gap-2", children: Array.from({ length }).map((_, i) => {
53
+ const digit = val[i];
54
+ const isCursor = cursorAt === i;
55
+ const state = isError
56
+ ? isCursor
57
+ ? 'errorFocused'
58
+ : 'error'
59
+ : isCursor
60
+ ? 'focused'
61
+ : 'idle';
62
+ return (_jsx(View, { className: otpCellVariants({ size, state }), children: digit ? (_jsx(Text, { className: cn('text-foreground font-semibold', size === 'compact' ? 'text-base' : 'text-lg'), children: secure ? '●' : digit })) : isCursor ? (_jsx(CursorBlink, { color: isError ? colors.destructive : colors.primary })) : null }, i));
63
+ }) }), _jsx(TextInput, { value: val, onChangeText: update, onFocus: () => setFocused(true), onBlur: () => setFocused(false), keyboardType: "number-pad", textContentType: "oneTimeCode", autoComplete: Platform.OS === 'android' ? 'sms-otp' : 'one-time-code', maxLength: length, autoFocus: autoFocus, editable: !disabled, caretHidden: true, className: "outline-none", style: {
64
+ position: 'absolute',
65
+ top: 0,
66
+ left: 0,
67
+ right: 0,
68
+ bottom: 0,
69
+ color: 'transparent',
70
+ }, accessibilityLabel: `Enter ${length}-digit verification code` })] }));
71
+ }
72
+ // ─── Cursor Blink ─────────────────────────────────────────────
73
+ function CursorBlink({ color }) {
74
+ const opacity = useSharedValue(1);
75
+ useEffect(() => {
76
+ const cycle = () => {
77
+ opacity.value = withSequence(withTiming(0, { duration: 400 }), withTiming(1, { duration: 400 }));
78
+ };
79
+ cycle();
80
+ const id = setInterval(cycle, 800);
81
+ return () => clearInterval(id);
82
+ }, [opacity]);
83
+ const style = useAnimatedStyle(() => ({ opacity: opacity.value }));
84
+ return (_jsx(Animated.View, { style: [{ width: 2, height: 20, borderRadius: 1, backgroundColor: color }, style] }));
85
+ }
86
+ OTPInput.displayName = 'OTPInput';
87
+ export { OTPInput, otpCellVariants };
88
+ //# sourceMappingURL=otp-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"otp-input.js","sourceRoot":"","sources":["../../../src/components/otp-input/otp-input.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as PopoverPrimitive from '@rn-primitives/popover';
3
+ import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
3
4
  export interface PopoverProps {
4
5
  onOpenChange?: (open: boolean) => void;
5
6
  children: React.ReactNode;
@@ -7,7 +8,7 @@ export interface PopoverProps {
7
8
  export interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> {
8
9
  className?: string;
9
10
  }
10
- export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
11
+ export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, FrostedSurfaceProps {
11
12
  className?: string;
12
13
  portalHost?: string;
13
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAK3D,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CACzE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CACzE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CACvE,OAAO,gBAAgB,CAAC,KAAK,CAC9B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAExD;AAED,QAAA,MAAM,cAAc,yHAKlB,CAAC;AAGH,QAAA,MAAM,cAAc,yGAsBlB,CAAC;AAGH,QAAA,MAAM,YAAY,uGAKhB,CAAC;AAOH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIxF,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CACzE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EAAE,mBAAmB;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CACvE,OAAO,gBAAgB,CAAC,KAAK,CAC9B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAExD;AAED,QAAA,MAAM,cAAc,yHAKlB,CAAC;AAGH,QAAA,MAAM,cAAc,yGAyDnB,CAAC;AAGF,QAAA,MAAM,YAAY,uGAKhB,CAAC;AAOH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
@@ -1,16 +1,29 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { Platform, StyleSheet } from 'react-native';
4
4
  import * as PopoverPrimitive from '@rn-primitives/popover';
5
5
  import { cn } from '../../lib/cn';
6
+ import { useFrostedSurface } from '../../lib/frosted-surface';
6
7
  // ─── Components ──────────────────────────────────────────────
7
8
  function Popover({ onOpenChange, children }) {
8
9
  return _jsx(PopoverPrimitive.Root, { onOpenChange: onOpenChange, children: children });
9
10
  }
10
11
  const PopoverTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(PopoverPrimitive.Trigger, { ref: ref, className: cn(className), ...props })));
11
12
  PopoverTrigger.displayName = 'PopoverTrigger';
12
- const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalHost, ...props }, ref) => {
13
- return (_jsx(PopoverPrimitive.Portal, { hostName: portalHost, children: _jsx(PopoverPrimitive.Overlay, { style: Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined, children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-lg border border-border bg-popover p-4 shadow-lg', 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), style: Platform.OS === 'web' ? {} : contentStyles, ...props }) }) }));
13
+ const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalHost, children, style, frosted = false, blurIntensity, blurTintToken, ...props }, ref) => {
14
+ const frostedSurface = useFrostedSurface({
15
+ frosted,
16
+ blurIntensity,
17
+ blurTintToken,
18
+ defaultTintToken: 'popover',
19
+ defaultBlurPreset: 'subtle',
20
+ });
21
+ const resolvedStyle = StyleSheet.flatten([
22
+ Platform.OS === 'web' ? undefined : contentStyles,
23
+ frostedSurface.surfaceStyle,
24
+ style,
25
+ ]);
26
+ return (_jsx(PopoverPrimitive.Portal, { hostName: portalHost, children: _jsx(PopoverPrimitive.Overlay, { style: Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined, children: _jsxs(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-lg border border-border p-4 shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-popover', 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), style: resolvedStyle, ...props, children: [frostedSurface.overlay, children] }) }) }));
14
27
  });
15
28
  PopoverContent.displayName = 'PopoverContent';
16
29
  const PopoverClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(PopoverPrimitive.Close, { ref: ref, className: cn(className), ...props })));
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA4BlC,gEAAgE;AAEhE,SAAS,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAgB;IACvD,OAAO,KAAC,gBAAgB,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,YAAG,QAAQ,GAAyB,CAAC;AAC/F,CAAC;AAED,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/E,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,YAC3C,KAAC,gBAAgB,CAAC,OAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAC1F,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,iIAAiI,EACjI,SAAS,CACV,EACD,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,KAC7C,KAAK,GACT,GACuB,GACH,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,aAAa,GAAc;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAA4B,MAAM,2BAA2B,CAAC;AA2BxF,gEAAgE;AAEhE,SAAS,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAgB;IACvD,OAAO,KAAC,gBAAgB,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,YAAG,QAAQ,GAAyB,CAAC;AAC/F,CAAC;AAED,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAIrC,CACE,EACE,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,OAAO;QACP,aAAa;QACb,aAAa;QACb,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;QACvC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACjD,cAAc,CAAC,YAAY;QAC3B,KAAK;KACN,CAAc,CAAC;IAEhB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,YAC3C,KAAC,gBAAgB,CAAC,OAAO,IACvB,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAElE,MAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,EACzC,iIAAiI,EACjI,SAAS,CACV,EACD,KAAK,EAAE,aAAa,KAChB,KAAK,aAER,cAAc,CAAC,OAAO,EACtB,QAAQ,IACgB,GACF,GACH,CAC3B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,aAAa,GAAc;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
@@ -113,7 +113,7 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
113
113
  true: string;
114
114
  false: string;
115
115
  };
116
- }, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3 active:opacity-70", import("tailwind-variants/dist/config.js").TVConfig<{
116
+ }, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3", import("tailwind-variants/dist/config.js").TVConfig<{
117
117
  variant: {
118
118
  default: string;
119
119
  pill: string;
@@ -197,7 +197,7 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
197
197
  true: string;
198
198
  false: string;
199
199
  };
200
- }, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3 active:opacity-70", import("tailwind-variants/dist/config.js").TVConfig<{
200
+ }, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3", import("tailwind-variants/dist/config.js").TVConfig<{
201
201
  variant: {
202
202
  default: string;
203
203
  pill: string;
@@ -326,7 +326,7 @@ declare function SegmentedControl({ value: controlledValue, defaultValue, onValu
326
326
  declare namespace SegmentedControl {
327
327
  var displayName: string;
328
328
  }
329
- declare function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, ...props }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
329
+ declare function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, style: styleProp, ...props }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
330
330
  declare namespace SegmentedControlItem {
331
331
  var displayName: string;
332
332
  }
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAqB5B,CAAC;AAEH,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BhC,CAAC;AAEH,QAAA,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBpC,CAAC;AA8BH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,OAAmB,EACnB,IAAa,EACb,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiCvB;kBA5CQ,gBAAgB;;;AA8CzB,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAkC3B;kBAxCQ,oBAAoB;;;AA0C7B,iBAAS,wBAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,2CAUvF;kBAVQ,wBAAwB;;;AAgBjC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gCAAgC,GACjC,CAAC"}
1
+ {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAqB5B,CAAC;AAEH,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BhC,CAAC;AAEH,QAAA,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBpC,CAAC;AA8BH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,OAAmB,EACnB,IAAa,EACb,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiCvB;kBA5CQ,gBAAgB;;;AA8CzB,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAgD3B;kBAvDQ,oBAAoB;;;AAyD7B,iBAAS,wBAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,2CAUvF;kBAVQ,wBAAwB;;;AAgBjC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gCAAgC,GACjC,CAAC"}
@@ -3,6 +3,8 @@ import React, { createContext, useContext, useMemo, useState } from 'react';
3
3
  import { Pressable, Text, View, } from 'react-native';
4
4
  import { cn } from '../../lib/cn';
5
5
  import { tv } from '../../lib/tv';
6
+ import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
7
+ import { useVisualTokens } from '../../lib/visual-tokens';
6
8
  const segmentedControlVariants = tv({
7
9
  base: 'w-full flex-row items-center rounded-lg bg-muted p-1',
8
10
  variants: {
@@ -26,7 +28,7 @@ const segmentedControlVariants = tv({
26
28
  },
27
29
  });
28
30
  const segmentedControlItemVariants = tv({
29
- base: 'min-h-10 min-w-0 flex-row items-center justify-center px-3 active:opacity-70',
31
+ base: 'min-h-10 min-w-0 flex-row items-center justify-center px-3',
30
32
  variants: {
31
33
  variant: {
32
34
  default: 'rounded-md',
@@ -41,11 +43,11 @@ const segmentedControlItemVariants = tv({
41
43
  compact: 'min-h-9 py-1.5',
42
44
  },
43
45
  disabled: {
44
- true: 'opacity-50',
46
+ true: '',
45
47
  false: '',
46
48
  },
47
49
  wrap: {
48
- true: 'basis-[48%] grow-0',
50
+ true: 'grow-0',
49
51
  false: 'flex-1',
50
52
  },
51
53
  },
@@ -101,17 +103,29 @@ function SegmentedControl({ value: controlledValue, defaultValue = '', onValueCh
101
103
  const contextValue = useMemo(() => ({ value, onValueChange: handleValueChange, variant, size, wrap: shouldWrap, disabled }), [value, variant, size, shouldWrap, disabled]);
102
104
  return (_jsx(SegmentedControlContext.Provider, { value: contextValue, children: _jsx(View, { className: cn(segmentedControlVariants({ variant, wrap: shouldWrap, size }), className), accessibilityRole: "radiogroup", ...props, children: children }) }));
103
105
  }
104
- function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, ...props }) {
106
+ function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, style: styleProp, ...props }) {
105
107
  const { value, onValueChange, variant, size, wrap, disabled } = useContext(SegmentedControlContext);
106
108
  const selected = value === itemValue;
107
109
  const finalDisabled = disabled || Boolean(itemDisabled);
110
+ const interaction = useInteractionTokens();
111
+ const visual = useVisualTokens();
112
+ const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
113
+ disabled: finalDisabled,
114
+ pressedVariant: 'default',
115
+ });
116
+ const wrapBasisStyle = wrap
117
+ ? { flexBasis: `${visual.segmentedWrapBasisRatio * 100}%` }
118
+ : undefined;
108
119
  return (_jsx(SegmentedControlItemContext.Provider, { value: { selected, size }, children: _jsx(Pressable, { className: cn(segmentedControlItemVariants({
109
120
  variant,
110
121
  selected,
111
122
  size,
112
123
  disabled: finalDisabled,
113
124
  wrap,
114
- }), className), onPress: () => onValueChange(itemValue), accessibilityRole: "radio", accessibilityState: { selected, disabled: finalDisabled }, disabled: finalDisabled, hitSlop: 4, ...props, children: typeof children === 'string' ? (_jsx(SegmentedControlItemText, { children: children })) : (children) }) }));
125
+ }), className), onPress: () => onValueChange(itemValue), accessibilityRole: "radio", accessibilityState: { selected, disabled: finalDisabled }, disabled: finalDisabled, style: (state) => {
126
+ const baseStyle = typeof interactiveStyle === 'function' ? interactiveStyle(state) : interactiveStyle;
127
+ return [baseStyle, wrapBasisStyle ?? null];
128
+ }, hitSlop: 4, ...props, children: typeof children === 'string' ? (_jsx(SegmentedControlItemText, { children: children })) : (children) }) }));
115
129
  }
116
130
  function SegmentedControlItemText({ className, ...props }) {
117
131
  const { selected, size } = useContext(SegmentedControlItemContext);
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ScrollView, View } from 'react-native';
3
3
  import * as SelectPrimitive from '@rn-primitives/select';
4
+ import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
4
5
  export type SelectOption = SelectPrimitive.Option;
5
6
  export type SelectTriggerRef = SelectPrimitive.TriggerRef;
6
7
  export interface SelectProps {
@@ -18,7 +19,7 @@ export interface SelectValueProps {
18
19
  className?: string;
19
20
  placeholder?: string;
20
21
  }
21
- export interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
22
+ export interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, FrostedSurfaceProps {
22
23
  className?: string;
23
24
  portalHost?: string;
24
25
  insets?: {
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"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"}
@@ -4,32 +4,51 @@ import { Platform, ScrollView, StyleSheet, View } from 'react-native';
4
4
  import * as SelectPrimitive from '@rn-primitives/select';
5
5
  import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
6
6
  import { cn } from '../../lib/cn';
7
+ import { useInteractionTokens } from '../../lib/interaction-tokens';
8
+ import { useFrostedSurface } from '../../lib/frosted-surface';
7
9
  // iOS needs FullWindowOverlay to render above everything
8
10
  const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
9
11
  // ─── Components ──────────────────────────────────────────────
10
12
  const Select = SelectPrimitive.Root;
11
13
  const SelectGroup = SelectPrimitive.Group;
12
- const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
13
- return (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('border-border bg-muted flex min-h-12 w-full flex-row items-center justify-between gap-2 rounded-lg border px-4 shadow-sm active:opacity-70', props.disabled && 'opacity-50', className), ...props, children: [_jsx(_Fragment, { children: children }), _jsx(View, { className: "border-muted-foreground h-2 w-2 rotate-45 border-b-2 border-r-2" })] }));
14
+ const SelectTrigger = React.forwardRef(({ className, children, style: styleProp, ...props }, ref) => {
15
+ const interaction = useInteractionTokens();
16
+ return (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('border-border bg-muted flex min-h-12 w-full flex-row items-center justify-between gap-2 rounded-lg border px-4 shadow-sm active:bg-state-pressed', props.disabled && '', className), style: [
17
+ styleProp,
18
+ props.disabled ? { opacity: interaction.disabledOpacity } : null,
19
+ ], ...props, children: [_jsx(_Fragment, { children: children }), _jsx(View, { className: "border-muted-foreground h-2 w-2 rotate-45 border-b-2 border-r-2" })] }));
14
20
  });
15
21
  SelectTrigger.displayName = 'SelectTrigger';
16
22
  function SelectValue({ className, placeholder = 'Select...', ...props }) {
17
23
  const { value } = SelectPrimitive.useRootContext();
18
24
  return (_jsx(SelectPrimitive.Value, { className: cn('text-foreground text-base', !value && 'text-muted-foreground', className), placeholder: placeholder, ...props }));
19
25
  }
20
- const SelectContent = React.forwardRef(({ className, children, portalHost, position = 'popper', insets, ...props }, ref) => {
21
- return (_jsx(SelectPrimitive.Portal, { hostName: portalHost, children: _jsx(FullWindowOverlay, { children: _jsx(SelectPrimitive.Overlay, { style: Platform.select({ native: StyleSheet.absoluteFill }), children: _jsx(SelectPrimitive.Content, { ref: ref, position: position, insets: insets, className: cn('bg-popover border-border relative z-50 min-w-32 rounded-xl border shadow-lg', Platform.select({
26
+ const SelectContent = React.forwardRef(({ className, children, portalHost, position = 'popper', insets, style: styleProp, frosted = false, blurIntensity, blurTintToken, ...props }, ref) => {
27
+ const frostedSurface = useFrostedSurface({
28
+ frosted,
29
+ blurIntensity,
30
+ blurTintToken,
31
+ defaultTintToken: 'popover',
32
+ defaultBlurPreset: 'subtle',
33
+ });
34
+ return (_jsx(SelectPrimitive.Portal, { hostName: portalHost, children: _jsx(FullWindowOverlay, { children: _jsx(SelectPrimitive.Overlay, { style: Platform.select({ native: StyleSheet.absoluteFill }), children: _jsxs(SelectPrimitive.Content, { ref: ref, position: position, insets: insets, style: StyleSheet.flatten([styleProp, frostedSurface.surfaceStyle]), className: cn('border-border relative z-50 min-w-32 rounded-xl border shadow-lg overflow-hidden', frosted ? 'bg-transparent' : 'bg-popover', Platform.select({
22
35
  web: cn('max-h-96 overflow-y-auto overflow-x-hidden', props.side === 'bottom' && 'translate-y-1', props.side === 'top' && '-translate-y-1'),
23
36
  native: 'p-1',
24
- }), className), ...props, children: _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
25
- Platform.select({
26
- web: 'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)',
27
- })), children: children }) }) }) }) }));
37
+ }), className), ...props, children: [frostedSurface.overlay, _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
38
+ Platform.select({
39
+ web: 'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)',
40
+ })), children: children })] }) }) }) }));
28
41
  });
29
42
  SelectContent.displayName = 'SelectContent';
30
- const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('active:bg-accent group relative flex w-full flex-row items-center gap-2 rounded-lg py-3 pl-3 pr-8', Platform.select({
31
- web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none',
32
- }), props.disabled && 'opacity-50', className), ...props, children: [_jsx(View, { className: "absolute right-3 flex h-4 w-4 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(View, { className: "border-foreground h-2.5 w-1.5 rotate-45 border-b-2 border-r-2 -mt-0.5" }) }) }), children, _jsx(SelectPrimitive.ItemText, { className: "text-foreground group-active:text-accent-foreground text-base" })] })));
43
+ const SelectItem = React.forwardRef(({ className, children, style: styleProp, ...props }, ref) => {
44
+ const interaction = useInteractionTokens();
45
+ return (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('active:bg-accent group relative flex w-full flex-row items-center gap-2 rounded-lg py-3 pl-3 pr-8', Platform.select({
46
+ web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none',
47
+ }), props.disabled && '', className), style: [
48
+ styleProp,
49
+ props.disabled ? { opacity: interaction.disabledOpacity } : null,
50
+ ], ...props, children: [_jsx(View, { className: "absolute right-3 flex h-4 w-4 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(View, { className: "border-foreground h-2.5 w-1.5 rotate-45 border-b-2 border-r-2 -mt-0.5" }) }) }), children, _jsx(SelectPrimitive.ItemText, { className: "text-foreground group-active:text-accent-foreground text-base" })] }));
51
+ });
33
52
  SelectItem.displayName = 'SelectItem';
34
53
  function SelectItemIcon({ className, children }) {
35
54
  return _jsx(View, { className: cn('items-center justify-center', className), children: children });
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCASpB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAqD1E;kBArDQ,QAAQ;;;AA2DjB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAMrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCASpB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAuD1E;kBAvDQ,QAAQ;;;AA6DjB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -4,6 +4,8 @@ import { View } from 'react-native';
4
4
  import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing, interpolate, } from 'react-native-reanimated';
5
5
  import { cn } from '../../lib/cn';
6
6
  import { tv } from '../../lib/tv';
7
+ import { useThemeColors } from '../../lib/theme-colors';
8
+ import { useVisualTokens } from '../../lib/visual-tokens';
7
9
  // ─── Variants ─────────────────────────────────────────────────
8
10
  const skeletonVariants = tv({
9
11
  base: 'rounded-md bg-muted',
@@ -18,13 +20,15 @@ const skeletonVariants = tv({
18
20
  // ─── Component ───────────────────────────────────────────────
19
21
  function Skeleton({ className, variant = 'pulse', ...props }) {
20
22
  const progress = useSharedValue(0);
23
+ const colors = useThemeColors();
24
+ const visual = useVisualTokens();
21
25
  useEffect(() => {
22
26
  progress.value = withRepeat(withTiming(1, { duration: variant === 'shimmer' ? 1400 : 1500, easing: Easing.linear }), -1, false);
23
27
  }, [progress, variant]);
24
28
  const pulseStyle = useAnimatedStyle(() => ({
25
29
  opacity: variant === 'pulse' ? interpolate(progress.value, [0, 0.5, 1], [1, 0.35, 1]) : 1,
26
30
  }));
27
- const shimmerBandWidth = 56;
31
+ const shimmerBandWidth = visual.skeletonShimmerBandWidth;
28
32
  const shimmerStyle = useAnimatedStyle(() => {
29
33
  if (variant !== 'shimmer')
30
34
  return {};
@@ -41,7 +45,7 @@ function Skeleton({ className, variant = 'pulse', ...props }) {
41
45
  top: 0,
42
46
  bottom: 0,
43
47
  width: shimmerBandWidth,
44
- backgroundColor: 'rgba(255,255,255,0.35)',
48
+ backgroundColor: colors.surfaceHighlight,
45
49
  },
46
50
  ] }) }));
47
51
  }
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EACd,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAqCb;kBA5CQ,MAAM;;;AAgDf,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EACd,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CA0Cb;kBAjDQ,MAAM;;;AAqDf,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -2,9 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useState } from 'react';
3
3
  import { Pressable, View } from 'react-native';
4
4
  import { cn } from '../../lib/cn';
5
+ import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
5
6
  function Switch({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled = false, className, ...props }) {
6
7
  const [internalChecked, setInternalChecked] = useState(defaultChecked);
7
8
  const isChecked = controlledChecked ?? internalChecked;
9
+ const interaction = useInteractionTokens();
10
+ const interactiveStyle = withInteractivePressableStyle(undefined, interaction, {
11
+ disabled,
12
+ pressedVariant: 'default',
13
+ });
8
14
  const handleToggle = () => {
9
15
  if (disabled)
10
16
  return;
@@ -12,7 +18,7 @@ function Switch({ checked: controlledChecked, defaultChecked = false, onCheckedC
12
18
  setInternalChecked(newValue);
13
19
  onCheckedChange?.(newValue);
14
20
  };
15
- return (_jsx(Pressable, { onPress: handleToggle, disabled: disabled, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, accessibilityRole: "switch", accessibilityState: { checked: isChecked, disabled }, children: _jsx(View, { className: cn('h-7 w-12 rounded-full p-0.5', isChecked ? 'bg-primary' : 'border border-border bg-muted', disabled && 'opacity-50', className), ...props, children: _jsx(View, { className: cn('h-6 w-6 rounded-full border border-border bg-background shadow-sm', isChecked ? 'ml-5' : 'ml-0') }) }) }));
21
+ return (_jsx(Pressable, { onPress: handleToggle, disabled: disabled, style: interactiveStyle, hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, accessibilityRole: "switch", accessibilityState: { checked: isChecked, disabled }, children: _jsx(View, { className: cn('h-9 w-12 flex-row items-center justify-start rounded-full p-0.5 border-2', isChecked ? 'border-primary bg-primary' : 'border-input bg-muted', className), ...props, children: _jsx(View, { className: cn('h-7 w-7 rounded-full border-2 border-border bg-background shadow-sm', isChecked ? 'ml-3' : 'ml-0') }) }) }));
16
22
  }
17
23
  Switch.displayName = 'Switch';
18
24
  export { Switch };
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,SAAS,MAAM,CAAC,EACd,OAAO,EAAE,iBAAiB,EAC1B,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACI;IACZ,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,iBAAiB,IAAI,eAAe,CAAC;IAEvD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC;QAC5B,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC7B,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAEpD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,+BAA+B,EAC1D,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,KACG,KAAK,YAET,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC5B,GACD,GACG,GACG,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAUnG,SAAS,MAAM,CAAC,EACd,OAAO,EAAE,iBAAiB,EAC1B,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACI;IACZ,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,iBAAiB,IAAI,eAAe,CAAC;IACvD,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,6BAA6B,CAAC,SAAS,EAAE,WAAW,EAAE;QAC7E,QAAQ;QACR,cAAc,EAAE,SAAS;KAC1B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC;QAC5B,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC7B,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACrD,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAEpD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,uBAAuB,EACjE,SAAS,CACV,KACG,KAAK,YAET,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC5B,GACD,GACG,GACG,CACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { type ReactNode } from 'react';
1
2
  import { type ViewProps, type PressableProps } from 'react-native';
2
3
  declare const tabsTriggerVariants: import("tailwind-variants").TVReturnType<{
3
4
  state: {
@@ -46,6 +47,7 @@ export interface TabsListProps extends ViewProps {
46
47
  }
47
48
  export interface TabsTriggerProps extends PressableProps {
48
49
  value: string;
50
+ children?: ReactNode;
49
51
  className?: string;
50
52
  }
51
53
  export interface TabsContentProps extends ViewProps {
@@ -60,7 +62,7 @@ declare function TabsList({ className, ...props }: TabsListProps): import("react
60
62
  declare namespace TabsList {
61
63
  var displayName: string;
62
64
  }
63
- declare function TabsTrigger({ value: tabValue, className, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
65
+ declare function TabsTrigger({ value: tabValue, children, className, disabled, style: styleProp, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
64
66
  declare namespace TabsTrigger {
65
67
  var displayName: string;
66
68
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAkBpF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWvB,CAAC;AAIH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,IAAI,CAAC,EACZ,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBAvBQ,IAAI;;;AAyBb,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAOvD;kBAPQ,QAAQ;;;AASjB,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAe9E;kBAfQ,WAAW;;;AAiBpB,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,kDASxF;kBATQ,WAAW;;;AAgBpB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWvB,CAAC;AAIH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,IAAI,CAAC,EACZ,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBAvBQ,IAAI;;;AAyBb,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAOvD;kBAPQ,QAAQ;;;AASjB,iBAAS,WAAW,CAAC,EACnB,KAAK,EAAE,QAAQ,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAwBlB;kBA/BQ,WAAW;;;AAiCpB,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,kDASxF;kBATQ,WAAW;;;AAgBpB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}
@@ -3,6 +3,7 @@ import { createContext, useContext, useState } from 'react';
3
3
  import { View, Pressable } from 'react-native';
4
4
  import { cn } from '../../lib/cn';
5
5
  import { tv } from '../../lib/tv';
6
+ import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
6
7
  const TabsContext = createContext({
7
8
  value: '',
8
9
  onValueChange: () => { },
@@ -13,7 +14,7 @@ const tabsTriggerVariants = tv({
13
14
  variants: {
14
15
  state: {
15
16
  active: 'bg-background text-foreground shadow',
16
- inactive: 'text-muted-foreground active:opacity-70',
17
+ inactive: 'text-muted-foreground',
17
18
  },
18
19
  },
19
20
  defaultVariants: {
@@ -33,10 +34,15 @@ function Tabs({ defaultValue, value: controlledValue, onValueChange, className,
33
34
  function TabsList({ className, ...props }) {
34
35
  return (_jsx(View, { className: cn('flex flex-row items-center justify-center rounded-lg bg-muted p-1', className), ...props }));
35
36
  }
36
- function TabsTrigger({ value: tabValue, className, ...props }) {
37
+ function TabsTrigger({ value: tabValue, children, className, disabled, style: styleProp, ...props }) {
37
38
  const { value, onValueChange } = useContext(TabsContext);
38
39
  const isActive = value === tabValue;
39
- return (_jsx(Pressable, { className: cn(tabsTriggerVariants({ state: isActive ? 'active' : 'inactive' }), 'flex-1', className), onPress: () => onValueChange(tabValue), ...props }));
40
+ const interaction = useInteractionTokens();
41
+ const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
42
+ disabled: Boolean(disabled),
43
+ pressedVariant: 'default',
44
+ });
45
+ return (_jsx(Pressable, { className: cn(tabsTriggerVariants({ state: isActive ? 'active' : 'inactive' }), 'flex-1', className), style: interactiveStyle, onPress: () => onValueChange(tabValue), disabled: disabled, ...props, children: children }));
40
46
  }
41
47
  function TabsContent({ value: tabValue, className, children, ...props }) {
42
48
  const { value } = useContext(TabsContext);