@ark-ui/vue 5.20.0 → 5.22.0

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface ListboxEmptyBaseProps extends PolymorphicProps {
+}
+export interface ListboxEmptyProps extends ListboxEmptyBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<ListboxEmptyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ListboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,31 @@
+import { defineComponent, computed, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { listboxAnatomy } from './listbox.anatomy.js';
+import { useListboxContext } from './use-listbox-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "listbox-empty",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = listboxAnatomy.build();
+    const listbox = useListboxContext();
+    const isEmpty = computed(() => listbox.value.collection.size === 0);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return isEmpty.value ? (openBlock(), createBlock(unref(ark).div, mergeProps({ key: 0 }, unref(parts).empty.attrs, {
+        role: "presentation",
+        "as-child": _ctx.asChild
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const listboxEmpty_vue_vue_type_script_setup_true_lang = require('./listbox-empty.vue.cjs');
+
+
+
+exports.default = listboxEmpty_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './listbox-empty.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'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,5 @@
+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_vue_vue_type_script_setup_true_lang = require('./listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
+const listboxEmpty_vue_vue_type_script_setup_true_lang = require('./listbox-empty.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
 const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
 const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
@@ -20,6 +21,7 @@ const listboxValueText_vue_vue_type_script_setup_true_lang = require('./listbox-
 
 exports.Context = listboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.Content = listboxContent_vue_vue_type_script_setup_true_lang.default;
+exports.Empty = listboxEmpty_vue_vue_type_script_setup_true_lang.default;
 exports.Input = listboxInput_vue_vue_type_script_setup_true_lang.default;
 exports.ItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
 exports.ItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
 export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
 export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
+export { default as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, } from './listbox-empty.vue';
 export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
 export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
 export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, SelectionMode, ValueChangeDetails, } from '@zag-js/listbox';
 export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
 export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
+export { default as Empty, type ListboxEmptyBaseProps as EmptyBaseProps, type ListboxEmptyProps as EmptyProps, } from './listbox-empty.vue';
 export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
 export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
 export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';

package/dist/components/listbox/listbox.js

@@ -1,5 +1,6 @@
 export { default as Context } from './listbox-context.vue.js';
 export { default as Content } from './listbox-content.vue.js';
+export { default as Empty } from './listbox-empty.vue.js';
 export { default as Input } from './listbox-input.vue.js';
 export { default as ItemContext } from './listbox-item-context.vue.js';
 export { default as ItemGroupLabel } from './listbox-item-group-label.vue.js';

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

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     open: void 0,
     typeahead: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "update:open", "update:highlightedValue"],
+  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/menu/menu-root.vue.d.cts

@@ -20,6 +20,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     highlightChange: (details: HighlightChangeDetails) => any;
     "update:highlightedValue": (highlightedValue: string | null) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<MenuRootProps> & Readonly<{
     onSelect?: ((details: SelectionDetails) => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
@@ -30,6 +36,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     onHighlightChange?: ((details: HighlightChangeDetails) => any) | undefined;
     "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     defaultOpen: boolean;

package/dist/components/menu/menu-root.vue.d.ts

@@ -20,6 +20,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     highlightChange: (details: HighlightChangeDetails) => any;
     "update:highlightedValue": (highlightedValue: string | null) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<MenuRootProps> & Readonly<{
     onSelect?: ((details: SelectionDetails) => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
@@ -30,6 +36,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     onHighlightChange?: ((details: HighlightChangeDetails) => any) | undefined;
     "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     defaultOpen: boolean;

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

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: void 0,
     typeahead: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "update:open", "update:highlightedValue"],
+  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/menu/menu.types.d.cts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: menu.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * Function called when a menu item is selected.
      */

package/dist/components/menu/menu.types.d.ts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: menu.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * Function called when a menu item is selected.
      */

package/dist/components/popover/popover-root.vue.cjs

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     open: void 0,
     portalled: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
+  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/popover/popover-root.vue.d.cts

@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     interactOutside: (event: InteractOutsideEvent) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<PopoverRootProps> & Readonly<{
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     autoFocus: boolean;

package/dist/components/popover/popover-root.vue.d.ts

@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     interactOutside: (event: InteractOutsideEvent) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<PopoverRootProps> & Readonly<{
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     autoFocus: boolean;

package/dist/components/popover/popover-root.vue.js

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: void 0,
     portalled: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
+  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/popover/popover.types.d.cts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: popover.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * The callback fired when the open state changes.
      */

package/dist/components/popover/popover.types.d.ts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: popover.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * The callback fired when the open state changes.
      */

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/components/signature-pad/signature-pad-segment.vue.cjs

@@ -24,8 +24,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }), 128)),
           vue.unref(signaturePad).currentPath ? (vue.openBlock(), vue.createElementBlock("path", vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(signaturePad).getSegmentPathProps({ path: vue.unref(signaturePad).currentPath }))), null, 16)) : vue.createCommentVNode("", true)
         ]),
-        _: 1,
-        __: [0]
+        _: 1
       }, 16, ["as-child"]);
     };
   }

