@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.
Files changed (109) hide show
  1. package/dist/{chunk-I66VMLHE.cjs → chunk-2L7FOIWY.cjs} +21 -21
  2. package/dist/{chunk-VSALV7VO.cjs → chunk-2LNE4PWB.cjs} +2 -2
  3. package/dist/{chunk-HVD5EX7V.js → chunk-2OZPOWFB.js} +1 -1
  4. package/dist/{chunk-6M7RUU7V.cjs → chunk-2SCE7TFZ.cjs} +64 -64
  5. package/dist/{chunk-L55CDXNI.js → chunk-3YZSUDZ2.js} +108 -102
  6. package/dist/{chunk-NLASSGA7.js → chunk-4XFEEBPU.js} +10 -2
  7. package/dist/{chunk-4SLOOIE5.cjs → chunk-5BNIIDQD.cjs} +2 -2
  8. package/dist/{chunk-HXL2QCMR.js → chunk-5GMU7ESV.js} +14 -14
  9. package/dist/{chunk-Q3D6KIVF.cjs → chunk-6N5ZCEAB.cjs} +104 -98
  10. package/dist/{chunk-GBFQZQ77.js → chunk-6U5IUUAR.js} +2 -2
  11. package/dist/{chunk-XWMB66ZM.cjs → chunk-ADQVA2FQ.cjs} +2 -2
  12. package/dist/{chunk-LT6XHFXJ.cjs → chunk-AQXNEV6J.cjs} +20 -21
  13. package/dist/{chunk-CNNLMMFV.cjs → chunk-AZRMOWRG.cjs} +6 -6
  14. package/dist/{chunk-JCYWU5TO.js → chunk-B6OKVLC7.js} +1 -1
  15. package/dist/{chunk-M2BGCN77.js → chunk-BAPXLO5N.js} +4 -4
  16. package/dist/{chunk-MHEL3NAN.js → chunk-CVCE7TW5.js} +53 -53
  17. package/dist/{chunk-BA2MPBCO.js → chunk-DL2PGB5G.js} +58 -58
  18. package/dist/{chunk-NFFL3E4N.js → chunk-DOLWSO7A.js} +2 -2
  19. package/dist/{chunk-ZA6RT3XQ.js → chunk-E5ZW7MBW.js} +16 -16
  20. package/dist/{chunk-K7LLERKT.cjs → chunk-EFPWXJAJ.cjs} +11 -11
  21. package/dist/{chunk-GGW42MY4.js → chunk-FJ5TLRT3.js} +2 -1
  22. package/dist/{chunk-CYS6U374.cjs → chunk-FVKIQBHS.cjs} +4 -4
  23. package/dist/{chunk-PBR44KVV.cjs → chunk-FYCDRRJ2.cjs} +22 -22
  24. package/dist/{chunk-DBXFFJTC.cjs → chunk-GHKJ6MUH.cjs} +8 -8
  25. package/dist/{chunk-QY4MN7X3.cjs → chunk-GPZSTEEI.cjs} +12 -12
  26. package/dist/{chunk-OHEHPQLC.cjs → chunk-HQVVQGYV.cjs} +2 -2
  27. package/dist/{chunk-MC7SY2QH.cjs → chunk-HT7H35GU.cjs} +2 -1
  28. package/dist/{chunk-PCWT2YBE.cjs → chunk-ISPOIMGX.cjs} +2 -2
  29. package/dist/{chunk-TZG3DERP.js → chunk-JB5XANQY.js} +1 -1
  30. package/dist/{chunk-I6ZB3FZI.cjs → chunk-K3AVOT6L.cjs} +2 -2
  31. package/dist/{chunk-AYOVBZAX.js → chunk-K7GAHNMJ.js} +3 -3
  32. package/dist/{chunk-2IWL6R3D.js → chunk-KZVHC4FL.js} +3 -3
  33. package/dist/{chunk-AOEXU5UV.cjs → chunk-LCDHTLSG.cjs} +3 -3
  34. package/dist/{chunk-UORTYL63.cjs → chunk-MFXZHLOU.cjs} +11 -11
  35. package/dist/{chunk-MSMZBUZO.cjs → chunk-N2U63JUX.cjs} +6 -6
  36. package/dist/{chunk-SLUJFE6R.js → chunk-OMV5MUTM.js} +15 -15
  37. package/dist/{chunk-MEYCZS32.js → chunk-OSCW7I4H.js} +1 -1
  38. package/dist/{chunk-WJPQARJ5.js → chunk-OWE5IID7.js} +1 -1
  39. package/dist/{chunk-DUQUCOUY.cjs → chunk-PGQWUASE.cjs} +2 -2
  40. package/dist/{chunk-LZK77LFX.js → chunk-QZO57TPX.js} +1 -1
  41. package/dist/{chunk-7CTIE42J.cjs → chunk-RPOKLFRB.cjs} +16 -8
  42. package/dist/{chunk-U3RDU3HU.js → chunk-RSGIJ6RI.js} +2 -2
  43. package/dist/{chunk-UR6DNU2M.js → chunk-SAGMDVFU.js} +2 -2
  44. package/dist/{chunk-CM4LI5OH.cjs → chunk-TE7KVFE4.cjs} +9 -9
  45. package/dist/{chunk-NMAZ2TQF.js → chunk-U3HFQHGZ.js} +1 -1
  46. package/dist/{chunk-XNNJM5DQ.js → chunk-UCW25LL6.js} +75 -75
  47. package/dist/{chunk-ZC35YYKS.js → chunk-V5IVMZQJ.js} +1 -1
  48. package/dist/{chunk-KQKD3KB3.js → chunk-VWATEE5O.js} +19 -20
  49. package/dist/{chunk-TVCS5UOE.cjs → chunk-XARBUUIE.cjs} +49 -49
  50. package/dist/{chunk-OX2YNMNS.cjs → chunk-ZU3XQZ63.cjs} +63 -63
  51. package/dist/components/alert/index.cjs +7 -7
  52. package/dist/components/alert/index.js +6 -6
  53. package/dist/components/avatar/index.cjs +5 -5
  54. package/dist/components/avatar/index.js +4 -4
  55. package/dist/components/badge/index.cjs +4 -4
  56. package/dist/components/badge/index.js +3 -3
  57. package/dist/components/button/index.cjs +6 -6
  58. package/dist/components/button/index.js +5 -5
  59. package/dist/components/card/index.cjs +5 -5
  60. package/dist/components/card/index.js +4 -4
  61. package/dist/components/checkbox/index.cjs +5 -5
  62. package/dist/components/checkbox/index.js +4 -4
  63. package/dist/components/chip/index.cjs +7 -7
  64. package/dist/components/chip/index.js +6 -6
  65. package/dist/components/divider/index.cjs +4 -4
  66. package/dist/components/divider/index.js +3 -3
  67. package/dist/components/field-group/index.cjs +28 -0
  68. package/dist/components/{input-group → field-group}/index.d.cts +60 -60
  69. package/dist/components/{input-group → field-group}/index.d.ts +60 -60
  70. package/dist/components/field-group/index.js +28 -0
  71. package/dist/components/input-otp/index.cjs +4 -4
  72. package/dist/components/input-otp/index.js +3 -3
  73. package/dist/components/radio/index.cjs +5 -5
  74. package/dist/components/radio/index.js +4 -4
  75. package/dist/components/skeleton/index.cjs +4 -4
  76. package/dist/components/skeleton/index.d.cts +44 -53
  77. package/dist/components/skeleton/index.d.ts +44 -53
  78. package/dist/components/skeleton/index.js +3 -3
  79. package/dist/components/spinner/index.cjs +4 -4
  80. package/dist/components/spinner/index.js +3 -3
  81. package/dist/components/switch/index.cjs +5 -5
  82. package/dist/components/switch/index.js +4 -4
  83. package/dist/components/text-area/index.cjs +5 -5
  84. package/dist/components/text-area/index.d.cts +10 -10
  85. package/dist/components/text-area/index.d.ts +10 -10
  86. package/dist/components/text-area/index.js +4 -4
  87. package/dist/components/text-field/index.cjs +26 -0
  88. package/dist/components/{input → text-field}/index.d.cts +43 -43
  89. package/dist/components/{input → text-field}/index.d.ts +43 -43
  90. package/dist/components/text-field/index.js +26 -0
  91. package/dist/components/typography/index.cjs +4 -4
  92. package/dist/components/typography/index.js +3 -3
  93. package/dist/components/view/index.cjs +4 -4
  94. package/dist/components/view/index.js +3 -3
  95. package/dist/index.cjs +26 -26
  96. package/dist/index.d.cts +4 -4
  97. package/dist/index.d.ts +4 -4
  98. package/dist/index.js +60 -60
  99. package/dist/system/index.cjs +7 -7
  100. package/dist/system/index.js +6 -6
  101. package/dist/{input.type-D2qgi03E.d.ts → text-field.type-0l73acce.d.ts} +24 -24
  102. package/dist/{input.type-BUMDlzL9.d.cts → text-field.type-DBh06DU5.d.cts} +24 -24
  103. package/dist/theme/index.cjs +3 -3
  104. package/dist/theme/index.js +2 -2
  105. package/package.json +16 -16
  106. package/dist/components/input/index.cjs +0 -26
  107. package/dist/components/input/index.js +0 -26
  108. package/dist/components/input-group/index.cjs +0 -28
  109. 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 _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
