@ark-ui/solid 5.30.0 → 5.32.0

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/{MNZUELWU.jsx → P466TCYN.jsx}

@@ -1,9 +1,11 @@
 import {
   PresenceProvider,
   splitPresenceProps,
-  usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./NEU4F4NG.jsx";
+import {
+  usePresence
+} from "./OEGORBLT.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -15,18 +17,18 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{NPSTVZUG.jsx → P7K6CA55.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./7HLG62OR.jsx";
+} from "./PPH4D7AF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -200,6 +200,7 @@ var TagsInputRoot = (props) => {
     "onPointerDownOutside",
     "onValueChange",
     "onValueInvalid",
+    "placeholder",
     "readOnly",
     "required",
     "translations",

package/dist/chunk/{YENHTIT6.js → PDHNW6SC.js}

@@ -1,9 +1,10 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './FW6EZLZL.js';
+import { usePresenceContext, splitPresenceProps, PresenceProvider } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.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/{Z4EBWHQF.js → PEIMGDXM.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 { useLocaleContext } from './EM5SH6A3.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/{JRY66LXS.jsx → PKRIUPWN.jsx}

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

package/dist/chunk/{7HLG62OR.jsx → PPH4D7AF.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldsetContext
-} from "./NHEM6XZR.jsx";
-import {
-  parts
-} from "./6P2AQNUE.jsx";
+} from "./AIK4SKXT.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
+import {
+  parts
+} from "./6P2AQNUE.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

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/{UXUJ2LD6.js → PSO6FY3T.js}

@@ -1,10 +1,11 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './FW6EZLZL.js';
+import { usePresenceContext, splitPresenceProps, PresenceProvider } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.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/{FXYVJXLF.jsx → PWV2MRRH.jsx}

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

package/dist/chunk/{2V2P2JZV.js → QC2RXUV4.js}

@@ -1,11 +1,11 @@
-import { useFieldContext } from './GBGTOFYC.js';
-import { useFieldsetContext } from './Z5ZRFFPU.js';
+import { useFieldContext } from './S3VN2YFH.js';
+import { useFieldsetContext } from './37BRFTCN.js';
 import { checkboxAnatomy } from './G5RHOVDI.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.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';
