@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/Skeleton.js CHANGED
@@ -12,120 +12,7 @@ var React2__default = /*#__PURE__*/_interopDefault(React2);
12
12
  var Animated__default = /*#__PURE__*/_interopDefault(Animated);
13
13
 
14
14
  // src/components/Skeleton/Skeleton.tsx
15
-
16
- // src/theme/colorUtils.ts
17
- function hexToRgb(hex) {
18
- const clean = hex.replace("#", "");
19
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
20
- if (full.length !== 6) return null;
21
- return {
22
- r: parseInt(full.slice(0, 2), 16),
23
- g: parseInt(full.slice(2, 4), 16),
24
- b: parseInt(full.slice(4, 6), 16)
25
- };
26
- }
27
- function componentToHex(c) {
28
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
29
- }
30
- function rgbToHex(r, g, b) {
31
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
32
- }
33
- function withAlphaOnWhite(hex, alpha) {
34
- const rgb = hexToRgb(hex);
35
- if (!rgb) return hex;
36
- const r = rgb.r * alpha + 255 * (1 - alpha);
37
- const g = rgb.g * alpha + 255 * (1 - alpha);
38
- const b = rgb.b * alpha + 255 * (1 - alpha);
39
- return rgbToHex(r, g, b);
40
- }
41
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
42
- const rgb = hexToRgb(hex);
43
- const bg = hexToRgb(bgHex);
44
- if (!rgb || !bg) return hex;
45
- const r = rgb.r * alpha + bg.r * (1 - alpha);
46
- const g = rgb.g * alpha + bg.g * (1 - alpha);
47
- const b = rgb.b * alpha + bg.b * (1 - alpha);
48
- return rgbToHex(r, g, b);
49
- }
50
- function mixWithBackground(fgHex, bgHex, opacity) {
51
- const fg = hexToRgb(fgHex);
52
- const bg = hexToRgb(bgHex);
53
- if (!fg || !bg) return fgHex;
54
- const r = fg.r * opacity + bg.r * (1 - opacity);
55
- const g = fg.g * opacity + bg.g * (1 - opacity);
56
- const b = fg.b * opacity + bg.b * (1 - opacity);
57
- return rgbToHex(r, g, b);
58
- }
59
- function lighten(hex, amount) {
60
- return withAlphaOnWhite(hex, 1 - amount);
61
- }
62
- function darken(hex, amount) {
63
- const rgb = hexToRgb(hex);
64
- if (!rgb) return hex;
65
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
66
- }
67
-
68
- // src/theme/colors.ts
69
- var defaultLight = {
70
- background: "#ffffff",
71
- foreground: "#1a1a1a",
72
- card: "#ffffff",
73
- primary: "#1a1a1a",
74
- primaryForeground: "#ffffff",
75
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
76
- accent: "#d4561d",
77
- accentForeground: "#ffffff",
78
- border: "#dddddd",
79
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
80
- destructive: "#c72828",
81
- destructiveForeground: "#ffffff",
82
- success: "#1a7a45",
83
- successForeground: "#ffffff",
84
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
85
- warning: "#9a5200",
86
- warningForeground: "#ffffff"
87
- };
88
- function deriveColors(t, scheme) {
89
- const dark = scheme === "dark";
90
- const bg = t.background;
91
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
92
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
93
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
94
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
95
- const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
96
- const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
97
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
98
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
99
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
100
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
101
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
102
- return {
103
- ...t,
104
- foregroundSubtle,
105
- foregroundMuted,
106
- surface,
107
- surfaceStrong,
108
- skeleton,
109
- destructiveTint,
110
- destructiveBorder,
111
- successTint,
112
- successBorder,
113
- warningTint,
114
- warningBorder,
115
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
116
- accentResolved: t.accent ?? t.primary,
117
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
118
- ring: t.accent ?? t.primary,
119
- input: t.border,
120
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
121
- };
122
- }
123
-
124
- // src/theme/ThemeProvider.tsx
125
- var ThemeContext = React2.createContext({
126
- colors: deriveColors(defaultLight, "light"),
127
- colorScheme: "light"
128
- });
15
+ var ThemeContext = React2.createContext(void 0);
129
16
  function useTheme() {
130
17
  const context = React2.useContext(ThemeContext);
131
18
  if (!context) {
@@ -136,18 +23,11 @@ function useTheme() {
136
23
  var isWeb = reactNative.Platform.OS === "web";
137
24
  var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
138
25
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
26
+
27
+ // src/utils/animations.ts
139
28
  var TIMINGS = {
140
- /** Skeleton shimmer cycle (full pass). */
141
29
  shimmer: { duration: 1400 }
142
30
  };
143
- ({
144
- /** Material-style ease-out — natural deceleration for state changes. */
145
- standard: Animated.Easing.bezier(0.2, 0, 0, 1),
146
- /** Strong ease-out for expanding surfaces (Accordion open). */
147
- expand: Animated.Easing.bezier(0.23, 1, 0.32, 1),
148
- /** Quick ease-in for collapsing. */
149
- collapse: Animated.Easing.in(Animated.Easing.ease)
150
- });
151
31
 
152
32
  // src/tokens.ts
153
33
  var RADIUS = {
@@ -191,7 +71,7 @@ function Skeleton({
191
71
  ],
192
72
  onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
193
73
  accessibilityRole: "progressbar",
194
- accessibilityLabel: "Loading",
74
+ accessibilityLabel: "Cargando",
195
75
  accessibilityState: { busy: true }
196
76
  },
197
77
  /* @__PURE__ */ React2__default.default.createElement(Animated__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React2__default.default.createElement(
package/dist/Skeleton.mjs CHANGED
@@ -1,6 +1,5 @@
1
- export { Skeleton } from './chunk-QDAZGZUF.mjs';
2
- import './chunk-DVK4G2GT.mjs';
1
+ export { Skeleton } from './chunk-XCIG6HT2.mjs';
2
+ import './chunk-M53LC4Q7.mjs';
3
3
  import './chunk-QY3X2UYR.mjs';
4
- import './chunk-YTXRIXNZ.mjs';
4
+ import './chunk-KSSVIFYR.mjs';
5
5
  import './chunk-2CE3TQVY.mjs';
6
- import './chunk-Y6FXYEAI.mjs';
package/dist/Slider.d.mts CHANGED
@@ -12,9 +12,10 @@ interface SliderProps {
12
12
  showValue?: boolean;
13
13
  formatValue?: (value: number) => string;
14
14
  accessibilityLabel?: string;
15
+ accessibilityHint?: string;
15
16
  disabled?: boolean;
16
17
  style?: ViewStyle;
17
18
  }
18
- declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, disabled, style, }: SliderProps): React.JSX.Element;
19
+ declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React.JSX.Element;
19
20
 
20
21
  export { Slider, type SliderProps };
package/dist/Slider.d.ts CHANGED
@@ -12,9 +12,10 @@ interface SliderProps {
12
12
  showValue?: boolean;
13
13
  formatValue?: (value: number) => string;
14
14
  accessibilityLabel?: string;
15
+ accessibilityHint?: string;
15
16
  disabled?: boolean;
16
17
  style?: ViewStyle;
17
18
  }
18
- declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, disabled, style, }: SliderProps): React.JSX.Element;
19
+ declare function Slider({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, label, showValue, formatValue, accessibilityLabel, accessibilityHint, disabled, style, }: SliderProps): React.JSX.Element;
19
20
 
20
21
  export { Slider, type SliderProps };
package/dist/Slider.js CHANGED
@@ -10,18 +10,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
  var React2__default = /*#__PURE__*/_interopDefault(React2);
11
11
  var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
12
12
 
13
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
14
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
15
- }) : x)(function(x) {
16
- if (typeof require !== "undefined") return require.apply(this, arguments);
17
- throw Error('Dynamic require of "' + x + '" is not supported');
18
- });
13
+ // src/components/Slider/Slider.tsx
19
14
  var _haptics = null;
