@ark-ui/solid 4.8.0 → 4.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/dist/chunk/{UXJGHMFS.js → 22UQ4DZC.js} +1 -1
  2. package/dist/chunk/{D4XLNL66.jsx → 2ILK4IFM.jsx} +16 -5
  3. package/dist/chunk/{JTHKX457.js → 2J42A7KM.js} +1 -14
  4. package/dist/chunk/{MARFWGWI.jsx → 2NEVBQW4.jsx} +1 -1
  5. package/dist/chunk/{RCK6LCJM.jsx → 34JAVC2R.jsx} +1 -1
  6. package/dist/chunk/{35R4VP6U.js → 3V3HI6QW.js} +12 -4
  7. package/dist/chunk/{QLGAAWNC.js → 5EVN6V64.js} +3 -2
  8. package/dist/chunk/{VQWGXSW6.js → 6ABKGV6Q.js} +1 -1
  9. package/dist/chunk/{U23DU73Q.js → 6D57YTRH.js} +1 -1
  10. package/dist/chunk/{ZYF7ARA6.jsx → 7BGOIKYK.jsx} +1 -1
  11. package/dist/chunk/{T6IREKKO.js → 7KPVYYFT.js} +1 -1
  12. package/dist/chunk/ANUFR4QW.jsx +36 -0
  13. package/dist/chunk/{G7GWGK6F.js → AWO62YTJ.js} +1 -1
  14. package/dist/chunk/CIPYIXIW.js +227 -0
  15. package/dist/chunk/{6L7HNED6.jsx → CQN5S4C3.jsx} +1 -1
  16. package/dist/chunk/DOBZPYAN.jsx +18 -0
  17. package/dist/chunk/{MZPPLECL.js → DUDD2T7G.js} +1 -1
  18. package/dist/chunk/{VIUEKSBO.js → DUYGPLFV.js} +1 -1
  19. package/dist/chunk/{YCESXPIN.jsx → EHJDQTTW.jsx} +3 -15
  20. package/dist/chunk/{VZFG6XYZ.js → FDN5MSFM.js} +1 -1
  21. package/dist/chunk/{GVRRR27D.jsx → FS3LMJ37.jsx} +1 -1
  22. package/dist/chunk/FVMQXW27.jsx +265 -0
  23. package/dist/chunk/{27RTXL55.jsx → HWL7X2QR.jsx} +21 -7
  24. package/dist/chunk/IL7WZATP.js +25 -0
  25. package/dist/chunk/{TY6NCPFG.jsx → MSHQY44G.jsx} +22 -22
  26. package/dist/chunk/{4XC3UALJ.jsx → N73ADPX5.jsx} +1 -1
  27. package/dist/chunk/{PZ7ZCWGA.js → NDY7YFV2.js} +1 -1
  28. package/dist/chunk/{4FXOTC23.js → OYIT66CI.js} +1 -1
  29. package/dist/chunk/{DT5WVDUV.jsx → RH2PDRKN.jsx} +1 -1
  30. package/dist/chunk/{YVIJOCWC.jsx → RVUYRERH.jsx} +1 -1
  31. package/dist/chunk/{3NSM24PL.jsx → SBPY26HV.jsx} +1 -1
  32. package/dist/chunk/{SZH7YUGW.jsx → SUVE6C6L.jsx} +1 -1
  33. package/dist/chunk/{3EJGSZCP.jsx → TMUQ6SLE.jsx} +1 -1
  34. package/dist/chunk/XN6EERRM.js +16 -0
  35. package/dist/chunk/{BUWVAHRG.js → XTV6ZFAA.js} +1 -1
  36. package/dist/components/avatar/index.js +1 -1
  37. package/dist/components/avatar/index.jsx +1 -1
  38. package/dist/components/checkbox/index.js +1 -1
  39. package/dist/components/checkbox/index.jsx +2 -2
  40. package/dist/components/color-picker/index.js +1 -1
  41. package/dist/components/color-picker/index.jsx +2 -2
  42. package/dist/components/combobox/index.js +1 -1
  43. package/dist/components/combobox/index.jsx +2 -2
  44. package/dist/components/date-picker/index.d.ts +11 -9
  45. package/dist/components/date-picker/index.js +1 -1
  46. package/dist/components/date-picker/index.jsx +1 -1
  47. package/dist/components/editable/index.js +1 -1
  48. package/dist/components/editable/index.jsx +2 -2
  49. package/dist/components/field/index.d.ts +7 -7
  50. package/dist/components/field/index.js +1 -1
  51. package/dist/components/field/index.jsx +1 -1
  52. package/dist/components/file-upload/index.d.ts +5 -5
  53. package/dist/components/file-upload/index.js +1 -1
  54. package/dist/components/file-upload/index.jsx +2 -2
  55. package/dist/components/focus-trap/index.d.ts +18 -0
  56. package/dist/components/focus-trap/index.js +1 -0
  57. package/dist/components/focus-trap/index.jsx +10 -0
  58. package/dist/components/frame/index.js +1 -1
  59. package/dist/components/frame/index.jsx +2 -1
  60. package/dist/components/index.d.ts +4 -0
  61. package/dist/components/index.js +29 -27
  62. package/dist/components/index.jsx +233 -188
  63. package/dist/components/number-input/index.js +1 -1
  64. package/dist/components/number-input/index.jsx +2 -2
  65. package/dist/components/pin-input/index.js +1 -1
  66. package/dist/components/pin-input/index.jsx +2 -2
  67. package/dist/components/rating-group/index.js +1 -1
  68. package/dist/components/rating-group/index.jsx +2 -2
  69. package/dist/components/select/index.js +1 -1
  70. package/dist/components/select/index.jsx +2 -2
  71. package/dist/components/signature-pad/index.js +1 -1
  72. package/dist/components/signature-pad/index.jsx +2 -2
  73. package/dist/components/switch/index.js +1 -1
  74. package/dist/components/switch/index.jsx +2 -2
  75. package/dist/components/tags-input/index.js +1 -1
  76. package/dist/components/tags-input/index.jsx +2 -2
  77. package/dist/components/toggle/index.js +1 -1
  78. package/dist/components/toggle/index.jsx +1 -1
  79. package/dist/components/tour/index.d.ts +136 -0
  80. package/dist/components/tour/index.js +1 -0
  81. package/dist/components/tour/index.jsx +52 -0
  82. package/dist/index.d.ts +4 -0
  83. package/dist/index.js +29 -27
  84. package/dist/index.jsx +233 -188
  85. package/package.json +55 -52
  86. package/dist/chunk/{PBJ7MGGS.js → 632HFNZF.js} +19 -19
  87. package/dist/chunk/{7KBRNVZ6.js → MV3KTL7M.js} +9 -9
  88. package/dist/chunk/{5D3VKQUP.jsx → NK4T7LIZ.jsx} +0 -0
  89. package/dist/chunk/{2PEBPAD5.jsx → R2YVXMP7.jsx} +0 -0
  90. package/dist/chunk/{CFEFSYGC.jsx → SN5TXTB6.jsx} +9 -9
  91. /package/dist/chunk/{ZKHLGP7Q.js → W43X4SNE.js} +0 -0
  92. /package/dist/chunk/{FE2WXPJR.js → ZWNW7ARB.js} +0 -0
