@ark-ui/solid 4.7.0 → 4.9.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 (183) hide show
  1. package/dist/chunk/{HWURSPSE.js → 22UQ4DZC.js} +2 -2
  2. package/dist/chunk/{PZDCODVM.jsx → 2ILK4IFM.jsx} +20 -8
  3. package/dist/chunk/{JTHKX457.js → 2J42A7KM.js} +1 -14
  4. package/dist/chunk/{ZX3QOLR2.jsx → 2NEVBQW4.jsx} +4 -4
  5. package/dist/chunk/{SPA64RV2.js → 2W32Z6JZ.js} +2 -2
  6. package/dist/chunk/{FNDB3E7F.jsx → 34JAVC2R.jsx} +4 -4
  7. package/dist/chunk/{Q55I4ULB.js → 34OZO53S.js} +2 -2
  8. package/dist/chunk/{ND6ULTIP.js → 3V3HI6QW.js} +14 -6
  9. package/dist/chunk/{YBEQIVOS.js → 5CYHETDY.js} +12 -2
  10. package/dist/chunk/{OMC7ZZVY.js → 5XD5ZSBX.js} +2 -2
  11. package/dist/chunk/{34GYXRNO.js → 7KPVYYFT.js} +2 -2
  12. package/dist/chunk/ANUFR4QW.jsx +36 -0
  13. package/dist/chunk/{VKM3Y5SS.js → AWO62YTJ.js} +2 -2
  14. package/dist/chunk/CIPYIXIW.js +227 -0
  15. package/dist/chunk/{U6PDXLCA.jsx → CQN5S4C3.jsx} +4 -4
  16. package/dist/chunk/DOBZPYAN.jsx +18 -0
  17. package/dist/chunk/{YJZDRWMW.jsx → DOPROT6M.jsx} +6 -3
  18. package/dist/chunk/{DYAAMWKJ.js → DUDD2T7G.js} +2 -2
  19. package/dist/chunk/{VO46CN3P.js → DUYGPLFV.js} +2 -2
  20. package/dist/chunk/{YCESXPIN.jsx → EHJDQTTW.jsx} +3 -15
  21. package/dist/chunk/{LMMNUVZG.jsx → F3QPTRGW.jsx} +4 -3
  22. package/dist/chunk/{PAR3AJGR.js → FDN5MSFM.js} +2 -2
  23. package/dist/chunk/{AZBVL3C5.jsx → FS3LMJ37.jsx} +4 -4
  24. package/dist/chunk/FVMQXW27.jsx +265 -0
  25. package/dist/chunk/{CUHGQRR2.jsx → GWNETTAV.jsx} +7 -6
  26. package/dist/chunk/{R5ZNIQWU.jsx → HU7FZMJI.jsx} +34 -13
  27. package/dist/chunk/IL7WZATP.js +25 -0
  28. package/dist/chunk/{QX424BJV.jsx → IQJBNZOX.jsx} +11 -1
  29. package/dist/chunk/{LNX6MNBX.js → MJNR43Q5.js} +2 -2
  30. package/dist/chunk/{TY6NCPFG.jsx → MSHQY44G.jsx} +22 -22
  31. package/dist/chunk/{I5OAZLKD.js → NDY7YFV2.js} +2 -2
  32. package/dist/chunk/{YEVD47QN.js → QA6ZMN5Y.js} +3 -3
  33. package/dist/chunk/{UYIC346K.jsx → RH2PDRKN.jsx} +4 -4
  34. package/dist/chunk/{NEI5JM4A.jsx → RVUYRERH.jsx} +4 -4
  35. package/dist/chunk/{PSWXIR5X.jsx → SBPY26HV.jsx} +4 -4
  36. package/dist/chunk/{RSBH7AZU.jsx → SJSLQDBZ.jsx} +4 -4
  37. package/dist/chunk/{TEZSUL43.jsx → T433MZNC.jsx} +6 -6
  38. package/dist/chunk/{HXSFGTUH.jsx → T4NRAKVA.jsx} +4 -3
  39. package/dist/chunk/{CLZWNSRO.jsx → TDD2LTPZ.jsx} +6 -6
  40. package/dist/chunk/{ALKUQIFY.jsx → TMUQ6SLE.jsx} +4 -4
  41. package/dist/chunk/{3QKT7KP4.jsx → U3XJZI3X.jsx} +4 -4
  42. package/dist/chunk/{UZJR5LMS.js → UGKLUHKU.js} +11 -3
  43. package/dist/chunk/{WEGHFH3B.js → VARNCRUN.js} +2 -2
  44. package/dist/chunk/{LUJELJ42.js → XCNALQF7.js} +2 -2
  45. package/dist/chunk/XN6EERRM.js +16 -0
  46. package/dist/chunk/{A7PQQPGA.js → XTV6ZFAA.js} +2 -2
  47. package/dist/chunk/{KKCBAUHZ.js → YV5BACLX.js} +3 -2
  48. package/dist/components/accordion/index.js +1 -1
  49. package/dist/components/accordion/index.jsx +4 -4
  50. package/dist/components/avatar/index.js +1 -1
  51. package/dist/components/avatar/index.jsx +3 -3
  52. package/dist/components/carousel/index.js +1 -1
  53. package/dist/components/carousel/index.jsx +3 -3
  54. package/dist/components/checkbox/index.js +1 -1
  55. package/dist/components/checkbox/index.jsx +4 -4
  56. package/dist/components/clipboard/index.d.ts +8 -2
  57. package/dist/components/clipboard/index.js +1 -1
  58. package/dist/components/clipboard/index.jsx +5 -3
  59. package/dist/components/collapsible/index.js +1 -1
  60. package/dist/components/collapsible/index.jsx +3 -3
  61. package/dist/components/color-picker/index.js +1 -1
  62. package/dist/components/color-picker/index.jsx +5 -5
  63. package/dist/components/combobox/index.js +1 -1
  64. package/dist/components/combobox/index.jsx +7 -7
  65. package/dist/components/date-picker/index.js +1 -1
  66. package/dist/components/date-picker/index.jsx +3 -3
  67. package/dist/components/dialog/index.js +1 -1
  68. package/dist/components/dialog/index.jsx +3 -3
  69. package/dist/components/editable/index.js +1 -1
  70. package/dist/components/editable/index.jsx +4 -4
  71. package/dist/components/field/index.d.ts +7 -7
  72. package/dist/components/field/index.js +1 -1
  73. package/dist/components/field/index.jsx +1 -1
  74. package/dist/components/file-upload/index.d.ts +5 -5
  75. package/dist/components/file-upload/index.js +1 -1
  76. package/dist/components/file-upload/index.jsx +4 -4
  77. package/dist/components/focus-trap/index.d.ts +18 -0
  78. package/dist/components/focus-trap/index.js +1 -0
  79. package/dist/components/focus-trap/index.jsx +10 -0
  80. package/dist/components/format/index.jsx +1 -1
  81. package/dist/components/frame/index.js +1 -1
  82. package/dist/components/frame/index.jsx +3 -2
  83. package/dist/components/hover-card/index.js +1 -1
  84. package/dist/components/hover-card/index.jsx +3 -3
  85. package/dist/components/index.d.ts +6 -2
  86. package/dist/components/index.js +42 -40
  87. package/dist/components/index.jsx +323 -274
  88. package/dist/components/menu/index.js +1 -1
  89. package/dist/components/menu/index.jsx +3 -3
  90. package/dist/components/number-input/index.js +1 -1
  91. package/dist/components/number-input/index.jsx +4 -4
  92. package/dist/components/pagination/index.js +1 -1
  93. package/dist/components/pagination/index.jsx +3 -3
  94. package/dist/components/pin-input/index.js +1 -1
  95. package/dist/components/pin-input/index.jsx +4 -4
  96. package/dist/components/popover/index.js +1 -1
  97. package/dist/components/popover/index.jsx +3 -3
  98. package/dist/components/progress/index.d.ts +5 -0
  99. package/dist/components/progress/index.js +1 -1
  100. package/dist/components/progress/index.jsx +3 -3
  101. package/dist/components/qr-code/index.d.ts +14 -3
  102. package/dist/components/qr-code/index.js +1 -1
  103. package/dist/components/qr-code/index.jsx +5 -3
  104. package/dist/components/radio-group/index.js +1 -1
  105. package/dist/components/radio-group/index.jsx +3 -3
  106. package/dist/components/rating-group/index.js +1 -1
  107. package/dist/components/rating-group/index.jsx +4 -4
  108. package/dist/components/segment-group/index.js +1 -1
  109. package/dist/components/segment-group/index.jsx +3 -3
  110. package/dist/components/select/index.js +1 -1
  111. package/dist/components/select/index.jsx +7 -7
  112. package/dist/components/signature-pad/index.js +1 -1
  113. package/dist/components/signature-pad/index.jsx +4 -4
  114. package/dist/components/slider/index.js +1 -1
  115. package/dist/components/slider/index.jsx +3 -3
  116. package/dist/components/splitter/index.js +1 -1
  117. package/dist/components/splitter/index.jsx +3 -3
  118. package/dist/components/steps/index.js +1 -1
  119. package/dist/components/steps/index.jsx +3 -3
  120. package/dist/components/switch/index.js +1 -1
  121. package/dist/components/switch/index.jsx +4 -4
  122. package/dist/components/tabs/index.js +1 -1
  123. package/dist/components/tabs/index.jsx +3 -3
  124. package/dist/components/tags-input/index.js +1 -1
  125. package/dist/components/tags-input/index.jsx +4 -4
  126. package/dist/components/time-picker/index.js +1 -1
  127. package/dist/components/time-picker/index.jsx +3 -3
  128. package/dist/components/timer/index.jsx +2 -2
  129. package/dist/components/toggle/index.d.ts +5 -5
  130. package/dist/components/toggle/index.js +1 -1
  131. package/dist/components/toggle/index.jsx +1 -1
  132. package/dist/components/toggle-group/index.js +1 -1
  133. package/dist/components/toggle-group/index.jsx +3 -3
  134. package/dist/components/tooltip/index.js +1 -1
  135. package/dist/components/tooltip/index.jsx +3 -3
  136. package/dist/components/tour/index.d.ts +136 -0
  137. package/dist/components/tour/index.js +1 -0
  138. package/dist/components/tour/index.jsx +52 -0
  139. package/dist/components/tree-view/index.js +1 -1
  140. package/dist/components/tree-view/index.jsx +6 -6
  141. package/dist/index.d.ts +6 -2
  142. package/dist/index.js +43 -41
  143. package/dist/index.jsx +326 -277
  144. package/dist/providers/index.js +1 -1
  145. package/dist/providers/index.jsx +4 -4
  146. package/package.json +59 -56
  147. package/dist/chunk/{Y37DXSEE.jsx → 27RTXL55.jsx} +3 -3
  148. package/dist/chunk/{TM6MNCJB.js → 2GATVLPK.js} +1 -1
  149. package/dist/chunk/{JSMOACQ5.js → 2H4WHODR.js} +1 -1
  150. package/dist/chunk/{EZ7NDY7U.jsx → 2HTNQLGP.jsx} +3 -3
  151. package/dist/chunk/{KQLVMRLF.js → 3HMZSTYX.js} +1 -1
  152. package/dist/chunk/{AK2LUFHG.js → 5SRZ3YYC.js} +1 -1
  153. package/dist/chunk/{PBJ7MGGS.js → 632HFNZF.js} +19 -19
  154. package/dist/chunk/{YN36NFIE.js → 6YQ3EF2J.js} +1 -1
  155. package/dist/chunk/{Q3STMYMV.jsx → AIQFNVCU.jsx} +3 -3
  156. package/dist/chunk/{WLUB7JYL.js → ATMUKDFF.js} +1 -1
  157. package/dist/chunk/{PQ3UNZE4.jsx → B7LE23PE.jsx} +3 -3
  158. package/dist/chunk/{ZSWRRXUI.jsx → BY62F4IV.jsx} +3 -3
  159. package/dist/chunk/{YQ7OK72K.jsx → CPMYIT5J.jsx} +3 -3
  160. package/dist/chunk/{YKYATBPX.js → FNEB2RAF.js} +1 -1
  161. package/dist/chunk/{UW63M5GW.js → GXWVYON6.js} +1 -1
  162. package/dist/chunk/{6GRTONVL.jsx → GZVCPLKK.jsx} +3 -3
  163. package/dist/chunk/{4ICFJW2D.jsx → H4RSHLA7.jsx} +3 -3
  164. package/dist/chunk/{T7DQP6DT.jsx → IZC6PKGT.jsx} +3 -3
  165. package/dist/chunk/{L6HRKS4V.js → JVXNYKNA.js} +1 -1
  166. package/dist/chunk/{CRUV7XPV.jsx → K54W24N6.jsx} +3 -3
  167. package/dist/chunk/{R3KGHDYR.js → LVPQ6GR4.js} +1 -1
  168. package/dist/chunk/{KF5ALSYW.js → M2FICVVI.js} +1 -1
  169. package/dist/chunk/{GRSRDWXO.jsx → MRQ2UYM4.jsx} +3 -3
  170. package/dist/chunk/{7KBRNVZ6.js → MV3KTL7M.js} +9 -9
  171. package/dist/chunk/{4TNW4LNT.jsx → NK4T7LIZ.jsx} +3 -3
  172. package/dist/chunk/{3XNNMNPS.js → Q7NPTAJI.js} +1 -1
  173. package/dist/chunk/{QVBQZJF6.js → QLGAAWNC.js} +1 -1
  174. package/dist/chunk/{2PEBPAD5.jsx → R2YVXMP7.jsx} +0 -0
  175. package/dist/chunk/{4DPMLML4.js → RAEDLHD3.js} +1 -1
  176. package/dist/chunk/{CFEFSYGC.jsx → SN5TXTB6.jsx} +9 -9
  177. package/dist/chunk/{ENHIBLQ6.js → SWUA2VFC.js} +1 -1
  178. package/dist/chunk/{6EY2Z73Y.jsx → TC2QHQ47.jsx} +3 -3
  179. package/dist/chunk/{LKZXE4D5.jsx → U7SPBSDD.jsx} +3 -3
  180. package/dist/chunk/{KUTJELYB.js → W43X4SNE.js} +1 -1
  181. package/dist/chunk/{HQFEUYOV.jsx → WIVXL7HJ.jsx} +3 -3
  182. package/dist/chunk/{VI2C2YY7.jsx → ZC6KWJ4T.jsx} +3 -3
  183. /package/dist/chunk/{FE2WXPJR.js → ZWNW7ARB.js} +0 -0