11
+ var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
12
12
 
13
13
 
14
14
  var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
15
15
 
16
- // src/components/input/input-description.tsx
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/input/input.context.ts
21
- var [InputProvider, useInput] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Input");
20
+ // src/components/text-field/text-field.context.ts
21
+ var [TextFieldProvider, useTextField] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "TextField");
22
22
 
23
- // src/components/input/input-description.tsx
23
+ // src/components/text-field/text-field-description.tsx
24
24
  var _jsxruntime = require('react/jsx-runtime');
25
- var InputDescription = _react.forwardRef.call(void 0,
26
- function InputDescription2({ children, style, nativeID, ...props }, ref) {
27
- const { descriptionStyle, descriptionId } = useInput();
28
- const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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
- InputDescription.displayName = "XAUI.Input.Description";
41
+ TextFieldDescription.displayName = "XAUI.TextField.Description";
42
42
 
43
- // src/components/input/input-error.tsx
43
+ // src/components/text-field/text-field-error.tsx
44
44
 
45
45
 
46
46
 
47
- var InputError = _react.forwardRef.call(void 0, function InputError2({ children, style, ...props }, ref) {
48
- const { errorStyle } = useInput();
49
- const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
50
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [errorStyle, styleProps, style], ...rest, children });
51
- });
52
- InputError.displayName = "XAUI.Input.Error";
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/input/input-field.tsx
56
+ // src/components/text-field/text-field-field.tsx
55
57
 
