@ark-ui/solid 5.30.0 → 5.31.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 (252) hide show
  1. package/dist/{checkbox.anatomy-CuzDSmDj.d.ts → checkbox.anatomy-YlC7nNXs.d.ts} +1 -1
  2. package/dist/chunk/{2S7Z6JX4.jsx → 2KCVIKG7.jsx} +7 -7
  3. package/dist/chunk/{Z5L7ULFZ.js → 2SGHC324.js} +2 -2
  4. package/dist/chunk/{KEZ2WH2A.jsx → 2TPQPUX6.jsx} +6 -6
  5. package/dist/chunk/{Z5ZRFFPU.js → 37BRFTCN.js} +2 -2
  6. package/dist/chunk/{S7F5ETXJ.js → 3JI3LEL3.js} +3 -3
  7. package/dist/chunk/{5QLLQM7E.js → 3P5T77QU.js} +6 -5
  8. package/dist/chunk/{HWHAUHQ5.jsx → 4GELDCEE.jsx} +7 -7
  9. package/dist/chunk/{3BRVNFB3.js → 4GOETTVP.js} +29 -32
  10. package/dist/chunk/{W7YDKZGP.js → 4UQ4BNTC.js} +3 -3
  11. package/dist/chunk/{M3S2UEA7.js → 52P3DPTR.js} +3 -3
  12. package/dist/chunk/{SH4J3NPA.jsx → 5LDIC54T.jsx} +6 -6
  13. package/dist/chunk/{WUBTAV2O.js → 5LGVYTH5.js} +4 -4
  14. package/dist/chunk/{XXP27BHC.jsx → 5O3D32XK.jsx} +8 -8
  15. package/dist/chunk/{K32NALIW.js → 5QVNY35H.js} +2 -2
  16. package/dist/chunk/{76KFR2EJ.jsx → 5SEYLBQQ.jsx} +7 -7
  17. package/dist/chunk/{372PVMNT.js → 5WXM756C.js} +3 -3
  18. package/dist/chunk/{UHWLTCQZ.jsx → 65QK7XXR.jsx} +6 -3
  19. package/dist/chunk/{J5ODILBT.jsx → 6N44QPMY.jsx} +13 -13
  20. package/dist/chunk/{XH4Y4U2G.jsx → 76UE3KN4.jsx} +8 -8
  21. package/dist/chunk/{B434DN6B.js → 7LBRKLXW.js} +2 -2
  22. package/dist/chunk/{G2THT6E6.js → 7LG5FPBU.js} +19 -15
  23. package/dist/chunk/{NZQO4OJP.jsx → A7ULUG37.jsx} +17 -14
  24. package/dist/chunk/{RSWPJEWK.js → AFGSUR6R.js} +3 -3
  25. package/dist/chunk/{XNAQLSZW.jsx → AOAGDS53.jsx} +3 -3
  26. package/dist/chunk/{HCQSZULR.js → BHJYCERG.js} +4 -4
  27. package/dist/chunk/{HI7OENS5.js → BV6RNXMH.js} +27 -5
  28. package/dist/chunk/{7HLG62OR.jsx → C56T2HRV.jsx} +7 -7
  29. package/dist/chunk/{FDE3GI6Q.js → CCBSY5FU.js} +4 -4
  30. package/dist/chunk/{LQGHLGPW.jsx → CG273YBB.jsx} +4 -4
  31. package/dist/chunk/{7B5HD3HF.js → CKMDA3R6.js} +2 -2
  32. package/dist/chunk/{RRFWSRAD.jsx → CMGVBYH6.jsx} +47 -12
  33. package/dist/chunk/{W33NQFXF.js → CTYC3XVM.js} +3 -3
  34. package/dist/chunk/{IYZ6XUM5.js → CXS7DDU2.js} +2 -2
  35. package/dist/chunk/{IEJ4RWIV.jsx → D4GWWUQY.jsx} +7 -7
  36. package/dist/chunk/{BX734ZD7.js → DFHJBZM6.js} +3 -3
  37. package/dist/chunk/{UOTT3RUB.jsx → DLQR7VNM.jsx} +7 -7
  38. package/dist/chunk/{MNZUELWU.jsx → DM5NMT5Y.jsx} +7 -7
  39. package/dist/chunk/{QTWOIUHU.jsx → DNRJCAR4.jsx} +7 -7
  40. package/dist/chunk/{DR7CHNBO.jsx → DON7WJR6.jsx} +6 -6
  41. package/dist/chunk/{FDGWBBJ3.jsx → DYFALYJE.jsx} +4 -4
  42. package/dist/chunk/{J6B3R7PY.jsx → EMHNANVE.jsx} +6 -6
  43. package/dist/chunk/{P2OA7NSB.js → EOQC4OFF.js} +2 -2
  44. package/dist/chunk/{6UXNGS66.jsx → EQKTJ63X.jsx} +1 -1
  45. package/dist/chunk/{NPSTVZUG.jsx → EV7COIUN.jsx} +8 -7
  46. package/dist/chunk/{JNBFQ7ZP.jsx → FQY342YD.jsx} +13 -13
  47. package/dist/chunk/{B7OY6YTK.js → G2UMJWTM.js} +2 -2
  48. package/dist/chunk/{IGSOSLB3.jsx → GOJHNXPD.jsx} +7 -7
  49. package/dist/chunk/{O5M2FPMH.js → GXLS3QZ4.js} +3 -3
  50. package/dist/chunk/{CGW54HAQ.jsx → HDGILMRT.jsx} +4 -1
  51. package/dist/chunk/{P7BXFWK5.js → HMG7R2BF.js} +40 -38
  52. package/dist/chunk/{OVPRCDDL.jsx → IHT5Q6Q3.jsx} +8 -7
  53. package/dist/chunk/{VRCOVKZM.jsx → IM2L53FZ.jsx} +7 -7
  54. package/dist/chunk/{23JPD2DE.js → J6D7JUCJ.js} +2 -5
  55. package/dist/chunk/{CCK5XI24.jsx → KH2XV4KM.jsx} +7 -7
  56. package/dist/chunk/{ZYFWVVTC.js → KMYFS63G.js} +66 -22
  57. package/dist/chunk/{FXYVJXLF.jsx → KQGHYOLW.jsx} +6 -6
  58. package/dist/chunk/{4EK6Z2KK.js → KXKOMCVA.js} +2 -2
  59. package/dist/chunk/{52VYWTHF.js → LYCTCPBV.js} +4 -4
  60. package/dist/chunk/{GCQCOMQH.js → MDSG7I6V.js} +2 -2
  61. package/dist/chunk/{SZNFUIJQ.jsx → MMBOU3ZC.jsx} +7 -7
  62. package/dist/chunk/{F7OI3RZ3.js → NHSNBGCC.js} +46 -19
  63. package/dist/chunk/{UMVZZL45.js → NMYA3JZ5.js} +1 -1
  64. package/dist/chunk/{LNZGGTI5.js → NT6ZYH25.js} +3 -3
  65. package/dist/chunk/{K3TLO6S6.js → NYBDSWDH.js} +2 -2
  66. package/dist/chunk/{UDBRICA6.js → O6CMUPUG.js} +2 -2
  67. package/dist/chunk/{DBNXBHAT.js → OSFE5N7D.js} +3 -3
  68. package/dist/chunk/{VVD4LKC6.jsx → OWH3LOUE.jsx} +4 -1
  69. package/dist/chunk/{3WOFDSWV.jsx → PSH3YKBU.jsx} +4 -4
  70. package/dist/chunk/{CNHYYRWI.jsx → Q2EC4X24.jsx} +7 -7
  71. package/dist/chunk/{WT5KEZUJ.js → Q67V4SSK.js} +8 -12
  72. package/dist/chunk/{TP32AKQX.js → RBYLWQEE.js} +3 -3
  73. package/dist/chunk/{FKF6FOYL.jsx → RLUEXDAM.jsx} +7 -7
  74. package/dist/chunk/{RYD4Z3LT.jsx → RY7KBPRA.jsx} +6 -6
  75. package/dist/chunk/{GBGTOFYC.js → S3VN2YFH.js} +2 -2
  76. package/dist/chunk/{6QF5SDIE.jsx → S7ILHA7C.jsx} +7 -7
  77. package/dist/chunk/{JEKNEIFC.jsx → SCMBWJVC.jsx} +6 -6
  78. package/dist/chunk/{UTULIPW7.js → SLOK7RQU.js} +3 -3
  79. package/dist/chunk/{2MDYHAEL.js → SU6SNXFK.js} +7 -6
  80. package/dist/chunk/{4A6UNZ4T.jsx → T4C4OLH5.jsx} +8 -8
  81. package/dist/chunk/{AH5KB6LR.js → TAEJBOHF.js} +3 -3
  82. package/dist/chunk/{NHEM6XZR.jsx → TEKM4RER.jsx} +6 -6
  83. package/dist/chunk/{SYNEPEHD.js → TJ7E237D.js} +2 -2
  84. package/dist/chunk/{GCEYGQPA.jsx → TQCLH765.jsx} +13 -13
  85. package/dist/chunk/{5RT2MFUK.jsx → TYHUUGLH.jsx} +3 -3
  86. package/dist/chunk/{ORJXW4SC.jsx → TZA2XQYK.jsx} +38 -18
  87. package/dist/chunk/{OF7DNWIQ.jsx → UGCFDJSO.jsx} +6 -6
  88. package/dist/chunk/{HVXJLFJY.jsx → UGSFGPFW.jsx} +7 -7
  89. package/dist/chunk/{AQ27SOWE.jsx → V6TUJPSE.jsx} +6 -6
  90. package/dist/chunk/{2BFJIRAK.js → VPKUVVDM.js} +3 -3
  91. package/dist/chunk/{YENHTIT6.js → VQAY7ALM.js} +3 -3
  92. package/dist/chunk/{TWZUCWKG.js → VUOC2LCL.js} +2 -2
  93. package/dist/chunk/{UXUJ2LD6.js → VUSRNP23.js} +3 -3
  94. package/dist/chunk/{QGXWXVZ5.js → VVSGL3B5.js} +3 -3
  95. package/dist/chunk/{Z4EBWHQF.js → WJ3SED2J.js} +3 -3
  96. package/dist/chunk/{VH6MDPEX.jsx → WMMVKZHK.jsx} +7 -7
  97. package/dist/chunk/{QARPXWDS.js → WYVADPK7.js} +2 -2
  98. package/dist/chunk/{JRY66LXS.jsx → XMIVUAEB.jsx} +7 -7
  99. package/dist/chunk/{HYQNCIWP.js → XTL34GZH.js} +2 -2
  100. package/dist/chunk/{6HVSV6OM.js → YA3LD5QR.js} +1 -1
  101. package/dist/chunk/{JLPPHEZV.js → YJZT56R5.js} +2 -2
  102. package/dist/chunk/{VDRVAOKQ.js → YQOHTJFL.js} +3 -3
  103. package/dist/chunk/{2JSSDQEE.jsx → YRAJJHEJ.jsx} +7 -7
  104. package/dist/chunk/{HNIBOZUS.jsx → YTEBGEQ4.jsx} +39 -11
  105. package/dist/chunk/{2V2P2JZV.js → Z326BLVT.js} +5 -5
  106. package/dist/chunk/{VIKFXGE5.jsx → ZOKZFKHJ.jsx} +7 -7
  107. package/dist/chunk/{3ZDGZCBV.jsx → ZQJU3MNB.jsx} +11 -11
  108. package/dist/chunk/{DH3KPRGA.jsx → ZSFOKQ3Z.jsx} +10 -7
  109. package/dist/chunk/{UOOMXEJO.jsx → ZYS6A6GV.jsx} +6 -6
  110. package/dist/{color-picker.anatomy-CMDtAoEh.d.ts → color-picker.anatomy-Dxw1DJ2S.d.ts} +1 -1
  111. package/dist/{combobox.anatomy-DBsVyPqM.d.ts → combobox.anatomy-CW3VXK4N.d.ts} +1 -1
  112. package/dist/components/accordion/index.js +1 -1
  113. package/dist/components/accordion/index.jsx +7 -7
  114. package/dist/components/anatomy.d.ts +7 -7
  115. package/dist/components/anatomy.js +18 -18
  116. package/dist/components/anatomy.jsx +52 -52
  117. package/dist/components/angle-slider/index.js +1 -1
  118. package/dist/components/angle-slider/index.jsx +5 -5
  119. package/dist/components/avatar/index.js +1 -1
  120. package/dist/components/avatar/index.jsx +5 -5
  121. package/dist/components/bottom-sheet/index.js +1 -1
  122. package/dist/components/bottom-sheet/index.jsx +6 -6
  123. package/dist/components/carousel/index.js +1 -1
  124. package/dist/components/carousel/index.jsx +5 -5
  125. package/dist/components/checkbox/index.d.ts +1 -1
  126. package/dist/components/checkbox/index.js +1 -1
  127. package/dist/components/checkbox/index.jsx +8 -8
  128. package/dist/components/clipboard/index.js +1 -1
  129. package/dist/components/clipboard/index.jsx +5 -5
  130. package/dist/components/collapsible/index.js +1 -1
  131. package/dist/components/collapsible/index.jsx +6 -6
  132. package/dist/components/color-picker/index.d.ts +1 -1
  133. package/dist/components/color-picker/index.js +1 -1
  134. package/dist/components/color-picker/index.jsx +10 -10
  135. package/dist/components/combobox/index.d.ts +1 -1
  136. package/dist/components/combobox/index.js +1 -1
  137. package/dist/components/combobox/index.jsx +10 -10
  138. package/dist/components/date-picker/index.d.ts +30 -4
  139. package/dist/components/date-picker/index.js +2 -2
  140. package/dist/components/date-picker/index.jsx +10 -8
  141. package/dist/components/dialog/index.js +1 -1
  142. package/dist/components/dialog/index.jsx +8 -8
  143. package/dist/components/download-trigger/index.js +1 -1
  144. package/dist/components/download-trigger/index.jsx +4 -4
  145. package/dist/components/editable/index.js +1 -1
  146. package/dist/components/editable/index.jsx +8 -8
  147. package/dist/components/field/index.d.ts +1 -1
  148. package/dist/components/field/index.js +1 -1
  149. package/dist/components/field/index.jsx +7 -7
  150. package/dist/components/fieldset/index.d.ts +1 -1
  151. package/dist/components/fieldset/index.js +1 -1
  152. package/dist/components/fieldset/index.jsx +6 -6
  153. package/dist/components/file-upload/index.js +1 -1
  154. package/dist/components/file-upload/index.jsx +8 -8
  155. package/dist/components/floating-panel/index.js +1 -1
  156. package/dist/components/floating-panel/index.jsx +8 -8
  157. package/dist/components/format/index.jsx +3 -2
  158. package/dist/components/frame/index.js +1 -1
  159. package/dist/components/frame/index.jsx +4 -3
  160. package/dist/components/highlight/index.js +1 -1
  161. package/dist/components/highlight/index.jsx +2 -1
  162. package/dist/components/hover-card/index.js +1 -1
  163. package/dist/components/hover-card/index.jsx +8 -8
  164. package/dist/components/image-cropper/index.js +1 -1
  165. package/dist/components/image-cropper/index.jsx +5 -5
  166. package/dist/components/index.d.ts +10 -10
  167. package/dist/components/index.js +71 -71
  168. package/dist/components/index.jsx +434 -424
  169. package/dist/components/json-tree-view/index.d.ts +16 -13
  170. package/dist/components/json-tree-view/index.js +1 -1
  171. package/dist/components/json-tree-view/index.jsx +8 -8
  172. package/dist/components/listbox/index.d.ts +1 -1
  173. package/dist/components/listbox/index.js +1 -1
  174. package/dist/components/listbox/index.jsx +5 -5
  175. package/dist/components/marquee/index.js +1 -1
  176. package/dist/components/marquee/index.jsx +5 -5
  177. package/dist/components/menu/index.js +1 -1
  178. package/dist/components/menu/index.jsx +8 -8
  179. package/dist/components/navigation-menu/index.d.ts +1 -1
  180. package/dist/components/navigation-menu/index.js +24 -19
  181. package/dist/components/navigation-menu/index.jsx +27 -16
  182. package/dist/components/number-input/index.js +1 -1
  183. package/dist/components/number-input/index.jsx +8 -8
  184. package/dist/components/pagination/index.js +1 -1
  185. package/dist/components/pagination/index.jsx +5 -5
  186. package/dist/components/password-input/index.js +1 -1
  187. package/dist/components/password-input/index.jsx +8 -8
  188. package/dist/components/pin-input/index.js +1 -1
  189. package/dist/components/pin-input/index.jsx +8 -8
  190. package/dist/components/popover/index.js +1 -1
  191. package/dist/components/popover/index.jsx +8 -8
  192. package/dist/components/presence/index.js +1 -1
  193. package/dist/components/presence/index.jsx +2 -2
  194. package/dist/components/progress/index.js +1 -1
  195. package/dist/components/progress/index.jsx +5 -5
  196. package/dist/components/qr-code/index.js +1 -1
  197. package/dist/components/qr-code/index.jsx +5 -5
  198. package/dist/components/radio-group/index.js +1 -1
  199. package/dist/components/radio-group/index.jsx +7 -7
  200. package/dist/components/rating-group/index.js +1 -1
  201. package/dist/components/rating-group/index.jsx +8 -8
  202. package/dist/components/scroll-area/index.js +1 -1
  203. package/dist/components/scroll-area/index.jsx +5 -5
  204. package/dist/components/segment-group/index.js +1 -1
  205. package/dist/components/segment-group/index.jsx +5 -5
  206. package/dist/components/select/index.js +1 -1
  207. package/dist/components/select/index.jsx +10 -10
  208. package/dist/components/signature-pad/index.js +1 -1
  209. package/dist/components/signature-pad/index.jsx +8 -8
  210. package/dist/components/slider/index.js +1 -1
  211. package/dist/components/slider/index.jsx +5 -5
  212. package/dist/components/splitter/index.js +1 -1
  213. package/dist/components/splitter/index.jsx +5 -5
  214. package/dist/components/steps/index.js +1 -1
  215. package/dist/components/steps/index.jsx +5 -5
  216. package/dist/components/switch/index.js +1 -1
  217. package/dist/components/switch/index.jsx +8 -8
  218. package/dist/components/tabs/index.js +1 -1
  219. package/dist/components/tabs/index.jsx +8 -8
  220. package/dist/components/tags-input/index.js +1 -1
  221. package/dist/components/tags-input/index.jsx +8 -8
  222. package/dist/components/timer/index.js +1 -1
  223. package/dist/components/timer/index.jsx +5 -5
  224. package/dist/components/toast/index.js +1 -1
  225. package/dist/components/toast/index.jsx +4 -4
  226. package/dist/components/toggle/index.js +1 -1
  227. package/dist/components/toggle/index.jsx +2 -2
  228. package/dist/components/toggle-group/index.js +1 -1
  229. package/dist/components/toggle-group/index.jsx +5 -5
  230. package/dist/components/tooltip/index.js +1 -1
  231. package/dist/components/tooltip/index.jsx +8 -8
  232. package/dist/components/tour/index.d.ts +9 -3
  233. package/dist/components/tour/index.js +1 -1
  234. package/dist/components/tour/index.jsx +18 -10
  235. package/dist/components/tree-view/index.js +1 -1
  236. package/dist/components/tree-view/index.jsx +7 -7
  237. package/dist/date-picker.anatomy-DPHKzZh7.d.ts +5 -0
  238. package/dist/field.anatomy-BA_rbPae.d.ts +5 -0
  239. package/dist/{fieldset.anatomy-BHBXaVuM.d.ts → fieldset.anatomy-ByHwSFid.d.ts} +1 -1
  240. package/dist/index.d.ts +10 -10
  241. package/dist/index.js +73 -73
  242. package/dist/index.jsx +439 -429
  243. package/dist/{listbox.anatomy-CuSvGz29.d.ts → listbox.anatomy-ogRrsXMY.d.ts} +1 -1
  244. package/dist/providers/environment/index.js +1 -1
  245. package/dist/providers/environment/index.jsx +2 -1
  246. package/dist/providers/index.js +1 -1
  247. package/dist/providers/index.jsx +3 -2
  248. package/package.json +75 -74
  249. package/dist/date-picker.anatomy-C7QaSOwg.d.ts +0 -5
  250. package/dist/field.anatomy-BkeW0gbI.d.ts +0 -5
  251. package/dist/chunk/{FW6EZLZL.js → 2WRCIBVP.js} +1 -1
  252. package/dist/chunk/{2P5Y3YCK.jsx → VTTFCXVC.jsx} +3 -3
