@ark-ui/vue 5.29.0 → 5.30.0

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

@@ -3,7 +3,7 @@ import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './menu.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { SelectionDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/menu';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 export interface MenuRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {

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

@@ -3,7 +3,7 @@ import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './menu.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { SelectionDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/menu';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
 export interface MenuRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigationMenuArrow_vue_vue_type_script_setup_true_lang = require('./navigation-menu-arrow.vue.cjs');
+const navigationMenuContent_vue_vue_type_script_setup_true_lang = require('./navigation-menu-content.vue.cjs');
+const navigationMenuContext_vue_vue_type_script_setup_true_lang = require('./navigation-menu-context.vue.cjs');
+const navigationMenuIndicator_vue_vue_type_script_setup_true_lang = require('./navigation-menu-indicator.vue.cjs');
+const navigationMenuItem_vue_vue_type_script_setup_true_lang = require('./navigation-menu-item.vue.cjs');
+const navigationMenuItemIndicator_vue_vue_type_script_setup_true_lang = require('./navigation-menu-item-indicator.vue.cjs');
+const navigationMenuLink_vue_vue_type_script_setup_true_lang = require('./navigation-menu-link.vue.cjs');
+const navigationMenuList_vue_vue_type_script_setup_true_lang = require('./navigation-menu-list.vue.cjs');
+const navigationMenuRoot_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root.vue.cjs');
+const navigationMenuRootProvider_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root-provider.vue.cjs');
+const navigationMenuTrigger_vue_vue_type_script_setup_true_lang = require('./navigation-menu-trigger.vue.cjs');
+const navigationMenuViewport_vue_vue_type_script_setup_true_lang = require('./navigation-menu-viewport.vue.cjs');
+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');
+
+
+
+exports.NavigationMenuArrow = navigationMenuArrow_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuContent = navigationMenuContent_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuContext = navigationMenuContext_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuIndicator = navigationMenuIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuItem = navigationMenuItem_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuItemIndicator = navigationMenuItemIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuLink = navigationMenuLink_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuList = navigationMenuList_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuRoot = navigationMenuRoot_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuRootProvider = navigationMenuRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuTrigger = navigationMenuTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuViewport = navigationMenuViewport_vue_vue_type_script_setup_true_lang.default;
+exports.NavigationMenuViewportPositioner = navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang.default;
+exports.useNavigationMenu = useNavigationMenu.useNavigationMenu;
+exports.useNavigationMenuContext = useNavigationMenuContext.useNavigationMenuContext;
+exports.NavigationMenu = navigationMenu$1;
+Object.defineProperty(exports, "navigationMenuAnatomy", {
+  enumerable: true,
+  get: () => navigationMenu.anatomy
+});

package/dist/components/navigation-menu/index.d.cts

@@ -0,0 +1,18 @@
+export type { ValueChangeDetails as NavigationMenuValueChangeDetails } from '@zag-js/navigation-menu';
+export { default as NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, } from './navigation-menu-arrow.vue';
+export { default as NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, } from './navigation-menu-content.vue';
+export { default as NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context.vue';
+export { default as NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, } from './navigation-menu-indicator.vue';
+export { default as NavigationMenuItem, type NavigationMenuItemBaseProps, type NavigationMenuItemProps, } from './navigation-menu-item.vue';
+export { default as NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, } from './navigation-menu-item-indicator.vue';
+export { default as NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, } from './navigation-menu-link.vue';
+export { default as NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, } from './navigation-menu-list.vue';
+export { default as NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootEmits, type NavigationMenuRootProps, } from './navigation-menu-root.vue';
+export { default as NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, } from './navigation-menu-root-provider.vue';
+export { default as NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, } from './navigation-menu-trigger.vue';
+export { default as NavigationMenuViewport, type NavigationMenuViewportBaseProps, type NavigationMenuViewportProps, } from './navigation-menu-viewport.vue';
+export { default as NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, } from './navigation-menu-viewport-positioner.vue';
+export { navigationMenuAnatomy } from './navigation-menu.anatomy';
+export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu';
+export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context';
+export * as NavigationMenu from './navigation-menu';

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1,18 @@
+export type { ValueChangeDetails as NavigationMenuValueChangeDetails } from '@zag-js/navigation-menu';
+export { default as NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, } from './navigation-menu-arrow.vue';
+export { default as NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, } from './navigation-menu-content.vue';
+export { default as NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context.vue';
+export { default as NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, } from './navigation-menu-indicator.vue';
+export { default as NavigationMenuItem, type NavigationMenuItemBaseProps, type NavigationMenuItemProps, } from './navigation-menu-item.vue';
+export { default as NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, } from './navigation-menu-item-indicator.vue';
+export { default as NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, } from './navigation-menu-link.vue';
+export { default as NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, } from './navigation-menu-list.vue';
+export { default as NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootEmits, type NavigationMenuRootProps, } from './navigation-menu-root.vue';
+export { default as NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, } from './navigation-menu-root-provider.vue';
+export { default as NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, } from './navigation-menu-trigger.vue';
+export { default as NavigationMenuViewport, type NavigationMenuViewportBaseProps, type NavigationMenuViewportProps, } from './navigation-menu-viewport.vue';
+export { default as NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, } from './navigation-menu-viewport-positioner.vue';
+export { navigationMenuAnatomy } from './navigation-menu.anatomy';
+export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu';
+export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context';
+export * as NavigationMenu from './navigation-menu';

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

@@ -0,0 +1,18 @@
+export { default as NavigationMenuArrow } from './navigation-menu-arrow.vue.js';
+export { default as NavigationMenuContent } from './navigation-menu-content.vue.js';
+export { default as NavigationMenuContext } from './navigation-menu-context.vue.js';
+export { default as NavigationMenuIndicator } from './navigation-menu-indicator.vue.js';
+export { default as NavigationMenuItem } from './navigation-menu-item.vue.js';
+export { default as NavigationMenuItemIndicator } from './navigation-menu-item-indicator.vue.js';
+export { default as NavigationMenuLink } from './navigation-menu-link.vue.js';
+export { default as NavigationMenuList } from './navigation-menu-list.vue.js';
+export { default as NavigationMenuRoot } from './navigation-menu-root.vue.js';
+export { default as NavigationMenuRootProvider } from './navigation-menu-root-provider.vue.js';
+export { default as NavigationMenuTrigger } from './navigation-menu-trigger.vue.js';
+export { default as NavigationMenuViewport } from './navigation-menu-viewport.vue.js';
+export { default as NavigationMenuViewportPositioner } from './navigation-menu-viewport-positioner.vue.js';
+export { useNavigationMenu } from './use-navigation-menu.js';
+export { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import * as navigationMenu from './navigation-menu.js';
+export { navigationMenu as NavigationMenu };
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-arrow",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(navigationMenu).getArrowProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuArrowBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuArrowProps extends NavigationMenuArrowBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuArrowProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuArrowBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuArrowProps extends NavigationMenuArrowBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuArrowProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, 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';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-arrow",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const navigationMenu = useNavigationMenuContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(navigationMenu).getArrowProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/navigation-menu/navigation-menu-arrow.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const navigationMenuArrow_vue_vue_type_script_setup_true_lang = require('./navigation-menu-arrow.vue.cjs');
+
+
+
+exports.default = navigationMenuArrow_vue_vue_type_script_setup_true_lang.default;

package/dist/components/navigation-menu/navigation-menu-arrow.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './navigation-menu-arrow.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const vue$1 = require('@zag-js/vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const factory = require('../factory.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-content",
+  props: {
+    value: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const api = useNavigationMenuContext.useNavigationMenuContext();
+    const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+    const renderStrategy = useRenderStrategy.useRenderStrategyProps();
+    const value = vue.computed(() => props.value ?? itemContext?.value.value);
+    const contentProps = vue.computed(() => ({ ...props, value: value.value }));
+    const presence = usePresence.usePresence(vue.computed(() => ({ ...renderStrategy.value, present: api.value.value === value.value })));
+    const mergedProps = vue.computed(
+      () => vue$1.mergeProps({ ...attrs }, api.value.getContentProps(contentProps.value), presence.value.presenceProps)
+    );
+    const viewportNode = vue.computed(() => api.value.getViewportNode());
+    const isViewportRendered = vue.computed(() => api.value.isViewportRendered);
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return isViewportRendered.value && viewportNode.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        vue.createElementVNode("div", vue.normalizeProps(vue.guardReactiveProps(vue.unref(api).getViewportProxyProps(contentProps.value))), null, 16),
+        vue.createElementVNode("div", vue.normalizeProps(vue.guardReactiveProps(vue.unref(api).getTriggerProxyProps(contentProps.value))), null, 16),
+        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: viewportNode.value }, [
+          !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["as-child"])) : vue.createCommentVNode("", true)
+        ], 8, ["to"]))
+      ], 64)) : !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 1 }, mergedProps.value, { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,21 @@
+import { ContentProps } from '@zag-js/navigation-menu';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps {
+}
+export interface NavigationMenuContentProps extends NavigationMenuContentBaseProps, 
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, 'onSelect'> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+import { ContentProps } from '@zag-js/navigation-menu';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps {
+}
+export interface NavigationMenuContentProps extends NavigationMenuContentBaseProps, 
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, 'onSelect'> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,53 @@
+import { defineComponent, useAttrs, computed, createElementBlock, createBlock, createCommentVNode, openBlock, Fragment, createElementVNode, normalizeProps, guardReactiveProps, unref, Teleport, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { mergeProps } from '@zag-js/vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
+import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
+import { usePresence } from '../presence/use-presence.js';
+import { ark } from '../factory.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-content",
+  props: {
+    value: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const api = useNavigationMenuContext();
+    const itemContext = useNavigationMenuItemPropsContext();
+    const renderStrategy = useRenderStrategyProps();
+    const value = computed(() => props.value ?? itemContext?.value.value);
+    const contentProps = computed(() => ({ ...props, value: value.value }));
+    const presence = usePresence(computed(() => ({ ...renderStrategy.value, present: api.value.value === value.value })));
+    const mergedProps = computed(
+      () => mergeProps({ ...attrs }, api.value.getContentProps(contentProps.value), presence.value.presenceProps)
+    );
+    const viewportNode = computed(() => api.value.getViewportNode());
+    const isViewportRendered = computed(() => api.value.isViewportRendered);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return isViewportRendered.value && viewportNode.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", normalizeProps(guardReactiveProps(unref(api).getViewportProxyProps(contentProps.value))), null, 16),
+        createElementVNode("div", normalizeProps(guardReactiveProps(unref(api).getTriggerProxyProps(contentProps.value))), null, 16),
+        (openBlock(), createBlock(Teleport, { to: viewportNode.value }, [
+          !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["as-child"])) : createCommentVNode("", true)
+        ], 8, ["to"]))
+      ], 64)) : !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 1 }, mergedProps.value, { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/navigation-menu/navigation-menu-content.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const navigationMenuContent_vue_vue_type_script_setup_true_lang = require('./navigation-menu-content.vue.cjs');
+
+
+
+exports.default = navigationMenuContent_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './navigation-menu-content.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-context",
+  setup(__props) {
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(navigationMenu))));
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,17 @@
+import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { UseNavigationMenuContext } from './use-navigation-menu-context';
+export interface NavigationMenuContextProps extends SlotsType<{
+    default: UnwrapRef<UseNavigationMenuContext>;
+}> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+    default(navigationMenu: UnwrapRef<UseNavigationMenuContext>): unknown;
+}> & {
+    default(navigationMenu: UnwrapRef<UseNavigationMenuContext>): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { UseNavigationMenuContext } from './use-navigation-menu-context';
+export interface NavigationMenuContextProps extends SlotsType<{
+    default: UnwrapRef<UseNavigationMenuContext>;
+}> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+    default(navigationMenu: UnwrapRef<UseNavigationMenuContext>): unknown;
+}> & {
+    default(navigationMenu: UnwrapRef<UseNavigationMenuContext>): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-context",
+  setup(__props) {
+    const navigationMenu = useNavigationMenuContext();
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(navigationMenu))));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/navigation-menu/navigation-menu-context.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const navigationMenuContext_vue_vue_type_script_setup_true_lang = require('./navigation-menu-context.vue.cjs');
+
+
+
+exports.default = navigationMenuContext_vue_vue_type_script_setup_true_lang.default;

package/dist/components/navigation-menu/navigation-menu-context.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './navigation-menu-context.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+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 useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-indicator",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    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.getIndicatorProps(), presence.value.presenceProps));
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuIndicatorProps extends NavigationMenuIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuIndicatorProps extends NavigationMenuIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,31 @@
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } 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 { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-indicator",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const navigationMenu = useNavigationMenuContext();
+    const renderStrategy = useRenderStrategyProps();
+    const presence = usePresence(computed(() => ({ ...renderStrategy.value, present: navigationMenu.value.open })));
+    const mergedProps = computed(() => mergeProps(navigationMenu.value.getIndicatorProps(), presence.value.presenceProps));
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/navigation-menu/navigation-menu-indicator.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const navigationMenuIndicator_vue_vue_type_script_setup_true_lang = require('./navigation-menu-indicator.vue.cjs');
+
+
+
+exports.default = navigationMenuIndicator_vue_vue_type_script_setup_true_lang.default;

package/dist/components/navigation-menu/navigation-menu-indicator.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './navigation-menu-indicator.vue.js';
+
+
+
+export { _sfc_main as default };