@telia/teddy 0.7.16 → 0.7.26

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js

@@ -0,0 +1,1446 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import clsx from "clsx";
+import { MY_PAGE_RETAILER_LINKS, MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, getLinks, getActiveSubLink, DEFAULT_PRIVATE_LINKS, DEFAULT_BUSINESS_LINKS, DEFAULT_MDU_LINKS } from "../navigation-menu/global-navigation/utils.js";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { useComposedRefs } from "../../utils/composeRefs.js";
+import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
+import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
+import { Slot } from "@radix-ui/react-slot";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { mergeStyles } from "../../utils/generate-styling/index.js";
+import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
+import "../metric-meter/metric-meter.js";
+import "../footer/index.js";
+import "../pagination/index.js";
+import "../select/index.js";
+import "../avatar/index.js";
+import "../dashboard-card/index.js";
+import "../table/index.js";
+import "../flip-card/index.js";
+import "../channel-button/index.js";
+import "../collapsible/index.js";
+import "../meter-bar/index.js";
+import "../skeleton/index.js";
+import { Checkbox } from "../checkbox/index.js";
+import { s as styles$2, rootClassName as rootClassName$2, Root as Root$2 } from "./checkbox-card-group-root.js";
+import { GroupLabel } from "./checkbox-card-group-label.js";
+import "../toast/toast-root.js";
+import "sonner";
+import "../toggletip/index.js";
+import "../breadcrumbs/index.js";
+import { s as styles$3, rootClassName as rootClassName$3, Root as Root$3 } from "../radio-card-group/radio-card-group-root.js";
+import { GroupLabel as GroupLabel$1 } from "../radio-card-group/radio-card-group-label.js";
+import "../ribbon/index.js";
+import "../expandable-card/index.js";
+import "../color-dot/color-dot-root.js";
+import "../progress-bar/progress-bar.js";
+import "../notabene/index.js";
+import "../tooltip/index.js";
+import { List as List$1 } from "../list/index.js";
+import "../scroll-area/index.js";
+import { Tabs } from "../tabs/index.js";
+import { Drawer } from "../drawer/index.js";
+import "../image/image.js";
+import "../chip/index.js";
+import "../../assets/sprite.6511e521-teddy.svg";
+import { rootClassName as rootClassName$4, RootContext as RootContext$1, Root as Root$4 } from "../modal/modal-root.js";
+import { Trigger as Trigger$1 } from "../modal/modal-trigger.js";
+import { Content as Content$3 } from "../modal/modal-content.js";
+import { Title as Title$2 } from "../modal/modal-title.js";
+import { Description } from "../modal/modal-description.js";
+import { Overlay } from "../modal/modal-overlay.js";
+import { Group } from "../modal/modal-group.js";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import { Icon } from "../icon/icon.js";
+import "../notification/index.js";
+import "../radio-group/index.js";
+import { Box } from "../box/box.js";
+import { Flex } from "../flex/flex.js";
+import "../card/index.js";
+import { Grid } from "../grid/grid.js";
+import "../toggle/toggle.js";
+import "../accordion/index.js";
+import "../link/link.js";
+import "../badge/badge.js";
+import "../badge/alert-badge.js";
+import { CounterBadge } from "../badge/counter-badge.js";
+import { Button } from "../button/button.js";
+import "../field-error-text/field-error-text.js";
+import "../helper-text/helper-text.js";
+import "../input/index.js";
+import "../label/label.js";
+import "../spinner/spinner.js";
+import { Text } from "../text/text.js";
+import { TextField } from "../text-field/index.js";
+import { Heading } from "../heading/heading.js";
+import { TextSpacing } from "../text-spacing/text-spacing.js";
+import "../container/container.js";
+import "../carousel/carousel-root.js";
+import "../slider/slider.js";
+import { s as styles$4 } from "../../modal.module-DuP4in7f.js";
+import { Image } from "../modal/modal-image.js";
+import { Indicator as Indicator$2 } from "../radio-card-group/radio-card-group-indicator.js";
+import { Body as Body$1 } from "../radio-card-group/radio-card-group-item-body.js";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Body } from "./checkbox-card-group-item-body.js";
+import { useSize } from "../../utils/useSize.js";
+const Indicator$1 = React__default.forwardRef(
+  ({ className, checked, onCheckedChange, disabled, ...props }, forwardRef) => {
+    const classes = clsx([styles$2[`${rootClassName$2}__checkbox-wrapper`]], className);
+    return /* @__PURE__ */ jsx("div", { ref: forwardRef, className: classes, ...props, children: /* @__PURE__ */ jsx(Checkbox, { children: /* @__PURE__ */ jsx(
+      Checkbox.Trigger,
+      {
+        className: styles$2[`${rootClassName$2}__trigger`],
+        checked,
+        onCheckedChange,
+        disabled
+      }
+    ) }) });
+  }
+);
+Indicator$1.displayName = "Indicator";
+const Title$1 = React__default.forwardRef(
+  ({ className, children, asChild, checked, onCheckedChange, disabled, ...props }, forwardRef) => {
+    const classes = clsx([styles$2[`${rootClassName$2}__title`]], className);
+    return /* @__PURE__ */ jsxs(Flex, { width: "100%", gap: "150", className: styles$2[`${rootClassName$2}__title-wrapper`], children: [
+      asChild ? /* @__PURE__ */ jsx(Slot, { ...props, ref: forwardRef, className: classes, children }) : /* @__PURE__ */ jsx(Text, { variant: "paragraph-100-bold", ref: forwardRef, className: classes, children }),
+      /* @__PURE__ */ jsx(Indicator$1, { checked, onCheckedChange, disabled })
+    ] });
+  }
+);
+Title$1.displayName = "Title";
+const Content$2 = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles$2[`${rootClassName$2}__content-wrapper`]], className);
+    return /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content$2.displayName = "Content";
+const ItemContext$1 = React__default.createContext(void 0);
+const Item$2 = React__default.forwardRef(
+  ({ className, children, value, imageUrl, checked, onCheckedChange, disabled, ...props }, forwardedRef) => {
+    const classes = clsx([styles$2[`${rootClassName$2}__card-item`]], className);
+    const context = React__default.useContext(ItemContext$1);
+    const ref = useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id,
+        ...props,
+        ref,
+        className: classes,
+        "data-state": checked ? "checked" : "unchecked",
+        "data-disabled": disabled ? "" : void 0,
+        "aria-checked": checked,
+        children: [
+          imageUrl ? /* @__PURE__ */ jsx(Flex, { className: clsx([styles$2[`${rootClassName$2}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsx("img", { src: imageUrl, alt: value }) }) : null,
+          /* @__PURE__ */ jsx(Content$2, { children: React__default.Children.map(children, (child) => {
+            if (React__default.isValidElement(child) && child.type === Title$1) {
+              return React__default.cloneElement(child, {
+                ...child.props,
+                checked,
+                onCheckedChange,
+                disabled
+              });
+            }
+            return child;
+          }) })
+        ]
+      }
+    );
+  }
+);
+Item$2.displayName = "Item";
+Root$2.displayName = "CheckboxCardGroup";
+GroupLabel.displayName = "CheckboxCardGroup.GroupLabel";
+Item$2.displayName = "CheckboxCardGroup.Item";
+Title$1.displayName = "CheckboxCardGroup.Title";
+Body.displayName = "CheckboxCardGroup.Body";
+Indicator$1.displayName = "CheckboxCardGroup.Indicator";
+const CheckboxCardGroup = Object.assign(Root$2, {
+  GroupLabel,
+  Item: Item$2,
+  Title: Title$1,
+  Body,
+  Indicator: Indicator$1
+});
+const Title = React__default.forwardRef(
+  ({ className, children, asChild, ...props }, forwardRef) => {
+    const classes = clsx([styles$3[`${rootClassName$3}__title`]], className);
+    return /* @__PURE__ */ jsxs(Flex, { width: "100%", gap: "150", className: styles$3[`${rootClassName$3}__title-wrapper`], children: [
+      asChild ? /* @__PURE__ */ jsx(Slot, { ...props, ref: forwardRef, className: classes, children }) : /* @__PURE__ */ jsx(Text, { variant: "paragraph-100-bold", ref: forwardRef, className: classes, children }),
+      /* @__PURE__ */ jsx(Indicator$2, {})
+    ] });
+  }
+);
+Title.displayName = "Title";
+const Content$1 = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles$3[`${rootClassName$3}__content-wrapper`]], className);
+    return /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content$1.displayName = "Content";
+const ItemContext = React__default.createContext(void 0);
+const Item$1 = React__default.forwardRef(
+  ({ className, children, value, ...props }, forwardedRef) => {
+    const classes = clsx([styles$3[`${rootClassName$3}__card-item`]], className);
+    const context = React__default.useContext(ItemContext);
+    const ref = useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxs(RadioGroupPrimitive.Item, { value, id, ...props, asChild: false, ref, className: classes, children: [
+      props.imageUrl ? /* @__PURE__ */ jsx(Flex, { className: clsx([styles$3[`${rootClassName$3}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsx("img", { src: props.imageUrl, alt: value }) }) : null,
+      /* @__PURE__ */ jsx(Content$1, { children })
+    ] });
+  }
+);
+Item$1.displayName = "Item";
+Root$3.displayName = "RadioCardGroup";
+GroupLabel$1.displayName = "RadioCardGroup.GroupLabel";
+Item$1.displayName = "RadioCardGroup.Item";
+Title.displayName = "RadioCardGroup.Title";
+Body$1.displayName = "RadioCardGroup.Body";
+const RadioCardGroup = Object.assign(Root$3, {
+  GroupLabel: GroupLabel$1,
+  Item: Item$1,
+  Title,
+  Body: Body$1
+});
+const Close = React__default.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const classes = clsx([styles$4[`${rootClassName$4}__close`]], {
+      [styles$4[`${rootClassName$4}__close--floating`]]: props.slot === "floating",
+      className
+    });
+    const imageRef = React__default.useContext(RootContext$1).imageRef;
+    const [hasImage, setHasImage] = React__default.useState(false);
+    useEffect(() => {
+      if (imageRef == null ? void 0 : imageRef.current) {
+        setHasImage(true);
+      }
+    }, [imageRef]);
+    return /* @__PURE__ */ jsx(DrawerPrimitive.Close, { ...props, className: classes, ref: forwardedRef, asChild: true, children: props.children || /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: hasImage ? "primary-negative" : "tertiary-purple",
+        iconOnly: true,
+        "aria-label": props["aria-label"] ?? "Lukk",
+        children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+      }
+    ) });
+  }
+);
+Close.displayName = "Close";
+const Modal = Root$4;
+Modal.displayName = "Modal";
+Modal.Trigger = Trigger$1;
+Modal.Trigger.displayName = "Modal.Trigger";
+Modal.Content = Content$3;
+Modal.Content.displayName = "Modal.Content";
+Modal.Title = Title$2;
+Modal.Title.displayName = "Modal.Title";
+Modal.Description = Description;
+Modal.Description.displayName = "Modal.Description";
+Modal.Overlay = Overlay;
+Modal.Overlay.displayName = "Modal.Overlay";
+Modal.Group = Group;
+Modal.Group.displayName = "Modal.Group";
+Modal.Close = Close;
+Modal.Close.displayName = "Modal.Close";
+Modal.Image = Image;
+Modal.Image.displayName = "Modal.Image";
+const styles$1 = {
+  "teddy-navigation-menu": "_teddy-navigation-menu_6p30v_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_6p30v_34",
+  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_6p30v_37",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_6p30v_40",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_6p30v_66",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_6p30v_87",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_6p30v_106",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_6p30v_112",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_6p30v_187",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_6p30v_219",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_6p30v_239",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_6p30v_245",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_6p30v_313",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_6p30v_333",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_6p30v_339"
+};
+const rootClassName$1 = "teddy-navigation-menu";
+const NavigationMenuContext = React__default.createContext({
+  selectedTopMenu: void 0,
+  setSelectedTopMenu: () => {
+  },
+  contentRef: { current: null },
+  focusProxyRef: { current: null },
+  topMenuRef: { current: null },
+  id: "",
+  dir: "ltr",
+  orientation: "horizontal",
+  onEntryKeyDown: () => {
+  },
+  onFocusProxyEnter: () => {
+  },
+  onContentFocusOutside: () => {
+  }
+});
+const Root$1 = React__default.forwardRef(
+  ({ className, defaultTopMenuValue, topMenuValue, onTopMenuValueChange, ...props }, forwardRef) => {
+    const [selectedTopMenu, setSelectedTopMenu] = useControllableState({
+      defaultProp: defaultTopMenuValue,
+      prop: topMenuValue,
+      onChange: onTopMenuValueChange
+    });
+    const contentRef = React__default.useRef(null);
+    const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React__default.useState(false);
+    const timerRef = React__default.useRef(void 0);
+    const restoreContentTabOrderRef = React__default.useRef(() => {
+    });
+    const focusProxyRef = React__default.useRef(null);
+    const topMenuRef = React__default.useRef(null);
+    const id = React__default.useId();
+    const handleContentEntry = React__default.useCallback((side = "start") => {
+      if (contentRef.current) {
+        restoreContentTabOrderRef.current();
+        const candidates = getTabbableCandidates(contentRef.current);
+        if (candidates.length) focusFirst(side === "start" ? candidates : candidates.reverse());
+      }
+    }, []);
+    const handleContentExit = React__default.useCallback(() => {
+      if (contentRef.current) {
+        const candidates = getTabbableCandidates(contentRef.current);
+        if (candidates.length) restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
+      }
+    }, []);
+    React__default.useEffect(() => {
+      timerRef.current = setTimeout(() => {
+        setAllowAnimationOfHeight(true);
+      }, 500);
+      return () => {
+        timerRef.current && clearTimeout(timerRef.current);
+      };
+    }, []);
+    const classes = clsx([styles$1[`${rootClassName$1}`]], className);
+    return /* @__PURE__ */ jsx(
+      NavigationMenuContext.Provider,
+      {
+        value: {
+          contentRef,
+          focusProxyRef,
+          topMenuRef,
+          id,
+          dir: props.dir || "ltr",
+          orientation: props.orientation || "horizontal",
+          onEntryKeyDown: handleContentEntry,
+          onFocusProxyEnter: handleContentEntry,
+          onContentFocusOutside: handleContentExit,
+          selectedTopMenu,
+          setSelectedTopMenu
+        },
+        children: /* @__PURE__ */ jsx(
+          NavigationMenuPrimitive.Root,
+          {
+            ...props,
+            style: allowAnimationOfHeight ? mergeStyles(props.style, { ["--teddy-motion-duration-controlled"]: teddyMotionDuration300 }) : props.style,
+            ref: forwardRef,
+            className: classes
+          }
+        )
+      }
+    );
+  }
+);
+Root$1.displayName = "NavigationMenu";
+const TopMenuList = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__top-menu-list`]], className);
+    const context = React__default.useContext(NavigationMenuContext);
+    const ref = useComposedRefs(context.topMenuRef, forwardRef);
+    return /* @__PURE__ */ jsx("ul", { ...props, ref, className: classes });
+  }
+);
+TopMenuList.displayName = "NavigationMenu.TopMenuList";
+const TopMenuItem = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__top-menu-item`]], className);
+    return /* @__PURE__ */ jsx("li", { ...props, ref: forwardRef, className: classes });
+  }
+);
+const TopMenuTrigger = React__default.forwardRef(
+  ({ className, asChild, active, ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles$1[`${rootClassName$1}__top-menu-trigger`], styles$1[`${rootClassName$1}__top-menu-trigger--small`]],
+      className
+    );
+    const Comp = asChild ? Slot : "button";
+    const context = React__default.useContext(NavigationMenuContext);
+    const innerRef = React__default.useRef(null);
+    const ref = useComposedRefs(innerRef, forwardRef);
+    const isOpen = context.selectedTopMenu === props.value;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Comp,
+        {
+          ...props,
+          ref,
+          className: classes,
+          "data-state": isOpen ? "open" : "closed",
+          "data-active": active ? "true" : void 0,
+          "aria-expanded": isOpen,
+          "aria-controls": makeContentId({ value: props.value, baseId: context.id }),
+          ...{ [ITEM_DATA_ATTR]: "" },
+          onClick: composeEventHandlers(props.onClick, () => {
+            context.setSelectedTopMenu(props.value);
+          }),
+          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+            var _a;
+            const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
+            const entryKey = { horizontal: "ArrowDown", vertical: verticalEntryKey }[context.orientation];
+            if (isOpen && event.key === entryKey) {
+              context.onEntryKeyDown();
+              return event.preventDefault();
+            }
+            const isFocusNavigationKey = ["Home", "End", ...ARROW_KEYS].includes(event.key);
+            if (isFocusNavigationKey) {
+              const triggers = (_a = context.topMenuRef.current) == null ? void 0 : _a.querySelectorAll(`[${ITEM_DATA_ATTR}]`);
+              if (!triggers) return;
+              let candidateNodes = Array.from(triggers == null ? void 0 : triggers.values());
+              const prevItemKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
+              const prevKeys = [prevItemKey, "ArrowUp", "End"];
+              if (prevKeys.includes(event.key)) candidateNodes.reverse();
+              if (ARROW_KEYS.includes(event.key)) {
+                const currentIndex = candidateNodes.indexOf(event.currentTarget);
+                candidateNodes = candidateNodes.slice(currentIndex + 1);
+                focusFirst(candidateNodes);
+                event.preventDefault();
+              }
+            }
+          })
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsx(
+        VisuallyHidden,
+        {
+          tabIndex: 0,
+          ref: context.focusProxyRef,
+          onFocus: (event) => {
+            const content = context.contentRef.current;
+            const prevFocusedElement = event.relatedTarget;
+            const wasTriggerFocused = prevFocusedElement === innerRef.current;
+            const wasFocusFromContent = content == null ? void 0 : content.contains(prevFocusedElement);
+            if (wasTriggerFocused || !wasFocusFromContent) {
+              context.onFocusProxyEnter(wasTriggerFocused ? "start" : "end");
+            }
+          }
+        }
+      )
+    ] });
+  }
+);
+const List = React__default.forwardRef(
+  ({ className, variant, value, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__list`]], [styles$1[`${rootClassName$1}__list--${variant}`]], className);
+    const context = React__default.useContext(NavigationMenuContext);
+    const refOnOpen = useComposedRefs(context.contentRef, forwardRef);
+    const hasTopMenu = context.selectedTopMenu !== void 0;
+    const isOpen = context.selectedTopMenu === value;
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsx(
+      NavigationMenuPrimitive.List,
+      {
+        ref: hasTopMenu ? refOnOpen : forwardRef,
+        id: value && makeContentId({ value, baseId: context.id }),
+        ...props,
+        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+          var _a;
+          if (!value) return;
+          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+          const isTabKey = event.key === "Tab" && !isMetaKey;
+          if (isTabKey) {
+            const candidates = getTabbableCandidates(event.currentTarget);
+            const focusedElement = document.activeElement;
+            const index = candidates.findIndex((candidate) => candidate === focusedElement);
+            const isMovingBackwards = event.shiftKey;
+            const nextCandidates = isMovingBackwards ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
+            if (focusFirst(nextCandidates)) {
+              event.preventDefault();
+            } else {
+              (_a = context.focusProxyRef.current) == null ? void 0 : _a.focus();
+              context.onContentFocusOutside();
+            }
+          }
+        }),
+        className: classes
+      }
+    );
+  }
+);
+List.displayName = "NavigationMenu.List";
+const Separator = React__default.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx(
+    [styles$1[`${rootClassName$1}__separator`]],
+    className
+  );
+  return /* @__PURE__ */ jsx(Box, { width: "100%", p: "0", m: "0", ...props, ref: forwardRef, className: classes, asChild: true, children: /* @__PURE__ */ jsx("hr", {}) });
+});
+Separator.displayName = "NavigationMenu.Separator";
+const Item = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__item`]], className);
+    return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Item.displayName = "NavigationMenu.Item";
+const Trigger = React__default.forwardRef(
+  ({ className, active, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles$1[`${rootClassName$1}__trigger`]],
+      [styles$1[`${rootClassName$1}__trigger--${variant}`]],
+      className
+    );
+    const innerRef = React__default.useRef(null);
+    const ref = useComposedRefs(forwardRef, innerRef);
+    return /* @__PURE__ */ jsx(
+      NavigationMenuPrimitive.Trigger,
+      {
+        ...props,
+        ref,
+        "data-active": active ? "true" : void 0,
+        className: classes,
+        "data-text": getLabelFromChildren(props.children)
+      }
+    );
+  }
+);
+Trigger.displayName = "NavigationMenu.Trigger";
+const Content = React__default.forwardRef(
+  ({ className, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles$1[`${rootClassName$1}__content`]],
+      [styles$1[`${rootClassName$1}__content--${variant}`]],
+      className
+    );
+    return /* @__PURE__ */ jsx(
+      NavigationMenuPrimitive.Content,
+      {
+        ...props,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+const Link = React__default.forwardRef(
+  ({ className, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__link`]], [styles$1[`${rootClassName$1}__link--${variant}`]], className);
+    return /* @__PURE__ */ jsx(
+      NavigationMenuPrimitive.Link,
+      {
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        "data-text": getLabelFromChildren(props.children)
+      }
+    );
+  }
+);
+Link.displayName = "NavigationMenu.Link";
+const Indicator = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__indicator`]], className);
+    return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Indicator.displayName = "NavigationMenu.Indicator";
+const Viewport = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__viewport`]], className);
+    return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Viewport.displayName = "NavigationMenu.Viewport";
+const Sub = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__sub`]], className);
+    return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Sub, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Sub.displayName = "NavigationMenu.Sub";
+function getLabelFromChildren(children) {
+  function findLabel(node) {
+    if (typeof node === "string") {
+      return node;
+    }
+    if (React__default.isValidElement(node) && node.props.children) {
+      return findLabel(node.props.children);
+    }
+    if (Array.isArray(node)) {
+      for (let i = node.length - 1; i >= 0; i--) {
+        const label = findLabel(node[i]);
+        if (label) {
+          return label;
+        }
+      }
+    }
+    return void 0;
+  }
+  return findLabel(children);
+}
+function getTabbableCandidates(container) {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    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 = document.activeElement;
+  return candidates.some((candidate) => {
+    if (candidate === previouslyFocusedElement) return true;
+    candidate.focus();
+    return document.activeElement !== 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);
+    });
+  };
+}
+const ITEM_DATA_ATTR = "data-teddy-top-selector-trigger";
+const ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
+function makeContentId(args) {
+  return `teddy-navigation-menu-${args.baseId}-${args.value}-content`;
+}
+const NavigationMenu = Object.assign(Root$1, {
+  List,
+  Separator,
+  Item,
+  Trigger,
+  Content,
+  Link,
+  Indicator,
+  Viewport,
+  Sub,
+  TopMenuList,
+  TopMenuItem,
+  TopMenuTrigger
+});
+const styles = {
+  "teddy-global-navigation": "_teddy-global-navigation_1eacg_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1eacg_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1eacg_26",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1eacg_31",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_1eacg_35",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_1eacg_48",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1eacg_51",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1eacg_55",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1eacg_59",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_1eacg_65",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1eacg_70",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1eacg_73",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1eacg_77",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1eacg_84",
+  "close-viewport": "_close-viewport_1eacg_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1eacg_101",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1eacg_104"
+};
+function MyPages(props) {
+  var _a, _b;
+  const rootContext = React__default.useContext(RootContext);
+  const isLoggedIn = (((_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.name.length) || 0) > 0;
+  return /* @__PURE__ */ jsxs(Drawer, { ...props, children: [
+    /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsx(Drawer.Trigger, { children: ((_b = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _b.name.length) ? /* @__PURE__ */ jsxs("button", { "data-di-mask": true, children: [
+      /* @__PURE__ */ jsx(Icon, { name: "end-user", size: "sm" }),
+      rootContext.loggedInUser.name
+    ] }) : /* @__PURE__ */ jsxs("button", { children: [
+      /* @__PURE__ */ jsx(Icon, { name: "login", size: "sm" }),
+      "Logg inn"
+    ] }) }) }),
+    /* @__PURE__ */ jsxs(Drawer.Content, { asChild: true, size: rootContext == null ? void 0 : rootContext.drawerSize, children: [
+      /* @__PURE__ */ jsx(Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+      isLoggedIn ? /* @__PURE__ */ jsx(LoggedInContent, {}) : /* @__PURE__ */ jsx(LoggedOutContent, {}),
+      /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Lukk" }) }) })
+    ] })
+  ] });
+}
+function LoggedOutContent() {
+  return /* @__PURE__ */ jsxs(Grid, { gap: "400", children: [
+    /* @__PURE__ */ jsx(Drawer.Title, { children: "Logg inn" }),
+    /* @__PURE__ */ jsxs(TextSpacing, { children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", children: "Privat" }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: MY_PAGE_LINKS.link, children: [
+        MY_PAGE_LINKS.name,
+        " ",
+        /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(TextSpacing, { children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", children: "Bedrift" }),
+      /* @__PURE__ */ jsx(Grid, { gap: "150", children: LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: link.link, children: [
+        link.name,
+        " ",
+        /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+      ] }) })) })
+    ] })
+  ] });
+}
+function LoggedInContent() {
+  var _a, _b, _c;
+  const rootContext = React__default.useContext(RootContext);
+  const isRetailerLoggedIn = (_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.isRetailer;
+  if (isRetailerLoggedIn) {
+    return /* @__PURE__ */ jsxs(TextSpacing, { children: [
+      /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+      (_b = MY_PAGE_RETAILER_LINKS.links) == null ? void 0 : _b.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link)),
+      /* @__PURE__ */ jsx(Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsx(Icon, { name: "logout", children: "Logg ut" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Drawer.Title, { children: "Mine sider" }),
+    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "private", children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "private", children: "Privat" }),
+        /* @__PURE__ */ jsx(Tabs.Trigger, { value: "business", children: "Bedrift" })
+      ] }),
+      /* @__PURE__ */ jsxs(TextSpacing, { children: [
+        /* @__PURE__ */ jsxs(Tabs.Content, { value: "private", children: [
+          /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+          (_c = MY_PAGE_LINKS.links) == null ? void 0 : _c.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
+        ] }),
+        /* @__PURE__ */ jsxs(Tabs.Content, { value: "business", children: [
+          /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),
+          LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
+        ] }),
+        /* @__PURE__ */ jsx(Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsx(Icon, { name: "logout", children: "Logg ut" }) })
+      ] })
+    ] })
+  ] });
+}
+MyPages.displayName = "MyPages";
+const SearchField = React__default.forwardRef(
+  (props, forwardRef) => {
+    const ref = React__default.useRef(null);
+    const context = React__default.useContext(RootContext);
+    const composedRef = useComposedRefs(forwardRef, ref);
+    return /* @__PURE__ */ jsx(
+      "form",
+      {
+        onSubmit: (e) => {
+          var _a, _b;
+          if (context == null ? void 0 : context.onSearchSubmit) {
+            context.onSearchSubmit(e, (_a = ref.current) == null ? void 0 : _a.value);
+          }
+          if (!window || e.isDefaultPrevented()) return;
+          e.preventDefault();
+          window.location.href = `/sok?q=${encodeURIComponent(((_b = ref.current) == null ? void 0 : _b.value) || "")}`;
+        },
+        children: /* @__PURE__ */ jsxs(TextField, { ...props, children: [
+          /* @__PURE__ */ jsx(TextField.Label, { children: "Søk i innhold" }),
+          /* @__PURE__ */ jsxs(TextField.InputGroup, { children: [
+            /* @__PURE__ */ jsx(Icon, { name: "search" }),
+            /* @__PURE__ */ jsx(
+              TextField.Input,
+              {
+                ref: composedRef,
+                value: context == null ? void 0 : context.searchValue,
+                onChange: (e) => {
+                  var _a, _b;
+                  if (((_a = ref.current) == null ? void 0 : _a.value) && (context == null ? void 0 : context.onSearchInputChange)) {
+                    context == null ? void 0 : context.onSearchInputChange(e, (_b = ref.current) == null ? void 0 : _b.value);
+                  }
+                },
+                onKeyDown: (e) => {
+                  if (context == null ? void 0 : context.onSearchKeyDown) {
+                    context.onSearchKeyDown(e);
+                  }
+                },
+                placeholder: "Søk her"
+              }
+            ),
+            /* @__PURE__ */ jsx(TextField.ClearButton, { onClick: () => {
+              if (context == null ? void 0 : context.onClear) {
+                context.onClear();
+              }
+            } })
+          ] }),
+          /* @__PURE__ */ jsx(TextField.Button, { variant: "separated", children: "Søk" })
+        ] })
+      }
+    );
+  }
+);
+SearchField.displayName = "SearchField";
+function Search(props) {
+  const rootContext = React__default.useContext(RootContext);
+  const additionalSearchContent = rootContext == null ? void 0 : rootContext.additionalSearchContent;
+  const searchFieldRef = React__default.useRef(null);
+  return /* @__PURE__ */ jsxs(Drawer, { ...props, children: [
+    /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsx(Drawer.Trigger, { children: /* @__PURE__ */ jsxs("button", { children: [
+      /* @__PURE__ */ jsx(Icon, { name: "search", size: "sm" }),
+      " Søk"
+    ] }) }) }),
+    /* @__PURE__ */ jsxs(
+      Drawer.Content,
+      {
+        size: rootContext == null ? void 0 : rootContext.drawerSize,
+        onOpenAutoFocus: (e) => {
+          var _a;
+          e.preventDefault();
+          (_a = searchFieldRef.current) == null ? void 0 : _a.focus();
+        },
+        children: [
+          /* @__PURE__ */ jsx(Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+          /* @__PURE__ */ jsx(Drawer.Title, { children: "Hva leter du etter?" }),
+          /* @__PURE__ */ jsx(SearchField, { ref: searchFieldRef }),
+          additionalSearchContent ? additionalSearchContent : null,
+          /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Lukk" }) }) })
+        ]
+      }
+    )
+  ] });
+}
+Search.displayName = "Search";
+const ShoppingCart = React__default.forwardRef(() => {
+  const rootContext = React__default.useContext(RootContext);
+  const shoppingCartContent = rootContext == null ? void 0 : rootContext.shoppingCart;
+  const numberOfItemsInCart = (rootContext == null ? void 0 : rootContext.shoppingCartNumberOfItems) || 0;
+  const titleSuffix = numberOfItemsInCart > 0 ? `(${numberOfItemsInCart})` : "";
+  if (!numberOfItemsInCart) return null;
+  return /* @__PURE__ */ jsxs(Drawer, { open: rootContext == null ? void 0 : rootContext.isCartOpen, onOpenChange: rootContext == null ? void 0 : rootContext.onCartOpenChange, children: [
+    /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsx(Drawer.Trigger, { children: /* @__PURE__ */ jsxs("button", { children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx([styles[`${rootClassName}__item-wrapper`]]), children: [
+        /* @__PURE__ */ jsx(Icon, { name: "cart", size: "sm" }),
+        numberOfItemsInCart > 0 && /* @__PURE__ */ jsx("span", { className: clsx([styles[`${rootClassName}__item-count`]]), children: /* @__PURE__ */ jsx(CounterBadge, { variant: "attention", children: numberOfItemsInCart }) })
+      ] }),
+      "Handlekurv"
+    ] }) }) }),
+    /* @__PURE__ */ jsxs(Drawer.Content, { size: rootContext == null ? void 0 : rootContext.drawerSize, children: [
+      /* @__PURE__ */ jsx(Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+      /* @__PURE__ */ jsxs(Drawer.Title, { children: [
+        "Handlekurv ",
+        titleSuffix
+      ] }),
+      shoppingCartContent ? shoppingCartContent : null,
+      /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Lukk" }) }) })
+    ] })
+  ] });
+});
+ShoppingCart.displayName = "ShoppingCart";
+const Desktop = React__default.forwardRef(() => {
+  const rootContext = React__default.useContext(RootContext);
+  const [showMenu, setShowMenu] = React__default.useState(false);
+  const [isClientSide, setIsClientSide] = React__default.useState(false);
+  const topMenuRef = React__default.useRef(null);
+  const topMenuSize = useSize(topMenuRef.current);
+  React__default.useEffect(() => {
+    setIsClientSide(true);
+  }, []);
+  if (!rootContext) return null;
+  const links = getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale"), rootContext.customLinks);
+  const shouldShowViewport = links.flatMap((link) => link.links || []).some((link) => {
+    var _a;
+    const sameParent = link.link.split("/")[1] === (rootContext == null ? void 0 : rootContext.pathname.split("/")[1]) || !link.link && (rootContext == null ? void 0 : rootContext.pathname) === "/";
+    return (((_a = link.links) == null ? void 0 : _a.length) || 0) > 0 && link.name === (rootContext == null ? void 0 : rootContext.specifiedLink) && sameParent;
+  });
+  const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
+  const { selectedMenuItem, setSelectedMenuItem, linkComponent: Link2, specifiedLink, setSpecifiedLink } = rootContext;
+  const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
+  const handleInteractions = (linkName) => {
+    setSpecifiedLink(linkName || "");
+    setSelectedMenuItem(linkName || "", true);
+  };
+  const viewPortHeight = shouldShowViewport ? "333px" : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: mergeStyles({ ["--teddy-top-menu-height"]: topMenuHeight }),
+        className: styles[`${rootClassName}__top-menu-wrapper`],
+        children: /* @__PURE__ */ jsxs(NavigationMenu.TopMenuList, { ref: topMenuRef, children: [
+          links.map((link) => /* @__PURE__ */ jsx(NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsx(
+            NavigationMenu.TopMenuTrigger,
+            {
+              value: link.name,
+              asChild: true,
+              onClick: () => {
+                rootContext.setPathname(link.link);
+                setSpecifiedLink("");
+              },
+              children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name })
+            }
+          ) }, link.name)),
+          /* @__PURE__ */ jsx(NavigationMenu.Item, { style: { marginLeft: "auto" } }),
+          /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(ShoppingCart, {}) }),
+          /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(Search, {}) }),
+          /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(MyPages, {}) })
+        ] })
+      }
+    ) }),
+    links.map((link) => {
+      var _a;
+      return /* @__PURE__ */ jsx(NavigationMenu.List, { value: link.name, children: (_a = link.links) == null ? void 0 : _a.map(
+        (subLink) => /* @__PURE__ */ jsxs(
+          NavigationMenu.Item,
+          {
+            value: subLink.name,
+            onMouseEnter: () => setShowMenu(true),
+            onMouseLeave: () => setShowMenu(false),
+            children: [
+              subLink.name === "Logo" ? /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(
+                Link2,
+                {
+                  href: subLink.link,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: subLink.link,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
+                }
+              ) }) : /* @__PURE__ */ jsx(
+                NavigationMenu.Link,
+                {
+                  asChild: true,
+                  active: selectedMenuItem === subLink.name && currentLocation === subLink.link,
+                  onFocus: () => {
+                    handleInteractions(subLink.name);
+                    setShowMenu(true);
+                  },
+                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(
+                    Link2,
+                    {
+                      onMouseEnter: () => handleInteractions(subLink.name),
+                      onClick: () => {
+                        handleInteractions(subLink.name);
+                        setShowMenu(false);
+                      },
+                      href: subLink.link,
+                      children: subLink.name
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      onMouseEnter: () => handleInteractions(subLink.name),
+                      onClick: () => {
+                        handleInteractions(subLink.name);
+                        setShowMenu(false);
+                      },
+                      onFocus: () => {
+                        setShowMenu(true);
+                      },
+                      href: subLink.link,
+                      children: subLink.name
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
+                  className: styles[`${rootClassName}__viewport-wrapper`],
+                  "data-state": showMenu ? "open" : "closed",
+                  children: isClientSide && /* @__PURE__ */ jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    subLink.links && subLink.links.length > 0 && /* @__PURE__ */ jsx(
+                      HightlightedLinksDesktop,
+                      {
+                        listName: subLink.name,
+                        setShowMenu,
+                        links: subLink.links
+                      }
+                    ),
+                    subLink.highlightedLinks && subLink.highlightedLinks.length > 0 && /* @__PURE__ */ jsx(
+                      HightlightedLinksDesktop,
+                      {
+                        colored: true,
+                        listName: "Nyttige snarveier",
+                        setShowMenu,
+                        links: subLink.highlightedLinks
+                      }
+                    )
+                  ] }) })
+                }
+              )
+            ]
+          },
+          subLink.name
+        )
+      ) }, link.name);
+    })
+  ] });
+});
+Desktop.displayName = "Desktop";
+const HightlightedLinksDesktop = ({ links, listName, colored, setShowMenu }) => {
+  const rootContext = React__default.useContext(RootContext);
+  if (!rootContext) return null;
+  const { linkComponent: Link2, setSpecifiedLink, setSelectedMenuItem } = rootContext;
+  const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
+  const firstPart = links.slice(0, 4);
+  const secondPart = links.slice(4);
+  return /* @__PURE__ */ jsxs(Box, { pt: "40px", pb: "40px", className: colored ? styles[`${rootClassName}__colored-box`] : "", children: [
+    /* @__PURE__ */ jsx(Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "400", children: [
+      /* @__PURE__ */ jsx(Box, { children: firstPart == null ? void 0 : firstPart.map((subSubLink) => {
+        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+          NavigationMenu.Link,
+          {
+            asChild: true,
+            variant: "small",
+            active: getActiveSubLink(currentLocation, links || []) === subSubLink.link,
+            onClick: () => {
+              rootContext.setPathname(subSubLink.link);
+              setSpecifiedLink("");
+              setSelectedMenuItem("", true);
+              setShowMenu(false);
+            },
+            children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
+              subSubLink.name,
+              /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+            ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
+              subSubLink.name,
+              /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+            ] }) })
+          }
+        ) }, subSubLink.name);
+      }) }),
+      /* @__PURE__ */ jsx(Box, { children: secondPart.map((subSubLink) => {
+        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+          NavigationMenu.Link,
+          {
+            asChild: true,
+            variant: "small",
+            active: getActiveSubLink(currentLocation, links || []) === subSubLink.link,
+            onClick: () => {
+              rootContext.setPathname(subSubLink.link);
+              setSpecifiedLink("");
+              setSelectedMenuItem("", true);
+              setShowMenu(false);
+            },
+            children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
+              subSubLink.name,
+              /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+            ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
+              subSubLink.name,
+              /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+            ] }) })
+          }
+        ) }, subSubLink.name);
+      }) })
+    ] })
+  ] });
+};
+function Mobile(props) {
+  const [specifiedLink, setSpecifiedLink] = React__default.useState("");
+  const rootContext = React__default.useContext(RootContext);
+  const drawerRef = React__default.useRef(null);
+  if (!rootContext) return null;
+  const links = getLinks(rootContext.pathname.includes("bedrift/utstyrsavtale"), rootContext.customLinks);
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  const linkClasses = clsx([styles[`${rootClassName}__link`]]);
+  const headerClasses = clsx([styles[`${rootClassName}__header`]]);
+  return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      flexGrow: "1",
+      justify: "between",
+      align: "center",
+      gap: "200",
+      className: styles[`${rootClassName}__top-icon-wrapper`],
+      children: [
+        /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+        /* @__PURE__ */ jsxs(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, className: styles[`${rootClassName}__top-menu-icons`], children: [
+          /* @__PURE__ */ jsx(Search, {}),
+          /* @__PURE__ */ jsx(ShoppingCart, {}),
+          /* @__PURE__ */ jsx(MyPages, {}),
+          /* @__PURE__ */ jsxs(Drawer, { children: [
+            /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsx(Drawer.Trigger, { children: /* @__PURE__ */ jsxs("button", { children: [
+              /* @__PURE__ */ jsx(Icon, { name: "menu", size: "sm" }),
+              " Meny"
+            ] }) }) }),
+            /* @__PURE__ */ jsxs(Drawer.Content, { gap: "400", size: rootContext.drawerSize, children: [
+              /* @__PURE__ */ jsx(Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
+              !specifiedLink ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Drawer.Title, { children: "Meny" }),
+                /* @__PURE__ */ jsxs(
+                  Tabs,
+                  {
+                    value: rootContext.selectedDomainItem,
+                    onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
+                    children: [
+                      /* @__PURE__ */ jsx(Tabs.List, { children: links.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
+                      /* @__PURE__ */ jsx(Fragment, { children: links.map((link) => {
+                        var _a, _b;
+                        return /* @__PURE__ */ jsxs(Tabs.Content, { value: link.name, children: [
+                          /* @__PURE__ */ jsx(Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                            (subLink) => subLink.links && subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
+                              /* @__PURE__ */ jsx(Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsx(Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
+                              /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
+                            ] }) : /* @__PURE__ */ jsx(Fragment, { children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, className: linkClasses, children: [
+                              /* @__PURE__ */ jsx(Heading, { variant: "title-300", as: "h2", className: headerClasses, children: subLink.name }),
+                              /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
+                            ] }) : /* @__PURE__ */ jsxs("a", { href: subLink.link, className: linkClasses, children: [
+                              /* @__PURE__ */ jsx(Heading, { variant: "title-300", as: "h2", children: subLink.name }),
+                              /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
+                            ] }) })
+                          ) }),
+                          link.highlightedLinks && ((_b = link.highlightedLinks) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsx(Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsx(Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsx(
+                            HighlightedLinks,
+                            {
+                              item: link,
+                              links: link.highlightedLinks,
+                              drawerRef,
+                              listTitle: "Nyttige snarveier"
+                            }
+                          ) }) })
+                        ] }, link.name);
+                      }) })
+                    ]
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Drawer.Title, { children: /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "secondary", onClick: () => setSpecifiedLink(""), children: [
+                  /* @__PURE__ */ jsx(Icon, { name: "arrow-left" }),
+                  "Tilbake"
+                ] }) }),
+                /* @__PURE__ */ jsx(Box, { mt: "100", children: links.filter((item) => item.name === rootContext.selectedDomainItem).map(
+                  (link) => {
+                    var _a;
+                    return (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                      (subLink) => subLink.links && subLink.links.length > 0 && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          HighlightedLinks,
+                          {
+                            item: subLink,
+                            listTitle: subLink.name,
+                            links: subLink.links,
+                            drawerRef
+                          }
+                        ),
+                        subLink.highlightedLinks && subLink.highlightedLinks.length > 0 && /* @__PURE__ */ jsx(Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsx(Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsx(
+                          HighlightedLinks,
+                          {
+                            item: subLink,
+                            listTitle: "Nyttige snarveier",
+                            links: subLink.highlightedLinks,
+                            drawerRef
+                          }
+                        ) }) })
+                      ] })
+                    );
+                  }
+                ) })
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+Mobile.displayName = "Mobile";
+const HighlightedLinks = ({
+  listTitle,
+  links,
+  item,
+  drawerRef
+}) => {
+  const rootContext = React__default.useContext(RootContext);
+  if (!rootContext) return null;
+  const { linkComponent: NavLink } = rootContext;
+  const currentLocation = rootContext.pathname;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listTitle }),
+    /* @__PURE__ */ jsx(List$1, { gap: "10", pl: "25", children: links == null ? void 0 : links.map((subSubLink) => /* @__PURE__ */ jsx(List$1.Item, { children: /* @__PURE__ */ jsx(
+      NavigationMenu.Link,
+      {
+        asChild: true,
+        variant: "small",
+        active: getActiveSubLink(currentLocation, item.links || []) === subSubLink.link,
+        onClick: () => {
+          var _a;
+          (_a = drawerRef == null ? void 0 : drawerRef.current) == null ? void 0 : _a.click();
+          rootContext.setPathname(subSubLink.link);
+        },
+        children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
+          subSubLink.name,
+          subSubLink.icon ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+        ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
+          subSubLink.name,
+          subSubLink.icon ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+        ] }) })
+      }
+    ) }, subSubLink.name)) })
+  ] });
+};
+const DesktopSimplified = React__default.forwardRef(() => {
+  var _a;
+  const rootContext = React__default.useContext(RootContext);
+  const isRetailerLoggedIn = (_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.isRetailer;
+  if (!rootContext) return null;
+  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
+  const isBusinessRental = rootContext.pathname.includes("bedrift/utstyrsavtale");
+  const links = getLinks(isBusinessRental, rootContext.customLinks);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    links.map((link) => {
+      var _a2;
+      return /* @__PURE__ */ jsxs(NavigationMenu.List, { value: link.name, children: [
+        (_a2 = link.links) == null ? void 0 : _a2.map((subLink) => /* @__PURE__ */ jsxs(NavigationMenu.Item, { value: subLink.name, children: [
+          subLink.name === "Logo" && /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+              draggable: "false",
+              alt: "Telia logo"
+            }
+          ) }) : /* @__PURE__ */ jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+              draggable: "false",
+              alt: "Telia logo"
+            }
+          ) }) }),
+          subLink.name === "Hjem" && isBusinessRental && /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name }) })
+        ] }, subLink.name)),
+        /* @__PURE__ */ jsx(Box, { ml: "auto" }),
+        /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(ShoppingCart, {}) }),
+        isRetailerLoggedIn && /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(MyPages, {}) })
+      ] }, link.name);
+    }),
+    /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: styles[`${rootClassName}__viewport`] })
+  ] });
+});
+DesktopSimplified.displayName = "DesktopSimplified";
+function MobileSimplified(props) {
+  const rootContext = React__default.useContext(RootContext);
+  if (!rootContext) return null;
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
+    /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+    /* @__PURE__ */ jsx(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: /* @__PURE__ */ jsx(ShoppingCart, {}) })
+  ] }) });
+}
+MobileSimplified.displayName = "MobileSimplified";
+const rootClassName = "teddy-global-navigation";
+const RootContext = React__default.createContext(null);
+function Root({
+  className,
+  appKey,
+  loggedInUser,
+  linkComponent,
+  onLogoutClick,
+  shoppingCart,
+  shoppingCartNumberOfItems,
+  onSearchSubmit,
+  additionalSearchContent,
+  isCartOpen,
+  onCartOpenChange,
+  drawerSize = "md",
+  isSimplified,
+  customLinks,
+  currentPath,
+  onSearchInputChange,
+  onSearchKeyDown,
+  searchValue,
+  onClear,
+  ...props
+}) {
+  const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath, customLinks));
+  const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath, customLinks));
+  const [pathname, setPathname] = React__default.useState(currentPath || "");
+  const [specifiedLink, setSpecifiedLink] = React__default.useState(getInitialMenuItem(currentPath, customLinks));
+  const classes = clsx([styles[`${rootClassName}`]], className);
+  useEffect(() => {
+    setPathname(currentPath || "");
+  }, [currentPath]);
+  return /* @__PURE__ */ jsx(
+    RootContext.Provider,
+    {
+      value: {
+        appKey,
+        loggedInUser,
+        selectedMenuItem,
+        setSelectedMenuItem(v, onlyStateChange) {
+          if (appKey === "open-pages" && !onlyStateChange) return;
+          setSelectedMenuItem(v);
+        },
+        linkComponent,
+        selectedDomainItem,
+        setSelectedDomainItem(v, onlyStateChange) {
+          if (appKey === "open-pages" && !onlyStateChange) return;
+          setSelectedDomainItem(v);
+        },
+        pathname,
+        setPathname(v) {
+          if (appKey === "open-pages") return;
+          setPathname(v);
+        },
+        onLogoutClick,
+        shoppingCart,
+        shoppingCartNumberOfItems,
+        onSearchSubmit,
+        additionalSearchContent,
+        isCartOpen,
+        onCartOpenChange,
+        drawerSize,
+        specifiedLink,
+        setSpecifiedLink,
+        onSearchInputChange,
+        onSearchKeyDown,
+        searchValue,
+        onClear,
+        customLinks
+      },
+      children: /* @__PURE__ */ jsx(Box, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
+        NavigationMenu,
+        {
+          topMenuValue: selectedDomainItem,
+          onTopMenuValueChange: setSelectedDomainItem,
+          value: selectedMenuItem,
+          onValueChange: (v) => {
+            if (v === "" || appKey === "open-pages") return;
+            setSelectedMenuItem(v);
+          },
+          children: [
+            /* @__PURE__ */ jsxs(Box, { display: { sm: "none", lg: "block" }, children: [
+              isSimplified && /* @__PURE__ */ jsx(DesktopSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsx(Desktop, {})
+            ] }),
+            /* @__PURE__ */ jsxs(Box, { display: { lg: "none" }, children: [
+              isSimplified && /* @__PURE__ */ jsx(MobileSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsx(Mobile, {})
+            ] })
+          ]
+        }
+      ) })
+    }
+  );
+}
+Root.displayName = "Root";
+function getInitialDomain(currentPath, customLinks) {
+  const privateLinks = (customLinks == null ? void 0 : customLinks.privateLinks) || DEFAULT_PRIVATE_LINKS;
+  const businessLinks = (customLinks == null ? void 0 : customLinks.businessLinks) || DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || DEFAULT_MDU_LINKS;
+  if (!currentPath) return privateLinks.name;
+  const locationArray = currentPath ? currentPath.split("/") : [];
+  const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
+  const initDomain = domainPartOfLocation === businessLinks.link ? businessLinks.name : domainPartOfLocation === mduLinks.link ? mduLinks.name : privateLinks.name;
+  return initDomain;
+}
+function getInitialMenuItem(currentPath, customLinks) {
+  var _a, _b, _c, _d, _e, _f;
+  const privateLinks = (customLinks == null ? void 0 : customLinks.privateLinks) || DEFAULT_PRIVATE_LINKS;
+  const businessLinks = (customLinks == null ? void 0 : customLinks.businessLinks) || DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || DEFAULT_MDU_LINKS;
+  if (!currentPath) return;
+  const locationArray = currentPath ? currentPath.split("/") : [];
+  const initialDomain = getInitialDomain(currentPath, customLinks);
+  if (initialDomain === businessLinks.name) {
+    const mainMenuPartOfLocation2 = locationArray[2];
+    return (_b = (_a = businessLinks.links) == null ? void 0 : _a.find(
+      (link) => {
+        var _a2;
+        return link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`));
+      }
+    )) == null ? void 0 : _b.name;
+  }
+  if (initialDomain === mduLinks.name) {
+    const mainMenuPartOfLocation2 = locationArray[2];
+    return (_d = (_c = mduLinks.links) == null ? void 0 : _c.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _d.name;
+  }
+  const mainMenuPartOfLocation = locationArray[1];
+  return (_f = (_e = privateLinks.links) == null ? void 0 : _e.find((link) => {
+    var _a2;
+    return link.name.toLowerCase() === mainMenuPartOfLocation || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${mainMenuPartOfLocation}/`));
+  })) == null ? void 0 : _f.name;
+}
+Root.displayName = "GlobalNavigation";
+const GlobalNavigation = Root;
+export {
+  CheckboxCardGroup as C,
+  CheckboxCardGroup,
+  Close,
+  Content$2 as Content,
+  Desktop as D,
+  Desktop,
+  DesktopSimplified,
+  GlobalNavigation as G,
+  GlobalNavigation,
+  HighlightedLinks as H,
+  HighlightedLinks,
+  ItemContext$1 as I,
+  Indicator$1 as Indicator,
+  Item$2 as Item,
+  ItemContext$1 as ItemContext,
+  Modal as M,
+  Mobile,
+  MobileSimplified,
+  Modal,
+  MyPages,
+  NavigationMenu as N,
+  NavigationMenu,
+  RadioCardGroup as R,
+  RadioCardGroup,
+  Separator as S,
+  Search,
+  SearchField,
+  Separator,
+  ShoppingCart,
+  Title$1 as T,
+  Title$1 as Title,
+  Content$2 as a,
+  Item$2 as b,
+  Title as c,
+  Content$1 as d,
+  ItemContext as e,
+  Item$1 as f,
+  Close as g,
+  MyPages as h,
+  SearchField as i,
+  Search as j,
+  ShoppingCart as k,
+  Mobile as l,
+  DesktopSimplified as m,
+  MobileSimplified as n,
+  rootClassName as o,
+  RootContext as p,
+  Root as q,
+  rootClassName$1 as r,
+  rootClassName$1 as rootClassName
+};