@@ -0,0 +1,265 @@
1
+ import {
2
+ PresenceProvider,
3
+ splitPresenceProps,
4
+ usePresence,
5
+ usePresenceContext
6
+ } from "./E72NMPSK.jsx";
7
+ import {
8
+ RenderStrategyProvider,
9
+ splitRenderStrategyProps,
10
+ useRenderStrategyContext
11
+ } from "./5ONYCKM3.jsx";
12
+ import {
13
+ createSplitProps
14
+ } from "./6WEDGJKQ.jsx";
15
+ import {
16
+ ark
17
+ } from "./UFYZ7HLU.jsx";
18
+ import {
19
+ useEnvironmentContext
20
+ } from "./5O4RWSWO.jsx";
21
+ import {
22
+ useLocaleContext
23
+ } from "./3QQZKR3F.jsx";
24
+ import {
25
+ createContext
26
+ } from "./NMGUCD2L.jsx";
27
+ import {
28
+ __export
29
+ } from "./7IUG3E2V.jsx";
30
+
31
+ // src/components/tour/tour-action-trigger.tsx
32
+ import { mergeProps } from "@zag-js/solid";
33
+
34
+ // src/components/tour/use-tour-context.ts
35
+ var [TourProvider, useTourContext] = createContext({
36
+ hookName: "useTourContext",
37
+ providerName: "<TourProvider />"
38
+ });
39
+
40
+ // src/components/tour/tour-action-trigger.tsx
41
+ var TourActionTrigger = (props) => {
42
+ const [actionTriggerProps, localProps] = createSplitProps()(props, [
43
+ "action"
44
+ ]);
45
+ const tour2 = useTourContext();
46
+ const mergedProps = mergeProps(() => tour2().getActionTriggerProps(actionTriggerProps), localProps);
47
+ return <ark.button {...mergedProps}>
48
+ {mergedProps.children || actionTriggerProps.action.label}
49
+ </ark.button>;
50
+ };
51
+
52
+ // src/components/tour/tour-actions.tsx
53
+ var TourActions = (props) => {
54
+ const tour2 = useTourContext();
55
+ return props.children(() => tour2().step?.actions ?? []);
56
+ };
57
+
58
+ // src/components/tour/tour-arrow.tsx
59
+ import { mergeProps as mergeProps2 } from "@zag-js/solid";
60
+ import { Show } from "solid-js";
61
+ var TourArrow = (props) => {
62
+ const tour2 = useTourContext();
63
+ const mergedProps = mergeProps2(() => tour2().getArrowProps(), props);
64
+ return <Show when={tour2().step?.arrow}>
65
+ <ark.div {...mergedProps} />
66
+ </Show>;
67
+ };
68
+
69
+ // src/components/tour/tour-arrow-tip.tsx
70
+ import { mergeProps as mergeProps3 } from "@zag-js/solid";
71
+ var TourArrowTip = (props) => {
72
+ const tour2 = useTourContext();
73
+ const mergedProps = mergeProps3(() => tour2().getArrowTipProps(), props);
74
+ return <ark.div {...mergedProps} />;
75
+ };
76
+
77
+ // src/components/tour/tour-backdrop.tsx
78
+ import { mergeProps as mergeProps4 } from "@zag-js/solid";
79
+ import { Show as Show2 } from "solid-js";
80
+ var TourBackdrop = (props) => {
81
+ const tour2 = useTourContext();
82
+ const renderStrategyProps = useRenderStrategyContext();
83
+ const presence = usePresence(mergeProps4(renderStrategyProps, () => ({ present: tour2().open })));
84
+ const mergedProps = mergeProps4(
85
+ () => tour2().getBackdropProps(),
86
+ () => presence().presenceProps,
87
+ props
88
+ );
89
+ return <Show2 when={!presence().unmounted}>
90
+ <ark.div {...mergedProps} hidden={!tour2().step?.backdrop} />
91
+ </Show2>;
92
+ };
93
+
94
+ // src/components/tour/tour-close-trigger.tsx
95
+ import { mergeProps as mergeProps5 } from "@zag-js/solid";
96
+ var TourCloseTrigger = (props) => {
97
+ const tour2 = useTourContext();
98
+ const mergedProps = mergeProps5(() => tour2().getCloseTriggerProps(), props);
99
+ return <ark.button {...mergedProps} />;
100
+ };
101
+
102
+ // src/components/tour/tour-content.tsx
103
+ import { mergeProps as mergeProps6 } from "@zag-js/solid";
104
+ import { Show as Show3 } from "solid-js";
105
+ var TourContent = (props) => {
106
+ const tour2 = useTourContext();
107
+ const renderStrategyProps = useRenderStrategyContext();
108
+ const presence = usePresence(mergeProps6(renderStrategyProps, () => ({ present: tour2().open })));
109
+ const mergedProps = mergeProps6(
110
+ () => tour2().getContentProps(),
111
+ () => presence().presenceProps,
112
+ props
113
+ );
114
+ return <Show3 when={!presence().unmounted}>
115
+ <ark.div {...mergedProps} />
116
+ </Show3>;
117
+ };
118
+
119
+ // src/components/tour/tour-context.tsx
120
+ var TourContext = (props) => props.children(useTourContext());
121
+
122
+ // src/components/tour/tour-control.tsx
123
+ import { mergeProps as mergeProps7 } from "@zag-js/solid";
124
+
125
+ // src/components/tour/tour.anatomy.ts
126
+ import { anatomy } from "@zag-js/tour";
127
+ var tourAnatomy = anatomy.extendWith("control");
128
+
129
+ // src/components/tour/tour-control.tsx
130
+ var TourControl = (props) => {
131
+ const mergedProps = mergeProps7(() => tourAnatomy.build().control.attrs, props);
132
+ return <ark.div {...mergedProps} />;
133
+ };
134
+
135
+ // src/components/tour/tour-description.tsx
136
+ import { mergeProps as mergeProps8 } from "@zag-js/solid";
137
+ var TourDescription = (props) => {
138
+ const tour2 = useTourContext();
139
+ const mergedProps = mergeProps8(() => tour2().getDescriptionProps(), props);
140
+ return <ark.div {...mergedProps}>{mergedProps.children || tour2().step?.description}</ark.div>;
141
+ };
142
+
143
+ // src/components/tour/tour-positioner.tsx
144
+ import { mergeProps as mergeProps9 } from "@zag-js/solid";
145
+ import { Show as Show4 } from "solid-js";
146
+ var TourPositioner = (props) => {
147
+ const tour2 = useTourContext();
148
+ const presence = usePresenceContext();
149
+ const mergedProps = mergeProps9(() => tour2().getPositionerProps(), props);
150
+ return <Show4 when={!presence().unmounted}>
151
+ <ark.div {...mergedProps} />
152
+ </Show4>;
153
+ };
154
+
155
+ // src/components/tour/tour-progress-text.tsx
156
+ import { mergeProps as mergeProps10 } from "@zag-js/solid";
157
+ var TourProgressText = (props) => {
158
+ const tour2 = useTourContext();
159
+ const mergedProps = mergeProps10(() => tour2().getProgressTextProps(), props);
160
+ return <ark.div {...mergedProps}>
161
+ {mergedProps.children || tour2().getProgressText()}
162
+ </ark.div>;
163
+ };
164
+
165
+ // src/components/tour/tour-root.tsx
166
+ import { mergeProps as mergeProps11 } from "@zag-js/solid";
167
+ var TourRoot = (props) => {
168
+ const [presenceProps, rootProps] = splitPresenceProps(props);
169
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
170
+ const presence = usePresence(
171
+ mergeProps11(presenceProps, () => ({ present: rootProps.tour().open }))
172
+ );
173
+ return <TourProvider value={rootProps.tour}>
174
+ <RenderStrategyProvider value={renderStrategyProps}>
175
+ <PresenceProvider value={presence}>{rootProps.children}</PresenceProvider>
176
+ </RenderStrategyProvider>
177
+ </TourProvider>;
178
+ };
179
+
180
+ // src/components/tour/tour-spotlight.tsx
181
+ import { mergeProps as mergeProps12 } from "@zag-js/solid";
182
+ import { Show as Show5 } from "solid-js";
183
+ var TourSpotlight = (props) => {
184
+ const tour2 = useTourContext();
185
+ const renderStrategyProps = useRenderStrategyContext();
186
+ const presenceApi = usePresence(mergeProps12(renderStrategyProps, () => ({ present: tour2().open })));
187
+ const mergedProps = mergeProps12(
188
+ () => tour2().getSpotlightProps(),
189
+ () => presenceApi().presenceProps,
190
+ props
191
+ );
192
+ return <Show5 when={!presenceApi().unmounted}>
193
+ <ark.div {...mergedProps} hidden={!tour2().open || !tour2().step?.target?.()} />
194
+ </Show5>;
195
+ };
196
+
197
+ // src/components/tour/tour-title.tsx
198
+ import { mergeProps as mergeProps13 } from "@zag-js/solid";
199
+ var TourTitle = (props) => {
200
+ const tour2 = useTourContext();
201
+ const mergedProps = mergeProps13(() => tour2().getTitleProps(), props);
202
+ return <ark.h2 {...mergedProps}>{mergedProps.children || tour2().step?.title}</ark.h2>;
203
+ };
204
+
205
+ // src/components/tour/use-tour.ts
206
+ import { normalizeProps, useMachine } from "@zag-js/solid";
207
+ import * as tour from "@zag-js/tour";
208
+ import { createMemo, createUniqueId } from "solid-js";
209
+ var useTour = (props = {}) => {
210
+ const id = createUniqueId();
211
+ const locale = useLocaleContext();
212
+ const environment = useEnvironmentContext();
213
+ const context = createMemo(() => ({
214
+ id,
215
+ dir: locale().dir,
216
+ getRootNode: environment().getRootNode,
217
+ ...props
218
+ }));
219
+ const [state, send] = useMachine(tour.machine(context()), {
220
+ context
221
+ });
222
+ return createMemo(() => tour.connect(state, send, normalizeProps));
223
+ };
224
+
225
+ // src/components/tour/tour.ts
226
+ var tour_exports = {};
227
+ __export(tour_exports, {
228
+ ActionTrigger: () => TourActionTrigger,
229
+ Actions: () => TourActions,
230
+ Arrow: () => TourArrow,
231
+ ArrowTip: () => TourArrowTip,
232
+ Backdrop: () => TourBackdrop,
233
+ CloseTrigger: () => TourCloseTrigger,
234
+ Content: () => TourContent,
235
+ Context: () => TourContext,
236
+ Control: () => TourControl,
237
+ Description: () => TourDescription,
238
+ Positioner: () => TourPositioner,
239
+ ProgressText: () => TourProgressText,
240
+ Root: () => TourRoot,
241
+ Spotlight: () => TourSpotlight,
242
+ Title: () => TourTitle
243
+ });
244
+
245
+ export {
246
+ useTourContext,
247
+ TourActionTrigger,
248
+ TourActions,
249
+ TourArrow,
250
+ TourArrowTip,
251
+ TourBackdrop,
252
+ TourCloseTrigger,
253
+ TourContent,
254
+ TourContext,
255
+ tourAnatomy,
256
+ TourControl,
257
+ TourDescription,
258
+ TourPositioner,
259
+ TourProgressText,
260
+ TourRoot,
261
+ TourSpotlight,
262
+ TourTitle,
263
+ useTour,
264
+ tour_exports
265
+ };
@@ -72,9 +72,15 @@ var DatePickerControl = (props) => {
72
72
  // src/components/date-picker/date-picker-input.tsx
73
73
  import { mergeProps as mergeProps4 } from "@zag-js/solid";
74
74
  var DatePickerInput = (props) => {
75
- const [inputProps, localProps] = createSplitProps()(props, ["index"]);
75
+ const [inputProps, localProps] = createSplitProps()(props, [
76
+ "index",
77
+ "fixOnBlur"
78
+ ]);
76
79
  const datePicker2 = useDatePickerContext();
77
- const mergedProps = mergeProps4(() => datePicker2().getInputProps(inputProps), localProps);
80
+ const mergedProps = mergeProps4(
81
+ () => datePicker2().getInputProps(inputProps),
82
+ localProps
83
+ );
78
84
  return <ark.input {...mergedProps} />;
79
85
  };
80
86
 
@@ -174,6 +180,7 @@ var useDatePicker = (props = {}) => {
174
180
  open: props.defaultOpen,
175
181
  "open.controlled": props.open !== void 0,
176
182
  value: props.defaultValue,
183
+ view: props.defaultView,
177
184
  ...props
178
185
  }));
