@ark-ui/solid 5.30.0 → 5.31.0

package/dist/chunk/{LNZGGTI5.js → NT6ZYH25.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{K3TLO6S6.js → NYBDSWDH.js}

@@ -1,9 +1,9 @@
 import { parts } from './JHQYEBNS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';

package/dist/chunk/{UDBRICA6.js → O6CMUPUG.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';

package/dist/chunk/{DBNXBHAT.js → OSFE5N7D.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -84,7 +84,7 @@ var useSlider = (props) => {
 
 // src/components/slider/slider-root.tsx
 var SliderRoot = (props) => {
-  const [useSliderProps, localProps] = createSplitProps()(props, ["aria-label", "aria-labelledby", "defaultValue", "disabled", "form", "getAriaValueText", "id", "ids", "invalid", "max", "min", "minStepsBetweenThumbs", "name", "onFocusChange", "onValueChange", "onValueChangeEnd", "orientation", "origin", "readOnly", "step", "thumbAlignment", "thumbAlignment", "thumbSize", "value"]);
+  const [useSliderProps, localProps] = createSplitProps()(props, ["aria-label", "aria-labelledby", "defaultValue", "disabled", "form", "getAriaValueText", "id", "ids", "invalid", "max", "min", "minStepsBetweenThumbs", "name", "onFocusChange", "onValueChange", "onValueChangeEnd", "orientation", "origin", "readOnly", "step", "thumbAlignment", "thumbCollisionBehavior", "thumbSize", "value"]);
   const api = useSlider(useSliderProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(SliderProvider, {

package/dist/chunk/{VVD4LKC6.jsx → OWH3LOUE.jsx}

@@ -4,6 +4,9 @@ import {
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 
 // src/components/highlight/highlight.tsx
 import { For, Show } from "solid-js";
@@ -30,7 +33,7 @@ var Highlight = (props) => {
   const chunks = useHighlight(highlightProps);
   return <For each={chunks()}>
       {(chunk) => <Show when={chunk.match} fallback={chunk.text}>
-          <mark {...localProps}>{chunk.text}</mark>
+          <ark.mark {...localProps}>{chunk.text}</ark.mark>
         </Show>}
     </For>;
 };

package/dist/chunk/{3WOFDSWV.jsx → PSH3YKBU.jsx}

@@ -1,15 +1,15 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{CNHYYRWI.jsx → Q2EC4X24.jsx}

@@ -3,22 +3,22 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{WT5KEZUJ.js → Q67V4SSK.js}

@@ -1,10 +1,10 @@
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import * as toast2 from '@zag-js/toast';
-import { createComponent, template, spread, mergeProps as mergeProps$1, insert } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, memo } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps, Key } from '@zag-js/solid';
 import { splitProps, createUniqueId, createMemo } from 'solid-js';
 
@@ -37,18 +37,14 @@ var ToastDescription = (props) => {
   const mergedProps = mergeProps(() => toast3().getDescriptionProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-var _tmpl$ = /* @__PURE__ */ template(`<div><div></div><div>`);
 var ToastRoot = (props) => {
   const toast3 = useToastContext();
   const mergedProps = mergeProps(() => toast3().getRootProps(), props);
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    spread(_el$, mergedProps, false, true);
-    spread(_el$2, mergeProps$1(() => toast3().getGhostBeforeProps()), false, false);
-    insert(_el$, () => props.children, _el$3);
-    spread(_el$3, mergeProps$1(() => toast3().getGhostAfterProps()), false, false);
-    return _el$;
-  })();
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return [createComponent(ark.div, mergeProps$1(() => toast3().getGhostBeforeProps())), memo(() => props.children), createComponent(ark.div, mergeProps$1(() => toast3().getGhostAfterProps()))];
+    }
+  }));
 };
 var ToastTitle = (props) => {
   const toast3 = useToastContext();

package/dist/chunk/{TP32AKQX.js → RBYLWQEE.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{FKF6FOYL.jsx → RLUEXDAM.jsx}

@@ -3,25 +3,25 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{RYD4Z3LT.jsx → RY7KBPRA.jsx}

@@ -1,18 +1,18 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{GBGTOFYC.js → S3VN2YFH.js}

@@ -1,9 +1,9 @@
-import { useFieldsetContext } from './Z5ZRFFPU.js';
+import { useFieldsetContext } from './37BRFTCN.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { parts } from './DAGJUXUK.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{6QF5SDIE.jsx → S7ILHA7C.jsx}

@@ -3,25 +3,25 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{JEKNEIFC.jsx → SCMBWJVC.jsx}

@@ -1,18 +1,18 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{UTULIPW7.js → SLOK7RQU.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{2MDYHAEL.js → SU6SNXFK.js}

@@ -1,6 +1,7 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { runIfFn } from './DT73WLR4.js';
-import { createComponent, template, spread, insert } from 'solid-js/web';
+import { ark } from './EPLBB4QN.js';
+import { createComponent, mergeProps } from 'solid-js/web';
 import { createMemo, For, Show } from 'solid-js';
 import { highlightWord } from '@zag-js/highlight-word';
 
@@ -9,7 +10,6 @@ var useHighlight = (props) => {
 };
 
 // src/components/highlight/highlight.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<mark>`);
 var Highlight = (props) => {
   if (typeof props.text !== "string") {
     throw new Error("[ark-ui/highlight] text must be a string");
@@ -28,10 +28,11 @@ var Highlight = (props) => {
         return chunk.text;
       },
       get children() {
-        var _el$ = _tmpl$();
-        spread(_el$, localProps, false, true);
-        insert(_el$, () => chunk.text);
-        return _el$;
+        return createComponent(ark.mark, mergeProps(localProps, {
+          get children() {
+            return chunk.text;
+          }
+        }));
       }
     })
   });

package/dist/chunk/{4A6UNZ4T.jsx → T4C4OLH5.jsx}

@@ -1,21 +1,21 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
 import {
   parts
 } from "./D7R75XPX.jsx";
 import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{AH5KB6LR.js → TAEJBOHF.js}

@@ -1,10 +1,10 @@
-import { collapsible_exports } from './TWZUCWKG.js';
+import { collapsible_exports } from './VUOC2LCL.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{NHEM6XZR.jsx → TEKM4RER.jsx}

@@ -1,6 +1,3 @@
-import {
-  parts
-} from "./4YNGVMW2.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -8,14 +5,17 @@ import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
-  ark
-} from "./UFYZ7HLU.jsx";
+  parts
+} from "./4YNGVMW2.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{SYNEPEHD.js → TJ7E237D.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
 import { useLocaleContext } from './RVOPDSQY.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{GCEYGQPA.jsx → TQCLH765.jsx}

@@ -1,30 +1,30 @@
-import {
-  useFieldContext
-} from "./7HLG62OR.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
+import {
+  useFieldContext
+} from "./C56T2HRV.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -85,15 +85,15 @@ var SelectHiddenSelect = (props) => {
   const field = useFieldContext();
   return <ark.select aria-describedby={field?.().ariaDescribedby} {...mergedProps}>
       <Show2 when={isValueEmpty()}>
-        <option value="" />
+        <ark.option value="" />
       </Show2>
       <Index each={select2().collection.items}>
-        {(item) => <option
+        {(item) => <ark.option
     value={select2().collection.getItemValue(item()) ?? ""}
     disabled={select2().collection.getItemDisabled(item())}
   >
             {select2().collection.stringifyItem(item())}
-          </option>}
+          </ark.option>}
       </Index>
     </ark.select>;
 };

package/dist/chunk/{5RT2MFUK.jsx → TYHUUGLH.jsx}

@@ -1,9 +1,9 @@
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 
 // src/components/download-trigger/download-trigger.tsx
 import { downloadFile } from "@zag-js/file-utils";

package/dist/chunk/{ORJXW4SC.jsx → TZA2XQYK.jsx}

@@ -2,13 +2,16 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./HWHAUHQ5.jsx";
+} from "./4GELDCEE.jsx";
 import {
   createTreeCollection
 } from "./EFII6TXL.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -74,8 +77,16 @@ var JsonTreeViewRoot = (props) => {
 };
 
 // src/components/json-tree-view/json-tree-view-root-provider.tsx
