@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
@@ -2,6 +2,7 @@
2
2
 
3
3
  var React3 = require('react');
4
4
  var reactNative = require('react-native');
5
+ var reactNativeEase = require('react-native-ease');
5
6
  var reactNativeSizeMatters = require('react-native-size-matters');
6
7
  var AntDesign = require('@expo/vector-icons/AntDesign');
7
8
  var Entypo = require('@expo/vector-icons/Entypo');
@@ -10,7 +11,6 @@ var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
10
11
  var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
11
12
  var Ionicons = require('@expo/vector-icons/Ionicons');
12
13
  var pressto = require('pressto');
13
- var reactNativeReanimated = require('react-native-reanimated');
14
14
 
15
15
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
16
 
@@ -22,124 +22,8 @@ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
22
22
  var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
23
23
  var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
24
24
 
25
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
26
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
27
- }) : x)(function(x) {
28
- if (typeof require !== "undefined") return require.apply(this, arguments);
29
- throw Error('Dynamic require of "' + x + '" is not supported');
30
- });
31
-
32
- // src/theme/colorUtils.ts
33
- function hexToRgb(hex) {
34
- const clean = hex.replace("#", "");
35
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
36
- if (full.length !== 6) return null;
37
- return {
38
- r: parseInt(full.slice(0, 2), 16),
39
- g: parseInt(full.slice(2, 4), 16),
40
- b: parseInt(full.slice(4, 6), 16)
41
- };
42
- }
43
- function componentToHex(c) {
44
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
45
- }
46
- function rgbToHex(r, g, b) {
47
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
48
- }
49
- function withAlphaOnWhite(hex, alpha) {
50
- const rgb = hexToRgb(hex);
51
- if (!rgb) return hex;
52
- const r = rgb.r * alpha + 255 * (1 - alpha);
53
- const g = rgb.g * alpha + 255 * (1 - alpha);
54
- const b = rgb.b * alpha + 255 * (1 - alpha);
55
- return rgbToHex(r, g, b);
56
- }
57
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
58
- const rgb = hexToRgb(hex);
59
- const bg = hexToRgb(bgHex);
60
- if (!rgb || !bg) return hex;
61
- const r = rgb.r * alpha + bg.r * (1 - alpha);
62
- const g = rgb.g * alpha + bg.g * (1 - alpha);
63
- const b = rgb.b * alpha + bg.b * (1 - alpha);
64
- return rgbToHex(r, g, b);
65
- }
66
- function mixWithBackground(fgHex, bgHex, opacity) {
67
- const fg = hexToRgb(fgHex);
68
- const bg = hexToRgb(bgHex);
69
- if (!fg || !bg) return fgHex;
70
- const r = fg.r * opacity + bg.r * (1 - opacity);
71
- const g = fg.g * opacity + bg.g * (1 - opacity);
72
- const b = fg.b * opacity + bg.b * (1 - opacity);
73
- return rgbToHex(r, g, b);
74
- }
75
- function lighten(hex, amount) {
76
- return withAlphaOnWhite(hex, 1 - amount);
77
- }
78
- function darken(hex, amount) {
79
- const rgb = hexToRgb(hex);
80
- if (!rgb) return hex;
81
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
82
- }
83
-
84
- // src/theme/colors.ts
85
- var defaultLight = {
86
- background: "#ffffff",
87
- foreground: "#1a1a1a",
88
- card: "#ffffff",
89
- primary: "#1a1a1a",
90
- primaryForeground: "#ffffff",
91
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
92
- accent: "#d4561d",
93
- accentForeground: "#ffffff",
94
- border: "#dddddd",
95
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
96
- destructive: "#c72828",
97
- destructiveForeground: "#ffffff",
98
- success: "#1a7a45",
99
- successForeground: "#ffffff",
100
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
101
- warning: "#9a5200",
102
- warningForeground: "#ffffff"
103
- };
104
- function deriveColors(t, scheme) {
105
- const dark = scheme === "dark";
106
- const bg = t.background;
107
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
108
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
109
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
110
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
111
- const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
112
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
113
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
114
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
115
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
116
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
117
- return {
118
- ...t,
119
- foregroundSubtle,
120
- foregroundMuted,
121
- surface,
122
- surfaceStrong,
123
- destructiveTint,
124
- destructiveBorder,
125
- successTint,
126
- successBorder,
127
- warningTint,
128
- warningBorder,
129
- overlay: t.overlay ?? "rgba(0,0,0,0.45)",
130
- accentResolved: t.accent ?? t.primary,
131
- accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
132
- ring: t.accent ?? t.primary,
133
- input: t.border,
134
- separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
135
- };
136
- }
137
-
138
- // src/theme/ThemeProvider.tsx
139
- var ThemeContext = React3.createContext({
140
- colors: deriveColors(defaultLight, "light"),
141
- colorScheme: "light"
142
- });
25
+ // src/components/PricingCard/PricingCard.tsx
26
+ var ThemeContext = React3.createContext(void 0);
143
27
  function useTheme() {
144
28
  const context = React3.useContext(ThemeContext);
145
29
  if (!context) {
@@ -148,11 +32,11 @@ function useTheme() {
148
32
  return context;
149
33
  }
150
34
  var _haptics = null;
151
- var _hapticsLoaded = false;
35
+ var _loaded = false;
152
36
  async function getHaptics() {
153
37
  if (reactNative.Platform.OS === "web") return null;
154
- if (!_hapticsLoaded) {
155
- _hapticsLoaded = true;
38
+ if (!_loaded) {
39
+ _loaded = true;
156
40
  try {
157
41
  _haptics = await import('expo-haptics');
158
42
  } catch {
@@ -161,91 +45,42 @@ async function getHaptics() {
161
45
  }
162
46
  return _haptics;
163
47
  }
164
- var _pulsar = null;
165
- var _pulsarChecked = false;
166
- var _pulsarAvailable = false;
167
- function isPulsarNativeRegistered() {
168
- try {
169
- const g = globalThis;
170
- if (typeof g.__turboModuleProxy === "function") {
171
- return g.__turboModuleProxy("RNPulsar") != null;
172
- }
173
- return reactNative.NativeModules?.RNPulsar != null;
174
- } catch {
175
- return false;
176
- }
177
- }
178
- function getPulsar() {
179
- if (reactNative.Platform.OS === "web") return null;
180
- if (!_pulsarChecked) {
181
- _pulsarChecked = true;
182
- try {
183
- if (isPulsarNativeRegistered()) {
184
- _pulsar = __require("react-native-pulsar");
185
- _pulsarAvailable = true;
186
- }
187
- } catch {
188
- _pulsar = null;
189
- _pulsarAvailable = false;
190
- }
191
- }
192
- return _pulsarAvailable ? _pulsar : null;
193
- }
194
48
  function impactMedium() {
195
- if (reactNative.Platform.OS === "web") return;
196
- getHaptics().then((h) => {
197
- if (h) {
198
- h.impactAsync(h.ImpactFeedbackStyle.Medium);
199
- } else {
200
- getPulsar()?.Presets.System.impactMedium();
201
- }
202
- });
49
+ getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
203
50
  }
204
51
  var isWeb = reactNative.Platform.OS === "web";
205
52
  var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
206
53
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
207
54
  var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
208
55
  var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
209
- var glyphMapOf = (mod) => mod.glyphMap ?? {};
210
56
  var ALL_FAMILIES = [
211
- { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
212
- { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
213
- { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
214
- { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
215
- { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
216
- { 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 }
217
63
  ];
218
- var activeFamilies = ALL_FAMILIES;
219
- var resolvedCache = null;
220
- function buildCache(families) {
221
- const cache = /* @__PURE__ */ new Map();
222
- for (const family of activeFamilies) {
223
- const glyphMap = family.getGlyphMap();
224
- for (const iconName of Object.keys(glyphMap)) {
225
- 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 = {};
226
73
  }
227
74
  }
228
- return cache;
229
- }
230
- function resolveFamily(name) {
231
- if (!resolvedCache) {
232
- resolvedCache = buildCache();
233
- }
234
- return resolvedCache.get(name) ?? null;
235
75
  }
236
76
  function Icon({ name, size, color, family }) {
237
- let resolved = null;
238
- if (family) {
239
- resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
240
- } else {
241
- resolved = resolveFamily(name);
242
- }
243
- if (!resolved) return null;
244
- const Component = resolved.component;
245
- return React3__default.default.createElement(Component, { name, size, color });
246
- }
247
- function renderIcon(name, size, color) {
248
- 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 });
249
84
  }
250
85
 
251
86
  // src/tokens.ts
@@ -275,45 +110,24 @@ var TYPOGRAPHY = {
275
110
  letterSpacing: 0
276
111
  }
277
112
  };
278
- ({
279
- /** Material-style ease-out — natural deceleration for state changes. */
280
- standard: reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1),
281
- /** Strong ease-out for expanding surfaces (Accordion open). */
282
- expand: reactNativeReanimated.Easing.bezier(0.23, 1, 0.32, 1),
283
- /** Quick ease-in for collapsing. */
284
- collapse: reactNativeReanimated.Easing.in(reactNativeReanimated.Easing.ease)
285
- });
286
- var PRESS_SCALE = {
287
- button: 0.95,
288
- card: 0.98,
289
- row: 0.97,
290
- chip: 0.94
291
- };
292
- var PressableButton = pressto.createAnimatedPressable((progress) => {
293
- "worklet";
294
- const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
295
- return { transform: [{ scale: scale2 }] };
296
- });
297
- pressto.createAnimatedPressable((progress) => {
113
+ var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
298
114
  "worklet";
299
- const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
300
- return { transform: [{ scale: scale2 }] };
301
- });
302
- pressto.createAnimatedPressable((progress) => {
303
- "worklet";
304
- const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
305
- return { transform: [{ scale: scale2 }] };
306
- });
307
- pressto.createAnimatedPressable((progress) => {
308
- "worklet";
309
- const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
310
- return { transform: [{ scale: scale2 }] };
311
- });
312
- pressto.createAnimatedPressable((progress) => {
313
- "worklet";
314
- const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
315
- return { transform: [{ scale: scale2 }] };
115
+ return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
316
116
  });
117
+ var PressableButton = makePressable(0.95);
118
+ makePressable(0.98);
119
+ makePressable(0.97);
120
+ makePressable(0.94);
121
+ makePressable(0.95);
122
+
123
+ // src/utils/animations.ts
124
+ var TIMINGS = {
125
+ state: { duration: 160 }};
126
+ var COLOR_TRANSITION = {
127
+ type: "timing",
128
+ duration: TIMINGS.state.duration,
129
+ easing: [0.2, 0, 0, 1]
130
+ };
317
131
 
318
132
  // src/components/Button/Button.tsx
319
133
  var containerSizeStyles = {
@@ -350,38 +164,25 @@ function ButtonBase({
350
164
  impactMedium();
351
165
  onPress?.();
352
166
  };
353
- const containerVariantStyle = {
354
- primary: { backgroundColor: colors.primary },
355
- secondary: { backgroundColor: "transparent", borderWidth: 1.5, borderColor: colors.primary },
356
- text: { backgroundColor: "transparent" },
357
- destructive: { backgroundColor: colors.destructive }
167
+ const isSecondary = variant === "secondary";
168
+ const borderWidth = isSecondary ? 1.5 : 0;
169
+ const animateBgColor = isDisabled ? { primary: colors.surface, secondary: "transparent", text: "transparent", destructive: colors.surface }[variant] : { primary: colors.primary, secondary: "transparent", text: "transparent", destructive: colors.destructive }[variant];
170
+ const animateBorderColor = isDisabled ? isSecondary ? colors.border : "transparent" : isSecondary ? colors.primary : "transparent";
171
+ const labelColor = isDisabled ? colors.foregroundMuted : {
172
+ primary: colors.primaryForeground,
173
+ secondary: colors.primary,
174
+ text: colors.accentResolved,
175
+ destructive: colors.destructiveForeground
358
176
  }[variant];
359
- const labelVariantStyle = {
360
- primary: { color: colors.primaryForeground },
361
- secondary: { color: colors.primary },
362
- // AUDIT FIX: was colors.foreground — visually indistinguishable from plain text,
363
- // no affordance that it's a CTA. Now uses accentResolved so text-only buttons
364
- // carry the brand voltage. Falls back to primary when no accent is defined.
365
- text: { color: colors.accentResolved },
366
- destructive: { color: colors.destructiveForeground }
367
- }[variant];
368
- const textColor = iconColor ?? labelVariantStyle.color;
369
- const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], textColor) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
370
- const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
177
+ const textColor = iconColor ?? labelColor;
178
+ const effectiveIcon = iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: iconName, size: iconSizeMap[size], color: textColor }) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
179
+ const spinnerColor = isDisabled ? colors.foregroundMuted : variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
371
180
  const styleArray = Array.isArray(style) ? style : style ? [style] : [];
372
181
  const flatStyle = reactNative.StyleSheet.flatten(styleArray);
373
182
  const { flex, ...restStyle } = flatStyle || {};
374
183
  return /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React3__default.default.createElement(
375
184
  PressableButton,
376
185
  {
377
- style: [
378
- styles.base,
379
- containerVariantStyle,
380
- containerSizeStyles[size],
381
- fullWidth && styles.fullWidth,
382
- isDisabled && styles.disabled,
383
- restStyle
384
- ],
385
186
  enabled: !isDisabled,
386
187
  onPress: handlePress,
387
188
  rippleColor: "transparent",
@@ -392,23 +193,37 @@ function ButtonBase({
392
193
  accessibilityHint,
393
194
  accessibilityState: { disabled: isDisabled, busy: loading }
394
195
  },
395
- loading ? /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, /* @__PURE__ */ React3__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React3__default.default.createElement(
396
- reactNative.Text,
196
+ /* @__PURE__ */ React3__default.default.createElement(
197
+ reactNativeEase.EaseView,
397
198
  {
398
- style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
399
- allowFontScaling: true,
400
- numberOfLines: 1
401
- },
402
- label
403
- )) : /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React3__default.default.createElement(
404
- reactNative.Text,
405
- {
406
- style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
407
- allowFontScaling: true,
408
- numberOfLines: 1
199
+ style: [
200
+ styles.base,
201
+ containerSizeStyles[size],
202
+ { borderWidth },
203
+ fullWidth && styles.fullWidth,
204
+ restStyle
205
+ ],
206
+ animate: { backgroundColor: animateBgColor, borderColor: animateBorderColor },
207
+ transition: COLOR_TRANSITION
409
208
  },
410
- label
411
- ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, effectiveIcon))
209
+ loading ? /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, /* @__PURE__ */ React3__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React3__default.default.createElement(
210
+ reactNative.Text,
211
+ {
212
+ style: [styles.label, { color: labelColor }, labelSizeStyles[size], styles.labelLoading],
213
+ allowFontScaling: true,
214
+ numberOfLines: 1
215
+ },
216
+ label
217
+ )) : /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React3__default.default.createElement(
218
+ reactNative.Text,
219
+ {
220
+ style: [styles.label, { color: labelColor }, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
221
+ allowFontScaling: true,
222
+ numberOfLines: 1
223
+ },
224
+ label
225
+ ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, null, effectiveIcon))
226
+ )
412
227
  ));
413
228
  }
414
229
  var Button = React3__default.default.memo(ButtonBase);
@@ -422,9 +237,6 @@ var styles = reactNative.StyleSheet.create({
422
237
  fullWidth: {
423
238
  width: "100%"
424
239
  },
425
- disabled: {
426
- opacity: 0.45
427
- },
428
240
  label: {
429
241
  fontFamily: "Sohne-Medium",
430
242
  flexShrink: 1
@@ -476,7 +288,7 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
476
288
  destructiveOutline: colors.destructive,
477
289
  warningOutline: colors.warning
478
290
  }[variant];
479
- const effectiveIcon = iconName ? renderIcon(iconName, sizeIconSize[size], iconColor ?? textColor) : icon;
291
+ const effectiveIcon = iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: iconName, size: sizeIconSize[size], color: iconColor ?? textColor }) : icon;
480
292
  const content = children ?? label;
481
293
  const a11yLabel = typeof content === "string" ? content : label;
482
294
  return /* @__PURE__ */ React3__default.default.createElement(
@@ -537,10 +349,13 @@ function PricingCard({
537
349
  /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles3.header }, /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles3.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React3__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
538
350
  /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles3.priceRow }, /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles3.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles3.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
539
351
  description ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles3.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
540
- features.length > 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles3.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { key: i, style: styles3.featureRow }, renderIcon(
541
- f.included ? "check" : "minus",
542
- ms(16),
543
- f.included ? colors.success : colors.foregroundMuted
352
+ features.length > 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles3.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { key: i, style: styles3.featureRow }, /* @__PURE__ */ React3__default.default.createElement(
353
+ Icon,
354
+ {
355
+ name: f.included ? "check" : "minus",
356
+ size: ms(16),
357
+ color: f.included ? colors.success : colors.foregroundMuted
358
+ }
544
359
  ), /* @__PURE__ */ React3__default.default.createElement(
545
360
  reactNative.Text,
546
361
  {
@@ -1,11 +1,11 @@
1
- export { PricingCard } from './chunk-F4V6XLP4.mjs';
2
- import './chunk-3UYAZ7I4.mjs';
3
- import './chunk-DOGIPOF5.mjs';
4
- import './chunk-3DKJ2GIC.mjs';
5
- import './chunk-EJ7ZPXOH.mjs';
6
- import './chunk-DVK4G2GT.mjs';
1
+ export { PricingCard } from './chunk-K3QX2M26.mjs';
2
+ import './chunk-AZV7KNJI.mjs';
3
+ import './chunk-Y6YS33GM.mjs';
4
+ import './chunk-M53LC4Q7.mjs';
5
+ import './chunk-IFYMBOEN.mjs';
6
+ import './chunk-ARONDO7M.mjs';
7
7
  import './chunk-QY3X2UYR.mjs';
8
- import './chunk-KA7LTET3.mjs';
9
- import './chunk-EMUWGDWC.mjs';
8
+ import './chunk-MZ6WRTD2.mjs';
9
+ import './chunk-KSSVIFYR.mjs';
10
10
  import './chunk-2CE3TQVY.mjs';
11
11
  import './chunk-Y6FXYEAI.mjs';
package/dist/Progress.js CHANGED
@@ -11,118 +11,7 @@ var React2__default = /*#__PURE__*/_interopDefault(React2);
11
11
  var Animated__default = /*#__PURE__*/_interopDefault(Animated);
12
12
 
13
13
  // src/components/Progress/Progress.tsx
14
-
15
- // src/theme/colorUtils.ts
16
- function hexToRgb(hex) {
17
- const clean = hex.replace("#", "");
18
- const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
19
- if (full.length !== 6) return null;
20
- return {
21
- r: parseInt(full.slice(0, 2), 16),
22
- g: parseInt(full.slice(2, 4), 16),
23
- b: parseInt(full.slice(4, 6), 16)
24
- };
25
- }
26
- function componentToHex(c) {
27
- return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
28
- }
29
- function rgbToHex(r, g, b) {
30
- return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
31
- }
32
- function withAlphaOnWhite(hex, alpha) {
33
- const rgb = hexToRgb(hex);
34
- if (!rgb) return hex;
35
- const r = rgb.r * alpha + 255 * (1 - alpha);
36
- const g = rgb.g * alpha + 255 * (1 - alpha);
37
- const b = rgb.b * alpha + 255 * (1 - alpha);
38
- return rgbToHex(r, g, b);
39
- }
40
- function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
41
- const rgb = hexToRgb(hex);
42
- const bg = hexToRgb(bgHex);
43
- if (!rgb || !bg) return hex;
44
- const r = rgb.r * alpha + bg.r * (1 - alpha);
45
- const g = rgb.g * alpha + bg.g * (1 - alpha);
46
- const b = rgb.b * alpha + bg.b * (1 - alpha);
47
- return rgbToHex(r, g, b);
48
- }
49
- function mixWithBackground(fgHex, bgHex, opacity) {
50
- const fg = hexToRgb(fgHex);
51
- const bg = hexToRgb(bgHex);
52
- if (!fg || !bg) return fgHex;
53
- const r = fg.r * opacity + bg.r * (1 - opacity);
54
- const g = fg.g * opacity + bg.g * (1 - opacity);
55
- const b = fg.b * opacity + bg.b * (1 - opacity);
56
- return rgbToHex(r, g, b);
57
- }
58
- function lighten(hex, amount) {
59
- return withAlphaOnWhite(hex, 1 - amount);
60
- }
61
- function darken(hex, amount) {
62
- const rgb = hexToRgb(hex);
63
- if (!rgb) return hex;
64
- return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
65
- }
66
-
67
- // src/theme/colors.ts
68
- var defaultLight = {
69
- background: "#ffffff",
70
- foreground: "#1a1a1a",
71
- card: "#ffffff",
72
- primary: "#1a1a1a",
73
- primaryForeground: "#ffffff",
74
- // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
75
- accent: "#d4561d",
76
- accentForeground: "#ffffff",
77
- border: "#dddddd",
78
- // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
79
- destructive: "#c72828",
80
- destructiveForeground: "#ffffff",
81
- success: "#1a7a45",
82
- successForeground: "#ffffff",
83
- // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
84
- warning: "#9a5200",
85
- warningForeground: "#ffffff"
86
- };
87
- function deriveColors(t, scheme) {
88
- const dark = scheme === "dark";
89
- const bg = t.background;
90
- const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
91
- const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
92
- const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
93
- const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
94
- const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
95
- const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
96
- const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
97
- const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
98
- const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
99
- const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
100
- return {
101
- ...t,
102
- foregroundSubtle,
103
- foregroundMuted,
104
- surface,
105
- surfaceStrong,
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
- });
14
+ var ThemeContext = React2.createContext(void 0);
126
15
  function useTheme() {
127
16
  const context = React2.useContext(ThemeContext);
128
17
  if (!context) {
@@ -132,17 +21,10 @@ function useTheme() {
132
21
  }
133
22
  var isWeb = reactNative.Platform.OS === "web";
134
23
  var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
24
+
25
+ // src/utils/animations.ts
135
26
  var SPRINGS = {
136
- /** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
137
27
  glide: { stiffness: 380, damping: 38, mass: 1 }};
138
- ({
139
- /** Material-style ease-out — natural deceleration for state changes. */
140
- standard: Animated.Easing.bezier(0.2, 0, 0, 1),
141
- /** Strong ease-out for expanding surfaces (Accordion open). */
142
- expand: Animated.Easing.bezier(0.23, 1, 0.32, 1),
143
- /** Quick ease-in for collapsing. */
144
- collapse: Animated.Easing.in(Animated.Easing.ease)
145
- });
146
28
 
147
29
  // src/components/Progress/Progress.tsx
148
30
  function Progress({ value = 0, max = 100, variant = "default", style, accessibilityLabel }) {
package/dist/Progress.mjs CHANGED
@@ -1,5 +1,5 @@
1
- export { Progress } from './chunk-2I2AYECM.mjs';
2
- import './chunk-DVK4G2GT.mjs';
3
- import './chunk-EMUWGDWC.mjs';
1
+ export { Progress } from './chunk-DBHSUUKU.mjs';
2
+ import './chunk-M53LC4Q7.mjs';
3
+ import './chunk-KSSVIFYR.mjs';
4
4
  import './chunk-2CE3TQVY.mjs';
5
5
  import './chunk-Y6FXYEAI.mjs';