@ark-ui/vue 5.29.1 → 5.31.0

package/dist/components/file-upload/file-upload-root.vue.cjs

@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     minFileSize: {},
     name: {},
     preventDocumentDrop: { type: Boolean },
+    readOnly: { type: Boolean },
     required: { type: Boolean },
     translations: {},
     validate: { type: Function },
@@ -37,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     disabled: void 0,
     invalid: void 0,
     preventDocumentDrop: void 0,
+    readOnly: void 0,
     required: void 0
   }),
   emits: ["update:acceptedFiles", "fileAccept", "fileChange", "fileReject"],

package/dist/components/file-upload/file-upload-root.vue.d.cts

@@ -26,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadRootP
     invalid: boolean;
     disabled: boolean;
     required: boolean;
+    readOnly: boolean;
     allowDrop: boolean;
     directory: boolean;
     preventDocumentDrop: boolean;

package/dist/components/file-upload/file-upload-root.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadRootP
     invalid: boolean;
     disabled: boolean;
     required: boolean;
+    readOnly: boolean;
     allowDrop: boolean;
     directory: boolean;
     preventDocumentDrop: boolean;

package/dist/components/file-upload/file-upload-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 { useFileUpload } from './use-file-upload.js';
 import { FileUploadProvider } from './use-file-upload-context.js';
@@ -22,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     minFileSize: {},
     name: {},
     preventDocumentDrop: { type: Boolean },
+    readOnly: { type: Boolean },
     required: { type: Boolean },
     translations: {},
     validate: { type: Function },
@@ -33,6 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: void 0,
     invalid: void 0,
     preventDocumentDrop: void 0,
+    readOnly: void 0,
     required: void 0
   }),
   emits: ["update:acceptedFiles", "fileAccept", "fileChange", "fileReject"],

package/dist/components/file-upload/file-upload-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 { useFileUploadContext } from './use-file-upload-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/file-upload/file-upload.types.d.cts