+import { createMemo as createMemo2, splitProps as splitProps2 } from "solid-js";
 var JsonTreeViewRootProvider = (props) => {
-  return <tree_view_exports.RootProvider data-scope="json-tree-view" {...props} />;
+  const [localProps, restProps] = splitProps2(props, ["value"]);
+  const treeView = createMemo2(() => {
+    const { options: _, ...rest } = localProps.value();
+    return rest;
+  });
+  return <JsonTreeViewPropsProvider value={localProps.value().options}>
+      <tree_view_exports.RootProvider data-scope="json-tree-view" value={treeView} {...restProps} />
+    </JsonTreeViewPropsProvider>;
 };
 
 // src/components/json-tree-view/json-tree-view-tree.tsx
@@ -87,19 +98,19 @@ import {
   jsonNodeToElement,
   keyPathToKey as keyPathToKey2
 } from "@zag-js/json-tree-utils";
-import { createMemo as createMemo3 } from "solid-js";
+import { createMemo as createMemo4 } from "solid-js";
 import { Index, Show } from "solid-js/web";
 
 // src/components/json-tree-view/json-tree-view-key-node.tsx
 import { keyPathToKey } from "@zag-js/json-tree-utils";
-import { createMemo as createMemo2 } from "solid-js";
+import { createMemo as createMemo3 } from "solid-js";
 var JsonTreeViewKeyNode = (props) => {
-  const key = createMemo2(() => keyPathToKey(props.node.keyPath));
+  const key = createMemo3(() => keyPathToKey(props.node.keyPath));
   return <>
-      <span data-kind="key" data-non-enumerable={props.node.isNonEnumerable ? "" : void 0}>
+      <ark.span data-kind="key" data-non-enumerable={props.node.isNonEnumerable ? "" : void 0}>
         {props.showQuotes ? `"${key()}"` : key()}
-      </span>
-      <span data-kind="colon">: </span>
+      </ark.span>
+      <ark.span data-kind="colon">: </ark.span>
     </>;
 };
 