@@ -1,21 +1,21 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./7HLG62OR.jsx";
3
+ } from "./C56T2HRV.jsx";
4
4
  import {
5
5
  createSplitProps
6
6
  } from "./6WEDGJKQ.jsx";
7
+ import {
8
+ useEnvironmentContext
9
+ } from "./HDGILMRT.jsx";
10
+ import {
11
+ runIfFn
12
+ } from "./KGOB2IMX.jsx";
7
13
  import {
8
14
  ark
9
15
  } from "./UFYZ7HLU.jsx";
10
- import {
11
- useEnvironmentContext
12
- } from "./CGW54HAQ.jsx";
13
16
  import {
14
17
  useLocaleContext
15
18
  } from "./JFOWNFC7.jsx";
16
- import {
17
- runIfFn
18
- } from "./KGOB2IMX.jsx";
19
19
  import {
20
20
  createContext
21
21
  } from "./UZJJWJQM.jsx";
@@ -1,11 +1,11 @@
1
- import { usePresence, PresenceProvider } from './FW6EZLZL.js';
1
+ import { usePresence, PresenceProvider } from './2WRCIBVP.js';
2
2
  import { composeRefs } from './ROP6QZQ7.js';
3
3
  import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
4
4
  import { createSplitProps } from './ZMHI4GDJ.js';
