@piwitests/server 0.24.0 → 0.26.0

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

@@ -1,4155 +0,0 @@
-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, a1 as createReusableTemplate, t as tv, aF as isArrayOfArray, X as _sfc_main$n, aH as _sfc_main$o, o as _sfc_main$p, W as get, n as _sfc_main$7, q as _sfc_main$l, a3 as pickLinkProps, w as _sfc_main$8, a4 as _sfc_main$m, R as useId, z as useForwardExpose, ae as useCollection, P as Primitive, aj as refAutoReset, aL as VisuallyHidden_default, aA as useForwardPropsEmits, a2 as reactiveOmit, b0 as isClient, S as Presence_default, Q as useDirection, A as useVModel, a_ as useEventListener, T as useResizeObserver, B as createContext, a$ 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 { dA as defu, dB as isEqual } from '../nitro/nitro.mjs';
-import { _ as _sfc_main$1 } from './Tooltip-BI3WQErw.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-RfBOyS32.mjs.map