@retray-dev/ui-kit 12.1.0 → 13.0.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 (282) hide show
  1. package/COMPONENTS.md +183 -147
  2. package/CONSUMER.md +2 -2
  3. package/DESIGN.md +2 -2
  4. package/README.md +13 -8
  5. package/dist/Accordion.d.mts +6 -0
  6. package/dist/Accordion.d.ts +6 -0
  7. package/dist/Accordion.js +62 -208
  8. package/dist/Accordion.mjs +6 -5
  9. package/dist/AlertBanner.js +29 -151
  10. package/dist/AlertBanner.mjs +3 -3
  11. package/dist/AppHeader.js +37 -233
  12. package/dist/AppHeader.mjs +6 -7
  13. package/dist/Avatar.d.mts +17 -1
  14. package/dist/Avatar.d.ts +17 -1
  15. package/dist/Avatar.js +80 -113
  16. package/dist/Avatar.mjs +2 -2
  17. package/dist/Badge.js +24 -147
  18. package/dist/Badge.mjs +3 -3
  19. package/dist/Button.js +86 -274
  20. package/dist/Button.mjs +6 -6
  21. package/dist/Card.js +15 -198
  22. package/dist/Card.mjs +4 -5
  23. package/dist/CategoryStrip.d.mts +0 -5
  24. package/dist/CategoryStrip.d.ts +0 -5
  25. package/dist/CategoryStrip.js +47 -263
  26. package/dist/CategoryStrip.mjs +6 -6
  27. package/dist/Checkbox.js +15 -198
  28. package/dist/Checkbox.mjs +5 -5
  29. package/dist/Chip.js +44 -234
  30. package/dist/Chip.mjs +7 -6
  31. package/dist/ConfirmDialog.js +100 -296
  32. package/dist/ConfirmDialog.mjs +7 -7
  33. package/dist/CurrencyDisplay.js +1 -112
  34. package/dist/CurrencyDisplay.mjs +2 -2
  35. package/dist/CurrencyInput.js +35 -160
  36. package/dist/CurrencyInput.mjs +5 -5
  37. package/dist/DetailRow.js +25 -148
  38. package/dist/DetailRow.mjs +3 -3
  39. package/dist/EmptyState.js +87 -275
  40. package/dist/EmptyState.mjs +7 -7
  41. package/dist/ErrorBoundary.js +32 -197
  42. package/dist/ErrorBoundary.mjs +4 -4
  43. package/dist/Form.js +1 -112
  44. package/dist/Form.mjs +2 -2
  45. package/dist/HolographicCard.d.mts +0 -28
  46. package/dist/HolographicCard.d.ts +0 -28
  47. package/dist/HolographicCard.js +20 -130
  48. package/dist/HolographicCard.mjs +9 -32
  49. package/dist/IconButton.js +36 -232
  50. package/dist/IconButton.mjs +5 -6
  51. package/dist/IconPicker.js +222 -927
  52. package/dist/IconPicker.mjs +5 -5
  53. package/dist/ImageUpload.d.mts +5 -1
  54. package/dist/ImageUpload.d.ts +5 -1
  55. package/dist/ImageUpload.js +32 -215
  56. package/dist/ImageUpload.mjs +5 -6
  57. package/dist/ImageViewer.js +75 -264
  58. package/dist/ImageViewer.mjs +8 -8
  59. package/dist/Input.d.mts +1 -1
  60. package/dist/Input.d.ts +1 -1
  61. package/dist/Input.js +35 -160
  62. package/dist/Input.mjs +4 -4
  63. package/dist/LabelValue.js +24 -147
  64. package/dist/LabelValue.mjs +3 -3
  65. package/dist/ListGroup.js +1 -112
  66. package/dist/ListGroup.mjs +2 -2
  67. package/dist/ListItem.js +38 -233
  68. package/dist/ListItem.mjs +5 -6
  69. package/dist/MediaCard.d.mts +0 -14
  70. package/dist/MediaCard.d.ts +0 -14
  71. package/dist/MediaCard.js +69 -313
  72. package/dist/MediaCard.mjs +5 -6
  73. package/dist/MenuGroup.js +1 -112
  74. package/dist/MenuGroup.mjs +2 -2
  75. package/dist/MenuItem.js +36 -232
  76. package/dist/MenuItem.mjs +5 -6
  77. package/dist/MonthPicker.js +8 -161
  78. package/dist/MonthPicker.mjs +3 -3
  79. package/dist/NumberStepper.js +40 -236
  80. package/dist/NumberStepper.mjs +5 -6
  81. package/dist/PagerDots.d.mts +1 -1
  82. package/dist/PagerDots.d.ts +1 -1
  83. package/dist/PagerDots.js +69 -222
  84. package/dist/PagerDots.mjs +6 -5
  85. package/dist/Pressable.js +14 -85
  86. package/dist/Pressable.mjs +4 -4
  87. package/dist/PricingCard.js +94 -279
  88. package/dist/PricingCard.mjs +8 -8
  89. package/dist/Progress.js +3 -121
  90. package/dist/Progress.mjs +3 -3
  91. package/dist/RadioGroup.js +52 -263
  92. package/dist/RadioGroup.mjs +5 -5
  93. package/dist/RetrayProvider.d.mts +1 -1
  94. package/dist/RetrayProvider.d.ts +1 -1
  95. package/dist/RetrayProvider.js +5 -6
  96. package/dist/RetrayProvider.mjs +3 -3
  97. package/dist/Select.d.mts +2 -1
  98. package/dist/Select.d.ts +2 -1
  99. package/dist/Select.js +24 -230
  100. package/dist/Select.mjs +4 -5
  101. package/dist/SelectableCard.d.mts +27 -0
  102. package/dist/SelectableCard.d.ts +27 -0
  103. package/dist/SelectableCard.js +335 -0
  104. package/dist/SelectableCard.mjs +8 -0
  105. package/dist/SelectableGrid.d.mts +0 -21
  106. package/dist/SelectableGrid.d.ts +0 -21
  107. package/dist/SelectableGrid.js +49 -269
  108. package/dist/SelectableGrid.mjs +5 -6
  109. package/dist/Separator.js +1 -112
  110. package/dist/Separator.mjs +2 -2
  111. package/dist/Sheet.js +16 -163
  112. package/dist/Sheet.mjs +3 -3
  113. package/dist/SheetSelect.js +39 -234
  114. package/dist/SheetSelect.mjs +6 -6
  115. package/dist/Skeleton.d.mts +3 -1
  116. package/dist/Skeleton.d.ts +3 -1
  117. package/dist/Skeleton.js +7 -124
  118. package/dist/Skeleton.mjs +3 -3
  119. package/dist/Slider.js +6 -159
  120. package/dist/Slider.mjs +3 -3
  121. package/dist/Spinner.js +3 -114
  122. package/dist/Spinner.mjs +2 -2
  123. package/dist/Stats.d.mts +4 -1
  124. package/dist/Stats.d.ts +4 -1
  125. package/dist/Stats.js +60 -234
  126. package/dist/Stats.mjs +5 -6
  127. package/dist/Switch.js +24 -173
  128. package/dist/Switch.mjs +5 -4
  129. package/dist/TabBar.js +43 -198
  130. package/dist/TabBar.mjs +5 -4
  131. package/dist/Tabs.js +15 -197
  132. package/dist/Tabs.mjs +5 -5
  133. package/dist/Text.js +9 -128
  134. package/dist/Text.mjs +2 -2
  135. package/dist/Textarea.d.mts +2 -1
  136. package/dist/Textarea.d.ts +2 -1
  137. package/dist/Textarea.js +71 -217
  138. package/dist/Textarea.mjs +4 -4
  139. package/dist/Toast.js +1 -112
  140. package/dist/Toast.mjs +2 -2
  141. package/dist/Toggle.js +39 -234
  142. package/dist/Toggle.mjs +6 -6
  143. package/dist/{chunk-FFTYLPSB.mjs → chunk-2QOHHBJC.mjs} +13 -7
  144. package/dist/{chunk-BCWEHE34.mjs → chunk-2VIDP72N.mjs} +3 -3
  145. package/dist/{chunk-PGERH3P7.mjs → chunk-4NQFTHN3.mjs} +13 -7
  146. package/dist/{chunk-3N2M3WZL.mjs → chunk-4ZO5PTKF.mjs} +4 -4
  147. package/dist/{chunk-MYZ2EDYU.mjs → chunk-5MYNAAFE.mjs} +13 -17
  148. package/dist/{chunk-E7NEHHXV.mjs → chunk-62BBSSUF.mjs} +3 -3
  149. package/dist/{chunk-ISY26JQJ.mjs → chunk-6CR4S6W2.mjs} +3 -3
  150. package/dist/{chunk-FUVYSVGR.mjs → chunk-6QLBHUEG.mjs} +8 -7
  151. package/dist/chunk-ARONDO7M.mjs +40 -0
  152. package/dist/{chunk-3UYAZ7I4.mjs → chunk-AZV7KNJI.mjs} +3 -3
  153. package/dist/{chunk-HLMPMUK2.mjs → chunk-BTUW5LSG.mjs} +11 -8
  154. package/dist/chunk-BULKGOIZ.mjs +235 -0
  155. package/dist/{chunk-265G6A46.mjs → chunk-CBIZLRYH.mjs} +29 -12
  156. package/dist/chunk-CM2DG4MR.mjs +142 -0
  157. package/dist/{chunk-2I2AYECM.mjs → chunk-DBHSUUKU.mjs} +2 -2
  158. package/dist/{chunk-P64WHW4A.mjs → chunk-DE25XTVQ.mjs} +3 -3
  159. package/dist/{chunk-DI7CBDL6.mjs → chunk-E4EQSCKR.mjs} +5 -5
  160. package/dist/{chunk-357YO24D.mjs → chunk-EHGBHFMH.mjs} +9 -17
  161. package/dist/{chunk-GK4VRMNE.mjs → chunk-EROPDCB5.mjs} +24 -27
  162. package/dist/{chunk-XBAGGKLW.mjs → chunk-ERWJPVX7.mjs} +2 -2
  163. package/dist/{chunk-LRM4AVYY.mjs → chunk-ESQDPO5E.mjs} +7 -7
  164. package/dist/{chunk-EFLFRAHD.mjs → chunk-EW2FIDSM.mjs} +1 -1
  165. package/dist/{chunk-7HSILTC4.mjs → chunk-FTTI6T5Q.mjs} +4 -4
  166. package/dist/{chunk-X26S5EVZ.mjs → chunk-HUSSF6TF.mjs} +1 -1
  167. package/dist/chunk-IFYMBOEN.mjs +14 -0
  168. package/dist/{chunk-S3KJCPEJ.mjs → chunk-IGU223UM.mjs} +80 -4
  169. package/dist/chunk-IJCMPVW5.mjs +121 -0
  170. package/dist/{chunk-I4V5XZPS.mjs → chunk-ITG4JQM3.mjs} +4 -4
  171. package/dist/{chunk-F4V6XLP4.mjs → chunk-K3QX2M26.mjs} +11 -8
  172. package/dist/{chunk-V6NFJXKO.mjs → chunk-K7TKID3V.mjs} +8 -7
  173. package/dist/{chunk-ZHMSAYLT.mjs → chunk-KAGADD2O.mjs} +4 -4
  174. package/dist/{chunk-3GEYJ7I5.mjs → chunk-KC5QDYGZ.mjs} +4 -4
  175. package/dist/{chunk-HJ46DTJE.mjs → chunk-KPTY7UYQ.mjs} +1 -1
  176. package/dist/{chunk-EMUWGDWC.mjs → chunk-KSSVIFYR.mjs} +11 -12
  177. package/dist/chunk-L3YKPTJQ.mjs +119 -0
  178. package/dist/chunk-M53LC4Q7.mjs +35 -0
  179. package/dist/{chunk-NXI4YDZ2.mjs → chunk-MP7GLMIR.mjs} +17 -25
  180. package/dist/chunk-MZ6WRTD2.mjs +40 -0
  181. package/dist/chunk-NGEN2EES.mjs +581 -0
  182. package/dist/{chunk-JULSIZDM.mjs → chunk-OBV72JD4.mjs} +1 -1
  183. package/dist/{chunk-2A2LEFZG.mjs → chunk-PGQ6FMXS.mjs} +6 -5
  184. package/dist/{chunk-BQZE3HAW.mjs → chunk-PI6RULJX.mjs} +1 -1
  185. package/dist/{chunk-FA2KMTH5.mjs → chunk-RA6SAAFE.mjs} +9 -8
  186. package/dist/{chunk-FVTVCJAH.mjs → chunk-RRKM4MKB.mjs} +7 -7
  187. package/dist/{chunk-AKM4EPOT.mjs → chunk-S2VGME7X.mjs} +1 -1
  188. package/dist/{chunk-OULVKTWL.mjs → chunk-S44XWTTC.mjs} +35 -25
  189. package/dist/{chunk-QSFV2P7O.mjs → chunk-SZEKQAOY.mjs} +1 -1
  190. package/dist/{chunk-N4ZPVCJH.mjs → chunk-TETMEKZE.mjs} +9 -9
  191. package/dist/{chunk-2CBQKU7H.mjs → chunk-TMH263OK.mjs} +5 -4
  192. package/dist/{chunk-D3Y2T42P.mjs → chunk-U6DEBYU5.mjs} +10 -9
  193. package/dist/{chunk-4WFMPFZB.mjs → chunk-UOKFSFNJ.mjs} +2 -2
  194. package/dist/{chunk-WOEWGSTU.mjs → chunk-URIH43IJ.mjs} +13 -21
  195. package/dist/{chunk-JCZQOY4O.mjs → chunk-V2ZB2XNS.mjs} +16 -10
  196. package/dist/{chunk-P73V2EKS.mjs → chunk-WIPEDNSD.mjs} +7 -7
  197. package/dist/{chunk-BOVUP27T.mjs → chunk-XCIG6HT2.mjs} +6 -5
  198. package/dist/chunk-Y6YS33GM.mjs +131 -0
  199. package/dist/{chunk-5OLNXP3S.mjs → chunk-ZKDKKQCE.mjs} +29 -7
  200. package/dist/{chunk-DF6DU42P.mjs → chunk-ZTPYUU5C.mjs} +5 -5
  201. package/dist/{index-wt-orHUi.d.ts → index-CY34hxPN.d.mts} +1 -0
  202. package/dist/{index-wt-orHUi.d.mts → index-CY34hxPN.d.ts} +1 -0
  203. package/dist/index.d.mts +15 -74
  204. package/dist/index.d.ts +15 -74
  205. package/dist/index.js +1055 -1562
  206. package/dist/index.mjs +81 -84
  207. package/package.json +8 -10
  208. package/src/components/Accordion/Accordion.tsx +32 -9
  209. package/src/components/AlertBanner/AlertBanner.tsx +7 -6
  210. package/src/components/AppHeader/AppHeader.tsx +1 -1
  211. package/src/components/Avatar/Avatar.tsx +92 -1
  212. package/src/components/Avatar/index.ts +2 -2
  213. package/src/components/Badge/Badge.tsx +2 -2
  214. package/src/components/Button/Button.tsx +64 -57
  215. package/src/components/Card/Card.tsx +1 -0
  216. package/src/components/CategoryStrip/CategoryStrip.tsx +36 -49
  217. package/src/components/Chip/Chip.tsx +5 -4
  218. package/src/components/ConfirmDialog/ConfirmDialog.tsx +13 -6
  219. package/src/components/DetailRow/DetailRow.tsx +3 -3
  220. package/src/components/EmptyState/EmptyState.tsx +2 -2
  221. package/src/components/ErrorBoundary/ErrorBoundary.tsx +6 -6
  222. package/src/components/HolographicCard/HolographicCard.tsx +14 -95
  223. package/src/components/IconButton/IconButton.tsx +2 -2
  224. package/src/components/IconPicker/IconPicker.tsx +13 -12
  225. package/src/components/ImageUpload/ImageUpload.tsx +24 -28
  226. package/src/components/ImageViewer/ImageViewer.tsx +3 -3
  227. package/src/components/Input/Input.tsx +11 -5
  228. package/src/components/LabelValue/LabelValue.tsx +2 -2
  229. package/src/components/ListItem/ListItem.tsx +4 -4
  230. package/src/components/MediaCard/MediaCard.tsx +21 -59
  231. package/src/components/MenuItem/MenuItem.tsx +2 -2
  232. package/src/components/MonthPicker/MonthPicker.tsx +2 -2
  233. package/src/components/NumberStepper/NumberStepper.tsx +6 -6
  234. package/src/components/PagerDots/PagerDots.tsx +38 -28
  235. package/src/components/PricingCard/PricingCard.tsx +6 -6
  236. package/src/components/RadioGroup/RadioGroup.tsx +18 -31
  237. package/src/components/Select/Select.tsx +32 -39
  238. package/src/components/SelectableCard/SelectableCard.tsx +302 -0
  239. package/src/components/SelectableCard/index.ts +1 -0
  240. package/src/components/SelectableGrid/SelectableGrid.tsx +38 -72
  241. package/src/components/Sheet/Sheet.tsx +11 -4
  242. package/src/components/SheetSelect/SheetSelect.tsx +3 -3
  243. package/src/components/Skeleton/Skeleton.tsx +6 -3
  244. package/src/components/Spinner/Spinner.tsx +2 -2
  245. package/src/components/Stats/Stats.tsx +36 -8
  246. package/src/components/Switch/Switch.tsx +9 -6
  247. package/src/components/TabBar/TabBar.tsx +9 -8
  248. package/src/components/Text/Text.tsx +12 -1
  249. package/src/components/Textarea/Textarea.tsx +18 -32
  250. package/src/components/Toggle/Toggle.tsx +3 -3
  251. package/src/hooks/useConfirmDialog.ts +31 -42
  252. package/src/index.ts +4 -4
  253. package/src/theme/ThemeProvider.tsx +1 -4
  254. package/src/theme/colorUtils.ts +1 -72
  255. package/src/theme/colors.ts +47 -1
  256. package/src/theme/types.ts +6 -3
  257. package/src/utils/animations.ts +0 -47
  258. package/src/utils/curatedIcons.ts +93 -801
  259. package/src/utils/haptics.ts +13 -208
  260. package/src/utils/icons.ts +27 -91
  261. package/src/utils/pressable.ts +10 -61
  262. package/dist/VirtualList.d.mts +0 -19
  263. package/dist/VirtualList.d.ts +0 -19
  264. package/dist/VirtualList.js +0 -38
  265. package/dist/VirtualList.mjs +0 -2
  266. package/dist/chunk-3DKJ2GIC.mjs +0 -30
  267. package/dist/chunk-AQEVCEXV.mjs +0 -164
  268. package/dist/chunk-DOGIPOF5.mjs +0 -131
  269. package/dist/chunk-DVK4G2GT.mjs +0 -59
  270. package/dist/chunk-EJ7ZPXOH.mjs +0 -163
  271. package/dist/chunk-J6Q2YJEV.mjs +0 -134
  272. package/dist/chunk-JNVAIDLK.mjs +0 -136
  273. package/dist/chunk-KA7LTET3.mjs +0 -71
  274. package/dist/chunk-KHYX4IOM.mjs +0 -1114
  275. package/dist/chunk-NC5ZTR2Y.mjs +0 -32
  276. package/dist/chunk-YNROWHQJ.mjs +0 -46
  277. package/src/components/VirtualList/VirtualList.tsx +0 -60
  278. package/src/components/VirtualList/index.ts +0 -1
  279. package/src/utils/fontGuard.ts +0 -35
  280. package/src/utils/hover.ts +0 -25
  281. package/src/utils/useColorTransition.ts +0 -40
  282. 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,124 +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 destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
