@ark-ui/solid 5.16.1 → 5.18.0

package/dist/tree-view-tree-CbBeWSwi.d.ts

@@ -0,0 +1,41 @@
+import * as solid_js from 'solid-js';
+import { Accessor } from 'solid-js';
+import { O as Optional, M as MaybeAccessor, A as Assign } from './types-Bc0WfPsv.js';
+import { R as RenderStrategyProps } from './render-strategy-B5MqQP3X.js';
+import { TreeNode, TreeCollection } from '@zag-js/collection';
+import { HTMLProps, PolymorphicProps } from './components/factory.js';
+import { PropTypes } from '@zag-js/solid';
+import * as treeView from '@zag-js/tree-view';
+
+interface UseTreeViewProps<T extends TreeNode> extends Optional<Omit<treeView.Props, 'dir' | 'getRootNode' | 'colllection'>, 'id'> {
+    /**
+     * The collection of tree nodes
+     */
+    collection: TreeCollection<T>;
+}
+interface UseTreeViewReturn<T extends TreeNode> extends Accessor<treeView.Api<PropTypes, T>> {
+}
+declare const useTreeView: <T extends TreeNode>(props: MaybeAccessor<UseTreeViewProps<T>>) => UseTreeViewReturn<T>;
+
+interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewProps<T>, RenderStrategyProps, PolymorphicProps<'div'> {
+}
+interface TreeViewRootProps<T extends TreeNode> extends Assign<HTMLProps<'div'>, TreeViewRootBaseProps<T>> {
+}
+declare const TreeViewRoot: <T extends TreeNode>(props: TreeViewRootProps<T>) => solid_js.JSX.Element;
+
+interface RootProviderProps<T extends TreeNode> {
+    value: UseTreeViewReturn<T>;
+}
+interface TreeViewRootProviderBaseProps<T extends TreeNode> extends RootProviderProps<T>, RenderStrategyProps, PolymorphicProps<'div'> {
+}
+interface TreeViewRootProviderProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootProviderBaseProps<T> {
+}
+declare const TreeViewRootProvider: <T extends TreeNode>(props: TreeViewRootProviderProps<T>) => solid_js.JSX.Element;
+
+interface TreeViewTreeBaseProps extends PolymorphicProps<'div'> {
+}
+interface TreeViewTreeProps extends HTMLProps<'div'>, TreeViewTreeBaseProps {
+}
+declare const TreeViewTree: (props: TreeViewTreeProps) => solid_js.JSX.Element;
+
+export { TreeViewRoot as T, type UseTreeViewProps as U, type TreeViewRootBaseProps as a, type TreeViewRootProps as b, TreeViewRootProvider as c, type TreeViewRootProviderBaseProps as d, type TreeViewRootProviderProps as e, TreeViewTree as f, type TreeViewTreeBaseProps as g, type TreeViewTreeProps as h, type UseTreeViewReturn as i, useTreeView as u };

package/dist/{use-list-collection-C2rvMTSM.d.ts → use-list-collection-Dk2gVdQ2.d.ts}

@@ -88,4 +88,4 @@ interface UseListCollectionReturn<T> {
     update: (value: string, item: T) => void;
 }
 
-export { type UseListCollectionProps as U, useListCollection as u };
+export { type UseListCollectionProps as U, type UseListCollectionReturn as a, useListCollection as u };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/solid",
   "type": "module",
