@ark-ui/solid 5.11.0 → 5.13.0

package/dist/chunk/{S4OS4UYL.jsx → NLGFQW27.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./RHCMSWDF.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -20,16 +20,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{4FUKCXPR.jsx → NUPYPPGN.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./O2Q7MOG6.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,16 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{HQOIDGRU.jsx → O2Q7MOG6.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldsetContext
-} from "./JY6PMVAK.jsx";
+} from "./FS6GEMRM.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -12,7 +12,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{XUH2TAUG.jsx → OCZWTABP.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./RHCMSWDF.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -20,16 +20,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{HDKSS6KE.jsx → OIG52XTL.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";

package/dist/chunk/{RC4UV6HP.jsx → P5YRDHKG.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./RHCMSWDF.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -15,16 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{2UVDYZIY.jsx → P5ZRUIVB.jsx}

@@ -6,16 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{4UNGYCFT.jsx → PNYN26W7.jsx}

@@ -6,16 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{JQSSQ4LS.jsx → QNNABUNA.jsx}

@@ -9,16 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{XIT3ASUI.jsx → RKHQB2WQ.jsx}

@@ -1,12 +1,12 @@
 import {
   useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./O2Q7MOG6.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./RHCMSWDF.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -18,16 +18,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{AUVF4L3Q.jsx → SXZY4NGI.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./O2Q7MOG6.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,16 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{LKPEYZZO.jsx → TILCNQZF.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./O2Q7MOG6.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,16 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{JUBTXT4B.jsx → TTZNIVIU.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./O2Q7MOG6.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,16 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{YAOPG62Z.jsx → UBCF5HI7.jsx}

@@ -6,16 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{OKNWZYMH.jsx → VSLHNUS2.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./HQOIDGRU.jsx";
+} from "./O2Q7MOG6.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,16 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{WG67YHCV.jsx → WCLRKV7H.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./WC2HBDLJ.jsx";
+} from "./RHCMSWDF.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
@@ -15,16 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{HP3ZGMDZ.jsx → WYNHVCCC.jsx}

@@ -6,16 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/XEXZI6CD.jsx

@@ -0,0 +1,104 @@
+// src/components/collection/grid-collection.ts
+import {
+  GridCollection
+} from "@zag-js/collection";
+var createGridCollection = (options) => new GridCollection(options);
+
+// src/components/collection/list-collection.ts
+import { ListCollection } from "@zag-js/collection";
+var createListCollection = (options) => new ListCollection(options);
+
+// src/components/collection/tree-collection.ts
+import {
+  TreeCollection,
+  filePathToTree
+} from "@zag-js/collection";
+var createTreeCollection = (options) => new TreeCollection(options);
+var createFileTreeCollection = (paths) => filePathToTree(paths);
+
+// src/components/collection/use-list-collection.ts
+import { createMemo, createSignal, splitProps } from "solid-js";
+function useListCollection(props) {
+  const splittedProps = createMemo(() => {
+    const rawProps = typeof props === "function" ? props() : props;
+    return splitProps(rawProps, ["initialItems", "filter", "limit"]);
+  });
+  const create = (items) => {
+    const [, collectionProps] = splittedProps();
+    return createListCollection({ ...collectionProps, items });
+  };
+  const init = () => {
+    const [localProps] = splittedProps();
+    return create(
+      localProps.limit != null ? localProps.initialItems.slice(0, localProps.limit) : localProps.initialItems
+    );
+  };
+  const [collection, setCollectionImpl] = createSignal(init());
+  const setCollection = (collection2) => {
+    const [localProps] = splittedProps();
+    setCollectionImpl(
+      localProps.limit == null ? collection2 : collection2.copy(collection2.items.slice(0, localProps.limit))
+    );
+  };
+  return {
+    collection,
+    filter: (inputValue) => {
+      const [localProps] = splittedProps();
+      const filter = localProps.filter;
+      if (!filter) return;
+      const filtered = create(localProps.initialItems).filter((itemString) => filter(itemString, inputValue));
+      setCollection(filtered);
+    },
+    set: (items) => {
+      setCollection(create(items));
+    },
+    reset: () => {
+      const [localProps] = splittedProps();
+      setCollection(create(localProps.initialItems));
+    },
+    clear: () => {
+      setCollection(create([]));
+    },
+    insert: (index, ...items) => {
+      setCollection(collection().insert(index, ...items));
+    },
+    insertBefore: (value, ...items) => {
+      setCollection(collection().insertBefore(value, ...items));
+    },
+    insertAfter: (value, ...items) => {
+      setCollection(collection().insertAfter(value, ...items));
+    },
+    remove: (...itemOrValues) => {
+      setCollection(collection().remove(...itemOrValues));
+    },
+    move: (value, to) => {
+      setCollection(collection().move(value, to));
+    },
+    moveBefore: (value, ...values) => {
+      setCollection(collection().moveBefore(value, ...values));
+    },
+    moveAfter: (value, ...values) => {
+      setCollection(collection().moveAfter(value, ...values));
+    },
+    reorder: (from, to) => {
+      setCollection(collection().reorder(from, to));
+    },
+    append: (...items) => {
+      setCollection(collection().append(...items));
+    },
+    prepend: (...items) => {
+      setCollection(collection().prepend(...items));
+    },
+    update: (value, item) => {
+      setCollection(collection().update(value, item));
+    }
+  };
+}
+
+export {
+  createGridCollection,
+  createListCollection,
+  createTreeCollection,
+  createFileTreeCollection,
+  useListCollection
+};

package/dist/chunk/{C5TKHQPT.jsx → XKDJ2JV3.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./WHXDBQDP.jsx";
+} from "./XOVDOF3R.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -14,16 +14,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./E2L62MKC.jsx";
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   useLocaleContext
 } from "./YUC6JE7K.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -38,6 +38,12 @@ var [TreeViewProvider, useTreeViewContext] = createContext({
   providerName: "<TreeViewProvider />"
 });
 
+// src/components/tree-view/use-tree-view-node-context.ts
+var [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext({
+  hookName: "useTreeViewNodeContext",
+  providerName: "<TreeViewNodeProvider />"
+});
+
 // src/components/tree-view/use-tree-view-node-props-context.ts
 var [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext({
   hookName: "useTreeViewNodePropsContext",
@@ -48,13 +54,13 @@ var [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext({
 var TreeViewBranch = (props) => {
   const treeView2 = useTreeViewContext();
   const nodeProps = useTreeViewNodePropsContext();
+  const nodeState = useTreeViewNodeContext();
   const renderStrategyProps = useRenderStrategyContext();
-  const nodeState = createMemo(() => treeView2().getNodeState(nodeProps));
-  const branchContentProps = treeView2().getBranchContentProps(nodeProps);
+  const branchContentProps = createMemo(() => treeView2().getBranchContentProps(nodeProps));
   const mergedProps = mergeProps(() => treeView2().getBranchProps(nodeProps), props);
   return <collapsible_exports.Root
     open={nodeState().expanded}
-    ids={{ content: branchContentProps.id }}
+    ids={{ content: branchContentProps().id }}
     {...renderStrategyProps}
     {...mergedProps}
   />;
@@ -159,19 +165,18 @@ var TreeViewLabel = (props) => {
   return <ark.label {...mergedProps} />;
 };
 
-// src/components/tree-view/use-tree-view-node-context.ts
-var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext({
-  hookName: "useTreeViewNodeContext",
-  providerName: "<TreeViewNodeProvider />"
-});
-
 // src/components/tree-view/tree-view-node-context.ts
 var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
 
 // src/components/tree-view/tree-view-node-provider.tsx
-function TreeViewNodeProvider2(props) {
+import { createMemo as createMemo3 } from "solid-js";
+function TreeViewNodeProvider(props) {
   const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
-  return <TreeViewNodePropsProvider value={nodeProps}>{localProps.children}</TreeViewNodePropsProvider>;
+  const treeView2 = useTreeViewContext();
+  const nodeState = createMemo3(() => treeView2().getNodeState(nodeProps));
+  return <TreeViewNodeStateProvider value={nodeState}>
+      <TreeViewNodePropsProvider value={nodeProps}>{localProps.children}</TreeViewNodePropsProvider>
+    </TreeViewNodeStateProvider>;
 }
 
 // src/components/tree-view/tree-view-root.tsx
@@ -180,19 +185,19 @@ import { mergeProps as mergeProps12 } from "@zag-js/solid";
 // src/components/tree-view/use-tree-view.ts
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as treeView from "@zag-js/tree-view";
-import { createMemo as createMemo3, createUniqueId } from "solid-js";
+import { createMemo as createMemo4, createUniqueId } from "solid-js";
 var useTreeView = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const machineProps = createMemo3(() => ({
+  const machineProps = createMemo4(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     ...runIfFn(props)
   }));
   const service = useMachine(treeView.machine, machineProps);
-  return createMemo3(() => treeView.connect(service, normalizeProps));
+  return createMemo4(() => treeView.connect(service, normalizeProps));
 };
 
 // src/components/tree-view/tree-view-root.tsx
@@ -212,7 +217,9 @@ var TreeViewRoot = (props) => {
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead"
+    "typeahead",
+    "loadChildren",
+    "onLoadChildrenComplete"
   ]);
   const treeView2 = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps12(() => treeView2().getRootProps(), localProps);
@@ -263,13 +270,15 @@ __export(tree_view_exports, {
   ItemText: () => TreeViewItemText,
   Label: () => TreeViewLabel,
   NodeContext: () => TreeViewNodeContext,
-  NodeProvider: () => TreeViewNodeProvider2,
+  NodeProvider: () => TreeViewNodeProvider,
   Root: () => TreeViewRoot,
   RootProvider: () => TreeViewRootProvider,
   Tree: () => TreeViewTree
 });
 
 export {
+  useTreeViewContext,
+  useTreeViewNodeContext,
   TreeViewBranch,
   TreeViewBranchContent,
   TreeViewBranchControl,
@@ -283,7 +292,7 @@ export {
   TreeViewItemText,
   TreeViewLabel,
   TreeViewNodeContext,
-  TreeViewNodeProvider2 as TreeViewNodeProvider,
+  TreeViewNodeProvider,
   useTreeView,
   TreeViewRoot,
   TreeViewRootProvider,