@ark-ui/vue 5.20.0 → 5.22.0

package/dist/components/collection/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const gridCollection = require('./grid-collection.cjs');
 const listCollection = require('./list-collection.cjs');
 const treeCollection = require('./tree-collection.cjs');
+const useAsyncList = require('./use-async-list.cjs');
 const useListCollection = require('./use-list-collection.cjs');
 const useListSelection = require('./use-list-selection.cjs');
 
@@ -14,5 +15,6 @@ exports.createGridCollection = gridCollection.createGridCollection;
 exports.createListCollection = listCollection.createListCollection;
 exports.createFileTreeCollection = treeCollection.createFileTreeCollection;
 exports.createTreeCollection = treeCollection.createTreeCollection;
+exports.useAsyncList = useAsyncList.useAsyncList;
 exports.useListCollection = useListCollection.useListCollection;
 exports.useListSelection = useListSelection.useListSelection;

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

@@ -1,5 +1,6 @@
 export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
 export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
 export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
+export { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list';
 export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
 export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection';

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

@@ -1,5 +1,6 @@
 export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection';
 export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection';
 export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection';
+export { useAsyncList, type UseAsyncListProps, type UseAsyncListReturn } from './use-async-list';
 export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn } from './use-list-collection';
 export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn } from './use-list-selection';

package/dist/components/collection/index.js

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

package/dist/components/collection/tree-collection.js

@@ -1,4 +1,4 @@
-import { TreeCollection, filePathToTree } from '@zag-js/collection';
+import { filePathToTree, TreeCollection } from '@zag-js/collection';
 
 const createTreeCollection = (options) => new TreeCollection(options);
 const createFileTreeCollection = (paths) => filePathToTree(paths);

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import * as asyncList from '@zag-js/async-list';
+import { useMachine } from '@zag-js/vue';
+import { computed, toValue } from 'vue';
+import { cleanProps } from '../../utils/clean-props.js';
+
+const useAsyncList = (props = {}) => {
+  const context = computed(() => cleanProps(toValue(props)));
+  const service = useMachine(asyncList.machine, context);
+  return computed(() => asyncList.connect(service));
+};
+
+export { useAsyncList };

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.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';

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';

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';

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';

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.d.cts

@@ -44,9 +44,9 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
     required: boolean | undefined;
     getLabelProps: () => {
         id: string;
-        'data-disabled': boolean | "true" | "false";
-        'data-invalid': boolean | "true" | "false";
-        'data-readonly': boolean | "true" | "false";
+        'data-disabled': boolean | "false" | "true";
+        'data-invalid': boolean | "false" | "true";
+        'data-readonly': boolean | "false" | "true";
         htmlFor: string;
         "data-scope": string;
         "data-part": string;
@@ -54,9 +54,9 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
     getRootProps: () => {
         id: string;
         role: string;
-        'data-disabled': boolean | "true" | "false";
-        'data-invalid': boolean | "true" | "false";
-        'data-readonly': boolean | "true" | "false";
+        'data-disabled': boolean | "false" | "true";
+        'data-invalid': boolean | "false" | "true";
+        'data-readonly': boolean | "false" | "true";
         "data-scope": string;
         "data-part": string;
     };
@@ -65,9 +65,9 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         "data-part": string;
         'aria-describedby': string | undefined;
         'aria-invalid': "true" | undefined;
-        'data-invalid': boolean | "true" | "false";
-        'data-required': boolean | "true" | "false";
-        'data-readonly': boolean | "true" | "false";
+        'data-invalid': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
+        'data-readonly': boolean | "false" | "true";
         id: string;
         required: boolean | undefined;
         disabled: boolean | undefined;
@@ -78,9 +78,9 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         "data-part": string;
         'aria-describedby': string | undefined;
         'aria-invalid': "true" | undefined;
-        'data-invalid': boolean | "true" | "false";
-        'data-required': boolean | "true" | "false";
-        'data-readonly': boolean | "true" | "false";
+        'data-invalid': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
+        'data-readonly': boolean | "false" | "true";
         id: string;
         required: boolean | undefined;
         disabled: boolean | undefined;
@@ -91,16 +91,16 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         "data-part": string;
         'aria-describedby': string | undefined;
         'aria-invalid': "true" | undefined;
-        'data-invalid': boolean | "true" | "false";
-        'data-required': boolean | "true" | "false";
-        'data-readonly': boolean | "true" | "false";
+        'data-invalid': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
+        'data-readonly': boolean | "false" | "true";
         id: string;
         required: boolean | undefined;
         disabled: boolean | undefined;
         readOnly: boolean | undefined;
     };
     getHelperTextProps: () => {
-        'data-disabled': boolean | "true" | "false";
+        'data-disabled': boolean | "false" | "true";
         "data-scope": string;
         "data-part": string;
         id: string;