@ark-ui/react 5.21.0 → 5.22.0

package/dist/components/combobox/combobox-empty.cjs

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const factory = require('../factory.cjs');
+const combobox_anatomy = require('./combobox.anatomy.cjs');
+const useComboboxContext = require('./use-combobox-context.cjs');
+
+const parts = combobox_anatomy.comboboxAnatomy.build();
+const ComboboxEmpty = react.forwardRef((props, ref) => {
+  const combobox = useComboboxContext.useComboboxContext();
+  if (combobox.collection.size !== 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...parts.empty.attrs, ...props, role: "presentation", ref });
+});
+ComboboxEmpty.displayName = "ComboboxEmpty";
+
+exports.ComboboxEmpty = ComboboxEmpty;

package/dist/components/combobox/combobox-empty.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ComboboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ComboboxEmptyProps extends HTMLProps<'div'>, ComboboxEmptyBaseProps {
+}
+export declare const ComboboxEmpty: ForwardRefExoticComponent<ComboboxEmptyProps & RefAttributes<HTMLDivElement>>;

package/dist/components/combobox/combobox-empty.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ComboboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ComboboxEmptyProps extends HTMLProps<'div'>, ComboboxEmptyBaseProps {
+}
+export declare const ComboboxEmpty: ForwardRefExoticComponent<ComboboxEmptyProps & RefAttributes<HTMLDivElement>>;

package/dist/components/combobox/combobox-empty.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { comboboxAnatomy } from './combobox.anatomy.js';
+import { useComboboxContext } from './use-combobox-context.js';
+
+const parts = comboboxAnatomy.build();
+const ComboboxEmpty = forwardRef((props, ref) => {
+  const combobox = useComboboxContext();
+  if (combobox.collection.size !== 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...parts.empty.attrs, ...props, role: "presentation", ref });
+});
+ComboboxEmpty.displayName = "ComboboxEmpty";
+
+export { ComboboxEmpty };

package/dist/components/combobox/combobox.anatomy.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const combobox = require('@zag-js/combobox');
+
+const comboboxAnatomy = combobox.anatomy.extendWith("empty");
+
+exports.comboboxAnatomy = comboboxAnatomy;

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

@@ -1 +1,2 @@
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const comboboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "list" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

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

@@ -1 +1,2 @@
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const comboboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "list" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/combobox/combobox.anatomy.js

@@ -0,0 +1,6 @@
+'use client';
+import { anatomy } from '@zag-js/combobox';
+
+const comboboxAnatomy = anatomy.extendWith("empty");
+
+export { comboboxAnatomy };

package/dist/components/combobox/combobox.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const comboboxClearTrigger = require('./combobox-clear-trigger.cjs');
 const comboboxContent = require('./combobox-content.cjs');
+const comboboxEmpty = require('./combobox-empty.cjs');
 const comboboxContext = require('./combobox-context.cjs');
 const comboboxControl = require('./combobox-control.cjs');
 const comboboxInput = require('./combobox-input.cjs');
@@ -24,6 +25,7 @@ const comboboxTrigger = require('./combobox-trigger.cjs');
 
 exports.ClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.Content = comboboxContent.ComboboxContent;
+exports.Empty = comboboxEmpty.ComboboxEmpty;
 exports.Context = comboboxContext.ComboboxContext;
 exports.Control = comboboxControl.ComboboxControl;
 exports.Input = comboboxInput.ComboboxInput;

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails
 export type { CollectionItem } from '../collection';
 export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger';
 export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, } from './combobox-content';
+export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context';
 export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, } from './combobox-control';
 export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, } from './combobox-input';

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails
 export type { CollectionItem } from '../collection';
 export { ComboboxClearTrigger as ClearTrigger, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, type ComboboxClearTriggerProps as ClearTriggerProps, } from './combobox-clear-trigger';
 export { ComboboxContent as Content, type ComboboxContentBaseProps as ContentBaseProps, type ComboboxContentProps as ContentProps, } from './combobox-content';
