@ark-ui/vue 5.21.0 → 5.23.0

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const combobox_anatomy = require('./combobox.anatomy.cjs');
+const useComboboxContext = require('./use-combobox-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "combobox-empty",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = combobox_anatomy.comboboxAnatomy.build();
+    const combobox = useComboboxContext.useComboboxContext();
+    const isEmpty = vue.computed(() => combobox.value.collection.size === 0);
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, vue.unref(parts).empty.attrs, {
+        role: "presentation",
+        "as-child": _ctx.asChild
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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

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

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

package/dist/components/combobox/combobox-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 { comboboxAnatomy } from './combobox.anatomy.js';
+import { useComboboxContext } from './use-combobox-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "combobox-empty",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const parts = comboboxAnatomy.build();
+    const combobox = useComboboxContext();
+    const isEmpty = computed(() => combobox.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/combobox/combobox-empty.vue2.cjs

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

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

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

package/dist/components/combobox/combobox-root-provider.vue.d.cts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface ComboboxRootProviderProps<T extends CollectionItem> extends Com
  */
 HTMLAttributes {
 }
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P>) => any;
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ComboboxRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

package/dist/components/combobox/combobox-root-provider.vue.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface ComboboxRootProviderProps<T extends CollectionItem> extends Com
  */
 HTMLAttributes {
 }
+export type ComboboxRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProviderProps<T>, P>) => any;
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ComboboxRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -13,6 +14,7 @@ export interface ComboboxRootProps<T extends CollectionItem> extends ComboboxRoo
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P>) => any;
 export type { RootEmits as ComboboxRootEmits } from './combobox.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -13,6 +14,7 @@ export interface ComboboxRootProps<T extends CollectionItem> extends ComboboxRoo
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
+export type ComboboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ComboboxRootProps<T>, P>) => any;
 export type { RootEmits as ComboboxRootEmits } from './combobox.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

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

@@ -0,0 +1,9 @@
+'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" | "list" | "content" | "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" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

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

@@ -0,0 +1,5 @@
+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_vue_vue_type_script_setup_true_lang = require('./combobox-clear-trigger.vue.cjs');
 const comboboxContent_vue_vue_type_script_setup_true_lang = require('./combobox-content.vue.cjs');
+const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./combobox-empty.vue.cjs');
 const comboboxContext_vue_vue_type_script_setup_true_lang = require('./combobox-context.vue.cjs');
 const comboboxControl_vue_vue_type_script_setup_true_lang = require('./combobox-control.vue.cjs');
 const comboboxInput_vue_vue_type_script_setup_true_lang = require('./combobox-input.vue.cjs');
@@ -24,6 +25,7 @@ const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./combobox-
 
 exports.ClearTrigger = comboboxClearTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.Content = comboboxContent_vue_vue_type_script_setup_true_lang.default;
+exports.Empty = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
 exports.Context = comboboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.Control = comboboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.Input = comboboxInput_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
 export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger.vue';
 export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content.vue';