5
- import { ark } from './EPLBB4QN.js';
6
- import { useEnvironmentContext } from './5QLLQM7E.js';
7
5
  import { useLocaleContext } from './RVOPDSQY.js';
6
+ import { useEnvironmentContext } from './3P5T77QU.js';
8
7
  import { runIfFn } from './DT73WLR4.js';
8
+ import { ark } from './EPLBB4QN.js';
9
9
  import { createContext } from './THN5C4U6.js';
10
10
  import { __export } from './ESLJRKWD.js';
11
11
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -1,6 +1,9 @@
1
1
  import {
2
2
  runIfFn
3
3
  } from "./KGOB2IMX.jsx";
4
+ import {
5
+ ark
6
+ } from "./UFYZ7HLU.jsx";
4
7
  import {
5
8
  createContext
6
9
  } from "./UZJJWJQM.jsx";
@@ -33,7 +36,7 @@ var EnvironmentProvider = (props) => {
33
36
  return <EnvironmentContextProvider value={environment}>
34
37
  {props.children}
35
38
  <Show when={!props.value}>
36
- <span hidden ref={setSpanRef} />
39
+ <ark.span hidden ref={setSpanRef} />
37
40
  </Show>
38
41
  </EnvironmentContextProvider>;
39
42
  };
@@ -1,6 +1,7 @@
1
1
  import { composeRefs } from './ROP6QZQ7.js';
