@telia/teddy 0.0.60 → 0.0.62

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -2,40 +2,49 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const DrawerPrimitive = require("@radix-ui/react-dialog");
+const clsx = require("clsx");
+const components_navigationMenu_globalNavigation_utils = require("../navigation-menu/global-navigation/utils.cjs");
+const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
+const utils_composeRefs = require("../../utils/composeRefs.cjs");
+const components_visuallyHidden_visuallyHidden = require("../visually-hidden/visually-hidden.cjs");
+const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const reactUseControllableState = require("@radix-ui/react-use-controllable-state");
+const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
+const tokens_motion_variables = require("../../tokens/motion/variables.cjs");
+require("../toast/toast-root.cjs");
+require("sonner");
+require("../toggletip/index.cjs");
 require("../breadcrumbs/index.cjs");
 const components_radioCardGroup_radioCardGroupRoot = require("./radio-card-group-root.cjs");
 const components_radioCardGroup_radioCardGroupLabel = require("./radio-card-group-label.cjs");
-const clsx = require("clsx");
-const reactSlot = require("@radix-ui/react-slot");
 require("../ribbon/index.cjs");
 require("../expandable-card/index.cjs");
 require("../color-dot/color-dot-root.cjs");
 require("../progress-bar/progress-bar.cjs");
 require("../notabene/index.cjs");
 require("../tooltip/index.cjs");
-require("../list/index.cjs");
+const components_list_index = require("../list/index.cjs");
 require("../scroll-area/index.cjs");
-require("../tabs/index.cjs");
-require("../drawer/index.cjs");
+const components_tabs_index = require("../tabs/index.cjs");
+const components_drawer_index = require("../drawer/index.cjs");
 require("../image/image.cjs");
 require("../chip/index.cjs");
 require("../../assets/sprite.269ba410-teddy.svg");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
 const components_icon_icon = require("../icon/icon.cjs");
 require("../notification/notification.cjs");
 require("../radio-group/index.cjs");
-require("../box/box.cjs");
+const components_box_box = require("../box/box.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
 require("../card/index.cjs");
-require("../grid/grid.cjs");
-require("../navigation-menu/navigation-menu.cjs");
-require("../navigation-menu/global-navigation/global-navigation-my-pages.cjs");
+const components_grid_grid = require("../grid/grid.cjs");
 require("../toggle/toggle.cjs");
-require("../accordion/index.cjs");
-require("../link/link.cjs");
+const components_accordion_index = require("../accordion/index.cjs");
+const components_link_link = require("../link/link.cjs");
 require("../badge/badge.cjs");
 require("../badge/alert-badge.cjs");
-require("../badge/counter-badge.cjs");
+const components_badge_counterBadge = require("../badge/counter-badge.cjs");
 const components_button_button = require("../button/button.cjs");
 require("../field-error-text/field-error-text.cjs");
 require("../helper-text/helper-text.cjs");
@@ -43,14 +52,14 @@ require("../input/index.cjs");
 require("../label/label.cjs");
 require("../spinner/spinner.cjs");
 const components_text_text = require("../text/text.cjs");
-require("../text-field/index.cjs");
+const components_textField_index = require("../text-field/index.cjs");
 const components_heading_heading = require("../heading/heading.cjs");
-require("../visually-hidden/visually-hidden.cjs");
-require("../text-spacing/text-spacing.cjs");
+const components_textSpacing_textSpacing = require("../text-spacing/text-spacing.cjs");
 require("../container/container.cjs");
-const utils_composeRefs = require("../../utils/composeRefs.cjs");
 const components_radioCardGroup_radioCardGroupIndicator = require("./radio-card-group-indicator.cjs");
 const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
+const utils_useSize = require("../../utils/useSize.cjs");
+const utils_useCallbackRef = require("../../utils/useCallbackRef.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -67,6 +76,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
+const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
 const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
 const RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
 const Title$1 = React.forwardRef(
@@ -87,15 +97,15 @@ const Body = React.forwardRef(
   }
 );
 Body.displayName = "Body";
-const Content$1 = React.forwardRef(
+const Content$2 = React.forwardRef(
   ({ className, children, ...props }, forwardRef) => {
     const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__content-wrapper`]], className);
     return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
   }
 );
-Content$1.displayName = "Content";
+Content$2.displayName = "Content";
 const ItemContext = React.createContext(void 0);
-const Item = React.forwardRef(
+const Item$1 = React.forwardRef(
   ({ className, children, value, ...props }, forwardedRef) => {
     const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__card-item`]], className);
     const context = React.useContext(ItemContext);
@@ -103,23 +113,23 @@ const Item = React.forwardRef(
     const id = props.id || (context == null ? void 0 : context.id);
     return /* @__PURE__ */ jsxRuntime.jsxs(RadioGroupPrimitive__namespace.Item, { value, id, ...props, asChild: false, ref, className: classes, children: [
       props.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: props.imageUrl, alt: value }) }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(Content$1, { children })
+      /* @__PURE__ */ jsxRuntime.jsx(Content$2, { children })
     ] });
   }
 );