-  "version": "5.16.1",
+  "version": "5.18.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -110,71 +110,72 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.18.2",
-    "@zag-js/angle-slider": "1.18.2",
-    "@zag-js/anatomy": "1.18.2",
-    "@zag-js/auto-resize": "1.18.2",
-    "@zag-js/avatar": "1.18.2",
-    "@zag-js/carousel": "1.18.2",
-    "@zag-js/checkbox": "1.18.2",
-    "@zag-js/clipboard": "1.18.2",
-    "@zag-js/collapsible": "1.18.2",
-    "@zag-js/collection": "1.18.2",
-    "@zag-js/color-picker": "1.18.2",
-    "@zag-js/color-utils": "1.18.2",
-    "@zag-js/combobox": "1.18.2",
-    "@zag-js/core": "1.18.2",
-    "@zag-js/date-picker": "1.18.2",
-    "@zag-js/date-utils": "1.18.2",
-    "@zag-js/dialog": "1.18.2",
-    "@zag-js/dom-query": "1.18.2",
-    "@zag-js/editable": "1.18.2",
-    "@zag-js/file-upload": "1.18.2",
-    "@zag-js/file-utils": "1.18.2",
-    "@zag-js/focus-trap": "1.18.2",
-    "@zag-js/floating-panel": "1.18.2",
-    "@zag-js/highlight-word": "1.18.2",
-    "@zag-js/hover-card": "1.18.2",
-    "@zag-js/i18n-utils": "1.18.2",
-    "@zag-js/listbox": "1.18.2",
-    "@zag-js/menu": "1.18.2",
-    "@zag-js/number-input": "1.18.2",
-    "@zag-js/pagination": "1.18.2",
-    "@zag-js/password-input": "1.18.2",
-    "@zag-js/pin-input": "1.18.2",
-    "@zag-js/popover": "1.18.2",
-    "@zag-js/presence": "1.18.2",
-    "@zag-js/progress": "1.18.2",
-    "@zag-js/qr-code": "1.18.2",
-    "@zag-js/radio-group": "1.18.2",
-    "@zag-js/rating-group": "1.18.2",
-    "@zag-js/select": "1.18.2",
-    "@zag-js/signature-pad": "1.18.2",
-    "@zag-js/slider": "1.18.2",
-    "@zag-js/solid": "1.18.2",
-    "@zag-js/splitter": "1.18.2",
-    "@zag-js/steps": "1.18.2",
-    "@zag-js/switch": "1.18.2",
-    "@zag-js/tabs": "1.18.2",
-    "@zag-js/tags-input": "1.18.2",
-    "@zag-js/time-picker": "1.18.2",
-    "@zag-js/timer": "1.18.2",
-    "@zag-js/toast": "1.18.2",
-    "@zag-js/toggle": "1.18.2",
-    "@zag-js/toggle-group": "1.18.2",
-    "@zag-js/tooltip": "1.18.2",
-    "@zag-js/tour": "1.18.2",
-    "@zag-js/tree-view": "1.18.2",
-    "@zag-js/types": "1.18.2",
-    "@zag-js/utils": "1.18.2"
+    "@zag-js/accordion": "1.20.0",
+    "@zag-js/angle-slider": "1.20.0",
+    "@zag-js/anatomy": "1.20.0",
+    "@zag-js/auto-resize": "1.20.0",
+    "@zag-js/avatar": "1.20.0",
+    "@zag-js/carousel": "1.20.0",
+    "@zag-js/checkbox": "1.20.0",
+    "@zag-js/clipboard": "1.20.0",
+    "@zag-js/collapsible": "1.20.0",
+    "@zag-js/collection": "1.20.0",
+    "@zag-js/color-picker": "1.20.0",
+    "@zag-js/color-utils": "1.20.0",
+    "@zag-js/combobox": "1.20.0",
+    "@zag-js/core": "1.20.0",
+    "@zag-js/date-picker": "1.20.0",
+    "@zag-js/date-utils": "1.20.0",
+    "@zag-js/dialog": "1.20.0",
+    "@zag-js/dom-query": "1.20.0",
+    "@zag-js/editable": "1.20.0",
+    "@zag-js/file-upload": "1.20.0",
+    "@zag-js/file-utils": "1.20.0",
+    "@zag-js/focus-trap": "1.20.0",
+    "@zag-js/floating-panel": "1.20.0",
+    "@zag-js/highlight-word": "1.20.0",
+    "@zag-js/hover-card": "1.20.0",
+    "@zag-js/i18n-utils": "1.20.0",
+    "@zag-js/json-tree-utils": "1.20.0",
+    "@zag-js/listbox": "1.20.0",
+    "@zag-js/menu": "1.20.0",
+    "@zag-js/number-input": "1.20.0",
+    "@zag-js/pagination": "1.20.0",
+    "@zag-js/password-input": "1.20.0",
+    "@zag-js/pin-input": "1.20.0",
+    "@zag-js/popover": "1.20.0",
+    "@zag-js/presence": "1.20.0",
+    "@zag-js/progress": "1.20.0",
+    "@zag-js/qr-code": "1.20.0",
+    "@zag-js/radio-group": "1.20.0",
+    "@zag-js/rating-group": "1.20.0",
+    "@zag-js/select": "1.20.0",
+    "@zag-js/signature-pad": "1.20.0",
+    "@zag-js/slider": "1.20.0",
+    "@zag-js/solid": "1.20.0",
+    "@zag-js/splitter": "1.20.0",
+    "@zag-js/steps": "1.20.0",
+    "@zag-js/switch": "1.20.0",
+    "@zag-js/tabs": "1.20.0",
+    "@zag-js/tags-input": "1.20.0",
+    "@zag-js/time-picker": "1.20.0",
+    "@zag-js/timer": "1.20.0",
+    "@zag-js/toast": "1.20.0",
+    "@zag-js/toggle": "1.20.0",
+    "@zag-js/toggle-group": "1.20.0",
+    "@zag-js/tooltip": "1.20.0",
+    "@zag-js/tour": "1.20.0",
+    "@zag-js/tree-view": "1.20.0",
+    "@zag-js/types": "1.20.0",
+    "@zag-js/utils": "1.20.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@modular-forms/solid": "0.25.1",
     "@solidjs/testing-library": "0.8.10",
