@retray-dev/ui-kit 12.2.0 → 13.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 (296) hide show
  1. package/CONSUMER.md +26 -11
  2. package/DESIGN.md +2 -2
  3. package/README.md +15 -11
  4. package/{COMPONENTS.md → SKILL.md} +374 -996
  5. package/dist/Accordion.d.mts +2 -0
  6. package/dist/Accordion.d.ts +2 -0
  7. package/dist/Accordion.js +49 -210
  8. package/dist/Accordion.mjs +6 -6
  9. package/dist/AlertBanner.js +29 -153
  10. package/dist/AlertBanner.mjs +3 -4
  11. package/dist/AppHeader.d.mts +5 -2
  12. package/dist/AppHeader.d.ts +5 -2
  13. package/dist/AppHeader.js +45 -239
  14. package/dist/AppHeader.mjs +6 -8
  15. package/dist/Avatar.d.mts +17 -1
  16. package/dist/Avatar.d.ts +17 -1
  17. package/dist/Avatar.js +80 -115
  18. package/dist/Avatar.mjs +2 -3
  19. package/dist/Badge.js +24 -149
  20. package/dist/Badge.mjs +3 -4
  21. package/dist/Button.js +79 -267
  22. package/dist/Button.mjs +6 -7
  23. package/dist/ButtonGroup.mjs +0 -1
  24. package/dist/Card.js +15 -200
  25. package/dist/Card.mjs +4 -6
  26. package/dist/CategoryStrip.d.mts +0 -5
  27. package/dist/CategoryStrip.d.ts +0 -5
  28. package/dist/CategoryStrip.js +47 -265
  29. package/dist/CategoryStrip.mjs +6 -7
  30. package/dist/Checkbox.d.mts +2 -1
  31. package/dist/Checkbox.d.ts +2 -1
  32. package/dist/Checkbox.js +18 -201
  33. package/dist/Checkbox.mjs +5 -6
  34. package/dist/Chip.js +44 -236
  35. package/dist/Chip.mjs +7 -7
  36. package/dist/ConfirmDialog.d.mts +2 -1
  37. package/dist/ConfirmDialog.d.ts +2 -1
  38. package/dist/ConfirmDialog.js +110 -300
  39. package/dist/ConfirmDialog.mjs +7 -8
  40. package/dist/CurrencyDisplay.js +1 -114
  41. package/dist/CurrencyDisplay.mjs +2 -3
  42. package/dist/CurrencyInput.js +35 -162
  43. package/dist/CurrencyInput.mjs +5 -6
  44. package/dist/DetailRow.js +25 -150
  45. package/dist/DetailRow.mjs +3 -4
  46. package/dist/EmptyState.js +80 -268
  47. package/dist/EmptyState.mjs +7 -8
  48. package/dist/ErrorBoundary.js +32 -199
  49. package/dist/ErrorBoundary.mjs +4 -5
  50. package/dist/Form.js +1 -114
  51. package/dist/Form.mjs +2 -3
  52. package/dist/HolographicCard.d.mts +0 -28
  53. package/dist/HolographicCard.d.ts +0 -28
  54. package/dist/HolographicCard.js +20 -130
  55. package/dist/HolographicCard.mjs +9 -33
  56. package/dist/IconButton.js +36 -234
  57. package/dist/IconButton.mjs +5 -7
  58. package/dist/IconPicker.js +222 -929
  59. package/dist/IconPicker.mjs +5 -6
  60. package/dist/ImageUpload.d.mts +3 -3
  61. package/dist/ImageUpload.d.ts +3 -3
  62. package/dist/ImageUpload.js +49 -238
  63. package/dist/ImageUpload.mjs +5 -7
  64. package/dist/ImageViewer.js +75 -266
  65. package/dist/ImageViewer.mjs +8 -9
  66. package/dist/Input.d.mts +1 -1
  67. package/dist/Input.d.ts +1 -1
  68. package/dist/Input.js +35 -162
  69. package/dist/Input.mjs +4 -5
  70. package/dist/LabelValue.js +24 -149
  71. package/dist/LabelValue.mjs +3 -4
  72. package/dist/ListGroup.js +1 -114
  73. package/dist/ListGroup.mjs +2 -3
  74. package/dist/ListItem.d.mts +2 -1
  75. package/dist/ListItem.d.ts +2 -1
  76. package/dist/ListItem.js +41 -236
  77. package/dist/ListItem.mjs +5 -7
  78. package/dist/MediaCard.d.mts +0 -14
  79. package/dist/MediaCard.d.ts +0 -14
  80. package/dist/MediaCard.js +69 -315
  81. package/dist/MediaCard.mjs +5 -7
  82. package/dist/MenuGroup.js +1 -114
  83. package/dist/MenuGroup.mjs +2 -3
  84. package/dist/MenuItem.d.mts +2 -1
  85. package/dist/MenuItem.d.ts +2 -1
  86. package/dist/MenuItem.js +39 -235
  87. package/dist/MenuItem.mjs +5 -7
  88. package/dist/MonthPicker.js +8 -163
  89. package/dist/MonthPicker.mjs +3 -4
  90. package/dist/NumberStepper.d.mts +2 -1
  91. package/dist/NumberStepper.d.ts +2 -1
  92. package/dist/NumberStepper.js +44 -239
  93. package/dist/NumberStepper.mjs +5 -7
  94. package/dist/PagerDots.d.mts +1 -1
  95. package/dist/PagerDots.d.ts +1 -1
  96. package/dist/PagerDots.js +69 -224
  97. package/dist/PagerDots.mjs +6 -6
  98. package/dist/Pressable.js +14 -85
  99. package/dist/Pressable.mjs +4 -5
  100. package/dist/PricingCard.js +87 -272
  101. package/dist/PricingCard.mjs +8 -9
  102. package/dist/Progress.js +3 -123
  103. package/dist/Progress.mjs +3 -4
  104. package/dist/RadioGroup.js +52 -265
  105. package/dist/RadioGroup.mjs +5 -6
  106. package/dist/RetrayProvider.js +3 -6
  107. package/dist/RetrayProvider.mjs +3 -4
  108. package/dist/Select.d.mts +3 -1
  109. package/dist/Select.d.ts +3 -1
  110. package/dist/Select.js +27 -233
  111. package/dist/Select.mjs +4 -6
  112. package/dist/SelectableCard.js +33 -209
  113. package/dist/SelectableCard.mjs +5 -6
  114. package/dist/SelectableGrid.d.mts +0 -21
  115. package/dist/SelectableGrid.d.ts +0 -21
  116. package/dist/SelectableGrid.js +49 -272
  117. package/dist/SelectableGrid.mjs +5 -7
  118. package/dist/Separator.js +1 -114
  119. package/dist/Separator.mjs +2 -3
  120. package/dist/Sheet.d.mts +1 -1
  121. package/dist/Sheet.d.ts +1 -1
  122. package/dist/Sheet.js +33 -175
  123. package/dist/Sheet.mjs +3 -4
  124. package/dist/SheetSelect.js +39 -236
  125. package/dist/SheetSelect.mjs +6 -7
  126. package/dist/Skeleton.js +4 -124
  127. package/dist/Skeleton.mjs +3 -4
  128. package/dist/Slider.d.mts +2 -1
  129. package/dist/Slider.d.ts +2 -1
  130. package/dist/Slider.js +8 -161
  131. package/dist/Slider.mjs +3 -4
  132. package/dist/Spinner.js +3 -116
  133. package/dist/Spinner.mjs +2 -3
  134. package/dist/Stats.js +36 -234
  135. package/dist/Stats.mjs +5 -7
  136. package/dist/Switch.d.mts +2 -1
  137. package/dist/Switch.d.ts +2 -1
  138. package/dist/Switch.js +26 -176
  139. package/dist/Switch.mjs +5 -5
  140. package/dist/TabBar.js +43 -200
  141. package/dist/TabBar.mjs +5 -5
  142. package/dist/Tabs.js +15 -199
  143. package/dist/Tabs.mjs +5 -6
  144. package/dist/Text.js +9 -130
  145. package/dist/Text.mjs +2 -3
  146. package/dist/Textarea.d.mts +2 -1
  147. package/dist/Textarea.d.ts +2 -1
  148. package/dist/Textarea.js +71 -219
  149. package/dist/Textarea.mjs +4 -5
  150. package/dist/Toast.d.mts +12 -10
  151. package/dist/Toast.d.ts +12 -10
  152. package/dist/Toast.js +1 -114
  153. package/dist/Toast.mjs +2 -3
  154. package/dist/Toggle.js +39 -236
  155. package/dist/Toggle.mjs +6 -7
  156. package/dist/{chunk-ELGEOM7I.mjs → chunk-2QXJDRVU.mjs} +13 -10
  157. package/dist/{chunk-LIS6I5UP.mjs → chunk-2VIDP72N.mjs} +3 -3
  158. package/dist/{chunk-NHDI3VQB.mjs → chunk-422IVD3H.mjs} +16 -12
  159. package/dist/{chunk-DF7JA72E.mjs → chunk-4NQFTHN3.mjs} +13 -7
  160. package/dist/{chunk-3XCFYSX4.mjs → chunk-5MYNAAFE.mjs} +13 -17
  161. package/dist/{chunk-E7NEHHXV.mjs → chunk-62BBSSUF.mjs} +3 -3
  162. package/dist/{chunk-UBUXUMER.mjs → chunk-77UOVFIS.mjs} +7 -5
  163. package/dist/{chunk-M3C7XM2M.mjs → chunk-7BZJRB77.mjs} +28 -18
  164. package/dist/chunk-ARONDO7M.mjs +40 -0
  165. package/dist/{chunk-GH67YXG6.mjs → chunk-AZV7KNJI.mjs} +3 -3
  166. package/dist/{chunk-2P2CB235.mjs → chunk-BULKGOIZ.mjs} +7 -8
  167. package/dist/{chunk-RJNLAH76.mjs → chunk-C5ZRMR2E.mjs} +4 -2
  168. package/dist/chunk-CM2DG4MR.mjs +142 -0
  169. package/dist/{chunk-UQ4742ET.mjs → chunk-COA2YZOX.mjs} +8 -6
  170. package/dist/{chunk-EDLCGYIO.mjs → chunk-CZN6L2QU.mjs} +11 -8
  171. package/dist/{chunk-TS7DGUIR.mjs → chunk-DBHSUUKU.mjs} +2 -2
  172. package/dist/{chunk-57V2LXCK.mjs → chunk-DE25XTVQ.mjs} +3 -3
  173. package/dist/{chunk-RMRS44MQ.mjs → chunk-E2PONRJG.mjs} +13 -9
  174. package/dist/{chunk-GUTDFUNF.mjs → chunk-EHGBHFMH.mjs} +9 -17
  175. package/dist/{chunk-ZIMY2QUM.mjs → chunk-ERWJPVX7.mjs} +2 -2
  176. package/dist/{chunk-NLZY4TXU.mjs → chunk-ESQDPO5E.mjs} +7 -7
  177. package/dist/{chunk-VJBUCITV.mjs → chunk-EW2FIDSM.mjs} +1 -1
  178. package/dist/{chunk-HC4VVCWY.mjs → chunk-FTTI6T5Q.mjs} +4 -4
  179. package/dist/{chunk-MVMGPZN6.mjs → chunk-H6MQL7PS.mjs} +12 -7
  180. package/dist/{chunk-CF27NBXO.mjs → chunk-HHOOFDBA.mjs} +38 -41
  181. package/dist/{chunk-2HFD4IHU.mjs → chunk-HUSSF6TF.mjs} +1 -1
  182. package/dist/{chunk-HEDQPK4I.mjs → chunk-IDVUZIVY.mjs} +16 -22
  183. package/dist/chunk-IFYMBOEN.mjs +14 -0
  184. package/dist/{chunk-QOLWA2PW.mjs → chunk-IGU223UM.mjs} +80 -4
  185. package/dist/chunk-IJCMPVW5.mjs +121 -0
  186. package/dist/{chunk-AENAVIKT.mjs → chunk-ITG4JQM3.mjs} +4 -4
  187. package/dist/{chunk-E5UKLSJZ.mjs → chunk-K3QX2M26.mjs} +11 -8
  188. package/dist/{chunk-4OORJ2DY.mjs → chunk-K7TKID3V.mjs} +8 -7
  189. package/dist/{chunk-2LG326TT.mjs → chunk-KAGADD2O.mjs} +4 -4
  190. package/dist/{chunk-IVSRW4HS.mjs → chunk-KC5QDYGZ.mjs} +4 -4
  191. package/dist/{chunk-7AFZWSCI.mjs → chunk-KPTY7UYQ.mjs} +1 -1
  192. package/dist/{chunk-YTXRIXNZ.mjs → chunk-KSSVIFYR.mjs} +9 -12
  193. package/dist/chunk-L3YKPTJQ.mjs +119 -0
  194. package/dist/chunk-M53LC4Q7.mjs +35 -0
  195. package/dist/chunk-MZ6WRTD2.mjs +40 -0
  196. package/dist/chunk-NGEN2EES.mjs +581 -0
  197. package/dist/{chunk-ZR6HSEAB.mjs → chunk-NPCBNGNE.mjs} +17 -26
  198. package/dist/{chunk-C43HRKXH.mjs → chunk-OBV72JD4.mjs} +1 -1
  199. package/dist/{chunk-LPV4NJJK.mjs → chunk-PGQ6FMXS.mjs} +6 -5
  200. package/dist/{chunk-MEPSKGBO.mjs → chunk-PI6RULJX.mjs} +1 -1
  201. package/dist/{chunk-F3YTWO3T.mjs → chunk-RA6SAAFE.mjs} +9 -8
  202. package/dist/{chunk-UNNRUJTM.mjs → chunk-RRKM4MKB.mjs} +7 -7
  203. package/dist/{chunk-ULGNQPNE.mjs → chunk-S2VGME7X.mjs} +1 -1
  204. package/dist/{chunk-OLVJFKXS.mjs → chunk-S44XWTTC.mjs} +35 -25
  205. package/dist/{chunk-YMYIEVZP.mjs → chunk-SZEKQAOY.mjs} +1 -1
  206. package/dist/{chunk-BXF4AMHY.mjs → chunk-TMH263OK.mjs} +5 -4
  207. package/dist/{chunk-NJG7DHVF.mjs → chunk-U6DEBYU5.mjs} +10 -9
  208. package/dist/{chunk-QXDGGOLC.mjs → chunk-UMZTPUB3.mjs} +33 -21
  209. package/dist/{chunk-KSUWPU2F.mjs → chunk-WIPEDNSD.mjs} +7 -7
  210. package/dist/{chunk-QDAZGZUF.mjs → chunk-XCIG6HT2.mjs} +3 -3
  211. package/dist/{chunk-4J2PXL36.mjs → chunk-Y6YS33GM.mjs} +40 -38
  212. package/dist/{chunk-4XOB5TTD.mjs → chunk-ZKDKKQCE.mjs} +5 -5
  213. package/dist/{chunk-LOBLCFMN.mjs → chunk-ZTPYUU5C.mjs} +5 -5
  214. package/dist/fonts.mjs +0 -2
  215. package/dist/index.d.mts +13 -73
  216. package/dist/index.d.ts +13 -73
  217. package/dist/index.js +1149 -1892
  218. package/dist/index.mjs +81 -86
  219. package/package.json +20 -20
  220. package/src/components/Accordion/Accordion.tsx +15 -9
  221. package/src/components/AlertBanner/AlertBanner.tsx +7 -6
  222. package/src/components/AppHeader/AppHeader.tsx +25 -10
  223. package/src/components/Avatar/Avatar.tsx +92 -1
  224. package/src/components/Avatar/index.ts +2 -2
  225. package/src/components/Badge/Badge.tsx +2 -2
  226. package/src/components/Button/Button.tsx +50 -46
  227. package/src/components/Card/Card.tsx +1 -0
  228. package/src/components/CategoryStrip/CategoryStrip.tsx +36 -49
  229. package/src/components/Checkbox/Checkbox.tsx +3 -0
  230. package/src/components/Chip/Chip.tsx +5 -4
  231. package/src/components/ConfirmDialog/ConfirmDialog.tsx +33 -17
  232. package/src/components/DetailRow/DetailRow.tsx +3 -3
  233. package/src/components/EmptyState/EmptyState.tsx +2 -2
  234. package/src/components/ErrorBoundary/ErrorBoundary.tsx +6 -6
  235. package/src/components/HolographicCard/HolographicCard.tsx +14 -95
  236. package/src/components/IconButton/IconButton.tsx +2 -2
  237. package/src/components/IconPicker/IconPicker.tsx +13 -12
  238. package/src/components/ImageUpload/ImageUpload.tsx +43 -46
  239. package/src/components/ImageViewer/ImageViewer.tsx +3 -3
  240. package/src/components/Input/Input.tsx +11 -5
  241. package/src/components/LabelValue/LabelValue.tsx +2 -2
  242. package/src/components/ListItem/ListItem.tsx +7 -4
  243. package/src/components/MediaCard/MediaCard.tsx +21 -59
  244. package/src/components/MenuItem/MenuItem.tsx +5 -2
  245. package/src/components/MonthPicker/MonthPicker.tsx +2 -2
  246. package/src/components/NumberStepper/NumberStepper.tsx +10 -6
  247. package/src/components/PagerDots/PagerDots.tsx +38 -28
  248. package/src/components/PricingCard/PricingCard.tsx +6 -6
  249. package/src/components/RadioGroup/RadioGroup.tsx +18 -31
  250. package/src/components/Select/Select.tsx +35 -39
  251. package/src/components/SelectableCard/SelectableCard.tsx +4 -6
  252. package/src/components/SelectableGrid/SelectableGrid.tsx +37 -72
  253. package/src/components/Sheet/Sheet.tsx +28 -15
  254. package/src/components/Sheet/index.ts +2 -2
  255. package/src/components/SheetSelect/SheetSelect.tsx +3 -3
  256. package/src/components/Skeleton/Skeleton.tsx +1 -1
  257. package/src/components/Slider/Slider.tsx +3 -0
  258. package/src/components/Spinner/Spinner.tsx +2 -2
  259. package/src/components/Stats/Stats.tsx +2 -2
  260. package/src/components/Switch/Switch.tsx +12 -7
  261. package/src/components/TabBar/TabBar.tsx +9 -8
  262. package/src/components/Text/Text.tsx +13 -1
  263. package/src/components/Textarea/Textarea.tsx +18 -32
  264. package/src/components/Toggle/Toggle.tsx +3 -3
  265. package/src/hooks/useConfirmDialog.ts +31 -42
  266. package/src/index.ts +3 -4
  267. package/src/theme/ThemeProvider.tsx +1 -4
  268. package/src/theme/colorUtils.ts +1 -72
  269. package/src/theme/colors.ts +40 -1
  270. package/src/theme/types.ts +2 -2
  271. package/src/utils/animations.ts +0 -47
  272. package/src/utils/curatedIcons.ts +93 -801
  273. package/src/utils/haptics.ts +13 -208
  274. package/src/utils/icons.ts +27 -91
  275. package/src/utils/pressable.ts +10 -61
  276. package/dist/VirtualList.d.mts +0 -19
  277. package/dist/VirtualList.d.ts +0 -19
  278. package/dist/VirtualList.js +0 -38
  279. package/dist/VirtualList.mjs +0 -2
  280. package/dist/chunk-2BA3JMKK.mjs +0 -136
  281. package/dist/chunk-3DKJ2GIC.mjs +0 -30
  282. package/dist/chunk-7ELGZ66G.mjs +0 -164
  283. package/dist/chunk-DVK4G2GT.mjs +0 -59
  284. package/dist/chunk-EJ7ZPXOH.mjs +0 -163
  285. package/dist/chunk-KA7LTET3.mjs +0 -71
  286. package/dist/chunk-LNPKGWBG.mjs +0 -134
  287. package/dist/chunk-NC5ZTR2Y.mjs +0 -32
  288. package/dist/chunk-SAWUXP3A.mjs +0 -1114
  289. package/dist/chunk-Y6FXYEAI.mjs +0 -8
  290. package/dist/chunk-YNROWHQJ.mjs +0 -46
  291. package/src/components/VirtualList/VirtualList.tsx +0 -60
  292. package/src/components/VirtualList/index.ts +0 -1
  293. package/src/utils/fontGuard.ts +0 -35
  294. package/src/utils/hover.ts +0 -25
  295. package/src/utils/useColorTransition.ts +0 -40
  296. package/src/utils/usePressScale.ts +0 -75