package/dist/components/signature-pad/signature-pad-segment.vue.js

@@ -20,8 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128)),
           unref(signaturePad).currentPath ? (openBlock(), createElementBlock("path", normalizeProps(mergeProps({ key: 0 }, unref(signaturePad).getSegmentPathProps({ path: unref(signaturePad).currentPath }))), null, 16)) : createCommentVNode("", true)
         ]),
-        _: 1,
-        __: [0]
+        _: 1
       }, 16, ["as-child"]);
     };
   }

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 { default as ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger.vue';
 export { default as ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger.vue';

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 { default as ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger.vue';
 export { default as ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger.vue';

package/dist/index.cjs

@@ -86,6 +86,12 @@ const collapsibleIndicator_vue_vue_type_script_setup_true_lang = require('./comp
 const useCollapsible = require('./components/collapsible/use-collapsible.cjs');
 const useCollapsibleContext = require('./components/collapsible/use-collapsible-context.cjs');
 const collapsible$1 = require('./components/collapsible/collapsible.cjs');
+const gridCollection = require('./components/collection/grid-collection.cjs');
+const listCollection = require('./components/collection/list-collection.cjs');
+const treeCollection = require('./components/collection/tree-collection.cjs');
+const useAsyncList = require('./components/collection/use-async-list.cjs');
+const useListCollection = require('./components/collection/use-list-collection.cjs');
+const useListSelection = require('./components/collection/use-list-selection.cjs');
 const colorPicker = require('@zag-js/color-picker');
 const colorPickerAreaBackground_vue_vue_type_script_setup_true_lang = require('./components/color-picker/color-picker-area-background.vue.cjs');
 const colorPickerAreaThumb_vue_vue_type_script_setup_true_lang = require('./components/color-picker/color-picker-area-thumb.vue.cjs');
@@ -120,11 +126,9 @@ const colorPicker_anatomy = require('./components/color-picker/color-picker.anat
 const useColorPicker = require('./components/color-picker/use-color-picker.cjs');
 const useColorPickerContext = require('./components/color-picker/use-color-picker-context.cjs');
 const colorPicker$1 = require('./components/color-picker/color-picker.cjs');
-const listCollection = require('./components/collection/list-collection.cjs');
-const treeCollection = require('./components/collection/tree-collection.cjs');
-const useListCollection = require('./components/collection/use-list-collection.cjs');
 const comboboxClearTrigger_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-clear-trigger.vue.cjs');
 const comboboxContent_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-content.vue.cjs');
+const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-empty.vue.cjs');
 const comboboxContext_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-context.vue.cjs');
 const comboboxControl_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-control.vue.cjs');
 const comboboxInput_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-input.vue.cjs');
@@ -140,10 +144,11 @@ const comboboxPositioner_vue_vue_type_script_setup_true_lang = require('./compon
 const comboboxRootProvider_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-root-provider.vue.cjs');
 const comboboxRoot_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-root.vue.cjs');
 const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-trigger.vue.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_vue_vue_type_script_setup_true_lang = require('./components/date-picker/date-picker-clear-trigger.vue.cjs');
 const datePickerContent_vue_vue_type_script_setup_true_lang = require('./components/date-picker/date-picker-content.vue.cjs');
@@ -289,6 +294,7 @@ const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.
 const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const listboxContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.vue.cjs');
+const listboxEmpty_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-empty.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-input.vue.cjs');
 const listboxItem_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item.vue.cjs');
 const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-context.vue.cjs');
@@ -300,10 +306,11 @@ const listboxLabel_vue_vue_type_script_setup_true_lang = require('./components/l
 const listboxRoot_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-root.vue.cjs');
 const listboxRootProvider_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-root-provider.vue.cjs');
 const listboxValueText_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-value-text.vue.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 menuArrowTip_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-arrow-tip.vue.cjs');
 const menuArrow_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-arrow.vue.cjs');
 const menuCheckboxItem_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-checkbox-item.vue.cjs');
@@ -691,6 +698,7 @@ const treeView$1 = require('./components/tree-view/tree-view.cjs');
 const environmentProvider_vue_vue_type_script_setup_true_lang = require('./providers/environment/environment-provider.vue.cjs');
 const useEnvironmentContext = require('./providers/environment/use-environment-context.cjs');
 const localeProvider_vue_vue_type_script_setup_true_lang = require('./providers/locale/locale-provider.vue.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 useEmitsAsProps = require('./utils/use-emits-as-props.cjs');
@@ -703,13 +711,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');
@@ -822,6 +828,13 @@ exports.CollapsibleIndicator = collapsibleIndicator_vue_vue_type_script_setup_tr
 exports.useCollapsible = useCollapsible.useCollapsible;
 exports.useCollapsibleContext = useCollapsibleContext.useCollapsibleContext;
 exports.Collapsible = collapsible$1;
+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;
 Object.defineProperty(exports, "parseColor", {
 	enumerable: true,
 	get: () => colorPicker.parse
@@ -859,12 +872,9 @@ exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
-exports.createListCollection = listCollection.createListCollection;
-exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
-exports.createTreeCollection = treeCollection.createTreeCollection;
-exports.useListCollection = useListCollection.useListCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxContent = comboboxContent_vue_vue_type_script_setup_true_lang.default;
+exports.ComboboxEmpty = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxContext = comboboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxControl = comboboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxInput = comboboxInput_vue_vue_type_script_setup_true_lang.default;
@@ -880,10 +890,11 @@ exports.ComboboxPositioner = comboboxPositioner_vue_vue_type_script_setup_true_l
 exports.ComboboxRootProvider = comboboxRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxTrigger = comboboxTrigger_vue_vue_type_script_setup_true_lang.default;
+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
@@ -1033,6 +1044,7 @@ exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
 exports.JsonTreeView = jsonTreeView;
 exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
+exports.ListboxEmpty = listboxEmpty_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
@@ -1044,10 +1056,11 @@ exports.ListboxLabel = listboxLabel_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxRoot = listboxRoot_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxRootProvider = listboxRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxValueText = listboxValueText_vue_vue_type_script_setup_true_lang.default;
+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.MenuArrowTip = menuArrowTip_vue_vue_type_script_setup_true_lang.default;
 exports.MenuArrow = menuArrow_vue_vue_type_script_setup_true_lang.default;
 exports.MenuCheckboxItem = menuCheckboxItem_vue_vue_type_script_setup_true_lang.default;
@@ -1440,6 +1453,7 @@ exports.EnvironmentProvider = environmentProvider_vue_vue_type_script_setup_true
 exports.DEFAULT_ENVIRONMENT = useEnvironmentContext.DEFAULT_ENVIRONMENT;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider_vue_vue_type_script_setup_true_lang.default;
+exports.useCollator = useCollator.useCollator;
 exports.useFilter = useFilter.useFilter;
 exports.DEFAULT_LOCALE = useLocaleContext.DEFAULT_LOCALE;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;
@@ -1471,10 +1485,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
@@ -1495,10 +1505,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