@xaui/native 0.9.1-alpha.35 → 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-YUG22AXX.cjs → chunk-AQXNEV6J.cjs} +16 -16
- 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-HNW4HIMO.js → chunk-VWATEE5O.js} +15 -15
- 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.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 +3 -3
- package/dist/index.d.ts +3 -3
- 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
|
|
@@ -95,7 +95,7 @@ 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
100
|
radius
|
|
101
101
|
};
|
|
@@ -132,10 +132,10 @@ var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
|
|
|
132
132
|
});
|
|
133
133
|
});
|
|
134
134
|
Skeleton.displayName = "XAUI.Skeleton";
|
|
135
|
-
const
|
|
136
|
-
code: "function
|
|
137
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
138
|
-
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\":[]}"
|
|
139
139
|
};
|
|
140
140
|
var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
|
|
141
141
|
style,
|
|
@@ -151,26 +151,26 @@ var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
|
|
|
151
151
|
true);
|
|
152
152
|
return () => _reactnativereanimated.cancelAnimation.call(void 0, opacity);
|
|
153
153
|
}, [opacity]);
|
|
154
|
-
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
155
|
-
|
|
154
|
+
const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkAQXNEV6JCjs1Factory({
|
|
155
|
+
_worklet_16079110249654_init_data,
|
|
156
156
|
opacity
|
|
157
157
|
}) {
|
|
158
158
|
const _e = [new global.Error(), -2, -27];
|
|
159
|
-
const
|
|
159
|
+
const chunkAQXNEV6JCjs1 = function () {
|
|
160
160
|
return {
|
|
161
161
|
opacity: opacity.value
|
|
162
162
|
};
|
|
163
163
|
};
|
|
164
|
-
|
|
164
|
+
chunkAQXNEV6JCjs1.__closure = {
|
|
165
165
|
opacity
|
|
166
166
|
};
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
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;
|
|
172
172
|
}({
|
|
173
|
-
|
|
173
|
+
_worklet_16079110249654_init_data,
|
|
174
174
|
opacity
|
|
175
175
|
}), [opacity]);
|
|
176
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";
|