@ark-ui/vue 5.30.0 → 5.31.0

package/dist/components/date-picker/date-picker.js

@@ -10,6 +10,7 @@ export { default as Positioner } from './date-picker-positioner.vue.js';
 export { default as PresetTrigger } from './date-picker-preset-trigger.vue.js';
 export { default as PrevTrigger } from './date-picker-prev-trigger.vue.js';
 export { default as RangeText } from './date-picker-range-text.vue.js';
+export { default as ValueText } from './date-picker-value-text.vue.js';
 export { default as RootProvider } from './date-picker-root-provider.vue.js';
 export { default as Root } from './date-picker-root.vue.js';
 export { default as TableBody } from './date-picker-table-body.vue.js';

package/dist/components/date-picker/date-picker.types.d.cts

@@ -181,6 +181,10 @@ export interface RootProps {
     required?: boolean;
 }
 export type RootEmits = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focused date changes.
      */
@@ -197,6 +201,10 @@ export type RootEmits = {
      * Function called when the view changes.
      */
     viewChange: [details: datePicker.ViewChangeDetails];
+    /**
+     * Function called when the visible date range changes.
+     */
+    visibleRangeChange: [details: datePicker.VisibleRangeChangeDetails];
     /**
      * The callback fired when the model value changes.
      */

package/dist/components/date-picker/date-picker.types.d.ts

@@ -181,6 +181,10 @@ export interface RootProps {
     required?: boolean;
 }
 export type RootEmits = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focused date changes.
      */
@@ -197,6 +201,10 @@ export type RootEmits = {
      * Function called when the view changes.
      */
     viewChange: [details: datePicker.ViewChangeDetails];
+    /**
+     * Function called when the visible date range changes.
+     */
+    visibleRangeChange: [details: datePicker.VisibleRangeChangeDetails];
     /**
      * The callback fired when the model value changes.
      */

package/dist/components/date-picker/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const datePicker = require('@zag-js/date-picker');
+const datePicker$1 = require('@zag-js/date-picker');
 const datePickerClearTrigger_vue_vue_type_script_setup_true_lang = require('./date-picker-clear-trigger.vue.cjs');
 const datePickerContent_vue_vue_type_script_setup_true_lang = require('./date-picker-content.vue.cjs');
 const datePickerContext_vue_vue_type_script_setup_true_lang = require('./date-picker-context.vue.cjs');
@@ -15,6 +15,7 @@ const datePickerPositioner_vue_vue_type_script_setup_true_lang = require('./date
 const datePickerPresetTrigger_vue_vue_type_script_setup_true_lang = require('./date-picker-preset-trigger.vue.cjs');
 const datePickerPrevTrigger_vue_vue_type_script_setup_true_lang = require('./date-picker-prev-trigger.vue.cjs');
 const datePickerRangeText_vue_vue_type_script_setup_true_lang = require('./date-picker-range-text.vue.cjs');
+const datePickerValueText_vue_vue_type_script_setup_true_lang = require('./date-picker-value-text.vue.cjs');
 const datePickerRootProvider_vue_vue_type_script_setup_true_lang = require('./date-picker-root-provider.vue.cjs');
 const datePickerRoot_vue_vue_type_script_setup_true_lang = require('./date-picker-root.vue.cjs');
 const datePickerTableBody_vue_vue_type_script_setup_true_lang = require('./date-picker-table-body.vue.cjs');
@@ -32,13 +33,13 @@ const datePickerYearSelect_vue_vue_type_script_setup_true_lang = require('./date
 const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
-const datePicker$1 = require('./date-picker.cjs');
+const datePicker = require('./date-picker.cjs');
 
 
 
 Object.defineProperty(exports, "parseDate", {
   enumerable: true,
-  get: () => datePicker.parse
+  get: () => datePicker$1.parse
 });
 exports.DatePickerClearTrigger = datePickerClearTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.DatePickerContent = datePickerContent_vue_vue_type_script_setup_true_lang.default;
@@ -52,6 +53,7 @@ exports.DatePickerPositioner = datePickerPositioner_vue_vue_type_script_setup_tr
 exports.DatePickerPresetTrigger = datePickerPresetTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.DatePickerRangeText = datePickerRangeText_vue_vue_type_script_setup_true_lang.default;
+exports.DatePickerValueText = datePickerValueText_vue_vue_type_script_setup_true_lang.default;
 exports.DatePickerRootProvider = datePickerRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.DatePickerRoot = datePickerRoot_vue_vue_type_script_setup_true_lang.default;
 exports.DatePickerTableBody = datePickerTableBody_vue_vue_type_script_setup_true_lang.default;
@@ -69,4 +71,4 @@ exports.DatePickerYearSelect = datePickerYearSelect_vue_vue_type_script_setup_tr
 exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.useDatePicker = useDatePicker.useDatePicker;
 exports.useDatePickerContext = useDatePickerContext.useDatePickerContext;
-exports.DatePicker = datePicker$1;
+exports.DatePicker = datePicker;

package/dist/components/date-picker/index.d.cts

@@ -12,7 +12,8 @@ export { default as DatePickerPositioner, type DatePickerPositionerBaseProps, ty
 export { default as DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger.vue';
 export { default as DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger.vue';
 export { default as DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text.vue';
-export { default as DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider.vue';
+export { default as DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text.vue';
+export { default as DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderEmits, type DatePickerRootProviderProps, } from './date-picker-root-provider.vue';
 export { default as DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootEmits, type DatePickerRootProps, } from './date-picker-root.vue';
 export { default as DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body.vue';
 export { default as DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger.vue';

package/dist/components/date-picker/index.d.ts

@@ -12,7 +12,8 @@ export { default as DatePickerPositioner, type DatePickerPositionerBaseProps, ty
 export { default as DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger.vue';
 export { default as DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger.vue';
 export { default as DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text.vue';
-export { default as DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider.vue';
+export { default as DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text.vue';
+export { default as DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderEmits, type DatePickerRootProviderProps, } from './date-picker-root-provider.vue';
 export { default as DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootEmits, type DatePickerRootProps, } from './date-picker-root.vue';
 export { default as DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body.vue';
 export { default as DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger.vue';

package/dist/components/date-picker/index.js

@@ -11,6 +11,7 @@ export { default as DatePickerPositioner } from './date-picker-positioner.vue.js
 export { default as DatePickerPresetTrigger } from './date-picker-preset-trigger.vue.js';
 export { default as DatePickerPrevTrigger } from './date-picker-prev-trigger.vue.js';
 export { default as DatePickerRangeText } from './date-picker-range-text.vue.js';
+export { default as DatePickerValueText } from './date-picker-value-text.vue.js';
 export { default as DatePickerRootProvider } from './date-picker-root-provider.vue.js';
 export { default as DatePickerRoot } from './date-picker-root.vue.js';
 export { default as DatePickerTableBody } from './date-picker-table-body.vue.js';

package/dist/components/date-picker/use-date-picker.cjs

@@ -60,6 +60,10 @@ const useDatePicker = (props = {}, emit) => {
         emit?.("valueChange", details);
         emit?.("update:modelValue", details.value);
         localeProps.onValueChange?.(details);
+      },
+      onVisibleRangeChange: (details) => {
+        emit?.("visibleRangeChange", details);
+        localeProps.onVisibleRangeChange?.(details);
       }
     };
   });

package/dist/components/date-picker/use-date-picker.js

@@ -37,6 +37,10 @@ const useDatePicker = (props = {}, emit) => {
         emit?.("valueChange", details);
         emit?.("update:modelValue", details.value);
         localeProps.onValueChange?.(details);
+      },
+      onVisibleRangeChange: (details) => {
+        emit?.("visibleRangeChange", details);
+        localeProps.onVisibleRangeChange?.(details);
       }
     };
   });

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, unref, openBlock, createBlock, mergeProps as mergeProps$1, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { mergeProps } from '@zag-js/vue';
 import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/dialog/dialog-close-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useDialogContext } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, unref, openBlock, createBlock, mergeProps as mergeProps$1, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { ark } from '../factory.js';
 import { useDialogContext } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useDialogContext } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/dialog/dialog-positioner.vue.cjs

@@ -4,11 +4,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const factory = require('../factory.cjs');
-const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
-const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "dialog-positioner",
@@ -17,14 +15,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const dialog = useDialogContext.useDialogContext();
-    const renderStrategy = useRenderStrategy.useRenderStrategyProps();
-    const presence = usePresence.usePresence(
-      vue.computed(() => ({
-        ...renderStrategy.value,
-        present: dialog.value.open
-      }))
-    );
-    usePresenceContext.PresenceProvider(presence);
+    const presence = usePresenceContext.usePresenceContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, vue.unref(dialog).getPositionerProps(), { "as-child": __props.asChild }), {

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

@@ -1,10 +1,8 @@
-import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, unref, openBlock, createBlock, mergeProps, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { ark } from '../factory.js';
-import { usePresence } from '../presence/use-presence.js';
-import { PresenceProvider } from '../presence/use-presence-context.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useDialogContext } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
-import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dialog-positioner",
@@ -13,14 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const dialog = useDialogContext();
-    const renderStrategy = useRenderStrategyProps();
-    const presence = usePresence(
-      computed(() => ({
-        ...renderStrategy.value,
-        present: dialog.value.open
-      }))
-    );
-    PresenceProvider(presence);
+    const presence = usePresenceContext();
     useForwardExpose();
     return (_ctx, _cache) => {
       return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps({ key: 0 }, unref(dialog).getPositionerProps(), { "as-child": __props.asChild }), {

package/dist/components/dialog/dialog-root-provider.vue.cjs

@@ -4,6 +4,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 
@@ -14,10 +16,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     lazyMount: { type: Boolean },
     unmountOnExit: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["exitComplete"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const dialog = vue.computed(() => props.value);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: dialog.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     useDialogContext.DialogProvider(dialog);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -1,6 +1,7 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseDialogReturn } from './use-dialog';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 interface RootProviderProps {
     value: UnwrapRef<UseDialogReturn>;
 }
@@ -8,7 +9,13 @@ export interface DialogRootProviderBaseProps extends RootProviderProps, RenderSt
 }
 export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export interface DialogRootProviderEmits extends PresenceEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+}, string, PublicProps, Readonly<DialogRootProviderProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseDialogReturn } from './use-dialog';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 interface RootProviderProps {
     value: UnwrapRef<UseDialogReturn>;
 }
@@ -8,7 +9,13 @@ export interface DialogRootProviderBaseProps extends RootProviderProps, RenderSt
 }
 export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export interface DialogRootProviderEmits extends PresenceEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+}, string, PublicProps, Readonly<DialogRootProviderProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,5 +1,7 @@
 import { defineComponent, computed, renderSlot } from 'vue';
 import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
 import { DialogProvider } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 
@@ -10,10 +12,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyMount: { type: Boolean },
     unmountOnExit: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["exitComplete"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const dialog = computed(() => props.value);
+    const presence = usePresence(
+      computed(() => ({
+        present: dialog.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     DialogProvider(dialog);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -5,6 +5,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDialog = require('./use-dialog.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
 
@@ -38,12 +40,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     restoreFocus: void 0,
     trapFocus: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
+  emits: ["escapeKeyDown", "exitComplete", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const dialog = useDialog.useDialog(props, emits);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: dialog.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     useDialogContext.DialogProvider(dialog);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -10,6 +10,7 @@ export interface DialogRootProps extends DialogRootBaseProps {
 export interface DialogRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
@@ -23,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
         targetIndex: number;
     }>) => any;
 }, string, PublicProps, Readonly<DialogRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -10,6 +10,7 @@ export interface DialogRootProps extends DialogRootBaseProps {
 export interface DialogRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
@@ -23,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
         targetIndex: number;
     }>) => any;
 }, string, PublicProps, Readonly<DialogRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -1,6 +1,8 @@
-import { defineComponent, mergeDefaults, computed, renderSlot } from 'vue';
+import { defineComponent, computed, renderSlot, mergeDefaults } from 'vue';
 import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useDialog } from './use-dialog.js';
 import { DialogProvider } from './use-dialog-context.js';
 
@@ -34,12 +36,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     restoreFocus: void 0,
     trapFocus: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
+  emits: ["escapeKeyDown", "exitComplete", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const dialog = useDialog(props, emits);
+    const presence = usePresence(
+      computed(() => ({
+        present: dialog.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     DialogProvider(dialog);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useDialogContext } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useDialogContext } from './use-dialog-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -84,6 +84,10 @@ export type RootEmits = {
      * Function called when the escape key is pressed
      */
     escapeKeyDown: [event: KeyboardEvent];
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focus is moved outside the component
      */

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

@@ -84,6 +84,10 @@ export type RootEmits = {
      * Function called when the escape key is pressed
      */
     escapeKeyDown: [event: KeyboardEvent];
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focus is moved outside the component
      */

package/dist/components/dialog/index.cjs

@@ -14,8 +14,8 @@ const dialogTitle_vue_vue_type_script_setup_true_lang = require('./dialog-title.
 const dialogTrigger_vue_vue_type_script_setup_true_lang = require('./dialog-trigger.vue.cjs');
 const useDialog = require('./use-dialog.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
-const dialog$1 = require('./dialog.cjs');
-const dialog = require('@zag-js/dialog');
+const dialog = require('./dialog.cjs');
+const dialog$1 = require('@zag-js/dialog');
 
 
 
@@ -31,8 +31,8 @@ exports.DialogTitle = dialogTitle_vue_vue_type_script_setup_true_lang.default;
 exports.DialogTrigger = dialogTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.useDialog = useDialog.useDialog;
 exports.useDialogContext = useDialogContext.useDialogContext;
-exports.Dialog = dialog$1;
+exports.Dialog = dialog;
 Object.defineProperty(exports, "dialogAnatomy", {
   enumerable: true,
-  get: () => dialog.anatomy
+  get: () => dialog$1.anatomy
 });

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

@@ -5,7 +5,7 @@ export { default as DialogContent, type DialogContentBaseProps, type DialogConte
 export { default as DialogContext, type DialogContextProps } from './dialog-context.vue';
 export { default as DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, } from './dialog-description.vue';
 export { default as DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, } from './dialog-positioner.vue';
-export { default as DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, } from './dialog-root-provider.vue';
+export { default as DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderEmits, type DialogRootProviderProps, } from './dialog-root-provider.vue';
 export { default as DialogRoot, type DialogRootBaseProps, type DialogRootEmits, type DialogRootProps, } from './dialog-root.vue';
 export { default as DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.vue';
 export { default as DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.vue';

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

@@ -5,7 +5,7 @@ export { default as DialogContent, type DialogContentBaseProps, type DialogConte
 export { default as DialogContext, type DialogContextProps } from './dialog-context.vue';
 export { default as DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, } from './dialog-description.vue';
 export { default as DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, } from './dialog-positioner.vue';
-export { default as DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, } from './dialog-root-provider.vue';
+export { default as DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderEmits, type DialogRootProviderProps, } from './dialog-root-provider.vue';
 export { default as DialogRoot, type DialogRootBaseProps, type DialogRootEmits, type DialogRootProps, } from './dialog-root.vue';
 export { default as DialogTitle, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.vue';
 export { default as DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.vue';

package/dist/components/download-trigger/download-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { downloadFile } from '@zag-js/file-utils';
 import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';

package/dist/components/editable/editable-area.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/editable/editable-cancel-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/editable/editable-control.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/editable/editable-edit-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/editable/editable-input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useFieldContext } from '../field/use-field-context.js';

package/dist/components/editable/editable-label.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/editable/editable-preview.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useEditableContext } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/editable/editable-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { EditableProvider } from './use-editable-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useEditable } from './use-editable.js';
 import { EditableProvider } from './use-editable-context.js';