56
58
 
57
59
 
58
- var InputField = _react.forwardRef.call(void 0, function InputField2({ style, onFocus, onBlur, placeholderTextColor, ...props }, ref) {
59
- const {
60
- fieldStyle,
61
- placeholderTextColor: resolvedPlaceholder,
62
- onFieldFocus,
63
- onFieldBlur,
64
- labelId,
65
- descriptionId,
66
- isDisabled,
67
- isInvalid
68
- } = useInput();
69
- const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
70
- const handleFocus = _react.useCallback.call(void 0,
71
- (event) => {
72
- onFieldFocus(event);
73
- _optionalChain([onFocus, 'optionalCall', _ => _(event)]);
74
- },
75
- [onFieldFocus, onFocus]
76
- );
77
- const handleBlur = _react.useCallback.call(void 0,
78
- (event) => {
79
- onFieldBlur(event);
80
- _optionalChain([onBlur, 'optionalCall', _2 => _2(event)]);
81
- },
82
- [onFieldBlur, onBlur]
83
- );
84
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
85
- _reactnative.TextInput,
86
- {
87
- ref,
88
- "aria-labelledby": labelId,
89
- "aria-describedby": descriptionId,
90
- "aria-invalid": isInvalid,
91
- editable: !isDisabled,
92
- accessibilityState: { disabled: isDisabled },
93
- placeholderTextColor: _nullishCoalesce(placeholderTextColor, () => ( resolvedPlaceholder)),
94
- ...rest,
95
- style: [fieldStyle, styleProps, style],
96
- onFocus: handleFocus,
97
- onBlur: handleBlur
98
- }
99
- );
100
- });
101
- InputField.displayName = "XAUI.Input.Field";
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/input/input-label.tsx
107
+ // src/components/text-field/text-field-label.tsx
104
108
 
105
109
 
106
110
 