+export { default as Empty, type ComboboxEmptyProps as EmptyProps, type ComboboxEmptyBaseProps as EmptyBaseProps, } from './combobox-empty.vue';
 export { default as Context, type ComboboxContextProps as ContextProps } from './combobox-context.vue';
 export { default as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from './combobox-control.vue';
 export { default as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from './combobox-input.vue';
@@ -13,6 +14,6 @@ export { default as Item, type ComboboxItemProps as ItemProps, type ComboboxItem
 export { default as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from './combobox-label.vue';
 export { default as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from './combobox-list.vue';
 export { default as Positioner, type ComboboxPositionerProps as PositionerProps, type ComboboxPositionerBaseProps as PositionerBaseProps, } from './combobox-positioner.vue';
-export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, } from './combobox-root-provider.vue';
-export { default as Root, type ComboboxRootEmits as RootEmits, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
+export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider.vue';
+export { default as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootEmits as RootEmits, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
 export { default as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from './combobox-trigger.vue';

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

@@ -1,6 +1,7 @@
 export type { HighlightChangeDetails, InputValueChangeDetails, OpenChangeDetails, ValueChangeDetails, SelectionDetails, } from '@zag-js/combobox';
 export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from './combobox-clear-trigger.vue';
 export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from './combobox-content.vue';
+export { default as Empty, type ComboboxEmptyProps as EmptyProps, type ComboboxEmptyBaseProps as EmptyBaseProps, } from './combobox-empty.vue';
 export { default as Context, type ComboboxContextProps as ContextProps } from './combobox-context.vue';
 export { default as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from './combobox-control.vue';
 export { default as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from './combobox-input.vue';
@@ -13,6 +14,6 @@ export { default as Item, type ComboboxItemProps as ItemProps, type ComboboxItem
 export { default as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from './combobox-label.vue';
 export { default as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from './combobox-list.vue';
 export { default as Positioner, type ComboboxPositionerProps as PositionerProps, type ComboboxPositionerBaseProps as PositionerBaseProps, } from './combobox-positioner.vue';
-export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, } from './combobox-root-provider.vue';
-export { default as Root, type ComboboxRootEmits as RootEmits, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
+export { default as RootProvider, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderComponent as RootProviderComponent, } from './combobox-root-provider.vue';
+export { default as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootComponent as RootComponent, type ComboboxRootEmits as RootEmits, type ComboboxRootProps as RootProps, } from './combobox-root.vue';
 export { default as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from './combobox-trigger.vue';

package/dist/components/combobox/combobox.js

@@ -1,5 +1,6 @@
 export { default as ClearTrigger } from './combobox-clear-trigger.vue.js';
 export { default as Content } from './combobox-content.vue.js';
+export { default as Empty } from './combobox-empty.vue.js';
 export { default as Context } from './combobox-context.vue.js';
 export { default as Control } from './combobox-control.vue.js';
 export { default as Input } from './combobox-input.vue.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_vue_vue_type_script_setup_true_lang = require('./combobox-clear-trigger.vue.cjs');
 const comboboxContent_vue_vue_type_script_setup_true_lang = require('./combobox-content.vue.cjs');
+const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./combobox-empty.vue.cjs');
 const comboboxContext_vue_vue_type_script_setup_true_lang = require('./combobox-context.vue.cjs');
 const comboboxControl_vue_vue_type_script_setup_true_lang = require('./combobox-control.vue.cjs');
 const comboboxInput_vue_vue_type_script_setup_true_lang = require('./combobox-input.vue.cjs');
@@ -21,11 +22,11 @@ const comboboxPositioner_vue_vue_type_script_setup_true_lang = require('./combob
 const comboboxRootProvider_vue_vue_type_script_setup_true_lang = require('./combobox-root-provider.vue.cjs');
 const comboboxRoot_vue_vue_type_script_setup_true_lang = require('./combobox-root.vue.cjs');
 const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./combobox-trigger.vue.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_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;
@@ -48,11 +50,8 @@ 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;
-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, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { default as ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger.vue';
 export { default as ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content.vue';
+export { default as ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.vue';
 export { default as ComboboxContext, type ComboboxContextProps } from './combobox-context.vue';
 export { default as ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control.vue';
 export { default as ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.vue';
@@ -14,8 +15,8 @@ export { default as ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemP
 export { default as ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.vue';
 export { default as ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.vue';
 export { default as ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner.vue';
-export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider.vue';
-export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
+export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider.vue';
+export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
 export { default as ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger.vue';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';

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

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputVal
 export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { default as ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, } from './combobox-clear-trigger.vue';
 export { default as ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, } from './combobox-content.vue';
+export { default as ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps } from './combobox-empty.vue';
 export { default as ComboboxContext, type ComboboxContextProps } from './combobox-context.vue';
 export { default as ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, } from './combobox-control.vue';
 export { default as ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps } from './combobox-input.vue';
@@ -14,8 +15,8 @@ export { default as ComboboxItem, type ComboboxItemBaseProps, type ComboboxItemP
 export { default as ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps } from './combobox-label.vue';
 export { default as ComboboxList, type ComboboxListBaseProps, type ComboboxListProps } from './combobox-list.vue';
 export { default as ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, } from './combobox-positioner.vue';
-export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, } from './combobox-root-provider.vue';
-export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
+export { default as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderProps, type ComboboxRootProviderComponent, } from './combobox-root-provider.vue';
+export { default as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootEmits, type ComboboxRootProps, } from './combobox-root.vue';
 export { default as ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, } from './combobox-trigger.vue';
 export { comboboxAnatomy } from './combobox.anatomy';
 export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';

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 { default as ComboboxClearTrigger } from './combobox-clear-trigger.vue.js';
 export { default as ComboboxContent } from './combobox-content.vue.js';
+export { default as ComboboxEmpty } from './combobox-empty.vue.js';
 export { default as ComboboxContext } from './combobox-context.vue.js';
 export { default as ComboboxControl } from './combobox-control.vue.js';
 export { default as ComboboxInput } from './combobox-input.vue.js';
@@ -17,9 +18,9 @@ export { default as ComboboxPositioner } from './combobox-positioner.vue.js';
 export { default as ComboboxRootProvider } from './combobox-root-provider.vue.js';
 export { default as ComboboxRoot } from './combobox-root.vue.js';
 export { default as ComboboxTrigger } from './combobox-trigger.vue.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/dialog/dialog-root.vue.cjs

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     restoreFocus: void 0,
     trapFocus: 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/dialog/dialog-root.vue.d.cts

@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
     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<DialogRootProps> & Readonly<{
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
     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;
     defaultOpen: boolean;

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

@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
     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<DialogRootProps> & Readonly<{
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
     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;
     defaultOpen: boolean;

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

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     restoreFocus: void 0,
     trapFocus: 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/dialog/dialog.types.d.cts

@@ -100,6 +100,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: dialog.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/dialog/dialog.types.d.ts

@@ -100,6 +100,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: dialog.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/dialog/use-dialog.cjs

@@ -59,6 +59,10 @@ const useDialog = (props = {}, emit) => {
       onPointerDownOutside: (details) => {
         emit?.("pointerDownOutside", details);
         localeProps.onPointerDownOutside?.(details);
+      },
+      onRequestDismiss: (details) => {
+        emit?.("requestDismiss", details);
+        localeProps.onRequestDismiss?.(details);
       }
     };
   });

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

@@ -36,6 +36,10 @@ const useDialog = (props = {}, emit) => {
       onPointerDownOutside: (details) => {
         emit?.("pointerDownOutside", details);
         localeProps.onPointerDownOutside?.(details);
+      },
+      onRequestDismiss: (details) => {
+        emit?.("requestDismiss", details);
+        localeProps.onRequestDismiss?.(details);
       }
     };
   });

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

@@ -56,6 +56,7 @@ const useField = (props = {}) => {
       "data-disabled": domQuery.dataAttr(values.disabled),
       "data-invalid": domQuery.dataAttr(values.invalid),
       "data-readonly": domQuery.dataAttr(values.readOnly),
+      "data-required": domQuery.dataAttr(values.required),
       htmlFor: id.value
     };
   };

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

@@ -47,6 +47,7 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         'data-disabled': boolean | "false" | "true";
         'data-invalid': boolean | "false" | "true";
         'data-readonly': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
         htmlFor: string;
         "data-scope": string;
         "data-part": string;

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

@@ -47,6 +47,7 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         'data-disabled': boolean | "false" | "true";
         'data-invalid': boolean | "false" | "true";
         'data-readonly': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
         htmlFor: string;
         "data-scope": string;
         "data-part": string;

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

@@ -52,6 +52,7 @@ const useField = (props = {}) => {
       "data-disabled": dataAttr(values.disabled),
       "data-invalid": dataAttr(values.invalid),
       "data-readonly": dataAttr(values.readOnly),
+      "data-required": dataAttr(values.required),
       htmlFor: id.value
     };
   };

package/dist/components/hover-card/hover-card-root.vue.cjs

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeDefaults({
     closeDelay: {},
     defaultOpen: { type: Boolean },
+    disabled: { type: Boolean },
     id: {},
     ids: {},
     open: { type: Boolean },
@@ -22,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     unmountOnExit: { type: Boolean }
   }, {
     defaultOpen: void 0,
+    disabled: void 0,
     open: void 0
   }),
   emits: ["focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],

package/dist/components/hover-card/hover-card-root.vue.d.cts

@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootPr
     onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 }>, {
+    disabled: boolean;
     open: boolean;
     defaultOpen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {

package/dist/components/hover-card/hover-card-root.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootPr
     onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 }>, {
+    disabled: boolean;
     open: boolean;
     defaultOpen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {

package/dist/components/hover-card/hover-card-root.vue.js

@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     closeDelay: {},
     defaultOpen: { type: Boolean },
+    disabled: { type: Boolean },
     id: {},
     ids: {},
     open: { type: Boolean },
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     unmountOnExit: { type: Boolean }
   }, {
     defaultOpen: void 0,
+    disabled: void 0,
     open: void 0
   }),
   emits: ["focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],

package/dist/components/hover-card/hover-card.types.d.cts

@@ -10,6 +10,10 @@ export interface RootProps {
      * Use when you don't need to control the open state of the hover card.
      */
     defaultOpen?: boolean;
+    /**
+     * Whether the hover card is disabled
+     */
+    disabled?: boolean;
     /**
      * The unique identifier of the machine.
      */