2
- import { EnvironmentProvider } from './5QLLQM7E.js';
3
- import { createComponent, template, use, spread, insert, Portal } from 'solid-js/web';
2
+ import { EnvironmentProvider } from './3P5T77QU.js';
3
+ import { ark } from './EPLBB4QN.js';
4
+ import { createComponent, mergeProps, Portal } from 'solid-js/web';
4
5
  import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
5
6
 
6
7
  var FrameContent = (props) => {
@@ -19,7 +20,6 @@ var FrameContent = (props) => {
19
20
  };
20
21
 
21
22
  // src/components/frame/frame.tsx
22
- var _tmpl$ = /* @__PURE__ */ template(`<iframe>`);
23
23
  var resetStyle = "<style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style>";
24
24
  var initialSrcDoc = `<html><head>${resetStyle}</head><body><div class="frame-root"></div></body></html>`;
25
25
  function getMountNode(frame) {
@@ -69,49 +69,51 @@ var Frame = (props) => {
69
69
  return createComponent(EnvironmentProvider, {
70
70
  value: () => frameRef()?.contentDocument ?? document,
71
71
  get children() {
72
- var _el$ = _tmpl$();
73
- var _ref$ = composeRefs(setFrameRef, localProps.ref);
74
- typeof _ref$ === "function" && use(_ref$, _el$);
75
- spread(_el$, localProps, false, true);
76
- insert(_el$, createComponent(Show, {
77
- get when() {
78
- return mountNode();
72
+ return createComponent(ark.iframe, mergeProps(localProps, {
73
+ ref(r$) {
74
+ var _ref$ = composeRefs(setFrameRef, localProps.ref);
75
+ typeof _ref$ === "function" && _ref$(r$);
79
76
  },
80
- children: (node) => createComponent(Portal, {
81
- get mount() {
82
- return node();
83
- },
84
- get children() {
85
- return createComponent(FrameContent, {
86
- get onMount() {
87
- return frameProps.onMount;
88
- },
89
- get onUnmount() {
90
- return frameProps.onUnmount;
77
+ get children() {
78
+ return [createComponent(Show, {
79
+ get when() {
80
+ return mountNode();
81
+ },
82
+ children: (node) => createComponent(Portal, {
83
+ get mount() {
84
+ return node();
91
85
  },
92
86
  get children() {
93
- return frameProps.children;
87
+ return createComponent(FrameContent, {
88
+ get onMount() {
89
+ return frameProps.onMount;
90
+ },
91
+ get onUnmount() {
92
+ return frameProps.onUnmount;
93
+ },
94
+ get children() {
95
+ return frameProps.children;
96
+ }
97
+ });
94
98
  }
95
- });
96
- }
97
- })
98
- }), null);
99
- insert(_el$, createComponent(Show, {
100
- get when() {
101
- return mountNode();
102
- },
103
- get children() {
104
- return createComponent(Portal, {
105
- get mount() {
106
- return frameRef().contentDocument.head;
99
+ })
100
+ }), createComponent(Show, {
101
+ get when() {
102
+ return mountNode();
107
103
  },
108
104
  get children() {
109
- return frameProps.head;
105
+ return createComponent(Portal, {
106
+ get mount() {
107
+ return frameRef().contentDocument.head;
108
+ },
109
+ get children() {
110
+ return frameProps.head;
111
+ }
112
+ });
110
113
  }
111
- });
114
+ })];
112
115
  }
113
- }), null);
114
- return _el$;
116
+ }));
115
117
  }
116
118
  });
117
119
  };
@@ -1,21 +1,21 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./7HLG62OR.jsx";
3
+ } from "./C56T2HRV.jsx";
4
4
  import {
5
5
  createSplitProps
6
6
  } from "./6WEDGJKQ.jsx";
7
+ import {
8
+ useEnvironmentContext
9
+ } from "./HDGILMRT.jsx";
10
+ import {
11
+ runIfFn
12
+ } from "./KGOB2IMX.jsx";
7
13
  import {
8
14
  ark
9
15
  } from "./UFYZ7HLU.jsx";
10
- import {
11
- useEnvironmentContext
12
- } from "./CGW54HAQ.jsx";
13
16
  import {
14
17
  useLocaleContext
15
18
  } from "./JFOWNFC7.jsx";
16
- import {
17
- runIfFn
18
- } from "./KGOB2IMX.jsx";
19
19
  import {
20
20
  createContext
21
21
  } from "./UZJJWJQM.jsx";
@@ -213,6 +213,7 @@ var FileUploadRoot = (props) => {
213
213
  "onFileChange",
214
214
  "onFileReject",
215
215
  "preventDocumentDrop",
216
+ "readOnly",
216
217
  "required",
217
218
  "translations",
218
219
  "transformFiles",
@@ -3,25 +3,25 @@ import {
3
3
  splitPresenceProps,
4
4
  usePresence,
5
5
  usePresenceContext
6
- } from "./2P5Y3YCK.jsx";
6
+ } from "./VTTFCXVC.jsx";
7
7
  import {
8
8
  composeRefs
9
9
  } from "./PT2CJE3O.jsx";
10
10
  import {
11
11
  createSplitProps
12
12
  } from "./6WEDGJKQ.jsx";
13
+ import {
14
+ useEnvironmentContext
15
+ } from "./HDGILMRT.jsx";
16
+ import {
17
+ runIfFn
18
+ } from "./KGOB2IMX.jsx";
13
19
  import {
14
20
  ark
15
21
  } from "./UFYZ7HLU.jsx";
16
- import {
17
- useEnvironmentContext
18
- } from "./CGW54HAQ.jsx";
19
22
  import {
20
23
  useLocaleContext
21
24
  } from "./JFOWNFC7.jsx";
22
- import {
23
- runIfFn
24
- } from "./KGOB2IMX.jsx";
25
25
  import {
26
26
  createContext
27
27
  } from "./UZJJWJQM.jsx";
@@ -3,7 +3,7 @@ import { createSplitProps } from './ZMHI4GDJ.js';
3
3
  import { ark } from './EPLBB4QN.js';
4
4
  import { createContext } from './THN5C4U6.js';
5
5
  import { __export } from './ESLJRKWD.js';
6
- import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
6
+ import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
7
7
  import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
8
8
  import { splitProps, Show, createMemo } from 'solid-js';
9
9
  import * as toggle from '@zag-js/toggle';
@@ -51,7 +51,6 @@ function useToggle(props) {
51
51
  }
52
52
 
53
53
  // src/components/toggle/toggle-root.tsx
54
- var _tmpl$ = /* @__PURE__ */ template(`<button>`);
55
54
  var ToggleRoot = (props) => {
56
55
  const [useToggleProps, localProps] = createSplitProps()(props, ["pressed", "defaultPressed", "disabled", "onPressedChange"]);
57
56
  const toggle2 = useToggle(useToggleProps);
@@ -59,9 +58,7 @@ var ToggleRoot = (props) => {
59
58
  return createComponent(ToggleProvider, {
60
59
  value: toggle2,
61
60
  get children() {
62
- var _el$ = _tmpl$();
63
- spread(_el$, mergedProps, false, false);
64
- return _el$;
61
+ return createComponent(ark.button, mergedProps);
65
62
  }
66
63
  });
67
64
  };
@@ -3,25 +3,25 @@ import {
3
3
  splitPresenceProps,
4
4
  usePresence,
5
5
  usePresenceContext
6
- } from "./2P5Y3YCK.jsx";
6
+ } from "./VTTFCXVC.jsx";
7
7
  import {
8
8
  composeRefs
9
9
  } from "./PT2CJE3O.jsx";
10
10
  import {
11
11
  createSplitProps
12
12
  } from "./6WEDGJKQ.jsx";
13
+ import {
14
+ useEnvironmentContext
15
+ } from "./HDGILMRT.jsx";
16
+ import {
17
+ runIfFn
18
+ } from "./KGOB2IMX.jsx";
13
19
  import {
14
20
  ark
15
21
  } from "./UFYZ7HLU.jsx";
16
- import {
17
- useEnvironmentContext
18
- } from "./CGW54HAQ.jsx";
19
22
  import {
20
23
  useLocaleContext
21
24
  } from "./JFOWNFC7.jsx";
22
- import {
23
- runIfFn
24
- } from "./KGOB2IMX.jsx";
25
25
  import {
26
26
  createContext
27
27
  } from "./UZJJWJQM.jsx";
@@ -1,18 +1,18 @@
1
- import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
1
+ import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './2WRCIBVP.js';
2
2
  import { composeRefs } from './ROP6QZQ7.js';
3
- import { datePickerAnatomy } from './6HVSV6OM.js';
3
+ import { datePickerAnatomy } from './YA3LD5QR.js';
4
4
  import { createSplitProps } from './ZMHI4GDJ.js';
5
- import { ark } from './EPLBB4QN.js';
6
- import { useEnvironmentContext } from './5QLLQM7E.js';
7
5
  import { useLocaleContext } from './RVOPDSQY.js';
6
+ import { useEnvironmentContext } from './3P5T77QU.js';
8
7
  import { runIfFn } from './DT73WLR4.js';
8
+ import { ark } from './EPLBB4QN.js';
9
9
  import { createContext } from './THN5C4U6.js';
10
10
  import { __export } from './ESLJRKWD.js';
11
11
  import * as datePicker from '@zag-js/date-picker';
12
12
  export { parse } from '@zag-js/date-picker';
13
- import { createComponent, mergeProps as mergeProps$1, template, insert, effect } from 'solid-js/web';
13
+ import { createComponent, mergeProps as mergeProps$1, memo } from 'solid-js/web';
14
14
  import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
15
- import { Index, createMemo, createUniqueId, Show } from 'solid-js';
15
+ import { Index, Show, For, createMemo, createUniqueId } from 'solid-js';
16
16
  import { uniq } from '@zag-js/utils';
17
17
 
18
18
  // src/components/date-picker/use-date-picker-context.ts
@@ -64,7 +64,6 @@ var DatePickerLabel = (props) => {
64
64
  const mergedProps = mergeProps(() => api().getLabelProps(), props);
65
65
  return createComponent(ark.label, mergedProps);
66
66
  };
67
- var _tmpl$ = /* @__PURE__ */ template(`<option>`);
68
67
  var DatePickerMonthSelect = (props) => {
69
68
  const datePicker2 = useDatePickerContext();
70
69
  const mergedProps = mergeProps(() => datePicker2().getMonthSelectProps(), props);
@@ -74,12 +73,14 @@ var DatePickerMonthSelect = (props) => {
74
73
  get each() {
75
74
  return datePicker2().getMonths();
76
75
  },
77
- children: (month) => (() => {
78
- var _el$ = _tmpl$();
79
- insert(_el$, () => month().label);
80
- effect(() => _el$.value = month().value);
81
- return _el$;
82
- })()
76
+ children: (month) => createComponent(ark.option, {
77
+ get value() {
78
+ return month().value;
79
+ },
80
+ get children() {
81
+ return month().label;
82
+ }
83
+ })
83
84
  });
84
85
  }
85
86
  }));
@@ -141,6 +142,47 @@ var DatePickerRangeText = (props) => {
141
142
  }
142
143
  }));
