@xaui/native 0.9.1-beta.95 → 0.9.1-beta.97
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/dist/{chunk-AXKDHX5V.cjs → chunk-2IOL3VDP.cjs} +3 -3
- package/dist/{chunk-LUPU7FJK.js → chunk-356DND54.js} +1 -1
- package/dist/{chunk-B5DBFS6M.js → chunk-3BRVAMXQ.js} +1 -1
- package/dist/{chunk-YJIVPYMG.cjs → chunk-3CI4JGY4.cjs} +14 -14
- package/dist/{chunk-4LRVB6WR.cjs → chunk-3DQCHPB6.cjs} +12 -12
- package/dist/{chunk-X6GT4H4I.cjs → chunk-3TBT6ORW.cjs} +15 -15
- package/dist/{chunk-DN3X5WIB.js → chunk-3VMKOQXH.js} +1 -1
- package/dist/{chunk-WPYJW3WM.cjs → chunk-435MOVG2.cjs} +3 -3
- package/dist/{chunk-NGXLJ5ZF.cjs → chunk-4R4SIP22.cjs} +22 -22
- package/dist/{chunk-V4IFH65I.cjs → chunk-5CXOSDFI.cjs} +2 -2
- package/dist/{chunk-5XTF2JDK.js → chunk-5G36GMFS.js} +1 -1
- package/dist/{chunk-VBS6VWW4.cjs → chunk-5UT5I53X.cjs} +3 -3
- package/dist/{chunk-5O7E73QP.cjs → chunk-7CGF3Z5S.cjs} +6 -6
- package/dist/{chunk-7OVYYZ7H.js → chunk-7EPH24S2.js} +15 -15
- package/dist/{chunk-G2YHGLN3.cjs → chunk-7JWOAGB3.cjs} +9 -9
- package/dist/{chunk-6SRFQSPR.cjs → chunk-ADGHFLBJ.cjs} +1 -1
- package/dist/{chunk-E4FWGZH2.js → chunk-AMFGATFY.js} +2 -2
- package/dist/{chunk-X22PLAP6.cjs → chunk-BGBJTBFC.cjs} +1 -1
- package/dist/{chunk-33BA4LVN.js → chunk-BH4IN6H6.js} +1 -1
- package/dist/{chunk-WLWZG2PA.cjs → chunk-BKY5YQ7W.cjs} +1 -1
- package/dist/{chunk-AHJLQJOE.cjs → chunk-C2S6J27O.cjs} +1 -1
- package/dist/chunk-C6JO2RTV.cjs +752 -0
- package/dist/{chunk-53E2E7GS.cjs → chunk-CP6AB6N5.cjs} +15 -15
- package/dist/{chunk-WYRM77XM.cjs → chunk-ENZBKNFJ.cjs} +15 -15
- package/dist/{chunk-BYDGJU5A.js → chunk-ES7RME6G.js} +3 -3
- package/dist/{chunk-KFB24VYT.js → chunk-EXONAJUX.js} +15 -15
- package/dist/{chunk-ERIGD4SE.cjs → chunk-FWAP4WAJ.cjs} +18 -18
- package/dist/{chunk-KMK6FUTK.cjs → chunk-FZXWZNYY.cjs} +9 -9
- package/dist/{chunk-K7VDLVLE.js → chunk-GKXOHUEW.js} +3 -3
- package/dist/{chunk-6W45YHTF.js → chunk-HDERVGWZ.js} +1 -1
- package/dist/{chunk-KHPODIQV.cjs → chunk-IHRPAKCZ.cjs} +15 -15
- package/dist/{chunk-2XEQDQAN.js → chunk-IVELCJEN.js} +99 -99
- package/dist/{chunk-5YZUYSV7.js → chunk-JYV53WUN.js} +1 -1
- package/dist/{chunk-DE4RSR7Q.cjs → chunk-KAYZH7ZN.cjs} +1 -1
- package/dist/{chunk-IMIY34F4.cjs → chunk-KIXHSX3L.cjs} +1 -1
- package/dist/{chunk-7M6YKCHX.js → chunk-KZZWNDDO.js} +2 -2
- package/dist/{chunk-OZLOYXLW.js → chunk-L6EWRWTE.js} +2 -2
- package/dist/{chunk-EQUD3NHO.js → chunk-LYWXGEED.js} +43 -43
- package/dist/{chunk-XOZMGNVS.js → chunk-MXSIY6QQ.js} +3 -3
- package/dist/{chunk-3CPLJJWX.js → chunk-MZUYTCCB.js} +1 -1
- package/dist/{chunk-NADCILBL.cjs → chunk-NRU5APUE.cjs} +4 -4
- package/dist/{chunk-43S673KF.js → chunk-NTVPLDJC.js} +1 -1
- package/dist/{chunk-7AVZ2FST.cjs → chunk-NXVSNESK.cjs} +12 -12
- package/dist/{chunk-4AIIAF6U.js → chunk-SRY3HKSC.js} +16 -16
- package/dist/chunk-SVS726BW.js +822 -0
- package/dist/{chunk-YOPWQHNO.js → chunk-TNFLBURM.js} +1 -1
- package/dist/{chunk-YCQEX25B.cjs → chunk-U6YD3UBO.cjs} +7 -7
- package/dist/{chunk-GN7BWYXP.cjs → chunk-USQK6SFZ.cjs} +15 -15
- package/dist/{chunk-YGETADPV.js → chunk-V7YT4SDX.js} +2 -2
- package/dist/{chunk-DBP5CA5R.js → chunk-VL2ZT4BB.js} +3 -3
- package/dist/{chunk-E5E2QA4K.js → chunk-VQG7K5QE.js} +15 -15
- package/dist/{chunk-Q6OVVUAT.js → chunk-VTGWFZCA.js} +2 -2
- package/dist/{chunk-MNBEUNC5.cjs → chunk-WH7MFY3H.cjs} +18 -18
- package/dist/{chunk-OX23MW5E.js → chunk-WMTGDNXU.js} +44 -44
- package/dist/{chunk-2TLPFGGR.cjs → chunk-XCEDD7PE.cjs} +24 -24
- package/dist/{chunk-J5COSALO.cjs → chunk-XILRXEUL.cjs} +2 -2
- package/dist/{chunk-AIHKBSQ5.cjs → chunk-YUCK5VJO.cjs} +8 -8
- package/dist/{chunk-YI5D4QZP.js → chunk-Z2KK5W7P.js} +15 -15
- package/dist/{chunk-SX5U5UJQ.js → chunk-ZBY7Q7WJ.js} +2 -2
- package/dist/{chunk-U5CUBDJA.js → chunk-ZR5YOCOQ.js} +15 -15
- package/dist/components/accordion/accordion.animation.d.cts +1 -1
- package/dist/components/accordion/accordion.animation.d.ts +1 -1
- package/dist/components/accordion/accordion.type.d.cts +1 -1
- package/dist/components/accordion/accordion.type.d.ts +1 -1
- package/dist/components/accordion/index.cjs +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/alert/alert-icon.d.cts +2 -2
- package/dist/components/alert/alert-icon.d.ts +2 -2
- package/dist/components/alert/alert.type.d.cts +1 -1
- package/dist/components/alert/alert.type.d.ts +1 -1
- package/dist/components/alert/index.cjs +2 -2
- package/dist/components/alert/index.js +1 -1
- package/dist/components/autocomplete/index.cjs +3 -3
- package/dist/components/autocomplete/index.js +2 -2
- package/dist/components/avatar/avatar-fallback.d.cts +1 -1
- package/dist/components/avatar/avatar-fallback.d.ts +1 -1
- package/dist/components/avatar/avatar.d.cts +1 -1
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/avatar/avatar.type.d.cts +1 -1
- package/dist/components/avatar/avatar.type.d.ts +1 -1
- package/dist/components/avatar/index.cjs +2 -2
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/bottom-sheet/bottom-sheet.d.cts +1 -1
- package/dist/components/bottom-sheet/bottom-sheet.d.ts +1 -1
- package/dist/components/bottom-sheet/index.cjs +2 -2
- package/dist/components/bottom-sheet/index.js +1 -1
- package/dist/components/card/card-background.d.cts +1 -1
- package/dist/components/card/card-background.d.ts +1 -1
- package/dist/components/card/card.utils.d.cts +1 -1
- package/dist/components/card/card.utils.d.ts +1 -1
- package/dist/components/checkbox/checkbox.recipe.d.cts +1 -1
- package/dist/components/checkbox/checkbox.recipe.d.ts +1 -1
- package/dist/components/checkbox/checkbox.type.d.cts +1 -1
- package/dist/components/checkbox/checkbox.type.d.ts +1 -1
- package/dist/components/checkbox/index.cjs +2 -2
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/chip/chip.type.d.cts +1 -1
- package/dist/components/chip/chip.type.d.ts +1 -1
- package/dist/components/chip/index.cjs +2 -2
- package/dist/components/chip/index.js +1 -1
- package/dist/components/color-picker/index.cjs +7 -7
- package/dist/components/color-picker/index.js +6 -6
- package/dist/components/combobox/index.cjs +4 -4
- package/dist/components/combobox/index.js +3 -3
- package/dist/components/date-picker/index.cjs +4 -4
- package/dist/components/date-picker/index.js +3 -3
- package/dist/components/date-range-picker/index.cjs +4 -4
- package/dist/components/date-range-picker/index.js +3 -3
- package/dist/components/date-time-picker/index.cjs +5 -5
- package/dist/components/date-time-picker/index.js +4 -4
- package/dist/components/dialog/index.cjs +2 -2
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dummy-field/index.cjs +5 -5
- package/dist/components/dummy-field/index.js +4 -4
- package/dist/components/field-group/field-group-icon.d.cts +1 -1
- package/dist/components/field-group/field-group-icon.d.ts +1 -1
- package/dist/components/field-group/index.cjs +4 -4
- package/dist/components/field-group/index.js +3 -3
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/input-otp/input-otp.type.d.cts +1 -1
- package/dist/components/input-otp/input-otp.type.d.ts +1 -1
- package/dist/components/list-box/list-box-item-suffix.d.cts +1 -1
- package/dist/components/list-box/list-box-item-suffix.d.ts +1 -1
- package/dist/components/mask-field/index.cjs +5 -5
- package/dist/components/mask-field/index.js +4 -4
- package/dist/components/menu/index.cjs +2 -2
- package/dist/components/menu/index.js +1 -1
- package/dist/components/number-field/index.cjs +5 -5
- package/dist/components/number-field/index.js +4 -4
- package/dist/components/phone-number-field/index.cjs +37 -30
- package/dist/components/phone-number-field/index.js +13 -6
- package/dist/components/popover/index.cjs +2 -2
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/popover.recipe.d.cts +1 -1
- package/dist/components/popover/popover.recipe.d.ts +1 -1
- package/dist/components/search-field/index.cjs +5 -5
- package/dist/components/search-field/index.js +4 -4
- package/dist/components/select/index.cjs +3 -3
- package/dist/components/select/index.js +2 -2
- package/dist/components/select/select-indicator.d.cts +1 -1
- package/dist/components/select/select-indicator.d.ts +1 -1
- package/dist/components/skeleton/skeleton.type.d.cts +1 -1
- package/dist/components/skeleton/skeleton.type.d.ts +1 -1
- package/dist/components/slide-button/index.cjs +30 -0
- package/dist/components/slide-button/index.d.cts +44 -0
- package/dist/components/slide-button/index.d.ts +44 -0
- package/dist/components/slide-button/index.js +30 -0
- package/dist/components/slide-button/slide-button-fill.d.cts +29 -0
- package/dist/components/slide-button/slide-button-fill.d.ts +29 -0
- package/dist/components/slide-button/slide-button-icon.d.cts +10 -0
- package/dist/components/slide-button/slide-button-icon.d.ts +10 -0
- package/dist/components/slide-button/slide-button-label.d.cts +20 -0
- package/dist/components/slide-button/slide-button-label.d.ts +20 -0
- package/dist/components/slide-button/slide-button-thumb.d.cts +20 -0
- package/dist/components/slide-button/slide-button-thumb.d.ts +20 -0
- package/dist/components/slide-button/slide-button.animation.d.cts +33 -0
- package/dist/components/slide-button/slide-button.animation.d.ts +33 -0
- package/dist/components/slide-button/slide-button.context.d.cts +7 -0
- package/dist/components/slide-button/slide-button.context.d.ts +7 -0
- package/dist/components/slide-button/slide-button.d.cts +56 -0
- package/dist/components/slide-button/slide-button.d.ts +56 -0
- package/dist/components/slide-button/slide-button.recipe.d.cts +31 -0
- package/dist/components/slide-button/slide-button.recipe.d.ts +31 -0
- package/dist/components/slide-button/slide-button.type.d.cts +79 -0
- package/dist/components/slide-button/slide-button.type.d.ts +79 -0
- package/dist/components/slider/slider-thumb.d.cts +1 -1
- package/dist/components/slider/slider-thumb.d.ts +1 -1
- package/dist/components/slider/slider.recipe.d.cts +1 -1
- package/dist/components/slider/slider.recipe.d.ts +1 -1
- package/dist/components/spinner/spinner.d.cts +1 -1
- package/dist/components/spinner/spinner.d.ts +1 -1
- package/dist/components/switch/switch.style.d.cts +1 -1
- package/dist/components/switch/switch.style.d.ts +1 -1
- package/dist/components/table/index.cjs +3 -3
- package/dist/components/table/index.js +2 -2
- package/dist/components/text-area/index.cjs +4 -4
- package/dist/components/text-area/index.js +3 -3
- package/dist/components/text-area/text-area.d.cts +1 -1
- package/dist/components/text-area/text-area.d.ts +1 -1
- package/dist/components/text-field/index.cjs +3 -3
- package/dist/components/text-field/index.js +2 -2
- package/dist/components/text-field/text-field.type.d.cts +4 -4
- package/dist/components/text-field/text-field.type.d.ts +4 -4
- package/dist/components/time-picker/index.cjs +4 -4
- package/dist/components/time-picker/index.js +3 -3
- package/dist/components/toast/index.cjs +2 -2
- package/dist/components/toast/index.js +1 -1
- package/dist/components/toast/toast.animation.d.cts +2 -2
- package/dist/components/toast/toast.animation.d.ts +2 -2
- package/dist/components/toast/toast.utils.d.cts +1 -1
- package/dist/components/toast/toast.utils.d.ts +1 -1
- package/dist/components/typography/typography.type.d.cts +1 -1
- package/dist/components/typography/typography.type.d.ts +1 -1
- package/dist/hooks/use-rotation.d.cts +1 -1
- package/dist/hooks/use-rotation.d.ts +1 -1
- package/dist/index.cjs +56 -38
- package/dist/index.js +64 -46
- package/dist/system/anchored/indicator-spring.d.cts +2 -2
- package/dist/system/anchored/indicator-spring.d.ts +2 -2
- package/dist/theme/derive-colors.d.cts +1 -1
- package/dist/theme/derive-colors.d.ts +1 -1
- package/dist/theme/index.cjs +2 -2
- package/dist/theme/index.js +1 -1
- package/package.json +11 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkNRU5APUEcjs = require('../../chunk-NRU5APUE.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -11,8 +11,8 @@ var _chunkNADCILBLcjs = require('../../chunk-NADCILBL.cjs');
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
15
|
-
require('../../chunk-
|
|
14
|
+
var _chunk2IOL3VDPcjs = require('../../chunk-2IOL3VDP.cjs');
|
|
15
|
+
require('../../chunk-BKY5YQ7W.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -21,7 +21,7 @@ require('../../chunk-WLWZG2PA.cjs');
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _chunk3TBT6ORWcjs = require('../../chunk-3TBT6ORW.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
var _chunk6NRWZR7Tcjs = require('../../chunk-6NRWZR7T.cjs');
|
|
@@ -59,11 +59,18 @@ var _react = require('react');
|
|
|
59
59
|
|
|
60
60
|
|
|
61
61
|
var _min = require('libphonenumber-js/min');
|
|
62
|
+
function regionNames(locale) {
|
|
63
|
+
try {
|
|
64
|
+
return new Intl.DisplayNames([locale], { type: "region" });
|
|
65
|
+
} catch (e) {
|
|
66
|
+
return void 0;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
62
69
|
function phoneCountries(locale, codes = _min.getCountries.call(void 0, )) {
|
|
63
|
-
const names =
|
|
70
|
+
const names = regionNames(locale);
|
|
64
71
|
return [...new Set(codes)].map((code) => ({
|
|
65
72
|
code,
|
|
66
|
-
name: _nullishCoalesce(names.of(code), () => ( code)),
|
|
73
|
+
name: _nullishCoalesce(_optionalChain([names, 'optionalAccess', _ => _.of, 'call', _2 => _2(code)]), () => ( code)),
|
|
67
74
|
callingCode: _min.getCountryCallingCode.call(void 0, code),
|
|
68
75
|
flag: String.fromCodePoint(
|
|
69
76
|
...[...code].map((letter) => letter.charCodeAt(0) + 127397)
|
|
@@ -83,7 +90,7 @@ function filterPhoneCountries(countries, query) {
|
|
|
83
90
|
}
|
|
84
91
|
function readPhoneNumber(value) {
|
|
85
92
|
const parsed = _min.parsePhoneNumberFromString.call(void 0, value.nationalNumber, value.country);
|
|
86
|
-
return _optionalChain([parsed, 'optionalAccess',
|
|
93
|
+
return _optionalChain([parsed, 'optionalAccess', _3 => _3.isPossible, 'call', _4 => _4()]) ? parsed : null;
|
|
87
94
|
}
|
|
88
95
|
function editPhoneNumber(text, current, allowed) {
|
|
89
96
|
const normalized = _min.parseIncompletePhoneNumber.call(void 0, text);
|
|
@@ -91,7 +98,7 @@ function editPhoneNumber(text, current, allowed) {
|
|
|
91
98
|
return { country: current.country, nationalNumber: normalized.slice(0, 17) };
|
|
92
99
|
}
|
|
93
100
|
const parsed = _min.parsePhoneNumberFromString.call(void 0, normalized);
|
|
94
|
-
if (!_optionalChain([parsed, 'optionalAccess',
|
|
101
|
+
if (!_optionalChain([parsed, 'optionalAccess', _5 => _5.country])) {
|
|
95
102
|
return { country: current.country, nationalNumber: normalized.slice(0, 16) };
|
|
96
103
|
}
|
|
97
104
|
if (allowed && !allowed.includes(parsed.country)) return current;
|
|
@@ -117,7 +124,7 @@ var PhoneNumberFieldRoot = _react.forwardRef.call(void 0,
|
|
|
117
124
|
const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
|
|
118
125
|
value: controlled,
|
|
119
126
|
defaultValue: _nullishCoalesce(defaultValue, () => ( {
|
|
120
|
-
country: _nullishCoalesce(_optionalChain([countryCodes, 'optionalAccess',
|
|
127
|
+
country: _nullishCoalesce(_optionalChain([countryCodes, 'optionalAccess', _6 => _6[0]]), () => ( "US")),
|
|
121
128
|
nationalNumber: ""
|
|
122
129
|
})),
|
|
123
130
|
onChange: onValueChange
|
|
@@ -165,7 +172,7 @@ var PhoneNumberFieldRoot = _react.forwardRef.call(void 0,
|
|
|
165
172
|
value,
|
|
166
173
|
country,
|
|
167
174
|
countries,
|
|
168
|
-
phoneNumber: _nullishCoalesce(_optionalChain([phoneNumber, 'optionalAccess',
|
|
175
|
+
phoneNumber: _nullishCoalesce(_optionalChain([phoneNumber, 'optionalAccess', _7 => _7.number]), () => ( null)),
|
|
169
176
|
setNumber,
|
|
170
177
|
selectCountry,
|
|
171
178
|
formatNumber,
|
|
@@ -189,13 +196,13 @@ var PhoneNumberFieldRoot = _react.forwardRef.call(void 0,
|
|
|
189
196
|
]
|
|
190
197
|
);
|
|
191
198
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhoneNumberFieldProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
192
|
-
|
|
199
|
+
_chunk3TBT6ORWcjs.BottomSheet,
|
|
193
200
|
{
|
|
194
201
|
isOpen: context.isOpen,
|
|
195
202
|
onOpenChange: setOpen,
|
|
196
203
|
isDisabled,
|
|
197
204
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
198
|
-
|
|
205
|
+
_chunk2IOL3VDPcjs.TextFieldRoot,
|
|
199
206
|
{
|
|
200
207
|
ref,
|
|
201
208
|
variant: "primary",
|
|
@@ -215,13 +222,13 @@ PhoneNumberFieldRoot.displayName = "XAUI.PhoneNumberField.Root";
|
|
|
215
222
|
|
|
216
223
|
var PhoneNumberFieldField = _react.forwardRef.call(void 0, function PhoneNumberFieldField2({ style, onBlur, ...props }, ref) {
|
|
217
224
|
const { value, setNumber, formatNumber } = usePhoneNumberField();
|
|
218
|
-
const group =
|
|
225
|
+
const group = _chunkNRU5APUEcjs.useOptionalFieldGroup.call(void 0, );
|
|
219
226
|
const padding = _react.useMemo.call(void 0,
|
|
220
|
-
() =>
|
|
221
|
-
[_optionalChain([group, 'optionalAccess',
|
|
227
|
+
() => _chunkNRU5APUEcjs.decoratorPadding.call(void 0, _nullishCoalesce(_optionalChain([group, 'optionalAccess', _8 => _8.prefixWidth]), () => ( 0)), _nullishCoalesce(_optionalChain([group, 'optionalAccess', _9 => _9.suffixWidth]), () => ( 0))),
|
|
228
|
+
[_optionalChain([group, 'optionalAccess', _10 => _10.prefixWidth]), _optionalChain([group, 'optionalAccess', _11 => _11.suffixWidth])]
|
|
222
229
|
);
|
|
223
230
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
224
|
-
|
|
231
|
+
_chunk2IOL3VDPcjs.TextFieldField,
|
|
225
232
|
{
|
|
226
233
|
ref,
|
|
227
234
|
keyboardType: "phone-pad",
|
|
@@ -231,7 +238,7 @@ var PhoneNumberFieldField = _react.forwardRef.call(void 0, function PhoneNumberF
|
|
|
231
238
|
onChangeText: setNumber,
|
|
232
239
|
onBlur: (event) => {
|
|
233
240
|
formatNumber();
|
|
234
|
-
_optionalChain([onBlur, 'optionalCall',
|
|
241
|
+
_optionalChain([onBlur, 'optionalCall', _12 => _12(event)]);
|
|
235
242
|
},
|
|
236
243
|
style: [padding, style]
|
|
237
244
|
}
|
|
@@ -245,9 +252,9 @@ var _reactnative = require('react-native');
|
|
|
245
252
|
|
|
246
253
|
var PhoneNumberFieldCountry = _react.forwardRef.call(void 0, function PhoneNumberFieldCountry2({ children, asChild, ...props }, ref) {
|
|
247
254
|
const { country } = usePhoneNumberField();
|
|
248
|
-
const { labelStyle } =
|
|
255
|
+
const { labelStyle } = _chunk2IOL3VDPcjs.useTextField.call(void 0, );
|
|
249
256
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
250
|
-
|
|
257
|
+
_chunk3TBT6ORWcjs.BottomSheetTrigger,
|
|
251
258
|
{
|
|
252
259
|
ref,
|
|
253
260
|
asChild,
|
|
@@ -271,8 +278,8 @@ function PhoneNumberFieldContent({
|
|
|
271
278
|
...props
|
|
272
279
|
}) {
|
|
273
280
|
const context = usePhoneNumberField();
|
|
274
|
-
const field =
|
|
275
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
281
|
+
const field = _chunk2IOL3VDPcjs.useTextField.call(void 0, );
|
|
282
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TBT6ORWcjs.BottomSheetContent, { ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PhoneNumberFieldProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2IOL3VDPcjs.TextFieldProvider, { value: field, children }) }) });
|
|
276
283
|
}
|
|
277
284
|
PhoneNumberFieldContent.displayName = "XAUI.PhoneNumberField.Content";
|
|
278
285
|
|
|
@@ -281,8 +288,8 @@ PhoneNumberFieldContent.displayName = "XAUI.PhoneNumberField.Content";
|
|
|
281
288
|
|
|
282
289
|
var PhoneNumberFieldSearch = _react.forwardRef.call(void 0, function PhoneNumberFieldSearch2(props, ref) {
|
|
283
290
|
const { query, setQuery } = usePhoneNumberField();
|
|
284
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
285
|
-
|
|
291
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2IOL3VDPcjs.TextField, { variant: "secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
292
|
+
_chunk2IOL3VDPcjs.TextField.Field,
|
|
286
293
|
{
|
|
287
294
|
ref,
|
|
288
295
|
accessibilityRole: "search",
|
|
@@ -346,16 +353,16 @@ PhoneNumberFieldCountryList.displayName = "XAUI.PhoneNumberField.CountryList";
|
|
|
346
353
|
|
|
347
354
|
// src/components/phone-number-field/index.ts
|
|
348
355
|
var PhoneNumberField2 = Object.assign(PhoneNumberFieldRoot, {
|
|
349
|
-
Label:
|
|
356
|
+
Label: _chunk2IOL3VDPcjs.TextFieldLabel,
|
|
350
357
|
Field: PhoneNumberFieldField,
|
|
351
358
|
Country: PhoneNumberFieldCountry,
|
|
352
|
-
Description:
|
|
353
|
-
Error:
|
|
354
|
-
Overlay:
|
|
359
|
+
Description: _chunk2IOL3VDPcjs.TextFieldDescription,
|
|
360
|
+
Error: _chunk2IOL3VDPcjs.TextFieldError,
|
|
361
|
+
Overlay: _chunk3TBT6ORWcjs.BottomSheetOverlay,
|
|
355
362
|
Content: PhoneNumberFieldContent,
|
|
356
|
-
Handle:
|
|
357
|
-
Title:
|
|
358
|
-
Close:
|
|
363
|
+
Handle: _chunk3TBT6ORWcjs.BottomSheetHandle,
|
|
364
|
+
Title: _chunk3TBT6ORWcjs.BottomSheetTitle,
|
|
365
|
+
Close: _chunk3TBT6ORWcjs.BottomSheetClose,
|
|
359
366
|
Search: PhoneNumberFieldSearch,
|
|
360
367
|
CountryList: PhoneNumberFieldCountryList
|
|
361
368
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
decoratorPadding,
|
|
3
3
|
useOptionalFieldGroup
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-MZUYTCCB.js";
|
|
5
5
|
import {
|
|
6
6
|
TextField,
|
|
7
7
|
TextFieldDescription,
|
|
@@ -11,8 +11,8 @@ import {
|
|
|
11
11
|
TextFieldProvider,
|
|
12
12
|
TextFieldRoot,
|
|
13
13
|
useTextField
|
|
14
|
-
} from "../../chunk-
|
|
15
|
-
import "../../chunk-
|
|
14
|
+
} from "../../chunk-JYV53WUN.js";
|
|
15
|
+
import "../../chunk-NTVPLDJC.js";
|
|
16
16
|
import {
|
|
17
17
|
BottomSheet,
|
|
18
18
|
BottomSheetClose,
|
|
@@ -21,7 +21,7 @@ import {
|
|
|
21
21
|
BottomSheetOverlay,
|
|
22
22
|
BottomSheetTitle,
|
|
23
23
|
BottomSheetTrigger
|
|
24
|
-
} from "../../chunk-
|
|
24
|
+
} from "../../chunk-LYWXGEED.js";
|
|
25
25
|
import {
|
|
26
26
|
Button
|
|
27
27
|
} from "../../chunk-6MVKLRLZ.js";
|
|
@@ -59,11 +59,18 @@ import {
|
|
|
59
59
|
parsePhoneNumberFromString,
|
|
60
60
|
parseIncompletePhoneNumber
|
|
61
61
|
} from "libphonenumber-js/min";
|
|
62
|
+
function regionNames(locale) {
|
|
63
|
+
try {
|
|
64
|
+
return new Intl.DisplayNames([locale], { type: "region" });
|
|
65
|
+
} catch {
|
|
66
|
+
return void 0;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
62
69
|
function phoneCountries(locale, codes = getCountries()) {
|
|
63
|
-
const names =
|
|
70
|
+
const names = regionNames(locale);
|
|
64
71
|
return [...new Set(codes)].map((code) => ({
|
|
65
72
|
code,
|
|
66
|
-
name: names
|
|
73
|
+
name: names?.of(code) ?? code,
|
|
67
74
|
callingCode: getCountryCallingCode(code),
|
|
68
75
|
flag: String.fromCodePoint(
|
|
69
76
|
...[...code].map((letter) => letter.charCodeAt(0) + 127397)
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _chunkKAYZH7ZNcjs = require('../../chunk-KAYZH7ZN.cjs');
|
|
13
13
|
require('../../chunk-GTR5X65M.cjs');
|
|
14
14
|
require('../../chunk-YVYYONTP.cjs');
|
|
15
15
|
require('../../chunk-WDDXU3OH.cjs');
|
|
@@ -37,4 +37,4 @@ require('../../chunk-TK44VBIE.cjs');
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
exports.Popover =
|
|
40
|
+
exports.Popover = _chunkKAYZH7ZNcjs.Popover2; exports.PopoverClose = _chunkKAYZH7ZNcjs.PopoverClose; exports.PopoverContent = _chunkKAYZH7ZNcjs.PopoverContent; exports.PopoverDescription = _chunkKAYZH7ZNcjs.PopoverDescription; exports.PopoverOverlay = _chunkKAYZH7ZNcjs.PopoverOverlay; exports.PopoverRoot = _chunkKAYZH7ZNcjs.Popover; exports.PopoverTitle = _chunkKAYZH7ZNcjs.PopoverTitle; exports.PopoverTrigger = _chunkKAYZH7ZNcjs.PopoverTrigger; exports.popoverRecipe = _chunkKAYZH7ZNcjs.popoverRecipe; exports.usePopover = _chunkKAYZH7ZNcjs.usePopover;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Thirteen ems, which is about twenty-six characters a line — narrow, and deliberately so.
|
|
5
5
|
* A popover is read at a glance, and a glance is two or three short lines rather than a
|
|
6
6
|
* paragraph; past this it stops being an aside and starts being a sheet with a tail. It is
|
|
7
|
-
* also where
|
|
7
|
+
* also where the reference implementation's own panels land, measured off their placement demos: a little over
|
|
8
8
|
* two hundred points on a three-hundred-and-ninety point screen.
|
|
9
9
|
*
|
|
10
10
|
* A measure rather than a number of points, so a theme that scales its type scales the
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Thirteen ems, which is about twenty-six characters a line — narrow, and deliberately so.
|
|
5
5
|
* A popover is read at a glance, and a glance is two or three short lines rather than a
|
|
6
6
|
* paragraph; past this it stops being an aside and starts being a sheet with a tail. It is
|
|
7
|
-
* also where
|
|
7
|
+
* also where the reference implementation's own panels land, measured off their placement demos: a little over
|
|
8
8
|
* two hundred points on a three-hundred-and-ninety point screen.
|
|
9
9
|
*
|
|
10
10
|
* A measure rather than a number of points, so a theme that scales its type scales the
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
require('../../chunk-
|
|
12
|
-
require('../../chunk-
|
|
13
|
-
require('../../chunk-
|
|
10
|
+
var _chunk3CI4JGY4cjs = require('../../chunk-3CI4JGY4.cjs');
|
|
11
|
+
require('../../chunk-NRU5APUE.cjs');
|
|
12
|
+
require('../../chunk-2IOL3VDP.cjs');
|
|
13
|
+
require('../../chunk-BKY5YQ7W.cjs');
|
|
14
14
|
require('../../chunk-WNEDQTH6.cjs');
|
|
15
15
|
require('../../chunk-HBYT7B47.cjs');
|
|
16
16
|
require('../../chunk-7DPL3ZDS.cjs');
|
|
@@ -32,4 +32,4 @@ require('../../chunk-TK44VBIE.cjs');
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
exports.SearchField =
|
|
35
|
+
exports.SearchField = _chunk3CI4JGY4cjs.SearchField; exports.SearchFieldClear = _chunk3CI4JGY4cjs.SearchFieldClear; exports.SearchFieldField = _chunk3CI4JGY4cjs.SearchFieldField; exports.SearchFieldIcon = _chunk3CI4JGY4cjs.SearchFieldIcon; exports.SearchFieldRoot = _chunk3CI4JGY4cjs.SearchFieldRoot; exports.SearchIcon = _chunk3CI4JGY4cjs.SearchIcon; exports.searchFieldRecipe = _chunk3CI4JGY4cjs.searchFieldRecipe; exports.useSearchField = _chunk3CI4JGY4cjs.useSearchField;
|
|
@@ -7,10 +7,10 @@ import {
|
|
|
7
7
|
SearchIcon,
|
|
8
8
|
searchFieldRecipe,
|
|
9
9
|
useSearchField
|
|
10
|
-
} from "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
13
|
-
import "../../chunk-
|
|
10
|
+
} from "../../chunk-ES7RME6G.js";
|
|
11
|
+
import "../../chunk-MZUYTCCB.js";
|
|
12
|
+
import "../../chunk-JYV53WUN.js";
|
|
13
|
+
import "../../chunk-NTVPLDJC.js";
|
|
14
14
|
import "../../chunk-SIX5AVXG.js";
|
|
15
15
|
import "../../chunk-KQW25RCC.js";
|
|
16
16
|
import "../../chunk-423RQBOX.js";
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
var
|
|
17
|
+
var _chunkFWAP4WAJcjs = require('../../chunk-FWAP4WAJ.cjs');
|
|
18
18
|
require('../../chunk-FJGPDWMS.cjs');
|
|
19
19
|
require('../../chunk-YVYYONTP.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _chunkXILRXEULcjs = require('../../chunk-XILRXEUL.cjs');
|
|
23
23
|
require('../../chunk-WDDXU3OH.cjs');
|
|
24
24
|
require('../../chunk-EKS3W46M.cjs');
|
|
25
25
|
require('../../chunk-WFEMJCXO.cjs');
|
|
@@ -52,4 +52,4 @@ require('../../chunk-TK44VBIE.cjs');
|
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
|
-
exports.CheckIcon =
|
|
55
|
+
exports.CheckIcon = _chunkFWAP4WAJcjs.CheckIcon; exports.Select = _chunkFWAP4WAJcjs.Select2; exports.SelectContent = _chunkFWAP4WAJcjs.SelectContent; exports.SelectIndicator = _chunkFWAP4WAJcjs.SelectIndicator; exports.SelectItem = _chunkFWAP4WAJcjs.SelectItem; exports.SelectItemDescription = _chunkFWAP4WAJcjs.SelectItemDescription; exports.SelectItemIndicator = _chunkFWAP4WAJcjs.SelectItemIndicator; exports.SelectItemLabel = _chunkFWAP4WAJcjs.SelectItemLabel; exports.SelectLabel = _chunkFWAP4WAJcjs.SelectLabel; exports.SelectOverlay = _chunkFWAP4WAJcjs.SelectOverlay; exports.SelectRoot = _chunkFWAP4WAJcjs.Select; exports.SelectTrigger = _chunkFWAP4WAJcjs.SelectTrigger; exports.SelectValue = _chunkFWAP4WAJcjs.SelectValue; exports.selectRecipe = _chunkXILRXEULcjs.selectRecipe; exports.useSelect = _chunkFWAP4WAJcjs.useSelect; exports.useSelectItem = _chunkFWAP4WAJcjs.useSelectItem;
|
|
@@ -14,12 +14,12 @@ import {
|
|
|
14
14
|
SelectValue,
|
|
15
15
|
useSelect,
|
|
16
16
|
useSelectItem
|
|
17
|
-
} from "../../chunk-
|
|
17
|
+
} from "../../chunk-Z2KK5W7P.js";
|
|
18
18
|
import "../../chunk-4WCBZFAK.js";
|
|
19
19
|
import "../../chunk-Z6FRP4EV.js";
|
|
20
20
|
import {
|
|
21
21
|
selectRecipe
|
|
22
|
-
} from "../../chunk-
|
|
22
|
+
} from "../../chunk-AMFGATFY.js";
|
|
23
23
|
import "../../chunk-2PMXMKS5.js";
|
|
24
24
|
import "../../chunk-64MXEVT3.js";
|
|
25
25
|
import "../../chunk-NCTOTTVW.js";
|
|
@@ -4,7 +4,7 @@ import type { SelectIndicatorProps } from './select.type';
|
|
|
4
4
|
*
|
|
5
5
|
* It rotates on a spring rather than a timing curve. A 180-degree turn on a curve reads
|
|
6
6
|
* as an animation playing next to the list; on a spring heavy enough not to overshoot it
|
|
7
|
-
* reads as the list pushing the glyph round — which is the same trade
|
|
7
|
+
* reads as the list pushing the glyph round — which is the same trade the reference implementation makes, with
|
|
8
8
|
* the same numbers.
|
|
9
9
|
*
|
|
10
10
|
* The rotation is a worklet on the UI thread, so it keeps turning while JavaScript is
|
|
@@ -4,7 +4,7 @@ import type { SelectIndicatorProps } from './select.type';
|
|
|
4
4
|
*
|
|
5
5
|
* It rotates on a spring rather than a timing curve. A 180-degree turn on a curve reads
|
|
6
6
|
* as an animation playing next to the list; on a spring heavy enough not to overshoot it
|
|
7
|
-
* reads as the list pushing the glyph round — which is the same trade
|
|
7
|
+
* reads as the list pushing the glyph round — which is the same trade the reference implementation makes, with
|
|
8
8
|
* the same numbers.
|
|
9
9
|
*
|
|
10
10
|
* The rotation is a worklet on the UI thread, so it keeps turning while JavaScript is
|
|
@@ -51,7 +51,7 @@ type SkeletonOwnProps = {
|
|
|
51
51
|
/**
|
|
52
52
|
* `false` freezes the block at full opacity and mounts no worklet.
|
|
53
53
|
*
|
|
54
|
-
* A boolean rather than
|
|
54
|
+
* A boolean rather than the reference implementation's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
|
|
55
55
|
* gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
|
|
56
56
|
* an optional peer a component in the core cannot require. One animation, so there is
|
|
57
57
|
* nothing for a name to choose between.
|
|
@@ -51,7 +51,7 @@ type SkeletonOwnProps = {
|
|
|
51
51
|
/**
|
|
52
52
|
* `false` freezes the block at full opacity and mounts no worklet.
|
|
53
53
|
*
|
|
54
|
-
* A boolean rather than
|
|
54
|
+
* A boolean rather than the reference implementation's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
|
|
55
55
|
* gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
|
|
56
56
|
* an optional peer a component in the core cannot require. One animation, so there is
|
|
57
57
|
* nothing for a name to choose between.
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _chunkC6JO2RTVcjs = require('../../chunk-C6JO2RTV.cjs');
|
|
11
|
+
require('../../chunk-7EIHHOHP.cjs');
|
|
12
|
+
require('../../chunk-GSZDN6EZ.cjs');
|
|
13
|
+
require('../../chunk-FHNIGHN5.cjs');
|
|
14
|
+
require('../../chunk-SL3V7R2Y.cjs');
|
|
15
|
+
require('../../chunk-TVJXC4HY.cjs');
|
|
16
|
+
require('../../chunk-CDRGTUYF.cjs');
|
|
17
|
+
require('../../chunk-H4E4HDEP.cjs');
|
|
18
|
+
require('../../chunk-EJQCQPET.cjs');
|
|
19
|
+
require('../../chunk-IIAQISBG.cjs');
|
|
20
|
+
require('../../chunk-TK44VBIE.cjs');
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
exports.SlideButton = _chunkC6JO2RTVcjs.SlideButton; exports.SlideButtonFill = _chunkC6JO2RTVcjs.SlideButtonFill; exports.SlideButtonIcon = _chunkC6JO2RTVcjs.SlideButtonIcon; exports.SlideButtonLabel = _chunkC6JO2RTVcjs.SlideButtonLabel; exports.SlideButtonRoot = _chunkC6JO2RTVcjs.SlideButtonRoot; exports.SlideButtonThumb = _chunkC6JO2RTVcjs.SlideButtonThumb; exports.slideButtonRecipe = _chunkC6JO2RTVcjs.slideButtonRecipe; exports.useSlideButton = _chunkC6JO2RTVcjs.useSlideButton;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { SlideButtonIcon } from './slide-button-icon';
|
|
2
|
+
import { SlideButtonThumb } from './slide-button-thumb';
|
|
3
|
+
export declare const SlideButton: import("react").ForwardRefExoticComponent<{
|
|
4
|
+
children?: import("react").ReactNode;
|
|
5
|
+
variant?: import("./slide-button.type").SlideButtonVariant;
|
|
6
|
+
size?: import("./slide-button.type").SlideButtonSize;
|
|
7
|
+
radius?: import("../..").RadiusKey;
|
|
8
|
+
color?: string;
|
|
9
|
+
threshold?: number;
|
|
10
|
+
isConfirmed?: boolean;
|
|
11
|
+
defaultConfirmed?: boolean;
|
|
12
|
+
onConfirm?: () => void;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
15
|
+
} & Omit<import("react-native").ViewProps, keyof {
|
|
16
|
+
children?: import("react").ReactNode;
|
|
17
|
+
variant?: import("./slide-button.type").SlideButtonVariant;
|
|
18
|
+
size?: import("./slide-button.type").SlideButtonSize;
|
|
19
|
+
radius?: import("../..").RadiusKey;
|
|
20
|
+
color?: string;
|
|
21
|
+
threshold?: number;
|
|
22
|
+
isConfirmed?: boolean;
|
|
23
|
+
defaultConfirmed?: boolean;
|
|
24
|
+
onConfirm?: () => void;
|
|
25
|
+
isDisabled?: boolean;
|
|
26
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
27
|
+
}> & Omit<import("../..").ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "radius" | "size" | "variant" | "threshold" | "isConfirmed" | "defaultConfirmed" | "onConfirm"> & import("react").RefAttributes<import("react-native").View>> & {
|
|
28
|
+
Fill: import("react").ForwardRefExoticComponent<{
|
|
29
|
+
children?: never;
|
|
30
|
+
} & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<import("react-native").View>>;
|
|
31
|
+
Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
|
|
32
|
+
children?: import("react").ReactNode;
|
|
33
|
+
} & import("react").RefAttributes<import("react-native").Text>>;
|
|
34
|
+
Thumb: typeof SlideButtonThumb;
|
|
35
|
+
Icon: typeof SlideButtonIcon;
|
|
36
|
+
};
|
|
37
|
+
export { SlideButtonRoot } from './slide-button';
|
|
38
|
+
export { SlideButtonFill } from './slide-button-fill';
|
|
39
|
+
export { SlideButtonLabel } from './slide-button-label';
|
|
40
|
+
export { SlideButtonThumb } from './slide-button-thumb';
|
|
41
|
+
export { SlideButtonIcon } from './slide-button-icon';
|
|
42
|
+
export { useSlideButton } from './slide-button.context';
|
|
43
|
+
export { slideButtonRecipe } from './slide-button.recipe';
|
|
44
|
+
export type { SlideButtonContextValue, SlideButtonFillProps, SlideButtonIconProps, SlideButtonLabelProps, SlideButtonProps, SlideButtonSize, SlideButtonSlot, SlideButtonThumbProps, SlideButtonVariant, } from './slide-button.type';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { SlideButtonIcon } from './slide-button-icon';
|
|
2
|
+
import { SlideButtonThumb } from './slide-button-thumb';
|
|
3
|
+
export declare const SlideButton: import("react").ForwardRefExoticComponent<{
|
|
4
|
+
children?: import("react").ReactNode;
|
|
5
|
+
variant?: import("./slide-button.type").SlideButtonVariant;
|
|
6
|
+
size?: import("./slide-button.type").SlideButtonSize;
|
|
7
|
+
radius?: import("../..").RadiusKey;
|
|
8
|
+
color?: string;
|
|
9
|
+
threshold?: number;
|
|
10
|
+
isConfirmed?: boolean;
|
|
11
|
+
defaultConfirmed?: boolean;
|
|
12
|
+
onConfirm?: () => void;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
15
|
+
} & Omit<import("react-native").ViewProps, keyof {
|
|
16
|
+
children?: import("react").ReactNode;
|
|
17
|
+
variant?: import("./slide-button.type").SlideButtonVariant;
|
|
18
|
+
size?: import("./slide-button.type").SlideButtonSize;
|
|
19
|
+
radius?: import("../..").RadiusKey;
|
|
20
|
+
color?: string;
|
|
21
|
+
threshold?: number;
|
|
22
|
+
isConfirmed?: boolean;
|
|
23
|
+
defaultConfirmed?: boolean;
|
|
24
|
+
onConfirm?: () => void;
|
|
25
|
+
isDisabled?: boolean;
|
|
26
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
27
|
+
}> & Omit<import("../..").ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "radius" | "size" | "variant" | "threshold" | "isConfirmed" | "defaultConfirmed" | "onConfirm"> & import("react").RefAttributes<import("react-native").View>> & {
|
|
28
|
+
Fill: import("react").ForwardRefExoticComponent<{
|
|
29
|
+
children?: never;
|
|
30
|
+
} & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<import("react-native").View>>;
|
|
31
|
+
Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
|
|
32
|
+
children?: import("react").ReactNode;
|
|
33
|
+
} & import("react").RefAttributes<import("react-native").Text>>;
|
|
34
|
+
Thumb: typeof SlideButtonThumb;
|
|
35
|
+
Icon: typeof SlideButtonIcon;
|
|
36
|
+
};
|
|
37
|
+
export { SlideButtonRoot } from './slide-button';
|
|
38
|
+
export { SlideButtonFill } from './slide-button-fill';
|
|
39
|
+
export { SlideButtonLabel } from './slide-button-label';
|
|
40
|
+
export { SlideButtonThumb } from './slide-button-thumb';
|
|
41
|
+
export { SlideButtonIcon } from './slide-button-icon';
|
|
42
|
+
export { useSlideButton } from './slide-button.context';
|
|
43
|
+
export { slideButtonRecipe } from './slide-button.recipe';
|
|
44
|
+
export type { SlideButtonContextValue, SlideButtonFillProps, SlideButtonIconProps, SlideButtonLabelProps, SlideButtonProps, SlideButtonSize, SlideButtonSlot, SlideButtonThumbProps, SlideButtonVariant, } from './slide-button.type';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SlideButton,
|
|
3
|
+
SlideButtonFill,
|
|
4
|
+
SlideButtonIcon,
|
|
5
|
+
SlideButtonLabel,
|
|
6
|
+
SlideButtonRoot,
|
|
7
|
+
SlideButtonThumb,
|
|
8
|
+
slideButtonRecipe,
|
|
9
|
+
useSlideButton
|
|
10
|
+
} from "../../chunk-SVS726BW.js";
|
|
11
|
+
import "../../chunk-F6W3JQ7K.js";
|
|
12
|
+
import "../../chunk-JN6IRT2M.js";
|
|
13
|
+
import "../../chunk-WFZDAXDI.js";
|
|
14
|
+
import "../../chunk-DKVXTMIJ.js";
|
|
15
|
+
import "../../chunk-3Q42X6EQ.js";
|
|
16
|
+
import "../../chunk-TTZOIXKE.js";
|
|
17
|
+
import "../../chunk-36PRYGAM.js";
|
|
18
|
+
import "../../chunk-EGLLDKN6.js";
|
|
19
|
+
import "../../chunk-Z6JBWRPL.js";
|
|
20
|
+
import "../../chunk-M63GFNKV.js";
|
|
21
|
+
export {
|
|
22
|
+
SlideButton,
|
|
23
|
+
SlideButtonFill,
|
|
24
|
+
SlideButtonIcon,
|
|
25
|
+
SlideButtonLabel,
|
|
26
|
+
SlideButtonRoot,
|
|
27
|
+
SlideButtonThumb,
|
|
28
|
+
slideButtonRecipe,
|
|
29
|
+
useSlideButton
|
|
30
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { View } from 'react-native';
|
|
2
|
+
/**
|
|
3
|
+
* The trail behind the handle — how far the slide has come, not a state.
|
|
4
|
+
*
|
|
5
|
+
* Optional: compose it for the affordance, leave it out for a bare pill.
|
|
6
|
+
*
|
|
7
|
+
* **Its width is the fraction of the travel the handle has covered, laid over the whole
|
|
8
|
+
* pill — not the handle's raw offset.** The two agree at rest, where both are nothing.
|
|
9
|
+
* They part at the end, and that is the point: the handle comes to rest a handle's width
|
|
10
|
+
* short of the trailing cap, because that is where the handle physically *is*, and a trail
|
|
11
|
+
* that stopped with it left a confirmed slide showing sixty-odd points of unswept pill —
|
|
12
|
+
* reading as almost done at the moment it is done. Spread over the pill, the trail lands
|
|
13
|
+
* full.
|
|
14
|
+
*
|
|
15
|
+
* In between, the trail's leading edge sits under the handle for all but the first and last
|
|
16
|
+
* few points of the drag, so there is no seam to see while the finger is down.
|
|
17
|
+
*
|
|
18
|
+
* It is drawn inside a window cut to the pill's shape, because its own corner cannot be:
|
|
19
|
+
* `radius.full` is clamped to half the shorter side, so while the trail is narrower than
|
|
20
|
+
* the pill is tall it draws a squarer corner than the pill's and shows outside it. The
|
|
21
|
+
* window is here rather than on the root so that the cut lands on the trail alone and not
|
|
22
|
+
* on the handle's shadow.
|
|
23
|
+
*
|
|
24
|
+
* Driven on the UI thread; a spring here would let the trail and the handle come apart
|
|
25
|
+
* under the finger.
|
|
26
|
+
*/
|
|
27
|
+
export declare const SlideButtonFill: import("react").ForwardRefExoticComponent<{
|
|
28
|
+
children?: never;
|
|
29
|
+
} & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<View>>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { View } from 'react-native';
|
|
2
|
+
/**
|
|
3
|
+
* The trail behind the handle — how far the slide has come, not a state.
|
|
4
|
+
*
|
|
5
|
+
* Optional: compose it for the affordance, leave it out for a bare pill.
|
|
6
|
+
*
|
|
7
|
+
* **Its width is the fraction of the travel the handle has covered, laid over the whole
|
|
8
|
+
* pill — not the handle's raw offset.** The two agree at rest, where both are nothing.
|
|
9
|
+
* They part at the end, and that is the point: the handle comes to rest a handle's width
|
|
10
|
+
* short of the trailing cap, because that is where the handle physically *is*, and a trail
|
|
11
|
+
* that stopped with it left a confirmed slide showing sixty-odd points of unswept pill —
|
|
12
|
+
* reading as almost done at the moment it is done. Spread over the pill, the trail lands
|
|
13
|
+
* full.
|
|
14
|
+
*
|
|
15
|
+
* In between, the trail's leading edge sits under the handle for all but the first and last
|
|
16
|
+
* few points of the drag, so there is no seam to see while the finger is down.
|
|
17
|
+
*
|
|
18
|
+
* It is drawn inside a window cut to the pill's shape, because its own corner cannot be:
|
|
19
|
+
* `radius.full` is clamped to half the shorter side, so while the trail is narrower than
|
|
20
|
+
* the pill is tall it draws a squarer corner than the pill's and shows outside it. The
|
|
21
|
+
* window is here rather than on the root so that the cut lands on the trail alone and not
|
|
22
|
+
* on the handle's shadow.
|
|
23
|
+
*
|
|
24
|
+
* Driven on the UI thread; a spring here would let the trail and the handle come apart
|
|
25
|
+
* under the finger.
|
|
26
|
+
*/
|
|
27
|
+
export declare const SlideButtonFill: import("react").ForwardRefExoticComponent<{
|
|
28
|
+
children?: never;
|
|
29
|
+
} & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<View>>;
|