@ark-ui/react 5.20.0 → 5.21.0

package/dist/components/collection/examples/async-list/dependencies.d.cts

@@ -0,0 +1 @@
+export declare const Dependencies: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/dependencies.d.ts

@@ -0,0 +1 @@
+export declare const Dependencies: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/filter.d.cts

@@ -0,0 +1 @@
+export declare const Filter: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/filter.d.ts

@@ -0,0 +1 @@
+export declare const Filter: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/infinite-loading.d.cts

@@ -0,0 +1 @@
+export declare const InfiniteLoading: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/infinite-loading.d.ts

@@ -0,0 +1 @@
+export declare const InfiniteLoading: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/reload.d.cts

@@ -0,0 +1 @@
+export declare const Reload: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/reload.d.ts

@@ -0,0 +1 @@
+export declare const Reload: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/sort-client-side.d.cts

@@ -0,0 +1 @@
+export declare const SortClientSide: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/sort-client-side.d.ts

@@ -0,0 +1 @@
+export declare const SortClientSide: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/sort-server-side.d.cts

@@ -0,0 +1 @@
+export declare const SortServerSide: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/async-list/sort-server-side.d.ts

@@ -0,0 +1 @@
+export declare const SortServerSide: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/list-selection/basic.d.cts

@@ -0,0 +1 @@
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/list-selection/basic.d.ts

@@ -0,0 +1 @@
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/list-selection/multiple.d.cts

@@ -0,0 +1 @@
+export declare const Multiple: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/list-selection/multiple.d.ts

@@ -0,0 +1 @@
+export declare const Multiple: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/list-selection/range.d.cts

@@ -0,0 +1 @@
+export declare const Range: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/examples/list-selection/range.d.ts

@@ -0,0 +1 @@
+export declare const Range: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/collection/index.cjs

@@ -5,6 +5,7 @@ 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 useAsyncList = require('./use-async-list.cjs');
 const useListCollection = require('./use-list-collection.cjs');
 const useListSelection = require('./use-list-selection.cjs');
 
@@ -14,5 +15,6 @@ exports.createGridCollection = gridCollection.createGridCollection;
 exports.createListCollection = listCollection.createListCollection;
 exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
 exports.createTreeCollection = treeCollection.createTreeCollection;
+exports.useAsyncList = useAsyncList.useAsyncList;
 exports.useListCollection = useListCollection.useListCollection;
 exports.useListSelection = useListSelection.useListSelection;

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