107
- var InputLabel = _react.forwardRef.call(void 0, function InputLabel2({ children, style, nativeID, ...props }, ref) {
108
- const { labelStyle, labelId } = useInput();
109
- const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
110
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
111
- _reactnative.Text,
112
- {
113
- ref,
114
- nativeID: _nullishCoalesce(nativeID, () => ( labelId)),
115
- style: [labelStyle, styleProps, style],
116
- ...rest,
117
- children
118
- }
119
- );
120
- });
121
- InputLabel.displayName = "XAUI.Input.Label";
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/input/input.tsx
129
+ // src/components/text-field/text-field.tsx
124
130
 
125
131
 
126
132
 
127
- // src/components/input/input.recipe.ts
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* — `Input.TextArea` layers this over the field's
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 `Input.TextArea` layers its own padding over the field's
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 inputRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
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/input/input.tsx
428
+ // src/components/text-field/text-field.tsx
423
429
 
424
- var InputRoot = _react.forwardRef.call(void 0, function Input({
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] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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 = inputRecipe.resolve({ theme, selection, states });
454
- const tint = color ? inputRecipe.tint({ theme, color, selection, states }) : void 0;
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, InputProvider, { value: context, children: surface });
510
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextFieldProvider, { value: context, children: surface });
505
511
  });
506
- InputRoot.displayName = "XAUI.Input.Root";
507
-
508
- // src/components/input/index.ts
509
- var Input2 = Object.assign(InputRoot, {
510
- Label: InputLabel,
511
- Field: InputField,
512
- Description: InputDescription,
513
- Error: InputError
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.useInput = useInput; exports.InputDescription = InputDescription; exports.InputError = InputError; exports.InputField = InputField; exports.InputLabel = InputLabel; exports.inputRecipe = inputRecipe; exports.InputRoot = InputRoot; exports.Input = Input2;
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-XNNJM5DQ.js";
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-MEYCZS32.js";
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 _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
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] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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 _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
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] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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 _worklet_17116227144085_init_data = {
137
- code: "function chunkLT6XHFXJCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
138
- location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-LT6XHFXJ.cjs",
139
- sourceMap: "{\"version\":3,\"names\":[\"chunkLT6XHFXJCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-LT6XHFXJ.cjs\"],\"mappings\":\"AAiG+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
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 chunkLT6XHFXJCjs1Factory({
156
- _worklet_17116227144085_init_data,
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 chunkLT6XHFXJCjs1 = function () {
159
+ const chunkAQXNEV6JCjs1 = function () {
161
160
  return {
162
161
  opacity: opacity.value
163
162
  };
164
163
  };
165
- chunkLT6XHFXJCjs1.__closure = {
164
+ chunkAQXNEV6JCjs1.__closure = {
166
165
  opacity
167
166
  };
168
- chunkLT6XHFXJCjs1.__workletHash = 17116227144085;
169
- chunkLT6XHFXJCjs1.__pluginVersion = "0.7.4";
170
- chunkLT6XHFXJCjs1.__initData = _worklet_17116227144085_init_data;
171
- chunkLT6XHFXJCjs1.__stackDetails = _e;
172
- return chunkLT6XHFXJCjs1;
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
- _worklet_17116227144085_init_data,
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 _chunk6M7RUU7Vcjs = require('./chunk-6M7RUU7V.cjs');
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 _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
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] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
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
- _chunk6M7RUU7Vcjs.PressableFeedback,
306
+ _chunk2SCE7TFZcjs.PressableFeedback,
307
307
  {
308
308
  ref,
309
309
  isPressed,
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk-4GTAZM2C.js";
7
7
  import {
8
8
  useStyleProps
9
- } from "./chunk-MEYCZS32.js";
9
+ } from "./chunk-OSCW7I4H.js";
10
10
  import {
11
11
  useXAUITheme
12
12
  } from "./chunk-A3EGFI6T.js";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  CloseButton,
3
3
  closeButtonBase
4
- } from "./chunk-U3RDU3HU.js";
4
+ } from "./chunk-RSGIJ6RI.js";
5
5
  import {
6
6
  Icon
7
- } from "./chunk-WJPQARJ5.js";
7
+ } from "./chunk-OWE5IID7.js";
8
8
  import {
9
9
  PressableFeedback
10
- } from "./chunk-XNNJM5DQ.js";
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-MEYCZS32.js";
28
+ } from "./chunk-OSCW7I4H.js";
29
29
  import {
30
30
  useXAUITheme
31
31
  } from "./chunk-A3EGFI6T.js";