@@ -1,8 +1,8 @@
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
- import { useLocaleContext } from './HPDOBQ3V.js';
5
4
  import { useEnvironmentContext } from './QODB3C3M.js';
5
+ import { useLocaleContext } from './HPDOBQ3V.js';
6
6
  import { createContext } from './I5UG2QUO.js';
7
7
  import { __export } from './ESLJRKWD.js';
8
8
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -1,18 +1,18 @@
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";
7
7
  import {
8
8
  ark
9
9
  } from "./UFYZ7HLU.jsx";
10
- import {
11
- useLocaleContext
12
- } from "./3QQZKR3F.jsx";
13
10
  import {
14
11
  useEnvironmentContext
15
12
  } from "./5O4RWSWO.jsx";
13
+ import {
14
+ useLocaleContext
15
+ } from "./3QQZKR3F.jsx";
16
16
  import {
17
17
  createContext
18
18
  } from "./NMGUCD2L.jsx";
@@ -42,8 +42,14 @@ var FileUploadContext = (props) => props.children(useFileUploadContext());
42
42
  // src/components/file-upload/file-upload-dropzone.tsx
43
43
  import { mergeProps as mergeProps2 } from "@zag-js/solid";
44
44
  var FileUploadDropzone = (props) => {
45
+ const [dropzoneProps, localProps] = createSplitProps()(props, [
46
+ "disableClick"
47
+ ]);
45
48
  const fileUpload2 = useFileUploadContext();
46
- const mergedProps = mergeProps2(() => fileUpload2().getDropzoneProps(), props);
49
+ const mergedProps = mergeProps2(
50
+ () => fileUpload2().getDropzoneProps(dropzoneProps),
51
+ localProps
52
+ );
47
53
  return <ark.div {...mergedProps} />;
48
54
  };