179
186
  const [state, send] = useMachine(datePicker.machine(context()), { context });
@@ -187,6 +194,7 @@ var DatePickerRoot = (props) => {
187
194
  "closeOnSelect",
188
195
  "defaultOpen",
189
196
  "defaultValue",
197
+ "defaultView",
190
198
  "disabled",
191
199
  "fixedWeeks",
192
200
  "focusedValue",
@@ -197,7 +205,9 @@ var DatePickerRoot = (props) => {
197
205
  "isDateUnavailable",
198
206
  "locale",
199
207
  "max",
208
+ "maxView",
200
209
  "min",
210
+ "minView",
201
211
  "name",
202
212
  "numOfMonths",
203
213
  "onFocusChange",
@@ -205,6 +215,8 @@ var DatePickerRoot = (props) => {
205
215
  "onValueChange",
206
216
  "onViewChange",
207
217
  "open",
218
+ "parse",
219
+ "placeholder",
208
220
  "positioning",
209
221
  "readOnly",
210
222
  "selectionMode",
@@ -215,13 +227,15 @@ var DatePickerRoot = (props) => {
215
227
  "view"
216
228
  ]);
217
229
  const api = useDatePicker(useDatePickerProps);
218
- const apiPresence = usePresence(mergeProps12(presenceProps, () => ({ present: api().open })));
230
+ const apiPresence = usePresence(
231
+ mergeProps12(presenceProps, () => ({ present: api().open }))
232
+ );
219
233
  const mergedProps = mergeProps12(() => api().getRootProps(), localProps);
220
234
  return <DatePickerProvider value={api}>
221
- <PresenceProvider value={apiPresence}>
222
- <ark.div {...mergedProps} />
223
- </PresenceProvider>
224
- </DatePickerProvider>;
235
+ <PresenceProvider value={apiPresence}>
236
+ <ark.div {...mergedProps} />
237
+ </PresenceProvider>
238
+ </DatePickerProvider>;
225
239
  };
226
240
 
227
241
  // src/components/date-picker/date-picker-root-provider.tsx
@@ -0,0 +1,25 @@
1
+ import { composeRefs } from './XN6EERRM.js';
2
+ import { createSplitProps } from './ZMHI4GDJ.js';
3
+ import { ark } from './EPLBB4QN.js';
4
+ import { createComponent, mergeProps } from 'solid-js/web';
5
+ import { trapFocus } from '@zag-js/focus-trap';
6
+ import { createEffect, onCleanup } from 'solid-js';
7
+
8
+ var FocusTrap = (props) => {
9
+ let localNode;
10
+ const [trapProps, localProps] = createSplitProps()(props, ["disabled", "onActivate", "onDeactivate", "initialFocus", "fallbackFocus", "returnFocusOnDeactivate", "setReturnFocus"]);
11
+ createEffect(() => {
12
+ if (!localNode || trapProps.disabled) return;
13
+ const autoFocusNode = localNode.querySelector("[autofocus], [data-autofocus]");
14
+ trapProps.initialFocus ||= autoFocusNode ?? void 0;
15
+ onCleanup(trapFocus(localNode, trapProps));
16
+ });
17
+ return createComponent(ark.div, mergeProps(localProps, {
18
+ ref(r$) {
19
+ var _ref$ = composeRefs((el) => localNode = el, props.ref);
20
+ typeof _ref$ === "function" && _ref$(r$);
21
+ }
22
+ }));
23
+ };
24
+
25
+ export { FocusTrap };
@@ -59,8 +59,19 @@ var FieldLabel = (props) => {
59
59
  return <ark.label {...mergedProps} />;
60
60
  };
61
61
 
62
+ // src/components/field/field-required-indicator.tsx
63
+ import { mergeProps as mergeProps5 } from "@zag-js/solid";
64
+ import { Show as Show2 } from "solid-js";
65
+ var FieldRequiredIndicator = (props) => {
66
+ const field = useFieldContext();
67
+ const mergedProps = mergeProps5(() => field().getRequiredIndicatorProps(), props);
68
+ return <Show2 when={field().required} fallback={props.fallback}>
69
+ <ark.span {...mergedProps}>{props.children ?? "*"}</ark.span>
70
+ </Show2>;
71
+ };
72
+
62
73
  // src/components/field/field-root.tsx
63
- import { mergeProps as mergeProps6 } from "@zag-js/solid";
74
+ import { mergeProps as mergeProps7 } from "@zag-js/solid";
64
75
 
65
76
  // src/components/field/use-field.ts
66
77
  import { ariaAttr, dataAttr, getWindow } from "@zag-js/dom-query";
@@ -69,7 +80,7 @@ import {
69
80
  createMemo,
70
81
  createSignal,
71
82
  createUniqueId,
72
- mergeProps as mergeProps5,
83
+ mergeProps as mergeProps6,
73
84
  onCleanup
74
85
  } from "solid-js";
75
86
 
@@ -90,7 +101,7 @@ var parts = fieldAnatomy.build();
90
101
  // src/components/field/use-field.ts
91
102
  var useField = (props) => {
92
103
  const fieldset = useFieldsetContext();
93
- const fieldProps = mergeProps5(
104
+ const fieldProps = mergeProps6(
94
105
  { disabled: Boolean(fieldset?.().disabled), required: false, invalid: false, readOnly: false },
95
106
  props
96
107
  );
@@ -208,39 +219,39 @@ var FieldRoot = (props) => {
208
219
  "required"
209
220
  ]);
210
221
  const field = useField(useFieldProps);
211
- const mergedProps = mergeProps6(() => field().getRootProps(), localProps);
222
+ const mergedProps = mergeProps7(() => field().getRootProps(), localProps);
212
223
  return <FieldProvider value={field}>
213
224
  <ark.div {...mergedProps} />
214
225
  </FieldProvider>;
215
226
  };
216
227
 
217
228
  // src/components/field/field-root-provider.tsx
218
- import { mergeProps as mergeProps7 } from "@zag-js/solid";
229
+ import { mergeProps as mergeProps8 } from "@zag-js/solid";
219
230
  var FieldRootProvider = (props) => {
220
231
  const [{ value: field }, localProps] = createSplitProps()(props, ["value"]);
221
- const mergedProps = mergeProps7(() => field().getRootProps(), localProps);
232
+ const mergedProps = mergeProps8(() => field().getRootProps(), localProps);
222
233
  return <FieldProvider value={field}>
223
234
  <ark.div {...mergedProps} />
224
235
  </FieldProvider>;
225
236
  };
226
237
 
227
238
  // src/components/field/field-select.tsx
228
- import { mergeProps as mergeProps8 } from "@zag-js/solid";
239
+ import { mergeProps as mergeProps9 } from "@zag-js/solid";
229
240
  var FieldSelect = (props) => {
230
241
  const field = useFieldContext();
231
- const mergedProps = mergeProps8(() => field?.().getSelectProps(), props);
242
+ const mergedProps = mergeProps9(() => field?.().getSelectProps(), props);
232
243
  return <ark.select {...mergedProps} />;
233
244
  };
234
245
 
235
246
  // src/components/field/field-textarea.tsx
236
247
  import { autoresizeTextarea } from "@zag-js/auto-resize";
237
- import { mergeProps as mergeProps9 } from "@zag-js/solid";
248
+ import { mergeProps as mergeProps10 } from "@zag-js/solid";
238
249
  import { createEffect as createEffect2 } from "solid-js";
239
250
  var FieldTextarea = (props) => {
240
251
  const field = useFieldContext();
241
252
  let textareaRef;
242
253
  const { autoresize, ...textareaProps } = props;
243
- const mergedProps = mergeProps9(
254
+ const mergedProps = mergeProps10(
244
255
  () => field?.().getTextareaProps(),
245
256
  () => ({ style: { resize: autoresize ? "none" : void 0 } }),
246
257
  textareaProps
@@ -258,17 +269,6 @@ var FieldTextarea = (props) => {
258
269
  />;
259
270
  };
260
271
 
261
- // src/components/field/field-required-indicator.tsx
262
- import { mergeProps as mergeProps10 } from "@zag-js/solid";
263
- import { Show as Show2 } from "solid-js";
264
- var FieldRequiredIndicator = (props) => {
265
- const field = useFieldContext();
266
- const mergedProps = mergeProps10(() => field().getRequiredIndicatorProps(), props);
267
- return <Show2 when={field().required} fallback={props.fallback}>
268
- <ark.span {...mergedProps}>{props.children ?? "*"}</ark.span>
269
- </Show2>;
270
- };
271
-
272
272
  // src/components/field/field.ts
273
273
  var field_exports = {};
274
274
  __export(field_exports, {
@@ -291,11 +291,11 @@ export {
291
291
  FieldHelperText,
292
292
  FieldInput,
293
293
  FieldLabel,
294
+ FieldRequiredIndicator,
294
295
  fieldAnatomy,
295
296
  FieldRoot,
296
297
  FieldRootProvider,
297
298
  FieldSelect,
298
299
  FieldTextarea,
299
- FieldRequiredIndicator,
300
300
  field_exports
301
301
  };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./TY6NCPFG.jsx";
3
+ } from "./MSHQY44G.jsx";
4
4
  import {
5
5
  PresenceProvider,
6
6
  splitPresenceProps,
@@ -1,4 +1,4 @@
1
- import { useFieldContext } from './PBJ7MGGS.js';
1
+ import { useFieldContext } from './632HFNZF.js';
2
2
  import { createSplitProps } from './ZMHI4GDJ.js';
3
3
  import { ark } from './EPLBB4QN.js';
4
4
  import { useEnvironmentContext } from './QODB3C3M.js';
@@ -1,5 +1,5 @@
1
- import { useFieldContext } from './PBJ7MGGS.js';
2
1
  import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
2
+ import { useFieldContext } from './632HFNZF.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
4
  import { ark } from './EPLBB4QN.js';
5
5
  import { useEnvironmentContext } from './QODB3C3M.js';
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./TY6NCPFG.jsx";
3
+ } from "./MSHQY44G.jsx";
4
4
  import {
5
5
  createSplitProps
6
6
  } from "./6WEDGJKQ.jsx";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./52WUF3CY.jsx";
4
4
  import {
5
5
  useFieldContext
6
- } from "./TY6NCPFG.jsx";
6
+ } from "./MSHQY44G.jsx";
7
7
  import {
8
8
  createSplitProps
9
9
  } from "./6WEDGJKQ.jsx";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./TY6NCPFG.jsx";
3
+ } from "./MSHQY44G.jsx";
4
4
  import {
5
5
  createSplitProps
6
6
  } from "./6WEDGJKQ.jsx";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./TY6NCPFG.jsx";
3
+ } from "./MSHQY44G.jsx";
4
4
  import {
5
5
  PresenceProvider,
6
6
  splitPresenceProps,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./TY6NCPFG.jsx";
3
+ } from "./MSHQY44G.jsx";
4
4
  import {
5
5
  createSplitProps
6
6
  } from "./6WEDGJKQ.jsx";
@@ -0,0 +1,16 @@
1
+ // src/utils/compose-refs.ts
2
+ var isRefFn = (ref) => typeof ref === "function";
3
+ function setRef(ref, value) {
4
+ if (isRefFn(ref)) {
5
+ ref(value);
6
+ }
7
+ }
8
+ function composeRefs(...refs) {
9
+ return (node) => {
10
+ for (const ref of refs) {
11
+ setRef(ref, node);
12
+ }
13
+ };
14
+ }
15
+
16
+ export { composeRefs };
@@ -1,4 +1,4 @@
1
- import { useFieldContext } from './PBJ7MGGS.js';
1
+ import { useFieldContext } from './632HFNZF.js';
2
2
  import { createSplitProps } from './ZMHI4GDJ.js';
3
3
  import { ark } from './EPLBB4QN.js';
4
4
  import { useEnvironmentContext } from './QODB3C3M.js';
@@ -1 +1 @@
1
- export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/ZKHLGP7Q.js';
1
+ export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/W43X4SNE.js';
@@ -8,7 +8,7 @@ import {
8
8
  avatar_exports,
9
9
  useAvatar,
10
10
  useAvatarContext
11
- } from "../../chunk/5D3VKQUP.jsx";
11
+ } from "../../chunk/NK4T7LIZ.jsx";
12
12
  import "../../chunk/6WEDGJKQ.jsx";
13
13
  import "../../chunk/UFYZ7HLU.jsx";
14
14
  import "../../chunk/ODQYYKL5.jsx";
@@ -1 +1 @@
1
- export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/T6IREKKO.js';
1
+ export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/7KPVYYFT.js';
@@ -13,9 +13,9 @@ import {
13
13
  useCheckboxContext,
14
14
  useCheckboxGroup,
15
15
  useCheckboxGroupContext
16
- } from "../../chunk/YVIJOCWC.jsx";
16
+ } from "../../chunk/RVUYRERH.jsx";
17
17
  import "../../chunk/52WUF3CY.jsx";
