@ark-ui/react 5.11.0 → 5.13.0

package/dist/components/collection/grid-collection.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collection = require('@zag-js/collection');
+
+const createGridCollection = (options) => new collection.GridCollection(options);
+
+exports.createGridCollection = createGridCollection;

package/dist/components/collection/grid-collection.d.cts

@@ -0,0 +1,3 @@
+import { CollectionItem, CollectionOptions, GridCollection, GridCollectionOptions } from '@zag-js/collection';
+export declare const createGridCollection: <T extends CollectionItem>(options: GridCollectionOptions<T>) => GridCollection<T>;
+export type { GridCollection, CollectionOptions, CollectionItem, GridCollectionOptions };

package/dist/components/collection/grid-collection.d.ts

@@ -0,0 +1,3 @@
+import { CollectionItem, CollectionOptions, GridCollection, GridCollectionOptions } from '@zag-js/collection';
+export declare const createGridCollection: <T extends CollectionItem>(options: GridCollectionOptions<T>) => GridCollection<T>;
+export type { GridCollection, CollectionOptions, CollectionItem, GridCollectionOptions };

package/dist/components/collection/grid-collection.js

@@ -0,0 +1,6 @@
+'use client';
+import { GridCollection } from '@zag-js/collection';
+
+const createGridCollection = (options) => new GridCollection(options);
+
+export { createGridCollection };

package/dist/components/collection/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const gridCollection = require('./grid-collection.cjs');
+const listCollection = require('./list-collection.cjs');
+const treeCollection = require('./tree-collection.cjs');
+const useListCollection = require('./use-list-collection.cjs');
+
+
+
+exports.createGridCollection = gridCollection.createGridCollection;
+exports.createListCollection = listCollection.createListCollection;
+exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
+exports.createTreeCollection = treeCollection.createTreeCollection;
+exports.useListCollection = useListCollection.useListCollection;

package/dist/components/collection/index.d.cts

@@ -0,0 +1,4 @@
+export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
+export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
+export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
+export { useListCollection, type UseListCollectionProps } from './use-list-collection';

package/dist/components/collection/index.d.ts

@@ -0,0 +1,4 @@
+export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
+export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
+export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
+export { useListCollection, type UseListCollectionProps } from './use-list-collection';

package/dist/components/collection/index.js

@@ -0,0 +1,4 @@
+export { createGridCollection } from './grid-collection.js';
+export { createListCollection } from './list-collection.js';
+export { createFileTreeCollection, createTreeCollection } from './tree-collection.js';
+export { useListCollection } from './use-list-collection.js';

package/dist/components/collection/list-collection.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collection = require('@zag-js/collection');
+
+const createListCollection = (options) => new collection.ListCollection(options);
+
+exports.createListCollection = createListCollection;

package/dist/components/collection/list-collection.d.cts

@@ -0,0 +1,3 @@
+import { CollectionItem, CollectionOptions, ListCollection } from '@zag-js/collection';
+export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
+export type { ListCollection, CollectionOptions, CollectionItem };

package/dist/components/collection/list-collection.d.ts

@@ -0,0 +1,3 @@
+import { CollectionItem, CollectionOptions, ListCollection } from '@zag-js/collection';
+export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
+export type { ListCollection, CollectionOptions, CollectionItem };

package/dist/components/collection/list-collection.js

@@ -0,0 +1,6 @@
+'use client';
+import { ListCollection } from '@zag-js/collection';
+
+const createListCollection = (options) => new ListCollection(options);
+
+export { createListCollection };

package/dist/components/{collection.cjs → collection/tree-collection.cjs}

@@ -1,13 +1,12 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const collection = require('@zag-js/collection');
 
-const createListCollection = (options) => new collection.ListCollection(options);
 const createTreeCollection = (options) => new collection.TreeCollection(options);
 const createFileTreeCollection = (paths) => collection.filePathToTree(paths);
 
 exports.createFileTreeCollection = createFileTreeCollection;
-exports.createListCollection = createListCollection;
 exports.createTreeCollection = createTreeCollection;

package/dist/components/collection/tree-collection.d.cts

