@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.
- package/COMPONENTS.md +183 -147
- package/CONSUMER.md +2 -2
- package/DESIGN.md +2 -2
- package/README.md +13 -8
- package/dist/Accordion.d.mts +6 -0
- package/dist/Accordion.d.ts +6 -0
- package/dist/Accordion.js +62 -208
- package/dist/Accordion.mjs +6 -5
- package/dist/AlertBanner.js +29 -151
- package/dist/AlertBanner.mjs +3 -3
- package/dist/AppHeader.js +37 -233
- package/dist/AppHeader.mjs +6 -7
- package/dist/Avatar.d.mts +17 -1
- package/dist/Avatar.d.ts +17 -1
- package/dist/Avatar.js +80 -113
- package/dist/Avatar.mjs +2 -2
- package/dist/Badge.js +24 -147
- package/dist/Badge.mjs +3 -3
- package/dist/Button.js +86 -274
- package/dist/Button.mjs +6 -6
- package/dist/Card.js +15 -198
- package/dist/Card.mjs +4 -5
- package/dist/CategoryStrip.d.mts +0 -5
- package/dist/CategoryStrip.d.ts +0 -5
- package/dist/CategoryStrip.js +47 -263
- package/dist/CategoryStrip.mjs +6 -6
- package/dist/Checkbox.js +15 -198
- package/dist/Checkbox.mjs +5 -5
- package/dist/Chip.js +44 -234
- package/dist/Chip.mjs +7 -6
- package/dist/ConfirmDialog.js +100 -296
- package/dist/ConfirmDialog.mjs +7 -7
- package/dist/CurrencyDisplay.js +1 -112
- package/dist/CurrencyDisplay.mjs +2 -2
- package/dist/CurrencyInput.js +35 -160
- package/dist/CurrencyInput.mjs +5 -5
- package/dist/DetailRow.js +25 -148
- package/dist/DetailRow.mjs +3 -3
- package/dist/EmptyState.js +87 -275
- package/dist/EmptyState.mjs +7 -7
- package/dist/ErrorBoundary.js +32 -197
- package/dist/ErrorBoundary.mjs +4 -4
- package/dist/Form.js +1 -112
- package/dist/Form.mjs +2 -2
- package/dist/HolographicCard.d.mts +0 -28
- package/dist/HolographicCard.d.ts +0 -28
- package/dist/HolographicCard.js +20 -130
- package/dist/HolographicCard.mjs +9 -32
- package/dist/IconButton.js +36 -232
- package/dist/IconButton.mjs +5 -6
- package/dist/IconPicker.js +222 -927
- package/dist/IconPicker.mjs +5 -5
- package/dist/ImageUpload.d.mts +5 -1
- package/dist/ImageUpload.d.ts +5 -1
- package/dist/ImageUpload.js +32 -215
- package/dist/ImageUpload.mjs +5 -6
- package/dist/ImageViewer.js +75 -264
- package/dist/ImageViewer.mjs +8 -8
- package/dist/Input.d.mts +1 -1
- package/dist/Input.d.ts +1 -1
- package/dist/Input.js +35 -160
- package/dist/Input.mjs +4 -4
- package/dist/LabelValue.js +24 -147
- package/dist/LabelValue.mjs +3 -3
- package/dist/ListGroup.js +1 -112
- package/dist/ListGroup.mjs +2 -2
- package/dist/ListItem.js +38 -233
- package/dist/ListItem.mjs +5 -6
- package/dist/MediaCard.d.mts +0 -14
- package/dist/MediaCard.d.ts +0 -14
- package/dist/MediaCard.js +69 -313
- package/dist/MediaCard.mjs +5 -6
- package/dist/MenuGroup.js +1 -112
- package/dist/MenuGroup.mjs +2 -2
- package/dist/MenuItem.js +36 -232
- package/dist/MenuItem.mjs +5 -6
- package/dist/MonthPicker.js +8 -161
- package/dist/MonthPicker.mjs +3 -3
- package/dist/NumberStepper.js +40 -236
- package/dist/NumberStepper.mjs +5 -6
- package/dist/PagerDots.d.mts +1 -1
- package/dist/PagerDots.d.ts +1 -1
- package/dist/PagerDots.js +69 -222
- package/dist/PagerDots.mjs +6 -5
- package/dist/Pressable.js +14 -85
- package/dist/Pressable.mjs +4 -4
- package/dist/PricingCard.js +94 -279
- package/dist/PricingCard.mjs +8 -8
- package/dist/Progress.js +3 -121
- package/dist/Progress.mjs +3 -3
- package/dist/RadioGroup.js +52 -263
- package/dist/RadioGroup.mjs +5 -5
- package/dist/RetrayProvider.d.mts +1 -1
- package/dist/RetrayProvider.d.ts +1 -1
- package/dist/RetrayProvider.js +5 -6
- package/dist/RetrayProvider.mjs +3 -3
- package/dist/Select.d.mts +2 -1
- package/dist/Select.d.ts +2 -1
- package/dist/Select.js +24 -230
- package/dist/Select.mjs +4 -5
- package/dist/SelectableCard.d.mts +27 -0
- package/dist/SelectableCard.d.ts +27 -0
- package/dist/SelectableCard.js +335 -0
- package/dist/SelectableCard.mjs +8 -0
- package/dist/SelectableGrid.d.mts +0 -21
- package/dist/SelectableGrid.d.ts +0 -21
- package/dist/SelectableGrid.js +49 -269
- package/dist/SelectableGrid.mjs +5 -6
- package/dist/Separator.js +1 -112
- package/dist/Separator.mjs +2 -2
- package/dist/Sheet.js +16 -163
- package/dist/Sheet.mjs +3 -3
- package/dist/SheetSelect.js +39 -234
- package/dist/SheetSelect.mjs +6 -6
- package/dist/Skeleton.d.mts +3 -1
- package/dist/Skeleton.d.ts +3 -1
- package/dist/Skeleton.js +7 -124
- package/dist/Skeleton.mjs +3 -3
- package/dist/Slider.js +6 -159
- package/dist/Slider.mjs +3 -3
- package/dist/Spinner.js +3 -114
- package/dist/Spinner.mjs +2 -2
- package/dist/Stats.d.mts +4 -1
- package/dist/Stats.d.ts +4 -1
- package/dist/Stats.js +60 -234
- package/dist/Stats.mjs +5 -6
- package/dist/Switch.js +24 -173
- package/dist/Switch.mjs +5 -4
- package/dist/TabBar.js +43 -198
- package/dist/TabBar.mjs +5 -4
- package/dist/Tabs.js +15 -197
- package/dist/Tabs.mjs +5 -5
- package/dist/Text.js +9 -128
- package/dist/Text.mjs +2 -2
- package/dist/Textarea.d.mts +2 -1
- package/dist/Textarea.d.ts +2 -1
- package/dist/Textarea.js +71 -217
- package/dist/Textarea.mjs +4 -4
- package/dist/Toast.js +1 -112
- package/dist/Toast.mjs +2 -2
- package/dist/Toggle.js +39 -234
- package/dist/Toggle.mjs +6 -6
- package/dist/{chunk-FFTYLPSB.mjs → chunk-2QOHHBJC.mjs} +13 -7
- package/dist/{chunk-BCWEHE34.mjs → chunk-2VIDP72N.mjs} +3 -3
- package/dist/{chunk-PGERH3P7.mjs → chunk-4NQFTHN3.mjs} +13 -7
- package/dist/{chunk-3N2M3WZL.mjs → chunk-4ZO5PTKF.mjs} +4 -4
- package/dist/{chunk-MYZ2EDYU.mjs → chunk-5MYNAAFE.mjs} +13 -17
- package/dist/{chunk-E7NEHHXV.mjs → chunk-62BBSSUF.mjs} +3 -3
- package/dist/{chunk-ISY26JQJ.mjs → chunk-6CR4S6W2.mjs} +3 -3
- package/dist/{chunk-FUVYSVGR.mjs → chunk-6QLBHUEG.mjs} +8 -7
- package/dist/chunk-ARONDO7M.mjs +40 -0
- package/dist/{chunk-3UYAZ7I4.mjs → chunk-AZV7KNJI.mjs} +3 -3
- package/dist/{chunk-HLMPMUK2.mjs → chunk-BTUW5LSG.mjs} +11 -8
- package/dist/chunk-BULKGOIZ.mjs +235 -0
- package/dist/{chunk-265G6A46.mjs → chunk-CBIZLRYH.mjs} +29 -12
- package/dist/chunk-CM2DG4MR.mjs +142 -0
- package/dist/{chunk-2I2AYECM.mjs → chunk-DBHSUUKU.mjs} +2 -2
- package/dist/{chunk-P64WHW4A.mjs → chunk-DE25XTVQ.mjs} +3 -3
- package/dist/{chunk-DI7CBDL6.mjs → chunk-E4EQSCKR.mjs} +5 -5
- package/dist/{chunk-357YO24D.mjs → chunk-EHGBHFMH.mjs} +9 -17
- package/dist/{chunk-GK4VRMNE.mjs → chunk-EROPDCB5.mjs} +24 -27
- package/dist/{chunk-XBAGGKLW.mjs → chunk-ERWJPVX7.mjs} +2 -2
- package/dist/{chunk-LRM4AVYY.mjs → chunk-ESQDPO5E.mjs} +7 -7
- package/dist/{chunk-EFLFRAHD.mjs → chunk-EW2FIDSM.mjs} +1 -1
- package/dist/{chunk-7HSILTC4.mjs → chunk-FTTI6T5Q.mjs} +4 -4
- package/dist/{chunk-X26S5EVZ.mjs → chunk-HUSSF6TF.mjs} +1 -1
- package/dist/chunk-IFYMBOEN.mjs +14 -0
- package/dist/{chunk-S3KJCPEJ.mjs → chunk-IGU223UM.mjs} +80 -4
- package/dist/chunk-IJCMPVW5.mjs +121 -0
- package/dist/{chunk-I4V5XZPS.mjs → chunk-ITG4JQM3.mjs} +4 -4
- package/dist/{chunk-F4V6XLP4.mjs → chunk-K3QX2M26.mjs} +11 -8
- package/dist/{chunk-V6NFJXKO.mjs → chunk-K7TKID3V.mjs} +8 -7
- package/dist/{chunk-ZHMSAYLT.mjs → chunk-KAGADD2O.mjs} +4 -4
- package/dist/{chunk-3GEYJ7I5.mjs → chunk-KC5QDYGZ.mjs} +4 -4
- package/dist/{chunk-HJ46DTJE.mjs → chunk-KPTY7UYQ.mjs} +1 -1
- package/dist/{chunk-EMUWGDWC.mjs → chunk-KSSVIFYR.mjs} +11 -12
- package/dist/chunk-L3YKPTJQ.mjs +119 -0
- package/dist/chunk-M53LC4Q7.mjs +35 -0
- package/dist/{chunk-NXI4YDZ2.mjs → chunk-MP7GLMIR.mjs} +17 -25
- package/dist/chunk-MZ6WRTD2.mjs +40 -0
- package/dist/chunk-NGEN2EES.mjs +581 -0
- package/dist/{chunk-JULSIZDM.mjs → chunk-OBV72JD4.mjs} +1 -1
- package/dist/{chunk-2A2LEFZG.mjs → chunk-PGQ6FMXS.mjs} +6 -5
- package/dist/{chunk-BQZE3HAW.mjs → chunk-PI6RULJX.mjs} +1 -1
- package/dist/{chunk-FA2KMTH5.mjs → chunk-RA6SAAFE.mjs} +9 -8
- package/dist/{chunk-FVTVCJAH.mjs → chunk-RRKM4MKB.mjs} +7 -7
- package/dist/{chunk-AKM4EPOT.mjs → chunk-S2VGME7X.mjs} +1 -1
- package/dist/{chunk-OULVKTWL.mjs → chunk-S44XWTTC.mjs} +35 -25
- package/dist/{chunk-QSFV2P7O.mjs → chunk-SZEKQAOY.mjs} +1 -1
- package/dist/{chunk-N4ZPVCJH.mjs → chunk-TETMEKZE.mjs} +9 -9
- package/dist/{chunk-2CBQKU7H.mjs → chunk-TMH263OK.mjs} +5 -4
- package/dist/{chunk-D3Y2T42P.mjs → chunk-U6DEBYU5.mjs} +10 -9
- package/dist/{chunk-4WFMPFZB.mjs → chunk-UOKFSFNJ.mjs} +2 -2
- package/dist/{chunk-WOEWGSTU.mjs → chunk-URIH43IJ.mjs} +13 -21
- package/dist/{chunk-JCZQOY4O.mjs → chunk-V2ZB2XNS.mjs} +16 -10
- package/dist/{chunk-P73V2EKS.mjs → chunk-WIPEDNSD.mjs} +7 -7
- package/dist/{chunk-BOVUP27T.mjs → chunk-XCIG6HT2.mjs} +6 -5
- package/dist/chunk-Y6YS33GM.mjs +131 -0
- package/dist/{chunk-5OLNXP3S.mjs → chunk-ZKDKKQCE.mjs} +29 -7
- package/dist/{chunk-DF6DU42P.mjs → chunk-ZTPYUU5C.mjs} +5 -5
- package/dist/{index-wt-orHUi.d.ts → index-CY34hxPN.d.mts} +1 -0
- package/dist/{index-wt-orHUi.d.mts → index-CY34hxPN.d.ts} +1 -0
- package/dist/index.d.mts +15 -74
- package/dist/index.d.ts +15 -74
- package/dist/index.js +1055 -1562
- package/dist/index.mjs +81 -84
- package/package.json +8 -10
- package/src/components/Accordion/Accordion.tsx +32 -9
- package/src/components/AlertBanner/AlertBanner.tsx +7 -6
- package/src/components/AppHeader/AppHeader.tsx +1 -1
- package/src/components/Avatar/Avatar.tsx +92 -1
- package/src/components/Avatar/index.ts +2 -2
- package/src/components/Badge/Badge.tsx +2 -2
- package/src/components/Button/Button.tsx +64 -57
- package/src/components/Card/Card.tsx +1 -0
- package/src/components/CategoryStrip/CategoryStrip.tsx +36 -49
- package/src/components/Chip/Chip.tsx +5 -4
- package/src/components/ConfirmDialog/ConfirmDialog.tsx +13 -6
- package/src/components/DetailRow/DetailRow.tsx +3 -3
- package/src/components/EmptyState/EmptyState.tsx +2 -2
- package/src/components/ErrorBoundary/ErrorBoundary.tsx +6 -6
- package/src/components/HolographicCard/HolographicCard.tsx +14 -95
- package/src/components/IconButton/IconButton.tsx +2 -2
- package/src/components/IconPicker/IconPicker.tsx +13 -12
- package/src/components/ImageUpload/ImageUpload.tsx +24 -28
- package/src/components/ImageViewer/ImageViewer.tsx +3 -3
- package/src/components/Input/Input.tsx +11 -5
- package/src/components/LabelValue/LabelValue.tsx +2 -2
- package/src/components/ListItem/ListItem.tsx +4 -4
- package/src/components/MediaCard/MediaCard.tsx +21 -59
- package/src/components/MenuItem/MenuItem.tsx +2 -2
- package/src/components/MonthPicker/MonthPicker.tsx +2 -2
- package/src/components/NumberStepper/NumberStepper.tsx +6 -6
- package/src/components/PagerDots/PagerDots.tsx +38 -28
- package/src/components/PricingCard/PricingCard.tsx +6 -6
- package/src/components/RadioGroup/RadioGroup.tsx +18 -31
- package/src/components/Select/Select.tsx +32 -39
- package/src/components/SelectableCard/SelectableCard.tsx +302 -0
- package/src/components/SelectableCard/index.ts +1 -0
- package/src/components/SelectableGrid/SelectableGrid.tsx +38 -72
- package/src/components/Sheet/Sheet.tsx +11 -4
- package/src/components/SheetSelect/SheetSelect.tsx +3 -3
- package/src/components/Skeleton/Skeleton.tsx +6 -3
- package/src/components/Spinner/Spinner.tsx +2 -2
- package/src/components/Stats/Stats.tsx +36 -8
- package/src/components/Switch/Switch.tsx +9 -6
- package/src/components/TabBar/TabBar.tsx +9 -8
- package/src/components/Text/Text.tsx +12 -1
- package/src/components/Textarea/Textarea.tsx +18 -32
- package/src/components/Toggle/Toggle.tsx +3 -3
- package/src/hooks/useConfirmDialog.ts +31 -42
- package/src/index.ts +4 -4
- package/src/theme/ThemeProvider.tsx +1 -4
- package/src/theme/colorUtils.ts +1 -72
- package/src/theme/colors.ts +47 -1
- package/src/theme/types.ts +6 -3
- package/src/utils/animations.ts +0 -47
- package/src/utils/curatedIcons.ts +93 -801
- package/src/utils/haptics.ts +13 -208
- package/src/utils/icons.ts +27 -91
- package/src/utils/pressable.ts +10 -61
- package/dist/VirtualList.d.mts +0 -19
- package/dist/VirtualList.d.ts +0 -19
- package/dist/VirtualList.js +0 -38
- package/dist/VirtualList.mjs +0 -2
- package/dist/chunk-3DKJ2GIC.mjs +0 -30
- package/dist/chunk-AQEVCEXV.mjs +0 -164
- package/dist/chunk-DOGIPOF5.mjs +0 -131
- package/dist/chunk-DVK4G2GT.mjs +0 -59
- package/dist/chunk-EJ7ZPXOH.mjs +0 -163
- package/dist/chunk-J6Q2YJEV.mjs +0 -134
- package/dist/chunk-JNVAIDLK.mjs +0 -136
- package/dist/chunk-KA7LTET3.mjs +0 -71
- package/dist/chunk-KHYX4IOM.mjs +0 -1114
- package/dist/chunk-NC5ZTR2Y.mjs +0 -32
- package/dist/chunk-YNROWHQJ.mjs +0 -46
- package/src/components/VirtualList/VirtualList.tsx +0 -60
- package/src/components/VirtualList/index.ts +0 -1
- package/src/utils/fontGuard.ts +0 -35
- package/src/utils/hover.ts +0 -25
- package/src/utils/useColorTransition.ts +0 -40
- package/src/utils/usePressScale.ts +0 -75
package/dist/PricingCard.js
CHANGED
|
@@ -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
|
-
|
|
26
|
-
|
|
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
|
|
35
|
+
var _loaded = false;
|
|
152
36
|
async function getHaptics() {
|
|
153
37
|
if (reactNative.Platform.OS === "web") return null;
|
|
154
|
-
if (!
|
|
155
|
-
|
|
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
|
-
|
|
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: "
|
|
212
|
-
{ name: "
|
|
213
|
-
{ name: "
|
|
214
|
-
{ name: "
|
|
215
|
-
{ name: "
|
|
216
|
-
{ name: "
|
|
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
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
for (const
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
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
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
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
|
-
|
|
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
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
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
|
|
360
|
-
|
|
361
|
-
|
|
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
|
-
|
|
396
|
-
|
|
196
|
+
/* @__PURE__ */ React3__default.default.createElement(
|
|
197
|
+
reactNativeEase.EaseView,
|
|
397
198
|
{
|
|
398
|
-
style: [
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
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
|
-
|
|
411
|
-
|
|
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 ?
|
|
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 },
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
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
|
{
|
package/dist/PricingCard.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { PricingCard } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
4
|
-
import './chunk-
|
|
5
|
-
import './chunk-
|
|
6
|
-
import './chunk-
|
|
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-
|
|
9
|
-
import './chunk-
|
|
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-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
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';
|