@ark-ui/react 5.6.0 → 5.8.0

package/dist/components/listbox/listbox-value-text.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useListboxContext } from './use-listbox-context.js';
+
+const ListboxValueText = forwardRef((props, ref) => {
+  const { children, placeholder, ...localprops } = props;
+  const listbox = useListboxContext();
+  const mergedProps = mergeProps(listbox.getValueTextProps(), localprops);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || listbox.valueAsString || placeholder });
+});
+ListboxValueText.displayName = "ListboxValueText";
+
+export { ListboxValueText };

package/dist/components/listbox/listbox.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as listboxAnatomy } from '@zag-js/listbox';

package/dist/components/listbox/listbox.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as listboxAnatomy } from '@zag-js/listbox';

package/dist/components/listbox/listbox.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const listboxContent = require('./listbox-content.cjs');
+const listboxInput = require('./listbox-input.cjs');
+const listboxItem = require('./listbox-item.cjs');
+const listboxItemGroup = require('./listbox-item-group.cjs');
+const listboxItemGroupLabel = require('./listbox-item-group-label.cjs');
+const listboxItemIndicator = require('./listbox-item-indicator.cjs');
+const listboxItemText = require('./listbox-item-text.cjs');
+const listboxLabel = require('./listbox-label.cjs');
+const listboxRoot = require('./listbox-root.cjs');
+const listboxRootProvider = require('./listbox-root-provider.cjs');
+const listboxValueText = require('./listbox-value-text.cjs');
+
+
+
+exports.Content = listboxContent.ListboxContent;
+exports.Input = listboxInput.ListboxInput;
+exports.Item = listboxItem.ListboxItem;
+exports.ItemGroup = listboxItemGroup.ListboxItemGroup;
+exports.ItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
+exports.ItemIndicator = listboxItemIndicator.ListboxItemIndicator;
+exports.ItemText = listboxItemText.ListboxItemText;
+exports.Label = listboxLabel.ListboxLabel;
+exports.Root = listboxRoot.ListboxRoot;
+exports.RootProvider = listboxRootProvider.ListboxRootProvider;
+exports.ValueText = listboxValueText.ListboxValueText;

package/dist/components/listbox/listbox.d.cts

@@ -0,0 +1,12 @@
+export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
+export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
+export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
+export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
+export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group';
+export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label';
+export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
+export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, } from './listbox-item-text';
+export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label';
+export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, } from './listbox-root';
+export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, } from './listbox-root-provider';
+export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text';

package/dist/components/listbox/listbox.d.ts

