@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/Sheet.js
CHANGED
|
@@ -11,18 +11,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
11
11
|
|
|
12
12
|
var React2__default = /*#__PURE__*/_interopDefault(React2);
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
16
|
-
}) : x)(function(x) {
|
|
17
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
18
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
19
|
-
});
|
|
14
|
+
// src/components/Sheet/Sheet.tsx
|
|
20
15
|
var _haptics = null;
|
|
21
|
-
var
|
|
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 impactMedium() {
|
|
65
|
-
|
|
66
|
-
getHaptics().then((h) => {
|
|
67
|
-
if (h) {
|
|
68
|
-
h.impactAsync(h.ImpactFeedbackStyle.Medium);
|
|
69
|
-
} else {
|
|
70
|
-
getPulsar()?.Presets.System.impactMedium();
|
|
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");
|
|
30
|
+
getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
|
|
88
31
|
}
|
|
89
|
-
|
|
90
|
-
return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
|
|
91
|
-
}
|
|
92
|
-
function withAlphaOnWhite(hex, alpha) {
|
|
93
|
-
const rgb = hexToRgb(hex);
|
|
94
|
-
if (!rgb) return hex;
|
|
95
|
-
const r = rgb.r * alpha + 255 * (1 - alpha);
|
|
96
|
-
const g = rgb.g * alpha + 255 * (1 - alpha);
|
|
97
|
-
const b = rgb.b * alpha + 255 * (1 - alpha);
|
|
98
|
-
return rgbToHex(r, g, b);
|
|
99
|
-
}
|
|
100
|
-
function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
|
|
101
|
-
const rgb = hexToRgb(hex);
|
|
102
|
-
const bg = hexToRgb(bgHex);
|
|
103
|
-
if (!rgb || !bg) return hex;
|
|
104
|
-
const r = rgb.r * alpha + bg.r * (1 - alpha);
|
|
105
|
-
const g = rgb.g * alpha + bg.g * (1 - alpha);
|
|
106
|
-
const b = rgb.b * alpha + bg.b * (1 - alpha);
|
|
107
|
-
return rgbToHex(r, g, b);
|
|
108
|
-
}
|
|
109
|
-
function mixWithBackground(fgHex, bgHex, opacity) {
|
|
110
|
-
const fg = hexToRgb(fgHex);
|
|
111
|
-
const bg = hexToRgb(bgHex);
|
|
112
|
-
if (!fg || !bg) return fgHex;
|
|
113
|
-
const r = fg.r * opacity + bg.r * (1 - opacity);
|
|
114
|
-
const g = fg.g * opacity + bg.g * (1 - opacity);
|
|
115
|
-
const b = fg.b * opacity + bg.b * (1 - opacity);
|
|
116
|
-
return rgbToHex(r, g, b);
|
|
117
|
-
}
|
|
118
|
-
function lighten(hex, amount) {
|
|
119
|
-
return withAlphaOnWhite(hex, 1 - amount);
|
|
120
|
-
}
|
|
121
|
-
function darken(hex, amount) {
|
|
122
|
-
const rgb = hexToRgb(hex);
|
|
123
|
-
if (!rgb) return hex;
|
|
124
|
-
return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// src/theme/colors.ts
|
|
128
|
-
var defaultLight = {
|
|
129
|
-
background: "#ffffff",
|
|
130
|
-
foreground: "#1a1a1a",
|
|
131
|
-
card: "#ffffff",
|
|
132
|
-
primary: "#1a1a1a",
|
|
133
|
-
primaryForeground: "#ffffff",
|
|
134
|
-
// AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
|
|
135
|
-
accent: "#d4561d",
|
|
136
|
-
accentForeground: "#ffffff",
|
|
137
|
-
border: "#dddddd",
|
|
138
|
-
// AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
|
|
139
|
-
destructive: "#c72828",
|
|
140
|
-
destructiveForeground: "#ffffff",
|
|
141
|
-
success: "#1a7a45",
|
|
142
|
-
successForeground: "#ffffff",
|
|
143
|
-
// AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
|
|
144
|
-
warning: "#9a5200",
|
|
145
|
-
warningForeground: "#ffffff"
|
|
146
|
-
};
|
|
147
|
-
function deriveColors(t, scheme) {
|
|
148
|
-
const dark = scheme === "dark";
|
|
149
|
-
const bg = t.background;
|
|
150
|
-
const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
|
|
151
|
-
const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
|
|
152
|
-
const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
|
|
153
|
-
const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
|
|
154
|
-
const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
|
|
155
|
-
const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
|
|
156
|
-
const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
|
|
157
|
-
const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
|
|
158
|
-
const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
|
|
159
|
-
const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
|
|
160
|
-
const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
|
|
161
|
-
return {
|
|
162
|
-
...t,
|
|
163
|
-
foregroundSubtle,
|
|
164
|
-
foregroundMuted,
|
|
165
|
-
surface,
|
|
166
|
-
surfaceStrong,
|
|
167
|
-
skeleton,
|
|
168
|
-
destructiveTint,
|
|
169
|
-
destructiveBorder,
|
|
170
|
-
successTint,
|
|
171
|
-
successBorder,
|
|
172
|
-
warningTint,
|
|
173
|
-
warningBorder,
|
|
174
|
-
overlay: t.overlay ?? "rgba(0,0,0,0.45)",
|
|
175
|
-
accentResolved: t.accent ?? t.primary,
|
|
176
|
-
accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
|
|
177
|
-
ring: t.accent ?? t.primary,
|
|
178
|
-
input: t.border,
|
|
179
|
-
separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
// src/theme/ThemeProvider.tsx
|
|
184
|
-
var ThemeContext = React2.createContext({
|
|
185
|
-
colors: deriveColors(defaultLight, "light"),
|
|
186
|
-
colorScheme: "light"
|
|
187
|
-
});
|
|
32
|
+
var ThemeContext = React2.createContext(void 0);
|
|
188
33
|
function useTheme() {
|
|
189
34
|
const context = React2.useContext(ThemeContext);
|
|
190
35
|
if (!context) {
|
|
@@ -230,23 +75,33 @@ function Sheet({
|
|
|
230
75
|
const { colors } = useTheme();
|
|
231
76
|
const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
|
|
232
77
|
const ref = React2.useRef(null);
|
|
233
|
-
const
|
|
234
|
-
const
|
|
78
|
+
const sheetState = React2.useRef("idle");
|
|
79
|
+
const onCloseRef = React2.useRef(onClose);
|
|
235
80
|
const name = React2.useId();
|
|
236
|
-
const
|
|
237
|
-
|
|
238
|
-
onClose
|
|
81
|
+
const [tick, setTick] = React2.useState(0);
|
|
82
|
+
React2.useEffect(() => {
|
|
83
|
+
onCloseRef.current = onClose;
|
|
239
84
|
}, [onClose]);
|
|
85
|
+
const handleDismiss = React2.useCallback(() => {
|
|
86
|
+
sheetState.current = "idle";
|
|
87
|
+
onCloseRef.current?.();
|
|
88
|
+
setTick((t) => t + 1);
|
|
89
|
+
}, []);
|
|
240
90
|
React2.useEffect(() => {
|
|
241
|
-
if (open
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
91
|
+
if (open) {
|
|
92
|
+
if (sheetState.current === "idle") {
|
|
93
|
+
sheetState.current = "presenting";
|
|
94
|
+
impactMedium();
|
|
95
|
+
ref.current?.present();
|
|
96
|
+
sheetState.current = "presented";
|
|
97
|
+
}
|
|
98
|
+
} else {
|
|
99
|
+
if (sheetState.current === "presented" || sheetState.current === "presenting") {
|
|
100
|
+
sheetState.current = "dismissing";
|
|
101
|
+
ref.current?.dismiss();
|
|
102
|
+
}
|
|
248
103
|
}
|
|
249
|
-
}, [open]);
|
|
104
|
+
}, [open, tick]);
|
|
250
105
|
const renderBackdrop = React2.useCallback(
|
|
251
106
|
(props) => /* @__PURE__ */ React2__default.default.createElement(
|
|
252
107
|
bottomSheet.BottomSheetBackdrop,
|
|
@@ -275,7 +130,7 @@ function Sheet({
|
|
|
275
130
|
activeOpacity: 0.6,
|
|
276
131
|
touchSoundDisabled: true,
|
|
277
132
|
accessibilityRole: "button",
|
|
278
|
-
accessibilityLabel: "
|
|
133
|
+
accessibilityLabel: "Cerrar",
|
|
279
134
|
hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
|
|
280
135
|
},
|
|
281
136
|
/* @__PURE__ */ React2__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
|
|
@@ -391,3 +246,6 @@ Object.defineProperty(exports, "SheetTextInput", {
|
|
|
391
246
|
get: function () { return bottomSheet.BottomSheetTextInput; }
|
|
392
247
|
});
|
|
393
248
|
exports.Sheet = Sheet;
|
|
249
|
+
exports.SheetContent = SheetContent;
|
|
250
|
+
exports.SheetFooter = SheetFooter;
|
|
251
|
+
exports.SheetHeader = SheetHeader;
|
package/dist/Sheet.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
export { BottomSheetModalProvider, Sheet, BottomSheetTextInput as SheetTextInput } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
1
|
+
export { BottomSheetModalProvider, Sheet, SheetContent, SheetFooter, SheetHeader, BottomSheetTextInput as SheetTextInput } from './chunk-7BZJRB77.mjs';
|
|
2
|
+
import './chunk-ARONDO7M.mjs';
|
|
3
|
+
import './chunk-KSSVIFYR.mjs';
|
|
4
4
|
import './chunk-2CE3TQVY.mjs';
|
|
5
|
-
import './chunk-Y6FXYEAI.mjs';
|
package/dist/SheetSelect.js
CHANGED
|
@@ -10,7 +10,6 @@ var Feather = require('@expo/vector-icons/Feather');
|
|
|
10
10
|
var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
|
|
11
11
|
var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
|
|
12
12
|
var Ionicons = require('@expo/vector-icons/Ionicons');
|
|
13
|
-
var reactNativeReanimated = require('react-native-reanimated');
|
|
14
13
|
var pressto = require('pressto');
|
|
15
14
|
|
|
16
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -23,18 +22,13 @@ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
|
|
|
23
22
|
var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
|
|
24
23
|
var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
|
|
25
24
|
|
|
26
|
-
|
|
27
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
28
|
-
}) : x)(function(x) {
|
|
29
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
30
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
31
|
-
});
|
|
25
|
+
// src/components/SheetSelect/SheetSelect.tsx
|
|
32
26
|
var _haptics = null;
|
|
33
|
-
var
|
|
27
|
+
var _loaded = false;
|
|
34
28
|
async function getHaptics() {
|
|
35
29
|
if (reactNative.Platform.OS === "web") return null;
|
|
36
|
-
if (!
|
|
37
|
-
|
|
30
|
+
if (!_loaded) {
|
|
31
|
+
_loaded = true;
|
|
38
32
|
try {
|
|
39
33
|
_haptics = await import('expo-haptics');
|
|
40
34
|
} catch {
|
|
@@ -43,160 +37,10 @@ async function getHaptics() {
|
|
|
43
37
|
}
|
|
44
38
|
return _haptics;
|
|
45
39
|
}
|
|
46
|
-
var _pulsar = null;
|
|
47
|
-
var _pulsarChecked = false;
|
|
48
|
-
var _pulsarAvailable = false;
|
|
49
|
-
function isPulsarNativeRegistered() {
|
|
50
|
-
try {
|
|
51
|
-
const g = globalThis;
|
|
52
|
-
if (typeof g.__turboModuleProxy === "function") {
|
|
53
|
-
return g.__turboModuleProxy("RNPulsar") != null;
|
|
54
|
-
}
|
|
55
|
-
return reactNative.NativeModules?.RNPulsar != null;
|
|
56
|
-
} catch {
|
|
57
|
-
return false;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
function getPulsar() {
|
|
61
|
-
if (reactNative.Platform.OS === "web") return null;
|
|
62
|
-
if (!_pulsarChecked) {
|
|
63
|
-
_pulsarChecked = true;
|
|
64
|
-
try {
|
|
65
|
-
if (isPulsarNativeRegistered()) {
|
|
66
|
-
_pulsar = __require("react-native-pulsar");
|
|
67
|
-
_pulsarAvailable = true;
|
|
68
|
-
}
|
|
69
|
-
} catch {
|
|
70
|
-
_pulsar = null;
|
|
71
|
-
_pulsarAvailable = false;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return _pulsarAvailable ? _pulsar : null;
|
|
75
|
-
}
|
|
76
40
|
function selectionAsync() {
|
|
77
|
-
|
|
78
|
-
getHaptics().then((h) => {
|
|
79
|
-
if (h) {
|
|
80
|
-
h.selectionAsync();
|
|
81
|
-
} else {
|
|
82
|
-
getPulsar()?.Presets.System.selection();
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
// src/theme/colorUtils.ts
|
|
88
|
-
function hexToRgb(hex) {
|
|
89
|
-
const clean = hex.replace("#", "");
|
|
90
|
-
const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
|
|
91
|
-
if (full.length !== 6) return null;
|
|
92
|
-
return {
|
|
93
|
-
r: parseInt(full.slice(0, 2), 16),
|
|
94
|
-
g: parseInt(full.slice(2, 4), 16),
|
|
95
|
-
b: parseInt(full.slice(4, 6), 16)
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
function componentToHex(c) {
|
|
99
|
-
return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
|
|
100
|
-
}
|
|
101
|
-
function rgbToHex(r, g, b) {
|
|
102
|
-
return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
|
|
41
|
+
getHaptics().then((h) => h?.selectionAsync());
|
|
103
42
|
}
|
|
104
|
-
|
|
105
|
-
const rgb = hexToRgb(hex);
|
|
106
|
-
if (!rgb) return hex;
|
|
107
|
-
const r = rgb.r * alpha + 255 * (1 - alpha);
|
|
108
|
-
const g = rgb.g * alpha + 255 * (1 - alpha);
|
|
109
|
-
const b = rgb.b * alpha + 255 * (1 - alpha);
|
|
110
|
-
return rgbToHex(r, g, b);
|
|
111
|
-
}
|
|
112
|
-
function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
|
|
113
|
-
const rgb = hexToRgb(hex);
|
|
114
|
-
const bg = hexToRgb(bgHex);
|
|
115
|
-
if (!rgb || !bg) return hex;
|
|
116
|
-
const r = rgb.r * alpha + bg.r * (1 - alpha);
|
|
117
|
-
const g = rgb.g * alpha + bg.g * (1 - alpha);
|
|
118
|
-
const b = rgb.b * alpha + bg.b * (1 - alpha);
|
|
119
|
-
return rgbToHex(r, g, b);
|
|
120
|
-
}
|
|
121
|
-
function mixWithBackground(fgHex, bgHex, opacity) {
|
|
122
|
-
const fg = hexToRgb(fgHex);
|
|
123
|
-
const bg = hexToRgb(bgHex);
|
|
124
|
-
if (!fg || !bg) return fgHex;
|
|
125
|
-
const r = fg.r * opacity + bg.r * (1 - opacity);
|
|
126
|
-
const g = fg.g * opacity + bg.g * (1 - opacity);
|
|
127
|
-
const b = fg.b * opacity + bg.b * (1 - opacity);
|
|
128
|
-
return rgbToHex(r, g, b);
|
|
129
|
-
}
|
|
130
|
-
function lighten(hex, amount) {
|
|
131
|
-
return withAlphaOnWhite(hex, 1 - amount);
|
|
132
|
-
}
|
|
133
|
-
function darken(hex, amount) {
|
|
134
|
-
const rgb = hexToRgb(hex);
|
|
135
|
-
if (!rgb) return hex;
|
|
136
|
-
return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
// src/theme/colors.ts
|
|
140
|
-
var defaultLight = {
|
|
141
|
-
background: "#ffffff",
|
|
142
|
-
foreground: "#1a1a1a",
|
|
143
|
-
card: "#ffffff",
|
|
144
|
-
primary: "#1a1a1a",
|
|
145
|
-
primaryForeground: "#ffffff",
|
|
146
|
-
// AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
|
|
147
|
-
accent: "#d4561d",
|
|
148
|
-
accentForeground: "#ffffff",
|
|
149
|
-
border: "#dddddd",
|
|
150
|
-
// AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
|
|
151
|
-
destructive: "#c72828",
|
|
152
|
-
destructiveForeground: "#ffffff",
|
|
153
|
-
success: "#1a7a45",
|
|
154
|
-
successForeground: "#ffffff",
|
|
155
|
-
// AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
|
|
156
|
-
warning: "#9a5200",
|
|
157
|
-
warningForeground: "#ffffff"
|
|
158
|
-
};
|
|
159
|
-
function deriveColors(t, scheme) {
|
|
160
|
-
const dark = scheme === "dark";
|
|
161
|
-
const bg = t.background;
|
|
162
|
-
const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
|
|
163
|
-
const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
|
|
164
|
-
const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
|
|
165
|
-
const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
|
|
166
|
-
const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
|
|
167
|
-
const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
|
|
168
|
-
const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
|
|
169
|
-
const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
|
|
170
|
-
const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
|
|
171
|
-
const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
|
|
172
|
-
const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
|
|
173
|
-
return {
|
|
174
|
-
...t,
|
|
175
|
-
foregroundSubtle,
|
|
176
|
-
foregroundMuted,
|
|
177
|
-
surface,
|
|
178
|
-
surfaceStrong,
|
|
179
|
-
skeleton,
|
|
180
|
-
destructiveTint,
|
|
181
|
-
destructiveBorder,
|
|
182
|
-
successTint,
|
|
183
|
-
successBorder,
|
|
184
|
-
warningTint,
|
|
185
|
-
warningBorder,
|
|
186
|
-
overlay: t.overlay ?? "rgba(0,0,0,0.45)",
|
|
187
|
-
accentResolved: t.accent ?? t.primary,
|
|
188
|
-
accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
|
|
189
|
-
ring: t.accent ?? t.primary,
|
|
190
|
-
input: t.border,
|
|
191
|
-
separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
|
|
192
|
-
};
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
// src/theme/ThemeProvider.tsx
|
|
196
|
-
var ThemeContext = React3.createContext({
|
|
197
|
-
colors: deriveColors(defaultLight, "light"),
|
|
198
|
-
colorScheme: "light"
|
|
199
|
-
});
|
|
43
|
+
var ThemeContext = React3.createContext(void 0);
|
|
200
44
|
function useTheme() {
|
|
201
45
|
const context = React3.useContext(ThemeContext);
|
|
202
46
|
if (!context) {
|
|
@@ -209,94 +53,53 @@ var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
|
|
|
209
53
|
var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
|
|
210
54
|
var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
|
|
211
55
|
var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
|
|
212
|
-
var glyphMapOf = (mod) => mod.glyphMap ?? {};
|
|
213
56
|
var ALL_FAMILIES = [
|
|
214
|
-
{ name: "
|
|
215
|
-
{ name: "
|
|
216
|
-
{ name: "
|
|
217
|
-
{ name: "
|
|
218
|
-
{ name: "
|
|
219
|
-
{ 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 }
|
|
220
63
|
];
|
|
221
|
-
var
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
for (const
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
64
|
+
var glyphCacheInitialized = false;
|
|
65
|
+
function ensureGlyphCache() {
|
|
66
|
+
if (glyphCacheInitialized) return;
|
|
67
|
+
glyphCacheInitialized = true;
|
|
68
|
+
for (const entry of ALL_FAMILIES) {
|
|
69
|
+
try {
|
|
70
|
+
entry.glyphMap = entry.component.glyphMap;
|
|
71
|
+
} catch {
|
|
72
|
+
entry.glyphMap = {};
|
|
229
73
|
}
|
|
230
74
|
}
|
|
231
|
-
return cache;
|
|
232
|
-
}
|
|
233
|
-
function resolveFamily(name) {
|
|
234
|
-
if (!resolvedCache) {
|
|
235
|
-
resolvedCache = buildCache();
|
|
236
|
-
}
|
|
237
|
-
return resolvedCache.get(name) ?? null;
|
|
238
75
|
}
|
|
239
76
|
function Icon({ name, size, color, family }) {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
const Component = resolved.component;
|
|
248
|
-
return React3__default.default.createElement(Component, { name, size, color });
|
|
249
|
-
}
|
|
250
|
-
function renderIcon(name, size, color) {
|
|
251
|
-
return React3__default.default.createElement(Icon, { name, size, color });
|
|
77
|
+
ensureGlyphCache();
|
|
78
|
+
const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
|
|
79
|
+
const glyphMap = f.glyphMap;
|
|
80
|
+
return glyphMap ? name in glyphMap : false;
|
|
81
|
+
});
|
|
82
|
+
if (!entry) return null;
|
|
83
|
+
return React3__default.default.createElement(entry.component, { name, size, color });
|
|
252
84
|
}
|
|
85
|
+
|
|
86
|
+
// src/utils/animations.ts
|
|
253
87
|
var TIMINGS = {
|
|
254
|
-
/** Color/opacity transitions on toggles, checkboxes, switches. */
|
|
255
88
|
state: { duration: 160 }};
|
|
256
|
-
({
|
|
257
|
-
/** Material-style ease-out — natural deceleration for state changes. */
|
|
258
|
-
standard: reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1),
|
|
259
|
-
/** Strong ease-out for expanding surfaces (Accordion open). */
|
|
260
|
-
expand: reactNativeReanimated.Easing.bezier(0.23, 1, 0.32, 1),
|
|
261
|
-
/** Quick ease-in for collapsing. */
|
|
262
|
-
collapse: reactNativeReanimated.Easing.in(reactNativeReanimated.Easing.ease)
|
|
263
|
-
});
|
|
264
89
|
var COLOR_TRANSITION = {
|
|
265
90
|
type: "timing",
|
|
266
91
|
duration: TIMINGS.state.duration,
|
|
267
92
|
easing: [0.2, 0, 0, 1]
|
|
268
93
|
};
|
|
269
|
-
var
|
|
270
|
-
button: 0.95,
|
|
271
|
-
card: 0.98,
|
|
272
|
-
row: 0.97,
|
|
273
|
-
chip: 0.94
|
|
274
|
-
};
|
|
275
|
-
pressto.createAnimatedPressable((progress) => {
|
|
276
|
-
"worklet";
|
|
277
|
-
const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
|
|
278
|
-
return { transform: [{ scale: scale2 }] };
|
|
279
|
-
});
|
|
280
|
-
pressto.createAnimatedPressable((progress) => {
|
|
281
|
-
"worklet";
|
|
282
|
-
const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
|
|
283
|
-
return { transform: [{ scale: scale2 }] };
|
|
284
|
-
});
|
|
285
|
-
pressto.createAnimatedPressable((progress) => {
|
|
286
|
-
"worklet";
|
|
287
|
-
const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
|
|
288
|
-
return { transform: [{ scale: scale2 }] };
|
|
289
|
-
});
|
|
290
|
-
var PressableChip = pressto.createAnimatedPressable((progress) => {
|
|
291
|
-
"worklet";
|
|
292
|
-
const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
|
|
293
|
-
return { transform: [{ scale: scale2 }] };
|
|
294
|
-
});
|
|
295
|
-
pressto.createAnimatedPressable((progress) => {
|
|
94
|
+
var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
|
|
296
95
|
"worklet";
|
|
297
|
-
|
|
298
|
-
return { transform: [{ scale: scale2 }] };
|
|
96
|
+
return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
|
|
299
97
|
});
|
|
98
|
+
makePressable(0.95);
|
|
99
|
+
makePressable(0.98);
|
|
100
|
+
makePressable(0.97);
|
|
101
|
+
var PressableChip = makePressable(0.94);
|
|
102
|
+
makePressable(0.95);
|
|
300
103
|
|
|
301
104
|
// src/tokens.ts
|
|
302
105
|
var RADIUS = {
|
|
@@ -315,7 +118,7 @@ function SheetSelectChip({
|
|
|
315
118
|
onPress();
|
|
316
119
|
};
|
|
317
120
|
const iconColor = selected ? colors.primaryForeground : colors.foreground;
|
|
318
|
-
const resolvedIcon = option.iconName ?
|
|
121
|
+
const resolvedIcon = option.iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: option.iconName, size: ms(13), color: iconColor }) : null;
|
|
319
122
|
return /* @__PURE__ */ React3__default.default.createElement(
|
|
320
123
|
PressableChip,
|
|
321
124
|
{
|
|
@@ -323,7 +126,7 @@ function SheetSelectChip({
|
|
|
323
126
|
rippleColor: "transparent",
|
|
324
127
|
touchSoundDisabled: true,
|
|
325
128
|
accessibilityRole: "button",
|
|
326
|
-
accessibilityLabel: option.disabled ? `${option.label},
|
|
129
|
+
accessibilityLabel: option.disabled ? `${option.label}, no disponible` : option.label,
|
|
327
130
|
accessibilityState: { selected, disabled: option.disabled }
|
|
328
131
|
},
|
|
329
132
|
/* @__PURE__ */ React3__default.default.createElement(
|
package/dist/SheetSelect.mjs
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
export { SheetSelect } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
4
|
-
import './chunk-
|
|
1
|
+
export { SheetSelect } from './chunk-WIPEDNSD.mjs';
|
|
2
|
+
import './chunk-M53LC4Q7.mjs';
|
|
3
|
+
import './chunk-IFYMBOEN.mjs';
|
|
4
|
+
import './chunk-ARONDO7M.mjs';
|
|
5
5
|
import './chunk-QY3X2UYR.mjs';
|
|
6
|
-
import './chunk-
|
|
7
|
-
import './chunk-
|
|
6
|
+
import './chunk-MZ6WRTD2.mjs';
|
|
7
|
+
import './chunk-KSSVIFYR.mjs';
|
|
8
8
|
import './chunk-2CE3TQVY.mjs';
|
|
9
|
-
import './chunk-Y6FXYEAI.mjs';
|