@xaui/native 0.9.1-alpha.34 → 0.9.1-alpha.36
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-I66VMLHE.cjs → chunk-2L7FOIWY.cjs} +21 -21
- package/dist/{chunk-VSALV7VO.cjs → chunk-2LNE4PWB.cjs} +2 -2
- package/dist/{chunk-HVD5EX7V.js → chunk-2OZPOWFB.js} +1 -1
- package/dist/{chunk-6M7RUU7V.cjs → chunk-2SCE7TFZ.cjs} +64 -64
- package/dist/{chunk-L55CDXNI.js → chunk-3YZSUDZ2.js} +108 -102
- package/dist/{chunk-NLASSGA7.js → chunk-4XFEEBPU.js} +10 -2
- package/dist/{chunk-4SLOOIE5.cjs → chunk-5BNIIDQD.cjs} +2 -2
- package/dist/{chunk-HXL2QCMR.js → chunk-5GMU7ESV.js} +14 -14
- package/dist/{chunk-Q3D6KIVF.cjs → chunk-6N5ZCEAB.cjs} +104 -98
- package/dist/{chunk-GBFQZQ77.js → chunk-6U5IUUAR.js} +2 -2
- package/dist/{chunk-XWMB66ZM.cjs → chunk-ADQVA2FQ.cjs} +2 -2
- package/dist/{chunk-LT6XHFXJ.cjs → chunk-AQXNEV6J.cjs} +20 -21
- package/dist/{chunk-CNNLMMFV.cjs → chunk-AZRMOWRG.cjs} +6 -6
- package/dist/{chunk-JCYWU5TO.js → chunk-B6OKVLC7.js} +1 -1
- package/dist/{chunk-M2BGCN77.js → chunk-BAPXLO5N.js} +4 -4
- package/dist/{chunk-MHEL3NAN.js → chunk-CVCE7TW5.js} +53 -53
- package/dist/{chunk-BA2MPBCO.js → chunk-DL2PGB5G.js} +58 -58
- package/dist/{chunk-NFFL3E4N.js → chunk-DOLWSO7A.js} +2 -2
- package/dist/{chunk-ZA6RT3XQ.js → chunk-E5ZW7MBW.js} +16 -16
- package/dist/{chunk-K7LLERKT.cjs → chunk-EFPWXJAJ.cjs} +11 -11
- package/dist/{chunk-GGW42MY4.js → chunk-FJ5TLRT3.js} +2 -1
- package/dist/{chunk-CYS6U374.cjs → chunk-FVKIQBHS.cjs} +4 -4
- package/dist/{chunk-PBR44KVV.cjs → chunk-FYCDRRJ2.cjs} +22 -22
- package/dist/{chunk-DBXFFJTC.cjs → chunk-GHKJ6MUH.cjs} +8 -8
- package/dist/{chunk-QY4MN7X3.cjs → chunk-GPZSTEEI.cjs} +12 -12
- package/dist/{chunk-OHEHPQLC.cjs → chunk-HQVVQGYV.cjs} +2 -2
- package/dist/{chunk-MC7SY2QH.cjs → chunk-HT7H35GU.cjs} +2 -1
- package/dist/{chunk-PCWT2YBE.cjs → chunk-ISPOIMGX.cjs} +2 -2
- package/dist/{chunk-TZG3DERP.js → chunk-JB5XANQY.js} +1 -1
- package/dist/{chunk-I6ZB3FZI.cjs → chunk-K3AVOT6L.cjs} +2 -2
- package/dist/{chunk-AYOVBZAX.js → chunk-K7GAHNMJ.js} +3 -3
- package/dist/{chunk-2IWL6R3D.js → chunk-KZVHC4FL.js} +3 -3
- package/dist/{chunk-AOEXU5UV.cjs → chunk-LCDHTLSG.cjs} +3 -3
- package/dist/{chunk-UORTYL63.cjs → chunk-MFXZHLOU.cjs} +11 -11
- package/dist/{chunk-MSMZBUZO.cjs → chunk-N2U63JUX.cjs} +6 -6
- package/dist/{chunk-SLUJFE6R.js → chunk-OMV5MUTM.js} +15 -15
- package/dist/{chunk-MEYCZS32.js → chunk-OSCW7I4H.js} +1 -1
- package/dist/{chunk-WJPQARJ5.js → chunk-OWE5IID7.js} +1 -1
- package/dist/{chunk-DUQUCOUY.cjs → chunk-PGQWUASE.cjs} +2 -2
- package/dist/{chunk-LZK77LFX.js → chunk-QZO57TPX.js} +1 -1
- package/dist/{chunk-7CTIE42J.cjs → chunk-RPOKLFRB.cjs} +16 -8
- package/dist/{chunk-U3RDU3HU.js → chunk-RSGIJ6RI.js} +2 -2
- package/dist/{chunk-UR6DNU2M.js → chunk-SAGMDVFU.js} +2 -2
- package/dist/{chunk-CM4LI5OH.cjs → chunk-TE7KVFE4.cjs} +9 -9
- package/dist/{chunk-NMAZ2TQF.js → chunk-U3HFQHGZ.js} +1 -1
- package/dist/{chunk-XNNJM5DQ.js → chunk-UCW25LL6.js} +75 -75
- package/dist/{chunk-ZC35YYKS.js → chunk-V5IVMZQJ.js} +1 -1
- package/dist/{chunk-KQKD3KB3.js → chunk-VWATEE5O.js} +19 -20
- package/dist/{chunk-TVCS5UOE.cjs → chunk-XARBUUIE.cjs} +49 -49
- package/dist/{chunk-OX2YNMNS.cjs → chunk-ZU3XQZ63.cjs} +63 -63
- package/dist/components/alert/index.cjs +7 -7
- package/dist/components/alert/index.js +6 -6
- package/dist/components/avatar/index.cjs +5 -5
- package/dist/components/avatar/index.js +4 -4
- package/dist/components/badge/index.cjs +4 -4
- package/dist/components/badge/index.js +3 -3
- package/dist/components/button/index.cjs +6 -6
- package/dist/components/button/index.js +5 -5
- package/dist/components/card/index.cjs +5 -5
- package/dist/components/card/index.js +4 -4
- package/dist/components/checkbox/index.cjs +5 -5
- package/dist/components/checkbox/index.js +4 -4
- package/dist/components/chip/index.cjs +7 -7
- package/dist/components/chip/index.js +6 -6
- package/dist/components/divider/index.cjs +4 -4
- package/dist/components/divider/index.js +3 -3
- package/dist/components/field-group/index.cjs +28 -0
- package/dist/components/{input-group → field-group}/index.d.cts +60 -60
- package/dist/components/{input-group → field-group}/index.d.ts +60 -60
- package/dist/components/field-group/index.js +28 -0
- package/dist/components/input-otp/index.cjs +4 -4
- package/dist/components/input-otp/index.js +3 -3
- package/dist/components/radio/index.cjs +5 -5
- package/dist/components/radio/index.js +4 -4
- package/dist/components/skeleton/index.cjs +4 -4
- package/dist/components/skeleton/index.d.cts +44 -53
- package/dist/components/skeleton/index.d.ts +44 -53
- package/dist/components/skeleton/index.js +3 -3
- package/dist/components/spinner/index.cjs +4 -4
- package/dist/components/spinner/index.js +3 -3
- package/dist/components/switch/index.cjs +5 -5
- package/dist/components/switch/index.js +4 -4
- package/dist/components/text-area/index.cjs +5 -5
- package/dist/components/text-area/index.d.cts +10 -10
- package/dist/components/text-area/index.d.ts +10 -10
- package/dist/components/text-area/index.js +4 -4
- package/dist/components/text-field/index.cjs +26 -0
- package/dist/components/{input → text-field}/index.d.cts +43 -43
- package/dist/components/{input → text-field}/index.d.ts +43 -43
- package/dist/components/text-field/index.js +26 -0
- package/dist/components/typography/index.cjs +4 -4
- package/dist/components/typography/index.js +3 -3
- package/dist/components/view/index.cjs +4 -4
- package/dist/components/view/index.js +3 -3
- package/dist/index.cjs +26 -26
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +60 -60
- package/dist/system/index.cjs +7 -7
- package/dist/system/index.js +6 -6
- package/dist/{input.type-D2qgi03E.d.ts → text-field.type-0l73acce.d.ts} +24 -24
- package/dist/{input.type-BUMDlzL9.d.cts → text-field.type-DBh06DU5.d.cts} +24 -24
- package/dist/theme/index.cjs +3 -3
- package/dist/theme/index.js +2 -2
- package/package.json +16 -16
- package/dist/components/input/index.cjs +0 -26
- package/dist/components/input/index.js +0 -26
- package/dist/components/input-group/index.cjs +0 -28
- package/dist/components/input-group/index.js +0 -28
|
@@ -8,24 +8,24 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
|
|
|
8
8
|
var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
15
15
|
|
|
16
|
-
// src/components/
|
|
16
|
+
// src/components/text-field/text-field-description.tsx
|
|
17
17
|
var _react = require('react');
|
|
18
18
|
var _reactnative = require('react-native');
|
|
19
19
|
|
|
20
|
-
// src/components/
|
|
21
|
-
var [
|
|
20
|
+
// src/components/text-field/text-field.context.ts
|
|
21
|
+
var [TextFieldProvider, useTextField] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "TextField");
|
|
22
22
|
|
|
23
|
-
// src/components/
|
|
23
|
+
// src/components/text-field/text-field-description.tsx
|
|
24
24
|
var _jsxruntime = require('react/jsx-runtime');
|
|
25
|
-
var
|
|
26
|
-
function
|
|
27
|
-
const { descriptionStyle, descriptionId } =
|
|
28
|
-
const [styleProps, rest] =
|
|
25
|
+
var TextFieldDescription = _react.forwardRef.call(void 0,
|
|
26
|
+
function TextFieldDescription2({ children, style, nativeID, ...props }, ref) {
|
|
27
|
+
const { descriptionStyle, descriptionId } = useTextField();
|
|
28
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
29
29
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
30
30
|
_reactnative.Text,
|
|
31
31
|
{
|
|
@@ -38,93 +38,99 @@ var InputDescription = _react.forwardRef.call(void 0,
|
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
|
|
41
|
+
TextFieldDescription.displayName = "XAUI.TextField.Description";
|
|
42
42
|
|
|
43
|
-
// src/components/
|
|
43
|
+
// src/components/text-field/text-field-error.tsx
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
});
|
|
52
|
-
|
|
47
|
+
var TextFieldError = _react.forwardRef.call(void 0,
|
|
48
|
+
function TextFieldError2({ children, style, ...props }, ref) {
|
|
49
|
+
const { errorStyle } = useTextField();
|
|
50
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
51
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [errorStyle, styleProps, style], ...rest, children });
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
TextFieldError.displayName = "XAUI.TextField.Error";
|
|
53
55
|
|
|
54
|
-
// src/components/
|
|
56
|
+
// src/components/text-field/text-field-field.tsx
|
|
55
57
|
|
|
56
58
|
|
|
57
59
|
|
|
58
|
-
var
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
(
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
60
|
+
var TextFieldField = _react.forwardRef.call(void 0,
|
|
61
|
+
function TextFieldField2({ style, onFocus, onBlur, placeholderTextColor, ...props }, ref) {
|
|
62
|
+
const {
|
|
63
|
+
fieldStyle,
|
|
64
|
+
placeholderTextColor: resolvedPlaceholder,
|
|
65
|
+
onFieldFocus,
|
|
66
|
+
onFieldBlur,
|
|
67
|
+
labelId,
|
|
68
|
+
descriptionId,
|
|
69
|
+
isDisabled,
|
|
70
|
+
isInvalid
|
|
71
|
+
} = useTextField();
|
|
72
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
73
|
+
const handleFocus = _react.useCallback.call(void 0,
|
|
74
|
+
(event) => {
|
|
75
|
+
onFieldFocus(event);
|
|
76
|
+
_optionalChain([onFocus, 'optionalCall', _ => _(event)]);
|
|
77
|
+
},
|
|
78
|
+
[onFieldFocus, onFocus]
|
|
79
|
+
);
|
|
80
|
+
const handleBlur = _react.useCallback.call(void 0,
|
|
81
|
+
(event) => {
|
|
82
|
+
onFieldBlur(event);
|
|
83
|
+
_optionalChain([onBlur, 'optionalCall', _2 => _2(event)]);
|
|
84
|
+
},
|
|
85
|
+
[onFieldBlur, onBlur]
|
|
86
|
+
);
|
|
87
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
88
|
+
_reactnative.TextInput,
|
|
89
|
+
{
|
|
90
|
+
ref,
|
|
91
|
+
"aria-labelledby": labelId,
|
|
92
|
+
"aria-describedby": descriptionId,
|
|
93
|
+
"aria-invalid": isInvalid,
|
|
94
|
+
editable: !isDisabled,
|
|
95
|
+
accessibilityState: { disabled: isDisabled },
|
|
96
|
+
placeholderTextColor: _nullishCoalesce(placeholderTextColor, () => ( resolvedPlaceholder)),
|
|
97
|
+
...rest,
|
|
98
|
+
style: [fieldStyle, styleProps, style],
|
|
99
|
+
onFocus: handleFocus,
|
|
100
|
+
onBlur: handleBlur
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
);
|
|
105
|
+
TextFieldField.displayName = "XAUI.TextField.Field";
|
|
102
106
|
|
|
103
|
-
// src/components/
|
|
107
|
+
// src/components/text-field/text-field-label.tsx
|
|
104
108
|
|
|
105
109
|
|
|
106
110
|
|
|
107
|
-
var
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
111
|
+
var TextFieldLabel = _react.forwardRef.call(void 0,
|
|
112
|
+
function TextFieldLabel2({ children, style, nativeID, ...props }, ref) {
|
|
113
|
+
const { labelStyle, labelId } = useTextField();
|
|
114
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
115
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
116
|
+
_reactnative.Text,
|
|
117
|
+
{
|
|
118
|
+
ref,
|
|
119
|
+
nativeID: _nullishCoalesce(nativeID, () => ( labelId)),
|
|
120
|
+
style: [labelStyle, styleProps, style],
|
|
121
|
+
...rest,
|
|
122
|
+
children
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
}
|
|
126
|
+
);
|
|
127
|
+
TextFieldLabel.displayName = "XAUI.TextField.Label";
|
|
122
128
|
|
|
123
|
-
// src/components/
|
|
129
|
+
// src/components/text-field/text-field.tsx
|
|
124
130
|
|
|
125
131
|
|
|
126
132
|
|
|
127
|
-
// src/components/
|
|
133
|
+
// src/components/text-field/text-field.recipe.ts
|
|
128
134
|
var SLOTS = [
|
|
129
135
|
"root",
|
|
130
136
|
"label",
|
|
@@ -184,7 +190,7 @@ function sizeAxis(step) {
|
|
|
184
190
|
paddingHorizontal: theme.spacing(padding),
|
|
185
191
|
fontSize: theme.fontSizes[field]
|
|
186
192
|
},
|
|
187
|
-
// Only what a multiline field *adds* — `
|
|
193
|
+
// Only what a multiline field *adds* — `TextField.TextArea` layers this over the field's
|
|
188
194
|
// own style rather than restating it, so the colours, the border and the radius are
|
|
189
195
|
// resolved once for both. The height is not here: `rows` is a raw value, and the
|
|
190
196
|
// slot computes it from the two numbers below.
|
|
@@ -285,14 +291,14 @@ function insideLabel(step) {
|
|
|
285
291
|
paddingTop: block,
|
|
286
292
|
paddingBottom: top
|
|
287
293
|
},
|
|
288
|
-
// The same room, because `
|
|
294
|
+
// The same room, because `TextField.TextArea` layers its own padding over the field's
|
|
289
295
|
// and would otherwise put the first line back under the label.
|
|
290
296
|
textArea: { paddingTop: block, paddingBottom: top }
|
|
291
297
|
};
|
|
292
298
|
};
|
|
293
299
|
}
|
|
294
300
|
var LABEL_INSIDE_TOP = 1.5;
|
|
295
|
-
var
|
|
301
|
+
var textFieldRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
|
|
296
302
|
slots: SLOTS,
|
|
297
303
|
base: (theme) => ({
|
|
298
304
|
root: { flexDirection: "column" },
|
|
@@ -419,9 +425,9 @@ var inputRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
|
|
|
419
425
|
defaultVariants: { variant: "secondary", size: "md", labelPlacement: "outside" }
|
|
420
426
|
});
|
|
421
427
|
|
|
422
|
-
// src/components/
|
|
428
|
+
// src/components/text-field/text-field.tsx
|
|
423
429
|
|
|
424
|
-
var
|
|
430
|
+
var TextFieldRoot = _react.forwardRef.call(void 0, function TextField({
|
|
425
431
|
children,
|
|
426
432
|
variant,
|
|
427
433
|
size,
|
|
@@ -435,7 +441,7 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
|
|
|
435
441
|
...props
|
|
436
442
|
}, ref) {
|
|
437
443
|
const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
|
|
438
|
-
const [styleProps, rest] =
|
|
444
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
439
445
|
const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
|
|
440
446
|
const onFieldFocus = _react.useCallback.call(void 0, () => setIsFocused(true), []);
|
|
441
447
|
const onFieldBlur = _react.useCallback.call(void 0, () => setIsFocused(false), []);
|
|
@@ -450,8 +456,8 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
|
|
|
450
456
|
isInvalid: isInvalid ? "true" : void 0
|
|
451
457
|
};
|
|
452
458
|
const states = { focused: isFocused && !isInvalid, disabled: isDisabled };
|
|
453
|
-
const styles =
|
|
454
|
-
const tint = color ?
|
|
459
|
+
const styles = textFieldRecipe.resolve({ theme, selection, states });
|
|
460
|
+
const tint = color ? textFieldRecipe.tint({ theme, color, selection, states }) : void 0;
|
|
455
461
|
const context = _react.useMemo.call(void 0, () => {
|
|
456
462
|
const placeholder = _reactnative.StyleSheet.flatten(styles.placeholder);
|
|
457
463
|
const icon = _reactnative.StyleSheet.flatten(styles.icon);
|
|
@@ -501,16 +507,16 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
|
|
|
501
507
|
// R12 — the caller's element *is* the column.
|
|
502
508
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk54FJOKANcjs.Slot, { ref, ...rest, style: rootStyle, children })
|
|
503
509
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: rootStyle, children });
|
|
504
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
510
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextFieldProvider, { value: context, children: surface });
|
|
505
511
|
});
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
// src/components/
|
|
509
|
-
var
|
|
510
|
-
Label:
|
|
511
|
-
Field:
|
|
512
|
-
Description:
|
|
513
|
-
Error:
|
|
512
|
+
TextFieldRoot.displayName = "XAUI.TextField.Root";
|
|
513
|
+
|
|
514
|
+
// src/components/text-field/index.ts
|
|
515
|
+
var TextField2 = Object.assign(TextFieldRoot, {
|
|
516
|
+
Label: TextFieldLabel,
|
|
517
|
+
Field: TextFieldField,
|
|
518
|
+
Description: TextFieldDescription,
|
|
519
|
+
Error: TextFieldError
|
|
514
520
|
});
|
|
515
521
|
|
|
516
522
|
|
|
@@ -522,4 +528,4 @@ var Input2 = Object.assign(InputRoot, {
|
|
|
522
528
|
|
|
523
529
|
|
|
524
530
|
|
|
525
|
-
exports.
|
|
531
|
+
exports.useTextField = useTextField; exports.TextFieldDescription = TextFieldDescription; exports.TextFieldError = TextFieldError; exports.TextFieldField = TextFieldField; exports.TextFieldLabel = TextFieldLabel; exports.textFieldRecipe = textFieldRecipe; exports.TextFieldRoot = TextFieldRoot; exports.TextField = TextField2;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
PressableFeedback
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-UCW25LL6.js";
|
|
4
4
|
import {
|
|
5
5
|
usePressState
|
|
6
6
|
} from "./chunk-423RQBOX.js";
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
} from "./chunk-4GTAZM2C.js";
|
|
18
18
|
import {
|
|
19
19
|
useStyleProps
|
|
20
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-OSCW7I4H.js";
|
|
21
21
|
import {
|
|
22
22
|
useXAUITheme
|
|
23
23
|
} from "./chunk-A3EGFI6T.js";
|
|
@@ -6,7 +6,7 @@ var _chunkK4TWKF5Ucjs = require('./chunk-K4TWKF5U.cjs');
|
|
|
6
6
|
var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
@@ -95,7 +95,7 @@ var spinnerRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
|
|
|
95
95
|
var _jsxruntime = require('react/jsx-runtime');
|
|
96
96
|
var Spinner = _react.forwardRef.call(void 0, function Spinner2({ variant, size, color, animation = true, style, ...props }, ref) {
|
|
97
97
|
const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
|
|
98
|
-
const [styleProps, rest] =
|
|
98
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
99
99
|
const selection = { variant, size };
|
|
100
100
|
const styles = spinnerRecipe.resolve({ theme, selection });
|
|
101
101
|
const tint = color ? spinnerRecipe.tint({ theme, color, selection }) : void 0;
|
|
@@ -30,7 +30,7 @@ function _optionalChain(ops) {
|
|
|
30
30
|
return value;
|
|
31
31
|
}
|
|
32
32
|
var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
|
|
33
|
-
var
|
|
33
|
+
var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
|
|
34
34
|
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
35
35
|
|
|
36
36
|
// src/components/skeleton/skeleton.tsx
|
|
@@ -44,9 +44,6 @@ var SLOTS = ["root"];
|
|
|
44
44
|
var VARIANT_TOKENS = {
|
|
45
45
|
default: {
|
|
46
46
|
bg: "default"
|
|
47
|
-
},
|
|
48
|
-
secondary: {
|
|
49
|
-
bg: "defaultSoft"
|
|
50
47
|
}
|
|
51
48
|
};
|
|
52
49
|
var skeletonRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
|
|
@@ -74,6 +71,10 @@ var skeletonRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
|
|
|
74
71
|
* R14's `width` and `height`, because only they know the shape of the thing that is
|
|
75
72
|
* missing.
|
|
76
73
|
*/
|
|
74
|
+
/**
|
|
75
|
+
* `variant` is named here and nowhere else: there is one, the caller cannot choose it,
|
|
76
|
+
* and the recipe still needs it selected for `paint` and the tint to resolve.
|
|
77
|
+
*/
|
|
77
78
|
defaultVariants: {
|
|
78
79
|
variant: "default",
|
|
79
80
|
radius: "md"
|
|
@@ -85,7 +86,6 @@ var _jsxruntime = require('react/jsx-runtime');
|
|
|
85
86
|
var PULSE_DURATION = 1e3;
|
|
86
87
|
var PULSE_MIN_OPACITY = 0.5;
|
|
87
88
|
var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
|
|
88
|
-
variant,
|
|
89
89
|
radius,
|
|
90
90
|
color,
|
|
91
91
|
isLoading = true,
|
|
@@ -95,9 +95,8 @@ var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
|
|
|
95
95
|
...props
|
|
96
96
|
}, ref) {
|
|
97
97
|
const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
|
|
98
|
-
const [styleProps, rest] =
|
|
98
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
99
99
|
const selection = {
|
|
100
|
-
variant,
|
|
101
100
|
radius
|
|
102
101
|
};
|
|
103
102
|
const styles = skeletonRecipe.resolve({
|
|
@@ -133,10 +132,10 @@ var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
|
|
|
133
132
|
});
|
|
134
133
|
});
|
|
135
134
|
Skeleton.displayName = "XAUI.Skeleton";
|
|
136
|
-
const
|
|
137
|
-
code: "function
|
|
138
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
139
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
135
|
+
const _worklet_16079110249654_init_data = {
|
|
136
|
+
code: "function chunkAQXNEV6JCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
|
|
137
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-AQXNEV6J.cjs",
|
|
138
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkAQXNEV6JCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-AQXNEV6J.cjs\"],\"mappings\":\"AAyF+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
|
|
140
139
|
};
|
|
141
140
|
var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
|
|
142
141
|
style,
|
|
@@ -152,26 +151,26 @@ var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
|
|
|
152
151
|
true);
|
|
153
152
|
return () => _reactnativereanimated.cancelAnimation.call(void 0, opacity);
|
|
154
153
|
}, [opacity]);
|
|
155
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
156
|
-
|
|
154
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkAQXNEV6JCjs1Factory({
|
|
155
|
+
_worklet_16079110249654_init_data,
|
|
157
156
|
opacity
|
|
158
157
|
}) {
|
|
159
158
|
const _e = [new global.Error(), -2, -27];
|
|
160
|
-
const
|
|
159
|
+
const chunkAQXNEV6JCjs1 = function () {
|
|
161
160
|
return {
|
|
162
161
|
opacity: opacity.value
|
|
163
162
|
};
|
|
164
163
|
};
|
|
165
|
-
|
|
164
|
+
chunkAQXNEV6JCjs1.__closure = {
|
|
166
165
|
opacity
|
|
167
166
|
};
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
return
|
|
167
|
+
chunkAQXNEV6JCjs1.__workletHash = 16079110249654;
|
|
168
|
+
chunkAQXNEV6JCjs1.__pluginVersion = "0.7.4";
|
|
169
|
+
chunkAQXNEV6JCjs1.__initData = _worklet_16079110249654_init_data;
|
|
170
|
+
chunkAQXNEV6JCjs1.__stackDetails = _e;
|
|
171
|
+
return chunkAQXNEV6JCjs1;
|
|
173
172
|
}({
|
|
174
|
-
|
|
173
|
+
_worklet_16079110249654_init_data,
|
|
175
174
|
opacity
|
|
176
175
|
}), [opacity]);
|
|
177
176
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
|
|
@@ -6,7 +6,7 @@ var _chunkF6CQ6CBIcjs = require('./chunk-F6CQ6CBI.cjs');
|
|
|
6
6
|
var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunk2SCE7TFZcjs = require('./chunk-2SCE7TFZ.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
|
|
@@ -20,7 +20,7 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
|
|
|
20
20
|
var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
var
|
|
23
|
+
var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
@@ -37,7 +37,7 @@ var _jsxruntime = require('react/jsx-runtime');
|
|
|
37
37
|
var CheckboxIndicator = _react.forwardRef.call(void 0,
|
|
38
38
|
function CheckboxIndicator2({ children, animation = true, style, ...props }, ref) {
|
|
39
39
|
const { indicatorStyle, fillStyle, isSelected, isIndeterminate } = useCheckbox();
|
|
40
|
-
const [styleProps, rest] =
|
|
40
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
41
41
|
const isFilled = isSelected || isIndeterminate;
|
|
42
42
|
const mark = _nullishCoalesce(children, () => ( (isIndeterminate ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dash, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Check, {}))));
|
|
43
43
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [indicatorStyle, styleProps, style], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6CQ6CBIcjs.SelectionFill, { isVisible: isFilled, style: fillStyle, animation, children: mark }) });
|
|
@@ -60,7 +60,7 @@ function Dash() {
|
|
|
60
60
|
var CheckboxLabel = _react.forwardRef.call(void 0,
|
|
61
61
|
function CheckboxLabel2({ children, style, ...props }, ref) {
|
|
62
62
|
const { labelStyle } = useCheckbox();
|
|
63
|
-
const [styleProps, rest] =
|
|
63
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
64
64
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [labelStyle, styleProps, style], ...rest, children });
|
|
65
65
|
}
|
|
66
66
|
);
|
|
@@ -250,7 +250,7 @@ var CheckboxRoot = _react.forwardRef.call(void 0, function Checkbox({
|
|
|
250
250
|
...props
|
|
251
251
|
}, ref) {
|
|
252
252
|
const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
|
|
253
|
-
const [styleProps, rest] =
|
|
253
|
+
const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
|
|
254
254
|
const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
|
|
255
255
|
const [selected, setSelected] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
|
|
256
256
|
value: isSelected,
|
|
@@ -303,7 +303,7 @@ var CheckboxRoot = _react.forwardRef.call(void 0, function Checkbox({
|
|
|
303
303
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxLabel, { children: text })
|
|
304
304
|
] }) : _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxIndicator, {})));
|
|
305
305
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
306
|
-
|
|
306
|
+
_chunk2SCE7TFZcjs.PressableFeedback,
|
|
307
307
|
{
|
|
308
308
|
ref,
|
|
309
309
|
isPressed,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CloseButton,
|
|
3
3
|
closeButtonBase
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-RSGIJ6RI.js";
|
|
5
5
|
import {
|
|
6
6
|
Icon
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-OWE5IID7.js";
|
|
8
8
|
import {
|
|
9
9
|
PressableFeedback
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-UCW25LL6.js";
|
|
11
11
|
import {
|
|
12
12
|
usePressState
|
|
13
13
|
} from "./chunk-423RQBOX.js";
|
|
@@ -25,7 +25,7 @@ import {
|
|
|
25
25
|
} from "./chunk-4GTAZM2C.js";
|
|
26
26
|
import {
|
|
27
27
|
useStyleProps
|
|
28
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-OSCW7I4H.js";
|
|
29
29
|
import {
|
|
30
30
|
useXAUITheme
|
|
31
31
|
} from "./chunk-A3EGFI6T.js";
|