143
144
  };
145
+ var DatePickerValueText = (props) => {
146
+ const api = useDatePickerContext();
147
+ const hasValue = () => api().value.length > 0;
148
+ return createComponent(Show, {
149
+ get when() {
150
+ return typeof props.children === "function";
151
+ },
152
+ get fallback() {
153
+ return createComponent(ark.span, mergeProps$1(() => datePickerAnatomy.build().valueText.attrs, props, {
154
+ get children() {
155
+ return memo(() => !!hasValue())() ? api().valueAsString.join(props.separator ?? ", ") : props.placeholder;
156
+ }
157
+ }));
158
+ },
159
+ get children() {
160
+ return createComponent(Show, {
161
+ get when() {
162
+ return hasValue();
163
+ },
164
+ get fallback() {
165
+ return props.placeholder;
166
+ },
167
+ get children() {
168
+ return createComponent(For, {
169
+ get each() {
170
+ return api().value;
171
+ },
172
+ children: (value, index) => memo(() => props.children({
173
+ value,
174
+ index: index(),
175
+ valueAsString: api().valueAsString[index()],
176
+ remove: () => {
177
+ api().setValue(api().value.filter((_, i) => i !== index()));
178
+ }
179
+ }))
180
+ });
181
+ }
182
+ });
183
+ }
184
+ });
185
+ };
144
186
  var useDatePicker = (props) => {
145
187
  const id = createUniqueId();
146
188
  const locale = useLocaleContext();
@@ -159,7 +201,7 @@ var useDatePicker = (props) => {
159
201
  // src/components/date-picker/date-picker-root.tsx
160
202
  var DatePickerRoot = (props) => {
161
203
  const [presenceProps, datePickerProps] = splitPresenceProps(props);
162
- const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "inline", "invalid", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "outsideDaySelectable", "parse", "placeholder", "positioning", "readOnly", "required", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
204
+ const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "inline", "invalid", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "onVisibleRangeChange", "open", "outsideDaySelectable", "parse", "placeholder", "positioning", "readOnly", "required", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
163
205
  const api = useDatePicker(useDatePickerProps);
164
206
  const apiPresence = usePresence(mergeProps(presenceProps, () => ({
165
207
  present: api().open
@@ -324,7 +366,6 @@ var DatePickerViewTrigger = (props) => {
324
366
  const mergedProps = mergeProps(() => api().getViewTriggerProps(viewProps), props);
325
367
  return createComponent(ark.button, mergedProps);
326
368
  };
327
- var _tmpl$2 = /* @__PURE__ */ template(`<option>`);
328
369
  var DatePickerYearSelect = (props) => {
329
370
  const datePicker2 = useDatePickerContext();
330
371
  const mergedProps = mergeProps(() => datePicker2().getYearSelectProps(), props);
@@ -334,12 +375,14 @@ var DatePickerYearSelect = (props) => {
334
375
  get each() {
335
376
  return datePicker2().getYears();
336
377
  },
337
- children: (year) => (() => {
338
- var _el$ = _tmpl$2();
339
- insert(_el$, () => year().label);
340
- effect(() => _el$.value = year().value);
341
- return _el$;
342
- })()
378
+ children: (year) => createComponent(ark.option, {
379
+ get value() {
380
+ return year().value;
381
+ },
382
+ get children() {
383
+ return year().label;
384
+ }
385
+ })
343
386
  });
344
387
  }
345
388
  }));
@@ -370,10 +413,11 @@ __export(date_picker_exports, {
370
413
  TableHeader: () => DatePickerTableHeader,
371
414
  TableRow: () => DatePickerTableRow,
372
415
  Trigger: () => DatePickerTrigger,
416
+ ValueText: () => DatePickerValueText,
373
417
  View: () => DatePickerView,
374
418
  ViewControl: () => DatePickerViewControl,
375
419
  ViewTrigger: () => DatePickerViewTrigger,
376
420
  YearSelect: () => DatePickerYearSelect
377
421
  });
378
422
 
379
- export { DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, date_picker_exports, useDatePicker, useDatePickerContext };
423
+ export { DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerValueText, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, date_picker_exports, useDatePicker, useDatePickerContext };
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  createSplitProps
3
3
  } from "./6WEDGJKQ.jsx";
4
+ import {
5
+ useEnvironmentContext
6
+ } from "./HDGILMRT.jsx";
7
+ import {
8
+ runIfFn
9
+ } from "./KGOB2IMX.jsx";
4
10
  import {
5
11
  ark
6
12
  } from "./UFYZ7HLU.jsx";
7
- import {
8
- useEnvironmentContext
9
- } from "./CGW54HAQ.jsx";
10
13
  import {
11
14
  useLocaleContext
12
15
  } from "./JFOWNFC7.jsx";
13
- import {
14
- runIfFn
15
- } from "./KGOB2IMX.jsx";
16
16
  import {
17
17
  createContext
18
18
  } from "./UZJJWJQM.jsx";
@@ -1,7 +1,7 @@
1
1
  import { createSplitProps } from './ZMHI4GDJ.js';
2
- import { ark } from './EPLBB4QN.js';
3
- import { useEnvironmentContext } from './5QLLQM7E.js';
2
+ import { useEnvironmentContext } from './3P5T77QU.js';
4
3
  import { runIfFn } from './DT73WLR4.js';
4
+ import { ark } from './EPLBB4QN.js';
5
5
  import { createContext } from './THN5C4U6.js';
6
6
  import { __export } from './ESLJRKWD.js';
7
7
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -1,9 +1,9 @@
1
- import { useFieldContext } from './GBGTOFYC.js';
1
+ import { useFieldContext } from './S3VN2YFH.js';
2
2
  import { createSplitProps } from './ZMHI4GDJ.js';
3
- import { ark } from './EPLBB4QN.js';
4
- import { useEnvironmentContext } from './5QLLQM7E.js';
5
3
  import { useLocaleContext } from './RVOPDSQY.js';
4
+ import { useEnvironmentContext } from './3P5T77QU.js';
6
5
  import { runIfFn } from './DT73WLR4.js';
6
+ import { ark } from './EPLBB4QN.js';
7
7
  import { createContext } from './THN5C4U6.js';
8
8
  import { __export } from './ESLJRKWD.js';
9
9
  import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -134,7 +134,7 @@ var useTagsInput = (props) => {
134
134
 
135
135
  // src/components/tags-input/tags-input-root.tsx
136
136
  var TagsInputRoot = (props) => {
137
- const [useTagsInputProps, localProps] = createSplitProps()(props, ["addOnPaste", "allowOverflow", "autoFocus", "blurBehavior", "defaultInputValue", "defaultValue", "delimiter", "disabled", "editable", "form", "id", "ids", "inputValue", "invalid", "max", "maxLength", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onPointerDownOutside", "onValueChange", "onValueInvalid", "readOnly", "required", "translations", "validate", "value"]);
137
+ const [useTagsInputProps, localProps] = createSplitProps()(props, ["addOnPaste", "allowOverflow", "autoFocus", "blurBehavior", "defaultInputValue", "defaultValue", "delimiter", "disabled", "editable", "form", "id", "ids", "inputValue", "invalid", "max", "maxLength", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onPointerDownOutside", "onValueChange", "onValueInvalid", "placeholder", "readOnly", "required", "translations", "validate", "value"]);
138
138
  const api = useTagsInput(useTagsInputProps);
139
139
  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
140
140
  return createComponent(TagsInputProvider, {
@@ -1,8 +1,8 @@
1
1
  import { createSplitProps } from './ZMHI4GDJ.js';
2
- import { ark } from './EPLBB4QN.js';
3
- import { useEnvironmentContext } from './5QLLQM7E.js';
4
2
  import { useLocaleContext } from './RVOPDSQY.js';
3
+ import { useEnvironmentContext } from './3P5T77QU.js';
5
4
  import { runIfFn } from './DT73WLR4.js';
5
+ import { ark } from './EPLBB4QN.js';
6
6
  import { createContext } from './THN5C4U6.js';
7
7
  import { __export } from './ESLJRKWD.js';
8
8
  import * as splitter from '@zag-js/splitter';
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  collapsible_exports,
3
3
  useCollapsibleContext
4
- } from "./UOOMXEJO.jsx";
4
+ } from "./ZYS6A6GV.jsx";
5
5
  import {
6
6
  RenderStrategyProvider,
7
7
  splitRenderStrategyProps,
@@ -10,18 +10,18 @@ import {
10
10
  import {
11
11
  createSplitProps
12
12
  } from "./6WEDGJKQ.jsx";
13
+ import {
14
+ useEnvironmentContext
15
+ } from "./HDGILMRT.jsx";
16
+ import {
17
+ runIfFn
18
+ } from "./KGOB2IMX.jsx";
13
19
  import {
14
20
  ark
15
21
  } from "./UFYZ7HLU.jsx";
16
- import {
17
- useEnvironmentContext
18
- } from "./CGW54HAQ.jsx";
19
22
  import {
20
23
  useLocaleContext
21
24
  } from "./JFOWNFC7.jsx";
22
- import {
23
- runIfFn
24
- } from "./KGOB2IMX.jsx";
25
25
  import {
26
26
  createContext
27
27
  } from "./UZJJWJQM.jsx";
@@ -1,10 +1,11 @@
1
- import { useTreeViewContext, tree_view_exports, useTreeView } from './AH5KB6LR.js';
1
+ import { useTreeViewContext, tree_view_exports, useTreeView } from './TAEJBOHF.js';
2
2
  import { createTreeCollection } from './APULXWCH.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
+ import { ark } from './EPLBB4QN.js';
4
5
  import { createContext } from './THN5C4U6.js';
5
6
  import { __export } from './ESLJRKWD.js';
6
- import { createComponent, mergeProps, Show, Index as Index$1, template, insert, memo, effect, setAttribute, Dynamic, untrack } from 'solid-js/web';
7
- import { getRootNode, nodeToString, nodeToValue, keyPathToKey, jsonNodeToElement, getAccessibleDescription } from '@zag-js/json-tree-utils';
7
+ import { createComponent, mergeProps, Show, Index as Index$1, memo, Dynamic, untrack } from 'solid-js/web';
8
+ import { nodeToString, nodeToValue, getRootNode, keyPathToKey, jsonNodeToElement, getAccessibleDescription } from '@zag-js/json-tree-utils';
8
9
  import { Index, splitProps, createMemo, For } from 'solid-js';
9
10
 
10
11
  // src/components/json-tree-view/get-branch-value.ts
@@ -62,23 +63,40 @@ var JsonTreeViewRoot = (props) => {
62
63
  });
63
64
  };
64
65
  var JsonTreeViewRootProvider = (props) => {
65
- return createComponent(tree_view_exports.RootProvider, mergeProps({
66
- "data-scope": "json-tree-view"
67
- }, props));
66
+ const [localProps, restProps] = splitProps(props, ["value"]);
67
+ const treeView = createMemo(() => {
68
+ const {
69
+ options: _,
70
+ ...rest
71
+ } = localProps.value();
72
+ return rest;
73
+ });
74
+ return createComponent(JsonTreeViewPropsProvider, {
75
+ get value() {
76
+ return localProps.value().options;
77
+ },
78
+ get children() {
79
+ return createComponent(tree_view_exports.RootProvider, mergeProps({
80
+ "data-scope": "json-tree-view",
81
+ value: treeView
82
+ }, restProps));
83
+ }
84
+ });
68
85
  };
69
- var _tmpl$ = /* @__PURE__ */ template(`<span data-kind=key>`);
70
- var _tmpl$2 = /* @__PURE__ */ template(`<span data-kind=colon>: `);
71
86
  var JsonTreeViewKeyNode = (props) => {
72
87
  const key = createMemo(() => keyPathToKey(props.node.keyPath));
73
- return [(() => {
74
- var _el$ = _tmpl$();
75
- insert(_el$, (() => {
76
- var _c$ = memo(() => !!props.showQuotes);
77
- return () => _c$() ? `"${key()}"` : key();
78
- })());
79
- effect(() => setAttribute(_el$, "data-non-enumerable", props.node.isNonEnumerable ? "" : void 0));
80
- return _el$;
81
- })(), _tmpl$2()];
88
+ return [createComponent(ark.span, {
89
+ "data-kind": "key",
90
+ get ["data-non-enumerable"]() {
91
+ return props.node.isNonEnumerable ? "" : void 0;
92
+ },
93
+ get children() {
94
+ return memo(() => !!props.showQuotes)() ? `"${key()}"` : key();
95
+ }
96
+ }), createComponent(ark.span, {
97
+ "data-kind": "colon",
98
+ children: ": "
99
+ })];
82
100
  };
83
101
  var JsonTreeViewValueNode = (props) => {
84
102
  if (props.node.type === "text") {
@@ -287,8 +305,16 @@ var JsonTreeViewTree = (props) => {
287
305
  }
288
306
  }));
289
307
  };
308
+ var splitJsonTreeViewProps2 = createSplitProps();
290
309
  var useJsonTreeView = (props) => {
291
- const [jsonProps, restProps] = splitProps(props, ["data", "defaultExpandedDepth"]);
310
+ const [jsonTreeProps, localProps] = splitJsonTreeViewProps2(props, [
311
+ "maxPreviewItems",
312
+ "collapseStringsAfterLength",
313
+ "quotesOnKeys",
314
+ "groupArraysAfterLength",
315
+ "showNonenumerable"
316
+ ]);
317
+ const [jsonProps, restProps] = splitProps(localProps, ["data", "defaultExpandedDepth"]);
292
318
  const collection = createMemo(() => {
293
319
  return createTreeCollection({
294
320
  nodeToValue: nodeToValue,
@@ -307,7 +333,8 @@ var useJsonTreeView = (props) => {
307
333
  typeahead: false
308
334
  };
309
335
  });
310
- return useTreeView(machineProps);
336
+ const treeView = useTreeView(machineProps);
337
+ return createMemo(() => ({ ...treeView(), options: jsonTreeProps }));
311
338
  };
312
339
 
313
340
  // src/components/json-tree-view/json-tree-view.tsx
@@ -1,5 +1,5 @@
1
+ import { useEnvironmentContext } from './3P5T77QU.js';
1
2
  import { ark } from './EPLBB4QN.js';
2
- import { useEnvironmentContext } from './5QLLQM7E.js';
3
3
  import { createComponent, mergeProps } from 'solid-js/web';
4
4
  import { downloadFile } from '@zag-js/file-utils';
5
5
  import { splitProps } from 'solid-js';