@@ -61,9 +61,11 @@ function useCheckboxGroup(props = {}) {
     const toggleValue = (val) => {
       isChecked(val) ? removeValue(val) : addValue(val);
     };
+    const isAtMax = props.maxSelectedValues != null && value().length >= props.maxSelectedValues;
     const addValue = (val) => {
       if (!interactive()) return;
       if (isChecked(val)) return;
+      if (isAtMax) return;
       setValue(value().concat(val));
     };
     const removeValue = (val) => {
@@ -71,15 +73,16 @@ function useCheckboxGroup(props = {}) {
       setValue(value().filter((v) => String(v) !== String(val)));
     };
     const getItemProps = (itemProps) => {
+      const checked = itemProps.value != null ? isChecked(itemProps.value) : void 0;
       return {
-        checked: itemProps.value != null ? isChecked(itemProps.value) : void 0,
+        checked,
         onCheckedChange() {
           if (itemProps.value != null) {
             toggleValue(itemProps.value);
           }
         },
         name: props.name,
-        disabled: disabled(),
+        disabled: disabled() || isAtMax && !checked,
         readOnly: props.readOnly,
         invalid: invalid()
       };
@@ -108,7 +111,7 @@ var [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({
 
 // src/components/checkbox/checkbox-group.tsx
 var CheckboxGroup = (props) => {
-  const [checkboxGroupProps, localProps] = createSplitProps()(props, ["defaultValue", "value", "onValueChange", "disabled", "invalid", "readOnly", "name"]);
+  const [checkboxGroupProps, localProps] = createSplitProps()(props, ["defaultValue", "value", "onValueChange", "disabled", "invalid", "readOnly", "name", "maxSelectedValues"]);
   const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
   return createComponent(CheckboxGroupContextProvider, {
     value: checkboxGroup,
@@ -161,7 +164,7 @@ var useCheckbox = (ownProps = {}) => {
   const checkboxGroup = useCheckboxGroupContext();
   const props = createMemo(() => {
     const resolvedProps = runIfFn(ownProps);
-    return mergeProps(resolvedProps, checkboxGroup?.().getItemProps({ value: resolvedProps.value }) ?? {});
+    return mergeProps(checkboxGroup?.().getItemProps({ value: resolvedProps.value }) ?? {}, resolvedProps);
   }, [ownProps, checkboxGroup]);
   const id = createUniqueId();
   const locale = useLocaleContext();

package/dist/chunk/{372PVMNT.js → QUQ6VBQO.js}

@@ -1,10 +1,10 @@
-import { useCollapsibleContext, collapsible_exports } from './TWZUCWKG.js';
+import { useCollapsibleContext, collapsible_exports } from './3EUGCOMV.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 { useLocaleContext } from './EM5SH6A3.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/{UTULIPW7.js → RDZRRODO.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 { useLocaleContext } from './EM5SH6A3.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/{2BFJIRAK.js → RJPVNWZG.js}

@@ -1,10 +1,11 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
+import { splitPresenceProps, PresenceProvider, usePresenceContext } from './JBLHW7IM.js';
+import { usePresence } from './X22PRPOR.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.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/{SYNEPEHD.js → RL5TZPAG.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 { useLocaleContext } from './EM5SH6A3.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/{VH6MDPEX.jsx → RNGP6PKE.jsx}

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

package/dist/chunk/{F7OI3RZ3.js → RSDHPGPT.js}

@@ -1,10 +1,11 @@
-import { useTreeViewContext, tree_view_exports, useTreeView } from './AH5KB6LR.js';
+import { useTreeViewContext, tree_view_exports, useTreeView } from './A5BBGDPW.js';
 import { createTreeCollection } from './APULXWCH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent, mergeProps, Show, Index as Index$1, template, insert, memo, effect, setAttribute, Dynamic, untrack } from 'solid-js/web';
-import { getRootNode, nodeToString, nodeToValue, keyPathToKey, jsonNodeToElement, getAccessibleDescription } from '@zag-js/json-tree-utils';
+import { createComponent, mergeProps, Show, Index as Index$1, memo, Dynamic, untrack } from 'solid-js/web';
+import { nodeToString, nodeToValue, getRootNode, keyPathToKey, jsonNodeToElement, getAccessibleDescription } from '@zag-js/json-tree-utils';
 import { Index, splitProps, createMemo, For } from 'solid-js';
 
 // src/components/json-tree-view/get-branch-value.ts
@@ -62,23 +63,40 @@ var JsonTreeViewRoot = (props) => {
   });
 };
 var JsonTreeViewRootProvider = (props) => {
-  return createComponent(tree_view_exports.RootProvider, mergeProps({
-    "data-scope": "json-tree-view"
-  }, props));
+  const [localProps, restProps] = splitProps(props, ["value"]);
+  const treeView = createMemo(() => {
+    const {
+      options: _,
+      ...rest
+    } = localProps.value();
+    return rest;
+  });
+  return createComponent(JsonTreeViewPropsProvider, {
+    get value() {
+      return localProps.value().options;
+    },
+    get children() {
+      return createComponent(tree_view_exports.RootProvider, mergeProps({
+        "data-scope": "json-tree-view",
+        value: treeView
+      }, restProps));
+    }
+  });
 };
-var _tmpl$ = /* @__PURE__ */ template(`<span data-kind=key>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span data-kind=colon>: `);
 var JsonTreeViewKeyNode = (props) => {
   const key = createMemo(() => keyPathToKey(props.node.keyPath));
-  return [(() => {
-    var _el$ = _tmpl$();
-    insert(_el$, (() => {
-      var _c$ = memo(() => !!props.showQuotes);
-      return () => _c$() ? `"${key()}"` : key();
-    })());
-    effect(() => setAttribute(_el$, "data-non-enumerable", props.node.isNonEnumerable ? "" : void 0));
-    return _el$;
-  })(), _tmpl$2()];
+  return [createComponent(ark.span, {
+    "data-kind": "key",
+    get ["data-non-enumerable"]() {
+      return props.node.isNonEnumerable ? "" : void 0;
+    },
+    get children() {
+      return memo(() => !!props.showQuotes)() ? `"${key()}"` : key();
+    }
+  }), createComponent(ark.span, {
+    "data-kind": "colon",
+    children: ": "
+  })];
 };
 var JsonTreeViewValueNode = (props) => {
   if (props.node.type === "text") {
@@ -287,8 +305,16 @@ var JsonTreeViewTree = (props) => {
     }
   }));
 };
+var splitJsonTreeViewProps2 = createSplitProps();
 var useJsonTreeView = (props) => {
-  const [jsonProps, restProps] = splitProps(props, ["data", "defaultExpandedDepth"]);
+  const [jsonTreeProps, localProps] = splitJsonTreeViewProps2(props, [
+    "maxPreviewItems",
+    "collapseStringsAfterLength",
+    "quotesOnKeys",
+    "groupArraysAfterLength",
+    "showNonenumerable"
+  ]);
+  const [jsonProps, restProps] = splitProps(localProps, ["data", "defaultExpandedDepth"]);
   const collection = createMemo(() => {
     return createTreeCollection({
       nodeToValue: nodeToValue,
@@ -307,7 +333,8 @@ var useJsonTreeView = (props) => {
       typeahead: false
     };
   });
-  return useTreeView(machineProps);
+  const treeView = useTreeView(machineProps);
+  return createMemo(() => ({ ...treeView(), options: jsonTreeProps }));
 };
 
 // src/components/json-tree-view/json-tree-view.tsx

package/dist/chunk/RT4GKNE7.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/drawer';

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

@@ -2,13 +2,16 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./HWHAUHQ5.jsx";
+} from "./DGI75TEJ.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

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/{B434DN6B.js → SCCZRXWX.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 { useLocaleContext } from './EM5SH6A3.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';