@ark-ui/vue 5.30.0 → 5.31.0

package/dist/components/tooltip/tooltip-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 { TooltipProvider } from './use-tooltip-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 tooltip = computed(() => props.value);
+    const presence = usePresence(
+      computed(() => ({
+        present: tooltip.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     TooltipProvider(tooltip);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/tooltip/tooltip-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 useTooltip = require('./use-tooltip.cjs');
 const useTooltipContext = require('./use-tooltip-context.cjs');
 
@@ -37,12 +39,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     interactive: void 0,
     open: void 0
   }),
-  emits: ["openChange", "update:open"],
+  emits: ["exitComplete", "openChange", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const tooltip = useTooltip.useTooltip(props, emits);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: tooltip.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     useTooltipContext.TooltipProvider(tooltip);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -9,9 +9,11 @@ export interface TooltipRootProps extends TooltipRootBaseProps {
 export interface TooltipRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<TooltipRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
 }, string, PublicProps, Readonly<TooltipRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {

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

@@ -9,9 +9,11 @@ export interface TooltipRootProps extends TooltipRootBaseProps {
 export interface TooltipRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<TooltipRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
 }, string, PublicProps, Readonly<TooltipRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {

package/dist/components/tooltip/tooltip-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 { useTooltip } from './use-tooltip.js';
 import { TooltipProvider } from './use-tooltip-context.js';
 
@@ -33,12 +35,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     interactive: void 0,
     open: void 0
   }),
-  emits: ["openChange", "update:open"],
+  emits: ["exitComplete", "openChange", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const tooltip = useTooltip(props, emits);
+    const presence = usePresence(
+      computed(() => ({
+        present: tooltip.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     TooltipProvider(tooltip);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

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

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

@@ -74,6 +74,10 @@ export interface RootProps {
     positioning?: tooltip.PositioningOptions;
 }
 export type RootEmits = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the tooltip is opened.
      */

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

@@ -74,6 +74,10 @@ export interface RootProps {
     positioning?: tooltip.PositioningOptions;
 }
 export type RootEmits = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the tooltip is opened.
      */

package/dist/components/tour/index.cjs

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const tour$1 = require('@zag-js/tour');
+const waitForEvent = require('./wait-for-event.cjs');
 const tourActionTrigger_vue_vue_type_script_setup_true_lang = require('./tour-action-trigger.vue.cjs');
 const tourActions_vue_vue_type_script_setup_true_lang = require('./tour-actions.vue.cjs');
 const tourArrowTip_vue_vue_type_script_setup_true_lang = require('./tour-arrow-tip.vue.cjs');
@@ -24,6 +26,19 @@ const tour = require('./tour.cjs');
 
 
 
+Object.defineProperty(exports, "waitForElement", {
+  enumerable: true,
+  get: () => tour$1.waitForElement
+});
+Object.defineProperty(exports, "waitForElementValue", {
+  enumerable: true,
+  get: () => tour$1.waitForElementValue
+});
+Object.defineProperty(exports, "waitForPromise", {
+  enumerable: true,
+  get: () => tour$1.waitForPromise
+});
+exports.waitForEvent = waitForEvent.waitForEvent;
 exports.TourActionTrigger = tourActionTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.TourActions = tourActions_vue_vue_type_script_setup_true_lang.default;
 exports.TourArrowTip = tourArrowTip_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,4 +1,6 @@
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
+export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
+export { waitForEvent, type WaitForEventOptions } from './wait-for-event';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
 export { default as TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger.vue';
 export { default as TourActions, type TourActionsProps } from './tour-actions.vue';
 export { default as TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip.vue';

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

@@ -1,4 +1,6 @@
-export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
+export { waitForElement, waitForElementValue, waitForPromise, type WaitOptions } from '@zag-js/tour';
+export { waitForEvent, type WaitForEventOptions } from './wait-for-event';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, StepEffectArgs as TourStepEffectArgs, } from '@zag-js/tour';
 export { default as TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps, } from './tour-action-trigger.vue';
 export { default as TourActions, type TourActionsProps } from './tour-actions.vue';
 export { default as TourArrowTip, type TourArrowTipBaseProps, type TourArrowTipProps } from './tour-arrow-tip.vue';

package/dist/components/tour/index.js

@@ -1,3 +1,5 @@
+export { waitForElement, waitForElementValue, waitForPromise } from '@zag-js/tour';
+export { waitForEvent } from './wait-for-event.js';
 export { default as TourActionTrigger } from './tour-action-trigger.vue.js';
 export { default as TourActions } from './tour-actions.vue.js';
 export { default as TourArrowTip } from './tour-arrow-tip.vue.js';

package/dist/components/tour/tour-action-trigger.vue.js

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

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

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

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

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

package/dist/components/tour/tour-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 { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { tourAnatomy } from './tour.anatomy.js';

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

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

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

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

package/dist/components/tour/tour-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 { useForwardExpose } from '../../utils/use-forward-expose.js';
 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 { useTourContext } from './use-tour-context.js';
-import { useForwardExpose } from '../../utils/use-forward-expose.js';
-import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tour-positioner",
@@ -13,14 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const tour = useTourContext();
-    const renderStrategy = useRenderStrategyProps();
-    const presence = usePresence(
-      computed(() => ({
-        ...renderStrategy.value,
-        present: tour.value.open
-      }))
-    );
-    PresenceProvider(presence);
+    const presence = usePresenceContext();
     useForwardExpose();
     return (_ctx, _cache) => {
       return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps({ key: 0 }, unref(tour).getPositionerProps(), { "as-child": __props.asChild }), {

package/dist/components/tour/tour-progress-text.vue.js

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

package/dist/components/tour/tour-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 useTourContext = require('./use-tour-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -14,10 +16,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     lazyMount: { type: Boolean },
     unmountOnExit: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["exitComplete", "focusOutside", "interactOutside", "pointerDownOutside", "statusChange", "stepChange", "stepsChange"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const tour = vue.computed(() => props.tour);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: tour.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     useTourContext.TourProvider(tour);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -2,6 +2,8 @@ import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, Compone
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits } from './tour.types';
 import { UseTourReturn } from './use-tour';
+import { StatusChangeDetails, StepChangeDetails, StepDetails } from '@zag-js/tour';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 interface RootProps {
     tour: UnwrapRef<UseTourReturn>;
 }
@@ -11,7 +13,27 @@ export interface TourRootProps extends TourRootBaseProps {
 }
 export interface TourRootEmits extends RootEmits {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<TourRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TourRootProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TourRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+    statusChange: (details: StatusChangeDetails) => any;
+    focusOutside: (event: FocusOutsideEvent) => any;
+    interactOutside: (event: InteractOutsideEvent) => any;
+    pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+    stepChange: (details: StepChangeDetails) => any;
+    stepsChange: (details: {
+        steps: StepDetails[];
+    }) => any;
+}, string, PublicProps, Readonly<TourRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+    onStatusChange?: ((details: StatusChangeDetails) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onStepChange?: ((details: StepChangeDetails) => any) | undefined;
+    onStepsChange?: ((details: {
+        steps: StepDetails[];
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -2,6 +2,8 @@ import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, Compone
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits } from './tour.types';
 import { UseTourReturn } from './use-tour';
+import { StatusChangeDetails, StepChangeDetails, StepDetails } from '@zag-js/tour';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 interface RootProps {
     tour: UnwrapRef<UseTourReturn>;
 }
@@ -11,7 +13,27 @@ export interface TourRootProps extends TourRootBaseProps {
 }
 export interface TourRootEmits extends RootEmits {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<TourRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TourRootProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TourRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+    statusChange: (details: StatusChangeDetails) => any;
+    focusOutside: (event: FocusOutsideEvent) => any;
+    interactOutside: (event: InteractOutsideEvent) => any;
+    pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+    stepChange: (details: StepChangeDetails) => any;
+    stepsChange: (details: {
+        steps: StepDetails[];
+    }) => any;
+}, string, PublicProps, Readonly<TourRootProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+    onStatusChange?: ((details: StatusChangeDetails) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onStepChange?: ((details: StepChangeDetails) => any) | undefined;
+    onStepsChange?: ((details: {
+        steps: StepDetails[];
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/tour/tour-root.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 { TourProvider } from './use-tour-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,10 +12,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyMount: { type: Boolean },
     unmountOnExit: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["exitComplete", "focusOutside", "interactOutside", "pointerDownOutside", "statusChange", "stepChange", "stepsChange"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const tour = computed(() => props.tour);
+    const presence = usePresence(
+      computed(() => ({
+        present: tour.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     TourProvider(tour);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/tour/tour-spotlight.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, 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';

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

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

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

@@ -59,6 +59,10 @@ export interface RootProps {
     translations?: tour.IntlTranslations;
 }
 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/tour/tour.types.d.ts

@@ -59,6 +59,10 @@ export interface RootProps {
     translations?: tour.IntlTranslations;
 }
 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/tour/wait-for-event.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function waitForEvent(target, event, options) {
+  let cleanup;
+  const { predicate, ...listenerOptions } = options ?? {};
+  const promise = new Promise((resolve) => {
+    const element = target?.();
+    if (!element) {
+      return;
+    }
+    const handler = (e) => {
+      if (!predicate || predicate(element)) {
+        resolve(e);
+        cleanup?.();
+      }
+    };
+    element.addEventListener(event, handler, listenerOptions);
+    cleanup = () => element.removeEventListener(event, handler, listenerOptions);
+  });
+  return [promise, () => cleanup?.()];
+}
+
+exports.waitForEvent = waitForEvent;

package/dist/components/tour/wait-for-event.d.cts

@@ -0,0 +1,6 @@
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+export interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+    predicate?: (element: T) => boolean;
+}
+export declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+export {};

package/dist/components/tour/wait-for-event.d.ts

@@ -0,0 +1,6 @@
+type WaitForEventReturn<K extends keyof HTMLElementEventMap> = [Promise<HTMLElementEventMap[K]>, VoidFunction];
+export interface WaitForEventOptions<T extends HTMLElement = HTMLElement> extends AddEventListenerOptions {
+    predicate?: (element: T) => boolean;
+}
+export declare function waitForEvent<T extends HTMLElement = HTMLElement, K extends keyof HTMLElementEventMap = keyof HTMLElementEventMap>(target: (() => HTMLElement | null) | undefined, event: K, options?: WaitForEventOptions<T>): WaitForEventReturn<K>;
+export {};

package/dist/components/tour/wait-for-event.js

@@ -0,0 +1,21 @@
+function waitForEvent(target, event, options) {
+  let cleanup;
+  const { predicate, ...listenerOptions } = options ?? {};
+  const promise = new Promise((resolve) => {
+    const element = target?.();
+    if (!element) {
+      return;
+    }
+    const handler = (e) => {
+      if (!predicate || predicate(element)) {
+        resolve(e);
+        cleanup?.();
+      }
+    };
+    element.addEventListener(event, handler, listenerOptions);
+    cleanup = () => element.removeEventListener(event, handler, listenerOptions);
+  });
+  return [promise, () => cleanup?.()];
+}
+
+export { waitForEvent };

package/dist/components/tree-view/index.cjs

@@ -26,8 +26,8 @@ const treeViewTree_vue_vue_type_script_setup_true_lang = require('./tree-view-tr
 const useTreeView = require('./use-tree-view.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
 const useTreeViewNodeContext = require('./use-tree-view-node-context.cjs');
-const treeView$1 = require('./tree-view.cjs');
-const treeView = require('@zag-js/tree-view');
+const treeView = require('./tree-view.cjs');
+const treeView$1 = require('@zag-js/tree-view');
 
 
 
@@ -56,8 +56,8 @@ exports.TreeViewTree = treeViewTree_vue_vue_type_script_setup_true_lang.default;
 exports.useTreeView = useTreeView.useTreeView;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewNodeContext = useTreeViewNodeContext.useTreeViewNodeContext;
-exports.TreeView = treeView$1;
+exports.TreeView = treeView;
 Object.defineProperty(exports, "treeViewAnatomy", {
   enumerable: true,
-  get: () => treeView.anatomy
+  get: () => treeView$1.anatomy
 });

package/dist/components/tree-view/tree-view-branch-content.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 * as collapsible from '../collapsible/collapsible.js';
 import { useTreeViewContext } from './use-tree-view-context.js';

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

package/dist/components/tree-view/tree-view-branch-indent-guide.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 { useTreeViewContext } from './use-tree-view-context.js';