@ark-ui/vue 5.29.0 → 5.30.0

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

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const factory = require('../factory.cjs');
+const useNavigationMenu = require('./use-navigation-menu.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-root",
+  props: /* @__PURE__ */ vue.mergeDefaults({
+    closeDelay: {},
+    defaultValue: {},
+    disableClickTrigger: { type: Boolean },
+    disableHoverTrigger: { type: Boolean },
+    disablePointerLeaveClose: { type: Boolean },
+    id: {},
+    ids: {},
+    openDelay: {},
+    orientation: {},
+    value: {},
+    lazyMount: { type: Boolean },
+    unmountOnExit: { type: Boolean }
+  }, {
+    disableClickTrigger: void 0,
+    disableHoverTrigger: void 0,
+    disablePointerLeaveClose: void 0
+  }),
+  emits: ["valueChange", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const navigationMenu = useNavigationMenu.useNavigationMenu(props, emits);
+    useNavigationMenuContext.NavigationMenuProvider(navigationMenu);
+    useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).nav, vue.normalizeProps(vue.guardReactiveProps(vue.unref(navigationMenu).getRootProps())), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,29 @@
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
+import { RootEmits, RootProps } from './navigation-menu.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ValueChangeDetails } from '@zag-js/navigation-menu';
+export interface NavigationMenuRootBaseProps extends RootProps, RenderStrategyProps {
+}
+export interface NavigationMenuRootProps extends NavigationMenuRootBaseProps {
+}
+export interface NavigationMenuRootEmits extends RootEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    valueChange: (details: ValueChangeDetails) => any;
+    "update:value": (value: string) => any;
+}, string, PublicProps, Readonly<NavigationMenuRootProps> & Readonly<{
+    onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    disableClickTrigger: boolean;
+    disableHoverTrigger: boolean;
+    disablePointerLeaveClose: boolean;
+}, {}, {}, {}, 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-root.vue.d.ts