-Item.displayName = "Item";
+Item$1.displayName = "Item";
 components_radioCardGroup_radioCardGroupRoot.Root.displayName = "RadioCardGroup";
 components_radioCardGroup_radioCardGroupLabel.GroupLabel.displayName = "RadioCardGroup.GroupLabel";
-Item.displayName = "RadioCardGroup.Item";
+Item$1.displayName = "RadioCardGroup.Item";
 Title$1.displayName = "RadioCardGroup.Title";
 Body.displayName = "RadioCardGroup.Body";
 const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoot.Root, {
   GroupLabel: components_radioCardGroup_radioCardGroupLabel.GroupLabel,
-  Item,
+  Item: Item$1,
   Title: Title$1,
   Body
 });
-const styles = {
+const styles$2 = {
   "teddy-modal__overlay": "_teddy-modal__overlay_3n21u_25",
   "teddy-modal__content": "_teddy-modal__content_3n21u_37",
   "teddy-modal__scroll": "_teddy-modal__scroll_3n21u_55",
@@ -136,41 +146,41 @@ const styles = {
   "modal-content-hide": "_modal-content-hide_3n21u_1",
   "teddy-overlay-no-op": "_teddy-overlay-no-op_3n21u_1"
 };
-const rootClassName = "teddy-modal";
-const RootContext = React.createContext({
+const rootClassName$2 = "teddy-modal";
+const RootContext$1 = React.createContext({
   imageRef: null,
   actionGroupRef: null,
   scrollRef: null
 });
-const Root = (props) => {
+const Root$2 = (props) => {
   const imageRef = React.useRef(null);
   const actionGroupRef = React.useRef(null);
   const scrollRef = React.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { imageRef, actionGroupRef, scrollRef }, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Root, { ...props, modal: true }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RootContext$1.Provider, { value: { imageRef, actionGroupRef, scrollRef }, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Root, { ...props, modal: true }) });
 };
-Root.displayName = "Dialog.Root";
-const Trigger = React.forwardRef(
+Root$2.displayName = "Dialog.Root";
+const Trigger$1 = React.forwardRef(
   ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Trigger, { ...props, ref: forwardedRef, asChild: true, children })
 );
-Trigger.displayName = "Dialog.Trigger";
+Trigger$1.displayName = "Dialog.Trigger";
 const OverlayContext = React.createContext(false);
 const Overlay = React.forwardRef(
   ({ className, forceMount, container, ...rest }, forwardedRef) => {
-    const classes = clsx([styles[`${rootClassName}__overlay`]], className);
+    const classes = clsx([styles$2[`${rootClassName$2}__overlay`]], className);
     return /* @__PURE__ */ jsxRuntime.jsx(OverlayContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Portal, { container, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Overlay, { className: classes, ref: forwardedRef, ...rest }) }) });
   }
 );
 Overlay.displayName = "Dialog.Content";
 const InnerContent = React.forwardRef(
   function InnerContent2({ asChild, children, className, ...props }, forwardedRef) {
-    const classes = clsx([styles[`${rootClassName}__scroll`]], className);
-    const context = React.useContext(RootContext);
+    const classes = clsx([styles$2[`${rootClassName$2}__scroll`]], className);
+    const context = React.useContext(RootContext$1);
     return /* @__PURE__ */ jsxRuntime.jsx(
       DrawerPrimitive__namespace.Content,
       {
         ...props,
         ref: forwardedRef,
-        className: clsx([styles[`${rootClassName}__content`]]),
+        className: clsx([styles$2[`${rootClassName$2}__content`]]),
         asChild: true,
         children: /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
           components_flex_flex.Flex,
@@ -188,7 +198,7 @@ const InnerContent = React.forwardRef(
     );
   }
 );
-const Content = React.forwardRef(
+const Content$1 = React.forwardRef(
   ({ forceMount, ...contentProps }, forwardedRef) => {
     const hasOverlay = React.useContext(OverlayContext);
     if (!hasOverlay)
@@ -196,11 +206,11 @@ const Content = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(InnerContent, { ref: forwardedRef, ...contentProps });
   }
 );
-Content.displayName = "Dialog.Content";
+Content$1.displayName = "Dialog.Content";
 const GroupContext = React.createContext(false);
 const Group = React.forwardRef(
   ({ className, variant, ...props }, forwardedRef) => {
-    const strollerRef = React.useContext(RootContext).scrollRef;
+    const strollerRef = React.useContext(RootContext$1).scrollRef;
     const [isOverflowing, setIsOverflowing] = React.useState(false);
     React.useEffect(() => {
       if (strollerRef == null ? void 0 : strollerRef.current) {
@@ -209,11 +219,11 @@ const Group = React.forwardRef(
       }
     }, [strollerRef]);
     const classes = clsx(
-      [styles[`${rootClassName}__group`]],
+      [styles$2[`${rootClassName$2}__group`]],
       {
-        [styles[`${rootClassName}__group--action`]]: variant === "action",
-        [styles[`${rootClassName}__group--title`]]: variant === "title",
-        [styles[`${rootClassName}__group--scroll`]]: isOverflowing
+        [styles$2[`${rootClassName$2}__group--action`]]: variant === "action",
+        [styles$2[`${rootClassName$2}__group--title`]]: variant === "title",
+        [styles$2[`${rootClassName$2}__group--scroll`]]: isOverflowing
       },
       className
     );
@@ -250,19 +260,19 @@ Title.displayName = "Dialog.Title";
 const Description = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { as: "p", variant: "paragraph-100", ...props, asChild: false, ref: forwardedRef }) }));
 Description.displayName = "Dialog.Description";
 const Image = React.forwardRef(({ asChild, ...props }, forwardedRef) => {
-  const classes = clsx([styles[`${rootClassName}__image`]], props.className);
-  const context = React.useContext(RootContext);
+  const classes = clsx([styles$2[`${rootClassName$2}__image`]], props.className);
+  const context = React.useContext(RootContext$1);
   const Comp = asChild ? reactSlot.Slot : "img";
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props, className: classes, ref: utils_composeRefs.composeRefs(context.imageRef, forwardedRef) });
 });
 Image.displayName = "Dialog.Image";
 const Close = React.forwardRef(
   ({ className, ...props }, forwardedRef) => {
-    const classes = clsx([styles[`${rootClassName}__close`]], {
-      [styles[`${rootClassName}__close--floating`]]: props.slot === "floating",
+    const classes = clsx([styles$2[`${rootClassName$2}__close`]], {
+      [styles$2[`${rootClassName$2}__close--floating`]]: props.slot === "floating",
       className
     });
-    const imageRef = React.useContext(RootContext).imageRef;
+    const imageRef = React.useContext(RootContext$1).imageRef;
     const [hasImage, setHasImage] = React.useState(false);
     React.useEffect(() => {
       if (imageRef == null ? void 0 : imageRef.current) {
@@ -273,11 +283,1087 @@ const Close = React.forwardRef(
   }
 );
 Close.displayName = "Dialog.Close";
-const Modal = Object.assign(Root, { Trigger, Content, Title, Overlay, Description, Close, Image, Group });
+const Modal = Object.assign(Root$2, { Trigger: Trigger$1, Content: Content$1, Title, Overlay, Description, Close, Image, Group });
+const scaleIn = "_scaleIn_11898_1";
+const scaleOut = "_scaleOut_11898_1";
+const enterFromRight = "_enterFromRight_11898_1";
+const enterFromLeft = "_enterFromLeft_11898_1";
+const exitToRight = "_exitToRight_11898_1";
+const exitToLeft = "_exitToLeft_11898_1";
+const styles$1 = {
+  "teddy-navigation-menu": "_teddy-navigation-menu_11898_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_11898_34",
+  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_11898_37",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_11898_40",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_11898_66",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_11898_87",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_11898_106",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_11898_112",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_11898_187",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_11898_227",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_11898_247",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_11898_253",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_11898_321",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_11898_341",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_11898_347",
+  scaleIn,
+  scaleOut,
+  enterFromRight,
+  enterFromLeft,
+  exitToRight,
+  exitToLeft
+};
+const rootClassName$1 = "teddy-navigation-menu";
+const NavigationMenuContext = React.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.forwardRef(
+  ({ className, defaultTopMenuValue, topMenuValue, onTopMenuValueChange, ...props }, forwardRef) => {
+    const [selectedTopMenu, setSelectedTopMenu] = reactUseControllableState.useControllableState({
+      defaultProp: defaultTopMenuValue,
+      prop: topMenuValue,
+      onChange: onTopMenuValueChange
+    });
+    const contentRef = React.useRef(null);
+    const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React.useState(false);
+    const timerRef = React.useRef(void 0);
+    const restoreContentTabOrderRef = React.useRef(() => {
+    });
+    const focusProxyRef = React.useRef(null);
+    const topMenuRef = React.useRef(null);
+    const id = React.useId();
+    const handleContentEntry = React.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.useCallback(() => {
+      if (contentRef.current) {
+        const candidates = getTabbableCandidates(contentRef.current);
+        if (candidates.length)
+          restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
+      }
+    }, []);
+    React.useEffect(() => {
+      timerRef.current = setTimeout(() => {
+        setAllowAnimationOfHeight(true);
+      }, 500);
+      return () => {
+        timerRef.current && clearTimeout(timerRef.current);
+      };
+    }, []);
+    const classes = clsx([styles$1[`${rootClassName$1}`]], className);
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          NavigationMenuPrimitive__namespace.Root,
+          {
+            ...props,
+            style: allowAnimationOfHeight ? utils_generateStyling_index.mergeStyles(props.style, { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 }) : props.style,
+            ref: forwardRef,
+            className: classes
+          }
+        )
+      }
+    );
+  }
+);
+Root$1.displayName = "NavigationMenu";
+const TopMenuList = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__top-menu-list`]], className);
+    const context = React.useContext(NavigationMenuContext);
+    const ref = utils_composeRefs.useComposedRefs(context.topMenuRef, forwardRef);
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { ...props, ref, className: classes });
+  }
+);
+TopMenuList.displayName = "NavigationMenu.TopMenuList";
+const TopMenuItem = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__top-menu-item`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { ...props, ref: forwardRef, className: classes });
+  }
+);
+const TopMenuTrigger = React.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 ? reactSlot.Slot : "button";
+    const context = React.useContext(NavigationMenuContext);
+    const innerRef = React.useRef(null);
+    const ref = utils_composeRefs.useComposedRefs(innerRef, forwardRef);
+    const isOpen = context.selectedTopMenu === props.value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.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: utils_composeEventHandlers.composeEventHandlers(props.onClick, () => {
+            context.setSelectedTopMenu(props.value);
+          }),
+          onKeyDown: utils_composeEventHandlers.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__ */ jsxRuntime.jsx(
+        components_visuallyHidden_visuallyHidden.VisuallyHidden,
+        {
+          "aria-hidden": true,
+          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.forwardRef(
+  ({ className, variant, value, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__list`]], [styles$1[`${rootClassName$1}__list--${variant}`]], className);
+    const context = React.useContext(NavigationMenuContext);
+    const refOnOpen = utils_composeRefs.useComposedRefs(context.contentRef, forwardRef);
+    const hasTopMenu = context.selectedTopMenu !== void 0;
+    const isOpen = context.selectedTopMenu === value;
+    if (!isOpen)
+      return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.List,
+      {
+        ref: hasTopMenu ? refOnOpen : forwardRef,
+        id: value && makeContentId({ value, baseId: context.id }),
+        ...props,
+        onKeyDown: utils_composeEventHandlers.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.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx(
+    [styles$1[`${rootClassName$1}__separator`]],
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", p: "0", m: "0", ...props, ref: forwardRef, className: classes, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("hr", {}) });
+});
+Separator.displayName = "NavigationMenu.Separator";
+const Item = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__item`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Item, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Item.displayName = "NavigationMenu.Item";
+const Trigger = React.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.useRef(null);
+    const ref = utils_composeRefs.useComposedRefs(forwardRef, innerRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.Trigger,
+      {
+        onPointerEnter: (e) => e.preventDefault(),
+        onPointerMove: (e) => e.preventDefault(),
+        onPointerLeave: (e) => e.preventDefault(),
+        ...props,
+        ref,
+        "data-active": active ? "true" : void 0,
+        className: classes,
+        "data-text": getLabelFromChildren(props.children)
+      }
+    );
+  }
+);
+Trigger.displayName = "NavigationMenu.Trigger";
+const Content = React.forwardRef(
+  ({ className, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles$1[`${rootClassName$1}__content`]],
+      [styles$1[`${rootClassName$1}__content--${variant}`]],
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.Content,
+      {
+        onPointerEnter: (e) => e.preventDefault(),
+        onPointerLeave: (e) => e.preventDefault(),
+        ...props,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+const Link = React.forwardRef(
+  ({ className, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__link`]], [styles$1[`${rootClassName$1}__link--${variant}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.Link,
+      {
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        "data-text": getLabelFromChildren(props.children)
+      }
+    );
+  }
+);
+Link.displayName = "NavigationMenu.Link";
+const Indicator = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Indicator, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Indicator.displayName = "NavigationMenu.Indicator";
+const Viewport = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__viewport`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Viewport, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Viewport.displayName = "NavigationMenu.Viewport";
+const Sub = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__sub`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Sub, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Sub.displayName = "NavigationMenu.Sub";
+function getLabelFromChildren(children) {
+  function findLabel(node) {
+    if (typeof node === "string") {
+      return node;
+    }
+    if (React.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_2fdb8_1",
+  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_2fdb8_6",
+  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_2fdb8_9",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_2fdb8_6",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_2fdb8_26",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_2fdb8_29",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_2fdb8_32",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_2fdb8_36",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_2fdb8_43",
+  "close-viewport": "_close-viewport_2fdb8_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_2fdb8_54",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_2fdb8_57",
+  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_2fdb8_74",
+  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_2fdb8_90"
+};
+function MyPages(props) {
+  var _a, _b;
+  const rootContext = React.useContext(RootContext);
+  const isLoggedIn = (((_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.name.length) || 0) > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: ((_b = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _b.name.length) ? /* @__PURE__ */ jsxRuntime.jsxs("button", { "data-di-mask": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "end-user", size: "sm" }),
+      rootContext.loggedInUser.name
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "login", size: "sm" }),
+      "Logg inn"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { asChild: true, size: rootContext == null ? void 0 : rootContext.drawerSize, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+      isLoggedIn ? /* @__PURE__ */ jsxRuntime.jsx(LoggedInContent, {}) : /* @__PURE__ */ jsxRuntime.jsx(LoggedOutContent, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", children: "Lukk" }) }) })
+    ] })
+  ] });
+}
+function LoggedOutContent() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_grid_grid.Grid, { gap: "400", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Logg inn" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", children: "Privat" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.link, children: [
+        components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.name,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", children: "Bedrift" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_grid_grid.Grid, { gap: "150", children: components_navigationMenu_globalNavigation_utils.LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: link.link, children: [
+        link.name,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+      ] }) })) })
+    ] })
+  ] });
+}
+function LoggedInContent() {
+  var _a;
+  const rootContext = React.useContext(RootContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Dine sider" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { defaultValue: "private", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.List, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: "private", children: "Privat" }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: "business", children: "Bedrift" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "private", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+          (_a = components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links) == null ? void 0 : _a.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "business", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),
+          components_navigationMenu_globalNavigation_utils.LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "logout", children: "Logg ut" }) })
+      ] })
+    ] })
+  ] });
+}
+MyPages.displayName = "MyPages";
+const SearchField = React.forwardRef(
+  (props, forwardRef) => {
+    const ref = React.useRef(null);
+    const context = React.useContext(RootContext);
+    const composedRef = utils_composeRefs.useComposedRefs(forwardRef, ref);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "form",
+      {
+        onSubmit: (e) => {
+          var _a, _b;
+          console.log("Search submitted,111");
+          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__ */ jsxRuntime.jsxs(components_textField_index.TextField, { ...props, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Label, { children: "Søk i innhold" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(components_textField_index.TextField.InputGroup, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "search" }),
+            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
+            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, {})
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Button, { variant: "separated", children: "Søk" })
+        ] })
+      }
+    );
+  }
+);
+SearchField.displayName = "SearchField";
+function Search(props) {
+  const rootContext = React.useContext(RootContext);
+  const searchFieldRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "search", size: "sm" }),
+      " Søk"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      components_drawer_index.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__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Hva leter du etter?" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SearchField, { ref: searchFieldRef }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", children: "Lukk" }) }) })
+        ]
+      }
+    )
+  ] });
+}
+Search.displayName = "Search";
+const ShoppingCart = React.forwardRef(() => {
+  const rootContext = React.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__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { open: rootContext == null ? void 0 : rootContext.isCartOpen, onOpenChange: rootContext == null ? void 0 : rootContext.onCartOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx([styles[`${rootClassName}__item-wrapper`]]), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "cart", size: "sm" }),
+        numberOfItemsInCart > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx([styles[`${rootClassName}__item-count`]]), children: /* @__PURE__ */ jsxRuntime.jsx(components_badge_counterBadge.CounterBadge, { variant: "attention", children: numberOfItemsInCart }) })
+      ] }),
+      "Handlekurv"
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { size: rootContext == null ? void 0 : rootContext.drawerSize, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Title, { children: [
+        "Handlekurv ",
+        titleSuffix
+      ] }),
+      shoppingCartContent ? shoppingCartContent : null,
+      /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", children: "Lukk" }) }) })
+    ] })
+  ] });
+});
+ShoppingCart.displayName = "ShoppingCart";
+const scrollDistanceDownThreshold = 200;
+const scrollDistanceUpThreshold = 50;
+const ANIMATION_DURATION = 300;
+const Desktop = React.forwardRef(() => {
+  const rootContext = React.useContext(RootContext);
+  const [hideMenu, setHideMenu] = React.useState(null);
+  const lastScrollDirection = React.useRef();
+  const scrollStartPos = React.useRef(0);
+  const lastScrollPos = React.useRef(0);
+  const topMenuRef = React.useRef(null);
+  const viewPortRef = React.useRef(null);
+  const shouldShowViewport = [...components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links, ...components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.links, ...components_navigationMenu_globalNavigation_utils.MDU_LINKS.links].some(
+    (link) => !!components_navigationMenu_globalNavigation_utils.getActiveSubLink((rootContext == null ? void 0 : rootContext.pathname) || "", link.links) || link.links.length && link.link === (rootContext == null ? void 0 : rootContext.pathname)
+  );
+  const viewPortSize = utils_useSize.useSize(viewPortRef.current);
+  const topMenuSize = utils_useSize.useSize(topMenuRef.current);
+  const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
+  const viewPortHeight = shouldShowViewport ? "47px" : void 0;
+  const animationTimer = React.useRef(0);
+  const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React.useState(false);
+  const timerRef = React.useRef(void 0);
+  React.useEffect(() => {
+    timerRef.current = setTimeout(() => {
+      setAllowAnimationOfHeight(true);
+    }, 500);
+    return () => {
+      timerRef.current && clearTimeout(timerRef.current);
+    };
+  }, []);
+  const handleScroll = () => {
+    let compensateHight = 0;
+    if (animationTimer.current > 0) {
+      const currentTime = (/* @__PURE__ */ new Date()).getTime();
+      if (animationTimer.current + ANIMATION_DURATION > currentTime) {
+        compensateHight = ((topMenuSize == null ? void 0 : topMenuSize.height) || 0) + ((viewPortSize == null ? void 0 : viewPortSize.height) || 0);
+      } else {
+        animationTimer.current = 0;
+      }
+    }
+    const scrollY = window.scrollY;
+    const scrollDirection = scrollY > lastScrollPos.current ? "down" : "up";
+    const scrollDistance = Math.abs(scrollStartPos.current - scrollY);
+    if (scrollDirection !== lastScrollDirection.current) {
+      scrollStartPos.current = scrollY;
+    }
+    if (!hideMenu && scrollDirection === lastScrollDirection.current && scrollDirection === "down" && scrollDistance > scrollDistanceDownThreshold + compensateHight) {
+      setHideMenu(true);
+      const currentTime = (/* @__PURE__ */ new Date()).getTime();
+      animationTimer.current = currentTime;
+    }
+    if (hideMenu && scrollDirection === lastScrollDirection.current && scrollDirection === "up" && scrollDistance > scrollDistanceUpThreshold + compensateHight || scrollY === 0) {
+      setHideMenu(false);
+      const currentTime = (/* @__PURE__ */ new Date()).getTime();
+      animationTimer.current = currentTime;
+    }
+    lastScrollDirection.current = scrollDirection;
+    lastScrollPos.current = scrollY;
+  };
+  const throttledScrollHandler = useDebounceCallback(handleScroll, 5);
+  React.useEffect(() => {
+    window.addEventListener("scroll", throttledScrollHandler);
+    return () => {
+      window.removeEventListener("scroll", throttledScrollHandler);
+    };
+  }, [throttledScrollHandler]);
+  if (!rootContext)
+    return null;
+  function resetAndShowMenu() {
+    lastScrollDirection.current = null;
+    scrollStartPos.current = window.scrollY;
+    lastScrollPos.current = window.scrollY;
+    setHideMenu(false);
+  }
+  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
+  const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: utils_generateStyling_index.mergeStyles(
+          { ["--teddy-top-menu-height"]: topMenuHeight },
+          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 } : {}
+        ),
+        className: styles[`${rootClassName}__top-menu-wrapper`],
+        "data-state": hideMenu ? "closed" : "open",
+        children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuList, { onFocus: resetAndShowMenu, ref: topMenuRef, children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenu.TopMenuTrigger,
+          {
+            value: link.name,
+            asChild: true,
+            onClick: () => rootContext.setPathname(link.link),
+            children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name })
+          }
+        ) }, link.name)) })
+      }
+    ) }),
+    components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.List, { onFocus: resetAndShowMenu, value: link.name, children: [
+        (_a = link.links) == null ? void 0 : _a.map((subLink) => {
+          var _a2, _b;
+          return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.Item, { value: subLink.name, children: [
+            subLink.name === "Logo" ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+                draggable: "false",
+                alt: "Telia logo"
+              }
+            ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+                draggable: "false",
+                alt: "Telia logo"
+              }
+            ) }) }) : ((_a2 = subLink.links) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationMenu.Trigger,
+              {
+                asChild: true,
+                active: currentLocation === subLink.link,
+                onClick: () => {
+                  rootContext.setPathname(subLink.link);
+                },
+                children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationMenu.Link,
+              {
+                asChild: true,
+                active: currentLocation === subLink.link,
+                onClick: () => {
+                  rootContext.setPathname(subLink.link);
+                },
+                children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: (_b = subLink.links) == null ? void 0 : _b.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationMenu.Link,
+              {
+                asChild: true,
+                active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
+                onClick: () => {
+                  rootContext.setPathname(subSubLink.link);
+                },
+                variant: "small",
+                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: subSubLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: subSubLink.name })
+              }
+            ) }, subSubLink.name)) }) })
+          ] }, subLink.name);
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Search, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
+      ] }, link.name);
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Separator, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: utils_generateStyling_index.mergeStyles(
+          { ["--teddy-viewport-wrapper-height"]: viewPortHeight },
+          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 } : {}
+        ),
+        className: styles[`${rootClassName}__viewport-wrapper`],
+        "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenu.Viewport,
+          {
+            onFocus: resetAndShowMenu,
+            ref: viewPortRef,
+            className: styles[`${rootClassName}__viewport`]
+          }
+        )
+      }
+    )
+  ] });
+});
+Desktop.displayName = "Desktop";
+function useDebounceCallback(callback, delay) {
+  const handleCallback = utils_useCallbackRef.useCallbackRef(callback);
+  const debounceTimerRef = React.useRef(0);
+  React.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
+  return React.useCallback(() => {
+    window.clearTimeout(debounceTimerRef.current);
+    debounceTimerRef.current = window.setTimeout(handleCallback, delay);
+  }, [handleCallback, delay]);
+}
+function Mobile(props) {
+  const rootContext = React.useContext(RootContext);
+  const drawerRef = React.useRef(null);
+  if (!rootContext)
+    return null;
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  const linkClasses = clsx([styles[`${rootClassName}__link`]]);
+  const currentLocation = rootContext.pathname;
+  return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs("button", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "menu", size: "sm" }),
+          " Meny"
+        ] }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { gap: "400", size: rootContext.drawerSize, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            components_tabs_index.Tabs,
+            {
+              value: rootContext.selectedDomainItem,
+              onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
+                /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
+                  var _a;
+                  return /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    components_accordion_index.Accordion,
+                    {
+                      type: "single",
+                      collapsible: true,
+                      value: rootContext.selectedMenuItem,
+                      onValueChange: (v) => rootContext.setSelectedMenuItem(v, true),
+                      children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
+                        (subLink) => {
+                          var _a2;
+                          return subLink.links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Item, { value: subLink.name, children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(components_accordion_index.Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                components_link_link.Link,
+                                {
+                                  className: linkClasses,
+                                  variant: "standalone",
+                                  asChild: true,
+                                  onClick: () => {
+                                    var _a3;
+                                    (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
+                                    rootContext.setSelectedMenuItem(subLink.name);
+                                    rootContext.setPathname(subLink.link);
+                                  },
+                                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name })
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxRuntime.jsxs(components_visuallyHidden_visuallyHidden.VisuallyHidden, { children: [
+                                subLink.name,
+                                " linker"
+                              ] }) })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx(components_accordion_index.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                              NavigationMenu.Link,
+                              {
+                                asChild: true,
+                                variant: "small",
+                                active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
+                                onClick: () => {
+                                  var _a3;
+                                  (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
+                                  rootContext.setPathname(subSubLink.link);
+                                },
+                                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
+                                  subSubLink.name,
+                                  " ",
+                                  /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                                ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
+                                  subSubLink.name,
+                                  " ",
+                                  /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                                ] }) })
+                              }
+                            ) }, subSubLink.name)) }) })
+                          ] }, subLink.name) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsxRuntime.jsx(
+                            components_link_link.Link,
+                            {
+                              className: clsx([
+                                linkClasses,
+                                styles[`${rootClassName}__mobile-link--accordion-look`]
+                              ]),
+                              variant: "standalone",
+                              asChild: true,
+                              onClick: () => {
+                                var _a3;
+                                (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
+                                rootContext.setSelectedMenuItem(subLink.name);
+                                rootContext.setPathname(subLink.link);
+                              },
+                              children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: subLink.link, children: [
+                                subLink.name,
+                                /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: subLink.link, children: [
+                                subLink.name,
+                                " ",
+                                /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                              ] })
+                            }
+                          ) }, subLink.name);
+                        }
+                      )
+                    }
+                  ) }, link.name);
+                }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "secondary", children: "Lukk" }) }) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+Mobile.displayName = "Mobile";
+const DesktopSimplified = React.forwardRef(() => {
+  const rootContext = React.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.List, { value: link.name, children: [
+        (_a = link.links) == null ? void 0 : _a.map((subLink) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { value: subLink.name, children: subLink.name === "Logo" && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+            draggable: "false",
+            alt: "Telia logo"
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
+            draggable: "false",
+            alt: "Telia logo"
+          }
+        ) }) }) }, subLink.name)),
+        /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
+      ] }, link.name);
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Viewport, { className: styles[`${rootClassName}__viewport`] })
+  ] });
+});
+DesktopSimplified.displayName = "DesktopSimplified";
+function MobileSimplified(props) {
+  const rootContext = React.useContext(RootContext);
+  if (!rootContext)
+    return null;
+  const { linkComponent: NavLink } = rootContext;
+  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
+  return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) })
+  ] }) });
+}
+MobileSimplified.displayName = "MobileSimplified";
+const rootClassName = "teddy-global-navigation";
+const RootContext = React.createContext(null);
+function Root({
+  className,
+  appKey,
+  loggedInUser,
+  linkComponent,
+  onLogoutClick,
+  shoppingCart,
+  shoppingCartNumberOfItems,
+  onSearchSubmit,
+  isCartOpen,
+  onCartOpenChange,
+  drawerSize = "md",
+  isSimplified,
+  currentPath,
+  ...props
+}) {
+  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
+  const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
+  const [pathname, setPathname] = React.useState(currentPath || "");
+  const classes = clsx([styles[`${rootClassName}`]], className);
+  return /* @__PURE__ */ jsxRuntime.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,
+        isCartOpen,
+        onCartOpenChange,
+        drawerSize
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        NavigationMenu,
+        {
+          topMenuValue: selectedDomainItem,
+          onTopMenuValueChange: setSelectedDomainItem,
+          value: selectedMenuItem,
+          onValueChange: (v) => {
+            if (v === "" || appKey === "open-pages")
+              return;
+            setSelectedMenuItem(v);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { display: { sm: "none", lg: "block" }, children: [
+              isSimplified && /* @__PURE__ */ jsxRuntime.jsx(DesktopSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsxRuntime.jsx(Desktop, {})
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { display: { lg: "none" }, children: [
+              isSimplified && /* @__PURE__ */ jsxRuntime.jsx(MobileSimplified, {}),
+              !isSimplified && /* @__PURE__ */ jsxRuntime.jsx(Mobile, {})
+            ] })
+          ]
+        }
+      ) })
+    }
+  );
+}
+Root.displayName = "Root";
+function getInitialDomain(currentPath) {
+  if (!currentPath)
+    return components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
+  const locationArray = currentPath ? currentPath.split("/") : [];
+  const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
+  const initDomain = domainPartOfLocation === components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.link ? components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.name : domainPartOfLocation === components_navigationMenu_globalNavigation_utils.MDU_LINKS.link ? components_navigationMenu_globalNavigation_utils.MDU_LINKS.name : components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.name;
+  return initDomain;
+}
+function getInitialMenuItem(currentPath) {
+  var _a, _b, _c, _d, _e, _f;
+  if (!currentPath)
+    return;
+  const locationArray = currentPath ? currentPath.split("/") : [];
+  const initialDomain = getInitialDomain(currentPath);
+  if (initialDomain === "Bedrift") {
+    const mainMenuPartOfLocation2 = locationArray[2];
+    return (_b = (_a = components_navigationMenu_globalNavigation_utils.BUSINESS_LINKS.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 === "Borettslag") {
+    const mainMenuPartOfLocation2 = locationArray[2];
+    return (_d = (_c = components_navigationMenu_globalNavigation_utils.MDU_LINKS.links) == null ? void 0 : _c.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _d.name;
+  }
+  const mainMenuPartOfLocation = locationArray[1];
+  return (_f = (_e = components_navigationMenu_globalNavigation_utils.PRIVATE_LINKS.links) == null ? void 0 : _e.find((link) => {
+    var _a2;
+    return link.link === `/${mainMenuPartOfLocation}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${mainMenuPartOfLocation}/`));
+  })) == null ? void 0 : _f.name;
+}
+Root.displayName = "GlobalNavigation";
+const GlobalNavigation = Root;
 exports.Body = Body;
-exports.Content = Content$1;
-exports.Item = Item;
+exports.Content = Content$2;
+exports.Desktop = Desktop;
+exports.DesktopSimplified = DesktopSimplified;
+exports.GlobalNavigation = GlobalNavigation;
+exports.Item = Item$1;
 exports.ItemContext = ItemContext;
+exports.Mobile = Mobile;
+exports.MobileSimplified = MobileSimplified;
 exports.Modal = Modal;
+exports.MyPages = MyPages;
+exports.NavigationMenu = NavigationMenu;
 exports.RadioCardGroup = RadioCardGroup;
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.Search = Search;
+exports.SearchField = SearchField;
+exports.Separator = Separator;
+exports.ShoppingCart = ShoppingCart;
 exports.Title = Title$1;
+exports.rootClassName = rootClassName$1;
+exports.rootClassName$1 = rootClassName;