@@ -1,5 +1,6 @@
 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 { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list';
 export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
 export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection';

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

@@ -1,5 +1,6 @@
 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 { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list';
 export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
 export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection';

package/dist/components/collection/index.js

@@ -1,5 +1,6 @@
 export { createGridCollection } from './grid-collection.js';
 export { createListCollection } from './list-collection.js';
 export { createFileTreeCollection, createTreeCollection } from './tree-collection.js';
+export { useAsyncList } from './use-async-list.js';
 export { useListCollection } from './use-list-collection.js';
 export { useListSelection } from './use-list-selection.js';

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

@@ -0,0 +1,33 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const asyncList = require('@zag-js/async-list');
+const react = require('@zag-js/react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const asyncList__namespace = /*#__PURE__*/_interopNamespaceDefault(asyncList);
+
+function useAsyncList(props) {
+  const service = react.useMachine(asyncList__namespace.machine, props);
+  return asyncList__namespace.connect(service);
+}
+
+exports.useAsyncList = useAsyncList;

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

@@ -0,0 +1,6 @@
+import * as asyncList from '@zag-js/async-list';
+export interface UseAsyncListProps<T, C = string> extends asyncList.Props<T, C> {
+}
+export interface UseAsyncListReturn<T, C = string> extends asyncList.Api<T, C> {
+}
+export declare function useAsyncList<T, C = string>(props: UseAsyncListProps<T, C>): UseAsyncListReturn<T, C>;

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

@@ -0,0 +1,6 @@
+import * as asyncList from '@zag-js/async-list';
+export interface UseAsyncListProps<T, C = string> extends asyncList.Props<T, C> {
+}
+export interface UseAsyncListReturn<T, C = string> extends asyncList.Api<T, C> {
+}
+export declare function useAsyncList<T, C = string>(props: UseAsyncListProps<T, C>): UseAsyncListReturn<T, C>;

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

@@ -0,0 +1,10 @@
+'use client';
+import * as asyncList from '@zag-js/async-list';
+import { useMachine } from '@zag-js/react';
+
+function useAsyncList(props) {
+  const service = useMachine(asyncList.machine, props);
+  return asyncList.connect(service);
+}
+
+export { useAsyncList };

package/dist/components/fieldset/fieldset-legend.cjs

@@ -12,7 +12,7 @@ const useFieldsetContext = require('./use-fieldset-context.cjs');
 const FieldsetLegend = react.forwardRef((props, ref) => {
   const fieldset = useFieldsetContext.useFieldsetContext();
   const mergedProps = react$1.mergeProps(fieldset.getLegendProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.legend, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 FieldsetLegend.displayName = "FieldsetLegend";
 

package/dist/components/fieldset/fieldset-legend.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FieldsetLegendBaseProps extends PolymorphicProps {
 }
-export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
+export interface FieldsetLegendProps extends HTMLProps<'div'>, FieldsetLegendBaseProps {
 }
-export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLLegendElement>>;
+export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLDivElement>>;

package/dist/components/fieldset/fieldset-legend.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FieldsetLegendBaseProps extends PolymorphicProps {
 }
-export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
+export interface FieldsetLegendProps extends HTMLProps<'div'>, FieldsetLegendBaseProps {
 }
-export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLLegendElement>>;
+export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLDivElement>>;

package/dist/components/fieldset/fieldset-legend.js

@@ -8,7 +8,7 @@ import { useFieldsetContext } from './use-fieldset-context.js';
 const FieldsetLegend = forwardRef((props, ref) => {
   const fieldset = useFieldsetContext();
   const mergedProps = mergeProps(fieldset.getLegendProps(), props);
-  return /* @__PURE__ */ jsx(ark.legend, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 FieldsetLegend.displayName = "FieldsetLegend";
 

package/dist/components/fieldset/use-fieldset.cjs

@@ -17,6 +17,7 @@ const useFieldset = (props = {}) => {
   const uid = react.useId();
   const id = props.id ?? uid;
   const rootRef = react.useRef(null);
+  const legendId = `fieldset::${id}::legend`;
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
   useSafeLayoutEffect.useSafeLayoutEffect(() => {
@@ -46,17 +47,19 @@ const useFieldset = (props = {}) => {
       disabled,
       "data-disabled": domQuery.dataAttr(disabled),
       "data-invalid": domQuery.dataAttr(invalid),
+      "aria-labelledby": legendId,
       "aria-describedby": labelIds
     }),
-    [disabled, invalid, labelIds]
+    [disabled, invalid, legendId, labelIds]
   );
   const getLegendProps = react.useMemo(
     () => () => ({
+      id: legendId,
       ...fieldset_anatomy.parts.legend.attrs,
       "data-disabled": domQuery.dataAttr(disabled),
       "data-invalid": domQuery.dataAttr(invalid)
     }),
-    [disabled, invalid]
+    [legendId, disabled, invalid]
   );
   const getHelperTextProps = react.useMemo(
     () => () => ({

package/dist/components/fieldset/use-fieldset.js

@@ -13,6 +13,7 @@ const useFieldset = (props = {}) => {
   const uid = useId();
   const id = props.id ?? uid;
   const rootRef = useRef(null);
+  const legendId = `fieldset::${id}::legend`;
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
   useSafeLayoutEffect(() => {
@@ -42,17 +43,19 @@ const useFieldset = (props = {}) => {
       disabled,
       "data-disabled": dataAttr(disabled),
       "data-invalid": dataAttr(invalid),
+      "aria-labelledby": legendId,
       "aria-describedby": labelIds
     }),
-    [disabled, invalid, labelIds]
+    [disabled, invalid, legendId, labelIds]
   );
   const getLegendProps = useMemo(
     () => () => ({
+      id: legendId,
       ...parts.legend.attrs,
       "data-disabled": dataAttr(disabled),
       "data-invalid": dataAttr(invalid)
     }),
-    [disabled, invalid]
+    [legendId, disabled, invalid]
   );
   const getHelperTextProps = useMemo(
     () => () => ({

package/dist/components/tabs/tab-content.cjs

@@ -9,7 +9,6 @@ const react = require('react');
 const composeRefs = require('../../utils/compose-refs.cjs');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
-const useDebounce = require('../../utils/use-debounce.cjs');
 const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
@@ -21,7 +20,7 @@ const TabContent = react.forwardRef((props, ref) => {
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({
     ...renderStrategyProps,
-    present: useDebounce.useDebounce(tabs.value === props.value, 0),
+    present: tabs.value === props.value,
     immediate: true
   });
   const mergedProps = react$1.mergeProps(tabs.getContentProps(contentProps), presence.getPresenceProps(), localProps);

package/dist/components/tabs/tab-content.js

@@ -5,7 +5,6 @@ import { forwardRef } from 'react';
 import { composeRefs } from '../../utils/compose-refs.js';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
-import { useDebounce } from '../../utils/use-debounce.js';
 import { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
@@ -17,7 +16,7 @@ const TabContent = forwardRef((props, ref) => {
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({
     ...renderStrategyProps,
-    present: useDebounce(tabs.value === props.value, 0),
+    present: tabs.value === props.value,
     immediate: true
   });
   const mergedProps = mergeProps(tabs.getContentProps(contentProps), presence.getPresenceProps(), localProps);

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

@@ -1,3 +1,4 @@
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
 export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger';

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

@@ -1,3 +1,4 @@
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
 export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger';

package/dist/index.cjs

@@ -693,6 +693,7 @@ 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');
 const localeProvider = require('./providers/locale/locale-provider.cjs');
+const useCollator = require('./providers/locale/use-collator.cjs');
 const useFilter = require('./providers/locale/use-filter.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
 const accordion = require('@zag-js/accordion');
@@ -1439,6 +1440,7 @@ exports.TreeView = treeView$1;
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
+exports.useCollator = useCollator.useCollator;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;
 Object.defineProperty(exports, "accordionAnatomy", {

package/dist/index.js

@@ -737,6 +737,7 @@ export { treeView as TreeView };
 export { EnvironmentProvider } from './providers/environment/environment-provider.js';
 export { useEnvironmentContext } from './providers/environment/use-environment-context.js';
 export { LocaleProvider } from './providers/locale/locale-provider.js';
+export { useCollator } from './providers/locale/use-collator.js';
 export { useFilter } from './providers/locale/use-filter.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/dist/providers/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const environmentProvider = require('./environment/environment-provider.cjs');
 const useEnvironmentContext = require('./environment/use-environment-context.cjs');
 const localeProvider = require('./locale/locale-provider.cjs');
+const useCollator = require('./locale/use-collator.cjs');
 const useFilter = require('./locale/use-filter.cjs');
 const useLocaleContext = require('./locale/use-locale-context.cjs');
 
@@ -13,5 +14,6 @@ const useLocaleContext = require('./locale/use-locale-context.cjs');
 exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
+exports.useCollator = useCollator.useCollator;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/index.js

@@ -1,5 +1,6 @@
 export { EnvironmentProvider } from './environment/environment-provider.js';
 export { useEnvironmentContext } from './environment/use-environment-context.js';
 export { LocaleProvider } from './locale/locale-provider.js';
+export { useCollator } from './locale/use-collator.js';
 export { useFilter } from './locale/use-filter.js';
 export { useLocaleContext } from './locale/use-locale-context.js';

package/dist/providers/locale/index.cjs

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const localeProvider = require('./locale-provider.cjs');
+const useCollator = require('./use-collator.cjs');
 const useFilter = require('./use-filter.cjs');
 const useLocaleContext = require('./use-locale-context.cjs');
 
 
 
 exports.LocaleProvider = localeProvider.LocaleProvider;
+exports.useCollator = useCollator.useCollator;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/locale/index.d.cts

@@ -1,3 +1,4 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
+export { useCollator, type UseCollatorProps } from './use-collator';
 export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.d.ts

@@ -1,3 +1,4 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
+export { useCollator, type UseCollatorProps } from './use-collator';
 export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.js

@@ -1,3 +1,4 @@
 export { LocaleProvider } from './locale-provider.js';
+export { useCollator } from './use-collator.js';
 export { useFilter } from './use-filter.js';
 export { useLocaleContext } from './use-locale-context.js';

package/dist/providers/locale/use-collator.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const i18nUtils = require('@zag-js/i18n-utils');
+const useLocaleContext = require('./use-locale-context.cjs');
+const react = require('react');
+
+function useCollator(props = {}) {
+  const env = useLocaleContext.useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return react.useMemo(() => {
+    const { locale: _, ...options } = props;
+    return i18nUtils.createCollator(locale, options);
+  }, [locale, props]);
+}
+
+exports.useCollator = useCollator;

package/dist/providers/locale/use-collator.d.cts

@@ -0,0 +1,4 @@
+export interface UseCollatorProps extends Intl.CollatorOptions {
+    locale?: string;
+}
+export declare function useCollator(props?: UseCollatorProps): Intl.Collator;

package/dist/providers/locale/use-collator.d.ts

@@ -0,0 +1,4 @@
+export interface UseCollatorProps extends Intl.CollatorOptions {
+    locale?: string;
+}
+export declare function useCollator(props?: UseCollatorProps): Intl.Collator;

package/dist/providers/locale/use-collator.js

@@ -0,0 +1,15 @@
+'use client';
+import { createCollator } from '@zag-js/i18n-utils';
+import { useLocaleContext } from './use-locale-context.js';
+import { useMemo } from 'react';
+
+function useCollator(props = {}) {
+  const env = useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return useMemo(() => {
+    const { locale: _, ...options } = props;
+    return createCollator(locale, options);
+  }, [locale, props]);
+}
+
+export { useCollator };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.20.0",
+  "version": "5.21.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,65 +141,66 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.21.7",
-    "@zag-js/anatomy": "1.21.7",
-    "@zag-js/angle-slider": "1.21.7",
-    "@zag-js/auto-resize": "1.21.7",
-    "@zag-js/avatar": "1.21.7",
-    "@zag-js/carousel": "1.21.7",
-    "@zag-js/checkbox": "1.21.7",
-    "@zag-js/clipboard": "1.21.7",
-    "@zag-js/collapsible": "1.21.7",
-    "@zag-js/collection": "1.21.7",
-    "@zag-js/color-picker": "1.21.7",
-    "@zag-js/color-utils": "1.21.7",
-    "@zag-js/combobox": "1.21.7",
-    "@zag-js/core": "1.21.7",
-    "@zag-js/date-picker": "1.21.7",
-    "@zag-js/date-utils": "1.21.7",
-    "@zag-js/dialog": "1.21.7",
-    "@zag-js/dom-query": "1.21.7",
-    "@zag-js/editable": "1.21.7",
-    "@zag-js/file-upload": "1.21.7",
-    "@zag-js/file-utils": "1.21.7",
-    "@zag-js/floating-panel": "1.21.7",
-    "@zag-js/focus-trap": "1.21.7",
-    "@zag-js/highlight-word": "1.21.7",
-    "@zag-js/hover-card": "1.21.7",
-    "@zag-js/i18n-utils": "1.21.7",
-    "@zag-js/json-tree-utils": "1.21.7",
-    "@zag-js/listbox": "1.21.7",
-    "@zag-js/menu": "1.21.7",
-    "@zag-js/number-input": "1.21.7",
-    "@zag-js/pagination": "1.21.7",
-    "@zag-js/password-input": "1.21.7",
-    "@zag-js/pin-input": "1.21.7",
-    "@zag-js/popover": "1.21.7",
-    "@zag-js/presence": "1.21.7",
-    "@zag-js/progress": "1.21.7",
-    "@zag-js/qr-code": "1.21.7",
-    "@zag-js/radio-group": "1.21.7",
-    "@zag-js/rating-group": "1.21.7",
-    "@zag-js/react": "1.21.7",
-    "@zag-js/scroll-area": "1.21.7",
-    "@zag-js/select": "1.21.7",
-    "@zag-js/signature-pad": "1.21.7",
-    "@zag-js/slider": "1.21.7",
-    "@zag-js/splitter": "1.21.7",
-    "@zag-js/steps": "1.21.7",
-    "@zag-js/switch": "1.21.7",
-    "@zag-js/tabs": "1.21.7",
-    "@zag-js/tags-input": "1.21.7",
-    "@zag-js/time-picker": "1.21.7",
-    "@zag-js/timer": "1.21.7",
-    "@zag-js/toast": "1.21.7",
-    "@zag-js/toggle": "1.21.7",
-    "@zag-js/toggle-group": "1.21.7",
-    "@zag-js/tooltip": "1.21.7",
-    "@zag-js/tour": "1.21.7",
-    "@zag-js/tree-view": "1.21.7",
-    "@zag-js/types": "1.21.7",
-    "@zag-js/utils": "1.21.7"
+    "@zag-js/accordion": "1.21.9",
+    "@zag-js/anatomy": "1.21.9",
+    "@zag-js/angle-slider": "1.21.9",
+    "@zag-js/async-list": "1.21.9",
+    "@zag-js/auto-resize": "1.21.9",
+    "@zag-js/avatar": "1.21.9",
+    "@zag-js/carousel": "1.21.9",
+    "@zag-js/checkbox": "1.21.9",
+    "@zag-js/clipboard": "1.21.9",
+    "@zag-js/collapsible": "1.21.9",
+    "@zag-js/collection": "1.21.9",
+    "@zag-js/color-picker": "1.21.9",
+    "@zag-js/color-utils": "1.21.9",
+    "@zag-js/combobox": "1.21.9",
+    "@zag-js/core": "1.21.9",
+    "@zag-js/date-picker": "1.21.9",
+    "@zag-js/date-utils": "1.21.9",
+    "@zag-js/dialog": "1.21.9",
+    "@zag-js/dom-query": "1.21.9",
+    "@zag-js/editable": "1.21.9",
+    "@zag-js/file-upload": "1.21.9",
+    "@zag-js/file-utils": "1.21.9",
+    "@zag-js/floating-panel": "1.21.9",
+    "@zag-js/focus-trap": "1.21.9",
+    "@zag-js/highlight-word": "1.21.9",
+    "@zag-js/hover-card": "1.21.9",
+    "@zag-js/i18n-utils": "1.21.9",
+    "@zag-js/json-tree-utils": "1.21.9",
+    "@zag-js/listbox": "1.21.9",
+    "@zag-js/menu": "1.21.9",
+    "@zag-js/number-input": "1.21.9",
+    "@zag-js/pagination": "1.21.9",
+    "@zag-js/password-input": "1.21.9",
+    "@zag-js/pin-input": "1.21.9",
+    "@zag-js/popover": "1.21.9",
+    "@zag-js/presence": "1.21.9",
+    "@zag-js/progress": "1.21.9",
+    "@zag-js/qr-code": "1.21.9",
+    "@zag-js/radio-group": "1.21.9",
+    "@zag-js/rating-group": "1.21.9",
+    "@zag-js/react": "1.21.9",
+    "@zag-js/scroll-area": "1.21.9",
+    "@zag-js/select": "1.21.9",
+    "@zag-js/signature-pad": "1.21.9",
+    "@zag-js/slider": "1.21.9",
+    "@zag-js/splitter": "1.21.9",
+    "@zag-js/steps": "1.21.9",
+    "@zag-js/switch": "1.21.9",
+    "@zag-js/tabs": "1.21.9",
+    "@zag-js/tags-input": "1.21.9",
+    "@zag-js/time-picker": "1.21.9",
+    "@zag-js/timer": "1.21.9",
+    "@zag-js/toast": "1.21.9",
+    "@zag-js/toggle": "1.21.9",
+    "@zag-js/toggle-group": "1.21.9",
+    "@zag-js/tooltip": "1.21.9",
+    "@zag-js/tour": "1.21.9",
+    "@zag-js/tree-view": "1.21.9",
+    "@zag-js/types": "1.21.9",
+    "@zag-js/utils": "1.21.9"
   },
   "devDependencies": {
     "@biomejs/biome": "2.2.0",

package/dist/utils/use-debounce.cjs

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = react.useState(value);
-  react.useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-
-exports.useDebounce = useDebounce;

package/dist/utils/use-debounce.js

@@ -1,17 +0,0 @@
-'use client';
-import { useState, useEffect } from 'react';
-
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-
-export { useDebounce };