@ark-ui/vue 5.30.0 → 5.31.0

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

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

package/dist/components/menu/menu-radio-item-group.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useId, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, useId, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { MenuItemGroupProvider } from './use-menu-item-group-context.js';

package/dist/components/menu/menu-radio-item.vue.js

@@ -1,4 +1,4 @@
-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 { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { MenuItemProvider } from './use-menu-item-context.js';

package/dist/components/menu/menu-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 useMenuContext = require('./use-menu-context.cjs');
 const useMenuMachineContext = require('./use-menu-machine-context.cjs');
 const useMenuTriggerItemContext = require('./use-menu-trigger-item-context.cjs');
@@ -17,11 +19,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 {
       value: { machine, api }
     } = props;
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: api.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     const parentApi = useMenuContext.useMenuContext();
     const parentMachine = useMenuMachineContext.useMenuMachineContext();
     vue.onMounted(() => {
@@ -32,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useMenuTriggerItemContext.MenuTriggerItemProvider(vue.computed(() => parentApi.value.getTriggerItemProps(api.value)));
     useMenuMachineContext.MenuMachineProvider(machine);
     useMenuContext.MenuProvider(api);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -1,6 +1,7 @@
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseMenuReturn } from './use-menu';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface RootProviderProps {
     value: UseMenuReturn;
@@ -9,7 +10,13 @@ export interface MenuRootProviderBaseProps extends RootProviderProps, RenderStra
 }
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export interface MenuRootProviderEmits extends PresenceEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+}, string, PublicProps, Readonly<MenuRootProviderProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseMenuReturn } from './use-menu';
+import { RootEmits as PresenceEmits } from '../presence/presence.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface RootProviderProps {
     value: UseMenuReturn;
