@retray-dev/ui-kit 10.0.0 → 10.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 (128) hide show
  1. package/COMPONENTS.md +150 -17
  2. package/CONSUMER.md +1 -1
  3. package/README.md +4 -4
  4. package/dist/Accordion.d.mts +1 -1
  5. package/dist/Accordion.d.ts +1 -1
  6. package/dist/Accordion.js +3 -3
  7. package/dist/Accordion.mjs +2 -2
  8. package/dist/AlertBanner.js +1 -1
  9. package/dist/AlertBanner.mjs +2 -2
  10. package/dist/AppHeader.js +1 -1
  11. package/dist/AppHeader.mjs +3 -3
  12. package/dist/Badge.js +1 -1
  13. package/dist/Badge.mjs +2 -2
  14. package/dist/Button.js +1 -1
  15. package/dist/Button.mjs +2 -2
  16. package/dist/CategoryStrip.js +1 -1
  17. package/dist/CategoryStrip.mjs +2 -2
  18. package/dist/Chip.js +1 -1
  19. package/dist/Chip.mjs +2 -2
  20. package/dist/ConfirmDialog.d.mts +6 -1
  21. package/dist/ConfirmDialog.d.ts +6 -1
  22. package/dist/ConfirmDialog.js +45 -15
  23. package/dist/ConfirmDialog.mjs +3 -3
  24. package/dist/CurrencyInput.js +1 -1
  25. package/dist/CurrencyInput.mjs +3 -3
  26. package/dist/DetailRow.d.mts +1 -1
  27. package/dist/DetailRow.d.ts +1 -1
  28. package/dist/DetailRow.js +1 -1
  29. package/dist/DetailRow.mjs +2 -2
  30. package/dist/EmptyState.js +1 -1
  31. package/dist/EmptyState.mjs +3 -3
  32. package/dist/ErrorBoundary.js +1 -1
  33. package/dist/ErrorBoundary.mjs +2 -2
  34. package/dist/IconButton.js +1 -1
  35. package/dist/IconButton.mjs +2 -2
  36. package/dist/IconPicker.d.mts +17 -0
  37. package/dist/IconPicker.d.ts +17 -0
  38. package/dist/IconPicker.js +997 -0
  39. package/dist/IconPicker.mjs +7 -0
  40. package/dist/ImageUpload.d.mts +3 -1
  41. package/dist/ImageUpload.d.ts +3 -1
  42. package/dist/ImageUpload.js +28 -10
  43. package/dist/ImageUpload.mjs +1 -1
  44. package/dist/ImageViewer.js +282 -141
  45. package/dist/ImageViewer.mjs +5 -3
  46. package/dist/Input.js +1 -1
  47. package/dist/Input.mjs +2 -2
  48. package/dist/LabelValue.js +1 -1
  49. package/dist/LabelValue.mjs +2 -2
  50. package/dist/ListItem.js +1 -1
  51. package/dist/ListItem.mjs +2 -2
  52. package/dist/MediaCard.js +1 -1
  53. package/dist/MediaCard.mjs +2 -2
  54. package/dist/MenuItem.js +1 -1
  55. package/dist/MenuItem.mjs +2 -2
  56. package/dist/NumberStepper.d.mts +19 -0
  57. package/dist/NumberStepper.d.ts +19 -0
  58. package/dist/NumberStepper.js +410 -0
  59. package/dist/NumberStepper.mjs +9 -0
  60. package/dist/PagerDots.js +1 -1
  61. package/dist/PagerDots.mjs +2 -2
  62. package/dist/PricingCard.js +1 -1
  63. package/dist/PricingCard.mjs +4 -4
  64. package/dist/SelectableGrid.js +1 -1
  65. package/dist/SelectableGrid.mjs +2 -2
  66. package/dist/Sheet.js +16 -13
  67. package/dist/Sheet.mjs +1 -1
  68. package/dist/SheetSelect.js +1 -1
  69. package/dist/SheetSelect.mjs +2 -2
  70. package/dist/Switch.js +40 -17
  71. package/dist/Switch.mjs +1 -1
  72. package/dist/TabBar.js +1 -1
  73. package/dist/TabBar.mjs +2 -2
  74. package/dist/Textarea.js +1 -1
  75. package/dist/Textarea.mjs +2 -2
  76. package/dist/Toggle.js +1 -1
  77. package/dist/Toggle.mjs +2 -2
  78. package/dist/chunk-53Z3NYGE.mjs +742 -0
  79. package/dist/{chunk-VQ57HWPL.mjs → chunk-6L4G6PBT.mjs} +1 -1
  80. package/dist/{chunk-6OAZJ577.mjs → chunk-6SECQ2ZF.mjs} +2 -2
  81. package/dist/{chunk-KIHCWCWL.mjs → chunk-7LWRKMF5.mjs} +1 -1
  82. package/dist/{chunk-4I7D47FH.mjs → chunk-AJRVDP2H.mjs} +3 -3
  83. package/dist/{chunk-6MKGPAR2.mjs → chunk-BEMIQXXU.mjs} +1 -1
  84. package/dist/chunk-BUMAMSTZ.mjs +126 -0
  85. package/dist/{chunk-UREA2GYY.mjs → chunk-DYT7BG5I.mjs} +1 -1
  86. package/dist/{chunk-Z4BVUWW6.mjs → chunk-ELXBDILQ.mjs} +20 -32
  87. package/dist/{chunk-A4MDAP7G.mjs → chunk-FCSSQK3L.mjs} +1 -1
  88. package/dist/{chunk-2TFTAWVJ.mjs → chunk-HTHGSXFG.mjs} +1 -1
  89. package/dist/{chunk-VGTDN7SW.mjs → chunk-IX3NYLYQ.mjs} +1 -1
  90. package/dist/{chunk-T7XZ7H7Y.mjs → chunk-KA7LTET3.mjs} +17 -3
  91. package/dist/{chunk-URI2WBIV.mjs → chunk-KOO4WITD.mjs} +1 -1
  92. package/dist/{chunk-JUXSWN54.mjs → chunk-NMU5FMQJ.mjs} +1 -1
  93. package/dist/{chunk-LXJIIOYQ.mjs → chunk-RYZC432S.mjs} +1 -1
  94. package/dist/{chunk-JB67UOB5.mjs → chunk-S2R7UVOE.mjs} +1 -1
  95. package/dist/{chunk-ZUR7AU5R.mjs → chunk-SXLKNTA4.mjs} +1 -1
  96. package/dist/{chunk-3U4SSNWP.mjs → chunk-T2KCAHOS.mjs} +1 -1
  97. package/dist/{chunk-ZJKGQMYH.mjs → chunk-TB6SD2FT.mjs} +1 -1
  98. package/dist/{chunk-AZJF2BLK.mjs → chunk-TBNZHU6C.mjs} +1 -1
  99. package/dist/{chunk-Y4GL2MHX.mjs → chunk-TZDGAP5N.mjs} +28 -10
  100. package/dist/{chunk-CZCQZHG6.mjs → chunk-U2XJFYED.mjs} +1 -1
  101. package/dist/{chunk-TERDKCLE.mjs → chunk-VF2ATYN3.mjs} +1 -1
  102. package/dist/{chunk-OHBNABL5.mjs → chunk-VKID2D2I.mjs} +1 -1
  103. package/dist/{chunk-QKH5ZOD5.mjs → chunk-WF2XDFRK.mjs} +40 -17
  104. package/dist/{chunk-FZZLPJ6B.mjs → chunk-WYEUNUTP.mjs} +44 -15
  105. package/dist/{chunk-PFZTM6D5.mjs → chunk-Y2NS74WS.mjs} +9 -7
  106. package/dist/{chunk-O3HA6TYM.mjs → chunk-YJ7I257J.mjs} +3 -3
  107. package/dist/{chunk-NA7PARID.mjs → chunk-Z4VHZ7B5.mjs} +1 -1
  108. package/dist/{chunk-MLF3EZFW.mjs → chunk-Z6SFHN6T.mjs} +1 -1
  109. package/dist/{chunk-4K625MVM.mjs → chunk-ZZ2R6KZ3.mjs} +1 -1
  110. package/dist/index.d.mts +4 -1
  111. package/dist/index.d.ts +4 -1
  112. package/dist/index.js +1011 -88
  113. package/dist/index.mjs +34 -32
  114. package/package.json +1 -1
  115. package/src/components/Accordion/Accordion.tsx +7 -3
  116. package/src/components/ConfirmDialog/ConfirmDialog.tsx +61 -23
  117. package/src/components/DetailRow/DetailRow.tsx +1 -1
  118. package/src/components/IconPicker/IconPicker.tsx +383 -0
  119. package/src/components/IconPicker/index.ts +1 -0
  120. package/src/components/ImageUpload/ImageUpload.tsx +34 -12
  121. package/src/components/ImageViewer/ImageViewer.tsx +25 -30
  122. package/src/components/NumberStepper/NumberStepper.tsx +147 -0
  123. package/src/components/NumberStepper/index.ts +1 -0
  124. package/src/components/Sheet/Sheet.tsx +10 -9
  125. package/src/components/Switch/Switch.tsx +30 -17
  126. package/src/index.ts +3 -1
  127. package/src/utils/curatedIcons.ts +286 -0
  128. package/src/utils/icons.ts +20 -2