20
- var _hapticsLoaded = false;
15
+ var _loaded = false;
21
16
  async function getHaptics() {
22
17
  if (reactNative.Platform.OS === "web") return null;
23
- if (!_hapticsLoaded) {
24
- _hapticsLoaded = true;
18
+ if (!_loaded) {
19
+ _loaded = true;
25
20
  try {
26
21
  _haptics = await import('expo-haptics');
27
22
  } catch {
@@ -30,160 +25,10 @@ async function getHaptics() {
30
25
  }
31
26
  return _haptics;
32
27
  }
33
- var _pulsar = null;
34
- var _pulsarChecked = false;
35
- var _pulsarAvailable = false;
36
- function isPulsarNativeRegistered() {
37
- try {
38
- const g = globalThis;
39
- if (typeof g.__turboModuleProxy === "function") {
40
- return g.__turboModuleProxy("RNPulsar") != null;
41
- }
42
- return reactNative.NativeModules?.RNPulsar != null;
43
- } catch {
44
- return false;
45
- }
46
- }
47
- function getPulsar() {
48
- if (reactNative.Platform.OS === "web") return null;
49
- if (!_pulsarChecked) {
50
- _pulsarChecked = true;
51
- try {
52
- if (isPulsarNativeRegistered()) {
53
- _pulsar = __require("react-native-pulsar");
54
- _pulsarAvailable = true;
55
- }
56
- } catch {
57
- _pulsar = null;
58
- _pulsarAvailable = false;
59
- }
60
- }
61
- return _pulsarAvailable ? _pulsar : null;
62
- }
63
28
  function selectionAsync() {
64
- if (reactNative.Platform.OS === "web") return;
65
- getHaptics().then((h) => {
66
- if (h) {
67
- h.selectionAsync();
68
- } else {
69
- getPulsar()?.Presets.System.selection();
70
- }
71
- });
72
- }
73
-
74
- // src/theme/colorUtils.ts
75
- function hexToRgb(hex) {
76
- const clean = hex.replace("#", "");
77
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
78
- if (full.length !== 6) return null;
79
- return {
80
- r: parseInt(full.slice(0, 2), 16),
81
- g: parseInt(full.slice(2, 4), 16),
82
- b: parseInt(full.slice(4, 6), 16)
83
- };
84
- }
85
- function componentToHex(c) {
86
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
87
- }
88
- function rgbToHex(r, g, b) {
89
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
90
- }
91
- function withAlphaOnWhite(hex, alpha) {
92
- const rgb = hexToRgb(hex);
93
- if (!rgb) return hex;
94
- const r = rgb.r * alpha + 255 * (1 - alpha);
95
- const g = rgb.g * alpha + 255 * (1 - alpha);
96
- const b = rgb.b * alpha + 255 * (1 - alpha);
97
- return rgbToHex(r, g, b);
98
- }
99
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
100
- const rgb = hexToRgb(hex);
101
- const bg = hexToRgb(bgHex);
102
- if (!rgb || !bg) return hex;
103
- const r = rgb.r * alpha + bg.r * (1 - alpha);
104
- const g = rgb.g * alpha + bg.g * (1 - alpha);
105
- const b = rgb.b * alpha + bg.b * (1 - alpha);
106
- return rgbToHex(r, g, b);
107
- }
108
- function mixWithBackground(fgHex, bgHex, opacity) {
109
- const fg = hexToRgb(fgHex);
110
- const bg = hexToRgb(bgHex);
111
- if (!fg || !bg) return fgHex;
112
- const r = fg.r * opacity + bg.r * (1 - opacity);
113
- const g = fg.g * opacity + bg.g * (1 - opacity);
114
- const b = fg.b * opacity + bg.b * (1 - opacity);
115
- return rgbToHex(r, g, b);
29
+ getHaptics().then((h) => h?.selectionAsync());
116
30
  }
117
- function lighten(hex, amount) {
118
- return withAlphaOnWhite(hex, 1 - amount);
119
- }
120
- function darken(hex, amount) {
121
- const rgb = hexToRgb(hex);
122
- if (!rgb) return hex;
123
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
124
- }
125
-
126
- // src/theme/colors.ts
127
- var defaultLight = {
128
- background: "#ffffff",
129
- foreground: "#1a1a1a",
130
- card: "#ffffff",
131
- primary: "#1a1a1a",
132
- primaryForeground: "#ffffff",
133
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
134
- accent: "#d4561d",
135
- accentForeground: "#ffffff",
136
- border: "#dddddd",
137
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
138
- destructive: "#c72828",
139
- destructiveForeground: "#ffffff",
140
- success: "#1a7a45",
141
- successForeground: "#ffffff",
142
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
143
- warning: "#9a5200",
144
- warningForeground: "#ffffff"
145
- };
146
- function deriveColors(t, scheme) {
147
- const dark = scheme === "dark";
148
- const bg = t.background;
149
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
150
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
151
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
152
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
153
- const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
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
- skeleton,
167
- destructiveTint,
168
- destructiveBorder,
169
- successTint,
170
- successBorder,
171
- warningTint,
172
- warningBorder,
173
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
174
- accentResolved: t.accent ?? t.primary,
175
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
176
- ring: t.accent ?? t.primary,
177
- input: t.border,
178
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
179
- };
180
- }
181
-
182
- // src/theme/ThemeProvider.tsx
183
- var ThemeContext = React2.createContext({
184
- colors: deriveColors(defaultLight, "light"),
185
- colorScheme: "light"
186
- });
31
+ var ThemeContext = React2.createContext(void 0);
187
32
  function useTheme() {
188
33
  const context = React2.useContext(ThemeContext);
189
34
  if (!context) {
@@ -207,6 +52,7 @@ function Slider({
207
52
  showValue = false,
208
53
  formatValue = (v) => v.toFixed(2),
209
54
  accessibilityLabel,
55
+ accessibilityHint,
210
56
  disabled,
211
57
  style
212
58
  }) {
@@ -225,6 +71,7 @@ function Slider({
225
71
  style: [styles.wrapper, style],
226
72
  accessibilityRole: "adjustable",
227
73
  accessibilityLabel: accessibilityLabel ?? label,
74
+ accessibilityHint,
228
75
  accessibilityValue: {
229
76
  min: minimumValue,
230
77
  max: maximumValue,
package/dist/Slider.mjs CHANGED
@@ -1,5 +1,4 @@
1
- export { Slider } from './chunk-RJNLAH76.mjs';
2
- import './chunk-EJ7ZPXOH.mjs';
3
- import './chunk-YTXRIXNZ.mjs';
1
+ export { Slider } from './chunk-C5ZRMR2E.mjs';
2
+ import './chunk-ARONDO7M.mjs';
3
+ import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
- import './chunk-Y6FXYEAI.mjs';
package/dist/Spinner.js CHANGED
@@ -9,120 +9,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var React2__default = /*#__PURE__*/_interopDefault(React2);
10
10
 
11
11
  // src/components/Spinner/Spinner.tsx
12
-
13
- // src/theme/colorUtils.ts
14
- function hexToRgb(hex) {
15
- const clean = hex.replace("#", "");
16
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
17
- if (full.length !== 6) return null;
18
- return {
19
- r: parseInt(full.slice(0, 2), 16),
20
- g: parseInt(full.slice(2, 4), 16),
21
- b: parseInt(full.slice(4, 6), 16)
22
- };
23
- }
24
- function componentToHex(c) {
25
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
26
- }
27
- function rgbToHex(r, g, b) {
28
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
29
- }
30
- function withAlphaOnWhite(hex, alpha) {
31
- const rgb = hexToRgb(hex);
32
- if (!rgb) return hex;
33
- const r = rgb.r * alpha + 255 * (1 - alpha);
34
- const g = rgb.g * alpha + 255 * (1 - alpha);
35
- const b = rgb.b * alpha + 255 * (1 - alpha);
36
- return rgbToHex(r, g, b);
37
- }
38
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
39
- const rgb = hexToRgb(hex);
40
- const bg = hexToRgb(bgHex);
41
- if (!rgb || !bg) return hex;
42
- const r = rgb.r * alpha + bg.r * (1 - alpha);
43
- const g = rgb.g * alpha + bg.g * (1 - alpha);
44
- const b = rgb.b * alpha + bg.b * (1 - alpha);
45
- return rgbToHex(r, g, b);
46
- }
47
- function mixWithBackground(fgHex, bgHex, opacity) {
48
- const fg = hexToRgb(fgHex);
49
- const bg = hexToRgb(bgHex);
50
- if (!fg || !bg) return fgHex;
51
- const r = fg.r * opacity + bg.r * (1 - opacity);
52
- const g = fg.g * opacity + bg.g * (1 - opacity);
53
- const b = fg.b * opacity + bg.b * (1 - opacity);
54
- return rgbToHex(r, g, b);
55
- }
56
- function lighten(hex, amount) {
57
- return withAlphaOnWhite(hex, 1 - amount);
58
- }
59
- function darken(hex, amount) {
60
- const rgb = hexToRgb(hex);
61
- if (!rgb) return hex;
62
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
63
- }
64
-
65
- // src/theme/colors.ts
66
- var defaultLight = {
67
- background: "#ffffff",
68
- foreground: "#1a1a1a",
69
- card: "#ffffff",
70
- primary: "#1a1a1a",
71
- primaryForeground: "#ffffff",
72
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
73
- accent: "#d4561d",
74
- accentForeground: "#ffffff",
75
- border: "#dddddd",
76
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
77
- destructive: "#c72828",
78
- destructiveForeground: "#ffffff",
79
- success: "#1a7a45",
80
- successForeground: "#ffffff",
81
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
82
- warning: "#9a5200",
83
- warningForeground: "#ffffff"
84
- };
85
- function deriveColors(t, scheme) {
86
- const dark = scheme === "dark";
87
- const bg = t.background;
88
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
89
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
90
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
91
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
92
- const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
93
- const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
94
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
95
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
96
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
97
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
98
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
99
- return {
100
- ...t,
101
- foregroundSubtle,
102
- foregroundMuted,
103
- surface,
104
- surfaceStrong,
105
- skeleton,
106
- destructiveTint,
107
- destructiveBorder,
108
- successTint,
109
- successBorder,
110
- warningTint,
111
- warningBorder,
112
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
113
- accentResolved: t.accent ?? t.primary,
114
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
115
- ring: t.accent ?? t.primary,
116
- input: t.border,
117
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
118
- };
119
- }
120
-
121
- // src/theme/ThemeProvider.tsx
122
- var ThemeContext = React2.createContext({
123
- colors: deriveColors(defaultLight, "light"),
124
- colorScheme: "light"
125
- });
12
+ var ThemeContext = React2.createContext(void 0);
126
13
  function useTheme() {
127
14
  const context = React2.useContext(ThemeContext);
128
15
  if (!context) {
@@ -138,7 +25,7 @@ var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalSca
138
25
  // src/components/Spinner/Spinner.tsx
139
26
  var sizeMap = {
140
27
  sm: "small",
141
- md: "small",
28
+ md: "large",
142
29
  lg: "large"
143
30
  };
144
31
  var labelFontSize = {
@@ -148,7 +35,7 @@ var labelFontSize = {
148
35
  };
149
36
  function Spinner({ size = "md", color, label, ...props }) {
150
37
  const { colors } = useTheme();
151
- const a11yLabel = label || "Loading";
38
+ const a11yLabel = label || "Cargando";
152
39
  if (label) {
153
40
  return /* @__PURE__ */ React2__default.default.createElement(
154
41
  reactNative.View,
package/dist/Spinner.mjs CHANGED
@@ -1,4 +1,3 @@
1
- export { Spinner } from './chunk-LIS6I5UP.mjs';
2
- import './chunk-YTXRIXNZ.mjs';
1
+ export { Spinner } from './chunk-2VIDP72N.mjs';
2
+ import './chunk-KSSVIFYR.mjs';
3
3
  import './chunk-2CE3TQVY.mjs';
4
- import './chunk-Y6FXYEAI.mjs';