111
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
112
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
113
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
114
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
115
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
116
- return {
117
- ...t,
118
- foregroundSubtle,
119
- foregroundMuted,
120
- surface,
121
- surfaceStrong,
122
- destructiveTint,
123
- destructiveBorder,
124
- successTint,
125
- successBorder,
126
- warningTint,
127
- warningBorder,
128
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
129
- accentResolved: t.accent ?? t.primary,
130
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
131
- ring: t.accent ?? t.primary,
132
- input: t.border,
133
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
134
- };
135
- }
136
-
137
- // src/theme/ThemeProvider.tsx
138
- var ThemeContext = React3.createContext({
139
- colors: deriveColors(defaultLight, "light"),
140
- colorScheme: "light"
141
- });
25
+ // src/components/TabBar/TabBar.tsx
26
+ var ThemeContext = React3.createContext(void 0);
142
27
  function useTheme() {
143
28
  const context = React3.useContext(ThemeContext);
144
29
  if (!context) {
@@ -146,53 +31,41 @@ function useTheme() {
146
31
  }
147
32
  return context;
148
33
  }
149
- var glyphMapOf = (mod) => mod.glyphMap ?? {};
150
34
  var ALL_FAMILIES = [
151
- { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
152
- { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
153
- { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
154
- { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
155
- { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
156
- { 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 }
157
41
  ];
158
- var activeFamilies = ALL_FAMILIES;
159
- var resolvedCache = null;
160
- function buildCache(families) {
161
- const cache = /* @__PURE__ */ new Map();
162
- for (const family of activeFamilies) {
163
- const glyphMap = family.getGlyphMap();
164
- for (const iconName of Object.keys(glyphMap)) {
165
- 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 = {};
166
51
  }
167
52
  }
168
- return cache;
169
- }
170
- function resolveFamily(name) {
171
- if (!resolvedCache) {
172
- resolvedCache = buildCache();
173
- }
174
- return resolvedCache.get(name) ?? null;
175
53
  }
176
54
  function Icon({ name, size, color, family }) {
177
- let resolved = null;
178
- if (family) {
179
- resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
180
- } else {
181
- resolved = resolveFamily(name);
182
- }
183
- if (!resolved) return null;
184
- const Component = resolved.component;
185
- return React3__default.default.createElement(Component, { name, size, color });
186
- }
187
- function renderIcon(name, size, color) {
188
- 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 });
189
62
  }
190
63
  var _haptics = null;
191
- var _hapticsLoaded = false;
64
+ var _loaded = false;
192
65
  async function getHaptics() {
193
66
  if (reactNative.Platform.OS === "web") return null;
194
- if (!_hapticsLoaded) {
195
- _hapticsLoaded = true;
67
+ if (!_loaded) {
68
+ _loaded = true;
196
69
  try {
197
70
  _haptics = await import('expo-haptics');
198
71
  } catch {
@@ -201,51 +74,23 @@ async function getHaptics() {
201
74
  }
202
75
  return _haptics;
203
76
  }
204
- var _pulsar = null;
205
- var _pulsarChecked = false;
206
- var _pulsarAvailable = false;
207
- function isPulsarNativeRegistered() {
208
- try {
209
- const g = globalThis;
210
- if (typeof g.__turboModuleProxy === "function") {
211
- return g.__turboModuleProxy("RNPulsar") != null;
212
- }
213
- return reactNative.NativeModules?.RNPulsar != null;
214
- } catch {
215
- return false;
216
- }
217
- }
218
- function getPulsar() {
219
- if (reactNative.Platform.OS === "web") return null;
220
- if (!_pulsarChecked) {
221
- _pulsarChecked = true;
222
- try {
223
- if (isPulsarNativeRegistered()) {
224
- _pulsar = __require("react-native-pulsar");
225
- _pulsarAvailable = true;
226
- }
227
- } catch {
228
- _pulsar = null;
229
- _pulsarAvailable = false;
230
- }
231
- }
232
- return _pulsarAvailable ? _pulsar : null;
233
- }
234
77
  function selectionAsync() {
235
- if (reactNative.Platform.OS === "web") return;
236
- getHaptics().then((h) => {
237
- if (h) {
238
- h.selectionAsync();
239
- } else {
240
- getPulsar()?.Presets.System.selection();
241
- }
242
- });
78
+ getHaptics().then((h) => h?.selectionAsync());
243
79
  }
244
80
  var isWeb = reactNative.Platform.OS === "web";
245
81
  var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
246
82
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
247
83
  var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
248
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);
249
94
 
250
95
  // src/components/TabBar/TabBar.tsx
251
96
  function TabBar({
@@ -278,23 +123,23 @@ function TabBar({
278
123
  items.map((item) => {
279
124
  const active = item.key === activeKey;
280
125
  const tint = active ? resolvedActive : resolvedInactive;
281
- 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);
282
127
  const showBadge = item.badge !== void 0 && item.badge !== false;
283
128
  const badgeCount = typeof item.badge === "number" ? item.badge : void 0;
284
129
  return /* @__PURE__ */ React3__default.default.createElement(
285
- reactNative.TouchableOpacity,
130
+ PressableTab,
286
131
  {
287
132
  key: item.key,
288
- style: styles.tab,
289
133
  onPress: () => {
290
134
  if (!active) selectionAsync();
291
135
  onTabPress(item.key);
292
136
  },
293
- activeOpacity: 0.7,
137
+ rippleColor: "transparent",
294
138
  touchSoundDisabled: true,
295
139
  accessibilityRole: "tab",
296
140
  accessibilityState: { selected: active },
297
- accessibilityLabel: item.label ?? item.key
141
+ accessibilityLabel: item.label ?? item.key,
142
+ style: styles.tab
298
143
  },
299
144
  /* @__PURE__ */ React3__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React3__default.default.createElement(
300
145
  reactNative.View,
package/dist/TabBar.mjs CHANGED
@@ -1,6 +1,7 @@
1
- export { TabBar } from './chunk-D3Y2T42P.mjs';
2
- import './chunk-EJ7ZPXOH.mjs';
3
- import './chunk-KA7LTET3.mjs';
4
- import './chunk-EMUWGDWC.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
7
  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,158 +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 destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
155
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
156
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
157
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
158
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
159
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
160
- return {
161
- ...t,
162
- foregroundSubtle,
163
- foregroundMuted,
164
- surface,
165
- surfaceStrong,
166
- destructiveTint,
167
- destructiveBorder,
168
- successTint,
169
- successBorder,
170
- warningTint,
171
- warningBorder,
172
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
173
- accentResolved: t.accent ?? t.primary,
174
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
175
- ring: t.accent ?? t.primary,
176
- input: t.border,
177
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
178
- };
179
- }
180
-
181
- // src/theme/ThemeProvider.tsx
182
- var ThemeContext = React2.createContext({
183
- colors: deriveColors(defaultLight, "light"),
184
- colorScheme: "light"
185
- });
32
+ var ThemeContext = React2.createContext(void 0);
186
33
  function useTheme() {
187
34
  const context = React2.useContext(ThemeContext);
188
35
  if (!context) {
@@ -194,48 +41,19 @@ var isWeb = reactNative.Platform.OS === "web";
194
41
  var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
195
42
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
196
43
  var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
44
+
45
+ // src/utils/animations.ts
197
46
  var SPRINGS = {
198
- /** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
199
47
  glide: { stiffness: 380, damping: 38, mass: 1 }};
200
- ({
201
- /** Material-style ease-out — natural deceleration for state changes. */
202
- standard: Animated.Easing.bezier(0.2, 0, 0, 1),
203
- /** Strong ease-out for expanding surfaces (Accordion open). */
204
- expand: Animated.Easing.bezier(0.23, 1, 0.32, 1),
205
- /** Quick ease-in for collapsing. */
206
- collapse: Animated.Easing.in(Animated.Easing.ease)
207
- });
208
- var PRESS_SCALE = {
209
- button: 0.95,
210
- card: 0.98,
211
- row: 0.97,
212
- chip: 0.94
213
- };
214
- pressto.createAnimatedPressable((progress) => {
215
- "worklet";
216
- const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
217
- return { transform: [{ scale: scale2 }] };
218
- });
219
- pressto.createAnimatedPressable((progress) => {
220
- "worklet";
221
- const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
222
- return { transform: [{ scale: scale2 }] };
223
- });
224
- pressto.createAnimatedPressable((progress) => {
225
- "worklet";
226
- const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
227
- return { transform: [{ scale: scale2 }] };
228
- });
229
- pressto.createAnimatedPressable((progress) => {
230
- "worklet";
231
- const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
232
- return { transform: [{ scale: scale2 }] };
233
- });
234
- var PressableTab = pressto.createAnimatedPressable((progress) => {
48
+ var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
235
49
  "worklet";
236
- const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
237
- return { transform: [{ scale: scale2 }] };
50
+ return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
238
51
  });
52
+ makePressable(0.95);
53
+ makePressable(0.98);
54
+ makePressable(0.97);
55
+ makePressable(0.94);
56
+ var PressableTab = makePressable(0.95);
239
57
 
240
58
  // src/components/Tabs/Tabs.tsx
241
59
  function TabTrigger({
package/dist/Tabs.mjs CHANGED
@@ -1,7 +1,7 @@
1
- export { Tabs, TabsContent } from './chunk-3GEYJ7I5.mjs';
2
- import './chunk-3DKJ2GIC.mjs';
3
- import './chunk-EJ7ZPXOH.mjs';
4
- import './chunk-DVK4G2GT.mjs';
5
- import './chunk-EMUWGDWC.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
7
  import './chunk-Y6FXYEAI.mjs';