@piwitests/server 0.25.0 → 0.26.0

package/.output/server/chunks/build/NavigationMenu-D4ZpdCm_.mjs

@@ -0,0 +1,4155 @@
+import { useSlots, computed, toRef, unref, withCtx, mergeProps, createVNode, resolveDynamicComponent, renderSlot, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, Fragment, renderList, defineComponent, withKeys, ref, createElementBlock, Teleport, toRefs, watchEffect, watch, nextTick, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderSlot, ssrRenderClass, ssrInterpolate, ssrRenderVNode, ssrRenderList } from 'vue/server-renderer';
+import { a as useComponentProps, b as useAppConfig, D as useForwardProps, E as reactivePick, a2 as createReusableTemplate, t as tv, aF as isArrayOfArray, Y as _sfc_main$n, aH as _sfc_main$o, k as _sfc_main$p, X as get, m as _sfc_main$7, q as _sfc_main$l, a4 as pickLinkProps, s as _sfc_main$8, a5 as _sfc_main$m, S as useId, z as useForwardExpose, ae as useCollection, P as Primitive, aj as refAutoReset, aL as VisuallyHidden_default, aA as useForwardPropsEmits, a3 as reactiveOmit, b1 as isClient, T as Presence_default, R as useDirection, A as useVModel, a$ as useEventListener, U as useResizeObserver, B as createContext, b0 as useArrowNavigation, an as getActiveElement, aK as unrefElement, ax as DismissableLayer_default, F as useDebounceFn } from './server.mjs';
+import { i as isValueEqualOrExist } from './isValueEqualOrExist-D4lZ8uRY.mjs';
+import { ek as defu, el as isEqual } from '../nitro/nitro.mjs';
+import { _ as _sfc_main$1 } from './Tooltip-CK0ucuXC.mjs';
+
+const [injectCollapsibleRootContext, provideCollapsibleRootContext] = /* @__PURE__ */ createContext("CollapsibleRoot");
+var CollapsibleRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "CollapsibleRoot",
+  props: {
+    defaultOpen: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    open: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: false
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  emits: ["update:open"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = useVModel(props, "open", emit, {
+      defaultValue: props.defaultOpen,
+      passive: props.open === void 0
+    });
+    const { disabled, unmountOnHide } = toRefs(props);
+    provideCollapsibleRootContext({
+      contentId: "",
+      disabled,
+      open,
+      unmountOnHide,
+      onOpenToggle: () => {
+        if (disabled.value) return;
+        open.value = !open.value;
+      }
+    });
+    __expose({ open });
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        as: _ctx.as,
+        "as-child": props.asChild,
+        "data-state": unref(open) ? "open" : "closed",
+        "data-disabled": unref(disabled) ? "" : void 0
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: unref(open) })]),
+        _: 3
+      }, 8, [
+        "as",
+        "as-child",
+        "data-state",
+        "data-disabled"
+      ]);
+    };
+  }
+});
+var CollapsibleRoot_default = CollapsibleRoot_vue_vue_type_script_setup_true_lang_default;
+var CollapsibleContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "CollapsibleContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  emits: ["contentFound"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const rootContext = injectCollapsibleRootContext();
+    rootContext.contentId ||= useId(void 0, "reka-collapsible-content");
+    const presentRef = ref();
+    const { forwardRef, currentElement } = useForwardExpose();
+    const width = ref(0);
+    const height = ref(0);
+    const isOpen = computed(() => rootContext.open.value);
+    const isMountAnimationPrevented = ref(isOpen.value);
+    const currentStyle = ref();
+    watch(() => [isOpen.value, presentRef.value?.present], async () => {
+      await nextTick();
+      const node = currentElement.value;
+      if (!node) return;
+      currentStyle.value = currentStyle.value || {
+        transitionDuration: node.style.transitionDuration,
+        animationName: node.style.animationName
+      };
+      node.style.transitionDuration = "0s";
+      node.style.animationName = "none";
+      const rect = node.getBoundingClientRect();
+      height.value = rect.height;
+      width.value = rect.width;
+      if (!isMountAnimationPrevented.value) {
+        node.style.transitionDuration = currentStyle.value.transitionDuration;
+        node.style.animationName = currentStyle.value.animationName;
+      }
+    }, { immediate: true });
+    const skipAnimation = computed(() => isMountAnimationPrevented.value && rootContext.open.value);
+    useEventListener(currentElement, "beforematch", (ev) => {
+      requestAnimationFrame(() => {
+        rootContext.onOpenToggle();
+        emits("contentFound");
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Presence_default), {
+        ref_key: "presentRef",
+        ref: presentRef,
+        present: _ctx.forceMount || unref(rootContext).open.value,
+        "force-mount": true
+      }, {
+        default: withCtx(({ present }) => [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
+          id: unref(rootContext).contentId,
+          ref: unref(forwardRef),
+          "as-child": props.asChild,
+          as: _ctx.as,
+          hidden: !present ? unref(rootContext).unmountOnHide.value ? "" : "until-found" : void 0,
+          "data-state": skipAnimation.value ? void 0 : unref(rootContext).open.value ? "open" : "closed",
+          "data-disabled": unref(rootContext).disabled?.value ? "" : void 0,
+          style: {
+            [`--reka-collapsible-content-height`]: `${height.value}px`,
+            [`--reka-collapsible-content-width`]: `${width.value}px`
+          }
+        }), {
+          default: withCtx(() => [(unref(rootContext).unmountOnHide.value ? present : true) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)]),
+          _: 2
+        }, 1040, [
+          "id",
+          "as-child",
+          "as",
+          "hidden",
+          "data-state",
+          "data-disabled",
+          "style"
+        ])]),
+        _: 3
+      }, 8, ["present"]);
+    };
+  }
+});
+var CollapsibleContent_default = CollapsibleContent_vue_vue_type_script_setup_true_lang_default;
+var CollapsibleTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "CollapsibleTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    const rootContext = injectCollapsibleRootContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        type: _ctx.as === "button" ? "button" : void 0,
+        as: _ctx.as,
+        "as-child": props.asChild,
+        "aria-controls": unref(rootContext).contentId,
+        "aria-expanded": unref(rootContext).open.value,
+        "data-state": unref(rootContext).open.value ? "open" : "closed",
+        "data-disabled": unref(rootContext).disabled?.value ? "" : void 0,
+        disabled: unref(rootContext).disabled?.value,
+        onClick: unref(rootContext).onOpenToggle
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "type",
+        "as",
+        "as-child",
+        "aria-controls",
+        "aria-expanded",
+        "data-state",
+        "data-disabled",
+        "disabled",
+        "onClick"
+      ]);
+    };
+  }
+});
+var CollapsibleTrigger_default = CollapsibleTrigger_vue_vue_type_script_setup_true_lang_default;
+function validateProps({ type, defaultValue, modelValue }) {
+  const value = modelValue || defaultValue;
+  const canTypeBeInferred = modelValue !== void 0 || defaultValue !== void 0;
+  if (canTypeBeInferred) return Array.isArray(value) ? "multiple" : "single";
+  else return type ?? "single";
+}
+function getDefaultType({ type, defaultValue, modelValue }) {
+  if (type) return type;
+  return validateProps({
+    type,
+    defaultValue,
+    modelValue
+  });
+}
+function getDefaultValue({ type, defaultValue }) {
+  if (defaultValue !== void 0) return defaultValue;
+  return type === "single" ? void 0 : [];
+}
+function useSingleOrMultipleValue(props, emits) {
+  const type = computed(() => getDefaultType(props));
+  const modelValue = useVModel(props, "modelValue", emits, {
+    defaultValue: getDefaultValue(props),
+    passive: props.modelValue === void 0,
+    deep: true
+  });
+  function changeModelValue(value) {
+    if (type.value === "single") modelValue.value = isEqual(value, modelValue.value) ? void 0 : value;
+    else {
+      const modelValueArray = Array.isArray(modelValue.value) ? [...modelValue.value || []] : [modelValue.value].filter(Boolean);
+      if (isValueEqualOrExist(modelValueArray, value)) {
+        const index = modelValueArray.findIndex((i) => isEqual(i, value));
+        modelValueArray.splice(index, 1);
+      } else modelValueArray.push(value);
+      modelValue.value = modelValueArray;
+    }
+  }
+  const isSingle = computed(() => type.value === "single");
+  return {
+    modelValue,
+    changeModelValue,
+    isSingle
+  };
+}
+const [injectAccordionRootContext, provideAccordionRootContext] = /* @__PURE__ */ createContext("AccordionRoot");
+var AccordionRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AccordionRoot",
+  props: {
+    collapsible: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    dir: {
+      type: String,
+      required: false
+    },
+    orientation: {
+      type: String,
+      required: false,
+      default: "vertical"
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    },
+    type: {
+      type: String,
+      required: false
+    },
+    modelValue: {
+      type: null,
+      required: false
+    },
+    defaultValue: {
+      type: null,
+      required: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { dir, disabled, unmountOnHide } = toRefs(props);
+    const direction = useDirection(dir);
+    const { modelValue, changeModelValue, isSingle } = useSingleOrMultipleValue(props, emits);
+    const { forwardRef, currentElement: parentElement } = useForwardExpose();
+    provideAccordionRootContext({
+      disabled,
+      direction,
+      orientation: props.orientation,
+      parentElement,
+      isSingle,
+      collapsible: props.collapsible,
+      modelValue,
+      changeModelValue,
+      unmountOnHide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        ref: unref(forwardRef),
+        "as-child": _ctx.asChild,
+        as: _ctx.as
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
+        _: 3
+      }, 8, ["as-child", "as"]);
+    };
+  }
+});
+var AccordionRoot_default = AccordionRoot_vue_vue_type_script_setup_true_lang_default;
+var AccordionItemState = /* @__PURE__ */ (function(AccordionItemState$1) {
+  AccordionItemState$1["Open"] = "open";
+  AccordionItemState$1["Closed"] = "closed";
+  return AccordionItemState$1;
+})(AccordionItemState || {});
+const [injectAccordionItemContext, provideAccordionItemContext] = /* @__PURE__ */ createContext("AccordionItem");
+var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AccordionItem",
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false
+    },
+    value: {
+      type: String,
+      required: true
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: false,
+      default: void 0
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const open = computed(() => rootContext.isSingle.value ? props.value === rootContext.modelValue.value : Array.isArray(rootContext.modelValue.value) && rootContext.modelValue.value.includes(props.value));
+    const disabled = computed(() => {
+      return rootContext.disabled.value || props.disabled;
+    });
+    const dataDisabled = computed(() => disabled.value ? "" : void 0);
+    const dataState = computed(() => open.value ? AccordionItemState.Open : AccordionItemState.Closed);
+    __expose({
+      open,
+      dataDisabled
+    });
+    const { currentRef, currentElement } = useForwardExpose();
+    provideAccordionItemContext({
+      open,
+      dataState,
+      disabled,
+      dataDisabled,
+      triggerId: "",
+      currentRef,
+      currentElement,
+      value: computed(() => props.value)
+    });
+    function handleArrowKey(e) {
+      const target = e.target;
+      const allCollectionItems = Array.from(rootContext.parentElement.value?.querySelectorAll("[data-reka-collection-item]") ?? []);
+      const collectionItemIndex = allCollectionItems.findIndex((item) => item === target);
+      if (collectionItemIndex === -1) return null;
+      useArrowNavigation(e, target, rootContext.parentElement.value, {
+        arrowKeyOptions: rootContext.orientation,
+        dir: rootContext.direction.value,
+        focus: true
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CollapsibleRoot_default), {
+        "data-orientation": unref(rootContext).orientation,
+        "data-disabled": dataDisabled.value,
+        "data-state": dataState.value,
+        disabled: disabled.value,
+        open: open.value,
+        as: props.as,
+        "as-child": props.asChild,
+        "unmount-on-hide": props.unmountOnHide ?? unref(rootContext).unmountOnHide.value,
+        onKeydown: withKeys(handleArrowKey, [
+          "up",
+          "down",
+          "left",
+          "right",
+          "home",
+          "end"
+        ])
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: open.value })]),
+        _: 3
+      }, 8, [
+        "data-orientation",
+        "data-disabled",
+        "data-state",
+        "disabled",
+        "open",
+        "as",
+        "as-child",
+        "unmount-on-hide"
+      ]);
+    };
+  }
+});
+var AccordionItem_default = AccordionItem_vue_vue_type_script_setup_true_lang_default;
+var AccordionContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AccordionContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const itemContext = injectAccordionItemContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CollapsibleContent_default), {
+        role: "region",
+        "as-child": props.asChild,
+        as: _ctx.as,
+        "force-mount": props.forceMount,
+        "aria-labelledby": unref(itemContext).triggerId,
+        "data-state": unref(itemContext).dataState.value,
+        "data-disabled": unref(itemContext).dataDisabled.value,
+        "data-orientation": unref(rootContext).orientation,
+        style: {
+          "--reka-accordion-content-width": "var(--reka-collapsible-content-width)",
+          "--reka-accordion-content-height": "var(--reka-collapsible-content-height)"
+        },
+        onContentFound: _cache[0] || (_cache[0] = ($event) => unref(rootContext).changeModelValue(unref(itemContext).value.value))
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "as-child",
+        "as",
+        "force-mount",
+        "aria-labelledby",
+        "data-state",
+        "data-disabled",
+        "data-orientation"
+      ]);
+    };
+  }
+});
+var AccordionContent_default = AccordionContent_vue_vue_type_script_setup_true_lang_default;
+var AccordionTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const itemContext = injectAccordionItemContext();
+    itemContext.triggerId ||= useId(void 0, "reka-accordion-trigger");
+    function changeItem() {
+      const triggerDisabled = rootContext.isSingle.value && itemContext.open.value && !rootContext.collapsible;
+      if (itemContext.disabled.value || triggerDisabled) return;
+      rootContext.changeModelValue(itemContext.value.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CollapsibleTrigger_default), {
+        id: unref(itemContext).triggerId,
+        ref: unref(itemContext).currentRef,
+        "data-reka-collection-item": "",
+        as: props.as,
+        "as-child": props.asChild,
+        "aria-disabled": unref(itemContext).disabled.value || void 0,
+        "aria-expanded": unref(itemContext).open.value || false,
+        "data-disabled": unref(itemContext).dataDisabled.value,
+        "data-orientation": unref(rootContext).orientation,
+        "data-state": unref(itemContext).dataState.value,
+        disabled: unref(itemContext).disabled.value,
+        onClick: changeItem
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "id",
+        "as",
+        "as-child",
+        "aria-disabled",
+        "aria-expanded",
+        "data-disabled",
+        "data-orientation",
+        "data-state",
+        "disabled"
+      ]);
+    };
+  }
+});
+var AccordionTrigger_default = AccordionTrigger_vue_vue_type_script_setup_true_lang_default;
+function getOpenState(open) {
+  return open ? "open" : "closed";
+}
+function makeTriggerId(baseId, value) {
+  return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+  return `${baseId}-content-${value}`;
+}
+const LINK_SELECT = "navigationMenu.linkSelect";
+const EVENT_ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
+function getTabbableCandidates(container) {
+  const nodes = [];
+  const walker = (void 0).createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: (node) => {
+    const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+    if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
+    return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+  } });
+  while (walker.nextNode()) nodes.push(walker.currentNode);
+  return nodes;
+}
+function focusFirst(candidates) {
+  const previouslyFocusedElement = getActiveElement();
+  return candidates.some((candidate) => {
+    if (candidate === previouslyFocusedElement) return true;
+    candidate.focus();
+    return getActiveElement() !== previouslyFocusedElement;
+  });
+}
+function removeFromTabOrder(candidates) {
+  candidates.forEach((candidate) => {
+    candidate.dataset.tabindex = candidate.getAttribute("tabindex") || "";
+    candidate.setAttribute("tabindex", "-1");
+  });
+  return () => {
+    candidates.forEach((candidate) => {
+      const prevTabIndex = candidate.dataset.tabindex;
+      candidate.setAttribute("tabindex", prevTabIndex);
+    });
+  };
+}
+function whenMouse(handler) {
+  return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
+}
+const [injectNavigationMenuContext, provideNavigationMenuContext] = /* @__PURE__ */ createContext(["NavigationMenuRoot", "NavigationMenuSub"], "NavigationMenuContext");
+var NavigationMenuRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuRoot",
+  props: {
+    modelValue: {
+      type: String,
+      required: false,
+      default: void 0
+    },
+    defaultValue: {
+      type: String,
+      required: false
+    },
+    dir: {
+      type: String,
+      required: false
+    },
+    orientation: {
+      type: String,
+      required: false,
+      default: "horizontal"
+    },
+    delayDuration: {
+      type: Number,
+      required: false,
+      default: 200
+    },
+    skipDelayDuration: {
+      type: Number,
+      required: false,
+      default: 300
+    },
+    disableClickTrigger: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    disableHoverTrigger: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    disablePointerLeaveClose: {
+      type: Boolean,
+      required: false
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "nav"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useVModel(props, "modelValue", emits, {
+      defaultValue: props.defaultValue ?? "",
+      passive: props.modelValue === void 0
+    });
+    const previousValue = ref("");
+    const { forwardRef, currentElement: rootNavigationMenu } = useForwardExpose();
+    const indicatorTrack = ref();
+    const viewport = ref();
+    const activeTrigger = ref();
+    const { getItems, CollectionSlot } = useCollection({
+      key: "NavigationMenu",
+      isProvider: true
+    });
+    const { delayDuration, skipDelayDuration, dir: propDir, disableClickTrigger, disableHoverTrigger, unmountOnHide } = toRefs(props);
+    const dir = useDirection(propDir);
+    const isDelaySkipped = refAutoReset(false, skipDelayDuration);
+    const skipNextClose = ref(false);
+    const computedDelay = computed(() => {
+      const isOpen = modelValue.value !== "";
+      if (isOpen || isDelaySkipped.value) return 150;
+      else return delayDuration.value;
+    });
+    const debouncedFn = useDebounceFn((val) => {
+      if (typeof val === "string") {
+        if (val === "" && skipNextClose.value) {
+          skipNextClose.value = false;
+          return;
+        }
+        previousValue.value = modelValue.value;
+        modelValue.value = val;
+        if (val === "") isDelaySkipped.value = true;
+      }
+    }, computedDelay);
+    watchEffect(() => {
+      if (!modelValue.value) return;
+      const items = getItems().map((i) => i.ref);
+      activeTrigger.value = items.find((item) => item.id.includes(modelValue.value));
+    });
+    useEventListener(rootNavigationMenu, EVENT_ROOT_CONTENT_DISMISS, onItemDismiss);
+    provideNavigationMenuContext({
+      isRootMenu: true,
+      modelValue,
+      previousValue,
+      baseId: useId(void 0, "reka-navigation-menu"),
+      disableClickTrigger,
+      disableHoverTrigger,
+      dir,
+      unmountOnHide,
+      orientation: props.orientation,
+      rootNavigationMenu,
+      indicatorTrack,
+      activeTrigger,
+      onIndicatorTrackChange: (val) => {
+        indicatorTrack.value = val;
+      },
+      viewport,
+      onViewportChange: (val) => {
+        viewport.value = val;
+      },
+      onTriggerEnter: (val) => {
+        if (modelValue.value !== "") {
+          skipNextClose.value = true;
+          previousValue.value = modelValue.value;
+          modelValue.value = val;
+        } else debouncedFn(val);
+      },
+      onTriggerLeave: () => {
+        skipNextClose.value = false;
+        debouncedFn("");
+      },
+      onContentEnter: () => {
+        debouncedFn();
+      },
+      onContentLeave: () => {
+        if (!props.disablePointerLeaveClose) {
+          skipNextClose.value = false;
+          debouncedFn("");
+        }
+      },
+      onItemSelect: (val) => {
+        previousValue.value = modelValue.value;
+        modelValue.value = val;
+      },
+      onItemDismiss
+    });
+    function onItemDismiss() {
+      previousValue.value = modelValue.value;
+      modelValue.value = "";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CollectionSlot), null, {
+        default: withCtx(() => [createVNode(unref(Primitive), {
+          ref: unref(forwardRef),
+          as: _ctx.as,
+          "as-child": _ctx.asChild,
+          "data-orientation": _ctx.orientation,
+          dir: unref(dir),
+          "data-reka-navigation-menu": ""
+        }, {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
+          _: 3
+        }, 8, [
+          "as",
+          "as-child",
+          "data-orientation",
+          "dir"
+        ])]),
+        _: 3
+      });
+    };
+  }
+});
+var NavigationMenuRoot_default = NavigationMenuRoot_vue_vue_type_script_setup_true_lang_default;
+const [injectNavigationMenuItemContext, provideNavigationMenuItemContext] = /* @__PURE__ */ createContext("NavigationMenuItem");
+var NavigationMenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuItem",
+  props: {
+    value: {
+      type: String,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "li"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    const { getItems } = useCollection({ key: "NavigationMenu" });
+    const context = injectNavigationMenuContext();
+    const value = useId(props.value);
+    const triggerRef$1 = ref();
+    const focusProxyRef = ref();
+    const contentId = makeContentId(context.baseId, value);
+    let restoreContentTabOrderRef = () => ({});
+    const wasEscapeCloseRef = ref(false);
+    async function handleContentEntry(side = "start") {
+      const el = (void 0).getElementById(contentId);
+      if (el) {
+        restoreContentTabOrderRef();
+        const candidates = getTabbableCandidates(el);
+        if (candidates.length) focusFirst(side === "start" ? candidates : candidates.reverse());
+      }
+    }
+    function handleContentExit() {
+      const el = (void 0).getElementById(contentId);
+      if (el) {
+        const candidates = getTabbableCandidates(el);
+        if (candidates.length) restoreContentTabOrderRef = removeFromTabOrder(candidates);
+      }
+    }
+    provideNavigationMenuItemContext({
+      value,
+      contentId,
+      triggerRef: triggerRef$1,
+      focusProxyRef,
+      wasEscapeCloseRef,
+      onEntryKeyDown: handleContentEntry,
+      onFocusProxyEnter: handleContentEntry,
+      onContentFocusOutside: handleContentExit,
+      onRootContentClose: handleContentExit
+    });
+    function handleClose() {
+      context.onItemDismiss();
+      triggerRef$1.value?.focus();
+    }
+    function handleKeydown(ev) {
+      const currentFocus = getActiveElement();
+      if (ev.keyCode === 32 || ev.key === "Enter") if (context.modelValue.value === value) {
+        handleClose();
+        ev.preventDefault();
+        return;
+      } else {
+        ev.target.click();
+        ev.preventDefault();
+        return;
+      }
+      const itemsArray = getItems().filter((i) => i.ref.parentElement?.hasAttribute("data-menu-item")).map((i) => i.ref);
+      if (!itemsArray.includes(currentFocus)) return;
+      const newSelectedElement = useArrowNavigation(ev, currentFocus, void 0, {
+        itemsArray,
+        loop: false
+      });
+      if (newSelectedElement) newSelectedElement?.focus();
+      ev.preventDefault();
+      ev.stopPropagation();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "as-child": _ctx.asChild,
+        as: _ctx.as,
+        "data-menu-item": "",
+        onKeydown: withKeys(handleKeydown, [
+          "up",
+          "down",
+          "left",
+          "right",
+          "home",
+          "end",
+          "space"
+        ])
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 8, ["as-child", "as"]);
+    };
+  }
+});
+var NavigationMenuItem_default = NavigationMenuItem_vue_vue_type_script_setup_true_lang_default;
+var NavigationMenuContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuContentImpl",
+  props: {
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { getItems } = useCollection({ key: "NavigationMenu" });
+    const { forwardRef, currentElement } = useForwardExpose();
+    const menuContext = injectNavigationMenuContext();
+    const itemContext = injectNavigationMenuItemContext();
+    const triggerId = makeTriggerId(menuContext.baseId, itemContext.value);
+    const contentId = makeContentId(menuContext.baseId, itemContext.value);
+    const prevMotionAttributeRef = ref(null);
+    const motionAttribute = computed(() => {
+      const values = getItems().map((i) => i.ref.id.split("trigger-")[1]);
+      if (menuContext.dir.value === "rtl") values.reverse();
+      const index = values.indexOf(menuContext.modelValue.value);
+      const prevIndex = values.indexOf(menuContext.previousValue.value);
+      const isSelected = itemContext.value === menuContext.modelValue.value;
+      const wasSelected = prevIndex === values.indexOf(itemContext.value);
+      if (!isSelected && !wasSelected) return prevMotionAttributeRef.value;
+      const attribute = (() => {
+        if (index !== prevIndex) {
+          if (isSelected && prevIndex !== -1) return index > prevIndex ? "from-end" : "from-start";
+          if (wasSelected && index !== -1) return index > prevIndex ? "to-start" : "to-end";
+        }
+        return null;
+      })();
+      prevMotionAttributeRef.value = attribute;
+      return attribute;
+    });
+    function handleFocusOutside(ev) {
+      emits("focusOutside", ev);
+      emits("interactOutside", ev);
+      const target = ev.detail.originalEvent.target;
+      if (target.hasAttribute("data-navigation-menu-trigger")) ev.preventDefault();
+      if (!ev.defaultPrevented) {
+        itemContext.onContentFocusOutside();
+        const target$1 = ev.target;
+        if (menuContext.rootNavigationMenu?.value?.contains(target$1)) ev.preventDefault();
+      }
+    }
+    function handlePointerDownOutside(ev) {
+      emits("pointerDownOutside", ev);
+      if (!ev.defaultPrevented) {
+        const target = ev.target;
+        const isTrigger = getItems().some((i) => i.ref.contains(target));
+        const isRootViewport = menuContext.isRootMenu && menuContext.viewport.value?.contains(target);
+        if (isTrigger || isRootViewport || !menuContext.isRootMenu) ev.preventDefault();
+      }
+    }
+    watchEffect((cleanupFn) => {
+      const content = currentElement.value;
+      if (menuContext.isRootMenu && content) {
+        const handleClose = () => {
+          menuContext.onItemDismiss();
+          itemContext.onRootContentClose();
+          if (content.contains(getActiveElement())) itemContext.triggerRef.value?.focus();
+        };
+        content.addEventListener(EVENT_ROOT_CONTENT_DISMISS, handleClose);
+        cleanupFn(() => content.removeEventListener(EVENT_ROOT_CONTENT_DISMISS, handleClose));
+      }
+    });
+    function handleEscapeKeyDown(ev) {
+      emits("escapeKeyDown", ev);
+      if (!ev.defaultPrevented) {
+        menuContext.onItemDismiss();
+        itemContext.triggerRef?.value?.focus();
+        itemContext.wasEscapeCloseRef.value = true;
+      }
+    }
+    function handleKeydown(ev) {
+      if (ev.target.closest("[data-reka-navigation-menu]") !== menuContext.rootNavigationMenu.value) return;
+      const isMetaKey = ev.altKey || ev.ctrlKey || ev.metaKey;
+      const isTabKey = ev.key === "Tab" && !isMetaKey;
+      const candidates = getTabbableCandidates(ev.currentTarget);
+      if (isTabKey) {
+        const focusedElement = getActiveElement();
+        const index = candidates.findIndex((candidate) => candidate === focusedElement);
+        const isMovingBackwards = ev.shiftKey;
+        const nextCandidates = isMovingBackwards ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
+        if (focusFirst(nextCandidates)) ev.preventDefault();
+        else {
+          itemContext.focusProxyRef.value?.focus();
+          return;
+        }
+      }
+      const newSelectedElement = useArrowNavigation(ev, getActiveElement(), void 0, {
+        itemsArray: candidates,
+        loop: false,
+        enableIgnoredElement: true
+      });
+      newSelectedElement?.focus();
+    }
+    function handleDismiss() {
+      if (menuContext.modelValue.value !== itemContext.value) return;
+      const rootContentDismissEvent = new Event(EVENT_ROOT_CONTENT_DISMISS, {
+        bubbles: true,
+        cancelable: true
+      });
+      currentElement.value?.dispatchEvent(rootContentDismissEvent);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DismissableLayer_default), mergeProps({
+        id: unref(contentId),
+        ref: unref(forwardRef),
+        "aria-labelledby": unref(triggerId),
+        "data-motion": motionAttribute.value,
+        "data-state": unref(getOpenState)(unref(menuContext).modelValue.value === unref(itemContext).value),
+        "data-orientation": unref(menuContext).orientation
+      }, props, {
+        onKeydown: handleKeydown,
+        onEscapeKeyDown: handleEscapeKeyDown,
+        onPointerDownOutside: handlePointerDownOutside,
+        onFocusOutside: handleFocusOutside,
+        onDismiss: handleDismiss
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "id",
+        "aria-labelledby",
+        "data-motion",
+        "data-state",
+        "data-orientation"
+      ]);
+    };
+  }
+});
+var NavigationMenuContentImpl_default = NavigationMenuContentImpl_vue_vue_type_script_setup_true_lang_default;
+var NavigationMenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "NavigationMenuContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(reactiveOmit(props, "forceMount"), emits);
+    const { forwardRef } = useForwardExpose();
+    const menuContext = injectNavigationMenuContext();
+    const itemContext = injectNavigationMenuItemContext();
+    const open = computed(() => itemContext.value === menuContext.modelValue.value);
+    const isLastActiveValue = computed(() => {
+      if (menuContext.viewport.value) {
+        if (!menuContext.modelValue.value && menuContext.previousValue.value) return menuContext.previousValue.value === itemContext.value;
+      }
+      return false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: unref(isClient) && unref(menuContext).viewport.value ? unref(menuContext).viewport.value : "body",
+        disabled: unref(isClient) && unref(menuContext).viewport.value ? !unref(menuContext).viewport.value : true
+      }, [createVNode(unref(Presence_default), {
+        present: _ctx.forceMount || open.value || isLastActiveValue.value,
+        "force-mount": !unref(menuContext).unmountOnHide.value
+      }, {
+        default: withCtx(({ present }) => [createVNode(NavigationMenuContentImpl_default, mergeProps({
+          ref: unref(forwardRef),
+          "data-state": unref(getOpenState)(open.value),
+          style: { pointerEvents: !open.value && unref(menuContext).isRootMenu ? "none" : void 0 }
+        }, {
+          ..._ctx.$attrs,
+          ...unref(forwarded)
+        }, {
+          hidden: !present,
+          onPointerenter: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onContentEnter(unref(itemContext).value)),
+          onPointerleave: _cache[1] || (_cache[1] = ($event) => unref(whenMouse)(() => unref(menuContext).onContentLeave())($event)),
+          onPointerDownOutside: _cache[2] || (_cache[2] = ($event) => emits("pointerDownOutside", $event)),
+          onFocusOutside: _cache[3] || (_cache[3] = ($event) => emits("focusOutside", $event)),
+          onInteractOutside: _cache[4] || (_cache[4] = ($event) => emits("interactOutside", $event))
+        }), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+          _: 2
+        }, 1040, [
+          "data-state",
+          "style",
+          "hidden"
+        ])]),
+        _: 3
+      }, 8, ["present", "force-mount"])], 8, ["to", "disabled"]);
+    };
+  }
+});
+var NavigationMenuContent_default = NavigationMenuContent_vue_vue_type_script_setup_true_lang_default;
+var NavigationMenuIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "NavigationMenuIndicator",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { forwardRef } = useForwardExpose();
+    const menuContext = injectNavigationMenuContext();
+    const indicatorStyle = ref();
+    const isHorizontal = computed(() => menuContext.orientation === "horizontal");
+    const isVisible = computed(() => !!menuContext.modelValue.value);
+    const { activeTrigger } = menuContext;
+    function handlePositionChange() {
+      if (!activeTrigger.value) return;
+      indicatorStyle.value = {
+        size: isHorizontal.value ? activeTrigger.value.offsetWidth : activeTrigger.value.offsetHeight,
+        position: isHorizontal.value ? activeTrigger.value.offsetLeft : activeTrigger.value.offsetTop
+      };
+    }
+    watchEffect(() => {
+      if (!menuContext.modelValue.value) return;
+      handlePositionChange();
+    });
+    useResizeObserver(activeTrigger, handlePositionChange);
+    useResizeObserver(menuContext.indicatorTrack, handlePositionChange);
+    return (_ctx, _cache) => {
+      return unref(menuContext).indicatorTrack.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: unref(menuContext).indicatorTrack.value
+      }, [createVNode(unref(Presence_default), { present: _ctx.forceMount || isVisible.value }, {
+        default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
+          ref: unref(forwardRef),
+          "aria-hidden": "true",
+          "data-state": isVisible.value ? "visible" : "hidden",
+          "data-orientation": unref(menuContext).orientation,
+          "as-child": props.asChild,
+          as: _ctx.as,
+          style: { ...indicatorStyle.value ? {
+            "--reka-navigation-menu-indicator-size": `${indicatorStyle.value.size}px`,
+            "--reka-navigation-menu-indicator-position": `${indicatorStyle.value.position}px`
+          } : {} }
+        }, _ctx.$attrs), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 16, [
+          "data-state",
+          "data-orientation",
+          "as-child",
+          "as",
+          "style"
+        ])]),
+        _: 3
+      }, 8, ["present"])], 8, ["to"])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+var NavigationMenuIndicator_default = NavigationMenuIndicator_vue_vue_type_script_setup_true_lang_default;
+var NavigationMenuLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuLink",
+  props: {
+    active: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "a"
+    }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { CollectionItem } = useCollection({ key: "NavigationMenu" });
+    useForwardExpose();
+    async function handleClick(ev) {
+      const linkSelectEvent = new CustomEvent(LINK_SELECT, {
+        bubbles: true,
+        cancelable: true,
+        detail: { originalEvent: ev }
+      });
+      emits("select", linkSelectEvent);
+      if (!linkSelectEvent.defaultPrevented && !ev.metaKey) {
+        const rootContentDismissEvent = new CustomEvent(EVENT_ROOT_CONTENT_DISMISS, {
+          bubbles: true,
+          cancelable: true
+        });
+        ev.target?.dispatchEvent(rootContentDismissEvent);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CollectionItem), null, {
+        default: withCtx(() => [createVNode(unref(Primitive), {
+          as: _ctx.as,
+          "data-active": _ctx.active ? "" : void 0,
+          "aria-current": _ctx.active ? "page" : void 0,
+          "as-child": props.asChild,
+          onClick: handleClick
+        }, {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 8, [
+          "as",
+          "data-active",
+          "aria-current",
+          "as-child"
+        ])]),
+        _: 3
+      });
+    };
+  }
+});
+var NavigationMenuLink_default = NavigationMenuLink_vue_vue_type_script_setup_true_lang_default;
+var NavigationMenuList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "NavigationMenuList",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "ul"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const menuContext = injectNavigationMenuContext();
+    const { forwardRef } = useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        ref: unref(forwardRef),
+        style: { "position": "relative" }
+      }, {
+        default: withCtx(() => [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
+          "as-child": props.asChild,
+          as: _ctx.as,
+          "data-orientation": unref(menuContext).orientation
+        }), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 16, [
+          "as-child",
+          "as",
+          "data-orientation"
+        ])]),
+        _: 3
+      }, 512);
+    };
+  }
+});
+var NavigationMenuList_default = NavigationMenuList_vue_vue_type_script_setup_true_lang_default;
+const _hoisted_1 = ["aria-owns"];
+var NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "NavigationMenuTrigger",
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const menuContext = injectNavigationMenuContext();
+    const itemContext = injectNavigationMenuItemContext();
+    const { CollectionItem } = useCollection({ key: "NavigationMenu" });
+    const { forwardRef, currentElement: triggerElement } = useForwardExpose();
+    const triggerId = ref("");
+    const contentId = ref("");
+    const hasPointerMoveOpenedRef = refAutoReset(false, 300);
+    const wasClickCloseRef = ref(false);
+    const open = computed(() => itemContext.value === menuContext.modelValue.value);
+    function handlePointerEnter() {
+      if (menuContext.disableHoverTrigger.value) return;
+      wasClickCloseRef.value = false;
+      itemContext.wasEscapeCloseRef.value = false;
+    }
+    function handlePointerMove(ev) {
+      if (menuContext.disableHoverTrigger.value) return;
+      if (ev.pointerType === "mouse") {
+        if (props.disabled || wasClickCloseRef.value || itemContext.wasEscapeCloseRef.value || hasPointerMoveOpenedRef.value) return;
+        menuContext.onTriggerEnter(itemContext.value);
+        hasPointerMoveOpenedRef.value = true;
+      }
+    }
+    function handlePointerLeave(ev) {
+      if (menuContext.disableHoverTrigger.value) return;
+      if (ev.pointerType === "mouse") {
+        if (props.disabled) return;
+        menuContext.onTriggerLeave();
+        hasPointerMoveOpenedRef.value = false;
+      }
+    }
+    function handleClick(event) {
+      if ((!("pointerType" in event) || event.pointerType === "mouse") && menuContext.disableClickTrigger.value) return;
+      if (hasPointerMoveOpenedRef.value) return;
+      if (open.value) menuContext.onItemSelect("");
+      else menuContext.onItemSelect(itemContext.value);
+      wasClickCloseRef.value = open.value;
+    }
+    function handleKeydown(ev) {
+      const verticalEntryKey = menuContext.dir.value === "rtl" ? "ArrowLeft" : "ArrowRight";
+      const entryKey = {
+        horizontal: "ArrowDown",
+        vertical: verticalEntryKey
+      }[menuContext.orientation];
+      if (open.value && ev.key === entryKey) {
+        itemContext.onEntryKeyDown();
+        ev.preventDefault();
+        ev.stopPropagation();
+      }
+    }
+    function setFocusProxyRef(node) {
+      if (!node) return void 0;
+      itemContext.focusProxyRef.value = unrefElement(node);
+      return void 0;
+    }
+    function handleVisuallyHiddenFocus(ev) {
+      const content = (void 0).getElementById(itemContext.contentId);
+      const prevFocusedElement = ev.relatedTarget;
+      const wasTriggerFocused = prevFocusedElement === triggerElement.value;
+      const wasFocusFromContent = content?.contains(prevFocusedElement);
+      if (wasTriggerFocused || !wasFocusFromContent) itemContext.onFocusProxyEnter(wasTriggerFocused ? "start" : "end");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(CollectionItem), null, {
+        default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
+          id: triggerId.value,
+          ref: unref(forwardRef),
+          disabled: _ctx.disabled,
+          "data-disabled": _ctx.disabled ? "" : void 0,
+          "data-state": unref(getOpenState)(open.value),
+          "data-navigation-menu-trigger": "",
+          "aria-expanded": open.value,
+          "aria-controls": contentId.value,
+          "as-child": props.asChild,
+          as: _ctx.as
+        }, _ctx.$attrs, {
+          onPointerenter: handlePointerEnter,
+          onPointermove: handlePointerMove,
+          onPointerleave: handlePointerLeave,
+          onClick: handleClick,
+          onKeydown: handleKeydown
+        }), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 16, [
+          "id",
+          "disabled",
+          "data-disabled",
+          "data-state",
+          "aria-expanded",
+          "aria-controls",
+          "as-child",
+          "as"
+        ])]),
+        _: 3
+      }), open.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(VisuallyHidden_default), {
+        ref: setFocusProxyRef,
+        "aria-hidden": "true",
+        tabindex: 0,
+        onFocus: handleVisuallyHiddenFocus
+      }), unref(menuContext).viewport ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        "aria-owns": contentId.value
+      }, null, 8, _hoisted_1)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true)], 64);
+    };
+  }
+});
+var NavigationMenuTrigger_default = NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default;
+var NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "NavigationMenuViewport",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    align: {
+      type: String,
+      required: false,
+      default: "center"
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { forwardRef, currentElement } = useForwardExpose();
+    const menuContext = injectNavigationMenuContext();
+    const { activeTrigger, rootNavigationMenu, modelValue } = menuContext;
+    const size = ref();
+    const position = ref();
+    const open = computed(() => !!menuContext.modelValue.value);
+    watch(currentElement, () => {
+      menuContext.onViewportChange(currentElement.value);
+    });
+    const content = ref();
+    watch([modelValue, open], () => {
+      nextTick(() => {
+        if (!currentElement.value) return;
+        requestAnimationFrame(() => {
+          const el = currentElement.value?.querySelector("[data-state=open]");
+          content.value = el;
+        });
+      });
+    }, { immediate: true });
+    function updatePosition() {
+      if (content.value && activeTrigger.value && rootNavigationMenu.value) {
+        const bodyWidth = (void 0).documentElement.offsetWidth;
+        const bodyHeight = (void 0).documentElement.offsetHeight;
+        const rootRect = rootNavigationMenu.value.getBoundingClientRect();
+        const rect = activeTrigger.value.getBoundingClientRect();
+        const { offsetWidth, offsetHeight } = content.value;
+        const startPositionLeft = rect.left - rootRect.left;
+        const startPositionTop = rect.top - rootRect.top;
+        let posLeft = null;
+        let posTop = null;
+        switch (props.align) {
+          case "start":
+            posLeft = startPositionLeft;
+            posTop = startPositionTop;
+            break;
+          case "end":
+            posLeft = startPositionLeft - offsetWidth + rect.width;
+            posTop = startPositionTop - offsetHeight + rect.height;
+            break;
+          default:
+            posLeft = startPositionLeft - offsetWidth / 2 + rect.width / 2;
+            posTop = startPositionTop - offsetHeight / 2 + rect.height / 2;
+        }
+        const screenOffset = 10;
+        if (posLeft + rootRect.left < screenOffset) posLeft = screenOffset - rootRect.left;
+        const rightOffset = posLeft + rootRect.left + offsetWidth;
+        if (rightOffset > bodyWidth - screenOffset) {
+          posLeft -= rightOffset - bodyWidth + screenOffset;
+          if (posLeft < screenOffset - rootRect.left) posLeft = screenOffset - rootRect.left;
+        }
+        if (posTop + rootRect.top < screenOffset) posTop = screenOffset - rootRect.top;
+        const bottomOffset = posTop + rootRect.top + offsetHeight;
+        if (bottomOffset > bodyHeight - screenOffset) {
+          posTop -= bottomOffset - bodyHeight + screenOffset;
+          if (posTop < screenOffset - rootRect.top) posTop = screenOffset - rootRect.top;
+        }
+        posLeft = Math.round(posLeft);
+        posTop = Math.round(posTop);
+        position.value = {
+          left: posLeft,
+          top: posTop
+        };
+      }
+    }
+    useResizeObserver(content, () => {
+      if (content.value) {
+        size.value = {
+          width: content.value.offsetWidth,
+          height: content.value.offsetHeight
+        };
+        updatePosition();
+      }
+    });
+    useResizeObserver([globalThis.document?.body, rootNavigationMenu], () => {
+      updatePosition();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Presence_default), {
+        present: _ctx.forceMount || open.value,
+        "force-mount": !unref(menuContext).unmountOnHide.value,
+        onAfterLeave: _cache[2] || (_cache[2] = () => {
+          size.value = void 0;
+          position.value = void 0;
+        })
+      }, {
+        default: withCtx(({ present }) => [createVNode(unref(Primitive), mergeProps(_ctx.$attrs, {
+          ref: unref(forwardRef),
+          as: _ctx.as,
+          "as-child": _ctx.asChild,
+          "data-state": unref(getOpenState)(open.value),
+          "data-orientation": unref(menuContext).orientation,
+          style: {
+            pointerEvents: !open.value && unref(menuContext).isRootMenu ? "none" : void 0,
+            ["--reka-navigation-menu-viewport-width"]: size.value ? `${size.value?.width}px` : void 0,
+            ["--reka-navigation-menu-viewport-height"]: size.value ? `${size.value?.height}px` : void 0,
+            ["--reka-navigation-menu-viewport-left"]: position.value ? `${position.value?.left}px` : void 0,
+            ["--reka-navigation-menu-viewport-top"]: position.value ? `${position.value?.top}px` : void 0
+          },
+          hidden: !present,
+          onPointerenter: _cache[0] || (_cache[0] = ($event) => unref(menuContext).onContentEnter(unref(menuContext).modelValue.value)),
+          onPointerleave: _cache[1] || (_cache[1] = ($event) => unref(whenMouse)(() => unref(menuContext).onContentLeave())($event))
+        }), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+          _: 2
+        }, 1040, [
+          "as",
+          "as-child",
+          "data-state",
+          "data-orientation",
+          "style",
+          "hidden"
+        ])]),
+        _: 3
+      }, 8, ["present", "force-mount"]);
+    };
+  }
+});
+var NavigationMenuViewport_default = NavigationMenuViewport_vue_vue_type_script_setup_true_lang_default;
+const theme = {
+  "slots": {
+    "root": "relative flex gap-1.5 [&>div]:min-w-0",
+    "list": "isolate min-w-0",
+    "label": "w-full flex items-center gap-1.5 font-semibold text-xs/5 text-highlighted px-2.5 py-1.5",
+    "item": "min-w-0",
+    "link": "group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:outline-3",
+    "linkLeadingIcon": "shrink-0 size-5",
+    "linkLeadingAvatar": "shrink-0",
+    "linkLeadingAvatarSize": "2xs",
+    "linkLeadingChipSize": "sm",
+    "linkTrailing": "group ms-auto inline-flex gap-1.5 items-center",
+    "linkTrailingBadge": "shrink-0",
+    "linkTrailingBadgeSize": "sm",
+    "linkTrailingIcon": "size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+    "linkLabel": "truncate",
+    "linkLabelExternalIcon": "inline-block size-3 align-top text-dimmed",
+    "childList": "isolate",
+    "childLabel": "text-xs text-highlighted",
+    "childItem": "",
+    "childLink": "group relative size-full flex items-start text-start text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:outline-3",
+    "childLinkWrapper": "min-w-0",
+    "childLinkIcon": "size-5 shrink-0",
+    "childLinkLabel": "truncate",
+    "childLinkLabelExternalIcon": "inline-block size-3 align-top text-dimmed",
+    "childLinkDescription": "text-muted",
+    "separator": "px-2 h-px bg-border",
+    "viewportWrapper": "absolute top-full start-0 flex w-full",
+    "viewport": "relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left,right] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-1",
+    "content": "",
+    "indicator": "absolute left-0 data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-2 w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200",
+    "arrow": "relative top-[50%] size-2.5 rotate-45 border border-default bg-default z-1 rounded-xs"
+  },
+  "variants": {
+    "color": {
+      "primary": {
+        "link": "before:outline-primary/25",
+        "childLink": "before:outline-primary/25"
+      },
+      "secondary": {
+        "link": "before:outline-secondary/25",
+        "childLink": "before:outline-secondary/25"
+      },
+      "success": {
+        "link": "before:outline-success/25",
+        "childLink": "before:outline-success/25"
+      },
+      "info": {
+        "link": "before:outline-info/25",
+        "childLink": "before:outline-info/25"
+      },
+      "warning": {
+        "link": "before:outline-warning/25",
+        "childLink": "before:outline-warning/25"
+      },
+      "error": {
+        "link": "before:outline-error/25",
+        "childLink": "before:outline-error/25"
+      },
+      "neutral": {
+        "link": "before:outline-inverted/25",
+        "childLink": "before:outline-inverted/25"
+      }
+    },
+    "highlightColor": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "variant": {
+      "pill": "",
+      "link": ""
+    },
+    "orientation": {
+      "horizontal": {
+        "root": "items-center justify-between",
+        "list": "flex items-center",
+        "item": "py-2",
+        "link": "px-2.5 py-1.5 before:inset-x-px before:inset-y-0",
+        "childList": "grid p-2",
+        "childLink": "px-3 py-2 gap-2 before:inset-x-px before:inset-y-0",
+        "childLinkLabel": "font-medium",
+        "content": "absolute top-0 start-0 w-full max-h-[70vh] overflow-y-auto"
+      },
+      "vertical": {
+        "root": "flex-col",
+        "link": "flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0",
+        "childLabel": "px-1.5 py-0.5",
+        "childLink": "p-1.5 gap-1.5 before:inset-y-px before:inset-x-0"
+      }
+    },
+    "contentOrientation": {
+      "horizontal": {
+        "viewportWrapper": "justify-center",
+        "content": "data-[motion=from-start]:animate-[enter-from-left_200ms_ease] data-[motion=from-end]:animate-[enter-from-right_200ms_ease] data-[motion=to-start]:animate-[exit-to-left_200ms_ease] data-[motion=to-end]:animate-[exit-to-right_200ms_ease]"
+      },
+      "vertical": {
+        "viewport": "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left) rtl:left-auto rtl:right-[calc(100%-var(--reka-navigation-menu-viewport-left)-var(--reka-navigation-menu-viewport-width))]"
+      }
+    },
+    "active": {
+      "true": {
+        "childLink": "before:bg-elevated text-highlighted",
+        "childLinkIcon": "text-default"
+      },
+      "false": {
+        "link": "text-muted",
+        "linkLeadingIcon": "text-dimmed",
+        "childLink": [
+          "hover:before:bg-elevated/50 text-default hover:text-highlighted",
+          "transition-colors before:transition-colors"
+        ],
+        "childLinkIcon": [
+          "text-dimmed group-hover:text-default",
+          "transition-colors"
+        ]
+      }
+    },
+    "disabled": {
+      "true": {
+        "link": "cursor-not-allowed opacity-75"
+      }
+    },
+    "highlight": {
+      "true": ""
+    },
+    "level": {
+      "true": ""
+    },
+    "collapsed": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "orientation": "horizontal",
+      "contentOrientation": "horizontal",
+      "class": {
+        "childList": "grid-cols-2 gap-2"
+      }
+    },
+    {
+      "orientation": "horizontal",
+      "contentOrientation": "vertical",
+      "class": {
+        "childList": "gap-1",
+        "content": "w-60"
+      }
+    },
+    {
+      "orientation": "vertical",
+      "collapsed": false,
+      "class": {
+        "childList": "ms-5 border-s border-default",
+        "childItem": "ps-1.5 -ms-px",
+        "content": "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] data-[state=closed]:overflow-hidden"
+      }
+    },
+    {
+      "orientation": "vertical",
+      "collapsed": true,
+      "class": {
+        "link": "px-1.5",
+        "linkLabel": "hidden",
+        "linkTrailing": "hidden",
+        "content": "shadow-sm rounded-sm min-h-6 p-1"
+      }
+    },
+    {
+      "orientation": "horizontal",
+      "highlight": true,
+      "class": {
+        "link": [
+          "after:absolute after:-bottom-2 after:inset-x-2.5 after:block after:h-px after:rounded-full",
+          "after:transition-colors"
+        ]
+      }
+    },
+    {
+      "orientation": "vertical",
+      "highlight": true,
+      "level": true,
+      "class": {
+        "link": [
+          "after:absolute after:-start-1.5 after:inset-y-0.5 after:block after:w-px after:rounded-full",
+          "after:transition-colors"
+        ]
+      }
+    },
+    {
+      "disabled": false,
+      "active": false,
+      "variant": "pill",
+      "class": {
+        "link": [
+          "hover:text-highlighted hover:before:bg-elevated/50",
+          "transition-colors before:transition-colors"
+        ],
+        "linkLeadingIcon": [
+          "group-hover:text-default",
+          "transition-colors"
+        ]
+      }
+    },
+    {
+      "disabled": false,
+      "active": false,
+      "variant": "pill",
+      "orientation": "horizontal",
+      "class": {
+        "link": "data-[state=open]:text-highlighted",
+        "linkLeadingIcon": "group-data-[state=open]:text-default"
+      }
+    },
+    {
+      "disabled": false,
+      "variant": "pill",
+      "highlight": true,
+      "orientation": "horizontal",
+      "class": {
+        "link": "data-[state=open]:before:bg-elevated/50"
+      }
+    },
+    {
+      "disabled": false,
+      "variant": "pill",
+      "highlight": false,
+      "active": false,
+      "orientation": "horizontal",
+      "class": {
+        "link": "data-[state=open]:before:bg-elevated/50"
+      }
+    },
+    {
+      "color": "primary",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-primary",
+        "linkLeadingIcon": "text-primary group-data-[state=open]:text-primary"
+      }
+    },
+    {
+      "color": "secondary",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-secondary",
+        "linkLeadingIcon": "text-secondary group-data-[state=open]:text-secondary"
+      }
+    },
+    {
+      "color": "success",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-success",
+        "linkLeadingIcon": "text-success group-data-[state=open]:text-success"
+      }
+    },
+    {
+      "color": "info",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-info",
+        "linkLeadingIcon": "text-info group-data-[state=open]:text-info"
+      }
+    },
+    {
+      "color": "warning",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-warning",
+        "linkLeadingIcon": "text-warning group-data-[state=open]:text-warning"
+      }
+    },
+    {
+      "color": "error",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-error",
+        "linkLeadingIcon": "text-error group-data-[state=open]:text-error"
+      }
+    },
+    {
+      "color": "neutral",
+      "variant": "pill",
+      "active": true,
+      "class": {
+        "link": "text-highlighted",
+        "linkLeadingIcon": "text-highlighted group-data-[state=open]:text-highlighted"
+      }
+    },
+    {
+      "variant": "pill",
+      "active": true,
+      "highlight": false,
+      "class": {
+        "link": "before:bg-elevated"
+      }
+    },
+    {
+      "variant": "pill",
+      "active": true,
+      "highlight": true,
+      "disabled": false,
+      "class": {
+        "link": [
+          "hover:before:bg-elevated/50",
+          "before:transition-colors"
+        ]
+      }
+    },
+    {
+      "disabled": false,
+      "active": false,
+      "variant": "link",
+      "class": {
+        "link": [
+          "hover:text-highlighted",
+          "transition-colors"
+        ],
+        "linkLeadingIcon": [
+          "group-hover:text-default",
+          "transition-colors"
+        ]
+      }
+    },
+    {
+      "disabled": false,
+      "active": false,
+      "variant": "link",
+      "orientation": "horizontal",
+      "class": {
+        "link": "data-[state=open]:text-highlighted",
+        "linkLeadingIcon": "group-data-[state=open]:text-default"
+      }
+    },
+    {
+      "color": "primary",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-primary",
+        "linkLeadingIcon": "text-primary group-data-[state=open]:text-primary"
+      }
+    },
+    {
+      "color": "secondary",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-secondary",
+        "linkLeadingIcon": "text-secondary group-data-[state=open]:text-secondary"
+      }
+    },
+    {
+      "color": "success",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-success",
+        "linkLeadingIcon": "text-success group-data-[state=open]:text-success"
+      }
+    },
+    {
+      "color": "info",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-info",
+        "linkLeadingIcon": "text-info group-data-[state=open]:text-info"
+      }
+    },
+    {
+      "color": "warning",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-warning",
+        "linkLeadingIcon": "text-warning group-data-[state=open]:text-warning"
+      }
+    },
+    {
+      "color": "error",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-error",
+        "linkLeadingIcon": "text-error group-data-[state=open]:text-error"
+      }
+    },
+    {
+      "color": "neutral",
+      "variant": "link",
+      "active": true,
+      "class": {
+        "link": "text-highlighted",
+        "linkLeadingIcon": "text-highlighted group-data-[state=open]:text-highlighted"
+      }
+    },
+    {
+      "highlightColor": "primary",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-primary"
+      }
+    },
+    {
+      "highlightColor": "secondary",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-secondary"
+      }
+    },
+    {
+      "highlightColor": "success",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-success"
+      }
+    },
+    {
+      "highlightColor": "info",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-info"
+      }
+    },
+    {
+      "highlightColor": "warning",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-warning"
+      }
+    },
+    {
+      "highlightColor": "error",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-error"
+      }
+    },
+    {
+      "highlightColor": "neutral",
+      "highlight": true,
+      "level": true,
+      "active": true,
+      "class": {
+        "link": "after:bg-inverted"
+      }
+    }
+  ],
+  "defaultVariants": {
+    "color": "primary",
+    "highlightColor": "primary",
+    "variant": "pill"
+  }
+};
+const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "UNavigationMenu",
+  __ssrInlineRender: true,
+  props: {
+    as: { type: null, required: false },
+    type: { type: null, required: false, default: "multiple" },
+    modelValue: { type: null, required: false },
+    defaultValue: { type: null, required: false },
+    trailingIcon: { type: null, required: false },
+    externalIcon: { type: [Boolean, String], required: false, skipCheck: true, default: true },
+    items: { type: null, required: false },
+    color: { type: null, required: false },
+    variant: { type: null, required: false },
+    orientation: { type: null, required: false, default: "horizontal" },
+    collapsed: { type: Boolean, required: false },
+    tooltip: { type: [Boolean, Object], required: false },
+    popover: { type: [Boolean, Object], required: false },
+    highlight: { type: Boolean, required: false },
+    highlightColor: { type: null, required: false },
+    content: { type: Object, required: false },
+    contentOrientation: { type: null, required: false, default: "horizontal" },
+    arrow: { type: Boolean, required: false },
+    valueKey: { type: null, required: false, default: "value" },
+    labelKey: { type: null, required: false, default: "label" },
+    class: { type: null, required: false },
+    ui: { type: Object, required: false },
+    delayDuration: { type: Number, required: false, default: 0 },
+    disableClickTrigger: { type: Boolean, required: false },
+    disableHoverTrigger: { type: Boolean, required: false },
+    skipDelayDuration: { type: Number, required: false },
+    disablePointerLeaveClose: { type: Boolean, required: false },
+    unmountOnHide: { type: Boolean, required: false, default: true },
+    disabled: { type: Boolean, required: false },
+    collapsible: { type: Boolean, required: false, default: true }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const props = useComponentProps("navigationMenu", _props);
+    const appConfig = useAppConfig();
+    const rootProps = useForwardProps(computed(() => ({
+      as: props.as,
+      delayDuration: props.delayDuration,
+      skipDelayDuration: props.skipDelayDuration,
+      orientation: props.orientation,
+      disableClickTrigger: props.disableClickTrigger,
+      disableHoverTrigger: props.disableHoverTrigger,
+      disablePointerLeaveClose: props.disablePointerLeaveClose,
+      unmountOnHide: props.unmountOnHide
+    })), emits);
+    const accordionProps = useForwardProps(reactivePick(props, "collapsible", "disabled", "type", "unmountOnHide"), emits);
+    const contentProps = toRef(() => props.content);
+    const tooltipProps = toRef(() => defu(typeof props.tooltip === "boolean" ? {} : props.tooltip, { ...props.orientation === "vertical" && { delayDuration: 0, content: { side: "right" } } }));
+    const popoverProps = toRef(() => defu(typeof props.popover === "boolean" ? {} : props.popover, { mode: "hover", content: { side: "right", align: "start", alignOffset: 2 } }));
+    const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate();
+    const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate({
+      props: {
+        item: Object,
+        index: Number,
+        level: Number,
+        listIndex: Number
+      }
+    });
+    const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.navigationMenu || {} })({
+      orientation: props.orientation,
+      contentOrientation: props.orientation === "vertical" ? void 0 : props.contentOrientation,
+      collapsed: props.collapsed,
+      color: props.color,
+      variant: props.variant,
+      highlight: props.highlight,
+      highlightColor: props.highlightColor || props.color
+    }));
+    const lists = computed(
+      () => props.items?.length ? isArrayOfArray(props.items) ? props.items : [props.items] : []
+    );
+    function getItemValue(item, index, level, listIndex) {
+      const prefix = lists.value.length > 1 ? `group-${listIndex}-` : "";
+      return get(item, props.valueKey) ?? (level > 0 ? `${prefix}item-${level}-${index}` : `${prefix}item-${index}`);
+    }
+    function getAccordionDefaultValue(list, level = 0, listIndex = 0) {
+      const indexes = list.reduce((acc, item, index) => {
+        if (item.defaultOpen || item.open) {
+          acc.push(getItemValue(item, index, level, listIndex));
+        }
+        return acc;
+      }, []);
+      return props.type === "single" ? indexes[0] : indexes;
+    }
+    function onLinkTrailingClick(e, item) {
+      if (!item.children?.length) {
+        return;
+      }
+      if (props.orientation === "horizontal") {
+        e.preventDefault();
+      } else if (props.orientation === "vertical" && !props.collapsed) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<!--[-->`);
+      _push(ssrRenderComponent(unref(DefineLinkTemplate), null, {
+        default: withCtx(({ item, active, index }, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, item.slot || "item", {
+              item,
+              index,
+              active,
+              ui: ui.value
+            }, () => {
+              ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-leading` : "item-leading", {
+                item,
+                active,
+                index,
+                ui: ui.value
+              }, () => {
+                if (item.avatar) {
+                  _push2(ssrRenderComponent(_sfc_main$n, mergeProps({
+                    size: item.ui?.linkLeadingAvatarSize || unref(props).ui?.linkLeadingAvatarSize || ui.value.linkLeadingAvatarSize()
+                  }, item.avatar, {
+                    "data-slot": "linkLeadingAvatar",
+                    class: ui.value.linkLeadingAvatar({ class: [unref(props).ui?.linkLeadingAvatar, item.ui?.linkLeadingAvatar], active, disabled: !!item.disabled })
+                  }), null, _parent2, _scopeId));
+                } else if (item.icon && item.chip) {
+                  _push2(ssrRenderComponent(_sfc_main$o, mergeProps({
+                    size: item.ui?.linkLeadingChipSize || unref(props).ui?.linkLeadingChipSize || ui.value.linkLeadingChipSize(),
+                    inset: ""
+                  }, typeof item.chip === "object" ? item.chip : {}, { "data-slot": "linkLeadingChip" }), {
+                    default: withCtx((_, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(ssrRenderComponent(_sfc_main$p, {
+                          name: item.icon,
+                          "data-slot": "linkLeadingIcon",
+                          class: ui.value.linkLeadingIcon({ class: [unref(props).ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active, disabled: !!item.disabled })
+                        }, null, _parent3, _scopeId2));
+                      } else {
+                        return [
+                          createVNode(_sfc_main$p, {
+                            name: item.icon,
+                            "data-slot": "linkLeadingIcon",
+                            class: ui.value.linkLeadingIcon({ class: [unref(props).ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active, disabled: !!item.disabled })
+                          }, null, 8, ["name", "class"])
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                } else if (item.icon) {
+                  _push2(ssrRenderComponent(_sfc_main$p, {
+                    name: item.icon,
+                    "data-slot": "linkLeadingIcon",
+                    class: ui.value.linkLeadingIcon({ class: [unref(props).ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active, disabled: !!item.disabled })
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+              if (unref(get)(item, unref(props).labelKey) || !!slots[item.slot ? `${item.slot}-label` : "item-label"]) {
+                _push2(`<span data-slot="linkLabel" class="${ssrRenderClass(ui.value.linkLabel({ class: [unref(props).ui?.linkLabel, item.ui?.linkLabel] }))}"${_scopeId}>`);
+                ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-label` : "item-label", {
+                  item,
+                  active,
+                  index
+                }, () => {
+                  _push2(`${ssrInterpolate(unref(get)(item, unref(props).labelKey))}`);
+                }, _push2, _parent2, _scopeId);
+                if (item.target === "_blank" && unref(props).externalIcon !== false) {
+                  _push2(ssrRenderComponent(_sfc_main$p, {
+                    name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                    "data-slot": "linkLabelExternalIcon",
+                    class: ui.value.linkLabelExternalIcon({ class: [unref(props).ui?.linkLabelExternalIcon, item.ui?.linkLabelExternalIcon], active })
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (item.badge || item.badge === 0 || unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) || unref(props).orientation === "vertical" && item.children?.length || item.trailingIcon || !!slots[item.slot ? `${item.slot}-trailing` : "item-trailing"]) {
+                ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed ? unref(AccordionTrigger_default) : "span"), {
+                  as: unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed ? "span" : void 0,
+                  "data-slot": "linkTrailing",
+                  class: ui.value.linkTrailing({ class: [unref(props).ui?.linkTrailing, item.ui?.linkTrailing] }),
+                  onClick: (e) => onLinkTrailingClick(e, item)
+                }, {
+                  default: withCtx((_, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-trailing` : "item-trailing", {
+                        item,
+                        active,
+                        index,
+                        ui: ui.value
+                      }, () => {
+                        if (item.badge || item.badge === 0) {
+                          _push3(ssrRenderComponent(_sfc_main$7, mergeProps({
+                            color: "neutral",
+                            variant: "outline",
+                            size: item.ui?.linkTrailingBadgeSize || unref(props).ui?.linkTrailingBadgeSize || ui.value.linkTrailingBadgeSize()
+                          }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+                            "data-slot": "linkTrailingBadge",
+                            class: ui.value.linkTrailingBadge({ class: [unref(props).ui?.linkTrailingBadge, item.ui?.linkTrailingBadge] })
+                          }), null, _parent3, _scopeId2));
+                        } else {
+                          _push3(`<!---->`);
+                        }
+                        if (unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) || unref(props).orientation === "vertical" && item.children?.length) {
+                          _push3(ssrRenderComponent(_sfc_main$p, {
+                            name: item.trailingIcon || unref(props).trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                            "data-slot": "linkTrailingIcon",
+                            class: ui.value.linkTrailingIcon({ class: [unref(props).ui?.linkTrailingIcon, item.ui?.linkTrailingIcon], active })
+                          }, null, _parent3, _scopeId2));
+                        } else if (item.trailingIcon) {
+                          _push3(ssrRenderComponent(_sfc_main$p, {
+                            name: item.trailingIcon,
+                            "data-slot": "linkTrailingIcon",
+                            class: ui.value.linkTrailingIcon({ class: [unref(props).ui?.linkTrailingIcon, item.ui?.linkTrailingIcon], active })
+                          }, null, _parent3, _scopeId2));
+                        } else {
+                          _push3(`<!---->`);
+                        }
+                      }, _push3, _parent3, _scopeId2);
+                    } else {
+                      return [
+                        renderSlot(_ctx.$slots, item.slot ? `${item.slot}-trailing` : "item-trailing", {
+                          item,
+                          active,
+                          index,
+                          ui: ui.value
+                        }, () => [
+                          item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$7, mergeProps({
+                            key: 0,
+                            color: "neutral",
+                            variant: "outline",
+                            size: item.ui?.linkTrailingBadgeSize || unref(props).ui?.linkTrailingBadgeSize || ui.value.linkTrailingBadgeSize()
+                          }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+                            "data-slot": "linkTrailingBadge",
+                            class: ui.value.linkTrailingBadge({ class: [unref(props).ui?.linkTrailingBadge, item.ui?.linkTrailingBadge] })
+                          }), null, 16, ["size", "class"])) : createCommentVNode("", true),
+                          unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) || unref(props).orientation === "vertical" && item.children?.length ? (openBlock(), createBlock(_sfc_main$p, {
+                            key: 1,
+                            name: item.trailingIcon || unref(props).trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                            "data-slot": "linkTrailingIcon",
+                            class: ui.value.linkTrailingIcon({ class: [unref(props).ui?.linkTrailingIcon, item.ui?.linkTrailingIcon], active })
+                          }, null, 8, ["name", "class"])) : item.trailingIcon ? (openBlock(), createBlock(_sfc_main$p, {
+                            key: 2,
+                            name: item.trailingIcon,
+                            "data-slot": "linkTrailingIcon",
+                            class: ui.value.linkTrailingIcon({ class: [unref(props).ui?.linkTrailingIcon, item.ui?.linkTrailingIcon], active })
+                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 2
+                }), _parent2, _scopeId);
+              } else {
+                _push2(`<!---->`);
+              }
+            }, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, item.slot || "item", {
+                item,
+                index,
+                active,
+                ui: ui.value
+              }, () => [
+                renderSlot(_ctx.$slots, item.slot ? `${item.slot}-leading` : "item-leading", {
+                  item,
+                  active,
+                  index,
+                  ui: ui.value
+                }, () => [
+                  item.avatar ? (openBlock(), createBlock(_sfc_main$n, mergeProps({
+                    key: 0,
+                    size: item.ui?.linkLeadingAvatarSize || unref(props).ui?.linkLeadingAvatarSize || ui.value.linkLeadingAvatarSize()
+                  }, item.avatar, {
+                    "data-slot": "linkLeadingAvatar",
+                    class: ui.value.linkLeadingAvatar({ class: [unref(props).ui?.linkLeadingAvatar, item.ui?.linkLeadingAvatar], active, disabled: !!item.disabled })
+                  }), null, 16, ["size", "class"])) : item.icon && item.chip ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
+                    key: 1,
+                    size: item.ui?.linkLeadingChipSize || unref(props).ui?.linkLeadingChipSize || ui.value.linkLeadingChipSize(),
+                    inset: ""
+                  }, typeof item.chip === "object" ? item.chip : {}, { "data-slot": "linkLeadingChip" }), {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$p, {
+                        name: item.icon,
+                        "data-slot": "linkLeadingIcon",
+                        class: ui.value.linkLeadingIcon({ class: [unref(props).ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active, disabled: !!item.disabled })
+                      }, null, 8, ["name", "class"])
+                    ]),
+                    _: 2
+                  }, 1040, ["size"])) : item.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                    key: 2,
+                    name: item.icon,
+                    "data-slot": "linkLeadingIcon",
+                    class: ui.value.linkLeadingIcon({ class: [unref(props).ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active, disabled: !!item.disabled })
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                ]),
+                unref(get)(item, unref(props).labelKey) || !!slots[item.slot ? `${item.slot}-label` : "item-label"] ? (openBlock(), createBlock("span", {
+                  key: 0,
+                  "data-slot": "linkLabel",
+                  class: ui.value.linkLabel({ class: [unref(props).ui?.linkLabel, item.ui?.linkLabel] })
+                }, [
+                  renderSlot(_ctx.$slots, item.slot ? `${item.slot}-label` : "item-label", {
+                    item,
+                    active,
+                    index
+                  }, () => [
+                    createTextVNode(toDisplayString(unref(get)(item, unref(props).labelKey)), 1)
+                  ]),
+                  item.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                    key: 0,
+                    name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                    "data-slot": "linkLabelExternalIcon",
+                    class: ui.value.linkLabelExternalIcon({ class: [unref(props).ui?.linkLabelExternalIcon, item.ui?.linkLabelExternalIcon], active })
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                ], 2)) : createCommentVNode("", true),
+                item.badge || item.badge === 0 || unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) || unref(props).orientation === "vertical" && item.children?.length || item.trailingIcon || !!slots[item.slot ? `${item.slot}-trailing` : "item-trailing"] ? (openBlock(), createBlock(resolveDynamicComponent(unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed ? unref(AccordionTrigger_default) : "span"), {
+                  key: 1,
+                  as: unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed ? "span" : void 0,
+                  "data-slot": "linkTrailing",
+                  class: ui.value.linkTrailing({ class: [unref(props).ui?.linkTrailing, item.ui?.linkTrailing] }),
+                  onClick: (e) => onLinkTrailingClick(e, item)
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-trailing` : "item-trailing", {
+                      item,
+                      active,
+                      index,
+                      ui: ui.value
+                    }, () => [
+                      item.badge || item.badge === 0 ? (openBlock(), createBlock(_sfc_main$7, mergeProps({
+                        key: 0,
+                        color: "neutral",
+                        variant: "outline",
+                        size: item.ui?.linkTrailingBadgeSize || unref(props).ui?.linkTrailingBadgeSize || ui.value.linkTrailingBadgeSize()
+                      }, typeof item.badge === "string" || typeof item.badge === "number" ? { label: item.badge } : item.badge, {
+                        "data-slot": "linkTrailingBadge",
+                        class: ui.value.linkTrailingBadge({ class: [unref(props).ui?.linkTrailingBadge, item.ui?.linkTrailingBadge] })
+                      }), null, 16, ["size", "class"])) : createCommentVNode("", true),
+                      unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) || unref(props).orientation === "vertical" && item.children?.length ? (openBlock(), createBlock(_sfc_main$p, {
+                        key: 1,
+                        name: item.trailingIcon || unref(props).trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                        "data-slot": "linkTrailingIcon",
+                        class: ui.value.linkTrailingIcon({ class: [unref(props).ui?.linkTrailingIcon, item.ui?.linkTrailingIcon], active })
+                      }, null, 8, ["name", "class"])) : item.trailingIcon ? (openBlock(), createBlock(_sfc_main$p, {
+                        key: 2,
+                        name: item.trailingIcon,
+                        "data-slot": "linkTrailingIcon",
+                        class: ui.value.linkTrailingIcon({ class: [unref(props).ui?.linkTrailingIcon, item.ui?.linkTrailingIcon], active })
+                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["as", "class", "onClick"])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(ssrRenderComponent(unref(DefineItemTemplate), null, {
+        default: withCtx(({ item, index, level = 0, listIndex = 0 }, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(unref(props).orientation === "vertical" && !unref(props).collapsed ? unref(AccordionItem_default) : unref(NavigationMenuItem_default)), mergeProps({ as: "li" }, unref(props).orientation === "vertical" && !unref(props).collapsed ? { disabled: !!item.disabled } : {}, {
+              value: getItemValue(item, index, level, listIndex)
+            }), {
+              default: withCtx((_, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(props).orientation === "vertical" && item.type === "label" && !unref(props).collapsed) {
+                    _push3(`<div data-slot="label" class="${ssrRenderClass(ui.value.label({ class: [unref(props).ui?.label, item.ui?.label, item.class] }))}"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(unref(ReuseLinkTemplate), {
+                      item,
+                      index
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div>`);
+                  } else if (item.type !== "label") {
+                    _push3(ssrRenderComponent(_sfc_main$l, mergeProps(unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && item.type === "trigger" ? {} : unref(pickLinkProps)(item), { custom: "" }), {
+                      default: withCtx(({ active, ...slotProps }, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          ssrRenderVNode(_push4, createVNode(resolveDynamicComponent(unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? unref(NavigationMenuTrigger_default) : unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && !slotProps.href ? unref(AccordionTrigger_default) : unref(NavigationMenuLink_default)), {
+                            "as-child": "",
+                            active: active || item.active,
+                            disabled: item.disabled,
+                            onSelect: item.onSelect
+                          }, {
+                            default: withCtx((_2, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                if (unref(props).orientation === "vertical" && unref(props).collapsed && item.children?.length && (!!unref(props).popover || !!item.popover)) {
+                                  _push5(ssrRenderComponent(_sfc_main$8, mergeProps({ ...popoverProps.value, ...typeof item.popover === "boolean" ? {} : item.popover || {} }, {
+                                    ui: { content: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] }) }
+                                  }), {
+                                    content: withCtx(({ close }, _push6, _parent6, _scopeId5) => {
+                                      if (_push6) {
+                                        ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                          item,
+                                          active: active || item.active,
+                                          index,
+                                          ui: ui.value,
+                                          close
+                                        }, () => {
+                                          _push6(`<ul data-slot="childList" class="${ssrRenderClass(ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] }))}"${_scopeId5}><li data-slot="childLabel" class="${ssrRenderClass(ui.value.childLabel({ class: [unref(props).ui?.childLabel, item.ui?.childLabel] }))}"${_scopeId5}>${ssrInterpolate(unref(get)(item, unref(props).labelKey))}</li><!--[-->`);
+                                          ssrRenderList(item.children, (childItem, childIndex) => {
+                                            _push6(`<li data-slot="childItem" class="${ssrRenderClass(ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] }))}"${_scopeId5}>`);
+                                            _push6(ssrRenderComponent(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                              default: withCtx(({ active: childActive, ...childSlotProps }, _push7, _parent7, _scopeId6) => {
+                                                if (_push7) {
+                                                  _push7(ssrRenderComponent(unref(NavigationMenuLink_default), {
+                                                    "as-child": "",
+                                                    active: childActive,
+                                                    onSelect: childItem.onSelect
+                                                  }, {
+                                                    default: withCtx((_3, _push8, _parent8, _scopeId7) => {
+                                                      if (_push8) {
+                                                        _push8(ssrRenderComponent(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                          "data-slot": "childLink",
+                                                          class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                        }), {
+                                                          default: withCtx((_4, _push9, _parent9, _scopeId8) => {
+                                                            if (_push9) {
+                                                              if (childItem.icon) {
+                                                                _push9(ssrRenderComponent(_sfc_main$p, {
+                                                                  name: childItem.icon,
+                                                                  "data-slot": "childLinkIcon",
+                                                                  class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                                }, null, _parent9, _scopeId8));
+                                                              } else {
+                                                                _push9(`<!---->`);
+                                                              }
+                                                              _push9(`<span data-slot="childLinkLabel" class="${ssrRenderClass(ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive }))}"${_scopeId8}>${ssrInterpolate(unref(get)(childItem, unref(props).labelKey))} `);
+                                                              if (childItem.target === "_blank" && unref(props).externalIcon !== false) {
+                                                                _push9(ssrRenderComponent(_sfc_main$p, {
+                                                                  name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                                  "data-slot": "childLinkLabelExternalIcon",
+                                                                  class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                                }, null, _parent9, _scopeId8));
+                                                              } else {
+                                                                _push9(`<!---->`);
+                                                              }
+                                                              _push9(`</span>`);
+                                                            } else {
+                                                              return [
+                                                                childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                  key: 0,
+                                                                  name: childItem.icon,
+                                                                  "data-slot": "childLinkIcon",
+                                                                  class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                                }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                                createVNode("span", {
+                                                                  "data-slot": "childLinkLabel",
+                                                                  class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                                }, [
+                                                                  createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                                  childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                    key: 0,
+                                                                    name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                                    "data-slot": "childLinkLabelExternalIcon",
+                                                                    class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                                ], 2)
+                                                              ];
+                                                            }
+                                                          }),
+                                                          _: 2
+                                                        }, _parent8, _scopeId7));
+                                                      } else {
+                                                        return [
+                                                          createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                            "data-slot": "childLink",
+                                                            class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                          }), {
+                                                            default: withCtx(() => [
+                                                              childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                key: 0,
+                                                                name: childItem.icon,
+                                                                "data-slot": "childLinkIcon",
+                                                                class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                              }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                              createVNode("span", {
+                                                                "data-slot": "childLinkLabel",
+                                                                class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                              }, [
+                                                                createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                                childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                  key: 0,
+                                                                  name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                                  "data-slot": "childLinkLabelExternalIcon",
+                                                                  class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                                }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                              ], 2)
+                                                            ]),
+                                                            _: 2
+                                                          }, 1040, ["class"])
+                                                        ];
+                                                      }
+                                                    }),
+                                                    _: 2
+                                                  }, _parent7, _scopeId6));
+                                                } else {
+                                                  return [
+                                                    createVNode(unref(NavigationMenuLink_default), {
+                                                      "as-child": "",
+                                                      active: childActive,
+                                                      onSelect: childItem.onSelect
+                                                    }, {
+                                                      default: withCtx(() => [
+                                                        createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                          "data-slot": "childLink",
+                                                          class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                        }), {
+                                                          default: withCtx(() => [
+                                                            childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                              key: 0,
+                                                              name: childItem.icon,
+                                                              "data-slot": "childLinkIcon",
+                                                              class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                            createVNode("span", {
+                                                              "data-slot": "childLinkLabel",
+                                                              class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                            }, [
+                                                              createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                              childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                key: 0,
+                                                                name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                                "data-slot": "childLinkLabelExternalIcon",
+                                                                class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                              }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                            ], 2)
+                                                          ]),
+                                                          _: 2
+                                                        }, 1040, ["class"])
+                                                      ]),
+                                                      _: 2
+                                                    }, 1032, ["active", "onSelect"])
+                                                  ];
+                                                }
+                                              }),
+                                              _: 2
+                                            }, _parent6, _scopeId5));
+                                            _push6(`</li>`);
+                                          });
+                                          _push6(`<!--]--></ul>`);
+                                        }, _push6, _parent6, _scopeId5);
+                                      } else {
+                                        return [
+                                          renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                            item,
+                                            active: active || item.active,
+                                            index,
+                                            ui: ui.value,
+                                            close
+                                          }, () => [
+                                            createVNode("ul", {
+                                              "data-slot": "childList",
+                                              class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                            }, [
+                                              createVNode("li", {
+                                                "data-slot": "childLabel",
+                                                class: ui.value.childLabel({ class: [unref(props).ui?.childLabel, item.ui?.childLabel] })
+                                              }, toDisplayString(unref(get)(item, unref(props).labelKey)), 3),
+                                              (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                                return openBlock(), createBlock("li", {
+                                                  key: childIndex,
+                                                  "data-slot": "childItem",
+                                                  class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                                }, [
+                                                  createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                                    default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                                      createVNode(unref(NavigationMenuLink_default), {
+                                                        "as-child": "",
+                                                        active: childActive,
+                                                        onSelect: childItem.onSelect
+                                                      }, {
+                                                        default: withCtx(() => [
+                                                          createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                            "data-slot": "childLink",
+                                                            class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                          }), {
+                                                            default: withCtx(() => [
+                                                              childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                key: 0,
+                                                                name: childItem.icon,
+                                                                "data-slot": "childLinkIcon",
+                                                                class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                              }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                              createVNode("span", {
+                                                                "data-slot": "childLinkLabel",
+                                                                class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                              }, [
+                                                                createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                                childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                  key: 0,
+                                                                  name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                                  "data-slot": "childLinkLabelExternalIcon",
+                                                                  class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                                }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                              ], 2)
+                                                            ]),
+                                                            _: 2
+                                                          }, 1040, ["class"])
+                                                        ]),
+                                                        _: 2
+                                                      }, 1032, ["active", "onSelect"])
+                                                    ]),
+                                                    _: 2
+                                                  }, 1040)
+                                                ], 2);
+                                              }), 128))
+                                            ], 2)
+                                          ])
+                                        ];
+                                      }
+                                    }),
+                                    default: withCtx((_3, _push6, _parent6, _scopeId5) => {
+                                      if (_push6) {
+                                        _push6(ssrRenderComponent(_sfc_main$m, mergeProps(slotProps, {
+                                          "data-slot": "link",
+                                          class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                        }), {
+                                          default: withCtx((_4, _push7, _parent7, _scopeId6) => {
+                                            if (_push7) {
+                                              _push7(ssrRenderComponent(unref(ReuseLinkTemplate), {
+                                                item,
+                                                active: active || item.active,
+                                                index
+                                              }, null, _parent7, _scopeId6));
+                                            } else {
+                                              return [
+                                                createVNode(unref(ReuseLinkTemplate), {
+                                                  item,
+                                                  active: active || item.active,
+                                                  index
+                                                }, null, 8, ["item", "active", "index"])
+                                              ];
+                                            }
+                                          }),
+                                          _: 2
+                                        }, _parent6, _scopeId5));
+                                      } else {
+                                        return [
+                                          createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                            "data-slot": "link",
+                                            class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                          }), {
+                                            default: withCtx(() => [
+                                              createVNode(unref(ReuseLinkTemplate), {
+                                                item,
+                                                active: active || item.active,
+                                                index
+                                              }, null, 8, ["item", "active", "index"])
+                                            ]),
+                                            _: 2
+                                          }, 1040, ["class"])
+                                        ];
+                                      }
+                                    }),
+                                    _: 2
+                                  }, _parent5, _scopeId4));
+                                } else if (unref(props).orientation === "vertical" && unref(props).collapsed && (!!unref(props).tooltip || !!item.tooltip) || unref(props).orientation === "horizontal" && !!item.tooltip) {
+                                  _push5(ssrRenderComponent(_sfc_main$1, mergeProps({
+                                    text: unref(get)(item, unref(props).labelKey)
+                                  }, { ...tooltipProps.value, ...typeof item.tooltip === "boolean" ? {} : item.tooltip || {} }), {
+                                    default: withCtx((_3, _push6, _parent6, _scopeId5) => {
+                                      if (_push6) {
+                                        _push6(ssrRenderComponent(_sfc_main$m, mergeProps(slotProps, {
+                                          "data-slot": "link",
+                                          class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                        }), {
+                                          default: withCtx((_4, _push7, _parent7, _scopeId6) => {
+                                            if (_push7) {
+                                              _push7(ssrRenderComponent(unref(ReuseLinkTemplate), {
+                                                item,
+                                                active: active || item.active,
+                                                index
+                                              }, null, _parent7, _scopeId6));
+                                            } else {
+                                              return [
+                                                createVNode(unref(ReuseLinkTemplate), {
+                                                  item,
+                                                  active: active || item.active,
+                                                  index
+                                                }, null, 8, ["item", "active", "index"])
+                                              ];
+                                            }
+                                          }),
+                                          _: 2
+                                        }, _parent6, _scopeId5));
+                                      } else {
+                                        return [
+                                          createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                            "data-slot": "link",
+                                            class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                          }), {
+                                            default: withCtx(() => [
+                                              createVNode(unref(ReuseLinkTemplate), {
+                                                item,
+                                                active: active || item.active,
+                                                index
+                                              }, null, 8, ["item", "active", "index"])
+                                            ]),
+                                            _: 2
+                                          }, 1040, ["class"])
+                                        ];
+                                      }
+                                    }),
+                                    _: 2
+                                  }, _parent5, _scopeId4));
+                                } else {
+                                  _push5(ssrRenderComponent(_sfc_main$m, mergeProps(slotProps, {
+                                    "data-slot": "link",
+                                    class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: unref(props).orientation === "horizontal" || level > 0 })
+                                  }), {
+                                    default: withCtx((_3, _push6, _parent6, _scopeId5) => {
+                                      if (_push6) {
+                                        _push6(ssrRenderComponent(unref(ReuseLinkTemplate), {
+                                          item,
+                                          active: active || item.active,
+                                          index
+                                        }, null, _parent6, _scopeId5));
+                                      } else {
+                                        return [
+                                          createVNode(unref(ReuseLinkTemplate), {
+                                            item,
+                                            active: active || item.active,
+                                            index
+                                          }, null, 8, ["item", "active", "index"])
+                                        ];
+                                      }
+                                    }),
+                                    _: 2
+                                  }, _parent5, _scopeId4));
+                                }
+                              } else {
+                                return [
+                                  unref(props).orientation === "vertical" && unref(props).collapsed && item.children?.length && (!!unref(props).popover || !!item.popover) ? (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 0 }, { ...popoverProps.value, ...typeof item.popover === "boolean" ? {} : item.popover || {} }, {
+                                    ui: { content: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] }) }
+                                  }), {
+                                    content: withCtx(({ close }) => [
+                                      renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                        item,
+                                        active: active || item.active,
+                                        index,
+                                        ui: ui.value,
+                                        close
+                                      }, () => [
+                                        createVNode("ul", {
+                                          "data-slot": "childList",
+                                          class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                        }, [
+                                          createVNode("li", {
+                                            "data-slot": "childLabel",
+                                            class: ui.value.childLabel({ class: [unref(props).ui?.childLabel, item.ui?.childLabel] })
+                                          }, toDisplayString(unref(get)(item, unref(props).labelKey)), 3),
+                                          (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                            return openBlock(), createBlock("li", {
+                                              key: childIndex,
+                                              "data-slot": "childItem",
+                                              class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                            }, [
+                                              createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                                default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                                  createVNode(unref(NavigationMenuLink_default), {
+                                                    "as-child": "",
+                                                    active: childActive,
+                                                    onSelect: childItem.onSelect
+                                                  }, {
+                                                    default: withCtx(() => [
+                                                      createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                        "data-slot": "childLink",
+                                                        class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                      }), {
+                                                        default: withCtx(() => [
+                                                          childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                            key: 0,
+                                                            name: childItem.icon,
+                                                            "data-slot": "childLinkIcon",
+                                                            class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                          createVNode("span", {
+                                                            "data-slot": "childLinkLabel",
+                                                            class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                          }, [
+                                                            createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                            childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                              key: 0,
+                                                              name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                              "data-slot": "childLinkLabelExternalIcon",
+                                                              class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                          ], 2)
+                                                        ]),
+                                                        _: 2
+                                                      }, 1040, ["class"])
+                                                    ]),
+                                                    _: 2
+                                                  }, 1032, ["active", "onSelect"])
+                                                ]),
+                                                _: 2
+                                              }, 1040)
+                                            ], 2);
+                                          }), 128))
+                                        ], 2)
+                                      ])
+                                    ]),
+                                    default: withCtx(() => [
+                                      createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                        "data-slot": "link",
+                                        class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                      }), {
+                                        default: withCtx(() => [
+                                          createVNode(unref(ReuseLinkTemplate), {
+                                            item,
+                                            active: active || item.active,
+                                            index
+                                          }, null, 8, ["item", "active", "index"])
+                                        ]),
+                                        _: 2
+                                      }, 1040, ["class"])
+                                    ]),
+                                    _: 2
+                                  }, 1040, ["ui"])) : unref(props).orientation === "vertical" && unref(props).collapsed && (!!unref(props).tooltip || !!item.tooltip) || unref(props).orientation === "horizontal" && !!item.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                    key: 1,
+                                    text: unref(get)(item, unref(props).labelKey)
+                                  }, { ...tooltipProps.value, ...typeof item.tooltip === "boolean" ? {} : item.tooltip || {} }), {
+                                    default: withCtx(() => [
+                                      createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                        "data-slot": "link",
+                                        class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                      }), {
+                                        default: withCtx(() => [
+                                          createVNode(unref(ReuseLinkTemplate), {
+                                            item,
+                                            active: active || item.active,
+                                            index
+                                          }, null, 8, ["item", "active", "index"])
+                                        ]),
+                                        _: 2
+                                      }, 1040, ["class"])
+                                    ]),
+                                    _: 2
+                                  }, 1040, ["text"])) : (openBlock(), createBlock(_sfc_main$m, mergeProps({ key: 2 }, slotProps, {
+                                    "data-slot": "link",
+                                    class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: unref(props).orientation === "horizontal" || level > 0 })
+                                  }), {
+                                    default: withCtx(() => [
+                                      createVNode(unref(ReuseLinkTemplate), {
+                                        item,
+                                        active: active || item.active,
+                                        index
+                                      }, null, 8, ["item", "active", "index"])
+                                    ]),
+                                    _: 2
+                                  }, 1040, ["class"]))
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }), _parent4, _scopeId3);
+                          if (unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"])) {
+                            _push4(ssrRenderComponent(unref(NavigationMenuContent_default), mergeProps(contentProps.value, {
+                              "data-slot": "content",
+                              class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                            }), {
+                              default: withCtx((_2, _push5, _parent5, _scopeId4) => {
+                                if (_push5) {
+                                  ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                    item,
+                                    active: active || item.active,
+                                    index,
+                                    ui: ui.value
+                                  }, () => {
+                                    _push5(`<ul data-slot="childList" class="${ssrRenderClass(ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] }))}"${_scopeId4}><!--[-->`);
+                                    ssrRenderList(item.children, (childItem, childIndex) => {
+                                      _push5(`<li data-slot="childItem" class="${ssrRenderClass(ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] }))}"${_scopeId4}>`);
+                                      _push5(ssrRenderComponent(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                        default: withCtx(({ active: childActive, ...childSlotProps }, _push6, _parent6, _scopeId5) => {
+                                          if (_push6) {
+                                            _push6(ssrRenderComponent(unref(NavigationMenuLink_default), {
+                                              "as-child": "",
+                                              active: childActive,
+                                              onSelect: childItem.onSelect
+                                            }, {
+                                              default: withCtx((_3, _push7, _parent7, _scopeId6) => {
+                                                if (_push7) {
+                                                  _push7(ssrRenderComponent(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                    "data-slot": "childLink",
+                                                    class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                  }), {
+                                                    default: withCtx((_4, _push8, _parent8, _scopeId7) => {
+                                                      if (_push8) {
+                                                        if (childItem.icon) {
+                                                          _push8(ssrRenderComponent(_sfc_main$p, {
+                                                            name: childItem.icon,
+                                                            "data-slot": "childLinkIcon",
+                                                            class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                          }, null, _parent8, _scopeId7));
+                                                        } else {
+                                                          _push8(`<!---->`);
+                                                        }
+                                                        _push8(`<div data-slot="childLinkWrapper" class="${ssrRenderClass(ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] }))}"${_scopeId7}><p data-slot="childLinkLabel" class="${ssrRenderClass(ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive }))}"${_scopeId7}>${ssrInterpolate(unref(get)(childItem, unref(props).labelKey))} `);
+                                                        if (childItem.target === "_blank" && unref(props).externalIcon !== false) {
+                                                          _push8(ssrRenderComponent(_sfc_main$p, {
+                                                            name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                            "data-slot": "childLinkLabelExternalIcon",
+                                                            class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                          }, null, _parent8, _scopeId7));
+                                                        } else {
+                                                          _push8(`<!---->`);
+                                                        }
+                                                        _push8(`</p>`);
+                                                        if (childItem.description) {
+                                                          _push8(`<p data-slot="childLinkDescription" class="${ssrRenderClass(ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive }))}"${_scopeId7}>${ssrInterpolate(childItem.description)}</p>`);
+                                                        } else {
+                                                          _push8(`<!---->`);
+                                                        }
+                                                        _push8(`</div>`);
+                                                      } else {
+                                                        return [
+                                                          childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                            key: 0,
+                                                            name: childItem.icon,
+                                                            "data-slot": "childLinkIcon",
+                                                            class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                          createVNode("div", {
+                                                            "data-slot": "childLinkWrapper",
+                                                            class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                                          }, [
+                                                            createVNode("p", {
+                                                              "data-slot": "childLinkLabel",
+                                                              class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                            }, [
+                                                              createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                              childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                                key: 0,
+                                                                name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                                "data-slot": "childLinkLabelExternalIcon",
+                                                                class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                              }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                            ], 2),
+                                                            childItem.description ? (openBlock(), createBlock("p", {
+                                                              key: 0,
+                                                              "data-slot": "childLinkDescription",
+                                                              class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                            }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                                          ], 2)
+                                                        ];
+                                                      }
+                                                    }),
+                                                    _: 2
+                                                  }, _parent7, _scopeId6));
+                                                } else {
+                                                  return [
+                                                    createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                      "data-slot": "childLink",
+                                                      class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                    }), {
+                                                      default: withCtx(() => [
+                                                        childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                          key: 0,
+                                                          name: childItem.icon,
+                                                          "data-slot": "childLinkIcon",
+                                                          class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                        }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                        createVNode("div", {
+                                                          "data-slot": "childLinkWrapper",
+                                                          class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                                        }, [
+                                                          createVNode("p", {
+                                                            "data-slot": "childLinkLabel",
+                                                            class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                          }, [
+                                                            createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                            childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                              key: 0,
+                                                              name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                              "data-slot": "childLinkLabelExternalIcon",
+                                                              class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                          ], 2),
+                                                          childItem.description ? (openBlock(), createBlock("p", {
+                                                            key: 0,
+                                                            "data-slot": "childLinkDescription",
+                                                            class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                          }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                                        ], 2)
+                                                      ]),
+                                                      _: 2
+                                                    }, 1040, ["class"])
+                                                  ];
+                                                }
+                                              }),
+                                              _: 2
+                                            }, _parent6, _scopeId5));
+                                          } else {
+                                            return [
+                                              createVNode(unref(NavigationMenuLink_default), {
+                                                "as-child": "",
+                                                active: childActive,
+                                                onSelect: childItem.onSelect
+                                              }, {
+                                                default: withCtx(() => [
+                                                  createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                    "data-slot": "childLink",
+                                                    class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                  }), {
+                                                    default: withCtx(() => [
+                                                      childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                        key: 0,
+                                                        name: childItem.icon,
+                                                        "data-slot": "childLinkIcon",
+                                                        class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                      }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                      createVNode("div", {
+                                                        "data-slot": "childLinkWrapper",
+                                                        class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                                      }, [
+                                                        createVNode("p", {
+                                                          "data-slot": "childLinkLabel",
+                                                          class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                        }, [
+                                                          createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                          childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                            key: 0,
+                                                            name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                            "data-slot": "childLinkLabelExternalIcon",
+                                                            class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                        ], 2),
+                                                        childItem.description ? (openBlock(), createBlock("p", {
+                                                          key: 0,
+                                                          "data-slot": "childLinkDescription",
+                                                          class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                        }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                                      ], 2)
+                                                    ]),
+                                                    _: 2
+                                                  }, 1040, ["class"])
+                                                ]),
+                                                _: 2
+                                              }, 1032, ["active", "onSelect"])
+                                            ];
+                                          }
+                                        }),
+                                        _: 2
+                                      }, _parent5, _scopeId4));
+                                      _push5(`</li>`);
+                                    });
+                                    _push5(`<!--]--></ul>`);
+                                  }, _push5, _parent5, _scopeId4);
+                                } else {
+                                  return [
+                                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                      item,
+                                      active: active || item.active,
+                                      index,
+                                      ui: ui.value
+                                    }, () => [
+                                      createVNode("ul", {
+                                        "data-slot": "childList",
+                                        class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                      }, [
+                                        (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                          return openBlock(), createBlock("li", {
+                                            key: childIndex,
+                                            "data-slot": "childItem",
+                                            class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                          }, [
+                                            createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                              default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                                createVNode(unref(NavigationMenuLink_default), {
+                                                  "as-child": "",
+                                                  active: childActive,
+                                                  onSelect: childItem.onSelect
+                                                }, {
+                                                  default: withCtx(() => [
+                                                    createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                      "data-slot": "childLink",
+                                                      class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                    }), {
+                                                      default: withCtx(() => [
+                                                        childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                          key: 0,
+                                                          name: childItem.icon,
+                                                          "data-slot": "childLinkIcon",
+                                                          class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                        }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                        createVNode("div", {
+                                                          "data-slot": "childLinkWrapper",
+                                                          class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                                        }, [
+                                                          createVNode("p", {
+                                                            "data-slot": "childLinkLabel",
+                                                            class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                          }, [
+                                                            createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                            childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                              key: 0,
+                                                              name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                              "data-slot": "childLinkLabelExternalIcon",
+                                                              class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                          ], 2),
+                                                          childItem.description ? (openBlock(), createBlock("p", {
+                                                            key: 0,
+                                                            "data-slot": "childLinkDescription",
+                                                            class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                          }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                                        ], 2)
+                                                      ]),
+                                                      _: 2
+                                                    }, 1040, ["class"])
+                                                  ]),
+                                                  _: 2
+                                                }, 1032, ["active", "onSelect"])
+                                              ]),
+                                              _: 2
+                                            }, 1040)
+                                          ], 2);
+                                        }), 128))
+                                      ], 2)
+                                    ])
+                                  ];
+                                }
+                              }),
+                              _: 2
+                            }, _parent4, _scopeId3));
+                          } else {
+                            _push4(`<!---->`);
+                          }
+                        } else {
+                          return [
+                            (openBlock(), createBlock(resolveDynamicComponent(unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? unref(NavigationMenuTrigger_default) : unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && !slotProps.href ? unref(AccordionTrigger_default) : unref(NavigationMenuLink_default)), {
+                              "as-child": "",
+                              active: active || item.active,
+                              disabled: item.disabled,
+                              onSelect: item.onSelect
+                            }, {
+                              default: withCtx(() => [
+                                unref(props).orientation === "vertical" && unref(props).collapsed && item.children?.length && (!!unref(props).popover || !!item.popover) ? (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 0 }, { ...popoverProps.value, ...typeof item.popover === "boolean" ? {} : item.popover || {} }, {
+                                  ui: { content: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] }) }
+                                }), {
+                                  content: withCtx(({ close }) => [
+                                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                      item,
+                                      active: active || item.active,
+                                      index,
+                                      ui: ui.value,
+                                      close
+                                    }, () => [
+                                      createVNode("ul", {
+                                        "data-slot": "childList",
+                                        class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                      }, [
+                                        createVNode("li", {
+                                          "data-slot": "childLabel",
+                                          class: ui.value.childLabel({ class: [unref(props).ui?.childLabel, item.ui?.childLabel] })
+                                        }, toDisplayString(unref(get)(item, unref(props).labelKey)), 3),
+                                        (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                          return openBlock(), createBlock("li", {
+                                            key: childIndex,
+                                            "data-slot": "childItem",
+                                            class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                          }, [
+                                            createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                              default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                                createVNode(unref(NavigationMenuLink_default), {
+                                                  "as-child": "",
+                                                  active: childActive,
+                                                  onSelect: childItem.onSelect
+                                                }, {
+                                                  default: withCtx(() => [
+                                                    createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                      "data-slot": "childLink",
+                                                      class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                    }), {
+                                                      default: withCtx(() => [
+                                                        childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                          key: 0,
+                                                          name: childItem.icon,
+                                                          "data-slot": "childLinkIcon",
+                                                          class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                        }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                        createVNode("span", {
+                                                          "data-slot": "childLinkLabel",
+                                                          class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                        }, [
+                                                          createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                          childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                            key: 0,
+                                                            name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                            "data-slot": "childLinkLabelExternalIcon",
+                                                            class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                        ], 2)
+                                                      ]),
+                                                      _: 2
+                                                    }, 1040, ["class"])
+                                                  ]),
+                                                  _: 2
+                                                }, 1032, ["active", "onSelect"])
+                                              ]),
+                                              _: 2
+                                            }, 1040)
+                                          ], 2);
+                                        }), 128))
+                                      ], 2)
+                                    ])
+                                  ]),
+                                  default: withCtx(() => [
+                                    createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                      "data-slot": "link",
+                                      class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                    }), {
+                                      default: withCtx(() => [
+                                        createVNode(unref(ReuseLinkTemplate), {
+                                          item,
+                                          active: active || item.active,
+                                          index
+                                        }, null, 8, ["item", "active", "index"])
+                                      ]),
+                                      _: 2
+                                    }, 1040, ["class"])
+                                  ]),
+                                  _: 2
+                                }, 1040, ["ui"])) : unref(props).orientation === "vertical" && unref(props).collapsed && (!!unref(props).tooltip || !!item.tooltip) || unref(props).orientation === "horizontal" && !!item.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                  key: 1,
+                                  text: unref(get)(item, unref(props).labelKey)
+                                }, { ...tooltipProps.value, ...typeof item.tooltip === "boolean" ? {} : item.tooltip || {} }), {
+                                  default: withCtx(() => [
+                                    createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                      "data-slot": "link",
+                                      class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                    }), {
+                                      default: withCtx(() => [
+                                        createVNode(unref(ReuseLinkTemplate), {
+                                          item,
+                                          active: active || item.active,
+                                          index
+                                        }, null, 8, ["item", "active", "index"])
+                                      ]),
+                                      _: 2
+                                    }, 1040, ["class"])
+                                  ]),
+                                  _: 2
+                                }, 1040, ["text"])) : (openBlock(), createBlock(_sfc_main$m, mergeProps({ key: 2 }, slotProps, {
+                                  "data-slot": "link",
+                                  class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: unref(props).orientation === "horizontal" || level > 0 })
+                                }), {
+                                  default: withCtx(() => [
+                                    createVNode(unref(ReuseLinkTemplate), {
+                                      item,
+                                      active: active || item.active,
+                                      index
+                                    }, null, 8, ["item", "active", "index"])
+                                  ]),
+                                  _: 2
+                                }, 1040, ["class"]))
+                              ]),
+                              _: 2
+                            }, 1064, ["active", "disabled", "onSelect"])),
+                            unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? (openBlock(), createBlock(unref(NavigationMenuContent_default), mergeProps({ key: 0 }, contentProps.value, {
+                              "data-slot": "content",
+                              class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                            }), {
+                              default: withCtx(() => [
+                                renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                  item,
+                                  active: active || item.active,
+                                  index,
+                                  ui: ui.value
+                                }, () => [
+                                  createVNode("ul", {
+                                    "data-slot": "childList",
+                                    class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                  }, [
+                                    (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                      return openBlock(), createBlock("li", {
+                                        key: childIndex,
+                                        "data-slot": "childItem",
+                                        class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                      }, [
+                                        createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                          default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                            createVNode(unref(NavigationMenuLink_default), {
+                                              "as-child": "",
+                                              active: childActive,
+                                              onSelect: childItem.onSelect
+                                            }, {
+                                              default: withCtx(() => [
+                                                createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                  "data-slot": "childLink",
+                                                  class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                }), {
+                                                  default: withCtx(() => [
+                                                    childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                      key: 0,
+                                                      name: childItem.icon,
+                                                      "data-slot": "childLinkIcon",
+                                                      class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                    }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                    createVNode("div", {
+                                                      "data-slot": "childLinkWrapper",
+                                                      class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                                    }, [
+                                                      createVNode("p", {
+                                                        "data-slot": "childLinkLabel",
+                                                        class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                      }, [
+                                                        createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                        childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                          key: 0,
+                                                          name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                          "data-slot": "childLinkLabelExternalIcon",
+                                                          class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                        }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                      ], 2),
+                                                      childItem.description ? (openBlock(), createBlock("p", {
+                                                        key: 0,
+                                                        "data-slot": "childLinkDescription",
+                                                        class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                      }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                                    ], 2)
+                                                  ]),
+                                                  _: 2
+                                                }, 1040, ["class"])
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["active", "onSelect"])
+                                          ]),
+                                          _: 2
+                                        }, 1040)
+                                      ], 2);
+                                    }), 128))
+                                  ], 2)
+                                ])
+                              ]),
+                              _: 2
+                            }, 1040, ["class"])) : createCommentVNode("", true)
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed) {
+                    _push3(ssrRenderComponent(unref(AccordionContent_default), {
+                      "data-slot": "content",
+                      class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                    }, {
+                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(unref(AccordionRoot_default), mergeProps({
+                            ...unref(accordionProps),
+                            defaultValue: getAccordionDefaultValue(item.children, level + 1, listIndex)
+                          }, {
+                            as: "ul",
+                            "data-slot": "childList",
+                            class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                          }), {
+                            default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(`<!--[-->`);
+                                ssrRenderList(item.children, (childItem, childIndex) => {
+                                  _push5(ssrRenderComponent(unref(ReuseItemTemplate), {
+                                    key: childIndex,
+                                    item: childItem,
+                                    index: childIndex,
+                                    level: level + 1,
+                                    "list-index": listIndex,
+                                    "data-slot": "childItem",
+                                    class: ui.value.childItem({ class: [unref(props).ui?.childItem, childItem.ui?.childItem] })
+                                  }, null, _parent5, _scopeId4));
+                                });
+                                _push5(`<!--]-->`);
+                              } else {
+                                return [
+                                  (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                    return openBlock(), createBlock(unref(ReuseItemTemplate), {
+                                      key: childIndex,
+                                      item: childItem,
+                                      index: childIndex,
+                                      level: level + 1,
+                                      "list-index": listIndex,
+                                      "data-slot": "childItem",
+                                      class: ui.value.childItem({ class: [unref(props).ui?.childItem, childItem.ui?.childItem] })
+                                    }, null, 8, ["item", "index", "level", "list-index", "class"]);
+                                  }), 128))
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(unref(AccordionRoot_default), mergeProps({
+                              ...unref(accordionProps),
+                              defaultValue: getAccordionDefaultValue(item.children, level + 1, listIndex)
+                            }, {
+                              as: "ul",
+                              "data-slot": "childList",
+                              class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                            }), {
+                              default: withCtx(() => [
+                                (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                  return openBlock(), createBlock(unref(ReuseItemTemplate), {
+                                    key: childIndex,
+                                    item: childItem,
+                                    index: childIndex,
+                                    level: level + 1,
+                                    "list-index": listIndex,
+                                    "data-slot": "childItem",
+                                    class: ui.value.childItem({ class: [unref(props).ui?.childItem, childItem.ui?.childItem] })
+                                  }, null, 8, ["item", "index", "level", "list-index", "class"]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1040, ["class"])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    unref(props).orientation === "vertical" && item.type === "label" && !unref(props).collapsed ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      "data-slot": "label",
+                      class: ui.value.label({ class: [unref(props).ui?.label, item.ui?.label, item.class] })
+                    }, [
+                      createVNode(unref(ReuseLinkTemplate), {
+                        item,
+                        index
+                      }, null, 8, ["item", "index"])
+                    ], 2)) : item.type !== "label" ? (openBlock(), createBlock(_sfc_main$l, mergeProps({ key: 1 }, unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && item.type === "trigger" ? {} : unref(pickLinkProps)(item), { custom: "" }), {
+                      default: withCtx(({ active, ...slotProps }) => [
+                        (openBlock(), createBlock(resolveDynamicComponent(unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? unref(NavigationMenuTrigger_default) : unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && !slotProps.href ? unref(AccordionTrigger_default) : unref(NavigationMenuLink_default)), {
+                          "as-child": "",
+                          active: active || item.active,
+                          disabled: item.disabled,
+                          onSelect: item.onSelect
+                        }, {
+                          default: withCtx(() => [
+                            unref(props).orientation === "vertical" && unref(props).collapsed && item.children?.length && (!!unref(props).popover || !!item.popover) ? (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 0 }, { ...popoverProps.value, ...typeof item.popover === "boolean" ? {} : item.popover || {} }, {
+                              ui: { content: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] }) }
+                            }), {
+                              content: withCtx(({ close }) => [
+                                renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                  item,
+                                  active: active || item.active,
+                                  index,
+                                  ui: ui.value,
+                                  close
+                                }, () => [
+                                  createVNode("ul", {
+                                    "data-slot": "childList",
+                                    class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                  }, [
+                                    createVNode("li", {
+                                      "data-slot": "childLabel",
+                                      class: ui.value.childLabel({ class: [unref(props).ui?.childLabel, item.ui?.childLabel] })
+                                    }, toDisplayString(unref(get)(item, unref(props).labelKey)), 3),
+                                    (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                      return openBlock(), createBlock("li", {
+                                        key: childIndex,
+                                        "data-slot": "childItem",
+                                        class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                      }, [
+                                        createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                          default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                            createVNode(unref(NavigationMenuLink_default), {
+                                              "as-child": "",
+                                              active: childActive,
+                                              onSelect: childItem.onSelect
+                                            }, {
+                                              default: withCtx(() => [
+                                                createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                  "data-slot": "childLink",
+                                                  class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                                }), {
+                                                  default: withCtx(() => [
+                                                    childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                      key: 0,
+                                                      name: childItem.icon,
+                                                      "data-slot": "childLinkIcon",
+                                                      class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                    }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                    createVNode("span", {
+                                                      "data-slot": "childLinkLabel",
+                                                      class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                    }, [
+                                                      createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                      childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                        key: 0,
+                                                        name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                        "data-slot": "childLinkLabelExternalIcon",
+                                                        class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                    ], 2)
+                                                  ]),
+                                                  _: 2
+                                                }, 1040, ["class"])
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["active", "onSelect"])
+                                          ]),
+                                          _: 2
+                                        }, 1040)
+                                      ], 2);
+                                    }), 128))
+                                  ], 2)
+                                ])
+                              ]),
+                              default: withCtx(() => [
+                                createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                  "data-slot": "link",
+                                  class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                }), {
+                                  default: withCtx(() => [
+                                    createVNode(unref(ReuseLinkTemplate), {
+                                      item,
+                                      active: active || item.active,
+                                      index
+                                    }, null, 8, ["item", "active", "index"])
+                                  ]),
+                                  _: 2
+                                }, 1040, ["class"])
+                              ]),
+                              _: 2
+                            }, 1040, ["ui"])) : unref(props).orientation === "vertical" && unref(props).collapsed && (!!unref(props).tooltip || !!item.tooltip) || unref(props).orientation === "horizontal" && !!item.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                              key: 1,
+                              text: unref(get)(item, unref(props).labelKey)
+                            }, { ...tooltipProps.value, ...typeof item.tooltip === "boolean" ? {} : item.tooltip || {} }), {
+                              default: withCtx(() => [
+                                createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                  "data-slot": "link",
+                                  class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                                }), {
+                                  default: withCtx(() => [
+                                    createVNode(unref(ReuseLinkTemplate), {
+                                      item,
+                                      active: active || item.active,
+                                      index
+                                    }, null, 8, ["item", "active", "index"])
+                                  ]),
+                                  _: 2
+                                }, 1040, ["class"])
+                              ]),
+                              _: 2
+                            }, 1040, ["text"])) : (openBlock(), createBlock(_sfc_main$m, mergeProps({ key: 2 }, slotProps, {
+                              "data-slot": "link",
+                              class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: unref(props).orientation === "horizontal" || level > 0 })
+                            }), {
+                              default: withCtx(() => [
+                                createVNode(unref(ReuseLinkTemplate), {
+                                  item,
+                                  active: active || item.active,
+                                  index
+                                }, null, 8, ["item", "active", "index"])
+                              ]),
+                              _: 2
+                            }, 1040, ["class"]))
+                          ]),
+                          _: 2
+                        }, 1064, ["active", "disabled", "onSelect"])),
+                        unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? (openBlock(), createBlock(unref(NavigationMenuContent_default), mergeProps({ key: 0 }, contentProps.value, {
+                          "data-slot": "content",
+                          class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                        }), {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                              item,
+                              active: active || item.active,
+                              index,
+                              ui: ui.value
+                            }, () => [
+                              createVNode("ul", {
+                                "data-slot": "childList",
+                                class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                              }, [
+                                (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                  return openBlock(), createBlock("li", {
+                                    key: childIndex,
+                                    "data-slot": "childItem",
+                                    class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                  }, [
+                                    createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                      default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                        createVNode(unref(NavigationMenuLink_default), {
+                                          "as-child": "",
+                                          active: childActive,
+                                          onSelect: childItem.onSelect
+                                        }, {
+                                          default: withCtx(() => [
+                                            createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                              "data-slot": "childLink",
+                                              class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                            }), {
+                                              default: withCtx(() => [
+                                                childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                  key: 0,
+                                                  name: childItem.icon,
+                                                  "data-slot": "childLinkIcon",
+                                                  class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                createVNode("div", {
+                                                  "data-slot": "childLinkWrapper",
+                                                  class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                                }, [
+                                                  createVNode("p", {
+                                                    "data-slot": "childLinkLabel",
+                                                    class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                  }, [
+                                                    createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                    childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                      key: 0,
+                                                      name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                      "data-slot": "childLinkLabelExternalIcon",
+                                                      class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                    }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                  ], 2),
+                                                  childItem.description ? (openBlock(), createBlock("p", {
+                                                    key: 0,
+                                                    "data-slot": "childLinkDescription",
+                                                    class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                  }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                                ], 2)
+                                              ]),
+                                              _: 2
+                                            }, 1040, ["class"])
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["active", "onSelect"])
+                                      ]),
+                                      _: 2
+                                    }, 1040)
+                                  ], 2);
+                                }), 128))
+                              ], 2)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1040, ["class"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1040)) : createCommentVNode("", true),
+                    unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed ? (openBlock(), createBlock(unref(AccordionContent_default), {
+                      key: 2,
+                      "data-slot": "content",
+                      class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(AccordionRoot_default), mergeProps({
+                          ...unref(accordionProps),
+                          defaultValue: getAccordionDefaultValue(item.children, level + 1, listIndex)
+                        }, {
+                          as: "ul",
+                          "data-slot": "childList",
+                          class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                        }), {
+                          default: withCtx(() => [
+                            (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                              return openBlock(), createBlock(unref(ReuseItemTemplate), {
+                                key: childIndex,
+                                item: childItem,
+                                index: childIndex,
+                                level: level + 1,
+                                "list-index": listIndex,
+                                "data-slot": "childItem",
+                                class: ui.value.childItem({ class: [unref(props).ui?.childItem, childItem.ui?.childItem] })
+                              }, null, 8, ["item", "index", "level", "list-index", "class"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1040, ["class"])
+                      ]),
+                      _: 2
+                    }, 1032, ["class"])) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 2
+            }), _parent2, _scopeId);
+          } else {
+            return [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(props).orientation === "vertical" && !unref(props).collapsed ? unref(AccordionItem_default) : unref(NavigationMenuItem_default)), mergeProps({ as: "li" }, unref(props).orientation === "vertical" && !unref(props).collapsed ? { disabled: !!item.disabled } : {}, {
+                value: getItemValue(item, index, level, listIndex)
+              }), {
+                default: withCtx(() => [
+                  unref(props).orientation === "vertical" && item.type === "label" && !unref(props).collapsed ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    "data-slot": "label",
+                    class: ui.value.label({ class: [unref(props).ui?.label, item.ui?.label, item.class] })
+                  }, [
+                    createVNode(unref(ReuseLinkTemplate), {
+                      item,
+                      index
+                    }, null, 8, ["item", "index"])
+                  ], 2)) : item.type !== "label" ? (openBlock(), createBlock(_sfc_main$l, mergeProps({ key: 1 }, unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && item.type === "trigger" ? {} : unref(pickLinkProps)(item), { custom: "" }), {
+                    default: withCtx(({ active, ...slotProps }) => [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? unref(NavigationMenuTrigger_default) : unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed && !slotProps.href ? unref(AccordionTrigger_default) : unref(NavigationMenuLink_default)), {
+                        "as-child": "",
+                        active: active || item.active,
+                        disabled: item.disabled,
+                        onSelect: item.onSelect
+                      }, {
+                        default: withCtx(() => [
+                          unref(props).orientation === "vertical" && unref(props).collapsed && item.children?.length && (!!unref(props).popover || !!item.popover) ? (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 0 }, { ...popoverProps.value, ...typeof item.popover === "boolean" ? {} : item.popover || {} }, {
+                            ui: { content: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] }) }
+                          }), {
+                            content: withCtx(({ close }) => [
+                              renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                                item,
+                                active: active || item.active,
+                                index,
+                                ui: ui.value,
+                                close
+                              }, () => [
+                                createVNode("ul", {
+                                  "data-slot": "childList",
+                                  class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                                }, [
+                                  createVNode("li", {
+                                    "data-slot": "childLabel",
+                                    class: ui.value.childLabel({ class: [unref(props).ui?.childLabel, item.ui?.childLabel] })
+                                  }, toDisplayString(unref(get)(item, unref(props).labelKey)), 3),
+                                  (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                    return openBlock(), createBlock("li", {
+                                      key: childIndex,
+                                      "data-slot": "childItem",
+                                      class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                    }, [
+                                      createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                        default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                          createVNode(unref(NavigationMenuLink_default), {
+                                            "as-child": "",
+                                            active: childActive,
+                                            onSelect: childItem.onSelect
+                                          }, {
+                                            default: withCtx(() => [
+                                              createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                                "data-slot": "childLink",
+                                                class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                              }), {
+                                                default: withCtx(() => [
+                                                  childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                    key: 0,
+                                                    name: childItem.icon,
+                                                    "data-slot": "childLinkIcon",
+                                                    class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                                  }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                                  createVNode("span", {
+                                                    "data-slot": "childLinkLabel",
+                                                    class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                  }, [
+                                                    createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                    childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                      key: 0,
+                                                      name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                      "data-slot": "childLinkLabelExternalIcon",
+                                                      class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                    }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                  ], 2)
+                                                ]),
+                                                _: 2
+                                              }, 1040, ["class"])
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["active", "onSelect"])
+                                        ]),
+                                        _: 2
+                                      }, 1040)
+                                    ], 2);
+                                  }), 128))
+                                ], 2)
+                              ])
+                            ]),
+                            default: withCtx(() => [
+                              createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                "data-slot": "link",
+                                class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                              }), {
+                                default: withCtx(() => [
+                                  createVNode(unref(ReuseLinkTemplate), {
+                                    item,
+                                    active: active || item.active,
+                                    index
+                                  }, null, 8, ["item", "active", "index"])
+                                ]),
+                                _: 2
+                              }, 1040, ["class"])
+                            ]),
+                            _: 2
+                          }, 1040, ["ui"])) : unref(props).orientation === "vertical" && unref(props).collapsed && (!!unref(props).tooltip || !!item.tooltip) || unref(props).orientation === "horizontal" && !!item.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                            key: 1,
+                            text: unref(get)(item, unref(props).labelKey)
+                          }, { ...tooltipProps.value, ...typeof item.tooltip === "boolean" ? {} : item.tooltip || {} }), {
+                            default: withCtx(() => [
+                              createVNode(_sfc_main$m, mergeProps(slotProps, {
+                                "data-slot": "link",
+                                class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: level > 0 })
+                              }), {
+                                default: withCtx(() => [
+                                  createVNode(unref(ReuseLinkTemplate), {
+                                    item,
+                                    active: active || item.active,
+                                    index
+                                  }, null, 8, ["item", "active", "index"])
+                                ]),
+                                _: 2
+                              }, 1040, ["class"])
+                            ]),
+                            _: 2
+                          }, 1040, ["text"])) : (openBlock(), createBlock(_sfc_main$m, mergeProps({ key: 2 }, slotProps, {
+                            "data-slot": "link",
+                            class: ui.value.link({ class: [unref(props).ui?.link, item.ui?.link, item.class], active: active || item.active, disabled: !!item.disabled, level: unref(props).orientation === "horizontal" || level > 0 })
+                          }), {
+                            default: withCtx(() => [
+                              createVNode(unref(ReuseLinkTemplate), {
+                                item,
+                                active: active || item.active,
+                                index
+                              }, null, 8, ["item", "active", "index"])
+                            ]),
+                            _: 2
+                          }, 1040, ["class"]))
+                        ]),
+                        _: 2
+                      }, 1064, ["active", "disabled", "onSelect"])),
+                      unref(props).orientation === "horizontal" && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : "item-content"]) ? (openBlock(), createBlock(unref(NavigationMenuContent_default), mergeProps({ key: 0 }, contentProps.value, {
+                        "data-slot": "content",
+                        class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                      }), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, item.slot ? `${item.slot}-content` : "item-content", {
+                            item,
+                            active: active || item.active,
+                            index,
+                            ui: ui.value
+                          }, () => [
+                            createVNode("ul", {
+                              "data-slot": "childList",
+                              class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                            }, [
+                              (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                                return openBlock(), createBlock("li", {
+                                  key: childIndex,
+                                  "data-slot": "childItem",
+                                  class: ui.value.childItem({ class: [unref(props).ui?.childItem, item.ui?.childItem] })
+                                }, [
+                                  createVNode(_sfc_main$l, mergeProps({ ref_for: true }, unref(pickLinkProps)(childItem), { custom: "" }), {
+                                    default: withCtx(({ active: childActive, ...childSlotProps }) => [
+                                      createVNode(unref(NavigationMenuLink_default), {
+                                        "as-child": "",
+                                        active: childActive,
+                                        onSelect: childItem.onSelect
+                                      }, {
+                                        default: withCtx(() => [
+                                          createVNode(_sfc_main$m, mergeProps({ ref_for: true }, childSlotProps, {
+                                            "data-slot": "childLink",
+                                            class: ui.value.childLink({ class: [unref(props).ui?.childLink, item.ui?.childLink, childItem.class], active: childActive })
+                                          }), {
+                                            default: withCtx(() => [
+                                              childItem.icon ? (openBlock(), createBlock(_sfc_main$p, {
+                                                key: 0,
+                                                name: childItem.icon,
+                                                "data-slot": "childLinkIcon",
+                                                class: ui.value.childLinkIcon({ class: [unref(props).ui?.childLinkIcon, item.ui?.childLinkIcon], active: childActive })
+                                              }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                              createVNode("div", {
+                                                "data-slot": "childLinkWrapper",
+                                                class: ui.value.childLinkWrapper({ class: [unref(props).ui?.childLinkWrapper, item.ui?.childLinkWrapper] })
+                                              }, [
+                                                createVNode("p", {
+                                                  "data-slot": "childLinkLabel",
+                                                  class: ui.value.childLinkLabel({ class: [unref(props).ui?.childLinkLabel, item.ui?.childLinkLabel], active: childActive })
+                                                }, [
+                                                  createTextVNode(toDisplayString(unref(get)(childItem, unref(props).labelKey)) + " ", 1),
+                                                  childItem.target === "_blank" && unref(props).externalIcon !== false ? (openBlock(), createBlock(_sfc_main$p, {
+                                                    key: 0,
+                                                    name: typeof unref(props).externalIcon === "string" ? unref(props).externalIcon : unref(appConfig).ui.icons.external,
+                                                    "data-slot": "childLinkLabelExternalIcon",
+                                                    class: ui.value.childLinkLabelExternalIcon({ class: [unref(props).ui?.childLinkLabelExternalIcon, item.ui?.childLinkLabelExternalIcon], active: childActive })
+                                                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                                ], 2),
+                                                childItem.description ? (openBlock(), createBlock("p", {
+                                                  key: 0,
+                                                  "data-slot": "childLinkDescription",
+                                                  class: ui.value.childLinkDescription({ class: [unref(props).ui?.childLinkDescription, item.ui?.childLinkDescription], active: childActive })
+                                                }, toDisplayString(childItem.description), 3)) : createCommentVNode("", true)
+                                              ], 2)
+                                            ]),
+                                            _: 2
+                                          }, 1040, ["class"])
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["active", "onSelect"])
+                                    ]),
+                                    _: 2
+                                  }, 1040)
+                                ], 2);
+                              }), 128))
+                            ], 2)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1040, ["class"])) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1040)) : createCommentVNode("", true),
+                  unref(props).orientation === "vertical" && item.children?.length && !unref(props).collapsed ? (openBlock(), createBlock(unref(AccordionContent_default), {
+                    key: 2,
+                    "data-slot": "content",
+                    class: ui.value.content({ class: [unref(props).ui?.content, item.ui?.content] })
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(AccordionRoot_default), mergeProps({
+                        ...unref(accordionProps),
+                        defaultValue: getAccordionDefaultValue(item.children, level + 1, listIndex)
+                      }, {
+                        as: "ul",
+                        "data-slot": "childList",
+                        class: ui.value.childList({ class: [unref(props).ui?.childList, item.ui?.childList] })
+                      }), {
+                        default: withCtx(() => [
+                          (openBlock(true), createBlock(Fragment, null, renderList(item.children, (childItem, childIndex) => {
+                            return openBlock(), createBlock(unref(ReuseItemTemplate), {
+                              key: childIndex,
+                              item: childItem,
+                              index: childIndex,
+                              level: level + 1,
+                              "list-index": listIndex,
+                              "data-slot": "childItem",
+                              class: ui.value.childItem({ class: [unref(props).ui?.childItem, childItem.ui?.childItem] })
+                            }, null, 8, ["item", "index", "level", "list-index", "class"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1040, ["class"])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1040, ["value"]))
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(ssrRenderComponent(unref(NavigationMenuRoot_default), mergeProps({ "data-slot": "root" }, {
+        ...unref(rootProps),
+        ...unref(props).orientation === "horizontal" ? {
+          modelValue: unref(props).modelValue,
+          defaultValue: unref(props).defaultValue
+        } : {},
+        ..._ctx.$attrs
+      }, {
+        "data-collapsed": unref(props).collapsed,
+        class: ui.value.root({ class: [unref(props).ui?.root, unref(props).class] })
+      }), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "list-leading", {}, null, _push2, _parent2, _scopeId);
+            _push2(`<!--[-->`);
+            ssrRenderList(lists.value, (list, listIndex) => {
+              _push2(`<!--[-->`);
+              ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(unref(props).orientation === "vertical" ? unref(AccordionRoot_default) : unref(NavigationMenuList_default)), mergeProps({ ref_for: true }, unref(props).orientation === "vertical" && !unref(props).collapsed ? {
+                ...unref(accordionProps),
+                modelValue: unref(props).modelValue,
+                defaultValue: unref(props).defaultValue ?? getAccordionDefaultValue(list, 0, listIndex)
+              } : {}, {
+                as: "ul",
+                "data-slot": "list",
+                class: ui.value.list({ class: unref(props).ui?.list })
+              }), {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<!--[-->`);
+                    ssrRenderList(list, (item, index) => {
+                      _push3(ssrRenderComponent(unref(ReuseItemTemplate), {
+                        key: `list-${listIndex}-${index}`,
+                        item,
+                        index,
+                        "list-index": listIndex,
+                        "data-slot": "item",
+                        class: ui.value.item({ class: [unref(props).ui?.item, item.ui?.item] })
+                      }, null, _parent3, _scopeId2));
+                    });
+                    _push3(`<!--]-->`);
+                  } else {
+                    return [
+                      (openBlock(true), createBlock(Fragment, null, renderList(list, (item, index) => {
+                        return openBlock(), createBlock(unref(ReuseItemTemplate), {
+                          key: `list-${listIndex}-${index}`,
+                          item,
+                          index,
+                          "list-index": listIndex,
+                          "data-slot": "item",
+                          class: ui.value.item({ class: [unref(props).ui?.item, item.ui?.item] })
+                        }, null, 8, ["item", "index", "list-index", "class"]);
+                      }), 128))
+                    ];
+                  }
+                }),
+                _: 2
+              }), _parent2, _scopeId);
+              if (unref(props).orientation === "vertical" && listIndex < lists.value.length - 1) {
+                _push2(`<div data-slot="separator" class="${ssrRenderClass(ui.value.separator({ class: unref(props).ui?.separator }))}"${_scopeId}></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--]-->`);
+            });
+            _push2(`<!--]-->`);
+            ssrRenderSlot(_ctx.$slots, "list-trailing", {}, null, _push2, _parent2, _scopeId);
+            if (unref(props).orientation === "horizontal") {
+              _push2(`<div data-slot="viewportWrapper" class="${ssrRenderClass(ui.value.viewportWrapper({ class: unref(props).ui?.viewportWrapper }))}"${_scopeId}>`);
+              if (unref(props).arrow) {
+                _push2(ssrRenderComponent(unref(NavigationMenuIndicator_default), {
+                  "data-slot": "indicator",
+                  class: ui.value.indicator({ class: unref(props).ui?.indicator })
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div data-slot="arrow" class="${ssrRenderClass(ui.value.arrow({ class: unref(props).ui?.arrow }))}"${_scopeId2}></div>`);
+                    } else {
+                      return [
+                        createVNode("div", {
+                          "data-slot": "arrow",
+                          class: ui.value.arrow({ class: unref(props).ui?.arrow })
+                        }, null, 2)
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(unref(NavigationMenuViewport_default), {
+                "data-slot": "viewport",
+                class: ui.value.viewport({ class: unref(props).ui?.viewport })
+              }, null, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "list-leading"),
+              (openBlock(true), createBlock(Fragment, null, renderList(lists.value, (list, listIndex) => {
+                return openBlock(), createBlock(Fragment, {
+                  key: `list-${listIndex}`
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(props).orientation === "vertical" ? unref(AccordionRoot_default) : unref(NavigationMenuList_default)), mergeProps({ ref_for: true }, unref(props).orientation === "vertical" && !unref(props).collapsed ? {
+                    ...unref(accordionProps),
+                    modelValue: unref(props).modelValue,
+                    defaultValue: unref(props).defaultValue ?? getAccordionDefaultValue(list, 0, listIndex)
+                  } : {}, {
+                    as: "ul",
+                    "data-slot": "list",
+                    class: ui.value.list({ class: unref(props).ui?.list })
+                  }), {
+                    default: withCtx(() => [
+                      (openBlock(true), createBlock(Fragment, null, renderList(list, (item, index) => {
+                        return openBlock(), createBlock(unref(ReuseItemTemplate), {
+                          key: `list-${listIndex}-${index}`,
+                          item,
+                          index,
+                          "list-index": listIndex,
+                          "data-slot": "item",
+                          class: ui.value.item({ class: [unref(props).ui?.item, item.ui?.item] })
+                        }, null, 8, ["item", "index", "list-index", "class"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1040, ["class"])),
+                  unref(props).orientation === "vertical" && listIndex < lists.value.length - 1 ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    "data-slot": "separator",
+                    class: ui.value.separator({ class: unref(props).ui?.separator })
+                  }, null, 2)) : createCommentVNode("", true)
+                ], 64);
+              }), 128)),
+              renderSlot(_ctx.$slots, "list-trailing"),
+              unref(props).orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                key: 0,
+                "data-slot": "viewportWrapper",
+                class: ui.value.viewportWrapper({ class: unref(props).ui?.viewportWrapper })
+              }, [
+                unref(props).arrow ? (openBlock(), createBlock(unref(NavigationMenuIndicator_default), {
+                  key: 0,
+                  "data-slot": "indicator",
+                  class: ui.value.indicator({ class: unref(props).ui?.indicator })
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", {
+                      "data-slot": "arrow",
+                      class: ui.value.arrow({ class: unref(props).ui?.arrow })
+                    }, null, 2)
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : createCommentVNode("", true),
+                createVNode(unref(NavigationMenuViewport_default), {
+                  "data-slot": "viewport",
+                  class: ui.value.viewport({ class: unref(props).ui?.viewport })
+                }, null, 8, ["class"])
+              ], 2)) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+      _push(`<!--]-->`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../../node_modules/@nuxt/ui/dist/runtime/components/NavigationMenu.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as _ };
+//# sourceMappingURL=NavigationMenu-D4ZpdCm_.mjs.map