package/dist/ListItem.mjs CHANGED
@@ -1,9 +1,9 @@
1
- export { ListItem } from './chunk-OHBNABL5.mjs';
1
+ export { ListItem } from './chunk-VKID2D2I.mjs';
2
2
  import './chunk-3DKJ2GIC.mjs';
3
3
  import './chunk-EJ7ZPXOH.mjs';
4
4
  import './chunk-DVK4G2GT.mjs';
5
5
  import './chunk-QY3X2UYR.mjs';
6
- import './chunk-T7XZ7H7Y.mjs';
6
+ import './chunk-KA7LTET3.mjs';
7
7
  import './chunk-SOYNZDVY.mjs';
8
8
  import './chunk-2CE3TQVY.mjs';
9
9
  import './chunk-Y6FXYEAI.mjs';
package/dist/MediaCard.js CHANGED
@@ -217,7 +217,7 @@ var ALL_FAMILIES = [
217
217
  ];
218
218
  var activeFamilies = ALL_FAMILIES;
219
219
  var resolvedCache = null;
220
- function buildCache() {
220
+ function buildCache(families) {
221
221
  const cache = /* @__PURE__ */ new Map();
222
222
  for (const family of activeFamilies) {
223
223
  const glyphMap = family.getGlyphMap();
@@ -1,9 +1,9 @@
1
- export { MediaCard } from './chunk-VGTDN7SW.mjs';
1
+ export { MediaCard } from './chunk-IX3NYLYQ.mjs';
2
2
  import './chunk-YNROWHQJ.mjs';
3
3
  import './chunk-EJ7ZPXOH.mjs';
4
4
  import './chunk-DVK4G2GT.mjs';
5
5
  import './chunk-QY3X2UYR.mjs';
6
- import './chunk-T7XZ7H7Y.mjs';
6
+ import './chunk-KA7LTET3.mjs';
7
7
  import './chunk-SOYNZDVY.mjs';
8
8
  import './chunk-2CE3TQVY.mjs';
9
9
  import './chunk-Y6FXYEAI.mjs';
package/dist/MenuItem.js CHANGED
@@ -217,7 +217,7 @@ var ALL_FAMILIES = [
217
217
  ];
218
218
  var activeFamilies = ALL_FAMILIES;
219
219
  var resolvedCache = null;
220
- function buildCache() {
220
+ function buildCache(families) {
221
221
  const cache = /* @__PURE__ */ new Map();
222
222
  for (const family of activeFamilies) {
223
223
  const glyphMap = family.getGlyphMap();
package/dist/MenuItem.mjs CHANGED
@@ -1,9 +1,9 @@
1
- export { MenuItem } from './chunk-ZJKGQMYH.mjs';
1
+ export { MenuItem } from './chunk-TB6SD2FT.mjs';
2
2
  import './chunk-3DKJ2GIC.mjs';
3
3
  import './chunk-EJ7ZPXOH.mjs';
4
4
  import './chunk-DVK4G2GT.mjs';
5
5
  import './chunk-QY3X2UYR.mjs';
6
- import './chunk-T7XZ7H7Y.mjs';
6
+ import './chunk-KA7LTET3.mjs';
7
7
  import './chunk-SOYNZDVY.mjs';
8
8
  import './chunk-2CE3TQVY.mjs';
9
9
  import './chunk-Y6FXYEAI.mjs';
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { ViewStyle } from 'react-native';
3
+
4
+ type NumberStepperSize = 'sm' | 'md' | 'lg';
5
+ interface NumberStepperProps {
6
+ value: number;
7
+ onValueChange: (value: number) => void;
8
+ min?: number;
9
+ max?: number;
10
+ step?: number;
11
+ size?: NumberStepperSize;
12
+ disabled?: boolean;
13
+ style?: ViewStyle;
14
+ accessibilityLabel?: string;
15
+ }
16
+ declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
17
+ declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
18
+
19
+ export { NumberStepper, type NumberStepperProps, type NumberStepperSize };
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { ViewStyle } from 'react-native';
3
+
4
+ type NumberStepperSize = 'sm' | 'md' | 'lg';
5
+ interface NumberStepperProps {
6
+ value: number;
7
+ onValueChange: (value: number) => void;
8
+ min?: number;
9
+ max?: number;
10
+ step?: number;
11
+ size?: NumberStepperSize;
12
+ disabled?: boolean;
13
+ style?: ViewStyle;
14
+ accessibilityLabel?: string;
15
+ }
16
+ declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
17
+ declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
18
+
19
+ export { NumberStepper, type NumberStepperProps, type NumberStepperSize };
@@ -0,0 +1,410 @@
1
+ 'use strict';
2
+
3
+ var React3 = require('react');
4
+ var reactNative = require('react-native');
5
+ var reactNativeSizeMatters = require('react-native-size-matters');
6
+ var AntDesign = require('@expo/vector-icons/AntDesign');
7
+ var Entypo = require('@expo/vector-icons/Entypo');
8
+ var Feather = require('@expo/vector-icons/Feather');
9
+ var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
10
+ var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
11
+ var Ionicons = require('@expo/vector-icons/Ionicons');
12
+ var pressto = require('pressto');
13
+ var reactNativeReanimated = require('react-native-reanimated');
14
+
15
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
+
17
+ var React3__default = /*#__PURE__*/_interopDefault(React3);
18
+ var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
19
+ var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
20
+ var Feather__default = /*#__PURE__*/_interopDefault(Feather);
21
+ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
22
+ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
23
+ var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
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
+ var _haptics = null;
32
+ var _hapticsLoaded = false;
33
+ async function getHaptics() {
34
+ if (reactNative.Platform.OS === "web") return null;
35
+ if (!_hapticsLoaded) {
36
+ _hapticsLoaded = true;
37
+ try {
38
+ _haptics = await import('expo-haptics');
39
+ } catch {
40
+ _haptics = null;
41
+ }
42
+ }
43
+ return _haptics;
44
+ }
45
+ var _pulsar = null;
46
+ var _pulsarChecked = false;
47
+ var _pulsarAvailable = false;
48
+ function isPulsarNativeRegistered() {
49
+ try {
50
+ const g = globalThis;
51
+ if (typeof g.__turboModuleProxy === "function") {
52
+ return g.__turboModuleProxy("RNPulsar") != null;
53
+ }
54
+ return reactNative.NativeModules?.RNPulsar != null;
55
+ } catch {
56
+ return false;
57
+ }
58
+ }
59
+ function getPulsar() {
60
+ if (reactNative.Platform.OS === "web") return null;
61
+ if (!_pulsarChecked) {
62
+ _pulsarChecked = true;
63
+ try {
64
+ if (isPulsarNativeRegistered()) {
65
+ _pulsar = __require("react-native-pulsar");
66
+ _pulsarAvailable = true;
67
+ }
68
+ } catch {
69
+ _pulsar = null;
70
+ _pulsarAvailable = false;
71
+ }
72
+ }
73
+ return _pulsarAvailable ? _pulsar : null;
74
+ }
75
+ function impactLight() {
76
+ if (reactNative.Platform.OS === "web") return;
77
+ getHaptics().then((h) => {
78
+ if (h) {
79
+ h.impactAsync(h.ImpactFeedbackStyle.Light);
80
+ } else {
81
+ getPulsar()?.Presets.System.impactLight();
82
+ }
83
+ });
84
+ }
85
+
86
+ // src/theme/colorUtils.ts
87
+ function hexToRgb(hex) {
88
+ const clean = hex.replace("#", "");
89
+ const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
90
+ if (full.length !== 6) return null;
91
+ return {
92
+ r: parseInt(full.slice(0, 2), 16),
93
+ g: parseInt(full.slice(2, 4), 16),
94
+ b: parseInt(full.slice(4, 6), 16)
95
+ };
96
+ }
97
+ function componentToHex(c) {
98
+ return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
99
+ }
100
+ function rgbToHex(r, g, b) {
101
+ return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
102
+ }
103
+ function withAlphaOnWhite(hex, alpha) {
104
+ const rgb = hexToRgb(hex);
105
+ if (!rgb) return hex;
106
+ const r = rgb.r * alpha + 255 * (1 - alpha);
107
+ const g = rgb.g * alpha + 255 * (1 - alpha);
108
+ const b = rgb.b * alpha + 255 * (1 - alpha);
109
+ return rgbToHex(r, g, b);
110
+ }
111
+ function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
112
+ const rgb = hexToRgb(hex);
113
+ const bg = hexToRgb(bgHex);
114
+ if (!rgb || !bg) return hex;
115
+ const r = rgb.r * alpha + bg.r * (1 - alpha);
116
+ const g = rgb.g * alpha + bg.g * (1 - alpha);
117
+ const b = rgb.b * alpha + bg.b * (1 - alpha);
118
+ return rgbToHex(r, g, b);
119
+ }
120
+ function mixWithBackground(fgHex, bgHex, opacity) {
121
+ const fg = hexToRgb(fgHex);
122
+ const bg = hexToRgb(bgHex);
123
+ if (!fg || !bg) return fgHex;
124
+ const r = fg.r * opacity + bg.r * (1 - opacity);
125
+ const g = fg.g * opacity + bg.g * (1 - opacity);
126
+ const b = fg.b * opacity + bg.b * (1 - opacity);
127
+ return rgbToHex(r, g, b);
128
+ }
129
+ function lighten(hex, amount) {
130
+ return withAlphaOnWhite(hex, 1 - amount);
131
+ }
132
+ function darken(hex, amount) {
133
+ const rgb = hexToRgb(hex);
134
+ if (!rgb) return hex;
135
+ return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
136
+ }
137
+
138
+ // src/theme/colors.ts
139
+ var defaultLight = {
140
+ background: "#ffffff",
141
+ foreground: "#1a1a1a",
142
+ card: "#ffffff",
143
+ primary: "#1a1a1a",
144
+ primaryForeground: "#ffffff",
145
+ // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
146
+ accent: "#d4561d",
147
+ accentForeground: "#ffffff",
148
+ border: "#dddddd",
149
+ // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
150
+ destructive: "#c72828",
151
+ destructiveForeground: "#ffffff",
152
+ success: "#1a7a45",
153
+ successForeground: "#ffffff",
154
+ // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
155
+ warning: "#9a5200",
156
+ warningForeground: "#ffffff"
157
+ };
158
+ function deriveColors(t, scheme) {
159
+ const dark = scheme === "dark";
160
+ const bg = t.background;
161
+ const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
162
+ const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
163
+ const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
164
+ const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
165
+ const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
166
+ const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
167
+ const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
168
+ const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
169
+ const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
170
+ const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
171
+ return {
172
+ ...t,
173
+ foregroundSubtle,
174
+ foregroundMuted,
175
+ surface,
176
+ surfaceStrong,
177
+ destructiveTint,
178
+ destructiveBorder,
179
+ successTint,
180
+ successBorder,
181
+ warningTint,
182
+ warningBorder,
183
+ overlay: t.overlay ?? "rgba(0,0,0,0.45)",
184
+ accentResolved: t.accent ?? t.primary,
185
+ accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
186
+ ring: t.accent ?? t.primary,
187
+ input: t.border,
188
+ separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
189
+ };
190
+ }
191
+
192
+ // src/theme/ThemeProvider.tsx
193
+ var ThemeContext = React3.createContext({
194
+ colors: deriveColors(defaultLight, "light"),
195
+ colorScheme: "light"
196
+ });
197
+ function useTheme() {
198
+ const context = React3.useContext(ThemeContext);
199
+ if (!context) {
200
+ throw new Error("useTheme must be used within a ThemeProvider");
201
+ }
202
+ return context;
203
+ }
204
+ var isWeb = reactNative.Platform.OS === "web";
205
+ var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
206
+ var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
207
+ var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
208
+ var glyphMapOf = (mod) => mod.glyphMap ?? {};
209
+ var ALL_FAMILIES = [
210
+ { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
211
+ { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
212
+ { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
213
+ { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
214
+ { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
215
+ { name: "Feather", component: Feather__default.default, getGlyphMap: () => glyphMapOf(Feather__default.default) }
216
+ ];
217
+ var activeFamilies = ALL_FAMILIES;
218
+ var resolvedCache = null;
219
+ function buildCache(families) {
220
+ const cache = /* @__PURE__ */ new Map();
221
+ for (const family of activeFamilies) {
222
+ const glyphMap = family.getGlyphMap();
223
+ for (const iconName of Object.keys(glyphMap)) {
224
+ cache.set(iconName, family);
225
+ }
226
+ }
227
+ return cache;
228
+ }
229
+ function resolveFamily(name) {
230
+ if (!resolvedCache) {
231
+ resolvedCache = buildCache();
232
+ }
233
+ return resolvedCache.get(name) ?? null;
234
+ }
235
+ function Icon({ name, size, color, family }) {
236
+ let resolved = null;
237
+ if (family) {
238
+ resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
239
+ } else {
240
+ resolved = resolveFamily(name);
241
+ }
242
+ if (!resolved) return null;
243
+ const Component = resolved.component;
244
+ return React3__default.default.createElement(Component, { name, size, color });
245
+ }
246
+ function renderIcon(name, size, color) {
247
+ return React3__default.default.createElement(Icon, { name, size, color });
248
+ }
249
+
250
+ // src/tokens.ts
251
+ var RADIUS = {
252
+ md: 14};
253
+ ({
254
+ /** Material-style ease-out — natural deceleration for state changes. */
255
+ standard: reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1),
256
+ /** Strong ease-out for expanding surfaces (Accordion open). */
257
+ expand: reactNativeReanimated.Easing.bezier(0.23, 1, 0.32, 1),
258
+ /** Quick ease-in for collapsing. */
259
+ collapse: reactNativeReanimated.Easing.in(reactNativeReanimated.Easing.ease)
260
+ });
261
+ var PRESS_SCALE = {
262
+ button: 0.95,
263
+ card: 0.98,
264
+ row: 0.97,
265
+ chip: 0.94
266
+ };
267
+ var PressableButton = pressto.createAnimatedPressable((progress) => {
268
+ "worklet";
269
+ const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
270
+ return { transform: [{ scale: scale2 }] };
271
+ });
272
+ pressto.createAnimatedPressable((progress) => {
273
+ "worklet";
274
+ const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
275
+ return { transform: [{ scale: scale2 }] };
276
+ });
277
+ pressto.createAnimatedPressable((progress) => {
278
+ "worklet";
279
+ const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
280
+ return { transform: [{ scale: scale2 }] };
281
+ });
282
+ pressto.createAnimatedPressable((progress) => {
283
+ "worklet";
284
+ const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
285
+ return { transform: [{ scale: scale2 }] };
286
+ });
287
+ pressto.createAnimatedPressable((progress) => {
288
+ "worklet";
289
+ const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
290
+ return { transform: [{ scale: scale2 }] };
291
+ });
292
+
293
+ // src/components/NumberStepper/NumberStepper.tsx
294
+ var sizeConfig = {
295
+ sm: { button: s(40), icon: 16, valueFontSize: ms(18), valueLineHeight: mvs(24), valueMinWidth: s(32) },
296
+ md: { button: s(44), icon: 18, valueFontSize: ms(22), valueLineHeight: mvs(28), valueMinWidth: s(36) },
297
+ lg: { button: s(52), icon: 22, valueFontSize: ms(26), valueLineHeight: mvs(32), valueMinWidth: s(40) }
298
+ };
299
+ function NumberStepperBase({
300
+ value,
301
+ onValueChange,
302
+ min = 1,
303
+ max = 99,
304
+ step = 1,
305
+ size = "md",
306
+ disabled = false,
307
+ style,
308
+ accessibilityLabel
309
+ }) {
310
+ const { colors } = useTheme();
311
+ const canDecrement = value > min && !disabled;
312
+ const canIncrement = value < max && !disabled;
313
+ const handleDecrement = () => {
314
+ if (!canDecrement) return;
315
+ impactLight();
316
+ onValueChange(Math.max(min, value - step));
317
+ };
318
+ const handleIncrement = () => {
319
+ if (!canIncrement) return;
320
+ impactLight();
321
+ onValueChange(Math.min(max, value + step));
322
+ };
323
+ const { button: buttonSize, icon: iconSize, valueFontSize, valueLineHeight, valueMinWidth } = sizeConfig[size];
324
+ const displayValue = String(value);
325
+ return /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: [styles.container, style] }, /* @__PURE__ */ React3__default.default.createElement(
326
+ PressableButton,
327
+ {
328
+ style: [
329
+ styles.button,
330
+ {
331
+ width: buttonSize,
332
+ height: buttonSize,
333
+ backgroundColor: colors.surface,
334
+ borderColor: colors.border
335
+ },
336
+ !canDecrement && styles.buttonDisabled
337
+ ],
338
+ enabled: canDecrement,
339
+ onPress: handleDecrement,
340
+ rippleColor: "transparent",
341
+ touchSoundDisabled: true,
342
+ accessibilityRole: "button",
343
+ accessibilityLabel: `Decrease, current value ${displayValue}`,
344
+ accessibilityState: { disabled: !canDecrement }
345
+ },
346
+ renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
347
+ ), /* @__PURE__ */ React3__default.default.createElement(
348
+ reactNative.Text,
349
+ {
350
+ style: [
351
+ styles.value,
352
+ {
353
+ color: colors.foreground,
354
+ fontSize: valueFontSize,
355
+ lineHeight: valueLineHeight,
356
+ minWidth: valueMinWidth
357
+ }
358
+ ],
359
+ allowFontScaling: true,
360
+ accessibilityLabel: accessibilityLabel ?? `Quantity: ${displayValue}`,
361
+ accessibilityRole: "text"
362
+ },
363
+ displayValue
364
+ ), /* @__PURE__ */ React3__default.default.createElement(
365
+ PressableButton,
366
+ {
367
+ style: [
368
+ styles.button,
369
+ {
370
+ width: buttonSize,
371
+ height: buttonSize,
372
+ backgroundColor: colors.surface,
373
+ borderColor: colors.border
374
+ },
375
+ !canIncrement && styles.buttonDisabled
376
+ ],
377
+ enabled: canIncrement,
378
+ onPress: handleIncrement,
379
+ rippleColor: "transparent",
380
+ touchSoundDisabled: true,
381
+ accessibilityRole: "button",
382
+ accessibilityLabel: `Increase, current value ${displayValue}`,
383
+ accessibilityState: { disabled: !canIncrement }
384
+ },
385
+ renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
386
+ ));
387
+ }
388
+ var NumberStepper = React3__default.default.memo(NumberStepperBase);
389
+ var styles = reactNative.StyleSheet.create({
390
+ container: {
391
+ flexDirection: "row",
392
+ alignItems: "center",
393
+ gap: s(12)
394
+ },
395
+ button: {
396
+ borderRadius: RADIUS.md,
397
+ alignItems: "center",
398
+ justifyContent: "center",
399
+ borderWidth: 1.5
400
+ },
401
+ buttonDisabled: {
402
+ opacity: 0.35
403
+ },
404
+ value: {
405
+ fontFamily: "Sohne-Medium",
406
+ textAlign: "center"
407
+ }
408
+ });
409
+
410
+ exports.NumberStepper = NumberStepper;
@@ -0,0 +1,9 @@
1
+ export { NumberStepper } from './chunk-BUMAMSTZ.mjs';
2
+ import './chunk-3DKJ2GIC.mjs';
3
+ import './chunk-EJ7ZPXOH.mjs';
4
+ import './chunk-DVK4G2GT.mjs';
5
+ import './chunk-QY3X2UYR.mjs';
6
+ import './chunk-KA7LTET3.mjs';
7
+ import './chunk-SOYNZDVY.mjs';
8
+ import './chunk-2CE3TQVY.mjs';
9
+ import './chunk-Y6FXYEAI.mjs';
package/dist/PagerDots.js CHANGED
@@ -225,7 +225,7 @@ var ALL_FAMILIES = [
225
225
  ];
226
226
  var activeFamilies = ALL_FAMILIES;
227
227
  var resolvedCache = null;
228
- function buildCache() {
228
+ function buildCache(families) {
229
229
  const cache = /* @__PURE__ */ new Map();
230
230
  for (const family of activeFamilies) {
231
231
  const glyphMap = family.getGlyphMap();
@@ -1,7 +1,7 @@
1
- export { PagerDots } from './chunk-4K625MVM.mjs';
1
+ export { PagerDots } from './chunk-ZZ2R6KZ3.mjs';
2
2
  import './chunk-EJ7ZPXOH.mjs';
3
3
  import './chunk-DVK4G2GT.mjs';
4
- import './chunk-T7XZ7H7Y.mjs';
4
+ import './chunk-KA7LTET3.mjs';
5
5
  import './chunk-SOYNZDVY.mjs';
6
6
  import './chunk-2CE3TQVY.mjs';
7
7
  import './chunk-Y6FXYEAI.mjs';
@@ -217,7 +217,7 @@ var ALL_FAMILIES = [
217
217
  ];
218
218
  var activeFamilies = ALL_FAMILIES;
219
219
  var resolvedCache = null;
220
- function buildCache() {
220
+ function buildCache(families) {
221
221
  const cache = /* @__PURE__ */ new Map();
222
222
  for (const family of activeFamilies) {
223
223
  const glyphMap = family.getGlyphMap();
@@ -1,11 +1,11 @@
1
- export { PricingCard } from './chunk-4I7D47FH.mjs';
2
- import './chunk-TERDKCLE.mjs';
3
- import './chunk-2TFTAWVJ.mjs';
1
+ export { PricingCard } from './chunk-AJRVDP2H.mjs';
2
+ import './chunk-VF2ATYN3.mjs';
3
+ import './chunk-HTHGSXFG.mjs';
4
4
  import './chunk-3DKJ2GIC.mjs';
5
5
  import './chunk-EJ7ZPXOH.mjs';
6
6
  import './chunk-DVK4G2GT.mjs';
7
7
  import './chunk-QY3X2UYR.mjs';
8
- import './chunk-T7XZ7H7Y.mjs';
8
+ import './chunk-KA7LTET3.mjs';
9
9
  import './chunk-SOYNZDVY.mjs';
10
10
  import './chunk-2CE3TQVY.mjs';
11
11
  import './chunk-Y6FXYEAI.mjs';
@@ -158,7 +158,7 @@ var ALL_FAMILIES = [
158
158
  ];
159
159
  var activeFamilies = ALL_FAMILIES;
160
160
  var resolvedCache = null;
161
- function buildCache() {
161
+ function buildCache(families) {
162
162
  const cache = /* @__PURE__ */ new Map();
163
163
  for (const family of activeFamilies) {
164
164
  const glyphMap = family.getGlyphMap();
@@ -1,9 +1,9 @@
1
- export { SelectableGrid } from './chunk-NA7PARID.mjs';
1
+ export { SelectableGrid } from './chunk-Z4VHZ7B5.mjs';
2
2
  import './chunk-YNROWHQJ.mjs';
3
3
  import './chunk-EJ7ZPXOH.mjs';
4
4
  import './chunk-DVK4G2GT.mjs';
5
5
  import './chunk-QY3X2UYR.mjs';
6
- import './chunk-T7XZ7H7Y.mjs';
6
+ import './chunk-KA7LTET3.mjs';
7
7
  import './chunk-SOYNZDVY.mjs';
8
8
  import './chunk-2CE3TQVY.mjs';
9
9
  import './chunk-Y6FXYEAI.mjs';