package/dist/TabBar.js CHANGED
@@ -10,6 +10,7 @@ var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
10
10
  var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
11
11
  var Ionicons = require('@expo/vector-icons/Ionicons');
12
12
  var reactNativeSizeMatters = require('react-native-size-matters');
13
+ var pressto = require('pressto');
13
14
 
14
15
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
16
 
@@ -21,126 +22,8 @@ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
21
22
  var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
22
23
  var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
23
24
 
24
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
25
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
26
- }) : x)(function(x) {
27
- if (typeof require !== "undefined") return require.apply(this, arguments);
28
- throw Error('Dynamic require of "' + x + '" is not supported');
29
- });
30
-
31
- // src/theme/colorUtils.ts
32
- function hexToRgb(hex) {
33
- const clean = hex.replace("#", "");
34
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
35
- if (full.length !== 6) return null;
36
- return {
37
- r: parseInt(full.slice(0, 2), 16),
38
- g: parseInt(full.slice(2, 4), 16),
39
- b: parseInt(full.slice(4, 6), 16)
40
- };
41
- }
42
- function componentToHex(c) {
43
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
44
- }
45
- function rgbToHex(r, g, b) {
46
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
47
- }
48
- function withAlphaOnWhite(hex, alpha) {
49
- const rgb = hexToRgb(hex);
50
- if (!rgb) return hex;
51
- const r = rgb.r * alpha + 255 * (1 - alpha);
52
- const g = rgb.g * alpha + 255 * (1 - alpha);
53
- const b = rgb.b * alpha + 255 * (1 - alpha);
54
- return rgbToHex(r, g, b);
55
- }
56
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
57
- const rgb = hexToRgb(hex);
58
- const bg = hexToRgb(bgHex);
59
- if (!rgb || !bg) return hex;
60
- const r = rgb.r * alpha + bg.r * (1 - alpha);
61
- const g = rgb.g * alpha + bg.g * (1 - alpha);
62
- const b = rgb.b * alpha + bg.b * (1 - alpha);
63
- return rgbToHex(r, g, b);
64
- }
65
- function mixWithBackground(fgHex, bgHex, opacity) {
66
- const fg = hexToRgb(fgHex);
67
- const bg = hexToRgb(bgHex);
68
- if (!fg || !bg) return fgHex;
69
- const r = fg.r * opacity + bg.r * (1 - opacity);
70
- const g = fg.g * opacity + bg.g * (1 - opacity);
71
- const b = fg.b * opacity + bg.b * (1 - opacity);
72
- return rgbToHex(r, g, b);
73
- }
74
- function lighten(hex, amount) {
75
- return withAlphaOnWhite(hex, 1 - amount);
76
- }
77
- function darken(hex, amount) {
78
- const rgb = hexToRgb(hex);
79
- if (!rgb) return hex;
80
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
81
- }
82
-
83
- // src/theme/colors.ts
84
- var defaultLight = {
85
- background: "#ffffff",
86
- foreground: "#1a1a1a",
87
- card: "#ffffff",
88
- primary: "#1a1a1a",
89
- primaryForeground: "#ffffff",
90
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
91
- accent: "#d4561d",
92
- accentForeground: "#ffffff",
93
- border: "#dddddd",
94
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
95
- destructive: "#c72828",
96
- destructiveForeground: "#ffffff",
97
- success: "#1a7a45",
98
- successForeground: "#ffffff",
99
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
100
- warning: "#9a5200",
101
- warningForeground: "#ffffff"
102
- };
103
- function deriveColors(t, scheme) {
104
- const dark = scheme === "dark";
105
- const bg = t.background;
106
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
107
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
108
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
109
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
110
- const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
111
- const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
112
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
113
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
114
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
115
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
116
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
117
- return {
118
- ...t,
119
- foregroundSubtle,
120
- foregroundMuted,
121
- surface,
122
- surfaceStrong,
123
- skeleton,
124
- destructiveTint,
125
- destructiveBorder,
126
- successTint,
127
- successBorder,
128
- warningTint,
129
- warningBorder,
130
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
131
- accentResolved: t.accent ?? t.primary,
132
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
133
- ring: t.accent ?? t.primary,
134
- input: t.border,
135
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
136
- };
137
- }
138
-
139
- // src/theme/ThemeProvider.tsx
140
- var ThemeContext = React3.createContext({
141
- colors: deriveColors(defaultLight, "light"),
142
- colorScheme: "light"
143
- });
25
+ // src/components/TabBar/TabBar.tsx
26
+ var ThemeContext = React3.createContext(void 0);
144
27
  function useTheme() {
145
28
  const context = React3.useContext(ThemeContext);
146
29
  if (!context) {
@@ -148,53 +31,41 @@ function useTheme() {
148
31
  }
149
32
  return context;
150
33
  }
151
- var glyphMapOf = (mod) => mod.glyphMap ?? {};
152
34
  var ALL_FAMILIES = [
153
- { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
154
- { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
155
- { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
156
- { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
157
- { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
158
- { name: "Feather", component: Feather__default.default, getGlyphMap: () => glyphMapOf(Feather__default.default) }
35
+ { name: "Feather", component: Feather__default.default },
36
+ { name: "AntDesign", component: AntDesign__default.default },
37
+ { name: "Entypo", component: Entypo__default.default },
38
+ { name: "FontAwesome5", component: FontAwesome5__default.default },
39
+ { name: "MaterialIcons", component: MaterialIcons__default.default },
40
+ { name: "Ionicons", component: Ionicons__default.default }
159
41
  ];
160
- var activeFamilies = ALL_FAMILIES;
161
- var resolvedCache = null;
162
- function buildCache(families) {
163
- const cache = /* @__PURE__ */ new Map();
164
- for (const family of activeFamilies) {
165
- const glyphMap = family.getGlyphMap();
166
- for (const iconName of Object.keys(glyphMap)) {
167
- cache.set(iconName, family);
42
+ var glyphCacheInitialized = false;
43
+ function ensureGlyphCache() {
44
+ if (glyphCacheInitialized) return;
45
+ glyphCacheInitialized = true;
46
+ for (const entry of ALL_FAMILIES) {
47
+ try {
48
+ entry.glyphMap = entry.component.glyphMap;
49
+ } catch {
50
+ entry.glyphMap = {};
168
51
  }
169
52
  }
170
- return cache;
171
- }
172
- function resolveFamily(name) {
173
- if (!resolvedCache) {
174
- resolvedCache = buildCache();
175
- }
176
- return resolvedCache.get(name) ?? null;
177
53
  }
178
54
  function Icon({ name, size, color, family }) {
179
- let resolved = null;
180
- if (family) {
181
- resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
182
- } else {
183
- resolved = resolveFamily(name);
184
- }
185
- if (!resolved) return null;
186
- const Component = resolved.component;
187
- return React3__default.default.createElement(Component, { name, size, color });
188
- }
189
- function renderIcon(name, size, color) {
190
- return React3__default.default.createElement(Icon, { name, size, color });
55
+ ensureGlyphCache();
56
+ const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
57
+ const glyphMap = f.glyphMap;
58
+ return glyphMap ? name in glyphMap : false;
59
+ });
60
+ if (!entry) return null;
61
+ return React3__default.default.createElement(entry.component, { name, size, color });
191
62
  }
192
63
  var _haptics = null;
193
- var _hapticsLoaded = false;
64
+ var _loaded = false;
194
65
  async function getHaptics() {
195
66
  if (reactNative.Platform.OS === "web") return null;
196
- if (!_hapticsLoaded) {
197
- _hapticsLoaded = true;
67
+ if (!_loaded) {
68
+ _loaded = true;
198
69
  try {
199
70
  _haptics = await import('expo-haptics');
200
71
  } catch {
@@ -203,51 +74,23 @@ async function getHaptics() {
203
74
  }
204
75
  return _haptics;
205
76
  }
206
- var _pulsar = null;
207
- var _pulsarChecked = false;
208
- var _pulsarAvailable = false;
209
- function isPulsarNativeRegistered() {
210
- try {
211
- const g = globalThis;
212
- if (typeof g.__turboModuleProxy === "function") {
213
- return g.__turboModuleProxy("RNPulsar") != null;
214
- }
215
- return reactNative.NativeModules?.RNPulsar != null;
216
- } catch {
217
- return false;
218
- }
219
- }
220
- function getPulsar() {
221
- if (reactNative.Platform.OS === "web") return null;
222
- if (!_pulsarChecked) {
223
- _pulsarChecked = true;
224
- try {
225
- if (isPulsarNativeRegistered()) {
226
- _pulsar = __require("react-native-pulsar");
227
- _pulsarAvailable = true;
228
- }
229
- } catch {
230
- _pulsar = null;
231
- _pulsarAvailable = false;
232
- }
233
- }
234
- return _pulsarAvailable ? _pulsar : null;
235
- }
236
77
  function selectionAsync() {
237
- if (reactNative.Platform.OS === "web") return;
238
- getHaptics().then((h) => {
239
- if (h) {
240
- h.selectionAsync();
241
- } else {
242
- getPulsar()?.Presets.System.selection();
243
- }
244
- });
78
+ getHaptics().then((h) => h?.selectionAsync());
245
79
  }
246
80
  var isWeb = reactNative.Platform.OS === "web";
247
81
  var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
248
82
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
249
83
  var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
250
84
  var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
85
+ var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
86
+ "worklet";
87
+ return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
88
+ });
89
+ makePressable(0.95);
90
+ makePressable(0.98);
91
+ makePressable(0.97);
92
+ makePressable(0.94);
93
+ var PressableTab = makePressable(0.95);
251
94
 
252
95
  // src/components/TabBar/TabBar.tsx
253
96
  function TabBar({
@@ -280,23 +123,23 @@ function TabBar({
280
123
  items.map((item) => {
281
124
  const active = item.key === activeKey;
282
125
  const tint = active ? resolvedActive : resolvedInactive;
283
- const iconNode = item.icon ?? (item.iconName ? renderIcon(item.iconName, ms(24), tint) : null);
126
+ const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: tint }) : null);
284
127
  const showBadge = item.badge !== void 0 && item.badge !== false;
285
128
  const badgeCount = typeof item.badge === "number" ? item.badge : void 0;
286
129
  return /* @__PURE__ */ React3__default.default.createElement(
287
- reactNative.TouchableOpacity,
130
+ PressableTab,
288
131
  {
289
132
  key: item.key,
290
- style: styles.tab,
291
133
  onPress: () => {
292
134
  if (!active) selectionAsync();
293
135
  onTabPress(item.key);
294
136
  },
295
- activeOpacity: 0.7,
137
+ rippleColor: "transparent",
296
138
  touchSoundDisabled: true,
297
139
  accessibilityRole: "tab",
298
140
  accessibilityState: { selected: active },
299
- accessibilityLabel: item.label ?? item.key
141
+ accessibilityLabel: item.label ?? item.key,
142
+ style: styles.tab
300
143
  },
301
144
  /* @__PURE__ */ React3__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React3__default.default.createElement(
302
145
  reactNative.View,
package/dist/TabBar.mjs CHANGED
@@ -1,6 +1,6 @@
1
- export { TabBar } from './chunk-NJG7DHVF.mjs';
2
- import './chunk-EJ7ZPXOH.mjs';
3
- import './chunk-KA7LTET3.mjs';
4
- import './chunk-YTXRIXNZ.mjs';
1
+ export { TabBar } from './chunk-U6DEBYU5.mjs';
2
+ import './chunk-IFYMBOEN.mjs';
3
+ import './chunk-ARONDO7M.mjs';
4
+ import './chunk-MZ6WRTD2.mjs';
5
+ import './chunk-KSSVIFYR.mjs';
5
6
  import './chunk-2CE3TQVY.mjs';
6
- import './chunk-Y6FXYEAI.mjs';
package/dist/Tabs.js CHANGED
@@ -11,18 +11,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
11
  var React2__default = /*#__PURE__*/_interopDefault(React2);
12
12
  var Animated__default = /*#__PURE__*/_interopDefault(Animated);
13
13
 
14
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
15
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
16
- }) : x)(function(x) {
17
- if (typeof require !== "undefined") return require.apply(this, arguments);
18
- throw Error('Dynamic require of "' + x + '" is not supported');
19
- });
14
+ // src/components/Tabs/Tabs.tsx
20
15
  var _haptics = null;
21
- var _hapticsLoaded = false;
16
+ var _loaded = false;
22
17
  async function getHaptics() {
23
18
  if (reactNative.Platform.OS === "web") return null;
24
- if (!_hapticsLoaded) {
25
- _hapticsLoaded = true;
19
+ if (!_loaded) {
20
+ _loaded = true;
26
21
  try {
27
22
  _haptics = await import('expo-haptics');
28
23
  } catch {
@@ -31,160 +26,10 @@ async function getHaptics() {
31
26
  }
32
27
  return _haptics;
33
28
  }
34
- var _pulsar = null;
35
- var _pulsarChecked = false;
36
- var _pulsarAvailable = false;
37
- function isPulsarNativeRegistered() {
38
- try {
39
- const g = globalThis;
40
- if (typeof g.__turboModuleProxy === "function") {
41
- return g.__turboModuleProxy("RNPulsar") != null;
42
- }
43
- return reactNative.NativeModules?.RNPulsar != null;
44
- } catch {
45
- return false;
46
- }
47
- }
48
- function getPulsar() {
49
- if (reactNative.Platform.OS === "web") return null;
50
- if (!_pulsarChecked) {
51
- _pulsarChecked = true;
52
- try {
53
- if (isPulsarNativeRegistered()) {
54
- _pulsar = __require("react-native-pulsar");
55
- _pulsarAvailable = true;
56
- }
57
- } catch {
58
- _pulsar = null;
59
- _pulsarAvailable = false;
60
- }
61
- }
62
- return _pulsarAvailable ? _pulsar : null;
63
- }
64
29
  function selectionAsync() {
65
- if (reactNative.Platform.OS === "web") return;
66
- getHaptics().then((h) => {
67
- if (h) {
68
- h.selectionAsync();
69
- } else {
70
- getPulsar()?.Presets.System.selection();
71
- }
72
- });
73
- }
74
-
75
- // src/theme/colorUtils.ts
76
- function hexToRgb(hex) {
77
- const clean = hex.replace("#", "");
78
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
79
- if (full.length !== 6) return null;
80
- return {
81
- r: parseInt(full.slice(0, 2), 16),
82
- g: parseInt(full.slice(2, 4), 16),
83
- b: parseInt(full.slice(4, 6), 16)
84
- };
85
- }
86
- function componentToHex(c) {
87
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
88
- }
89
- function rgbToHex(r, g, b) {
90
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
91
- }
92
- function withAlphaOnWhite(hex, alpha) {
93
- const rgb = hexToRgb(hex);
94
- if (!rgb) return hex;
95
- const r = rgb.r * alpha + 255 * (1 - alpha);
96
- const g = rgb.g * alpha + 255 * (1 - alpha);
97
- const b = rgb.b * alpha + 255 * (1 - alpha);
98
- return rgbToHex(r, g, b);
30
+ getHaptics().then((h) => h?.selectionAsync());
99
31
  }
100
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
101
- const rgb = hexToRgb(hex);
102
- const bg = hexToRgb(bgHex);
103
- if (!rgb || !bg) return hex;
104
- const r = rgb.r * alpha + bg.r * (1 - alpha);
105
- const g = rgb.g * alpha + bg.g * (1 - alpha);
106
- const b = rgb.b * alpha + bg.b * (1 - alpha);
107
- return rgbToHex(r, g, b);
108
- }
109
- function mixWithBackground(fgHex, bgHex, opacity) {
110
- const fg = hexToRgb(fgHex);
111
- const bg = hexToRgb(bgHex);
112
- if (!fg || !bg) return fgHex;
113
- const r = fg.r * opacity + bg.r * (1 - opacity);
114
- const g = fg.g * opacity + bg.g * (1 - opacity);
115
- const b = fg.b * opacity + bg.b * (1 - opacity);
116
- return rgbToHex(r, g, b);
117
- }
118
- function lighten(hex, amount) {
119
- return withAlphaOnWhite(hex, 1 - amount);
120
- }
121
- function darken(hex, amount) {
122
- const rgb = hexToRgb(hex);
123
- if (!rgb) return hex;
124
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
125
- }
126
-
127
- // src/theme/colors.ts
128
- var defaultLight = {
129
- background: "#ffffff",
130
- foreground: "#1a1a1a",
131
- card: "#ffffff",
132
- primary: "#1a1a1a",
133
- primaryForeground: "#ffffff",
134
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
135
- accent: "#d4561d",
136
- accentForeground: "#ffffff",
137
- border: "#dddddd",
138
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
139
- destructive: "#c72828",
140
- destructiveForeground: "#ffffff",
141
- success: "#1a7a45",
142
- successForeground: "#ffffff",
143
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
144
- warning: "#9a5200",
145
- warningForeground: "#ffffff"
146
- };
147
- function deriveColors(t, scheme) {
148
- const dark = scheme === "dark";
149
- const bg = t.background;
150
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
151
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
152
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
153
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
154
- const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
155
- const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
156
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
157
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
158
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
159
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
160
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
161
- return {
162
- ...t,
163
- foregroundSubtle,
164
- foregroundMuted,
165
- surface,
166
- surfaceStrong,
167
- skeleton,
168
- destructiveTint,
169
- destructiveBorder,
170
- successTint,
171
- successBorder,
172
- warningTint,
173
- warningBorder,
174
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
175
- accentResolved: t.accent ?? t.primary,
176
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
177
- ring: t.accent ?? t.primary,
178
- input: t.border,
179
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
180
- };
181
- }
182
-
183
- // src/theme/ThemeProvider.tsx
184
- var ThemeContext = React2.createContext({
185
- colors: deriveColors(defaultLight, "light"),
186
- colorScheme: "light"
187
- });
32
+ var ThemeContext = React2.createContext(void 0);
188
33
  function useTheme() {
189
34
  const context = React2.useContext(ThemeContext);
190
35
  if (!context) {
@@ -196,48 +41,19 @@ var isWeb = reactNative.Platform.OS === "web";
196
41
  var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
197
42
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
198
43
  var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
44
+
45
+ // src/utils/animations.ts
199
46
  var SPRINGS = {
200
- /** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
201
47
  glide: { stiffness: 380, damping: 38, mass: 1 }};
202
- ({
203
- /** Material-style ease-out — natural deceleration for state changes. */
204
- standard: Animated.Easing.bezier(0.2, 0, 0, 1),
205
- /** Strong ease-out for expanding surfaces (Accordion open). */
206
- expand: Animated.Easing.bezier(0.23, 1, 0.32, 1),
207
- /** Quick ease-in for collapsing. */
208
- collapse: Animated.Easing.in(Animated.Easing.ease)
209
- });
210
- var PRESS_SCALE = {
211
- button: 0.95,
212
- card: 0.98,
213
- row: 0.97,
214
- chip: 0.94
215
- };
216
- pressto.createAnimatedPressable((progress) => {
217
- "worklet";
218
- const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
219
- return { transform: [{ scale: scale2 }] };
220
- });
221
- pressto.createAnimatedPressable((progress) => {
222
- "worklet";
223
- const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
224
- return { transform: [{ scale: scale2 }] };
225
- });
226
- pressto.createAnimatedPressable((progress) => {
227
- "worklet";
228
- const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
229
- return { transform: [{ scale: scale2 }] };
230
- });
231
- pressto.createAnimatedPressable((progress) => {
232
- "worklet";
233
- const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
234
- return { transform: [{ scale: scale2 }] };
235
- });
236
- var PressableTab = pressto.createAnimatedPressable((progress) => {
48
+ var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
237
49
  "worklet";
238
- const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
239
- return { transform: [{ scale: scale2 }] };
50
+ return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
240
51
  });
52
+ makePressable(0.95);
53
+ makePressable(0.98);
54
+ makePressable(0.97);
55
+ makePressable(0.94);
56
+ var PressableTab = makePressable(0.95);
241
57
 
242
58
  // src/components/Tabs/Tabs.tsx
243
59
  function TabTrigger({
package/dist/Tabs.mjs CHANGED
@@ -1,7 +1,6 @@
1
- export { Tabs, TabsContent } from './chunk-IVSRW4HS.mjs';
2
- import './chunk-3DKJ2GIC.mjs';
3
- import './chunk-EJ7ZPXOH.mjs';
4
- import './chunk-DVK4G2GT.mjs';
5
- import './chunk-YTXRIXNZ.mjs';
1
+ export { Tabs, TabsContent } from './chunk-KC5QDYGZ.mjs';
2
+ import './chunk-M53LC4Q7.mjs';
3
+ import './chunk-IFYMBOEN.mjs';
4
+ import './chunk-ARONDO7M.mjs';
5
+ import './chunk-KSSVIFYR.mjs';
6
6
  import './chunk-2CE3TQVY.mjs';
7
- import './chunk-Y6FXYEAI.mjs';