@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/MenuItem.js
CHANGED
|
@@ -11,7 +11,6 @@ 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
13
|
var pressto = require('pressto');
|
|
14
|
-
var reactNativeReanimated = require('react-native-reanimated');
|
|
15
14
|
|
|
16
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
16
|
|
|
@@ -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/MenuItem/MenuItem.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)}`;
|
|
103
|
-
}
|
|
104
|
-
function withAlphaOnWhite(hex, alpha) {
|
|
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);
|
|
41
|
+
getHaptics().then((h) => h?.selectionAsync());
|
|
132
42
|
}
|
|
133
|
-
|
|
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) {
|
|
@@ -208,90 +52,48 @@ var isWeb = reactNative.Platform.OS === "web";
|
|
|
208
52
|
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
|
-
var glyphMapOf = (mod) => mod.glyphMap ?? {};
|
|
212
55
|
var ALL_FAMILIES = [
|
|
213
|
-
{ name: "
|
|
214
|
-
{ name: "
|
|
215
|
-
{ name: "
|
|
216
|
-
{ name: "
|
|
217
|
-
{ name: "
|
|
218
|
-
{ name: "
|
|
56
|
+
{ name: "Feather", component: Feather__default.default },
|
|
57
|
+
{ name: "AntDesign", component: AntDesign__default.default },
|
|
58
|
+
{ name: "Entypo", component: Entypo__default.default },
|
|
59
|
+
{ name: "FontAwesome5", component: FontAwesome5__default.default },
|
|
60
|
+
{ name: "MaterialIcons", component: MaterialIcons__default.default },
|
|
61
|
+
{ name: "Ionicons", component: Ionicons__default.default }
|
|
219
62
|
];
|
|
220
|
-
var
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
for (const
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
63
|
+
var glyphCacheInitialized = false;
|
|
64
|
+
function ensureGlyphCache() {
|
|
65
|
+
if (glyphCacheInitialized) return;
|
|
66
|
+
glyphCacheInitialized = true;
|
|
67
|
+
for (const entry of ALL_FAMILIES) {
|
|
68
|
+
try {
|
|
69
|
+
entry.glyphMap = entry.component.glyphMap;
|
|
70
|
+
} catch {
|
|
71
|
+
entry.glyphMap = {};
|
|
228
72
|
}
|
|
229
73
|
}
|
|
230
|
-
return cache;
|
|
231
|
-
}
|
|
232
|
-
function resolveFamily(name) {
|
|
233
|
-
if (!resolvedCache) {
|
|
234
|
-
resolvedCache = buildCache();
|
|
235
|
-
}
|
|
236
|
-
return resolvedCache.get(name) ?? null;
|
|
237
74
|
}
|
|
238
75
|
function Icon({ name, size, color, family }) {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
const Component = resolved.component;
|
|
247
|
-
return React3__default.default.createElement(Component, { name, size, color });
|
|
248
|
-
}
|
|
249
|
-
function renderIcon(name, size, color) {
|
|
250
|
-
return React3__default.default.createElement(Icon, { name, size, color });
|
|
76
|
+
ensureGlyphCache();
|
|
77
|
+
const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
|
|
78
|
+
const glyphMap = f.glyphMap;
|
|
79
|
+
return glyphMap ? name in glyphMap : false;
|
|
80
|
+
});
|
|
81
|
+
if (!entry) return null;
|
|
82
|
+
return React3__default.default.createElement(entry.component, { name, size, color });
|
|
251
83
|
}
|
|
252
84
|
|
|
253
85
|
// src/tokens.ts
|
|
254
86
|
var RADIUS = {
|
|
255
87
|
md: 14};
|
|
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
|
-
var PRESS_SCALE = {
|
|
265
|
-
button: 0.95,
|
|
266
|
-
card: 0.98,
|
|
267
|
-
row: 0.97,
|
|
268
|
-
chip: 0.94
|
|
269
|
-
};
|
|
270
|
-
pressto.createAnimatedPressable((progress) => {
|
|
271
|
-
"worklet";
|
|
272
|
-
const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
|
|
273
|
-
return { transform: [{ scale: scale2 }] };
|
|
274
|
-
});
|
|
275
|
-
pressto.createAnimatedPressable((progress) => {
|
|
276
|
-
"worklet";
|
|
277
|
-
const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
|
|
278
|
-
return { transform: [{ scale: scale2 }] };
|
|
279
|
-
});
|
|
280
|
-
var PressableRow = pressto.createAnimatedPressable((progress) => {
|
|
281
|
-
"worklet";
|
|
282
|
-
const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
|
|
283
|
-
return { transform: [{ scale: scale2 }] };
|
|
284
|
-
});
|
|
285
|
-
pressto.createAnimatedPressable((progress) => {
|
|
286
|
-
"worklet";
|
|
287
|
-
const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
|
|
288
|
-
return { transform: [{ scale: scale2 }] };
|
|
289
|
-
});
|
|
290
|
-
pressto.createAnimatedPressable((progress) => {
|
|
88
|
+
var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
|
|
291
89
|
"worklet";
|
|
292
|
-
|
|
293
|
-
return { transform: [{ scale: scale2 }] };
|
|
90
|
+
return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
|
|
294
91
|
});
|
|
92
|
+
makePressable(0.95);
|
|
93
|
+
makePressable(0.98);
|
|
94
|
+
var PressableRow = makePressable(0.97);
|
|
95
|
+
makePressable(0.94);
|
|
96
|
+
makePressable(0.95);
|
|
295
97
|
|
|
296
98
|
// src/components/MenuItem/MenuItem.tsx
|
|
297
99
|
function MenuItemBase({
|
|
@@ -308,14 +110,15 @@ function MenuItemBase({
|
|
|
308
110
|
showSeparator = false,
|
|
309
111
|
style,
|
|
310
112
|
labelStyle,
|
|
311
|
-
accessibilityLabel
|
|
113
|
+
accessibilityLabel,
|
|
114
|
+
accessibilityHint
|
|
312
115
|
}) {
|
|
313
116
|
const { colors } = useTheme();
|
|
314
117
|
const handlePress = () => {
|
|
315
118
|
selectionAsync();
|
|
316
119
|
onPress();
|
|
317
120
|
};
|
|
318
|
-
const resolvedIcon = iconName ?
|
|
121
|
+
const resolvedIcon = iconName ? /* @__PURE__ */ React3__default.default.createElement(Icon, { name: iconName, size: 22, color: iconColor ?? colors.foreground }) : icon;
|
|
319
122
|
const cardStyle = variant === "card" ? {
|
|
320
123
|
backgroundColor: colors.card,
|
|
321
124
|
borderRadius: RADIUS.md,
|
|
@@ -339,6 +142,7 @@ function MenuItemBase({
|
|
|
339
142
|
activateOnHover: true,
|
|
340
143
|
accessibilityRole: "button",
|
|
341
144
|
accessibilityLabel: a11yLabel,
|
|
145
|
+
accessibilityHint,
|
|
342
146
|
accessibilityState: { disabled }
|
|
343
147
|
},
|
|
344
148
|
resolvedIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.iconContainer }, resolvedIcon) : null,
|
package/dist/MenuItem.mjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
export { MenuItem } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
4
|
-
import './chunk-DVK4G2GT.mjs';
|
|
1
|
+
export { MenuItem } from './chunk-COA2YZOX.mjs';
|
|
2
|
+
import './chunk-IFYMBOEN.mjs';
|
|
3
|
+
import './chunk-ARONDO7M.mjs';
|
|
5
4
|
import './chunk-QY3X2UYR.mjs';
|
|
6
|
-
import './chunk-
|
|
7
|
-
import './chunk-
|
|
5
|
+
import './chunk-MZ6WRTD2.mjs';
|
|
6
|
+
import './chunk-KSSVIFYR.mjs';
|
|
8
7
|
import './chunk-2CE3TQVY.mjs';
|
|
9
|
-
import './chunk-Y6FXYEAI.mjs';
|
package/dist/MonthPicker.js
CHANGED
|
@@ -9,18 +9,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
9
9
|
|
|
10
10
|
var React2__default = /*#__PURE__*/_interopDefault(React2);
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
14
|
-
}) : x)(function(x) {
|
|
15
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
16
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
17
|
-
});
|
|
12
|
+
// src/components/MonthPicker/MonthPicker.tsx
|
|
18
13
|
var _haptics = null;
|
|
19
|
-
var
|
|
14
|
+
var _loaded = false;
|
|
20
15
|
async function getHaptics() {
|
|
21
16
|
if (reactNative.Platform.OS === "web") return null;
|
|
22
|
-
if (!
|
|
23
|
-
|
|
17
|
+
if (!_loaded) {
|
|
18
|
+
_loaded = true;
|
|
24
19
|
try {
|
|
25
20
|
_haptics = await import('expo-haptics');
|
|
26
21
|
} catch {
|
|
@@ -29,160 +24,10 @@ async function getHaptics() {
|
|
|
29
24
|
}
|
|
30
25
|
return _haptics;
|
|
31
26
|
}
|
|
32
|
-
var _pulsar = null;
|
|
33
|
-
var _pulsarChecked = false;
|
|
34
|
-
var _pulsarAvailable = false;
|
|
35
|
-
function isPulsarNativeRegistered() {
|
|
36
|
-
try {
|
|
37
|
-
const g = globalThis;
|
|
38
|
-
if (typeof g.__turboModuleProxy === "function") {
|
|
39
|
-
return g.__turboModuleProxy("RNPulsar") != null;
|
|
40
|
-
}
|
|
41
|
-
return reactNative.NativeModules?.RNPulsar != null;
|
|
42
|
-
} catch {
|
|
43
|
-
return false;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
function getPulsar() {
|
|
47
|
-
if (reactNative.Platform.OS === "web") return null;
|
|
48
|
-
if (!_pulsarChecked) {
|
|
49
|
-
_pulsarChecked = true;
|
|
50
|
-
try {
|
|
51
|
-
if (isPulsarNativeRegistered()) {
|
|
52
|
-
_pulsar = __require("react-native-pulsar");
|
|
53
|
-
_pulsarAvailable = true;
|
|
54
|
-
}
|
|
55
|
-
} catch {
|
|
56
|
-
_pulsar = null;
|
|
57
|
-
_pulsarAvailable = false;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
return _pulsarAvailable ? _pulsar : null;
|
|
61
|
-
}
|
|
62
27
|
function selectionAsync() {
|
|
63
|
-
|
|
64
|
-
getHaptics().then((h) => {
|
|
65
|
-
if (h) {
|
|
66
|
-
h.selectionAsync();
|
|
67
|
-
} else {
|
|
68
|
-
getPulsar()?.Presets.System.selection();
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
// src/theme/colorUtils.ts
|
|
74
|
-
function hexToRgb(hex) {
|
|
75
|
-
const clean = hex.replace("#", "");
|
|
76
|
-
const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
|
|
77
|
-
if (full.length !== 6) return null;
|
|
78
|
-
return {
|
|
79
|
-
r: parseInt(full.slice(0, 2), 16),
|
|
80
|
-
g: parseInt(full.slice(2, 4), 16),
|
|
81
|
-
b: parseInt(full.slice(4, 6), 16)
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
function componentToHex(c) {
|
|
85
|
-
return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
|
|
86
|
-
}
|
|
87
|
-
function rgbToHex(r, g, b) {
|
|
88
|
-
return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
|
|
89
|
-
}
|
|
90
|
-
function withAlphaOnWhite(hex, alpha) {
|
|
91
|
-
const rgb = hexToRgb(hex);
|
|
92
|
-
if (!rgb) return hex;
|
|
93
|
-
const r = rgb.r * alpha + 255 * (1 - alpha);
|
|
94
|
-
const g = rgb.g * alpha + 255 * (1 - alpha);
|
|
95
|
-
const b = rgb.b * alpha + 255 * (1 - alpha);
|
|
96
|
-
return rgbToHex(r, g, b);
|
|
97
|
-
}
|
|
98
|
-
function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
|
|
99
|
-
const rgb = hexToRgb(hex);
|
|
100
|
-
const bg = hexToRgb(bgHex);
|
|
101
|
-
if (!rgb || !bg) return hex;
|
|
102
|
-
const r = rgb.r * alpha + bg.r * (1 - alpha);
|
|
103
|
-
const g = rgb.g * alpha + bg.g * (1 - alpha);
|
|
104
|
-
const b = rgb.b * alpha + bg.b * (1 - alpha);
|
|
105
|
-
return rgbToHex(r, g, b);
|
|
106
|
-
}
|
|
107
|
-
function mixWithBackground(fgHex, bgHex, opacity) {
|
|
108
|
-
const fg = hexToRgb(fgHex);
|
|
109
|
-
const bg = hexToRgb(bgHex);
|
|
110
|
-
if (!fg || !bg) return fgHex;
|
|
111
|
-
const r = fg.r * opacity + bg.r * (1 - opacity);
|
|
112
|
-
const g = fg.g * opacity + bg.g * (1 - opacity);
|
|
113
|
-
const b = fg.b * opacity + bg.b * (1 - opacity);
|
|
114
|
-
return rgbToHex(r, g, b);
|
|
115
|
-
}
|
|
116
|
-
function lighten(hex, amount) {
|
|
117
|
-
return withAlphaOnWhite(hex, 1 - amount);
|
|
28
|
+
getHaptics().then((h) => h?.selectionAsync());
|
|
118
29
|
}
|
|
119
|
-
|
|
120
|
-
const rgb = hexToRgb(hex);
|
|
121
|
-
if (!rgb) return hex;
|
|
122
|
-
return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
// src/theme/colors.ts
|
|
126
|
-
var defaultLight = {
|
|
127
|
-
background: "#ffffff",
|
|
128
|
-
foreground: "#1a1a1a",
|
|
129
|
-
card: "#ffffff",
|
|
130
|
-
primary: "#1a1a1a",
|
|
131
|
-
primaryForeground: "#ffffff",
|
|
132
|
-
// AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
|
|
133
|
-
accent: "#d4561d",
|
|
134
|
-
accentForeground: "#ffffff",
|
|
135
|
-
border: "#dddddd",
|
|
136
|
-
// AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
|
|
137
|
-
destructive: "#c72828",
|
|
138
|
-
destructiveForeground: "#ffffff",
|
|
139
|
-
success: "#1a7a45",
|
|
140
|
-
successForeground: "#ffffff",
|
|
141
|
-
// AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
|
|
142
|
-
warning: "#9a5200",
|
|
143
|
-
warningForeground: "#ffffff"
|
|
144
|
-
};
|
|
145
|
-
function deriveColors(t, scheme) {
|
|
146
|
-
const dark = scheme === "dark";
|
|
147
|
-
const bg = t.background;
|
|
148
|
-
const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
|
|
149
|
-
const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
|
|
150
|
-
const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
|
|
151
|
-
const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
|
|
152
|
-
const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
|
|
153
|
-
const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
|
|
154
|
-
const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
|
|
155
|
-
const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
|
|
156
|
-
const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
|
|
157
|
-
const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
|
|
158
|
-
const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
|
|
159
|
-
return {
|
|
160
|
-
...t,
|
|
161
|
-
foregroundSubtle,
|
|
162
|
-
foregroundMuted,
|
|
163
|
-
surface,
|
|
164
|
-
surfaceStrong,
|
|
165
|
-
skeleton,
|
|
166
|
-
destructiveTint,
|
|
167
|
-
destructiveBorder,
|
|
168
|
-
successTint,
|
|
169
|
-
successBorder,
|
|
170
|
-
warningTint,
|
|
171
|
-
warningBorder,
|
|
172
|
-
overlay: t.overlay ?? "rgba(0,0,0,0.45)",
|
|
173
|
-
accentResolved: t.accent ?? t.primary,
|
|
174
|
-
accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
|
|
175
|
-
ring: t.accent ?? t.primary,
|
|
176
|
-
input: t.border,
|
|
177
|
-
separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
|
|
178
|
-
};
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
// src/theme/ThemeProvider.tsx
|
|
182
|
-
var ThemeContext = React2.createContext({
|
|
183
|
-
colors: deriveColors(defaultLight, "light"),
|
|
184
|
-
colorScheme: "light"
|
|
185
|
-
});
|
|
30
|
+
var ThemeContext = React2.createContext(void 0);
|
|
186
31
|
function useTheme() {
|
|
187
32
|
const context = React2.useContext(ThemeContext);
|
|
188
33
|
if (!context) {
|
|
@@ -241,7 +86,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
|
|
|
241
86
|
activeOpacity: 0.6,
|
|
242
87
|
touchSoundDisabled: true,
|
|
243
88
|
accessibilityRole: "button",
|
|
244
|
-
accessibilityLabel: "
|
|
89
|
+
accessibilityLabel: "Mes anterior",
|
|
245
90
|
accessibilityState: { disabled: prevDisabled },
|
|
246
91
|
hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
|
|
247
92
|
},
|
|
@@ -263,7 +108,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
|
|
|
263
108
|
activeOpacity: 0.6,
|
|
264
109
|
touchSoundDisabled: true,
|
|
265
110
|
accessibilityRole: "button",
|
|
266
|
-
accessibilityLabel: "
|
|
111
|
+
accessibilityLabel: "Mes siguiente",
|
|
267
112
|
accessibilityState: { disabled: nextDisabled },
|
|
268
113
|
hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
|
|
269
114
|
},
|
package/dist/MonthPicker.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
1
|
+
export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-ITG4JQM3.mjs';
|
|
2
|
+
import './chunk-ARONDO7M.mjs';
|
|
3
|
+
import './chunk-KSSVIFYR.mjs';
|
|
4
4
|
import './chunk-2CE3TQVY.mjs';
|
|
5
|
-
import './chunk-Y6FXYEAI.mjs';
|
package/dist/NumberStepper.d.mts
CHANGED
|
@@ -12,8 +12,9 @@ interface NumberStepperProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
style?: ViewStyle;
|
|
14
14
|
accessibilityLabel?: string;
|
|
15
|
+
accessibilityHint?: string;
|
|
15
16
|
}
|
|
16
|
-
declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
|
|
17
|
+
declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, accessibilityHint, }: NumberStepperProps): React.JSX.Element;
|
|
17
18
|
declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
|
|
18
19
|
|
|
19
20
|
export { NumberStepper, type NumberStepperProps, type NumberStepperSize };
|
package/dist/NumberStepper.d.ts
CHANGED
|
@@ -12,8 +12,9 @@ interface NumberStepperProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
style?: ViewStyle;
|
|
14
14
|
accessibilityLabel?: string;
|
|
15
|
+
accessibilityHint?: string;
|
|
15
16
|
}
|
|
16
|
-
declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
|
|
17
|
+
declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, accessibilityHint, }: NumberStepperProps): React.JSX.Element;
|
|
17
18
|
declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
|
|
18
19
|
|
|
19
20
|
export { NumberStepper, type NumberStepperProps, type NumberStepperSize };
|