18
- import "../../chunk/TY6NCPFG.jsx";
18
+ import "../../chunk/MSHQY44G.jsx";
19
19
  import "../../chunk/RZBYC7DR.jsx";
20
20
  import "../../chunk/6WEDGJKQ.jsx";
21
21
  import "../../chunk/UFYZ7HLU.jsx";
@@ -1 +1 @@
1
- export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/U23DU73Q.js';
1
+ export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/6D57YTRH.js';
@@ -33,8 +33,8 @@ import {
33
33
  parse,
34
34
  useColorPicker,
35
35
  useColorPickerContext
36
- } from "../../chunk/4XC3UALJ.jsx";
37
- import "../../chunk/TY6NCPFG.jsx";
36
+ } from "../../chunk/N73ADPX5.jsx";
37
+ import "../../chunk/MSHQY44G.jsx";
38
38
  import "../../chunk/RZBYC7DR.jsx";
39
39
  import "../../chunk/E72NMPSK.jsx";
40
40
  import "../../chunk/5ONYCKM3.jsx";
@@ -1,2 +1,2 @@
1
- export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/4FXOTC23.js';
1
+ export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/OYIT66CI.js';
2
2
  export { createListCollection } from '../../chunk/CTTG4GSG.js';
@@ -21,8 +21,8 @@ import {
21
21
  useCombobox,
22
22
  useComboboxContext,
23
23
  useComboboxItemContext
24
- } from "../../chunk/SZH7YUGW.jsx";
25
- import "../../chunk/TY6NCPFG.jsx";
24
+ } from "../../chunk/SUVE6C6L.jsx";
25
+ import "../../chunk/MSHQY44G.jsx";
26
26
  import "../../chunk/RZBYC7DR.jsx";
27
27
  import "../../chunk/E72NMPSK.jsx";
28
28
  import {