@@ -0,0 +1,29 @@
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
+import { RootEmits, RootProps } from './navigation-menu.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ValueChangeDetails } from '@zag-js/navigation-menu';
+export interface NavigationMenuRootBaseProps extends RootProps, RenderStrategyProps {
+}
+export interface NavigationMenuRootProps extends NavigationMenuRootBaseProps {
+}
+export interface NavigationMenuRootEmits extends RootEmits {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    valueChange: (details: ValueChangeDetails) => any;
+    "update:value": (value: string) => any;
+}, string, PublicProps, Readonly<NavigationMenuRootProps> & Readonly<{
+    onValueChange?: ((details: ValueChangeDetails) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    disableClickTrigger: boolean;
+    disableHoverTrigger: boolean;
+    disablePointerLeaveClose: boolean;
+}, {}, {}, {}, 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-root.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent, mergeDefaults, computed, createBlock, openBlock, 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';
+import { useNavigationMenu } from './use-navigation-menu.js';
+import { NavigationMenuProvider } from './use-navigation-menu-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-root",
+  props: /* @__PURE__ */ mergeDefaults({
+    closeDelay: {},
+    defaultValue: {},
+    disableClickTrigger: { type: Boolean },
+    disableHoverTrigger: { type: Boolean },
+    disablePointerLeaveClose: { type: Boolean },
+    id: {},
+    ids: {},
+    openDelay: {},
+    orientation: {},
+    value: {},
+    lazyMount: { type: Boolean },
+    unmountOnExit: { type: Boolean }
+  }, {
+    disableClickTrigger: void 0,
+    disableHoverTrigger: void 0,
+    disablePointerLeaveClose: void 0
+  }),
+  emits: ["valueChange", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const navigationMenu = useNavigationMenu(props, emits);
+    NavigationMenuProvider(navigationMenu);
+    RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).nav, normalizeProps(guardReactiveProps(unref(navigationMenu).getRootProps())), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const utils = require('@zag-js/utils');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const factory = require('../factory.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-trigger",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+    utils.ensure(itemContext?.value, () => "NavigationMenu.Trigger must be used within NavigationMenu.Item");
+    const triggerProps = vue.computed(() => ({
+      ...props,
+      value: itemContext?.value.value,
+      disabled: props.disabled ?? itemContext?.value.disabled
+    }));
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(navigationMenu).getTriggerProps(triggerProps.value), { "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-trigger.vue.d.cts

@@ -0,0 +1,20 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps {
+}
+export interface NavigationMenuTriggerProps extends NavigationMenuTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuTriggerProps> & 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-trigger.vue.d.ts

@@ -0,0 +1,20 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps {
+}
+export interface NavigationMenuTriggerProps extends NavigationMenuTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuTriggerProps> & 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-trigger.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, computed, createBlock, openBlock, 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';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-trigger",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const navigationMenu = useNavigationMenuContext();
+    const itemContext = useNavigationMenuItemPropsContext();
+    ensure(itemContext?.value, () => "NavigationMenu.Trigger must be used within NavigationMenu.Item");
+    const triggerProps = computed(() => ({
+      ...props,
+      value: itemContext?.value.value,
+      disabled: props.disabled ?? itemContext?.value.disabled
+    }));
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).button, mergeProps(unref(navigationMenu).getTriggerProps(triggerProps.value), { "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-trigger.vue2.cjs

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

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

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

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

@@ -0,0 +1,31 @@
+'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-viewport-positioner",
+  props: {
+    align: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __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).getViewportPositionerProps(props), { "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-viewport-positioner.vue.d.cts

@@ -0,0 +1,20 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportPositionerProps extends NavigationMenuViewportPositionerBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportPositionerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportPositionerProps> & 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-viewport-positioner.vue.d.ts

@@ -0,0 +1,20 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportPositionerProps extends NavigationMenuViewportPositionerBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportPositionerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportPositionerProps> & 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-viewport-positioner.vue.js

@@ -0,0 +1,27 @@
+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-viewport-positioner",
+  props: {
+    align: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const navigationMenu = useNavigationMenuContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(navigationMenu).getViewportPositionerProps(props), { "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-viewport-positioner.vue2.cjs

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

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

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

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

@@ -0,0 +1,39 @@
+'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-viewport",
+  props: {
+    align: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __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.getViewportProps(props), 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-viewport.vue.d.cts

@@ -0,0 +1,20 @@
+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 NavigationMenuViewportProps extends NavigationMenuViewportBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportProps> & 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-viewport.vue.d.ts

@@ -0,0 +1,20 @@
+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 NavigationMenuViewportProps extends NavigationMenuViewportBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportProps> & 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-viewport.vue.js

@@ -0,0 +1,35 @@
+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-viewport",
+  props: {
+    align: {},
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    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)
+    );
+    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-viewport.vue2.cjs

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

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

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

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

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

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

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

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

@@ -0,0 +1,33 @@
+'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 navigationMenuRootProvider_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root-provider.vue.cjs');
+const navigationMenuRoot_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root.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');
+
+
+
+exports.Arrow = navigationMenuArrow_vue_vue_type_script_setup_true_lang.default;
+exports.Content = navigationMenuContent_vue_vue_type_script_setup_true_lang.default;
+exports.Context = navigationMenuContext_vue_vue_type_script_setup_true_lang.default;
+exports.Indicator = navigationMenuIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.Item = navigationMenuItem_vue_vue_type_script_setup_true_lang.default;
+exports.ItemIndicator = navigationMenuItemIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.Link = navigationMenuLink_vue_vue_type_script_setup_true_lang.default;
+exports.List = navigationMenuList_vue_vue_type_script_setup_true_lang.default;
+exports.RootProvider = navigationMenuRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.Root = navigationMenuRoot_vue_vue_type_script_setup_true_lang.default;
+exports.Trigger = navigationMenuTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.Viewport = navigationMenuViewport_vue_vue_type_script_setup_true_lang.default;
+exports.ViewportPositioner = navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,14 @@
+export type { ValueChangeDetails } from '@zag-js/navigation-menu';
+export { default as Arrow, type NavigationMenuArrowProps as ArrowProps, type NavigationMenuArrowBaseProps as ArrowBaseProps, } from './navigation-menu-arrow.vue';
+export { default as Content, type NavigationMenuContentProps as ContentProps, type NavigationMenuContentBaseProps as ContentBaseProps, } from './navigation-menu-content.vue';
+export { default as Context, type NavigationMenuContextProps as ContextProps } from './navigation-menu-context.vue';
+export { default as Indicator, type NavigationMenuIndicatorProps as IndicatorProps, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, } from './navigation-menu-indicator.vue';
+export { default as Item, type NavigationMenuItemProps as ItemProps, type NavigationMenuItemBaseProps as ItemBaseProps, } from './navigation-menu-item.vue';
+export { default as ItemIndicator, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './navigation-menu-item-indicator.vue';
+export { default as Link, type NavigationMenuLinkProps as LinkProps, type NavigationMenuLinkBaseProps as LinkBaseProps, } from './navigation-menu-link.vue';
+export { default as List, type NavigationMenuListProps as ListProps, type NavigationMenuListBaseProps as ListBaseProps, } from './navigation-menu-list.vue';
+export { default as RootProvider, type NavigationMenuRootProviderProps as RootProviderProps, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, } from './navigation-menu-root-provider.vue';
+export { default as Root, type NavigationMenuRootEmits as RootEmits, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root.vue';
+export { default as Trigger, type NavigationMenuTriggerProps as TriggerProps, type NavigationMenuTriggerBaseProps as TriggerBaseProps, } from './navigation-menu-trigger.vue';
+export { default as Viewport, type NavigationMenuViewportProps as ViewportProps, type NavigationMenuViewportBaseProps as ViewportBaseProps, } from './navigation-menu-viewport.vue';
+export { default as ViewportPositioner, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, } from './navigation-menu-viewport-positioner.vue';