@@ -9,7 +10,13 @@ export interface MenuRootProviderBaseProps extends RootProviderProps, RenderStra
 }
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export interface MenuRootProviderEmits extends PresenceEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    exitComplete: () => any;
+}, string, PublicProps, Readonly<MenuRootProviderProps> & Readonly<{
+    onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,6 +1,8 @@
-import { defineComponent, onMounted, computed, renderSlot } from 'vue';
+import { defineComponent, computed, onMounted, 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 { useMenuContext, MenuProvider } from './use-menu-context.js';
 import { useMenuMachineContext, MenuMachineProvider } from './use-menu-machine-context.js';
 import { MenuTriggerItemProvider } from './use-menu-trigger-item-context.js';
@@ -13,11 +15,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 {
       value: { machine, api }
     } = props;
+    const presence = usePresence(
+      computed(() => ({
+        present: api.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      // @ts-expect-error TODO tweak EmitFn
+      emits
+    );
     const parentApi = useMenuContext();
     const parentMachine = useMenuMachineContext();
     onMounted(() => {
@@ -28,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     MenuTriggerItemProvider(computed(() => parentApi.value.getTriggerItemProps(api.value)));
     MenuMachineProvider(machine);
     MenuProvider(api);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/menu/menu-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 useMenu = require('./use-menu.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuMachineContext = require('./use-menu-machine-context.cjs');
@@ -38,11 +40,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     open: void 0,
     typeahead: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
+  emits: ["escapeKeyDown", "exitComplete", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { api, machine } = useMenu.useMenu(props, emits);
+    const presence = usePresence.usePresence(
+      vue.computed(() => ({
+        present: api.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     const parentApi = useMenuContext.useMenuContext();
     const parentMachine = useMenuMachineContext.useMenuMachineContext();
     vue.onMounted(() => {
@@ -53,6 +63,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useMenuTriggerItemContext.MenuTriggerItemProvider(vue.computed(() => parentApi.value.getTriggerItemProps(api.value)));
     useMenuMachineContext.MenuMachineProvider(machine);
     useMenuContext.MenuProvider(api);
+    usePresenceContext.PresenceProvider(presence);
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -12,6 +12,7 @@ export interface MenuRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     select: (details: SelectionDetails) => any;
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
@@ -28,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     }>) => any;
 }, string, PublicProps, Readonly<MenuRootProps> & Readonly<{
     onSelect?: ((details: SelectionDetails) => any) | undefined;
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -12,6 +12,7 @@ export interface MenuRootEmits extends RootEmits {
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     select: (details: SelectionDetails) => any;
+    exitComplete: () => any;
     openChange: (details: OpenChangeDetails) => any;
     "update:open": (open: boolean) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
@@ -28,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     }>) => any;
 }, string, PublicProps, Readonly<MenuRootProps> & Readonly<{
     onSelect?: ((details: SelectionDetails) => any) | undefined;
+    onExitComplete?: (() => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -1,6 +1,8 @@
-import { defineComponent, mergeDefaults, onMounted, computed, renderSlot } from 'vue';
+import { defineComponent, computed, onMounted, 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 { useMenu } from './use-menu.js';
 import { useMenuContext, MenuProvider } from './use-menu-context.js';
 import { useMenuMachineContext, MenuMachineProvider } from './use-menu-machine-context.js';
@@ -34,11 +36,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: void 0,
     typeahead: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
+  emits: ["escapeKeyDown", "exitComplete", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { api, machine } = useMenu(props, emits);
+    const presence = usePresence(
+      computed(() => ({
+        present: api.value.open,
+        lazyMount: props.lazyMount,
+        unmountOnExit: props.unmountOnExit
+      })),
+      emits
+    );
     const parentApi = useMenuContext();
     const parentMachine = useMenuMachineContext();
     onMounted(() => {
@@ -49,6 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     MenuTriggerItemProvider(computed(() => parentApi.value.getTriggerItemProps(api.value)));
     MenuMachineProvider(machine);
     MenuProvider(api);
+    PresenceProvider(presence);
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/menu/menu-separator.vue.js

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

package/dist/components/menu/menu-trigger-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 { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';

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

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

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

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

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

package/dist/components/navigation-menu/index.cjs

@@ -17,8 +17,8 @@ const navigationMenuViewport_vue_vue_type_script_setup_true_lang = require('./na
 const navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang = require('./navigation-menu-viewport-positioner.vue.cjs');
 const useNavigationMenu = require('./use-navigation-menu.cjs');
 const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
-const navigationMenu$1 = require('./navigation-menu.cjs');
-const navigationMenu = require('@zag-js/navigation-menu');
+const navigationMenu = require('./navigation-menu.cjs');
+const navigationMenu$1 = require('@zag-js/navigation-menu');
 
 
 
@@ -37,8 +37,8 @@ exports.NavigationMenuViewport = navigationMenuViewport_vue_vue_type_script_setu
 exports.NavigationMenuViewportPositioner = navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang.default;
 exports.useNavigationMenu = useNavigationMenu.useNavigationMenu;
 exports.useNavigationMenuContext = useNavigationMenuContext.useNavigationMenuContext;
-exports.NavigationMenu = navigationMenu$1;
+exports.NavigationMenu = navigationMenu;
 Object.defineProperty(exports, "navigationMenuAnatomy", {
   enumerable: true,
-  get: () => navigationMenu.anatomy
+  get: () => navigationMenu$1.anatomy
 });

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

package/dist/components/navigation-menu/navigation-menu-content.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, computed, createElementBlock, createBlock, createCommentVNode, openBlock, Fragment, createElementVNode, normalizeProps, guardReactiveProps, unref, Teleport, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { defineComponent, useAttrs, computed, openBlock, createElementBlock, Fragment, createElementVNode, normalizeProps, guardReactiveProps, unref, createBlock, Teleport, mergeProps as mergeProps$1, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { mergeProps } from '@zag-js/vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { useNavigationMenuContext } from './use-navigation-menu-context.js';

package/dist/components/navigation-menu/navigation-menu-indicator.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 { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';

package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.js

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

package/dist/components/navigation-menu/navigation-menu-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 { useNavigationMenuContext } from './use-navigation-menu-context.js';
 import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context.js';

package/dist/components/navigation-menu/navigation-menu-link.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 { useNavigationMenuContext } from './use-navigation-menu-context.js';
 import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';

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

package/dist/components/navigation-menu/navigation-menu-root-provider.vue.js

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

package/dist/components/navigation-menu/navigation-menu-root.vue.js

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

package/dist/components/navigation-menu/navigation-menu-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 { ensure } from '@zag-js/utils';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.cjs

@@ -5,6 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const factory = require('../factory.cjs');
 const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuViewportPropsContext = require('./use-navigation-menu-viewport-props-context.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -16,9 +17,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    const viewportProps = vue.computed(() => ({ align: props.align }));
+    useNavigationMenuViewportPropsContext.setNavigationMenuViewportPropsContext(viewportProps);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(navigationMenu).getViewportPositionerProps(props), { "as-child": __props.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(navigationMenu).getViewportPositionerProps(viewportProps.value), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, 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 { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { setNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -12,9 +13,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const navigationMenu = useNavigationMenuContext();
+    const viewportProps = computed(() => ({ align: props.align }));
+    setNavigationMenuViewportPropsContext(viewportProps);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(navigationMenu).getViewportPositionerProps(props), { "as-child": __props.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(navigationMenu).getViewportPositionerProps(viewportProps.value), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/navigation-menu/navigation-menu-viewport.vue.cjs

@@ -7,22 +7,22 @@ const vue$1 = require('@zag-js/vue');
 const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuViewportPropsContext = require('./use-navigation-menu-viewport-props-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: "navigation-menu-viewport",
   props: {
-    align: {},
     asChild: { type: Boolean }
   },
   setup(__props) {
-    const props = __props;
+    const viewportPropsContext = useNavigationMenuViewportPropsContext.getNavigationMenuViewportPropsContext();
     const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
     const renderStrategy = useRenderStrategy.useRenderStrategyProps();
     const presence = usePresence.usePresence(vue.computed(() => ({ ...renderStrategy.value, present: navigationMenu.value.open })));
     const mergedProps = vue.computed(
-      () => vue$1.mergeProps(navigationMenu.value.getViewportProps(props), presence.value.presenceProps)
+      () => vue$1.mergeProps(navigationMenu.value.getViewportProps(viewportPropsContext?.value), presence.value.presenceProps)
     );
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.cts

@@ -1,7 +1,6 @@
-import { ViewportProps } from '@zag-js/navigation-menu';
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { PolymorphicProps } from '../factory';
-export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
+export interface NavigationMenuViewportBaseProps extends PolymorphicProps {
 }
 export interface NavigationMenuViewportProps extends NavigationMenuViewportBaseProps, 
 /**

package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.ts

@@ -1,7 +1,6 @@
-import { ViewportProps } from '@zag-js/navigation-menu';
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { PolymorphicProps } from '../factory';
-export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
+export interface NavigationMenuViewportBaseProps extends PolymorphicProps {
 }
 export interface NavigationMenuViewportProps extends NavigationMenuViewportBaseProps, 
 /**

package/dist/components/navigation-menu/navigation-menu-viewport.vue.js

@@ -1,24 +1,24 @@
-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 { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
 import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { getNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "navigation-menu-viewport",
   props: {
-    align: {},
     asChild: { type: Boolean }
   },
   setup(__props) {
-    const props = __props;
+    const viewportPropsContext = getNavigationMenuViewportPropsContext();
     const navigationMenu = useNavigationMenuContext();
     const renderStrategy = useRenderStrategyProps();
     const presence = usePresence(computed(() => ({ ...renderStrategy.value, present: navigationMenu.value.open })));
     const mergedProps = computed(
-      () => mergeProps(navigationMenu.value.getViewportProps(props), presence.value.presenceProps)
+      () => mergeProps(navigationMenu.value.getViewportProps(viewportPropsContext?.value), presence.value.presenceProps)
     );
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [setNavigationMenuViewportPropsContext, getNavigationMenuViewportPropsContext] = createContext.createContext("NavigationMenuViewportPropsContext");
+
+exports.getNavigationMenuViewportPropsContext = getNavigationMenuViewportPropsContext;
+exports.setNavigationMenuViewportPropsContext = setNavigationMenuViewportPropsContext;

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { ComputedRef } from 'vue';
+export declare const setNavigationMenuViewportPropsContext: (opts: ComputedRef<ViewportProps>) => void, getNavigationMenuViewportPropsContext: (fallback?: ComputedRef<ViewportProps> | undefined) => ComputedRef<ViewportProps>;

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { ComputedRef } from 'vue';
+export declare const setNavigationMenuViewportPropsContext: (opts: ComputedRef<ViewportProps>) => void, getNavigationMenuViewportPropsContext: (fallback?: ComputedRef<ViewportProps> | undefined) => ComputedRef<ViewportProps>;

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context.js';
+
+const [setNavigationMenuViewportPropsContext, getNavigationMenuViewportPropsContext] = createContext("NavigationMenuViewportPropsContext");
+
+export { getNavigationMenuViewportPropsContext, setNavigationMenuViewportPropsContext };

package/dist/components/number-input/index.cjs

@@ -14,8 +14,8 @@ const numberInputScrubber_vue_vue_type_script_setup_true_lang = require('./numbe
 const numberInputValueText_vue_vue_type_script_setup_true_lang = require('./number-input-value-text.vue.cjs');
 const useNumberInput = require('./use-number-input.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
-const numberInput$1 = require('./number-input.cjs');
-const numberInput = require('@zag-js/number-input');
+const numberInput = require('./number-input.cjs');
+const numberInput$1 = require('@zag-js/number-input');
 
 
 
@@ -31,8 +31,8 @@ exports.NumberInputScrubber = numberInputScrubber_vue_vue_type_script_setup_true
 exports.NumberInputValueText = numberInputValueText_vue_vue_type_script_setup_true_lang.default;
 exports.useNumberInput = useNumberInput.useNumberInput;
 exports.useNumberInputContext = useNumberInputContext.useNumberInputContext;
-exports.NumberInput = numberInput$1;
+exports.NumberInput = numberInput;
 Object.defineProperty(exports, "numberInputAnatomy", {
   enumerable: true,
-  get: () => numberInput.anatomy
+  get: () => numberInput$1.anatomy
 });

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