@retray-dev/ui-kit 12.2.0 → 13.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CONSUMER.md +26 -11
- package/DESIGN.md +2 -2
- package/README.md +15 -11
- package/{COMPONENTS.md → SKILL.md} +374 -996
- package/dist/Accordion.d.mts +2 -0
- package/dist/Accordion.d.ts +2 -0
- package/dist/Accordion.js +49 -210
- package/dist/Accordion.mjs +6 -6
- package/dist/AlertBanner.js +29 -153
- package/dist/AlertBanner.mjs +3 -4
- package/dist/AppHeader.d.mts +5 -2
- package/dist/AppHeader.d.ts +5 -2
- package/dist/AppHeader.js +45 -239
- package/dist/AppHeader.mjs +6 -8
- package/dist/Avatar.d.mts +17 -1
- package/dist/Avatar.d.ts +17 -1
- package/dist/Avatar.js +80 -115
- package/dist/Avatar.mjs +2 -3
- package/dist/Badge.js +24 -149
- package/dist/Badge.mjs +3 -4
- package/dist/Button.js +79 -267
- package/dist/Button.mjs +6 -7
- package/dist/ButtonGroup.mjs +0 -1
- package/dist/Card.js +15 -200
- package/dist/Card.mjs +4 -6
- package/dist/CategoryStrip.d.mts +0 -5
- package/dist/CategoryStrip.d.ts +0 -5
- package/dist/CategoryStrip.js +47 -265
- package/dist/CategoryStrip.mjs +6 -7
- package/dist/Checkbox.d.mts +2 -1
- package/dist/Checkbox.d.ts +2 -1
- package/dist/Checkbox.js +18 -201
- package/dist/Checkbox.mjs +5 -6
- package/dist/Chip.js +44 -236
- package/dist/Chip.mjs +7 -7
- package/dist/ConfirmDialog.d.mts +2 -1
- package/dist/ConfirmDialog.d.ts +2 -1
- package/dist/ConfirmDialog.js +110 -300
- package/dist/ConfirmDialog.mjs +7 -8
- package/dist/CurrencyDisplay.js +1 -114
- package/dist/CurrencyDisplay.mjs +2 -3
- package/dist/CurrencyInput.js +35 -162
- package/dist/CurrencyInput.mjs +5 -6
- package/dist/DetailRow.js +25 -150
- package/dist/DetailRow.mjs +3 -4
- package/dist/EmptyState.js +80 -268
- package/dist/EmptyState.mjs +7 -8
- package/dist/ErrorBoundary.js +32 -199
- package/dist/ErrorBoundary.mjs +4 -5
- package/dist/Form.js +1 -114
- package/dist/Form.mjs +2 -3
- 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 -33
- package/dist/IconButton.js +36 -234
- package/dist/IconButton.mjs +5 -7
- package/dist/IconPicker.js +222 -929
- package/dist/IconPicker.mjs +5 -6
- package/dist/ImageUpload.d.mts +3 -3
- package/dist/ImageUpload.d.ts +3 -3
- package/dist/ImageUpload.js +49 -238
- package/dist/ImageUpload.mjs +5 -7
- package/dist/ImageViewer.js +75 -266
- package/dist/ImageViewer.mjs +8 -9
- package/dist/Input.d.mts +1 -1
- package/dist/Input.d.ts +1 -1
- package/dist/Input.js +35 -162
- package/dist/Input.mjs +4 -5
- package/dist/LabelValue.js +24 -149
- package/dist/LabelValue.mjs +3 -4
- package/dist/ListGroup.js +1 -114
- package/dist/ListGroup.mjs +2 -3
- package/dist/ListItem.d.mts +2 -1
- package/dist/ListItem.d.ts +2 -1
- package/dist/ListItem.js +41 -236
- package/dist/ListItem.mjs +5 -7
- package/dist/MediaCard.d.mts +0 -14
- package/dist/MediaCard.d.ts +0 -14
- package/dist/MediaCard.js +69 -315
- package/dist/MediaCard.mjs +5 -7
- package/dist/MenuGroup.js +1 -114
- package/dist/MenuGroup.mjs +2 -3
- package/dist/MenuItem.d.mts +2 -1
- package/dist/MenuItem.d.ts +2 -1
- package/dist/MenuItem.js +39 -235
- package/dist/MenuItem.mjs +5 -7
- package/dist/MonthPicker.js +8 -163
- package/dist/MonthPicker.mjs +3 -4
- package/dist/NumberStepper.d.mts +2 -1
- package/dist/NumberStepper.d.ts +2 -1
- package/dist/NumberStepper.js +44 -239
- package/dist/NumberStepper.mjs +5 -7
- package/dist/PagerDots.d.mts +1 -1
- package/dist/PagerDots.d.ts +1 -1
- package/dist/PagerDots.js +69 -224
- package/dist/PagerDots.mjs +6 -6
- package/dist/Pressable.js +14 -85
- package/dist/Pressable.mjs +4 -5
- package/dist/PricingCard.js +87 -272
- package/dist/PricingCard.mjs +8 -9
- package/dist/Progress.js +3 -123
- package/dist/Progress.mjs +3 -4
- package/dist/RadioGroup.js +52 -265
- package/dist/RadioGroup.mjs +5 -6
- package/dist/RetrayProvider.js +3 -6
- package/dist/RetrayProvider.mjs +3 -4
- package/dist/Select.d.mts +3 -1
- package/dist/Select.d.ts +3 -1
- package/dist/Select.js +27 -233
- package/dist/Select.mjs +4 -6
- package/dist/SelectableCard.js +33 -209
- package/dist/SelectableCard.mjs +5 -6
- package/dist/SelectableGrid.d.mts +0 -21
- package/dist/SelectableGrid.d.ts +0 -21
- package/dist/SelectableGrid.js +49 -272
- package/dist/SelectableGrid.mjs +5 -7
- package/dist/Separator.js +1 -114
- package/dist/Separator.mjs +2 -3
- package/dist/Sheet.d.mts +1 -1
- package/dist/Sheet.d.ts +1 -1
- package/dist/Sheet.js +33 -175
- package/dist/Sheet.mjs +3 -4
- package/dist/SheetSelect.js +39 -236
- package/dist/SheetSelect.mjs +6 -7
- package/dist/Skeleton.js +4 -124
- package/dist/Skeleton.mjs +3 -4
- package/dist/Slider.d.mts +2 -1
- package/dist/Slider.d.ts +2 -1
- package/dist/Slider.js +8 -161
- package/dist/Slider.mjs +3 -4
- package/dist/Spinner.js +3 -116
- package/dist/Spinner.mjs +2 -3
- package/dist/Stats.js +36 -234
- package/dist/Stats.mjs +5 -7
- package/dist/Switch.d.mts +2 -1
- package/dist/Switch.d.ts +2 -1
- package/dist/Switch.js +26 -176
- package/dist/Switch.mjs +5 -5
- package/dist/TabBar.js +43 -200
- package/dist/TabBar.mjs +5 -5
- package/dist/Tabs.js +15 -199
- package/dist/Tabs.mjs +5 -6
- package/dist/Text.js +9 -130
- package/dist/Text.mjs +2 -3
- package/dist/Textarea.d.mts +2 -1
- package/dist/Textarea.d.ts +2 -1
- package/dist/Textarea.js +71 -219
- package/dist/Textarea.mjs +4 -5
- package/dist/Toast.d.mts +12 -10
- package/dist/Toast.d.ts +12 -10
- package/dist/Toast.js +1 -114
- package/dist/Toast.mjs +2 -3
- package/dist/Toggle.js +39 -236
- package/dist/Toggle.mjs +6 -7
- package/dist/{chunk-ELGEOM7I.mjs → chunk-2QXJDRVU.mjs} +13 -10
- package/dist/{chunk-LIS6I5UP.mjs → chunk-2VIDP72N.mjs} +3 -3
- package/dist/{chunk-NHDI3VQB.mjs → chunk-422IVD3H.mjs} +16 -12
- package/dist/{chunk-DF7JA72E.mjs → chunk-4NQFTHN3.mjs} +13 -7
- package/dist/{chunk-3XCFYSX4.mjs → chunk-5MYNAAFE.mjs} +13 -17
- package/dist/{chunk-E7NEHHXV.mjs → chunk-62BBSSUF.mjs} +3 -3
- package/dist/{chunk-UBUXUMER.mjs → chunk-77UOVFIS.mjs} +7 -5
- package/dist/{chunk-M3C7XM2M.mjs → chunk-7BZJRB77.mjs} +28 -18
- package/dist/chunk-ARONDO7M.mjs +40 -0
- package/dist/{chunk-GH67YXG6.mjs → chunk-AZV7KNJI.mjs} +3 -3
- package/dist/{chunk-2P2CB235.mjs → chunk-BULKGOIZ.mjs} +7 -8
- package/dist/{chunk-RJNLAH76.mjs → chunk-C5ZRMR2E.mjs} +4 -2
- package/dist/chunk-CM2DG4MR.mjs +142 -0
- package/dist/{chunk-UQ4742ET.mjs → chunk-COA2YZOX.mjs} +8 -6
- package/dist/{chunk-EDLCGYIO.mjs → chunk-CZN6L2QU.mjs} +11 -8
- package/dist/{chunk-TS7DGUIR.mjs → chunk-DBHSUUKU.mjs} +2 -2
- package/dist/{chunk-57V2LXCK.mjs → chunk-DE25XTVQ.mjs} +3 -3
- package/dist/{chunk-RMRS44MQ.mjs → chunk-E2PONRJG.mjs} +13 -9
- package/dist/{chunk-GUTDFUNF.mjs → chunk-EHGBHFMH.mjs} +9 -17
- package/dist/{chunk-ZIMY2QUM.mjs → chunk-ERWJPVX7.mjs} +2 -2
- package/dist/{chunk-NLZY4TXU.mjs → chunk-ESQDPO5E.mjs} +7 -7
- package/dist/{chunk-VJBUCITV.mjs → chunk-EW2FIDSM.mjs} +1 -1
- package/dist/{chunk-HC4VVCWY.mjs → chunk-FTTI6T5Q.mjs} +4 -4
- package/dist/{chunk-MVMGPZN6.mjs → chunk-H6MQL7PS.mjs} +12 -7
- package/dist/{chunk-CF27NBXO.mjs → chunk-HHOOFDBA.mjs} +38 -41
- package/dist/{chunk-2HFD4IHU.mjs → chunk-HUSSF6TF.mjs} +1 -1
- package/dist/{chunk-HEDQPK4I.mjs → chunk-IDVUZIVY.mjs} +16 -22
- package/dist/chunk-IFYMBOEN.mjs +14 -0
- package/dist/{chunk-QOLWA2PW.mjs → chunk-IGU223UM.mjs} +80 -4
- package/dist/chunk-IJCMPVW5.mjs +121 -0
- package/dist/{chunk-AENAVIKT.mjs → chunk-ITG4JQM3.mjs} +4 -4
- package/dist/{chunk-E5UKLSJZ.mjs → chunk-K3QX2M26.mjs} +11 -8
- package/dist/{chunk-4OORJ2DY.mjs → chunk-K7TKID3V.mjs} +8 -7
- package/dist/{chunk-2LG326TT.mjs → chunk-KAGADD2O.mjs} +4 -4
- package/dist/{chunk-IVSRW4HS.mjs → chunk-KC5QDYGZ.mjs} +4 -4
- package/dist/{chunk-7AFZWSCI.mjs → chunk-KPTY7UYQ.mjs} +1 -1
- package/dist/{chunk-YTXRIXNZ.mjs → chunk-KSSVIFYR.mjs} +9 -12
- package/dist/chunk-L3YKPTJQ.mjs +119 -0
- package/dist/chunk-M53LC4Q7.mjs +35 -0
- package/dist/chunk-MZ6WRTD2.mjs +40 -0
- package/dist/chunk-NGEN2EES.mjs +581 -0
- package/dist/{chunk-ZR6HSEAB.mjs → chunk-NPCBNGNE.mjs} +17 -26
- package/dist/{chunk-C43HRKXH.mjs → chunk-OBV72JD4.mjs} +1 -1
- package/dist/{chunk-LPV4NJJK.mjs → chunk-PGQ6FMXS.mjs} +6 -5
- package/dist/{chunk-MEPSKGBO.mjs → chunk-PI6RULJX.mjs} +1 -1
- package/dist/{chunk-F3YTWO3T.mjs → chunk-RA6SAAFE.mjs} +9 -8
- package/dist/{chunk-UNNRUJTM.mjs → chunk-RRKM4MKB.mjs} +7 -7
- package/dist/{chunk-ULGNQPNE.mjs → chunk-S2VGME7X.mjs} +1 -1
- package/dist/{chunk-OLVJFKXS.mjs → chunk-S44XWTTC.mjs} +35 -25
- package/dist/{chunk-YMYIEVZP.mjs → chunk-SZEKQAOY.mjs} +1 -1
- package/dist/{chunk-BXF4AMHY.mjs → chunk-TMH263OK.mjs} +5 -4
- package/dist/{chunk-NJG7DHVF.mjs → chunk-U6DEBYU5.mjs} +10 -9
- package/dist/{chunk-QXDGGOLC.mjs → chunk-UMZTPUB3.mjs} +33 -21
- package/dist/{chunk-KSUWPU2F.mjs → chunk-WIPEDNSD.mjs} +7 -7
- package/dist/{chunk-QDAZGZUF.mjs → chunk-XCIG6HT2.mjs} +3 -3
- package/dist/{chunk-4J2PXL36.mjs → chunk-Y6YS33GM.mjs} +40 -38
- package/dist/{chunk-4XOB5TTD.mjs → chunk-ZKDKKQCE.mjs} +5 -5
- package/dist/{chunk-LOBLCFMN.mjs → chunk-ZTPYUU5C.mjs} +5 -5
- package/dist/fonts.mjs +0 -2
- package/dist/index.d.mts +13 -73
- package/dist/index.d.ts +13 -73
- package/dist/index.js +1149 -1892
- package/dist/index.mjs +81 -86
- package/package.json +20 -20
- package/src/components/Accordion/Accordion.tsx +15 -9
- package/src/components/AlertBanner/AlertBanner.tsx +7 -6
- package/src/components/AppHeader/AppHeader.tsx +25 -10
- 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 +50 -46
- package/src/components/Card/Card.tsx +1 -0
- package/src/components/CategoryStrip/CategoryStrip.tsx +36 -49
- package/src/components/Checkbox/Checkbox.tsx +3 -0
- package/src/components/Chip/Chip.tsx +5 -4
- package/src/components/ConfirmDialog/ConfirmDialog.tsx +33 -17
- 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 +43 -46
- 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 +7 -4
- package/src/components/MediaCard/MediaCard.tsx +21 -59
- package/src/components/MenuItem/MenuItem.tsx +5 -2
- package/src/components/MonthPicker/MonthPicker.tsx +2 -2
- package/src/components/NumberStepper/NumberStepper.tsx +10 -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 +35 -39
- package/src/components/SelectableCard/SelectableCard.tsx +4 -6
- package/src/components/SelectableGrid/SelectableGrid.tsx +37 -72
- package/src/components/Sheet/Sheet.tsx +28 -15
- package/src/components/Sheet/index.ts +2 -2
- package/src/components/SheetSelect/SheetSelect.tsx +3 -3
- package/src/components/Skeleton/Skeleton.tsx +1 -1
- package/src/components/Slider/Slider.tsx +3 -0
- package/src/components/Spinner/Spinner.tsx +2 -2
- package/src/components/Stats/Stats.tsx +2 -2
- package/src/components/Switch/Switch.tsx +12 -7
- package/src/components/TabBar/TabBar.tsx +9 -8
- package/src/components/Text/Text.tsx +13 -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 +3 -4
- package/src/theme/ThemeProvider.tsx +1 -4
- package/src/theme/colorUtils.ts +1 -72
- package/src/theme/colors.ts +40 -1
- package/src/theme/types.ts +2 -2
- 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-2BA3JMKK.mjs +0 -136
- package/dist/chunk-3DKJ2GIC.mjs +0 -30
- package/dist/chunk-7ELGZ66G.mjs +0 -164
- package/dist/chunk-DVK4G2GT.mjs +0 -59
- package/dist/chunk-EJ7ZPXOH.mjs +0 -163
- package/dist/chunk-KA7LTET3.mjs +0 -71
- package/dist/chunk-LNPKGWBG.mjs +0 -134
- package/dist/chunk-NC5ZTR2Y.mjs +0 -32
- package/dist/chunk-SAWUXP3A.mjs +0 -1114
- package/dist/chunk-Y6FXYEAI.mjs +0 -8
- 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/TabBar.js
CHANGED
|
@@ -10,6 +10,7 @@ var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
|
|
|
10
10
|
var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
|
|
11
11
|
var Ionicons = require('@expo/vector-icons/Ionicons');
|
|
12
12
|
var reactNativeSizeMatters = require('react-native-size-matters');
|
|
13
|
+
var pressto = require('pressto');
|
|
13
14
|
|
|
14
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
16
|
|
|
@@ -21,126 +22,8 @@ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
|
|
|
21
22
|
var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
|
|
22
23
|
var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
|
|
23
24
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}) : x)(function(x) {
|
|
27
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
28
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
// src/theme/colorUtils.ts
|
|
32
|
-
function hexToRgb(hex) {
|
|
33
|
-
const clean = hex.replace("#", "");
|
|
34
|
-
const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
|
|
35
|
-
if (full.length !== 6) return null;
|
|
36
|
-
return {
|
|
37
|
-
r: parseInt(full.slice(0, 2), 16),
|
|
38
|
-
g: parseInt(full.slice(2, 4), 16),
|
|
39
|
-
b: parseInt(full.slice(4, 6), 16)
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
function componentToHex(c) {
|
|
43
|
-
return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
|
|
44
|
-
}
|
|
45
|
-
function rgbToHex(r, g, b) {
|
|
46
|
-
return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
|
|
47
|
-
}
|
|
48
|
-
function withAlphaOnWhite(hex, alpha) {
|
|
49
|
-
const rgb = hexToRgb(hex);
|
|
50
|
-
if (!rgb) return hex;
|
|
51
|
-
const r = rgb.r * alpha + 255 * (1 - alpha);
|
|
52
|
-
const g = rgb.g * alpha + 255 * (1 - alpha);
|
|
53
|
-
const b = rgb.b * alpha + 255 * (1 - alpha);
|
|
54
|
-
return rgbToHex(r, g, b);
|
|
55
|
-
}
|
|
56
|
-
function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
|
|
57
|
-
const rgb = hexToRgb(hex);
|
|
58
|
-
const bg = hexToRgb(bgHex);
|
|
59
|
-
if (!rgb || !bg) return hex;
|
|
60
|
-
const r = rgb.r * alpha + bg.r * (1 - alpha);
|
|
61
|
-
const g = rgb.g * alpha + bg.g * (1 - alpha);
|
|
62
|
-
const b = rgb.b * alpha + bg.b * (1 - alpha);
|
|
63
|
-
return rgbToHex(r, g, b);
|
|
64
|
-
}
|
|
65
|
-
function mixWithBackground(fgHex, bgHex, opacity) {
|
|
66
|
-
const fg = hexToRgb(fgHex);
|
|
67
|
-
const bg = hexToRgb(bgHex);
|
|
68
|
-
if (!fg || !bg) return fgHex;
|
|
69
|
-
const r = fg.r * opacity + bg.r * (1 - opacity);
|
|
70
|
-
const g = fg.g * opacity + bg.g * (1 - opacity);
|
|
71
|
-
const b = fg.b * opacity + bg.b * (1 - opacity);
|
|
72
|
-
return rgbToHex(r, g, b);
|
|
73
|
-
}
|
|
74
|
-
function lighten(hex, amount) {
|
|
75
|
-
return withAlphaOnWhite(hex, 1 - amount);
|
|
76
|
-
}
|
|
77
|
-
function darken(hex, amount) {
|
|
78
|
-
const rgb = hexToRgb(hex);
|
|
79
|
-
if (!rgb) return hex;
|
|
80
|
-
return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
// src/theme/colors.ts
|
|
84
|
-
var defaultLight = {
|
|
85
|
-
background: "#ffffff",
|
|
86
|
-
foreground: "#1a1a1a",
|
|
87
|
-
card: "#ffffff",
|
|
88
|
-
primary: "#1a1a1a",
|
|
89
|
-
primaryForeground: "#ffffff",
|
|
90
|
-
// AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
|
|
91
|
-
accent: "#d4561d",
|
|
92
|
-
accentForeground: "#ffffff",
|
|
93
|
-
border: "#dddddd",
|
|
94
|
-
// AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
|
|
95
|
-
destructive: "#c72828",
|
|
96
|
-
destructiveForeground: "#ffffff",
|
|
97
|
-
success: "#1a7a45",
|
|
98
|
-
successForeground: "#ffffff",
|
|
99
|
-
// AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
|
|
100
|
-
warning: "#9a5200",
|
|
101
|
-
warningForeground: "#ffffff"
|
|
102
|
-
};
|
|
103
|
-
function deriveColors(t, scheme) {
|
|
104
|
-
const dark = scheme === "dark";
|
|
105
|
-
const bg = t.background;
|
|
106
|
-
const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
|
|
107
|
-
const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
|
|
108
|
-
const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
|
|
109
|
-
const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
|
|
110
|
-
const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
|
|
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
|
-
skeleton,
|
|
124
|
-
destructiveTint,
|
|
125
|
-
destructiveBorder,
|
|
126
|
-
successTint,
|
|
127
|
-
successBorder,
|
|
128
|
-
warningTint,
|
|
129
|
-
warningBorder,
|
|
130
|
-
overlay: t.overlay ?? "rgba(0,0,0,0.45)",
|
|
131
|
-
accentResolved: t.accent ?? t.primary,
|
|
132
|
-
accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
|
|
133
|
-
ring: t.accent ?? t.primary,
|
|
134
|
-
input: t.border,
|
|
135
|
-
separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
|
|
136
|
-
};
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
// src/theme/ThemeProvider.tsx
|
|
140
|
-
var ThemeContext = React3.createContext({
|
|
141
|
-
colors: deriveColors(defaultLight, "light"),
|
|
142
|
-
colorScheme: "light"
|
|
143
|
-
});
|
|
25
|
+
// src/components/TabBar/TabBar.tsx
|
|
26
|
+
var ThemeContext = React3.createContext(void 0);
|
|
144
27
|
function useTheme() {
|
|
145
28
|
const context = React3.useContext(ThemeContext);
|
|
146
29
|
if (!context) {
|
|
@@ -148,53 +31,41 @@ function useTheme() {
|
|
|
148
31
|
}
|
|
149
32
|
return context;
|
|
150
33
|
}
|
|
151
|
-
var glyphMapOf = (mod) => mod.glyphMap ?? {};
|
|
152
34
|
var ALL_FAMILIES = [
|
|
153
|
-
{ name: "
|
|
154
|
-
{ name: "
|
|
155
|
-
{ name: "
|
|
156
|
-
{ name: "
|
|
157
|
-
{ name: "
|
|
158
|
-
{ name: "
|
|
35
|
+
{ name: "Feather", component: Feather__default.default },
|
|
36
|
+
{ name: "AntDesign", component: AntDesign__default.default },
|
|
37
|
+
{ name: "Entypo", component: Entypo__default.default },
|
|
38
|
+
{ name: "FontAwesome5", component: FontAwesome5__default.default },
|
|
39
|
+
{ name: "MaterialIcons", component: MaterialIcons__default.default },
|
|
40
|
+
{ name: "Ionicons", component: Ionicons__default.default }
|
|
159
41
|
];
|
|
160
|
-
var
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
for (const
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
42
|
+
var glyphCacheInitialized = false;
|
|
43
|
+
function ensureGlyphCache() {
|
|
44
|
+
if (glyphCacheInitialized) return;
|
|
45
|
+
glyphCacheInitialized = true;
|
|
46
|
+
for (const entry of ALL_FAMILIES) {
|
|
47
|
+
try {
|
|
48
|
+
entry.glyphMap = entry.component.glyphMap;
|
|
49
|
+
} catch {
|
|
50
|
+
entry.glyphMap = {};
|
|
168
51
|
}
|
|
169
52
|
}
|
|
170
|
-
return cache;
|
|
171
|
-
}
|
|
172
|
-
function resolveFamily(name) {
|
|
173
|
-
if (!resolvedCache) {
|
|
174
|
-
resolvedCache = buildCache();
|
|
175
|
-
}
|
|
176
|
-
return resolvedCache.get(name) ?? null;
|
|
177
53
|
}
|
|
178
54
|
function Icon({ name, size, color, family }) {
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
const Component = resolved.component;
|
|
187
|
-
return React3__default.default.createElement(Component, { name, size, color });
|
|
188
|
-
}
|
|
189
|
-
function renderIcon(name, size, color) {
|
|
190
|
-
return React3__default.default.createElement(Icon, { name, size, color });
|
|
55
|
+
ensureGlyphCache();
|
|
56
|
+
const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
|
|
57
|
+
const glyphMap = f.glyphMap;
|
|
58
|
+
return glyphMap ? name in glyphMap : false;
|
|
59
|
+
});
|
|
60
|
+
if (!entry) return null;
|
|
61
|
+
return React3__default.default.createElement(entry.component, { name, size, color });
|
|
191
62
|
}
|
|
192
63
|
var _haptics = null;
|
|
193
|
-
var
|
|
64
|
+
var _loaded = false;
|
|
194
65
|
async function getHaptics() {
|
|
195
66
|
if (reactNative.Platform.OS === "web") return null;
|
|
196
|
-
if (!
|
|
197
|
-
|
|
67
|
+
if (!_loaded) {
|
|
68
|
+
_loaded = true;
|
|
198
69
|
try {
|
|
199
70
|
_haptics = await import('expo-haptics');
|
|
200
71
|
} catch {
|
|
@@ -203,51 +74,23 @@ async function getHaptics() {
|
|
|
203
74
|
}
|
|
204
75
|
return _haptics;
|
|
205
76
|
}
|
|
206
|
-
var _pulsar = null;
|
|
207
|
-
var _pulsarChecked = false;
|
|
208
|
-
var _pulsarAvailable = false;
|
|
209
|
-
function isPulsarNativeRegistered() {
|
|
210
|
-
try {
|
|
211
|
-
const g = globalThis;
|
|
212
|
-
if (typeof g.__turboModuleProxy === "function") {
|
|
213
|
-
return g.__turboModuleProxy("RNPulsar") != null;
|
|
214
|
-
}
|
|
215
|
-
return reactNative.NativeModules?.RNPulsar != null;
|
|
216
|
-
} catch {
|
|
217
|
-
return false;
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
function getPulsar() {
|
|
221
|
-
if (reactNative.Platform.OS === "web") return null;
|
|
222
|
-
if (!_pulsarChecked) {
|
|
223
|
-
_pulsarChecked = true;
|
|
224
|
-
try {
|
|
225
|
-
if (isPulsarNativeRegistered()) {
|
|
226
|
-
_pulsar = __require("react-native-pulsar");
|
|
227
|
-
_pulsarAvailable = true;
|
|
228
|
-
}
|
|
229
|
-
} catch {
|
|
230
|
-
_pulsar = null;
|
|
231
|
-
_pulsarAvailable = false;
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
return _pulsarAvailable ? _pulsar : null;
|
|
235
|
-
}
|
|
236
77
|
function selectionAsync() {
|
|
237
|
-
|
|
238
|
-
getHaptics().then((h) => {
|
|
239
|
-
if (h) {
|
|
240
|
-
h.selectionAsync();
|
|
241
|
-
} else {
|
|
242
|
-
getPulsar()?.Presets.System.selection();
|
|
243
|
-
}
|
|
244
|
-
});
|
|
78
|
+
getHaptics().then((h) => h?.selectionAsync());
|
|
245
79
|
}
|
|
246
80
|
var isWeb = reactNative.Platform.OS === "web";
|
|
247
81
|
var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
|
|
248
82
|
var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
|
|
249
83
|
var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
|
|
250
84
|
var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
|
|
85
|
+
var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
|
|
86
|
+
"worklet";
|
|
87
|
+
return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
|
|
88
|
+
});
|
|
89
|
+
makePressable(0.95);
|
|
90
|
+
makePressable(0.98);
|
|
91
|
+
makePressable(0.97);
|
|
92
|
+
makePressable(0.94);
|
|
93
|
+
var PressableTab = makePressable(0.95);
|
|
251
94
|
|
|
252
95
|
// src/components/TabBar/TabBar.tsx
|
|
253
96
|
function TabBar({
|
|
@@ -280,23 +123,23 @@ function TabBar({
|
|
|
280
123
|
items.map((item) => {
|
|
281
124
|
const active = item.key === activeKey;
|
|
282
125
|
const tint = active ? resolvedActive : resolvedInactive;
|
|
283
|
-
const iconNode = item.icon ?? (item.iconName ?
|
|
126
|
+
const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: tint }) : null);
|
|
284
127
|
const showBadge = item.badge !== void 0 && item.badge !== false;
|
|
285
128
|
const badgeCount = typeof item.badge === "number" ? item.badge : void 0;
|
|
286
129
|
return /* @__PURE__ */ React3__default.default.createElement(
|
|
287
|
-
|
|
130
|
+
PressableTab,
|
|
288
131
|
{
|
|
289
132
|
key: item.key,
|
|
290
|
-
style: styles.tab,
|
|
291
133
|
onPress: () => {
|
|
292
134
|
if (!active) selectionAsync();
|
|
293
135
|
onTabPress(item.key);
|
|
294
136
|
},
|
|
295
|
-
|
|
137
|
+
rippleColor: "transparent",
|
|
296
138
|
touchSoundDisabled: true,
|
|
297
139
|
accessibilityRole: "tab",
|
|
298
140
|
accessibilityState: { selected: active },
|
|
299
|
-
accessibilityLabel: item.label ?? item.key
|
|
141
|
+
accessibilityLabel: item.label ?? item.key,
|
|
142
|
+
style: styles.tab
|
|
300
143
|
},
|
|
301
144
|
/* @__PURE__ */ React3__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React3__default.default.createElement(
|
|
302
145
|
reactNative.View,
|
package/dist/TabBar.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { TabBar } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
4
|
-
import './chunk-
|
|
1
|
+
export { TabBar } from './chunk-U6DEBYU5.mjs';
|
|
2
|
+
import './chunk-IFYMBOEN.mjs';
|
|
3
|
+
import './chunk-ARONDO7M.mjs';
|
|
4
|
+
import './chunk-MZ6WRTD2.mjs';
|
|
5
|
+
import './chunk-KSSVIFYR.mjs';
|
|
5
6
|
import './chunk-2CE3TQVY.mjs';
|
|
6
|
-
import './chunk-Y6FXYEAI.mjs';
|
package/dist/Tabs.js
CHANGED
|
@@ -11,18 +11,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
11
11
|
var React2__default = /*#__PURE__*/_interopDefault(React2);
|
|
12
12
|
var Animated__default = /*#__PURE__*/_interopDefault(Animated);
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
16
|
-
}) : x)(function(x) {
|
|
17
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
18
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
19
|
-
});
|
|
14
|
+
// src/components/Tabs/Tabs.tsx
|
|
20
15
|
var _haptics = null;
|
|
21
|
-
var
|
|
16
|
+
var _loaded = false;
|
|
22
17
|
async function getHaptics() {
|
|
23
18
|
if (reactNative.Platform.OS === "web") return null;
|
|
24
|
-
if (!
|
|
25
|
-
|
|
19
|
+
if (!_loaded) {
|
|
20
|
+
_loaded = true;
|
|
26
21
|
try {
|
|
27
22
|
_haptics = await import('expo-haptics');
|
|
28
23
|
} catch {
|
|
@@ -31,160 +26,10 @@ async function getHaptics() {
|
|
|
31
26
|
}
|
|
32
27
|
return _haptics;
|
|
33
28
|
}
|
|
34
|
-
var _pulsar = null;
|
|
35
|
-
var _pulsarChecked = false;
|
|
36
|
-
var _pulsarAvailable = false;
|
|
37
|
-
function isPulsarNativeRegistered() {
|
|
38
|
-
try {
|
|
39
|
-
const g = globalThis;
|
|
40
|
-
if (typeof g.__turboModuleProxy === "function") {
|
|
41
|
-
return g.__turboModuleProxy("RNPulsar") != null;
|
|
42
|
-
}
|
|
43
|
-
return reactNative.NativeModules?.RNPulsar != null;
|
|
44
|
-
} catch {
|
|
45
|
-
return false;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
function getPulsar() {
|
|
49
|
-
if (reactNative.Platform.OS === "web") return null;
|
|
50
|
-
if (!_pulsarChecked) {
|
|
51
|
-
_pulsarChecked = true;
|
|
52
|
-
try {
|
|
53
|
-
if (isPulsarNativeRegistered()) {
|
|
54
|
-
_pulsar = __require("react-native-pulsar");
|
|
55
|
-
_pulsarAvailable = true;
|
|
56
|
-
}
|
|
57
|
-
} catch {
|
|
58
|
-
_pulsar = null;
|
|
59
|
-
_pulsarAvailable = false;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
return _pulsarAvailable ? _pulsar : null;
|
|
63
|
-
}
|
|
64
29
|
function selectionAsync() {
|
|
65
|
-
|
|
66
|
-
getHaptics().then((h) => {
|
|
67
|
-
if (h) {
|
|
68
|
-
h.selectionAsync();
|
|
69
|
-
} else {
|
|
70
|
-
getPulsar()?.Presets.System.selection();
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
// src/theme/colorUtils.ts
|
|
76
|
-
function hexToRgb(hex) {
|
|
77
|
-
const clean = hex.replace("#", "");
|
|
78
|
-
const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
|
|
79
|
-
if (full.length !== 6) return null;
|
|
80
|
-
return {
|
|
81
|
-
r: parseInt(full.slice(0, 2), 16),
|
|
82
|
-
g: parseInt(full.slice(2, 4), 16),
|
|
83
|
-
b: parseInt(full.slice(4, 6), 16)
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
function componentToHex(c) {
|
|
87
|
-
return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
|
|
88
|
-
}
|
|
89
|
-
function rgbToHex(r, g, b) {
|
|
90
|
-
return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
|
|
91
|
-
}
|
|
92
|
-
function withAlphaOnWhite(hex, alpha) {
|
|
93
|
-
const rgb = hexToRgb(hex);
|
|
94
|
-
if (!rgb) return hex;
|
|
95
|
-
const r = rgb.r * alpha + 255 * (1 - alpha);
|
|
96
|
-
const g = rgb.g * alpha + 255 * (1 - alpha);
|
|
97
|
-
const b = rgb.b * alpha + 255 * (1 - alpha);
|
|
98
|
-
return rgbToHex(r, g, b);
|
|
30
|
+
getHaptics().then((h) => h?.selectionAsync());
|
|
99
31
|
}
|
|
100
|
-
|
|
101
|
-
const rgb = hexToRgb(hex);
|
|
102
|
-
const bg = hexToRgb(bgHex);
|
|
103
|
-
if (!rgb || !bg) return hex;
|
|
104
|
-
const r = rgb.r * alpha + bg.r * (1 - alpha);
|
|
105
|
-
const g = rgb.g * alpha + bg.g * (1 - alpha);
|
|
106
|
-
const b = rgb.b * alpha + bg.b * (1 - alpha);
|
|
107
|
-
return rgbToHex(r, g, b);
|
|
108
|
-
}
|
|
109
|
-
function mixWithBackground(fgHex, bgHex, opacity) {
|
|
110
|
-
const fg = hexToRgb(fgHex);
|
|
111
|
-
const bg = hexToRgb(bgHex);
|
|
112
|
-
if (!fg || !bg) return fgHex;
|
|
113
|
-
const r = fg.r * opacity + bg.r * (1 - opacity);
|
|
114
|
-
const g = fg.g * opacity + bg.g * (1 - opacity);
|
|
115
|
-
const b = fg.b * opacity + bg.b * (1 - opacity);
|
|
116
|
-
return rgbToHex(r, g, b);
|
|
117
|
-
}
|
|
118
|
-
function lighten(hex, amount) {
|
|
119
|
-
return withAlphaOnWhite(hex, 1 - amount);
|
|
120
|
-
}
|
|
121
|
-
function darken(hex, amount) {
|
|
122
|
-
const rgb = hexToRgb(hex);
|
|
123
|
-
if (!rgb) return hex;
|
|
124
|
-
return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// src/theme/colors.ts
|
|
128
|
-
var defaultLight = {
|
|
129
|
-
background: "#ffffff",
|
|
130
|
-
foreground: "#1a1a1a",
|
|
131
|
-
card: "#ffffff",
|
|
132
|
-
primary: "#1a1a1a",
|
|
133
|
-
primaryForeground: "#ffffff",
|
|
134
|
-
// AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
|
|
135
|
-
accent: "#d4561d",
|
|
136
|
-
accentForeground: "#ffffff",
|
|
137
|
-
border: "#dddddd",
|
|
138
|
-
// AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
|
|
139
|
-
destructive: "#c72828",
|
|
140
|
-
destructiveForeground: "#ffffff",
|
|
141
|
-
success: "#1a7a45",
|
|
142
|
-
successForeground: "#ffffff",
|
|
143
|
-
// AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
|
|
144
|
-
warning: "#9a5200",
|
|
145
|
-
warningForeground: "#ffffff"
|
|
146
|
-
};
|
|
147
|
-
function deriveColors(t, scheme) {
|
|
148
|
-
const dark = scheme === "dark";
|
|
149
|
-
const bg = t.background;
|
|
150
|
-
const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
|
|
151
|
-
const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
|
|
152
|
-
const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
|
|
153
|
-
const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
|
|
154
|
-
const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
|
|
155
|
-
const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
|
|
156
|
-
const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
|
|
157
|
-
const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
|
|
158
|
-
const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
|
|
159
|
-
const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
|
|
160
|
-
const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
|
|
161
|
-
return {
|
|
162
|
-
...t,
|
|
163
|
-
foregroundSubtle,
|
|
164
|
-
foregroundMuted,
|
|
165
|
-
surface,
|
|
166
|
-
surfaceStrong,
|
|
167
|
-
skeleton,
|
|
168
|
-
destructiveTint,
|
|
169
|
-
destructiveBorder,
|
|
170
|
-
successTint,
|
|
171
|
-
successBorder,
|
|
172
|
-
warningTint,
|
|
173
|
-
warningBorder,
|
|
174
|
-
overlay: t.overlay ?? "rgba(0,0,0,0.45)",
|
|
175
|
-
accentResolved: t.accent ?? t.primary,
|
|
176
|
-
accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
|
|
177
|
-
ring: t.accent ?? t.primary,
|
|
178
|
-
input: t.border,
|
|
179
|
-
separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
// src/theme/ThemeProvider.tsx
|
|
184
|
-
var ThemeContext = React2.createContext({
|
|
185
|
-
colors: deriveColors(defaultLight, "light"),
|
|
186
|
-
colorScheme: "light"
|
|
187
|
-
});
|
|
32
|
+
var ThemeContext = React2.createContext(void 0);
|
|
188
33
|
function useTheme() {
|
|
189
34
|
const context = React2.useContext(ThemeContext);
|
|
190
35
|
if (!context) {
|
|
@@ -196,48 +41,19 @@ var isWeb = reactNative.Platform.OS === "web";
|
|
|
196
41
|
var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
|
|
197
42
|
var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
|
|
198
43
|
var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
|
|
44
|
+
|
|
45
|
+
// src/utils/animations.ts
|
|
199
46
|
var SPRINGS = {
|
|
200
|
-
/** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
|
|
201
47
|
glide: { stiffness: 380, damping: 38, mass: 1 }};
|
|
202
|
-
({
|
|
203
|
-
/** Material-style ease-out — natural deceleration for state changes. */
|
|
204
|
-
standard: Animated.Easing.bezier(0.2, 0, 0, 1),
|
|
205
|
-
/** Strong ease-out for expanding surfaces (Accordion open). */
|
|
206
|
-
expand: Animated.Easing.bezier(0.23, 1, 0.32, 1),
|
|
207
|
-
/** Quick ease-in for collapsing. */
|
|
208
|
-
collapse: Animated.Easing.in(Animated.Easing.ease)
|
|
209
|
-
});
|
|
210
|
-
var PRESS_SCALE = {
|
|
211
|
-
button: 0.95,
|
|
212
|
-
card: 0.98,
|
|
213
|
-
row: 0.97,
|
|
214
|
-
chip: 0.94
|
|
215
|
-
};
|
|
216
|
-
pressto.createAnimatedPressable((progress) => {
|
|
217
|
-
"worklet";
|
|
218
|
-
const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
|
|
219
|
-
return { transform: [{ scale: scale2 }] };
|
|
220
|
-
});
|
|
221
|
-
pressto.createAnimatedPressable((progress) => {
|
|
222
|
-
"worklet";
|
|
223
|
-
const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
|
|
224
|
-
return { transform: [{ scale: scale2 }] };
|
|
225
|
-
});
|
|
226
|
-
pressto.createAnimatedPressable((progress) => {
|
|
227
|
-
"worklet";
|
|
228
|
-
const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
|
|
229
|
-
return { transform: [{ scale: scale2 }] };
|
|
230
|
-
});
|
|
231
|
-
pressto.createAnimatedPressable((progress) => {
|
|
232
|
-
"worklet";
|
|
233
|
-
const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
|
|
234
|
-
return { transform: [{ scale: scale2 }] };
|
|
235
|
-
});
|
|
236
|
-
var PressableTab = pressto.createAnimatedPressable((progress) => {
|
|
48
|
+
var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
|
|
237
49
|
"worklet";
|
|
238
|
-
|
|
239
|
-
return { transform: [{ scale: scale2 }] };
|
|
50
|
+
return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
|
|
240
51
|
});
|
|
52
|
+
makePressable(0.95);
|
|
53
|
+
makePressable(0.98);
|
|
54
|
+
makePressable(0.97);
|
|
55
|
+
makePressable(0.94);
|
|
56
|
+
var PressableTab = makePressable(0.95);
|
|
241
57
|
|
|
242
58
|
// src/components/Tabs/Tabs.tsx
|
|
243
59
|
function TabTrigger({
|
package/dist/Tabs.mjs
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
export { Tabs, TabsContent } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
4
|
-
import './chunk-
|
|
5
|
-
import './chunk-
|
|
1
|
+
export { Tabs, TabsContent } from './chunk-KC5QDYGZ.mjs';
|
|
2
|
+
import './chunk-M53LC4Q7.mjs';
|
|
3
|
+
import './chunk-IFYMBOEN.mjs';
|
|
4
|
+
import './chunk-ARONDO7M.mjs';
|
|
5
|
+
import './chunk-KSSVIFYR.mjs';
|
|
6
6
|
import './chunk-2CE3TQVY.mjs';
|
|
7
|
-
import './chunk-Y6FXYEAI.mjs';
|