@@ -0,0 +1,12 @@
+export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
+export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
+export { ListboxInput as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input';
+export { ListboxItem as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item';
+export { ListboxItemGroup as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group';
+export { ListboxItemGroupLabel as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label';
+export { ListboxItemIndicator as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator';
+export { ListboxItemText as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps, type ListboxItemTextProps as ItemTextProps, } from './listbox-item-text';
+export { ListboxLabel as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label';
+export { ListboxRoot as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootProps as RootProps, } from './listbox-root';
+export { ListboxRootProvider as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, } from './listbox-root-provider';
+export { ListboxValueText as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text';

package/dist/components/listbox/listbox.js

@@ -0,0 +1,11 @@
+export { ListboxContent as Content } from './listbox-content.js';
+export { ListboxInput as Input } from './listbox-input.js';
+export { ListboxItem as Item } from './listbox-item.js';
+export { ListboxItemGroup as ItemGroup } from './listbox-item-group.js';
+export { ListboxItemGroupLabel as ItemGroupLabel } from './listbox-item-group-label.js';
+export { ListboxItemIndicator as ItemIndicator } from './listbox-item-indicator.js';
+export { ListboxItemText as ItemText } from './listbox-item-text.js';
+export { ListboxLabel as Label } from './listbox-label.js';
+export { ListboxRoot as Root } from './listbox-root.js';
+export { ListboxRootProvider as RootProvider } from './listbox-root-provider.js';
+export { ListboxValueText as ValueText } from './listbox-value-text.js';

package/dist/components/listbox/use-listbox-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ListboxProvider, useListboxContext] = createContext.createContext({
+  name: "ListboxContext",
+  hookName: "useListboxContext",
+  providerName: "<ListboxProvider />"
+});
+
+exports.ListboxProvider = ListboxProvider;
+exports.useListboxContext = useListboxContext;

package/dist/components/listbox/use-listbox-context.d.cts

@@ -0,0 +1,6 @@
+import { CollectionItem } from '../collection';
+import { UseListboxReturn } from './use-listbox';
+import { Provider } from 'react';
+export interface UseListboxContext<T extends CollectionItem> extends UseListboxReturn<T> {
+}
+export declare const ListboxProvider: Provider<UseListboxContext<any>>, useListboxContext: () => UseListboxContext<any>;

package/dist/components/listbox/use-listbox-context.d.ts

@@ -0,0 +1,6 @@
+import { CollectionItem } from '../collection';
+import { UseListboxReturn } from './use-listbox';
+import { Provider } from 'react';
+export interface UseListboxContext<T extends CollectionItem> extends UseListboxReturn<T> {
+}
+export declare const ListboxProvider: Provider<UseListboxContext<any>>, useListboxContext: () => UseListboxContext<any>;

package/dist/components/listbox/use-listbox-context.js

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

package/dist/components/listbox/use-listbox-item-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ListboxItemProvider, useListboxItemContext] = createContext.createContext({
+  name: "ListboxItemContext",
+  hookName: "useListboxItemContext",
+  providerName: "<ListboxItemProvider />"
+});
+
+exports.ListboxItemProvider = ListboxItemProvider;
+exports.useListboxItemContext = useListboxItemContext;

package/dist/components/listbox/use-listbox-item-context.d.cts

@@ -0,0 +1,5 @@
+import { ItemState } from '@zag-js/listbox';
+import { Provider } from 'react';
+export interface UseListboxItemContext extends ItemState {
+}
+export declare const ListboxItemProvider: Provider<UseListboxItemContext>, useListboxItemContext: () => UseListboxItemContext;

package/dist/components/listbox/use-listbox-item-context.d.ts

@@ -0,0 +1,5 @@
+import { ItemState } from '@zag-js/listbox';
+import { Provider } from 'react';
+export interface UseListboxItemContext extends ItemState {
+}
+export declare const ListboxItemProvider: Provider<UseListboxItemContext>, useListboxItemContext: () => UseListboxItemContext;

package/dist/components/listbox/use-listbox-item-context.js

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

package/dist/components/listbox/use-listbox-item-group-props.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ListboxItemGroupPropsProvider, useListboxItemGroupPropsContext] = createContext.createContext({
+  name: "ListboxItemGroupPropsContext",
+  hookName: "useListboxItemGroupPropsContext",
+  providerName: "<ListboxItemGroupPropsProvider />"
+});
+
+exports.ListboxItemGroupPropsProvider = ListboxItemGroupPropsProvider;
+exports.useListboxItemGroupPropsContext = useListboxItemGroupPropsContext;

package/dist/components/listbox/use-listbox-item-group-props.d.cts

@@ -0,0 +1,5 @@
+import { ItemGroupProps } from '@zag-js/listbox';
+import { Provider } from 'react';
+export interface UseListboxItemGroupPropsContext extends ItemGroupProps {
+}
+export declare const ListboxItemGroupPropsProvider: Provider<ItemGroupProps>, useListboxItemGroupPropsContext: () => ItemGroupProps;

package/dist/components/listbox/use-listbox-item-group-props.d.ts

@@ -0,0 +1,5 @@
+import { ItemGroupProps } from '@zag-js/listbox';
+import { Provider } from 'react';
+export interface UseListboxItemGroupPropsContext extends ItemGroupProps {
+}
+export declare const ListboxItemGroupPropsProvider: Provider<ItemGroupProps>, useListboxItemGroupPropsContext: () => ItemGroupProps;

package/dist/components/listbox/use-listbox-item-group-props.js

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

package/dist/components/listbox/use-listbox-item-props-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ListboxItemPropsProvider, useListboxItemPropsContext] = createContext.createContext({
+  name: "ListboxItemPropsContext",
+  hookName: "useListboxItemPropsContext",
+  providerName: "<ListboxItemPropsProvider />"
+});
+
+exports.ListboxItemPropsProvider = ListboxItemPropsProvider;
+exports.useListboxItemPropsContext = useListboxItemPropsContext;

package/dist/components/listbox/use-listbox-item-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ItemProps } from '@zag-js/listbox';
+import { Provider } from 'react';
+export declare const ListboxItemPropsProvider: Provider<ItemProps<any>>, useListboxItemPropsContext: () => ItemProps<any>;

package/dist/components/listbox/use-listbox-item-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ItemProps } from '@zag-js/listbox';
+import { Provider } from 'react';
+export declare const ListboxItemPropsProvider: Provider<ItemProps<any>>, useListboxItemPropsContext: () => ItemProps<any>;

package/dist/components/listbox/use-listbox-item-props-context.js

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

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const listbox = require('@zag-js/listbox');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+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 listbox__namespace = /*#__PURE__*/_interopNamespaceDefault(listbox);
+
+const useListbox = (props) => {
+  const id = react.useId();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(listbox__namespace.machine, machineProps);
+  return listbox__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useListbox = useListbox;

package/dist/components/listbox/use-listbox.d.cts

@@ -0,0 +1,13 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import { CollectionItem, ListCollection } from '../collection';
+import * as listbox from '@zag-js/listbox';
+export interface UseListboxProps<T extends CollectionItem> extends Optional<Omit<listbox.Props<T>, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
+    /**
+     * The collection of items
+     */
+    collection: ListCollection<T>;
+}
+export interface UseListboxReturn<T extends CollectionItem> extends listbox.Api<PropTypes, T> {
+}
+export declare const useListbox: <T extends CollectionItem>(props: UseListboxProps<T>) => UseListboxReturn<T>;

package/dist/components/listbox/use-listbox.d.ts

@@ -0,0 +1,13 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import { CollectionItem, ListCollection } from '../collection';
+import * as listbox from '@zag-js/listbox';
+export interface UseListboxProps<T extends CollectionItem> extends Optional<Omit<listbox.Props<T>, 'dir' | 'getRootNode' | 'collection'>, 'id'> {
+    /**
+     * The collection of items
+     */
+    collection: ListCollection<T>;
+}
+export interface UseListboxReturn<T extends CollectionItem> extends listbox.Api<PropTypes, T> {
+}
+export declare const useListbox: <T extends CollectionItem>(props: UseListboxProps<T>) => UseListboxReturn<T>;

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

@@ -0,0 +1,22 @@
+'use client';
+import * as listbox from '@zag-js/listbox';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useListbox = (props) => {
+  const id = useId();
+  const { dir } = useLocaleContext();
+  const { getRootNode } = useEnvironmentContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(listbox.machine, machineProps);
+  return listbox.connect(service, normalizeProps);
+};
+
+export { useListbox };

package/dist/components/toast/toaster.cjs

@@ -47,10 +47,12 @@ const Toaster = react.forwardRef((props, ref) => {
 });
 Toaster.displayName = "Toaster";
 const ToastActor = (props) => {
+  const env = useEnvironmentContext.useEnvironmentContext();
   const localProps = {
     ...props.value,
     parent: props.parent,
-    index: props.index
+    index: props.index,
+    getRootNode: env.getRootNode
   };
   const service = react$1.useMachine(toast__namespace.machine, { ...localProps });
   const api = toast__namespace.connect(service, react$1.normalizeProps);

package/dist/components/toast/toaster.js

@@ -24,10 +24,12 @@ const Toaster = forwardRef((props, ref) => {
 });
 Toaster.displayName = "Toaster";
 const ToastActor = (props) => {
+  const env = useEnvironmentContext();
   const localProps = {
     ...props.value,
     parent: props.parent,
-    index: props.index
+    index: props.index,
+    getRootNode: env.getRootNode
   };
   const service = useMachine(toast.machine, { ...localProps });
   const api = toast.connect(service, normalizeProps);

package/dist/components/toggle-group/toggle-group-root.cjs

@@ -14,6 +14,7 @@ const useToggleGroupContext = require('./use-toggle-group-context.cjs');
 const ToggleGroupRoot = react.forwardRef((props, ref) => {
   const [useToggleGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
     "defaultValue",
+    "deselectable",
     "disabled",
     "id",
     "ids",

package/dist/components/toggle-group/toggle-group-root.js

@@ -10,6 +10,7 @@ import { ToggleGroupProvider } from './use-toggle-group-context.js';
 const ToggleGroupRoot = forwardRef((props, ref) => {
   const [useToggleGroupProps, localProps] = createSplitProps()(props, [
     "defaultValue",
+    "deselectable",
     "disabled",
     "id",
     "ids",

package/dist/index.cjs

@@ -277,6 +277,21 @@ const hoverCardTrigger = require('./components/hover-card/hover-card-trigger.cjs
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
+const listboxContent = require('./components/listbox/listbox-content.cjs');
+const listboxInput = require('./components/listbox/listbox-input.cjs');
+const listboxItem = require('./components/listbox/listbox-item.cjs');
+const listboxItemGroup = require('./components/listbox/listbox-item-group.cjs');
+const listboxItemGroupLabel = require('./components/listbox/listbox-item-group-label.cjs');
+const listboxItemIndicator = require('./components/listbox/listbox-item-indicator.cjs');
+const listboxItemText = require('./components/listbox/listbox-item-text.cjs');
+const listboxLabel = require('./components/listbox/listbox-label.cjs');
+const listboxRoot = require('./components/listbox/listbox-root.cjs');
+const listboxRootProvider = require('./components/listbox/listbox-root-provider.cjs');
+const listboxValueText = require('./components/listbox/listbox-value-text.cjs');
+const useListbox = require('./components/listbox/use-listbox.cjs');
+const useListboxContext = require('./components/listbox/use-listbox-context.cjs');
+const useListboxItemContext = require('./components/listbox/use-listbox-item-context.cjs');
+const listbox$1 = require('./components/listbox/listbox.cjs');
 const menuArrow = require('./components/menu/menu-arrow.cjs');
 const menuArrowTip = require('./components/menu/menu-arrow-tip.cjs');
 const menuCheckboxItem = require('./components/menu/menu-checkbox-item.cjs');
@@ -653,6 +668,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const listbox = require('@zag-js/listbox');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -963,6 +979,21 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.ListboxContent = listboxContent.ListboxContent;
+exports.ListboxInput = listboxInput.ListboxInput;
+exports.ListboxItem = listboxItem.ListboxItem;
+exports.ListboxItemGroup = listboxItemGroup.ListboxItemGroup;
+exports.ListboxItemGroupLabel = listboxItemGroupLabel.ListboxItemGroupLabel;
+exports.ListboxItemIndicator = listboxItemIndicator.ListboxItemIndicator;
+exports.ListboxItemText = listboxItemText.ListboxItemText;
+exports.ListboxLabel = listboxLabel.ListboxLabel;
+exports.ListboxRoot = listboxRoot.ListboxRoot;
+exports.ListboxRootProvider = listboxRootProvider.ListboxRootProvider;
+exports.ListboxValueText = listboxValueText.ListboxValueText;
+exports.useListbox = useListbox.useListbox;
+exports.useListboxContext = useListboxContext.useListboxContext;
+exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
+exports.Listbox = listbox$1;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuCheckboxItem = menuCheckboxItem.MenuCheckboxItem;
@@ -1379,6 +1410,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "listboxAnatomy", {
+	enumerable: true,
+	get: () => listbox.anatomy
+});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy

package/dist/index.js

@@ -291,6 +291,22 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { ListboxContent } from './components/listbox/listbox-content.js';
+export { ListboxInput } from './components/listbox/listbox-input.js';
+export { ListboxItem } from './components/listbox/listbox-item.js';
+export { ListboxItemGroup } from './components/listbox/listbox-item-group.js';
+export { ListboxItemGroupLabel } from './components/listbox/listbox-item-group-label.js';
+export { ListboxItemIndicator } from './components/listbox/listbox-item-indicator.js';
+export { ListboxItemText } from './components/listbox/listbox-item-text.js';
+export { ListboxLabel } from './components/listbox/listbox-label.js';
+export { ListboxRoot } from './components/listbox/listbox-root.js';
+export { ListboxRootProvider } from './components/listbox/listbox-root-provider.js';
+export { ListboxValueText } from './components/listbox/listbox-value-text.js';
+export { useListbox } from './components/listbox/use-listbox.js';
+export { useListboxContext } from './components/listbox/use-listbox-context.js';
+export { useListboxItemContext } from './components/listbox/use-listbox-item-context.js';
+import * as listbox from './components/listbox/listbox.js';
+export { listbox as Listbox };
 export { MenuArrow } from './components/menu/menu-arrow.js';
 export { MenuArrowTip } from './components/menu/menu-arrow-tip.js';
 export { MenuCheckboxItem } from './components/menu/menu-checkbox-item.js';
@@ -693,6 +709,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as listboxAnatomy } from '@zag-js/listbox';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';