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