@@ -128,11 +139,11 @@ var scopeProps = {
 };
 function JsonTreeViewNode(props) {
   const tree = useTreeViewContext();
-  const nodeState = createMemo3(() => tree().getNodeState({ node: props.node, indexPath: props.indexPath }));
+  const nodeState = createMemo4(() => tree().getNodeState({ node: props.node, indexPath: props.indexPath }));
   const options = useJsonTreeViewPropsContext();
-  const key = createMemo3(() => keyPathToKey2(props.node.keyPath, { excludeRoot: true }));
-  const valueNode = createMemo3(() => jsonNodeToElement(props.node, options));
-  const nodeProps = createMemo3(() => {
+  const key = createMemo4(() => keyPathToKey2(props.node.keyPath, { excludeRoot: true }));
+  const valueNode = createMemo4(() => jsonNodeToElement(props.node, options));
+  const nodeProps = createMemo4(() => {
     const desc = getAccessibleDescription(props.node);
     const line = props.indexPath.reduce((acc, curr) => acc + curr, 1);
     const lineLength = props.indexPath.length - 1;
@@ -195,21 +206,29 @@ var JsonTreeViewTree = (props) => {
 
 // src/components/json-tree-view/use-json-tree-view.ts
 import { getRootNode as getRootNode2, nodeToString as nodeToString2, nodeToValue as nodeToValue2 } from "@zag-js/json-tree-utils";
-import { createMemo as createMemo4, splitProps as splitProps2 } from "solid-js";
+import { createMemo as createMemo5, splitProps as splitProps3 } from "solid-js";
 import { untrack } from "solid-js/web";
+var splitJsonTreeViewProps2 = createSplitProps();
 var useJsonTreeView = (props) => {
-  const [jsonProps, restProps] = splitProps2(props, ["data", "defaultExpandedDepth"]);
-  const collection = createMemo4(() => {
+  const [jsonTreeProps, localProps] = splitJsonTreeViewProps2(props, [
+    "maxPreviewItems",
+    "collapseStringsAfterLength",
+    "quotesOnKeys",
+    "groupArraysAfterLength",
+    "showNonenumerable"
+  ]);
+  const [jsonProps, restProps] = splitProps3(localProps, ["data", "defaultExpandedDepth"]);
+  const collection = createMemo5(() => {
     return createTreeCollection({
       nodeToValue: nodeToValue2,
       nodeToString: nodeToString2,
       rootNode: getRootNode2(jsonProps.data)
     });
   });
-  const defaultExpandedValue = createMemo4(() => {
+  const defaultExpandedValue = createMemo5(() => {
     return jsonProps.defaultExpandedDepth != null ? getBranchValues(collection(), jsonProps.defaultExpandedDepth) : void 0;
   });
-  const machineProps = createMemo4(() => {
+  const machineProps = createMemo5(() => {
     return {
       defaultExpandedValue: untrack(defaultExpandedValue),
       ...restProps,
@@ -217,7 +236,8 @@ var useJsonTreeView = (props) => {
       typeahead: false
     };
   });
-  return useTreeView(machineProps);
+  const treeView = useTreeView(machineProps);
+  return createMemo5(() => ({ ...treeView(), options: jsonTreeProps }));
 };
 
 // src/components/json-tree-view/json-tree-view.tsx