-    "@storybook/addon-a11y": "9.0.15",
-    "@storybook/addon-links": "9.0.15",
-    "@storybook/addon-vitest": "9.0.15",
+    "@storybook/addon-a11y": "9.0.18",
+    "@storybook/addon-links": "9.0.18",
+    "@storybook/addon-vitest": "9.0.18",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/user-event": "14.6.1",
@@ -186,11 +187,11 @@
     "lucide-solid": "0.525.0",
     "resize-observer-polyfill": "1.5.1",
     "solid-js": "1.9.7",
-    "storybook": "9.0.15",
-    "storybook-solidjs-vite": "9.0.0",
+    "storybook": "9.0.18",
+    "storybook-solidjs-vite": "9.0.2",
     "tsup": "8.5.0",
     "typescript": "5.8.3",
-    "vite": "7.0.2",
+    "vite": "7.0.5",
     "vite-plugin-solid": "2.11.7",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",

package/dist/chunk/AQUEJK4Z.jsx

@@ -1,122 +0,0 @@
-// 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 init = () => {
-    const [localProps] = splittedProps();
-    return localProps.initialItems;
-  };
-  const [items, setItemsImpl] = createSignal(init());
-  const [filterText, setFilterText] = createSignal("");
-  const setItems = (newItems) => {
-    setItemsImpl(newItems);
-    setFilterText("");
-  };
-  const create = (itemsToCreate) => {
-    const [, collectionOptions] = splittedProps();
-    return createListCollection({ ...collectionOptions, items: itemsToCreate });
-  };
-  const collection = createMemo(() => {
-    const [localProps, collectionOptions] = splittedProps();
-    const filter = localProps.filter;
-    let activeItems = items();
-    if (filterText() && filter) {
-      activeItems = create(items()).filter((itemString, _index, item) => filter(itemString, filterText(), item)).items;
-    }
-    const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
-    return createListCollection({ ...collectionOptions, items: limitedItems });
-  });
-  return {
-    collection,
-    filter: (inputValue = "") => {
-      setFilterText(inputValue);
-    },
-    set: (newItems) => {
-      setItems(newItems);
-    },
-    reset: () => {
-      const [localProps] = splittedProps();
-      setItems(localProps.initialItems);
-    },
-    clear: () => {
-      setItems([]);
-    },
-    insert: (index, ...itemsToInsert) => {
-      const newItems = create(items()).insert(index, ...itemsToInsert).items;
-      setItems(newItems);
-    },
-    insertBefore: (value, ...itemsToInsert) => {
-      const newItems = create(items()).insertBefore(value, ...itemsToInsert).items;
-      setItems(newItems);
-    },
-    insertAfter: (value, ...itemsToInsert) => {
-      const newItems = create(items()).insertAfter(value, ...itemsToInsert).items;
-      setItems(newItems);
-    },
-    remove: (...itemOrValues) => {
-      const newItems = create(items()).remove(...itemOrValues).items;
-      setItems(newItems);
-    },
-    move: (value, to) => {
-      const newItems = create(items()).move(value, to).items;
-      setItems(newItems);
-    },
-    moveBefore: (value, ...values) => {
-      const newItems = create(items()).moveBefore(value, ...values).items;
-      setItems(newItems);
-    },
-    moveAfter: (value, ...values) => {
-      const newItems = create(items()).moveAfter(value, ...values).items;
-      setItems(newItems);
-    },
-    reorder: (from, to) => {
-      const newItems = create(items()).reorder(from, to).items;
-      setItems(newItems);
-    },
-    append: (...itemsToAppend) => {
-      const newItems = create(items()).append(...itemsToAppend).items;
-      setItems(newItems);
-    },
-    upsert: (value, item, mode = "append") => {
-      const newItems = create(items()).upsert(value, item, mode).items;
-      setItems(newItems);
-    },
-    prepend: (...itemsToPrepend) => {
-      const newItems = create(items()).prepend(...itemsToPrepend).items;
-      setItems(newItems);
-    },
-    update: (value, item) => {
-      const newItems = create(items()).update(value, item).items;
-      setItems(newItems);
-    }
-  };
-}
-
-export {
-  createGridCollection,
-  createListCollection,
-  createTreeCollection,
-  createFileTreeCollection,
-  useListCollection
-};