49
55
 
@@ -113,20 +119,25 @@ var FileUploadItemPreview = (props) => {
113
119
 
114
120
  // src/components/file-upload/file-upload-item-preview-image.tsx
115
121
  import { mergeProps as mergeProps9 } from "@zag-js/solid";
116
- import { createEffect, createSignal, onCleanup } from "solid-js";
122
+ import { Show, createEffect, createSignal, onCleanup } from "solid-js";
117
123
  var FileUploadItemPreviewImage = (props) => {
118
124
  const fileUpload2 = useFileUploadContext();
119
125
  const itemProps = useFileUploadItemPropsContext();
120
126
  const [url, setUrl] = createSignal("");
121
127
  createEffect(() => {
122
- const cleanup = fileUpload2().createFileUrl(itemProps.file, (url2) => setUrl(url2));
128
+ const cleanup = fileUpload2().createFileUrl(
129
+ itemProps.file,
130
+ (url2) => setUrl(url2)
131
+ );
123
132
  onCleanup(cleanup);
124
133
  });
125
134
  const mergedProps = mergeProps9(
126
135
  () => fileUpload2().getItemPreviewImageProps({ ...itemProps, url: url() }),
127
136
  props
128
137
  );
129
- return <ark.img {...mergedProps} />;
138
+ return <Show when={url()}>
139
+ <ark.img {...mergedProps} />
140
+ </Show>;
130
141
  };
131
142
 
132
143
  // src/components/file-upload/file-upload-item-size-text.tsx
@@ -194,6 +205,7 @@ var FileUploadRoot = (props) => {
194
205
  "onFileAccept",
195
206
  "onFileChange",
196
207
  "onFileReject",
208
+ "preventDocumentDrop",
197
209
  "required",
198
210
  "translations",
199
211
  "validate"
@@ -1,21 +1,8 @@
1
+ import { composeRefs } from './XN6EERRM.js';
1
2
  import { EnvironmentProvider } from './QODB3C3M.js';
2
3
  import { createComponent, use, spread, insert, Portal, template } from 'solid-js/web';
3
4
  import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
4
5
 
5
- // src/utils/compose-refs.ts
6
- var isRefFn = (ref) => typeof ref === "function";
7
- function setRef(ref, value) {
8
- if (isRefFn(ref)) {
9
- ref(value);
10
- }
11
- }
12
- function composeRefs(...refs) {
13
- return (node) => {
14
- for (const ref of refs) {
15
- setRef(ref, node);
16
- }
17
- };
18
- }
19
6
  var FrameContent = (props) => {
20
7
  const {
21
8
  onMount,
@@ -1,18 +1,18 @@
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";
7
7
  import {
8
8
  ark
9
9
  } from "./UFYZ7HLU.jsx";
10
- import {
11
- useLocaleContext
12
- } from "./3QQZKR3F.jsx";
13
10
  import {
14
11
  useEnvironmentContext
15
12
  } from "./5O4RWSWO.jsx";
13
+ import {
14
+ useLocaleContext
15
+ } from "./3QQZKR3F.jsx";
16
16
  import {
17
17
  createContext
18
18
  } from "./NMGUCD2L.jsx";
@@ -2,8 +2,8 @@ import { usePresence, PresenceProvider } from './LCESUDZB.js';
2
2
  import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
4
  import { ark } from './EPLBB4QN.js';
5
- import { useLocaleContext } from './HPDOBQ3V.js';
6
5
  import { useEnvironmentContext } from './QODB3C3M.js';
6
+ import { useLocaleContext } from './HPDOBQ3V.js';
7
7
  import { createContext } from './I5UG2QUO.js';
8
8
  import { __export } from './ESLJRKWD.js';
9
9
  import { createComponent } from 'solid-js/web';
@@ -79,7 +79,7 @@ var useTabs = (props = {}) => {
79
79
  // src/components/tabs/tabs-root.tsx
80
80
  var TabsRoot = (props) => {
81
81
  const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
82
- const [useTabsProps, restProps] = createSplitProps()(tabsProps, ["activationMode", "composite", "defaultValue", "deselectable", "id", "ids", "loopFocus", "onFocusChange", "onValueChange", "orientation", "translations", "value"]);
82
+ const [useTabsProps, restProps] = createSplitProps()(tabsProps, ["activationMode", "composite", "defaultValue", "deselectable", "id", "ids", "loopFocus", "navigate", "onFocusChange", "onValueChange", "orientation", "translations", "value"]);
83
83
  const api = useTabs(useTabsProps);
84
84
  const mergedProps = mergeProps(() => api().getRootProps(), restProps);
85
85
  return createComponent(TabsProvider, {
@@ -1,18 +1,18 @@
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";
7
7
  import {
8
8
  ark
9
9
  } from "./UFYZ7HLU.jsx";
10
- import {
11
- useLocaleContext
12
- } from "./3QQZKR3F.jsx";
13
10
  import {
14
11
  useEnvironmentContext
15
12
  } from "./5O4RWSWO.jsx";
13
+ import {
14
+ useLocaleContext
15
+ } from "./3QQZKR3F.jsx";
16
16
  import {
17
17
  createContext
18
18
  } from "./NMGUCD2L.jsx";
@@ -1,9 +1,9 @@
1
- import { collapsible_exports, useCollapsibleContext } from './KQLVMRLF.js';
1
+ import { collapsible_exports, useCollapsibleContext } from './3HMZSTYX.js';
2
2
  import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
4
  import { ark } from './EPLBB4QN.js';
5
- import { useLocaleContext } from './HPDOBQ3V.js';
6
5
  import { useEnvironmentContext } from './QODB3C3M.js';
6
+ import { useLocaleContext } from './HPDOBQ3V.js';
7
7
  import { createContext } from './I5UG2QUO.js';
8
8
  import { __export } from './ESLJRKWD.js';
9
9
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -1,13 +1,13 @@
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
- import { useLocaleContext } from './HPDOBQ3V.js';
5
4
  import { useEnvironmentContext } from './QODB3C3M.js';
5
+ import { useLocaleContext } from './HPDOBQ3V.js';
6
6
  import { createContext } from './I5UG2QUO.js';
7
7
  import { __export } from './ESLJRKWD.js';
8
8
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
9
9
  import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
10
- import { createSignal, createEffect, onCleanup, createUniqueId, createMemo } from 'solid-js';
10
+ import { createSignal, createEffect, onCleanup, Show, createUniqueId, createMemo } from 'solid-js';
11
11
  import * as fileUpload from '@zag-js/file-upload';
12
12
  export { anatomy } from '@zag-js/file-upload';
13
13
 
@@ -27,8 +27,9 @@ var FileUploadClearTrigger = (props) => {
27
27
  // src/components/file-upload/file-upload-context.tsx
28
28
  var FileUploadContext = (props) => props.children(useFileUploadContext());
29
29
  var FileUploadDropzone = (props) => {
30
+ const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
30
31
  const fileUpload2 = useFileUploadContext();
31
- const mergedProps = mergeProps(() => fileUpload2().getDropzoneProps(), props);
32
+ const mergedProps = mergeProps(() => fileUpload2().getDropzoneProps(dropzoneProps), localProps);
32
33
  return createComponent(ark.div, mergedProps);
33
34
  };
34
35
  var FileUploadHiddenInput = (props) => {
@@ -100,7 +101,14 @@ var FileUploadItemPreviewImage = (props) => {
100
101
  ...itemProps,
101
102
  url: url()
102
103
  }), props);
103
- return createComponent(ark.img, mergedProps);
104
+ return createComponent(Show, {
105
+ get when() {
106
+ return url();
107
+ },
108
+ get children() {
109
+ return createComponent(ark.img, mergedProps);
110
+ }
111
+ });
104
112
  };
105
113
  var FileUploadItemSizeText = (props) => {
106
114
  const fileUpload2 = useFileUploadContext();
@@ -141,7 +149,7 @@ var useFileUpload = (props = {}) => {
141
149
 
142
150
  // src/components/file-upload/file-upload-root.tsx
143
151
  var FileUploadRoot = (props) => {
144
- const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "allowDrop", "capture", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "required", "translations", "validate"]);
152
+ const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "allowDrop", "capture", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "required", "translations", "validate"]);
145
153
  const fileUpload2 = useFileUpload(fileUploadProps);
146
154
  const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
147
155
  return createComponent(FileUploadProvider, {
@@ -96,6 +96,15 @@ var ClipboardTrigger = (props) => {
96
96
  const mergedProps = mergeProps(() => api().getTriggerProps(), props);
97
97
  return createComponent(ark.button, mergedProps);
98
98
  };
99
+ var ClipboardValueText = (props) => {
100
+ const api = useClipboardContext();
101
+ const mergedProps = mergeProps(props);
102
+ return createComponent(ark.span, mergeProps$1(mergedProps, {
103
+ get children() {
104
+ return props.children || api().value;
105
+ }
106
+ }));
107
+ };
99
108
 
100
109
  // src/components/clipboard/clipboard.ts
101
110
  var clipboard_exports = {};
@@ -107,7 +116,8 @@ __export(clipboard_exports, {
107
116
  Label: () => ClipboardLabel,
108
117
  Root: () => ClipboardRoot,
109
118
  RootProvider: () => ClipboardRootProvider,
110
- Trigger: () => ClipboardTrigger
119
+ Trigger: () => ClipboardTrigger,
120
+ ValueText: () => ClipboardValueText
111
121
  });
112
122
 
113
- export { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, clipboard_exports, useClipboard, useClipboardContext };
123
+ export { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, clipboard_exports, useClipboard, useClipboardContext };
@@ -1,9 +1,9 @@
1
- import { collapsible_exports } from './KQLVMRLF.js';
1
+ import { collapsible_exports } from './3HMZSTYX.js';
2
2
  import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
4
  import { ark } from './EPLBB4QN.js';
5
- import { useLocaleContext } from './HPDOBQ3V.js';
6
5
  import { useEnvironmentContext } from './QODB3C3M.js';
6
+ import { useLocaleContext } from './HPDOBQ3V.js';
7
7
  import { createContext } from './I5UG2QUO.js';
8
8
  import { __export } from './ESLJRKWD.js';
9
9
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -1,9 +1,9 @@
1
1
  import { useControllableState } from './BSPFGETO.js';
2
- import { useFieldContext } from './PBJ7MGGS.js';
2
+ import { useFieldContext } from './632HFNZF.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
4
  import { ark } from './EPLBB4QN.js';
5
- import { useLocaleContext } from './HPDOBQ3V.js';
6
5
  import { useEnvironmentContext } from './QODB3C3M.js';
6
+ import { useLocaleContext } from './HPDOBQ3V.js';
7
7
  import { createContext } from './I5UG2QUO.js';
8
8
  import { __export } from './ESLJRKWD.js';
9
9
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -0,0 +1,36 @@
1
+ import {
2
+ composeRefs
3
+ } from "./DOBZPYAN.jsx";
4
+ import {
5
+ createSplitProps
6
+ } from "./6WEDGJKQ.jsx";
7
+ import {
8
+ ark
9
+ } from "./UFYZ7HLU.jsx";
10
+
11
+ // src/components/focus-trap/focus-trap.tsx
12
+ import { trapFocus } from "@zag-js/focus-trap";
13
+ import { createEffect, onCleanup } from "solid-js";
14
+ var FocusTrap = (props) => {
15
+ let localNode;
16
+ const [trapProps, localProps] = createSplitProps()(props, [
17
+ "disabled",
18
+ "onActivate",
19
+ "onDeactivate",
20
+ "initialFocus",
21
+ "fallbackFocus",
22
+ "returnFocusOnDeactivate",
23
+ "setReturnFocus"
24
+ ]);
25
+ createEffect(() => {
26
+ if (!localNode || trapProps.disabled) return;
27
+ const autoFocusNode = localNode.querySelector("[autofocus], [data-autofocus]");
28
+ trapProps.initialFocus ||= autoFocusNode ?? void 0;
29
+ onCleanup(trapFocus(localNode, trapProps));
30
+ });
31
+ return <ark.div {...localProps} ref={composeRefs((el) => localNode = el, props.ref)} />;
32
+ };
33
+
34
+ export {
35
+ FocusTrap
36
+ };
@@ -1,8 +1,8 @@
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
- import { useLocaleContext } from './HPDOBQ3V.js';
5
4
  import { useEnvironmentContext } from './QODB3C3M.js';
5
+ import { useLocaleContext } from './HPDOBQ3V.js';
6
6
  import { createContext } from './I5UG2QUO.js';
7
7
  import { __export } from './ESLJRKWD.js';
8
8
  import { createComponent, mergeProps as mergeProps$1, spread, template } from 'solid-js/web';
@@ -0,0 +1,227 @@
1
+ import { usePresence, usePresenceContext, splitPresenceProps, PresenceProvider } from './LCESUDZB.js';
2
+ import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
3
+ import { createSplitProps } from './ZMHI4GDJ.js';
4
+ import { ark } from './EPLBB4QN.js';
5
+ import { useEnvironmentContext } from './QODB3C3M.js';
6
+ import { useLocaleContext } from './HPDOBQ3V.js';
7
+ import { createContext } from './I5UG2QUO.js';
8
+ import { __export } from './ESLJRKWD.js';
9
+ import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
10
+ import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
11
+ import { Show, createUniqueId, createMemo } from 'solid-js';
12
+ import * as tour from '@zag-js/tour';
13
+ import { anatomy } from '@zag-js/tour';
14
+
15
+ // src/components/tour/use-tour-context.ts
16
+ var [TourProvider, useTourContext] = createContext({
17
+ hookName: "useTourContext",
18
+ providerName: "<TourProvider />"
19
+ });
20
+
21
+ // src/components/tour/tour-action-trigger.tsx
22
+ var TourActionTrigger = (props) => {
23
+ const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
24
+ const tour2 = useTourContext();
25
+ const mergedProps = mergeProps(() => tour2().getActionTriggerProps(actionTriggerProps), localProps);
26
+ return createComponent(ark.button, mergeProps$1(mergedProps, {
27
+ get children() {
28
+ return mergedProps.children || actionTriggerProps.action.label;
29
+ }
30
+ }));
31
+ };
32
+
33
+ // src/components/tour/tour-actions.tsx
34
+ var TourActions = (props) => {
35
+ const tour2 = useTourContext();
36
+ return props.children(() => tour2().step?.actions ?? []);
37
+ };
38
+ var TourArrow = (props) => {
39
+ const tour2 = useTourContext();
40
+ const mergedProps = mergeProps(() => tour2().getArrowProps(), props);
41
+ return createComponent(Show, {
42
+ get when() {
43
+ return tour2().step?.arrow;
44
+ },
45
+ get children() {
46
+ return createComponent(ark.div, mergedProps);
47
+ }
48
+ });
49
+ };
50
+ var TourArrowTip = (props) => {
51
+ const tour2 = useTourContext();
52
+ const mergedProps = mergeProps(() => tour2().getArrowTipProps(), props);
53
+ return createComponent(ark.div, mergedProps);
54
+ };
55
+ var TourBackdrop = (props) => {
56
+ const tour2 = useTourContext();
57
+ const renderStrategyProps = useRenderStrategyContext();
58
+ const presence = usePresence(mergeProps(renderStrategyProps, () => ({
59
+ present: tour2().open
60
+ })));
61
+ const mergedProps = mergeProps(() => tour2().getBackdropProps(), () => presence().presenceProps, props);
62
+ return createComponent(Show, {
63
+ get when() {
64
+ return !presence().unmounted;
65
+ },
66
+ get children() {
67
+ return createComponent(ark.div, mergeProps$1(mergedProps, {
68
+ get hidden() {
69
+ return !tour2().step?.backdrop;
70
+ }
71
+ }));
72
+ }
73
+ });
74
+ };
75
+ var TourCloseTrigger = (props) => {
76
+ const tour2 = useTourContext();
77
+ const mergedProps = mergeProps(() => tour2().getCloseTriggerProps(), props);
78
+ return createComponent(ark.button, mergedProps);
79
+ };
80
+ var TourContent = (props) => {
81
+ const tour2 = useTourContext();
82
+ const renderStrategyProps = useRenderStrategyContext();
83
+ const presence = usePresence(mergeProps(renderStrategyProps, () => ({
84
+ present: tour2().open
85
+ })));
86
+ const mergedProps = mergeProps(() => tour2().getContentProps(), () => presence().presenceProps, props);
87
+ return createComponent(Show, {
88
+ get when() {
89
+ return !presence().unmounted;
90
+ },
91
+ get children() {
92
+ return createComponent(ark.div, mergedProps);
93
+ }
94
+ });
95
+ };
96
+
97
+ // src/components/tour/tour-context.tsx
98
+ var TourContext = (props) => props.children(useTourContext());
99
+ var tourAnatomy = anatomy.extendWith("control");
100
+
101
+ // src/components/tour/tour-control.tsx
102
+ var TourControl = (props) => {
103
+ const mergedProps = mergeProps(() => tourAnatomy.build().control.attrs, props);
104
+ return createComponent(ark.div, mergedProps);
105
+ };
106
+ var TourDescription = (props) => {
107
+ const tour2 = useTourContext();
108
+ const mergedProps = mergeProps(() => tour2().getDescriptionProps(), props);
109
+ return createComponent(ark.div, mergeProps$1(mergedProps, {
110
+ get children() {
111
+ return mergedProps.children || tour2().step?.description;
112
+ }
113
+ }));
114
+ };
115
+ var TourPositioner = (props) => {
116
+ const tour2 = useTourContext();
117
+ const presence = usePresenceContext();
118
+ const mergedProps = mergeProps(() => tour2().getPositionerProps(), props);
119
+ return createComponent(Show, {
120
+ get when() {
121
+ return !presence().unmounted;
122
+ },
123
+ get children() {
124
+ return createComponent(ark.div, mergedProps);
125
+ }
126
+ });
127
+ };
128
+ var TourProgressText = (props) => {
129
+ const tour2 = useTourContext();
130
+ const mergedProps = mergeProps(() => tour2().getProgressTextProps(), props);
131
+ return createComponent(ark.div, mergeProps$1(mergedProps, {
132
+ get children() {
133
+ return mergedProps.children || tour2().getProgressText();
134
+ }
135
+ }));
136
+ };
137
+ var TourRoot = (props) => {
138
+ const [presenceProps, rootProps] = splitPresenceProps(props);
139
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
140
+ const presence = usePresence(mergeProps(presenceProps, () => ({
141
+ present: rootProps.tour().open
142
+ })));
143
+ return createComponent(TourProvider, {
144
+ get value() {
145
+ return rootProps.tour;
146
+ },
147
+ get children() {
148
+ return createComponent(RenderStrategyProvider, {
149
+ value: renderStrategyProps,
150
+ get children() {
151
+ return createComponent(PresenceProvider, {
152
+ value: presence,
153
+ get children() {
154
+ return rootProps.children;
155
+ }
156
+ });
157
+ }
158
+ });
159
+ }
160
+ });
161
+ };
162
+ var TourSpotlight = (props) => {
163
+ const tour2 = useTourContext();
164
+ const renderStrategyProps = useRenderStrategyContext();
165
+ const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({
166
+ present: tour2().open
167
+ })));
168
+ const mergedProps = mergeProps(() => tour2().getSpotlightProps(), () => presenceApi().presenceProps, props);
169
+ return createComponent(Show, {
170
+ get when() {
171
+ return !presenceApi().unmounted;
172
+ },
173
+ get children() {
174
+ return createComponent(ark.div, mergeProps$1(mergedProps, {
175
+ get hidden() {
176
+ return !tour2().open || !tour2().step?.target?.();
177
+ }
178
+ }));
179
+ }
180
+ });
181
+ };
182
+ var TourTitle = (props) => {
183
+ const tour2 = useTourContext();
184
+ const mergedProps = mergeProps(() => tour2().getTitleProps(), props);
185
+ return createComponent(ark.h2, mergeProps$1(mergedProps, {
186
+ get children() {
187
+ return mergedProps.children || tour2().step?.title;
188
+ }
189
+ }));
190
+ };
191
+ var useTour = (props = {}) => {
192
+ const id = createUniqueId();
193
+ const locale = useLocaleContext();
194
+ const environment = useEnvironmentContext();
195
+ const context = createMemo(() => ({
196
+ id,
197
+ dir: locale().dir,
198
+ getRootNode: environment().getRootNode,
199
+ ...props
200
+ }));
201
+ const [state, send] = useMachine(tour.machine(context()), {
202
+ context
203
+ });
204
+ return createMemo(() => tour.connect(state, send, normalizeProps));
205
+ };
206
+
207
+ // src/components/tour/tour.ts
208
+ var tour_exports = {};
209
+ __export(tour_exports, {
210
+ ActionTrigger: () => TourActionTrigger,
211
+ Actions: () => TourActions,
212
+ Arrow: () => TourArrow,
213
+ ArrowTip: () => TourArrowTip,
214
+ Backdrop: () => TourBackdrop,
215
+ CloseTrigger: () => TourCloseTrigger,
216
+ Content: () => TourContent,
217
+ Context: () => TourContext,
218
+ Control: () => TourControl,
219
+ Description: () => TourDescription,
220
+ Positioner: () => TourPositioner,
221
+ ProgressText: () => TourProgressText,
222
+ Root: () => TourRoot,
223
+ Spotlight: () => TourSpotlight,
224
+ Title: () => TourTitle
225
+ });
226
+
227
+ export { TourActionTrigger, TourActions, TourArrow, TourArrowTip, TourBackdrop, TourCloseTrigger, TourContent, TourContext, TourControl, TourDescription, TourPositioner, TourProgressText, TourRoot, TourSpotlight, TourTitle, tourAnatomy, tour_exports, useTour, useTourContext };
@@ -1,18 +1,18 @@
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";
7
7
  import {
8
8
  ark
9
9
  } from "./UFYZ7HLU.jsx";
10
- import {
11
- useLocaleContext
12
- } from "./3QQZKR3F.jsx";
13
10
  import {
14
11
  useEnvironmentContext
15
12
  } from "./5O4RWSWO.jsx";
13
+ import {
14
+ useLocaleContext
15
+ } from "./3QQZKR3F.jsx";
16
16
  import {
17
17
  createContext
18
18
  } from "./NMGUCD2L.jsx";
@@ -0,0 +1,18 @@
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 {
17
+ composeRefs
18
+ };
@@ -4,12 +4,12 @@ import {
4
4
  import {
5
5
  ark
6
6
  } from "./UFYZ7HLU.jsx";
7
- import {
8
- useLocaleContext
9
- } from "./3QQZKR3F.jsx";
10
7
  import {
11
8
  useEnvironmentContext
12
9
  } from "./5O4RWSWO.jsx";
10
+ import {
11
+ useLocaleContext
12
+ } from "./3QQZKR3F.jsx";
13
13
  import {
14
14
  createContext
15
15
  } from "./NMGUCD2L.jsx";
@@ -83,6 +83,7 @@ var useProgress = (props = {}) => {
83
83
  id,
84
84
  dir: locale().dir,
85
85
  getRootNode: environment().getRootNode,
86
+ value: props.defaultValue,
86
87
  ...props
87
88
  }));
88
89
  const [state, send] = useMachine(progress.machine(context()), { context });
@@ -92,10 +93,12 @@ var useProgress = (props = {}) => {
92
93
  // src/components/progress/progress-root.tsx
93
94
  var ProgressRoot = (props) => {
94
95
  const [progressProps, localProps] = createSplitProps()(props, [
96
+ "defaultValue",
95
97
  "id",
96
98
  "ids",
97
99
  "max",
98
100
  "min",
101
+ "onValueChange",
99
102
  "orientation",
100
103
  "translations",
101
104
  "value"
@@ -1,8 +1,8 @@
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
- import { useLocaleContext } from './HPDOBQ3V.js';
5
4
  import { useEnvironmentContext } from './QODB3C3M.js';
5
+ import { useLocaleContext } from './HPDOBQ3V.js';
6
6
  import { createContext } from './I5UG2QUO.js';
7
7
  import { __export } from './ESLJRKWD.js';
8
8
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';