@@ -78,6 +78,10 @@ export interface RootProps {
      * @default true
      */
     preventDocumentDrop?: boolean;
+    /**
+     * Whether the file input is read-only
+     */
+    readOnly?: boolean;
     /**
      * Whether the file input is required
      */

package/dist/components/file-upload/file-upload.types.d.ts

@@ -78,6 +78,10 @@ export interface RootProps {
      * @default true
      */
     preventDocumentDrop?: boolean;
+    /**
+     * Whether the file input is read-only
+     */
+    readOnly?: boolean;
     /**
      * Whether the file input is required
      */

package/dist/components/file-upload/index.cjs

@@ -19,8 +19,8 @@ const fileUploadRoot_vue_vue_type_script_setup_true_lang = require('./file-uploa
 const fileUploadTrigger_vue_vue_type_script_setup_true_lang = require('./file-upload-trigger.vue.cjs');
 const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const fileUpload$1 = require('./file-upload.cjs');
-const fileUpload = require('@zag-js/file-upload');
+const fileUpload = require('./file-upload.cjs');
+const fileUpload$1 = require('@zag-js/file-upload');
 
 
 
@@ -41,8 +41,8 @@ exports.FileUploadRoot = fileUploadRoot_vue_vue_type_script_setup_true_lang.defa
 exports.FileUploadTrigger = fileUploadTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
-exports.FileUpload = fileUpload$1;
+exports.FileUpload = fileUpload;
 Object.defineProperty(exports, "fileUploadAnatomy", {
   enumerable: true,
-  get: () => fileUpload.anatomy
+  get: () => fileUpload$1.anatomy
 });

package/dist/components/floating-panel/floating-panel-body.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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/floating-panel/floating-panel-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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/floating-panel/floating-panel-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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';

package/dist/components/floating-panel/floating-panel-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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/floating-panel/floating-panel-drag-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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/floating-panel/floating-panel-header.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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/floating-panel/floating-panel-positioner.vue.js

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

package/dist/components/floating-panel/floating-panel-resize-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 { useFloatingPanelContext } from './use-floating-panel-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/floating-panel/floating-panel-root.vue.d.cts

@@ -1,8 +1,7 @@
 import { RootEmits, RootProps } from './floating-panel.types';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails } from '@zag-js/floating-panel';
-import { Point, Size } from '@zag-js/rect-utils';
+import { OpenChangeDetails, PositionChangeDetails, Point, SizeChangeDetails, Size, StageChangeDetails } from '@zag-js/floating-panel';
 export interface FloatingPanelRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface FloatingPanelRootEmits extends RootEmits {

package/dist/components/floating-panel/floating-panel-root.vue.d.ts

@@ -1,8 +1,7 @@
 import { RootEmits, RootProps } from './floating-panel.types';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails } from '@zag-js/floating-panel';
-import { Point, Size } from '@zag-js/rect-utils';
+import { OpenChangeDetails, PositionChangeDetails, Point, SizeChangeDetails, Size, StageChangeDetails } from '@zag-js/floating-panel';
 export interface FloatingPanelRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface FloatingPanelRootEmits extends RootEmits {

package/dist/components/floating-panel/floating-panel-root.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, computed, renderSlot } from 'vue';
+import { defineComponent, computed, renderSlot, mergeDefaults } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';

package/dist/components/floating-panel/floating-panel-stage-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 { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useFloatingPanelContext } from './use-floating-panel-context.js';

package/dist/components/floating-panel/floating-panel-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 { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useFloatingPanelContext } from './use-floating-panel-context.js';

package/dist/components/floating-panel/floating-panel-trigger.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 { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useFloatingPanelContext } from './use-floating-panel-context.js';

package/dist/components/floating-panel/index.cjs

@@ -18,8 +18,8 @@ const floatingPanelTrigger_vue_vue_type_script_setup_true_lang = require('./floa
 const floatingPanelControl_vue_vue_type_script_setup_true_lang = require('./floating-panel-control.vue.cjs');
 const useFloatingPanel = require('./use-floating-panel.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
-const floatingPanel$1 = require('./floating-panel.cjs');
-const floatingPanel = require('@zag-js/floating-panel');
+const floatingPanel = require('./floating-panel.cjs');
+const floatingPanel$1 = require('@zag-js/floating-panel');
 
 
 
@@ -39,8 +39,8 @@ exports.FloatingPanelTrigger = floatingPanelTrigger_vue_vue_type_script_setup_tr
 exports.FloatingPanelControl = floatingPanelControl_vue_vue_type_script_setup_true_lang.default;
 exports.useFloatingPanel = useFloatingPanel.useFloatingPanel;
 exports.useFloatingPanelContext = useFloatingPanelContext.useFloatingPanelContext;
-exports.FloatingPanel = floatingPanel$1;
+exports.FloatingPanel = floatingPanel;
 Object.defineProperty(exports, "floatingPanelAnatomy", {
   enumerable: true,
-  get: () => floatingPanel.anatomy
+  get: () => floatingPanel$1.anatomy
 });

package/dist/components/focus-trap/focus-trap.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watchEffect, onWatcherCleanup, onBeforeUnmount, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, ref, watchEffect, onWatcherCleanup, onBeforeUnmount, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
 import { trapFocus } from '@zag-js/focus-trap';
 import { ark } from '../factory.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/frame/frame.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createBlock, openBlock, unref, withCtx, createElementVNode, mergeProps, createCommentVNode, Teleport, createVNode, renderSlot } from 'vue';
+import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, mergeProps, Teleport, createVNode, renderSlot, createCommentVNode } from 'vue';
 import _sfc_main$1 from '../../providers/environment/environment-provider.vue.js';
 import _sfc_main$2 from './frame-content.vue.js';
 

package/dist/components/highlight/highlight.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, renderList, unref, toDisplayString, createTextVNode } from 'vue';
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, unref, toDisplayString, createTextVNode } from 'vue';
 import { useHighlight } from './use-highlight.js';
 
 const _hoisted_1 = { key: 0 };

package/dist/components/hover-card/hover-card-arrow-tip.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 { useHoverCardContext } from './use-hover-card-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/hover-card/hover-card-arrow.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 { useHoverCardContext } from './use-hover-card-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/hover-card/hover-card-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 { useHoverCardContext } from './use-hover-card-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -3,12 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 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 factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
-const factory = require('../factory.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "hover-card-positioner",
@@ -17,14 +15,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const hoverCard = useHoverCardContext.useHoverCardContext();
-    const renderStrategy = useRenderStrategy.useRenderStrategyProps();
-    const presence = usePresence.usePresence(
-      vue.computed(() => ({
-        ...renderStrategy.value,
-        present: hoverCard.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(hoverCard).getPositionerProps(), { "as-child": __props.asChild }), {

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

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

package/dist/components/hover-card/hover-card-root-provider.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 useHoverCardContext = require('./use-hover-card-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -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 hoverCard = vue.computed(() => props.value);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: hoverCard.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     useHoverCardContext.HoverCardProvider(hoverCard);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/hover-card/hover-card-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 { UseHoverCardReturn } from './use-hover-card';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 interface RootProviderProps {
     value: UnwrapRef<UseHoverCardReturn>;
 }
@@ -8,7 +9,13 @@ export interface HoverCardRootProviderBaseProps extends RootProviderProps, Rende
 }
 export interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<HoverCardRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export interface HoverCardRootProviderEmits extends PresenceEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+}, string, PublicProps, Readonly<HoverCardRootProviderProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/hover-card/hover-card-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 { UseHoverCardReturn } from './use-hover-card';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 interface RootProviderProps {
     value: UnwrapRef<UseHoverCardReturn>;
 }
@@ -8,7 +9,13 @@ export interface HoverCardRootProviderBaseProps extends RootProviderProps, Rende
 }
 export interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<HoverCardRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export interface HoverCardRootProviderEmits extends PresenceEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+}, string, PublicProps, Readonly<HoverCardRootProviderProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,6 +1,8 @@
 import { defineComponent, computed, renderSlot } 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 { HoverCardProvider } from './use-hover-card-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -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 hoverCard = computed(() => props.value);
+    const presence = usePresence(
+      computed(() => ({
+        present: hoverCard.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     HoverCardProvider(hoverCard);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/hover-card/hover-card-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 useHoverCard = require('./use-hover-card.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
 
@@ -26,12 +28,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     disabled: void 0,
     open: void 0
   }),
-  emits: ["focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
+  emits: ["exitComplete", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const hoverCard = useHoverCard.useHoverCard(props, emits);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: hoverCard.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     useHoverCardContext.HoverCardProvider(hoverCard);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './hover-card.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/hover-card';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 export interface HoverCardRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface HoverCardRootProps extends HoverCardRootBaseProps {
@@ -10,12 +10,14 @@ export interface HoverCardRootProps extends HoverCardRootBaseProps {
 export interface HoverCardRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
     interactOutside: (event: InteractOutsideEvent) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 }, string, PublicProps, Readonly<HoverCardRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './hover-card.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/hover-card';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 export interface HoverCardRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface HoverCardRootProps extends HoverCardRootBaseProps {
@@ -10,12 +10,14 @@ export interface HoverCardRootProps extends HoverCardRootBaseProps {
 export interface HoverCardRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<HoverCardRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
     interactOutside: (event: InteractOutsideEvent) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 }, string, PublicProps, Readonly<HoverCardRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/hover-card/hover-card-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 { useHoverCard } from './use-hover-card.js';
 import { HoverCardProvider } from './use-hover-card-context.js';
 
@@ -22,12 +24,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: void 0,
     open: void 0
   }),
-  emits: ["focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
+  emits: ["exitComplete", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const hoverCard = useHoverCard(props, emits);
+    const presence = usePresence(
+      computed(() => ({
+        present: hoverCard.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     HoverCardProvider(hoverCard);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/hover-card/hover-card-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 { useHoverCardContext } from './use-hover-card-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -42,6 +42,10 @@ export interface RootProps {
     positioning?: hoverCard.PositioningOptions;
 }
 export type RootEmits = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focus is moved outside the component
      */

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

@@ -42,6 +42,10 @@ export interface RootProps {
     positioning?: hoverCard.PositioningOptions;
 }
 export type RootEmits = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focus is moved outside the component
      */