@ark-ui/react 5.12.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,7 @@ 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');
@@ -826,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;
@@ -1381,6 +1385,7 @@ 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", {

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,7 @@ 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 };

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,14 +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;
@@ -47,6 +48,7 @@ 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", {

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

@@ -19,5 +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

@@ -19,5 +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,7 @@ 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 };

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,7 @@ 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');
@@ -831,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;
@@ -1386,6 +1390,7 @@ 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;

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,7 @@ 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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.12.0",
+  "version": "5.13.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",

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 };