+export { ComboboxEmpty as Empty, type ComboboxEmptyBaseProps as EmptyBaseProps, type ComboboxEmptyProps as EmptyProps, } from './combobox-empty';
 export { ComboboxContext as Context, type ComboboxContextProps as ContextProps } from './combobox-context';
 export { ComboboxControl as Control, type ComboboxControlBaseProps as ControlBaseProps, type ComboboxControlProps as ControlProps, } from './combobox-control';
 export { ComboboxInput as Input, type ComboboxInputBaseProps as InputBaseProps, type ComboboxInputProps as InputProps, } from './combobox-input';

package/dist/components/combobox/combobox.js

@@ -1,5 +1,6 @@
 export { ComboboxClearTrigger as ClearTrigger } from './combobox-clear-trigger.js';
 export { ComboboxContent as Content } from './combobox-content.js';
+export { ComboboxEmpty as Empty } from './combobox-empty.js';
 export { ComboboxContext as Context } from './combobox-context.js';
 export { ComboboxControl as Control } from './combobox-control.js';
 export { ComboboxInput as Input } from './combobox-input.js';

package/dist/components/combobox/index.cjs

@@ -6,6 +6,7 @@ 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 comboboxEmpty = require('./combobox-empty.cjs');
 const comboboxContext = require('./combobox-context.cjs');
 const comboboxControl = require('./combobox-control.cjs');
 const comboboxInput = require('./combobox-input.cjs');
@@ -21,11 +22,11 @@ const comboboxPositioner = require('./combobox-positioner.cjs');
 const comboboxRoot = require('./combobox-root.cjs');
 const comboboxRootProvider = require('./combobox-root-provider.cjs');
 const comboboxTrigger = require('./combobox-trigger.cjs');
+const combobox_anatomy = require('./combobox.anatomy.cjs');
 const useCombobox = require('./use-combobox.cjs');
 const useComboboxContext = require('./use-combobox-context.cjs');
 const useComboboxItemContext = require('./use-combobox-item-context.cjs');
-const combobox$1 = require('./combobox.cjs');
-const combobox = require('@zag-js/combobox');
+const combobox = require('./combobox.cjs');
 
 
 
@@ -33,6 +34,7 @@ exports.createListCollection = listCollection.createListCollection;
 exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
+exports.ComboboxEmpty = comboboxEmpty.ComboboxEmpty;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
 exports.ComboboxControl = comboboxControl.ComboboxControl;
 exports.ComboboxInput = comboboxInput.ComboboxInput;
@@ -48,11 +50,8 @@ exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
 exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
 exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
 exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
+exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
-exports.Combobox = combobox$1;
-Object.defineProperty(exports, "comboboxAnatomy", {
-  enumerable: true,
-  get: () => combobox.anatomy
-});
+exports.Combobox = combobox;

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputVal
 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 { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty';
 export { ComboboxContext, type ComboboxContextProps } from './combobox-context';
 export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control';
 export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input';

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputVal
 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 { ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty';
 export { ComboboxContext, type ComboboxContextProps } from './combobox-context';
 export { ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps } from './combobox-control';
 export { ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input';

package/dist/components/combobox/index.js

@@ -2,6 +2,7 @@ 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 { ComboboxEmpty } from './combobox-empty.js';
 export { ComboboxContext } from './combobox-context.js';
 export { ComboboxControl } from './combobox-control.js';
 export { ComboboxInput } from './combobox-input.js';
@@ -17,9 +18,9 @@ export { ComboboxPositioner } from './combobox-positioner.js';
 export { ComboboxRoot } from './combobox-root.js';
 export { ComboboxRootProvider } from './combobox-root-provider.js';
 export { ComboboxTrigger } from './combobox-trigger.js';
+export { comboboxAnatomy } from './combobox.anatomy.js';
 export { useCombobox } from './use-combobox.js';
 export { useComboboxContext } from './use-combobox-context.js';
 export { useComboboxItemContext } from './use-combobox-item-context.js';
 import * as combobox from './combobox.js';
 export { combobox as Combobox };
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/components/index.cjs

@@ -125,6 +125,7 @@ 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 comboboxEmpty = require('./combobox/combobox-empty.cjs');
 const comboboxContext = require('./combobox/combobox-context.cjs');
 const comboboxControl = require('./combobox/combobox-control.cjs');
 const comboboxInput = require('./combobox/combobox-input.cjs');
@@ -140,10 +141,11 @@ const comboboxPositioner = require('./combobox/combobox-positioner.cjs');
 const comboboxRoot = require('./combobox/combobox-root.cjs');
 const comboboxRootProvider = require('./combobox/combobox-root-provider.cjs');
 const comboboxTrigger = require('./combobox/combobox-trigger.cjs');
+const combobox_anatomy = require('./combobox/combobox.anatomy.cjs');
 const useCombobox = require('./combobox/use-combobox.cjs');
 const useComboboxContext = require('./combobox/use-combobox-context.cjs');
 const useComboboxItemContext = require('./combobox/use-combobox-item-context.cjs');
-const combobox$1 = require('./combobox/combobox.cjs');
+const combobox = require('./combobox/combobox.cjs');
 const datePicker = require('@zag-js/date-picker');
 const datePickerClearTrigger = require('./date-picker/date-picker-clear-trigger.cjs');
 const datePickerContent = require('./date-picker/date-picker-content.cjs');
@@ -289,6 +291,7 @@ const useJsonTreeView = require('./json-tree-view/use-json-tree-view.cjs');
 const jsonTreeView = require('./json-tree-view/json-tree-view.cjs');
 const listboxContent = require('./listbox/listbox-content.cjs');
 const listboxContext = require('./listbox/listbox-context.cjs');
+const listboxEmpty = require('./listbox/listbox-empty.cjs');
 const listboxInput = require('./listbox/listbox-input.cjs');
 const listboxItem = require('./listbox/listbox-item.cjs');
 const listboxItemContext = require('./listbox/listbox-item-context.cjs');
@@ -300,10 +303,11 @@ const listboxLabel = require('./listbox/listbox-label.cjs');
 const listboxRoot = require('./listbox/listbox-root.cjs');
 const listboxRootProvider = require('./listbox/listbox-root-provider.cjs');
 const listboxValueText = require('./listbox/listbox-value-text.cjs');
+const listbox_anatomy = require('./listbox/listbox.anatomy.cjs');
 const useListbox = require('./listbox/use-listbox.cjs');
 const useListboxContext = require('./listbox/use-listbox-context.cjs');
 const useListboxItemContext = require('./listbox/use-listbox-item-context.cjs');
-const listbox$1 = require('./listbox/listbox.cjs');
+const listbox = require('./listbox/listbox.cjs');
 const menuArrow = require('./menu/menu-arrow.cjs');
 const menuArrowTip = require('./menu/menu-arrow-tip.cjs');
 const menuCheckboxItem = require('./menu/menu-checkbox-item.cjs');
@@ -696,13 +700,11 @@ const avatar = require('@zag-js/avatar');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
-const combobox = require('@zag-js/combobox');
 const dialog = require('@zag-js/dialog');
 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');
@@ -858,6 +860,7 @@ exports.createTreeCollection = treeCollection.createTreeCollection;
 exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
+exports.ComboboxEmpty = comboboxEmpty.ComboboxEmpty;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
 exports.ComboboxControl = comboboxControl.ComboboxControl;
 exports.ComboboxInput = comboboxInput.ComboboxInput;
@@ -873,10 +876,11 @@ exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
 exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
 exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
 exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
+exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
-exports.Combobox = combobox$1;
+exports.Combobox = combobox;
 Object.defineProperty(exports, "parseDate", {
 	enumerable: true,
 	get: () => datePicker.parse
@@ -1026,6 +1030,7 @@ exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
 exports.JsonTreeView = jsonTreeView;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxContext = listboxContext.ListboxContext;
+exports.ListboxEmpty = listboxEmpty.ListboxEmpty;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;
 exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
@@ -1037,10 +1042,11 @@ exports.ListboxLabel = listboxLabel.ListboxLabel;
 exports.ListboxRoot = listboxRoot.ListboxRoot;
 exports.ListboxRootProvider = listboxRootProvider.ListboxRootProvider;
 exports.ListboxValueText = listboxValueText.ListboxValueText;
+exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
 exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
-exports.Listbox = listbox$1;
+exports.Listbox = listbox;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuCheckboxItem = menuCheckboxItem.MenuCheckboxItem;
@@ -1455,10 +1461,6 @@ Object.defineProperty(exports, "collapsibleAnatomy", {
 	enumerable: true,
 	get: () => collapsible.anatomy
 });
-Object.defineProperty(exports, "comboboxAnatomy", {
-	enumerable: true,
-	get: () => combobox.anatomy
-});
 Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog.anatomy
@@ -1479,10 +1481,6 @@ 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/components/index.js

@@ -129,6 +129,7 @@ export { createFileTreeCollection, createTreeCollection } from './collection/tre
 export { useListCollection } from './collection/use-list-collection.js';
 export { ComboboxClearTrigger } from './combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './combobox/combobox-content.js';
+export { ComboboxEmpty } from './combobox/combobox-empty.js';
 export { ComboboxContext } from './combobox/combobox-context.js';
 export { ComboboxControl } from './combobox/combobox-control.js';
 export { ComboboxInput } from './combobox/combobox-input.js';
@@ -144,6 +145,7 @@ export { ComboboxPositioner } from './combobox/combobox-positioner.js';
 export { ComboboxRoot } from './combobox/combobox-root.js';
 export { ComboboxRootProvider } from './combobox/combobox-root-provider.js';
 export { ComboboxTrigger } from './combobox/combobox-trigger.js';
+export { comboboxAnatomy } from './combobox/combobox.anatomy.js';
 export { useCombobox } from './combobox/use-combobox.js';
 export { useComboboxContext } from './combobox/use-combobox-context.js';
 export { useComboboxItemContext } from './combobox/use-combobox-item-context.js';
@@ -304,6 +306,7 @@ import * as jsonTreeView from './json-tree-view/json-tree-view.js';
 export { jsonTreeView as JsonTreeView };
 export { ListboxContent } from './listbox/listbox-content.js';
 export { ListboxContext } from './listbox/listbox-context.js';
+export { ListboxEmpty } from './listbox/listbox-empty.js';
 export { ListboxInput } from './listbox/listbox-input.js';
 export { ListboxItem } from './listbox/listbox-item.js';
 export { ListboxItemContext } from './listbox/listbox-item-context.js';
@@ -315,6 +318,7 @@ export { ListboxLabel } from './listbox/listbox-label.js';
 export { ListboxRoot } from './listbox/listbox-root.js';
 export { ListboxRootProvider } from './listbox/listbox-root-provider.js';
 export { ListboxValueText } from './listbox/listbox-value-text.js';
+export { listboxAnatomy } from './listbox/listbox.anatomy.js';
 export { useListbox } from './listbox/use-listbox.js';
 export { useListboxContext } from './listbox/use-listbox-context.js';
 export { useListboxItemContext } from './listbox/use-listbox-item-context.js';
@@ -740,13 +744,11 @@ export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 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';

package/dist/components/listbox/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const listCollection = require('../collection/list-collection.cjs');
 const listboxContent = require('./listbox-content.cjs');
 const listboxContext = require('./listbox-context.cjs');
+const listboxEmpty = require('./listbox-empty.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
 const listboxItemContext = require('./listbox-item-context.cjs');
@@ -16,17 +17,18 @@ 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');
+const listbox_anatomy = require('./listbox.anatomy.cjs');
 const useListbox = require('./use-listbox.cjs');
 const useListboxContext = require('./use-listbox-context.cjs');
 const useListboxItemContext = require('./use-listbox-item-context.cjs');
-const listbox$1 = require('./listbox.cjs');
-const listbox = require('@zag-js/listbox');
+const listbox = require('./listbox.cjs');
 
 
 
 exports.createListCollection = listCollection.createListCollection;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxContext = listboxContext.ListboxContext;
+exports.ListboxEmpty = listboxEmpty.ListboxEmpty;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;
 exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
@@ -38,11 +40,8 @@ exports.ListboxLabel = listboxLabel.ListboxLabel;
 exports.ListboxRoot = listboxRoot.ListboxRoot;
 exports.ListboxRootProvider = listboxRootProvider.ListboxRootProvider;
 exports.ListboxValueText = listboxValueText.ListboxValueText;
+exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
 exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
-exports.Listbox = listbox$1;
-Object.defineProperty(exports, "listboxAnatomy", {
-  enumerable: true,
-  get: () => listbox.anatomy
-});
+exports.Listbox = listbox;

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToI
 export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
 export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
 export { ListboxContext, type ListboxContextProps } from './listbox-context';
+export { ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps } from './listbox-empty';
 export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
 export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';
 export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context';

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ListboxHighlightChangeDetails, ScrollToI
 export { createListCollection, type CollectionItem, type ListCollection } from '../collection';
 export { ListboxContent, type ListboxContentBaseProps, type ListboxContentProps } from './listbox-content';
 export { ListboxContext, type ListboxContextProps } from './listbox-context';
+export { ListboxEmpty, type ListboxEmptyBaseProps, type ListboxEmptyProps } from './listbox-empty';
 export { ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input';
 export { ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item';
 export { ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context';

package/dist/components/listbox/index.js

@@ -1,6 +1,7 @@
 export { createListCollection } from '../collection/list-collection.js';
 export { ListboxContent } from './listbox-content.js';
 export { ListboxContext } from './listbox-context.js';
+export { ListboxEmpty } from './listbox-empty.js';
 export { ListboxInput } from './listbox-input.js';
 export { ListboxItem } from './listbox-item.js';
 export { ListboxItemContext } from './listbox-item-context.js';
@@ -12,9 +13,9 @@ export { ListboxLabel } from './listbox-label.js';
 export { ListboxRoot } from './listbox-root.js';
 export { ListboxRootProvider } from './listbox-root-provider.js';
 export { ListboxValueText } from './listbox-value-text.js';
+export { listboxAnatomy } from './listbox.anatomy.js';
 export { useListbox } from './use-listbox.js';
 export { useListboxContext } from './use-listbox-context.js';
 export { useListboxItemContext } from './use-listbox-item-context.js';
 import * as listbox from './listbox.js';
 export { listbox as Listbox };
-export { anatomy as listboxAnatomy } from '@zag-js/listbox';

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

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const factory = require('../factory.cjs');
+const listbox_anatomy = require('./listbox.anatomy.cjs');
+const useListboxContext = require('./use-listbox-context.cjs');
+
+const parts = listbox_anatomy.listboxAnatomy.build();
+const ListboxEmpty = react.forwardRef((props, ref) => {
+  const listbox = useListboxContext.useListboxContext();
+  if (listbox.collection.size !== 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...parts.empty.attrs, ...props, role: "presentation", ref });
+});
+ListboxEmpty.displayName = "ListboxEmpty";
+
+exports.ListboxEmpty = ListboxEmpty;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ListboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ListboxEmptyProps extends HTMLProps<'div'>, ListboxEmptyBaseProps {
+}
+export declare const ListboxEmpty: ForwardRefExoticComponent<ListboxEmptyProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ListboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ListboxEmptyProps extends HTMLProps<'div'>, ListboxEmptyBaseProps {
+}
+export declare const ListboxEmpty: ForwardRefExoticComponent<ListboxEmptyProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { listboxAnatomy } from './listbox.anatomy.js';
+import { useListboxContext } from './use-listbox-context.js';
+
+const parts = listboxAnatomy.build();
+const ListboxEmpty = forwardRef((props, ref) => {
+  const listbox = useListboxContext();
+  if (listbox.collection.size !== 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...parts.empty.attrs, ...props, role: "presentation", ref });
+});
+ListboxEmpty.displayName = "ListboxEmpty";
+
+export { ListboxEmpty };

package/dist/components/listbox/listbox.anatomy.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const listbox = require('@zag-js/listbox');
+
+const listboxAnatomy = listbox.anatomy.extendWith("empty");
+
+exports.listboxAnatomy = listboxAnatomy;

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

@@ -1 +1,2 @@
-export { anatomy as listboxAnatomy } from '@zag-js/listbox';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const listboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

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

@@ -1 +1,2 @@
-export { anatomy as listboxAnatomy } from '@zag-js/listbox';
+import { AnatomyInstance } from '@zag-js/anatomy';
+export declare const listboxAnatomy: AnatomyInstance<"input" | "label" | "content" | "root" | "item" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/listbox/listbox.anatomy.js

@@ -0,0 +1,6 @@
+'use client';
+import { anatomy } from '@zag-js/listbox';
+
+const listboxAnatomy = anatomy.extendWith("empty");
+
+export { listboxAnatomy };

package/dist/components/listbox/listbox.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const listboxContext = require('./listbox-context.cjs');
 const listboxContent = require('./listbox-content.cjs');
+const listboxEmpty = require('./listbox-empty.cjs');
 const listboxInput = require('./listbox-input.cjs');
 const listboxItem = require('./listbox-item.cjs');
 const listboxItemContext = require('./listbox-item-context.cjs');
@@ -20,6 +21,7 @@ const listboxValueText = require('./listbox-value-text.cjs');
 
 exports.Context = listboxContext.ListboxContext;
 exports.Content = listboxContent.ListboxContent;
+exports.Empty = listboxEmpty.ListboxEmpty;
 exports.Input = listboxInput.ListboxInput;
 exports.Item = listboxItem.ListboxItem;
 exports.ItemContext = listboxItemContext.ListboxItemContext;

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
 export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context';
 export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
+export { ListboxEmpty as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, } from './listbox-empty';
 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 { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
 export { ListboxContext as Context, type ListboxContextProps as ContextProps } from './listbox-context';
 export { ListboxContent as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content';
+export { ListboxEmpty as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, } from './listbox-empty';
 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 { ListboxItemContext as ItemContext, type ListboxItemContextProps as ItemContextProps, } from './listbox-item-context';

package/dist/components/listbox/listbox.js

@@ -1,5 +1,6 @@
 export { ListboxContext as Context } from './listbox-context.js';
 export { ListboxContent as Content } from './listbox-content.js';
+export { ListboxEmpty as Empty } from './listbox-empty.js';
 export { ListboxInput as Input } from './listbox-input.js';
 export { ListboxItem as Item } from './listbox-item.js';
 export { ListboxItemContext as ItemContext } from './listbox-item-context.js';

package/dist/components/menu/menu-root.cjs

@@ -36,6 +36,7 @@ const MenuRoot = (props) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onRequestDismiss",
     "onSelect",
     "open",
     "positioning",

package/dist/components/menu/menu-root.js

@@ -32,6 +32,7 @@ const MenuRoot = (props) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onRequestDismiss",
     "onSelect",
     "open",
     "positioning",

package/dist/components/segment-group/segment-group.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;

package/dist/index.cjs

@@ -125,6 +125,7 @@ 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 comboboxEmpty = require('./components/combobox/combobox-empty.cjs');
 const comboboxContext = require('./components/combobox/combobox-context.cjs');
 const comboboxControl = require('./components/combobox/combobox-control.cjs');
 const comboboxInput = require('./components/combobox/combobox-input.cjs');
@@ -140,10 +141,11 @@ const comboboxPositioner = require('./components/combobox/combobox-positioner.cj
 const comboboxRoot = require('./components/combobox/combobox-root.cjs');
 const comboboxRootProvider = require('./components/combobox/combobox-root-provider.cjs');
 const comboboxTrigger = require('./components/combobox/combobox-trigger.cjs');
+const combobox_anatomy = require('./components/combobox/combobox.anatomy.cjs');
 const useCombobox = require('./components/combobox/use-combobox.cjs');
 const useComboboxContext = require('./components/combobox/use-combobox-context.cjs');
 const useComboboxItemContext = require('./components/combobox/use-combobox-item-context.cjs');
-const combobox$1 = require('./components/combobox/combobox.cjs');
+const combobox = require('./components/combobox/combobox.cjs');
 const datePicker = require('@zag-js/date-picker');
 const datePickerClearTrigger = require('./components/date-picker/date-picker-clear-trigger.cjs');
 const datePickerContent = require('./components/date-picker/date-picker-content.cjs');
@@ -289,6 +291,7 @@ const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.
 const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const listboxContent = require('./components/listbox/listbox-content.cjs');
 const listboxContext = require('./components/listbox/listbox-context.cjs');
+const listboxEmpty = require('./components/listbox/listbox-empty.cjs');
 const listboxInput = require('./components/listbox/listbox-input.cjs');
 const listboxItem = require('./components/listbox/listbox-item.cjs');
 const listboxItemContext = require('./components/listbox/listbox-item-context.cjs');
@@ -300,10 +303,11 @@ 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 listbox_anatomy = require('./components/listbox/listbox.anatomy.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 listbox = 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');
@@ -702,13 +706,11 @@ const avatar = require('@zag-js/avatar');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
-const combobox = require('@zag-js/combobox');
 const dialog = require('@zag-js/dialog');
 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');
@@ -864,6 +866,7 @@ exports.createTreeCollection = treeCollection.createTreeCollection;
 exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
+exports.ComboboxEmpty = comboboxEmpty.ComboboxEmpty;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
 exports.ComboboxControl = comboboxControl.ComboboxControl;
 exports.ComboboxInput = comboboxInput.ComboboxInput;
@@ -879,10 +882,11 @@ exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
 exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
 exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
 exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
+exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
-exports.Combobox = combobox$1;
+exports.Combobox = combobox;
 Object.defineProperty(exports, "parseDate", {
 	enumerable: true,
 	get: () => datePicker.parse
@@ -1032,6 +1036,7 @@ exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
 exports.JsonTreeView = jsonTreeView;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxContext = listboxContext.ListboxContext;
+exports.ListboxEmpty = listboxEmpty.ListboxEmpty;
 exports.ListboxInput = listboxInput.ListboxInput;
 exports.ListboxItem = listboxItem.ListboxItem;
 exports.ListboxItemContext = listboxItemContext.ListboxItemContext;
@@ -1043,10 +1048,11 @@ exports.ListboxLabel = listboxLabel.ListboxLabel;
 exports.ListboxRoot = listboxRoot.ListboxRoot;
 exports.ListboxRootProvider = listboxRootProvider.ListboxRootProvider;
 exports.ListboxValueText = listboxValueText.ListboxValueText;
+exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
 exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
-exports.Listbox = listbox$1;
+exports.Listbox = listbox;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuCheckboxItem = menuCheckboxItem.MenuCheckboxItem;
@@ -1467,10 +1473,6 @@ Object.defineProperty(exports, "collapsibleAnatomy", {
 	enumerable: true,
 	get: () => collapsible.anatomy
 });
-Object.defineProperty(exports, "comboboxAnatomy", {
-	enumerable: true,
-	get: () => combobox.anatomy
-});
 Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog.anatomy
@@ -1491,10 +1493,6 @@ 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

@@ -129,6 +129,7 @@ export { createFileTreeCollection, createTreeCollection } from './components/col
 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 { ComboboxEmpty } from './components/combobox/combobox-empty.js';
 export { ComboboxContext } from './components/combobox/combobox-context.js';
 export { ComboboxControl } from './components/combobox/combobox-control.js';
 export { ComboboxInput } from './components/combobox/combobox-input.js';
@@ -144,6 +145,7 @@ export { ComboboxPositioner } from './components/combobox/combobox-positioner.js
 export { ComboboxRoot } from './components/combobox/combobox-root.js';
 export { ComboboxRootProvider } from './components/combobox/combobox-root-provider.js';
 export { ComboboxTrigger } from './components/combobox/combobox-trigger.js';
+export { comboboxAnatomy } from './components/combobox/combobox.anatomy.js';
 export { useCombobox } from './components/combobox/use-combobox.js';
 export { useComboboxContext } from './components/combobox/use-combobox-context.js';
 export { useComboboxItemContext } from './components/combobox/use-combobox-item-context.js';
@@ -304,6 +306,7 @@ import * as jsonTreeView from './components/json-tree-view/json-tree-view.js';
 export { jsonTreeView as JsonTreeView };
 export { ListboxContent } from './components/listbox/listbox-content.js';
 export { ListboxContext } from './components/listbox/listbox-context.js';
+export { ListboxEmpty } from './components/listbox/listbox-empty.js';
 export { ListboxInput } from './components/listbox/listbox-input.js';
 export { ListboxItem } from './components/listbox/listbox-item.js';
 export { ListboxItemContext } from './components/listbox/listbox-item-context.js';
@@ -315,6 +318,7 @@ 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 { listboxAnatomy } from './components/listbox/listbox.anatomy.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';
@@ -746,13 +750,11 @@ export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 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';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.21.0",
+  "version": "5.22.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -141,84 +141,84 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@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"
+    "@zag-js/accordion": "1.22.1",
+    "@zag-js/anatomy": "1.22.1",
+    "@zag-js/angle-slider": "1.22.1",
+    "@zag-js/async-list": "1.22.1",
+    "@zag-js/auto-resize": "1.22.1",
+    "@zag-js/avatar": "1.22.1",
+    "@zag-js/carousel": "1.22.1",
+    "@zag-js/checkbox": "1.22.1",
+    "@zag-js/clipboard": "1.22.1",
+    "@zag-js/collapsible": "1.22.1",
+    "@zag-js/collection": "1.22.1",
+    "@zag-js/color-picker": "1.22.1",
+    "@zag-js/color-utils": "1.22.1",
+    "@zag-js/combobox": "1.22.1",
+    "@zag-js/core": "1.22.1",
+    "@zag-js/date-picker": "1.22.1",
+    "@zag-js/date-utils": "1.22.1",
+    "@zag-js/dialog": "1.22.1",
+    "@zag-js/dom-query": "1.22.1",
+    "@zag-js/editable": "1.22.1",
+    "@zag-js/file-upload": "1.22.1",
+    "@zag-js/file-utils": "1.22.1",
+    "@zag-js/floating-panel": "1.22.1",
+    "@zag-js/focus-trap": "1.22.1",
+    "@zag-js/highlight-word": "1.22.1",
+    "@zag-js/hover-card": "1.22.1",
+    "@zag-js/i18n-utils": "1.22.1",
+    "@zag-js/json-tree-utils": "1.22.1",
+    "@zag-js/listbox": "1.22.1",
+    "@zag-js/menu": "1.22.1",
+    "@zag-js/number-input": "1.22.1",
+    "@zag-js/pagination": "1.22.1",
+    "@zag-js/password-input": "1.22.1",
+    "@zag-js/pin-input": "1.22.1",
+    "@zag-js/popover": "1.22.1",
+    "@zag-js/presence": "1.22.1",
+    "@zag-js/progress": "1.22.1",
+    "@zag-js/qr-code": "1.22.1",
+    "@zag-js/radio-group": "1.22.1",
+    "@zag-js/rating-group": "1.22.1",
+    "@zag-js/react": "1.22.1",
+    "@zag-js/scroll-area": "1.22.1",
+    "@zag-js/select": "1.22.1",
+    "@zag-js/signature-pad": "1.22.1",
+    "@zag-js/slider": "1.22.1",
+    "@zag-js/splitter": "1.22.1",
+    "@zag-js/steps": "1.22.1",
+    "@zag-js/switch": "1.22.1",
+    "@zag-js/tabs": "1.22.1",
+    "@zag-js/tags-input": "1.22.1",
+    "@zag-js/time-picker": "1.22.1",
+    "@zag-js/timer": "1.22.1",
+    "@zag-js/toast": "1.22.1",
+    "@zag-js/toggle": "1.22.1",
+    "@zag-js/toggle-group": "1.22.1",
+    "@zag-js/tooltip": "1.22.1",
+    "@zag-js/tour": "1.22.1",
+    "@zag-js/tree-view": "1.22.1",
+    "@zag-js/types": "1.22.1",
+    "@zag-js/utils": "1.22.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.0",
-    "@storybook/addon-a11y": "9.1.2",
-    "@storybook/react-vite": "9.1.2",
+    "@biomejs/biome": "2.2.2",
+    "@storybook/addon-a11y": "9.1.3",
+    "@storybook/react-vite": "9.1.3",
     "@testing-library/dom": "10.4.1",
-    "@testing-library/jest-dom": "6.7.0",
+    "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/jsdom": "21.1.7",
-    "@types/react": "19.1.10",
+    "@types/react": "19.1.11",
     "@types/react-dom": "19.1.7",
-    "@vitejs/plugin-react": "5.0.0",
+    "@vitejs/plugin-react": "5.0.1",
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
     "globby": "14.1.0",
     "happy-dom": "18.0.1",
-    "lucide-react": "0.540.0",
+    "lucide-react": "0.541.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-shadow": "20.6.0",
@@ -226,9 +226,9 @@
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.62.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.1.2",
+    "storybook": "9.1.3",
     "typescript": "5.9.2",
-    "vite": "7.1.2",
+    "vite": "7.1.3",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",