@@ -0,0 +1,4 @@
+import { FilePathTreeNode, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
+export type { TreeCollection, TreeNode, TreeCollectionOptions, FilePathTreeNode, FlatTreeNode, } from '@zag-js/collection';
+export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;

package/dist/components/collection/tree-collection.d.ts

@@ -0,0 +1,4 @@
+import { FilePathTreeNode, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
+export type { TreeCollection, TreeNode, TreeCollectionOptions, FilePathTreeNode, FlatTreeNode, } from '@zag-js/collection';
+export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;

package/dist/components/collection/tree-collection.js

@@ -0,0 +1,7 @@
+'use client';
+import { filePathToTree, TreeCollection } from '@zag-js/collection';
+
+const createTreeCollection = (options) => new TreeCollection(options);
+const createFileTreeCollection = (paths) => filePathToTree(paths);
+
+export { createFileTreeCollection, createTreeCollection };

package/dist/components/collection/use-list-collection.cjs

@@ -0,0 +1,73 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const useEvent = require('../../utils/use-event.cjs');
+const listCollection = require('./list-collection.cjs');
+
+function useListCollection(props) {
+  const { initialItems = [], filter, limit, ...collectionOptions } = props;
+  const create = (items) => {
+    return listCollection.createListCollection({ ...collectionOptions, items });
+  };
+  const [collection, setCollectionImpl] = react.useState(
+    () => create(limit != null ? initialItems.slice(0, limit) : initialItems)
+  );
+  const setCollection = useEvent.useEvent((collection2) => {
+    setCollectionImpl(limit == null ? collection2 : collection2.copy(collection2.items.slice(0, limit)));
+  });
+  return {
+    collection,
+    filter: (inputValue) => {
+      if (!filter) return;
+      const filtered = create(initialItems).filter((itemString) => filter(itemString, inputValue));
+      setCollection(filtered);
+    },
+    set: useEvent.useEvent((items) => {
+      setCollection(create(items));
+    }),
+    reset: useEvent.useEvent(() => {
+      setCollection(create(initialItems));
+    }),
+    clear: useEvent.useEvent(() => {
+      setCollection(create([]));
+    }),
+    insert: useEvent.useEvent((index, ...items) => {
+      setCollection(collection.insert(index, ...items));
+    }),
+    insertBefore: useEvent.useEvent((value, ...items) => {
+      setCollection(collection.insertBefore(value, ...items));
+    }),
+    insertAfter: useEvent.useEvent((value, ...items) => {
+      setCollection(collection.insertAfter(value, ...items));
+    }),
+    remove: useEvent.useEvent((...itemOrValues) => {
+      setCollection(collection.remove(...itemOrValues));
+    }),
+    move: useEvent.useEvent((value, to) => {
+      setCollection(collection.move(value, to));
+    }),
+    moveBefore: useEvent.useEvent((value, ...values) => {
+      setCollection(collection.moveBefore(value, ...values));
+    }),
+    moveAfter: useEvent.useEvent((value, ...values) => {
+      setCollection(collection.moveAfter(value, ...values));
+    }),
+    reorder: useEvent.useEvent((from, to) => {
+      setCollection(collection.reorder(from, to));
+    }),
+    append: useEvent.useEvent((...items) => {
+      setCollection(collection.append(...items));
+    }),
+    prepend: useEvent.useEvent((...items) => {
+      setCollection(collection.prepend(...items));
+    }),
+    update: useEvent.useEvent((value, item) => {
+      setCollection(collection.update(value, item));
+    })
+  };
+}
+
+exports.useListCollection = useListCollection;

package/dist/components/collection/use-list-collection.d.cts

@@ -0,0 +1,34 @@
+import { CollectionOptions, ListCollection } from './list-collection';
+export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'items'> {
+    /**
+     * The initial items to display in the collection.
+     */
+    initialItems: T[];
+    /**
+     * The filter function to use to filter the items.
+     */
+    filter?: (itemText: string, filterText: string) => boolean;
+    /**
+     * The maximum number of items to display in the collection.
+     * Useful for performance when you have a large number of items.
+     */
+    limit?: number;
+}
+export declare function useListCollection<T>(props: UseListCollectionProps<T>): {
+    collection: ListCollection<T>;
+    filter: (inputValue: string) => void;
+    set: (items: T[]) => void;
+    reset: () => void;
+    clear: () => void;
+    insert: (index: number, ...items: T[]) => void;
+    insertBefore: (value: string, ...items: T[]) => void;
+    insertAfter: (value: string, ...items: T[]) => void;
+    remove: (...itemOrValues: T[]) => void;
+    move: (value: string, to: number) => void;
+    moveBefore: (value: string, ...values: string[]) => void;
+    moveAfter: (value: string, ...values: string[]) => void;
+    reorder: (from: number, to: number) => void;
+    append: (...items: T[]) => void;
+    prepend: (...items: T[]) => void;
+    update: (value: string, item: T) => void;
+};

package/dist/components/collection/use-list-collection.d.ts

@@ -0,0 +1,34 @@
+import { CollectionOptions, ListCollection } from './list-collection';
+export interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, 'items'> {
+    /**
+     * The initial items to display in the collection.
+     */
+    initialItems: T[];
+    /**
+     * The filter function to use to filter the items.
+     */
+    filter?: (itemText: string, filterText: string) => boolean;
+    /**
+     * The maximum number of items to display in the collection.
+     * Useful for performance when you have a large number of items.
+     */
+    limit?: number;
+}
+export declare function useListCollection<T>(props: UseListCollectionProps<T>): {
+    collection: ListCollection<T>;
+    filter: (inputValue: string) => void;
+    set: (items: T[]) => void;
+    reset: () => void;
+    clear: () => void;
+    insert: (index: number, ...items: T[]) => void;
+    insertBefore: (value: string, ...items: T[]) => void;
+    insertAfter: (value: string, ...items: T[]) => void;
+    remove: (...itemOrValues: T[]) => void;
+    move: (value: string, to: number) => void;
+    moveBefore: (value: string, ...values: string[]) => void;
+    moveAfter: (value: string, ...values: string[]) => void;
+    reorder: (from: number, to: number) => void;
+    append: (...items: T[]) => void;
+    prepend: (...items: T[]) => void;
+    update: (value: string, item: T) => void;
+};

package/dist/components/collection/use-list-collection.js

@@ -0,0 +1,69 @@
+'use client';
+import { useState } from 'react';
+import { useEvent } from '../../utils/use-event.js';
+import { createListCollection } from './list-collection.js';
+
+function useListCollection(props) {
+  const { initialItems = [], filter, limit, ...collectionOptions } = props;
+  const create = (items) => {
+    return createListCollection({ ...collectionOptions, items });
+  };
+  const [collection, setCollectionImpl] = useState(
+    () => create(limit != null ? initialItems.slice(0, limit) : initialItems)
+  );
+  const setCollection = useEvent((collection2) => {
+    setCollectionImpl(limit == null ? collection2 : collection2.copy(collection2.items.slice(0, limit)));
+  });
+  return {
+    collection,
+    filter: (inputValue) => {
+      if (!filter) return;
+      const filtered = create(initialItems).filter((itemString) => filter(itemString, inputValue));
+      setCollection(filtered);
+    },
+    set: useEvent((items) => {
+      setCollection(create(items));
+    }),
+    reset: useEvent(() => {
+      setCollection(create(initialItems));
+    }),
+    clear: useEvent(() => {
+      setCollection(create([]));
+    }),
+    insert: useEvent((index, ...items) => {
+      setCollection(collection.insert(index, ...items));
+    }),
+    insertBefore: useEvent((value, ...items) => {
+      setCollection(collection.insertBefore(value, ...items));
+    }),
+    insertAfter: useEvent((value, ...items) => {
+      setCollection(collection.insertAfter(value, ...items));
+    }),
+    remove: useEvent((...itemOrValues) => {
+      setCollection(collection.remove(...itemOrValues));
+    }),
+    move: useEvent((value, to) => {
+      setCollection(collection.move(value, to));
+    }),
+    moveBefore: useEvent((value, ...values) => {
+      setCollection(collection.moveBefore(value, ...values));
+    }),
+    moveAfter: useEvent((value, ...values) => {
+      setCollection(collection.moveAfter(value, ...values));
+    }),
+    reorder: useEvent((from, to) => {
+      setCollection(collection.reorder(from, to));
+    }),
+    append: useEvent((...items) => {
+      setCollection(collection.append(...items));
+    }),
+    prepend: useEvent((...items) => {
+      setCollection(collection.prepend(...items));
+    }),
+    update: useEvent((value, item) => {
+      setCollection(collection.update(value, item));
+    })
+  };
+}
+
+export { useListCollection };

package/dist/components/combobox/index.cjs

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const collection = require('../collection.cjs');
+const listCollection = require('../collection/list-collection.cjs');
+const useListCollection = require('../collection/use-list-collection.cjs');
 const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
 const comboboxContent = require('./combobox-content.cjs');
 const comboboxContext = require('./combobox-context.cjs');
@@ -28,7 +29,8 @@ const combobox = require('@zag-js/combobox');
 
 
 
-exports.createListCollection = collection.createListCollection;
+exports.createListCollection = listCollection.createListCollection;
+exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxContext = comboboxContext.ComboboxContext;

package/dist/components/combobox/index.d.cts

@@ -1,5 +1,5 @@
-export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, SelectionDetails as ComboboxSelectionDetails, } from '@zag-js/combobox';
-export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, SelectionDetails as ComboboxSelectionDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
+export { createListCollection, useListCollection, type CollectionItem, type ListCollection, type UseListCollectionProps, } from '../collection';
 export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger';
 export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content';
 export { ComboboxContext, type ComboboxContextProps } from './combobox-context';

package/dist/components/combobox/index.d.ts

@@ -1,5 +1,5 @@
-export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails, SelectionDetails as ComboboxSelectionDetails, } from '@zag-js/combobox';
-export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, SelectionDetails as ComboboxSelectionDetails, ValueChangeDetails as ComboboxValueChangeDetails, } from '@zag-js/combobox';
+export { createListCollection, useListCollection, type CollectionItem, type ListCollection, type UseListCollectionProps, } from '../collection';
 export { ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger';
 export { ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps } from './combobox-content';
 export { ComboboxContext, type ComboboxContextProps } from './combobox-context';

package/dist/components/combobox/index.js

@@ -1,4 +1,5 @@
-export { createListCollection } from '../collection.js';
+export { createListCollection } from '../collection/list-collection.js';
+export { useListCollection } from '../collection/use-list-collection.js';
 export { ComboboxClearTrigger } from './combobox-clear-trigger.js';
 export { ComboboxContent } from './combobox-content.js';
 export { ComboboxContext } from './combobox-context.js';

package/dist/components/index.cjs

@@ -119,7 +119,9 @@ const colorPicker_anatomy = require('./color-picker/color-picker.anatomy.cjs');
 const useColorPicker = require('./color-picker/use-color-picker.cjs');
 const useColorPickerContext = require('./color-picker/use-color-picker-context.cjs');
 const colorPicker$1 = require('./color-picker/color-picker.cjs');
-const collection = require('./collection.cjs');
+const listCollection = require('./collection/list-collection.cjs');
+const treeCollection = require('./collection/tree-collection.cjs');
+const useListCollection = require('./collection/use-list-collection.cjs');
 const comboboxClearTrigger = require('./combobox/combobox-clear-trigger.cjs');
 const comboboxContent = require('./combobox/combobox-content.cjs');
 const comboboxContext = require('./combobox/combobox-context.cjs');
@@ -664,6 +666,8 @@ const treeViewRoot = require('./tree-view/tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view/tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view/tree-view-tree.cjs');
 const useTreeView = require('./tree-view/use-tree-view.cjs');
+const useTreeViewContext = require('./tree-view/use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./tree-view/use-tree-view-node-context.cjs');
 const treeView$1 = require('./tree-view/tree-view.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
@@ -825,9 +829,10 @@ exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
-exports.createFileTreeCollection = collection.createFileTreeCollection;
-exports.createListCollection = collection.createListCollection;
-exports.createTreeCollection = collection.createTreeCollection;
+exports.createListCollection = listCollection.createListCollection;
+exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
+exports.createTreeCollection = treeCollection.createTreeCollection;
+exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
@@ -1380,6 +1385,8 @@ exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
+exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
+exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView$1;
 Object.defineProperty(exports, "accordionAnatomy", {
 	enumerable: true,

package/dist/components/index.js

@@ -123,7 +123,9 @@ export { useColorPicker } from './color-picker/use-color-picker.js';
 export { useColorPickerContext } from './color-picker/use-color-picker-context.js';
 import * as colorPicker from './color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
-export { createFileTreeCollection, createListCollection, createTreeCollection } from './collection.js';
+export { createListCollection } from './collection/list-collection.js';
+export { createFileTreeCollection, createTreeCollection } from './collection/tree-collection.js';
+export { useListCollection } from './collection/use-list-collection.js';
 export { ComboboxClearTrigger } from './combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './combobox/combobox-content.js';
 export { ComboboxContext } from './combobox/combobox-context.js';
@@ -705,6 +707,8 @@ export { TreeViewRoot } from './tree-view/tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view/tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view/tree-view-tree.js';
 export { useTreeView } from './tree-view/use-tree-view.js';
+export { useTreeViewContext } from './tree-view/use-tree-view-context.js';
+export { useTreeViewNodeContext } from './tree-view/use-tree-view-node-context.js';
 import * as treeView from './tree-view/tree-view.js';
 export { treeView as TreeView };
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/dist/components/listbox/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const collection = require('../collection.cjs');
+const listCollection = require('../collection/list-collection.cjs');
 const listboxContent = require('./listbox-content.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
@@ -22,7 +22,7 @@ const listbox = require('@zag-js/listbox');
 
 
 
-exports.createListCollection = collection.createListCollection;
+exports.createListCollection = listCollection.createListCollection;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;

package/dist/components/listbox/index.js

@@ -1,4 +1,4 @@
-export { createListCollection } from '../collection.js';
+export { createListCollection } from '../collection/list-collection.js';
 export { ListboxContent } from './listbox-content.js';
 export { ListboxInput } from './listbox-input.js';
 export { ListboxItem } from './listbox-item.js';

package/dist/components/progress/index.d.cts

@@ -1,3 +1,4 @@
+export type { ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails as ProgressValueTranslationDetails, } from '@zag-js/progress';
 export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle';
 export { ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, } from './progress-circle-track';

package/dist/components/progress/index.d.ts

@@ -1,3 +1,4 @@
+export type { ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails as ProgressValueTranslationDetails, } from '@zag-js/progress';
 export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle';
 export { ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, } from './progress-circle-track';

package/dist/components/progress/progress.d.cts

@@ -1,3 +1,4 @@
+export type { ValueChangeDetails, ValueTranslationDetails } from '@zag-js/progress';
 export { ProgressCircle as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, } from './progress-circle';
 export { ProgressCircleRange as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track';

package/dist/components/progress/progress.d.ts

@@ -1,3 +1,4 @@
+export type { ValueChangeDetails, ValueTranslationDetails } from '@zag-js/progress';
 export { ProgressCircle as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, } from './progress-circle';
 export { ProgressCircleRange as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track';

package/dist/components/select/index.cjs

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const collection = require('../collection.cjs');
+const listCollection = require('../collection/list-collection.cjs');
+const useListCollection = require('../collection/use-list-collection.cjs');
 const selectClearTrigger = require('./select-clear-trigger.cjs');
 const selectContent = require('./select-content.cjs');
 const selectContext = require('./select-context.cjs');
@@ -30,7 +31,8 @@ const select = require('@zag-js/select');
 
 
 
-exports.createListCollection = collection.createListCollection;
+exports.createListCollection = listCollection.createListCollection;
+exports.useListCollection = useListCollection.useListCollection;
 exports.SelectClearTrigger = selectClearTrigger.SelectClearTrigger;
 exports.SelectContent = selectContent.SelectContent;
 exports.SelectContext = selectContext.SelectContext;

package/dist/components/select/index.d.cts

@@ -1,5 +1,5 @@
 export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
-export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger';
 export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content';
 export { SelectContext, type SelectContextProps } from './select-context';

package/dist/components/select/index.d.ts

@@ -1,5 +1,5 @@
 export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
-export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
+export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger';
 export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content';
 export { SelectContext, type SelectContextProps } from './select-context';

package/dist/components/select/index.js

@@ -1,4 +1,5 @@
-export { createListCollection } from '../collection.js';
+export { createListCollection } from '../collection/list-collection.js';
+export { useListCollection } from '../collection/use-list-collection.js';
 export { SelectClearTrigger } from './select-clear-trigger.js';
 export { SelectContent } from './select-content.js';
 export { SelectContext } from './select-context.js';

package/dist/components/tree-view/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const collection = require('../collection.cjs');
+const treeCollection = require('../collection/tree-collection.cjs');
 const treeViewBranch = require('./tree-view-branch.cjs');
 const treeViewBranchContent = require('./tree-view-branch-content.cjs');
 const treeViewBranchControl = require('./tree-view-branch-control.cjs');
@@ -21,13 +21,15 @@ const treeViewRoot = require('./tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
 const useTreeView = require('./use-tree-view.cjs');
+const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const treeView$1 = require('./tree-view.cjs');
 const treeView = require('@zag-js/tree-view');
 
 
 
-exports.createFileTreeCollection = collection.createFileTreeCollection;
-exports.createTreeCollection = collection.createTreeCollection;
+exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
+exports.createTreeCollection = treeCollection.createTreeCollection;
 exports.TreeViewBranch = treeViewBranch.TreeViewBranch;
 exports.TreeViewBranchContent = treeViewBranchContent.TreeViewBranchContent;
 exports.TreeViewBranchControl = treeViewBranchControl.TreeViewBranchControl;
@@ -46,6 +48,8 @@ exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
+exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
+exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView$1;
 Object.defineProperty(exports, "treeViewAnatomy", {
   enumerable: true,

package/dist/components/tree-view/index.d.cts

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -19,4 +19,6 @@ export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeView
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
+export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context';
 export * as TreeView from './tree-view';

package/dist/components/tree-view/index.d.ts

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
@@ -19,4 +19,6 @@ export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeView
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
+export { useTreeViewNodeContext, type UseTreeViewNodeContext } from './use-tree-view-node-context';
 export * as TreeView from './tree-view';

package/dist/components/tree-view/index.js

@@ -1,4 +1,4 @@
-export { createFileTreeCollection, createTreeCollection } from '../collection.js';
+export { createFileTreeCollection, createTreeCollection } from '../collection/tree-collection.js';
 export { TreeViewBranch } from './tree-view-branch.js';
 export { TreeViewBranchContent } from './tree-view-branch-content.js';
 export { TreeViewBranchControl } from './tree-view-branch-control.js';
@@ -17,6 +17,8 @@ export { TreeViewRoot } from './tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view-tree.js';
 export { useTreeView } from './use-tree-view.js';
+export { useTreeViewContext } from './use-tree-view-context.js';
+export { useTreeViewNodeContext } from './use-tree-view-node-context.js';
 import * as treeView from './tree-view.js';
 export { treeView as TreeView };
 export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

package/dist/components/tree-view/tree-view-branch.cjs

@@ -9,20 +9,21 @@ const react = require('react');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
 const TreeViewBranch = react.forwardRef((props, ref) => {
   const treeView = useTreeViewContext.useTreeViewContext();
   const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+  const nodeState = useTreeViewNodeContext.useTreeViewNodeContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
-  const node = treeView.getNodeState(nodeProps);
   const mergedProps = react$1.mergeProps(treeView.getBranchProps(nodeProps), props);
   const branchContentProps = treeView.getBranchContentProps(nodeProps);
   return /* @__PURE__ */ jsxRuntime.jsx(
     collapsibleRoot.CollapsibleRoot,
     {
       ref,
-      open: node.expanded,
+      open: nodeState.expanded,
       ids: { content: branchContentProps.id },
       ...renderStrategyProps,
       ...mergedProps

package/dist/components/tree-view/tree-view-branch.js

@@ -5,20 +5,21 @@ import { forwardRef } from 'react';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
 import { useTreeViewContext } from './use-tree-view-context.js';
+import { useTreeViewNodeContext } from './use-tree-view-node-context.js';
 import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
 
 const TreeViewBranch = forwardRef((props, ref) => {
   const treeView = useTreeViewContext();
   const nodeProps = useTreeViewNodePropsContext();
+  const nodeState = useTreeViewNodeContext();
   const renderStrategyProps = useRenderStrategyPropsContext();
-  const node = treeView.getNodeState(nodeProps);
   const mergedProps = mergeProps(treeView.getBranchProps(nodeProps), props);
   const branchContentProps = treeView.getBranchContentProps(nodeProps);
   return /* @__PURE__ */ jsx(
     CollapsibleRoot,
     {
       ref,
-      open: node.expanded,
+      open: nodeState.expanded,
       ids: { content: branchContentProps.id },
       ...renderStrategyProps,
       ...mergedProps

package/dist/components/tree-view/tree-view-node-provider.cjs

@@ -5,11 +5,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const createSplitProps = require('../../utils/create-split-props.cjs');
+const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
 const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
 function TreeViewNodeProvider(props) {
   const [nodeProps, localProps] = createSplitProps.createSplitProps()(props, ["indexPath", "node"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodePropsContext.TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children });
+  const treeView = useTreeViewContext.useTreeViewContext();
+  const nodeState = treeView.getNodeState(nodeProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodeContext.TreeViewNodeStateProvider, { value: nodeState, children: /* @__PURE__ */ jsxRuntime.jsx(useTreeViewNodePropsContext.TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children }) });
 }
 
 exports.TreeViewNodeProvider = TreeViewNodeProvider;

package/dist/components/tree-view/tree-view-node-provider.js

@@ -1,11 +1,15 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { createSplitProps } from '../../utils/create-split-props.js';
+import { useTreeViewContext } from './use-tree-view-context.js';
+import { TreeViewNodeStateProvider } from './use-tree-view-node-context.js';
 import { TreeViewNodePropsProvider } from './use-tree-view-node-props-context.js';
 
 function TreeViewNodeProvider(props) {
   const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
-  return /* @__PURE__ */ jsx(TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children });
+  const treeView = useTreeViewContext();
+  const nodeState = treeView.getNodeState(nodeProps);
+  return /* @__PURE__ */ jsx(TreeViewNodeStateProvider, { value: nodeState, children: /* @__PURE__ */ jsx(TreeViewNodePropsProvider, { value: nodeProps, children: localProps.children }) });
 }
 
 export { TreeViewNodeProvider };

package/dist/components/tree-view/tree-view-root.cjs

@@ -28,7 +28,9 @@ const TreeViewImpl = (props, ref) => {
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead"
+    "typeahead",
+    "loadChildren",
+    "onLoadChildrenComplete"
   ]);
   const treeView = useTreeView.useTreeView(useTreeViewProps);
   const mergedProps = react$1.mergeProps(treeView.getRootProps(), localProps);

package/dist/components/tree-view/tree-view-root.js

@@ -24,7 +24,9 @@ const TreeViewImpl = (props, ref) => {
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead"
+    "typeahead",
+    "loadChildren",
+    "onLoadChildrenComplete"
   ]);
   const treeView = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps(treeView.getRootProps(), localProps);

package/dist/components/tree-view/tree-view.d.cts

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';

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

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails } from '@zag-js/tree-view';
+export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, } from '@zag-js/tree-view';
 export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';

package/dist/components/tree-view/use-tree-view-node-context.cjs

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createContext = require('../../utils/create-context.cjs');
 
-const [TreeViewNodeProvider, useTreeViewNodeContext] = createContext.createContext({
+const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext.createContext({
   name: "TreeViewNodeContext",
   hookName: "useTreeViewNodeContext",
   providerName: "<TreeViewNodeProvider />"
 });
 
-exports.TreeViewNodeProvider = TreeViewNodeProvider;
+exports.TreeViewNodeStateProvider = TreeViewNodeStateProvider;
 exports.useTreeViewNodeContext = useTreeViewNodeContext;

package/dist/components/tree-view/use-tree-view-node-context.d.cts

@@ -2,4 +2,4 @@ import { NodeState } from '@zag-js/tree-view';
 import { Provider } from 'react';
 export interface UseTreeViewNodeContext extends NodeState {
 }
-export declare const TreeViewNodeProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;
+export declare const TreeViewNodeStateProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;

package/dist/components/tree-view/use-tree-view-node-context.d.ts

@@ -2,4 +2,4 @@ import { NodeState } from '@zag-js/tree-view';
 import { Provider } from 'react';
 export interface UseTreeViewNodeContext extends NodeState {
 }
-export declare const TreeViewNodeProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;
+export declare const TreeViewNodeStateProvider: Provider<UseTreeViewNodeContext>, useTreeViewNodeContext: () => UseTreeViewNodeContext;

package/dist/components/tree-view/use-tree-view-node-context.js

@@ -1,10 +1,10 @@
 'use client';
 import { createContext } from '../../utils/create-context.js';
 
-const [TreeViewNodeProvider, useTreeViewNodeContext] = createContext({
+const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext({
   name: "TreeViewNodeContext",
   hookName: "useTreeViewNodeContext",
   providerName: "<TreeViewNodeProvider />"
 });
 
-export { TreeViewNodeProvider, useTreeViewNodeContext };
+export { TreeViewNodeStateProvider, useTreeViewNodeContext };

package/dist/index.cjs

@@ -119,7 +119,9 @@ const colorPicker_anatomy = require('./components/color-picker/color-picker.anat
 const useColorPicker = require('./components/color-picker/use-color-picker.cjs');
 const useColorPickerContext = require('./components/color-picker/use-color-picker-context.cjs');
 const colorPicker$1 = require('./components/color-picker/color-picker.cjs');
-const collection = require('./components/collection.cjs');
+const listCollection = require('./components/collection/list-collection.cjs');
+const treeCollection = require('./components/collection/tree-collection.cjs');
+const useListCollection = require('./components/collection/use-list-collection.cjs');
 const comboboxClearTrigger = require('./components/combobox/combobox-clear-trigger.cjs');
 const comboboxContent = require('./components/combobox/combobox-content.cjs');
 const comboboxContext = require('./components/combobox/combobox-context.cjs');
@@ -664,6 +666,8 @@ const treeViewRoot = require('./components/tree-view/tree-view-root.cjs');
 const treeViewRootProvider = require('./components/tree-view/tree-view-root-provider.cjs');
 const treeViewTree = require('./components/tree-view/tree-view-tree.cjs');
 const useTreeView = require('./components/tree-view/use-tree-view.cjs');
+const useTreeViewContext = require('./components/tree-view/use-tree-view-context.cjs');
+const useTreeViewNodeContext = require('./components/tree-view/use-tree-view-node-context.cjs');
 const treeView$1 = require('./components/tree-view/tree-view.cjs');
 const environmentProvider = require('./providers/environment/environment-provider.cjs');
 const useEnvironmentContext = require('./providers/environment/use-environment-context.cjs');
@@ -830,9 +834,10 @@ exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
-exports.createFileTreeCollection = collection.createFileTreeCollection;
-exports.createListCollection = collection.createListCollection;
-exports.createTreeCollection = collection.createTreeCollection;
+exports.createListCollection = listCollection.createListCollection;
+exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
+exports.createTreeCollection = treeCollection.createTreeCollection;
+exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
@@ -1385,6 +1390,8 @@ exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
+exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
+exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
 exports.TreeView = treeView$1;
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;

package/dist/index.js

@@ -123,7 +123,9 @@ export { useColorPicker } from './components/color-picker/use-color-picker.js';
 export { useColorPickerContext } from './components/color-picker/use-color-picker-context.js';
 import * as colorPicker from './components/color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
-export { createFileTreeCollection, createListCollection, createTreeCollection } from './components/collection.js';
+export { createListCollection } from './components/collection/list-collection.js';
+export { createFileTreeCollection, createTreeCollection } from './components/collection/tree-collection.js';
+export { useListCollection } from './components/collection/use-list-collection.js';
 export { ComboboxClearTrigger } from './components/combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './components/combobox/combobox-content.js';
 export { ComboboxContext } from './components/combobox/combobox-context.js';
@@ -705,6 +707,8 @@ export { TreeViewRoot } from './components/tree-view/tree-view-root.js';
 export { TreeViewRootProvider } from './components/tree-view/tree-view-root-provider.js';
 export { TreeViewTree } from './components/tree-view/tree-view-tree.js';
 export { useTreeView } from './components/tree-view/use-tree-view.js';
+export { useTreeViewContext } from './components/tree-view/use-tree-view-context.js';
+export { useTreeViewNodeContext } from './components/tree-view/use-tree-view-node-context.js';
 import * as treeView from './components/tree-view/tree-view.js';
 export { treeView as TreeView };
 export { EnvironmentProvider } from './providers/environment/environment-provider.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.11.0",
+  "version": "5.13.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -151,63 +151,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.1",
-    "@zag-js/accordion": "1.14.0",
-    "@zag-js/angle-slider": "1.14.0",
-    "@zag-js/anatomy": "1.14.0",
-    "@zag-js/auto-resize": "1.14.0",
-    "@zag-js/avatar": "1.14.0",
-    "@zag-js/carousel": "1.14.0",
-    "@zag-js/checkbox": "1.14.0",
-    "@zag-js/clipboard": "1.14.0",
-    "@zag-js/collapsible": "1.14.0",
-    "@zag-js/collection": "1.14.0",
-    "@zag-js/color-picker": "1.14.0",
-    "@zag-js/color-utils": "1.14.0",
-    "@zag-js/combobox": "1.14.0",
-    "@zag-js/core": "1.14.0",
-    "@zag-js/date-picker": "1.14.0",
-    "@zag-js/date-utils": "1.14.0",
-    "@zag-js/dialog": "1.14.0",
-    "@zag-js/dom-query": "1.14.0",
-    "@zag-js/editable": "1.14.0",
-    "@zag-js/file-upload": "1.14.0",
-    "@zag-js/file-utils": "1.14.0",
-    "@zag-js/focus-trap": "1.14.0",
-    "@zag-js/floating-panel": "1.14.0",
-    "@zag-js/highlight-word": "1.14.0",
-    "@zag-js/hover-card": "1.14.0",
-    "@zag-js/i18n-utils": "1.14.0",
-    "@zag-js/listbox": "1.14.0",
-    "@zag-js/menu": "1.14.0",
-    "@zag-js/number-input": "1.14.0",
-    "@zag-js/pagination": "1.14.0",
-    "@zag-js/password-input": "1.14.0",
-    "@zag-js/pin-input": "1.14.0",
-    "@zag-js/popover": "1.14.0",
-    "@zag-js/presence": "1.14.0",
-    "@zag-js/progress": "1.14.0",
-    "@zag-js/qr-code": "1.14.0",
-    "@zag-js/radio-group": "1.14.0",
-    "@zag-js/rating-group": "1.14.0",
-    "@zag-js/react": "1.14.0",
-    "@zag-js/select": "1.14.0",
-    "@zag-js/signature-pad": "1.14.0",
-    "@zag-js/slider": "1.14.0",
-    "@zag-js/splitter": "1.14.0",
-    "@zag-js/steps": "1.14.0",
-    "@zag-js/switch": "1.14.0",
-    "@zag-js/tabs": "1.14.0",
-    "@zag-js/tags-input": "1.14.0",
-    "@zag-js/time-picker": "1.14.0",
-    "@zag-js/timer": "1.14.0",
-    "@zag-js/toast": "1.14.0",
-    "@zag-js/toggle": "1.14.0",
-    "@zag-js/toggle-group": "1.14.0",
-    "@zag-js/tooltip": "1.14.0",
-    "@zag-js/tour": "1.14.0",
-    "@zag-js/tree-view": "1.14.0",
-    "@zag-js/types": "1.14.0",
-    "@zag-js/utils": "1.14.0"
+    "@zag-js/accordion": "1.15.0",
+    "@zag-js/angle-slider": "1.15.0",
+    "@zag-js/anatomy": "1.15.0",
+    "@zag-js/auto-resize": "1.15.0",
+    "@zag-js/avatar": "1.15.0",
+    "@zag-js/carousel": "1.15.0",
+    "@zag-js/checkbox": "1.15.0",
+    "@zag-js/clipboard": "1.15.0",
+    "@zag-js/collapsible": "1.15.0",
+    "@zag-js/collection": "1.15.0",
+    "@zag-js/color-picker": "1.15.0",
+    "@zag-js/color-utils": "1.15.0",
+    "@zag-js/combobox": "1.15.0",
+    "@zag-js/core": "1.15.0",
+    "@zag-js/date-picker": "1.15.0",
+    "@zag-js/date-utils": "1.15.0",
+    "@zag-js/dialog": "1.15.0",
+    "@zag-js/dom-query": "1.15.0",
+    "@zag-js/editable": "1.15.0",
+    "@zag-js/file-upload": "1.15.0",
+    "@zag-js/file-utils": "1.15.0",
+    "@zag-js/focus-trap": "1.15.0",
+    "@zag-js/floating-panel": "1.15.0",
+    "@zag-js/highlight-word": "1.15.0",
+    "@zag-js/hover-card": "1.15.0",
+    "@zag-js/i18n-utils": "1.15.0",
+    "@zag-js/listbox": "1.15.0",
+    "@zag-js/menu": "1.15.0",
+    "@zag-js/number-input": "1.15.0",
+    "@zag-js/pagination": "1.15.0",
+    "@zag-js/password-input": "1.15.0",
+    "@zag-js/pin-input": "1.15.0",
+    "@zag-js/popover": "1.15.0",
+    "@zag-js/presence": "1.15.0",
+    "@zag-js/progress": "1.15.0",
+    "@zag-js/qr-code": "1.15.0",
+    "@zag-js/radio-group": "1.15.0",
+    "@zag-js/rating-group": "1.15.0",
+    "@zag-js/react": "1.15.0",
+    "@zag-js/select": "1.15.0",
+    "@zag-js/signature-pad": "1.15.0",
+    "@zag-js/slider": "1.15.0",
+    "@zag-js/splitter": "1.15.0",
+    "@zag-js/steps": "1.15.0",
+    "@zag-js/switch": "1.15.0",
+    "@zag-js/tabs": "1.15.0",
+    "@zag-js/tags-input": "1.15.0",
+    "@zag-js/time-picker": "1.15.0",
+    "@zag-js/timer": "1.15.0",
+    "@zag-js/toast": "1.15.0",
+    "@zag-js/toggle": "1.15.0",
+    "@zag-js/toggle-group": "1.15.0",
+    "@zag-js/tooltip": "1.15.0",
+    "@zag-js/tour": "1.15.0",
+    "@zag-js/tree-view": "1.15.0",
+    "@zag-js/types": "1.15.0",
+    "@zag-js/utils": "1.15.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -223,7 +223,7 @@
     "@types/react": "19.1.6",
     "@types/react-dom": "19.1.5",
     "@vitejs/plugin-react": "4.5.0",
-    "@zag-js/stringify-state": "1.14.0",
+    "@zag-js/stringify-state": "1.15.0",
     "clean-package": "2.2.0",
     "globby": "14.1.0",
     "happy-dom": "17.4.6",

package/dist/components/collection.d.cts

@@ -1,6 +0,0 @@
-import { CollectionItem, CollectionOptions, FilePathTreeNode, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
-export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
-export type { TreeCollection, TreeNode } from '@zag-js/collection';
-export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
-export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
-export type { CollectionItem, ListCollection, SelectionMode, CollectionOptions, TreeCollectionOptions, GridCollectionOptions, } from '@zag-js/collection';

package/dist/components/collection.d.ts

@@ -1,6 +0,0 @@
-import { CollectionItem, CollectionOptions, FilePathTreeNode, ListCollection, TreeCollection, TreeCollectionOptions, TreeNode } from '@zag-js/collection';
-export declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
-export type { TreeCollection, TreeNode } from '@zag-js/collection';
-export declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
-export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
-export type { CollectionItem, ListCollection, SelectionMode, CollectionOptions, TreeCollectionOptions, GridCollectionOptions, } from '@zag-js/collection';

package/dist/components/collection.js

@@ -1,7 +0,0 @@
-import { ListCollection, filePathToTree, TreeCollection } from '@zag-js/collection';
-
-const createListCollection = (options) => new ListCollection(options);
-const createTreeCollection = (options) => new TreeCollection(options);
-const createFileTreeCollection = (paths) => filePathToTree(paths);
-
-export { createFileTreeCollection, createListCollection, createTreeCollection };