@ark-ui/vue 5.29.1 → 5.31.0

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

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

package/dist/components/select/select-hidden-select.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, toDisplayString } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, toDisplayString } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useFieldContext } from '../field/use-field-context.js';

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

package/dist/components/select/select-item-group-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 { useSelectContext } from './use-select-context.js';
 import { useSelectItemGroupPropsContext } from './use-select-item-group-props-context.js';

package/dist/components/select/select-item-group.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useId, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, useId, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSelectContext } from './use-select-context.js';
 import { SelectItemGroupPropsProvider } from './use-select-item-group-props-context.js';

package/dist/components/select/select-item-indicator.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 { useSelectContext } from './use-select-context.js';
 import { useSelectItemPropsContext } from './use-select-item-props-context.js';

package/dist/components/select/select-item-text.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 { useSelectContext } from './use-select-context.js';
 import { useSelectItemPropsContext } from './use-select-item-props-context.js';

package/dist/components/select/select-item.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 { useSelectContext } from './use-select-context.js';
 import { SelectItemProvider } from './use-select-item-context.js';

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

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

package/dist/components/select/select-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 usePresence = require('../presence/use-presence.cjs');
-const usePresenceContext = require('../presence/use-presence-context.cjs');
-const useSelectContext = require('./use-select-context.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const factory = require('../factory.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useSelectContext = require('./use-select-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "select-positioner",
@@ -17,14 +15,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const select = useSelectContext.useSelectContext();
-    const renderStrategy = useRenderStrategy.useRenderStrategyProps();
-    const presence = usePresence.usePresence(
-      vue.computed(() => ({
-        ...renderStrategy.value,
-        present: select.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(select).getPositionerProps(), { "as-child": __props.asChild }), {

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

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

@@ -6,6 +6,8 @@ const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 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 useSelectContext = require('./use-select-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -16,10 +18,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     unmountOnExit: { type: Boolean },
     asChild: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["exitComplete"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const select = vue.computed(() => props.value);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: select.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     useSelectContext.SelectProvider(select);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -4,6 +4,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { UseSelectReturn } from './use-select';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 interface RootProviderProps<T extends CollectionItem> {
     value: UnwrapRef<UseSelectReturn<T>>;
 }
@@ -16,14 +17,18 @@ export interface SelectRootProviderProps<T extends CollectionItem> extends Selec
 HTMLAttributes {
 }
 export type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P>) => any;
+export interface SelectRootProviderEmits extends PresenceEmits {
+}
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & SelectRootProviderProps<T> & Partial<{}>> & PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onExitComplete?: (() => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onExitComplete"> & SelectRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: {};
+    emit: (evt: "exitComplete") => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -4,6 +4,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { UseSelectReturn } from './use-select';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 interface RootProviderProps<T extends CollectionItem> {
     value: UnwrapRef<UseSelectReturn<T>>;
 }
@@ -16,14 +17,18 @@ export interface SelectRootProviderProps<T extends CollectionItem> extends Selec
 HTMLAttributes {
 }
 export type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P>) => any;
+export interface SelectRootProviderEmits extends PresenceEmits {
+}
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & SelectRootProviderProps<T> & Partial<{}>> & PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onExitComplete?: (() => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onExitComplete"> & SelectRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: {};
+    emit: (evt: "exitComplete") => void;
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,7 +1,9 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
 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 { SelectProvider } from './use-select-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -12,10 +14,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     unmountOnExit: { type: Boolean },
     asChild: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["exitComplete"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const select = computed(() => props.value);
+    const presence = usePresence(
+      computed(() => ({
+        present: select.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     SelectProvider(select);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -6,6 +6,8 @@ const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 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 useSelect = require('./use-select.cjs');
 const useSelectContext = require('./use-select-context.cjs');
 
@@ -50,12 +52,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     readOnly: void 0,
     required: void 0
   }),
-  emits: ["focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "valueChange", "update:modelValue", "update:open", "update:highlightedValue"],
+  emits: ["exitComplete", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "valueChange", "update:modelValue", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const select = useSelect.useSelect(props, emits);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: select.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     useSelectContext.SelectProvider(select);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(
       vue.computed(() => ({
         lazyMount: props.lazyMount,

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

@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './select.types';
 import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>, 
@@ -20,6 +20,7 @@ export type { RootEmits as SelectRootEmits } from './select.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSelect?: ((details: SelectionDetails) => any) | undefined;
+        readonly onExitComplete?: (() => any) | undefined;
         readonly onValueChange?: ((details: ValueChangeDetails<T>) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         readonly onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
@@ -29,13 +30,13 @@ declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awai
         readonly onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
         readonly onHighlightChange?: ((details: HighlightChangeDetails<T>) => any) | undefined;
         readonly "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onSelect" | "onValueChange" | "onOpenChange" | "onUpdate:open" | "onUpdate:modelValue" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onHighlightChange" | "onUpdate:highlightedValue"> & SelectRootProps<T> & Partial<{}>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onSelect" | "onExitComplete" | "onValueChange" | "onOpenChange" | "onUpdate:open" | "onUpdate:modelValue" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onHighlightChange" | "onUpdate:highlightedValue"> & SelectRootProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "select", details: SelectionDetails) => void) & ((evt: "valueChange", details: ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: OpenChangeDetails) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
+    emit: ((evt: "select", details: SelectionDetails) => void) & ((evt: "exitComplete") => void) & ((evt: "valueChange", details: ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: OpenChangeDetails) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './select.types';
 import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>, 
@@ -20,6 +20,7 @@ export type { RootEmits as SelectRootEmits } from './select.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSelect?: ((details: SelectionDetails) => any) | undefined;
+        readonly onExitComplete?: (() => any) | undefined;
         readonly onValueChange?: ((details: ValueChangeDetails<T>) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         readonly onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
@@ -29,13 +30,13 @@ declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awai
         readonly onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
         readonly onHighlightChange?: ((details: HighlightChangeDetails<T>) => any) | undefined;
         readonly "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onSelect" | "onValueChange" | "onOpenChange" | "onUpdate:open" | "onUpdate:modelValue" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onHighlightChange" | "onUpdate:highlightedValue"> & SelectRootProps<T> & Partial<{}>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onSelect" | "onExitComplete" | "onValueChange" | "onOpenChange" | "onUpdate:open" | "onUpdate:modelValue" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onHighlightChange" | "onUpdate:highlightedValue"> & SelectRootProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "select", details: SelectionDetails) => void) & ((evt: "valueChange", details: ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: OpenChangeDetails) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
+    emit: ((evt: "select", details: SelectionDetails) => void) & ((evt: "exitComplete") => void) & ((evt: "valueChange", details: ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: OpenChangeDetails) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,7 +1,9 @@
-import { defineComponent, mergeDefaults, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
 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 { useSelect } from './use-select.js';
 import { SelectProvider } from './use-select-context.js';
 
@@ -46,12 +48,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     readOnly: void 0,
     required: void 0
   }),
-  emits: ["focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "valueChange", "update:modelValue", "update:open", "update:highlightedValue"],
+  emits: ["exitComplete", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "valueChange", "update:modelValue", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const select = useSelect(props, emits);
+    const presence = usePresence(
+      computed(() => ({
+        present: select.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     SelectProvider(select);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(
       computed(() => ({
         lazyMount: props.lazyMount,

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

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

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

@@ -110,6 +110,10 @@ export interface RootProps<T extends CollectionItem> {
     scrollToIndexFn?: (details: select.ScrollToIndexDetails) => void;
 }
 export type RootEmits<T extends CollectionItem> = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focus is moved outside the component
      */

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

@@ -110,6 +110,10 @@ export interface RootProps<T extends CollectionItem> {
     scrollToIndexFn?: (details: select.ScrollToIndexDetails) => void;
 }
 export type RootEmits<T extends CollectionItem> = {
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitComplete: [];
     /**
      * Function called when the focus is moved outside the component
      */

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

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

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

package/dist/components/signature-pad/signature-pad-hidden-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 { useSignaturePadContext } from './use-signature-pad-context.js';
 import { useFieldContext } from '../field/use-field-context.js';

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

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

package/dist/components/signature-pad/signature-pad-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 { useSignaturePad } from './use-signature-pad.js';
 import { SignaturePadProvider } from './use-signature-pad-context.js';

package/dist/components/signature-pad/signature-pad-segment.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, createElementBlock, createCommentVNode, Fragment, renderList, normalizeProps } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeProps, createCommentVNode } from 'vue';
 import { ark } from '../factory.js';
 import { useSignaturePadContext } from './use-signature-pad-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/index.cjs

@@ -17,8 +17,8 @@ const sliderTrack_vue_vue_type_script_setup_true_lang = require('./slider-track.
 const sliderValueText_vue_vue_type_script_setup_true_lang = require('./slider-value-text.vue.cjs');
 const useSlider = require('./use-slider.cjs');
 const useSliderContext = require('./use-slider-context.cjs');
-const slider$1 = require('./slider.cjs');
-const slider = require('@zag-js/slider');
+const slider = require('./slider.cjs');
+const slider$1 = require('@zag-js/slider');
 
 
 
@@ -37,8 +37,8 @@ exports.SliderTrack = sliderTrack_vue_vue_type_script_setup_true_lang.default;
 exports.SliderValueText = sliderValueText_vue_vue_type_script_setup_true_lang.default;
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
-exports.Slider = slider$1;
+exports.Slider = slider;
 Object.defineProperty(exports, "sliderAnatomy", {
   enumerable: true,
-  get: () => slider.anatomy
+  get: () => slider$1.anatomy
 });

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

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

package/dist/components/slider/slider-hidden-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 { useSliderContext } from './use-slider-context.js';
 import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.js';

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

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

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

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

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

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

@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     readOnly: { type: Boolean },
     step: {},
     thumbAlignment: {},
+    thumbCollisionBehavior: {},
     thumbSize: {},
     asChild: { type: Boolean }
   }, {