package/dist/chunk/XL4VFEPW.js

@@ -1,104 +0,0 @@
-import { GridCollection, ListCollection, TreeCollection, filePathToTree } from '@zag-js/collection';
-import { createMemo, splitProps, createSignal } from 'solid-js';
-
-// src/components/collection/grid-collection.ts
-var createGridCollection = (options) => new GridCollection(options);
-var createListCollection = (options) => new ListCollection(options);
-var createTreeCollection = (options) => new TreeCollection(options);
-var createFileTreeCollection = (paths) => filePathToTree(paths);
-function useListCollection(props) {
-  const splittedProps = createMemo(() => {
-    const rawProps = typeof props === "function" ? props() : props;
-    return splitProps(rawProps, ["initialItems", "filter", "limit"]);
-  });
-  const init = () => {
-    const [localProps] = splittedProps();
-    return localProps.initialItems;
-  };
-  const [items, setItemsImpl] = createSignal(init());
-  const [filterText, setFilterText] = createSignal("");
-  const setItems = (newItems) => {
-    setItemsImpl(newItems);
-    setFilterText("");
-  };
-  const create = (itemsToCreate) => {
-    const [, collectionOptions] = splittedProps();
-    return createListCollection({ ...collectionOptions, items: itemsToCreate });
-  };
-  const collection = createMemo(() => {
-    const [localProps, collectionOptions] = splittedProps();
-    const filter = localProps.filter;
-    let activeItems = items();
-    if (filterText() && filter) {
-      activeItems = create(items()).filter((itemString, _index, item) => filter(itemString, filterText(), item)).items;
-    }
-    const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
-    return createListCollection({ ...collectionOptions, items: limitedItems });
-  });
-  return {
-    collection,
-    filter: (inputValue = "") => {
-      setFilterText(inputValue);
-    },
-    set: (newItems) => {
-      setItems(newItems);
-    },
-    reset: () => {
-      const [localProps] = splittedProps();
-      setItems(localProps.initialItems);
-    },
-    clear: () => {
-      setItems([]);
-    },
-    insert: (index, ...itemsToInsert) => {
-      const newItems = create(items()).insert(index, ...itemsToInsert).items;
-      setItems(newItems);
-    },
-    insertBefore: (value, ...itemsToInsert) => {
-      const newItems = create(items()).insertBefore(value, ...itemsToInsert).items;
-      setItems(newItems);
-    },
-    insertAfter: (value, ...itemsToInsert) => {
-      const newItems = create(items()).insertAfter(value, ...itemsToInsert).items;
-      setItems(newItems);
-    },
-    remove: (...itemOrValues) => {
-      const newItems = create(items()).remove(...itemOrValues).items;
-      setItems(newItems);
-    },
-    move: (value, to) => {
-      const newItems = create(items()).move(value, to).items;
-      setItems(newItems);
-    },
-    moveBefore: (value, ...values) => {
-      const newItems = create(items()).moveBefore(value, ...values).items;
-      setItems(newItems);
-    },
-    moveAfter: (value, ...values) => {
-      const newItems = create(items()).moveAfter(value, ...values).items;
-      setItems(newItems);
-    },
-    reorder: (from, to) => {
-      const newItems = create(items()).reorder(from, to).items;
-      setItems(newItems);
-    },
-    append: (...itemsToAppend) => {
-      const newItems = create(items()).append(...itemsToAppend).items;
-      setItems(newItems);
-    },
-    upsert: (value, item, mode = "append") => {
-      const newItems = create(items()).upsert(value, item, mode).items;
-      setItems(newItems);
-    },
-    prepend: (...itemsToPrepend) => {
-      const newItems = create(items()).prepend(...itemsToPrepend).items;
-      setItems(newItems);
-    },
-    update: (value, item) => {
-      const newItems = create(items()).update(value, item).items;
-      setItems(newItems);
-    }
-  };
-}
-
-export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useListCollection };

package/dist/chunk/{H6ODLFPJ.jsx → WC2HBDLJ.jsx}

@@ -1,9 +1,9 @@
-import {
-  splitRenderStrategyProps
-} from "./NEBB7COJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";
+import {
+  splitRenderStrategyProps
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";