@ark-ui/vue 5.29.1 → 5.31.0

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, 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';
+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, 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 { 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 };

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

@@ -0,0 +1,34 @@
+'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 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-item-indicator",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const attrs = vue.useAttrs();
+    const api = useNavigationMenuContext.useNavigationMenuContext();
+    const itemProps = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+    const mergedProps = vue.computed(() => vue$1.mergeProps({ ...attrs }, api.value.getItemIndicatorProps(itemProps?.value)));
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(mergedProps.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-item-indicator.vue.d.cts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuItemIndicatorProps extends NavigationMenuItemIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuItemIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuItemIndicatorProps> & 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-item-indicator.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuItemIndicatorProps extends NavigationMenuItemIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuItemIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuItemIndicatorProps> & 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-item-indicator.vue.js

@@ -0,0 +1,30 @@
+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';
+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-item-indicator",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const attrs = useAttrs();
+    const api = useNavigationMenuContext();
+    const itemProps = useNavigationMenuItemPropsContext();
+    const mergedProps = computed(() => mergeProps({ ...attrs }, api.value.getItemIndicatorProps(itemProps?.value)));
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps$1(mergedProps.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-item-indicator.vue2.cjs

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

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

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

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

@@ -0,0 +1,35 @@
+'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 useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-item",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    const itemProps = vue.computed(() => ({ value: props.value, disabled: props.disabled }));
+    useNavigationMenuItemPropsContext.NavigationMenuItemPropsProvider(itemProps);
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(navigationMenu).getItemProps(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-item.vue.d.cts

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

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

@@ -0,0 +1,31 @@
+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';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "navigation-menu-item",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const navigationMenu = useNavigationMenuContext();
+    const itemProps = computed(() => ({ value: props.value, disabled: props.disabled }));
+    NavigationMenuItemPropsProvider(itemProps);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(navigationMenu).getItemProps(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-item.vue2.cjs

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

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

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

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

@@ -0,0 +1,38 @@
+'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 useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "navigation-menu-link",
+  props: {
+    value: {},
+    current: { type: Boolean },
+    onSelect: { type: Function },
+    closeOnClick: { type: Boolean },
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+    const value = vue.computed(() => props.value ?? itemContext?.value?.value);
+    const linkProps = vue.computed(() => ({ ...props, value: value.value }));
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).a, vue.mergeProps(vue.unref(navigationMenu).getLinkProps(linkProps.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-link.vue.d.cts

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