@telia/teddy 0.7.17 → 0.7.27

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

@@ -0,0 +1,1466 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+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("../step-indicator/index.cjs");
+require("../metric-meter/metric-meter.cjs");
+require("../footer/index.cjs");
+require("../pagination/index.cjs");
+require("../select/index.cjs");
+require("../avatar/index.cjs");
+require("../dashboard-card/index.cjs");
+require("../table/index.cjs");
+require("../flip-card/index.cjs");
+require("../channel-button/index.cjs");
+require("../collapsible/index.cjs");
+require("../meter-bar/index.cjs");
+require("../skeleton/index.cjs");
+const components_checkbox_index = require("../checkbox/index.cjs");
+const components_checkboxCardGroup_checkboxCardGroupRoot = require("./checkbox-card-group-root.cjs");
+const components_checkboxCardGroup_checkboxCardGroupLabel = require("./checkbox-card-group-label.cjs");
+require("../toast/toast-root.cjs");
+require("sonner");
+require("../toggletip/index.cjs");
+require("../breadcrumbs/index.cjs");
+const components_radioCardGroup_radioCardGroupRoot = require("../radio-card-group/radio-card-group-root.cjs");
+const components_radioCardGroup_radioCardGroupLabel = require("../radio-card-group/radio-card-group-label.cjs");
+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");
+const components_list_index = require("../list/index.cjs");
+require("../scroll-area/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.6511e521-teddy.svg");
+const components_modal_modalRoot = require("../modal/modal-root.cjs");
+const components_modal_modalTrigger = require("../modal/modal-trigger.cjs");
+const components_modal_modalContent = require("../modal/modal-content.cjs");
+const components_modal_modalTitle = require("../modal/modal-title.cjs");
+const components_modal_modalDescription = require("../modal/modal-description.cjs");
+const components_modal_modalOverlay = require("../modal/modal-overlay.cjs");
+const components_modal_modalGroup = require("../modal/modal-group.cjs");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+const components_icon_icon = require("../icon/icon.cjs");
+require("../notification/index.cjs");
+require("../radio-group/index.cjs");
+const components_box_box = require("../box/box.cjs");
+const components_flex_flex = require("../flex/flex.cjs");
+require("../card/index.cjs");
+const components_grid_grid = require("../grid/grid.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
+require("../badge/badge.cjs");
+require("../badge/alert-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");
+require("../input/index.cjs");
+require("../label/label.cjs");
+require("../spinner/spinner.cjs");
+const components_text_text = require("../text/text.cjs");
+const components_textField_index = require("../text-field/index.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_textSpacing_textSpacing = require("../text-spacing/text-spacing.cjs");
+require("../container/container.cjs");
+require("../carousel/carousel-root.cjs");
+require("../slider/slider.cjs");
+const modal_module = require("../../modal.module-BfeNqXoN.cjs");
+const components_modal_modalImage = require("../modal/modal-image.cjs");
+const components_radioCardGroup_radioCardGroupIndicator = require("../radio-card-group/radio-card-group-indicator.cjs");
+const components_radioCardGroup_radioCardGroupItemBody = require("../radio-card-group/radio-card-group-item-body.cjs");
+const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
+const components_checkboxCardGroup_checkboxCardGroupItemBody = require("./checkbox-card-group-item-body.cjs");
+const utils_useSize = require("../../utils/useSize.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  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 Indicator$1 = React.forwardRef(
+  ({ className, checked, onCheckedChange, disabled, ...props }, forwardRef) => {
+    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__checkbox-wrapper`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: forwardRef, className: classes, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(components_checkbox_index.Checkbox, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      components_checkbox_index.Checkbox.Trigger,
+      {
+        className: components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__trigger`],
+        checked,
+        onCheckedChange,
+        disabled
+      }
+    ) }) });
+  }
+);
+Indicator$1.displayName = "Indicator";
+const Title$1 = React.forwardRef(
+  ({ className, children, asChild, checked, onCheckedChange, disabled, ...props }, forwardRef) => {
+    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__title`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { width: "100%", gap: "150", className: components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__title-wrapper`], children: [
+      asChild ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...props, ref: forwardRef, className: classes, children }) : /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100-bold", ref: forwardRef, className: classes, children }),
+      /* @__PURE__ */ jsxRuntime.jsx(Indicator$1, { checked, onCheckedChange, disabled })
+    ] });
+  }
+);
+Title$1.displayName = "Title";
+const Content$2 = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.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$2.displayName = "Content";
+const ItemContext$1 = React.createContext(void 0);
+const Item$2 = React.forwardRef(
+  ({ className, children, value, imageUrl, checked, onCheckedChange, disabled, ...props }, forwardedRef) => {
+    const classes = clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__card-item`]], className);
+    const context = React.useContext(ItemContext$1);
+    const ref = utils_composeRefs.useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id,
+        ...props,
+        ref,
+        className: classes,
+        "data-state": checked ? "checked" : "unchecked",
+        "data-disabled": disabled ? "" : void 0,
+        "aria-checked": checked,
+        children: [
+          imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: value }) }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(Content$2, { children: React.Children.map(children, (child) => {
+            if (React.isValidElement(child) && child.type === Title$1) {
+              return React.cloneElement(child, {
+                ...child.props,
+                checked,
+                onCheckedChange,
+                disabled
+              });
+            }
+            return child;
+          }) })
+        ]
+      }
+    );
+  }
+);
+Item$2.displayName = "Item";
+components_checkboxCardGroup_checkboxCardGroupRoot.Root.displayName = "CheckboxCardGroup";
+components_checkboxCardGroup_checkboxCardGroupLabel.GroupLabel.displayName = "CheckboxCardGroup.GroupLabel";
+Item$2.displayName = "CheckboxCardGroup.Item";
+Title$1.displayName = "CheckboxCardGroup.Title";
+components_checkboxCardGroup_checkboxCardGroupItemBody.Body.displayName = "CheckboxCardGroup.Body";
+Indicator$1.displayName = "CheckboxCardGroup.Indicator";
+const CheckboxCardGroup = Object.assign(components_checkboxCardGroup_checkboxCardGroupRoot.Root, {
+  GroupLabel: components_checkboxCardGroup_checkboxCardGroupLabel.GroupLabel,
+  Item: Item$2,
+  Title: Title$1,
+  Body: components_checkboxCardGroup_checkboxCardGroupItemBody.Body,
+  Indicator: Indicator$1
+});
+const Title = React.forwardRef(
+  ({ className, children, asChild, ...props }, forwardRef) => {
+    const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__title`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { width: "100%", gap: "150", className: components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__title-wrapper`], children: [
+      asChild ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...props, ref: forwardRef, className: classes, children }) : /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100-bold", ref: forwardRef, className: classes, children }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_radioCardGroup_radioCardGroupIndicator.Indicator, {})
+    ] });
+  }
+);
+Title.displayName = "Title";
+const Content$1 = 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";
+const ItemContext = React.createContext(void 0);
+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);
+    const ref = utils_composeRefs.useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
+    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 })
+    ] });
+  }
+);
+Item$1.displayName = "Item";
+components_radioCardGroup_radioCardGroupRoot.Root.displayName = "RadioCardGroup";
+components_radioCardGroup_radioCardGroupLabel.GroupLabel.displayName = "RadioCardGroup.GroupLabel";
+Item$1.displayName = "RadioCardGroup.Item";
+Title.displayName = "RadioCardGroup.Title";
+components_radioCardGroup_radioCardGroupItemBody.Body.displayName = "RadioCardGroup.Body";
+const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoot.Root, {
+  GroupLabel: components_radioCardGroup_radioCardGroupLabel.GroupLabel,
+  Item: Item$1,
+  Title,
+  Body: components_radioCardGroup_radioCardGroupItemBody.Body
+});
+const Close = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const classes = clsx([modal_module.styles[`${components_modal_modalRoot.rootClassName}__close`]], {
+      [modal_module.styles[`${components_modal_modalRoot.rootClassName}__close--floating`]]: props.slot === "floating",
+      className
+    });
+    const imageRef = React.useContext(components_modal_modalRoot.RootContext).imageRef;
+    const [hasImage, setHasImage] = React.useState(false);
+    React.useEffect(() => {
+      if (imageRef == null ? void 0 : imageRef.current) {
+        setHasImage(true);
+      }
+    }, [imageRef]);
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Close, { ...props, className: classes, ref: forwardedRef, asChild: true, children: props.children || /* @__PURE__ */ jsxRuntime.jsx(
+      components_button_button.Button,
+      {
+        variant: hasImage ? "primary-negative" : "tertiary-purple",
+        iconOnly: true,
+        "aria-label": props["aria-label"] ?? "Lukk",
+        children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "close" })
+      }
+    ) });
+  }
+);
+Close.displayName = "Close";
+const Modal = components_modal_modalRoot.Root;
+Modal.displayName = "Modal";
+Modal.Trigger = components_modal_modalTrigger.Trigger;
+Modal.Trigger.displayName = "Modal.Trigger";
+Modal.Content = components_modal_modalContent.Content;
+Modal.Content.displayName = "Modal.Content";
+Modal.Title = components_modal_modalTitle.Title;
+Modal.Title.displayName = "Modal.Title";
+Modal.Description = components_modal_modalDescription.Description;
+Modal.Description.displayName = "Modal.Description";
+Modal.Overlay = components_modal_modalOverlay.Overlay;
+Modal.Overlay.displayName = "Modal.Overlay";
+Modal.Group = components_modal_modalGroup.Group;
+Modal.Group.displayName = "Modal.Group";
+Modal.Close = Close;
+Modal.Close.displayName = "Modal.Close";
+Modal.Image = components_modal_modalImage.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.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,
+        {
+          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,
+      {
+        ...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,
+      {
+        ...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_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.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, _b, _c;
+  const rootContext = React.useContext(RootContext);
+  const isRetailerLoggedIn = (_a = rootContext == null ? void 0 : rootContext.loggedInUser) == null ? void 0 : _a.isRetailer;
+  if (isRetailerLoggedIn) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
+      (_b = components_navigationMenu_globalNavigation_utils.MY_PAGE_RETAILER_LINKS.links) == null ? void 0 : _b.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" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Mine 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" }),
+          (_c = components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links) == null ? void 0 : _c.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;
+          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,
+                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__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, { onClick: () => {
+              if (context == null ? void 0 : context.onClear) {
+                context.onClear();
+              }
+            } })
+          ] }),
+          /* @__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 additionalSearchContent = rootContext == null ? void 0 : rootContext.additionalSearchContent;
+  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 }),
+          additionalSearchContent ? additionalSearchContent : 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" }) }) })
+        ]
+      }
+    )
+  ] });
+}
+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 Desktop = React.forwardRef(() => {
+  const rootContext = React.useContext(RootContext);
+  const [showMenu, setShowMenu] = React.useState(false);
+  const [isClientSide, setIsClientSide] = React.useState(false);
+  const topMenuRef = React.useRef(null);
+  const topMenuSize = utils_useSize.useSize(topMenuRef.current);
+  React.useEffect(() => {
+    setIsClientSide(true);
+  }, []);
+  if (!rootContext) return null;
+  const links = components_navigationMenu_globalNavigation_utils.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__ */ 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 }),
+        className: styles[`${rootClassName}__top-menu-wrapper`],
+        children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.TopMenuList, { ref: topMenuRef, children: [
+          links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationMenu.TopMenuTrigger,
+            {
+              value: link.name,
+              asChild: true,
+              onClick: () => {
+                rootContext.setPathname(link.link);
+                setSpecifiedLink("");
+              },
+              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)),
+          /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { style: { marginLeft: "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, {}) })
+        ] })
+      }
+    ) }),
+    links.map((link) => {
+      var _a;
+      return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.List, { value: link.name, children: (_a = link.links) == null ? void 0 : _a.map(
+        (subLink) => /* @__PURE__ */ jsxRuntime.jsxs(
+          NavigationMenu.Item,
+          {
+            value: subLink.name,
+            onMouseEnter: () => setShowMenu(true),
+            onMouseLeave: () => setShowMenu(false),
+            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,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: subLink.link,
+                  onMouseEnter: () => handleInteractions(),
+                  onClick: () => handleInteractions(),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: "https://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+                      draggable: "false",
+                      alt: "Telia logo"
+                    }
+                  )
+                }
+              ) }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                    Link2,
+                    {
+                      onMouseEnter: () => handleInteractions(subLink.name),
+                      onClick: () => {
+                        handleInteractions(subLink.name);
+                        setShowMenu(false);
+                      },
+                      href: subLink.link,
+                      children: subLink.name
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      onMouseEnter: () => handleInteractions(subLink.name),
+                      onClick: () => {
+                        handleInteractions(subLink.name);
+                        setShowMenu(false);
+                      },
+                      onFocus: () => {
+                        setShowMenu(true);
+                      },
+                      href: subLink.link,
+                      children: subLink.name
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: utils_generateStyling_index.mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
+                  className: styles[`${rootClassName}__viewport-wrapper`],
+                  "data-state": showMenu ? "open" : "closed",
+                  children: isClientSide && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Content, { children: !!specifiedLink && subLink.name === specifiedLink && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    subLink.links && subLink.links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      HightlightedLinksDesktop,
+                      {
+                        listName: subLink.name,
+                        setShowMenu,
+                        links: subLink.links
+                      }
+                    ),
+                    subLink.highlightedLinks && subLink.highlightedLinks.length > 0 && /* @__PURE__ */ jsxRuntime.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.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__ */ jsxRuntime.jsxs(components_box_box.Box, { pt: "40px", pb: "40px", className: colored ? styles[`${rootClassName}__colored-box`] : "", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { gap: "400", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { children: firstPart == null ? void 0 : firstPart.map((subSubLink) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenu.Link,
+          {
+            asChild: true,
+            variant: "small",
+            active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, links || []) === subSubLink.link,
+            onClick: () => {
+              rootContext.setPathname(subSubLink.link);
+              setSpecifiedLink("");
+              setSelectedMenuItem("", true);
+              setShowMenu(false);
+            },
+            children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", align: "center", 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", align: "center", children: [
+              subSubLink.name,
+              /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+            ] }) })
+          }
+        ) }, subSubLink.name);
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { children: secondPart.map((subSubLink) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenu.Link,
+          {
+            asChild: true,
+            variant: "small",
+            active: components_navigationMenu_globalNavigation_utils.getActiveSubLink(currentLocation, links || []) === subSubLink.link,
+            onClick: () => {
+              rootContext.setPathname(subSubLink.link);
+              setSpecifiedLink("");
+              setSelectedMenuItem("", true);
+              setShowMenu(false);
+            },
+            children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", align: "center", 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", align: "center", children: [
+              subSubLink.name,
+              /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+            ] }) })
+          }
+        ) }, subSubLink.name);
+      }) })
+    ] })
+  ] });
+};
+function Mobile(props) {
+  const [specifiedLink, setSpecifiedLink] = React.useState("");
+  const rootContext = React.useContext(RootContext);
+  const drawerRef = React.useRef(null);
+  if (!rootContext) return null;
+  const links = components_navigationMenu_globalNavigation_utils.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__ */ 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",
+      className: styles[`${rootClassName}__top-icon-wrapper`],
+      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" }, className: styles[`${rootClassName}__top-menu-icons`], children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Search, {}),
+          /* @__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" }),
+              !specifiedLink ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
+                /* @__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: 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(jsxRuntime.Fragment, { children: links.map((link) => {
+                        var _a, _b;
+                        return /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: link.name, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(components_box_box.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__ */ jsxRuntime.jsxs(components_box_box.Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { className: styles[`${rootClassName}__sublink-button--mobile`], children: subLink.name }) }),
+                              /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
+                            ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: subLink.link, className: linkClasses, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-300", as: "h2", className: headerClasses, children: subLink.name }),
+                              /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
+                            ] }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: subLink.link, className: linkClasses, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-300", as: "h2", children: subLink.name }),
+                              /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "chevron-right", size: "md" })
+                            ] }) })
+                          ) }),
+                          link.highlightedLinks && ((_b = link.highlightedLinks) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsxRuntime.jsx(
+                            HighlightedLinks,
+                            {
+                              item: link,
+                              links: link.highlightedLinks,
+                              drawerRef,
+                              listTitle: "Nyttige snarveier"
+                            }
+                          ) }) })
+                        ] }, link.name);
+                      }) })
+                    ]
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: /* @__PURE__ */ jsxRuntime.jsxs(components_button_button.Button, { size: "sm", variant: "secondary", onClick: () => setSpecifiedLink(""), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-left" }),
+                  "Tilbake"
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(components_box_box.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          HighlightedLinks,
+                          {
+                            item: subLink,
+                            listTitle: subLink.name,
+                            links: subLink.links,
+                            drawerRef
+                          }
+                        ),
+                        subLink.highlightedLinks && subLink.highlightedLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsxRuntime.jsx(
+                          HighlightedLinks,
+                          {
+                            item: subLink,
+                            listTitle: "Nyttige snarveier",
+                            links: subLink.highlightedLinks,
+                            drawerRef
+                          }
+                        ) }) })
+                      ] })
+                    );
+                  }
+                ) })
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+Mobile.displayName = "Mobile";
+const HighlightedLinks = ({
+  listTitle,
+  links,
+  item,
+  drawerRef
+}) => {
+  const rootContext = React.useContext(RootContext);
+  if (!rootContext) return null;
+  const { linkComponent: NavLink } = rootContext;
+  const currentLocation = rootContext.pathname;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_list_index.List, { gap: "10", pl: "25", children: links == null ? void 0 : links.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, 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__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
+          subSubLink.name,
+          subSubLink.icon ? /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: subSubLink.icon }) : /* @__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: "icon" in subSubLink ? "25" : "100", align: "center", children: [
+          subSubLink.name,
+          subSubLink.icon ? /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+        ] }) })
+      }
+    ) }, subSubLink.name)) })
+  ] });
+};
+const DesktopSimplified = React.forwardRef(() => {
+  var _a;
+  const rootContext = React.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 = components_navigationMenu_globalNavigation_utils.getLinks(isBusinessRental, rootContext.customLinks);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    links.map((link) => {
+      var _a2;
+      return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu.List, { value: link.name, children: [
+        (_a2 = link.links) == null ? void 0 : _a2.map((subLink) => /* @__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://www.telia.no/globalassets/static/svg/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://www.telia.no/globalassets/static/svg/telia-primary-default-v2.svg",
+              draggable: "false",
+              alt: "Telia logo"
+            }
+          ) }) }),
+          subLink.name === "Hjem" && isBusinessRental && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Link, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: subLink.link, children: subLink.name }) })
+        ] }, subLink.name)),
+        /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ml: "auto" }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}) }),
+        isRetailerLoggedIn && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MyPages, {}) })
+      ] }, 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,
+  additionalSearchContent,
+  isCartOpen,
+  onCartOpenChange,
+  drawerSize = "md",
+  isSimplified,
+  customLinks,
+  currentPath,
+  onSearchInputChange,
+  onSearchKeyDown,
+  searchValue,
+  onClear,
+  ...props
+}) {
+  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath, customLinks));
+  const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath, customLinks));
+  const [pathname, setPathname] = React.useState(currentPath || "");
+  const [specifiedLink, setSpecifiedLink] = React.useState(getInitialMenuItem(currentPath, customLinks));
+  const classes = clsx([styles[`${rootClassName}`]], className);
+  React.useEffect(() => {
+    setPathname(currentPath || "");
+  }, [currentPath]);
+  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,
+        additionalSearchContent,
+        isCartOpen,
+        onCartOpenChange,
+        drawerSize,
+        specifiedLink,
+        setSpecifiedLink,
+        onSearchInputChange,
+        onSearchKeyDown,
+        searchValue,
+        onClear,
+        customLinks
+      },
+      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, customLinks) {
+  const privateLinks = (customLinks == null ? void 0 : customLinks.privateLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_PRIVATE_LINKS;
+  const businessLinks = (customLinks == null ? void 0 : customLinks.businessLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || components_navigationMenu_globalNavigation_utils.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) || components_navigationMenu_globalNavigation_utils.DEFAULT_PRIVATE_LINKS;
+  const businessLinks = (customLinks == null ? void 0 : customLinks.businessLinks) || components_navigationMenu_globalNavigation_utils.DEFAULT_BUSINESS_LINKS;
+  const mduLinks = (customLinks == null ? void 0 : customLinks.mduLinks) || components_navigationMenu_globalNavigation_utils.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;
+exports.CheckboxCardGroup = CheckboxCardGroup;
+exports.CheckboxCardGroup$1 = CheckboxCardGroup;
+exports.Close = Close;
+exports.Close$1 = Close;
+exports.Content = Content$2;
+exports.Content$1 = Content$2;
+exports.Content$2 = Content$1;
+exports.Desktop = Desktop;
+exports.Desktop$1 = Desktop;
+exports.DesktopSimplified = DesktopSimplified;
+exports.DesktopSimplified$1 = DesktopSimplified;
+exports.GlobalNavigation = GlobalNavigation;
+exports.GlobalNavigation$1 = GlobalNavigation;
+exports.HighlightedLinks = HighlightedLinks;
+exports.HighlightedLinks$1 = HighlightedLinks;
+exports.Indicator = Indicator$1;
+exports.Item = Item$2;
+exports.Item$1 = Item$2;
+exports.Item$2 = Item$1;
+exports.ItemContext = ItemContext$1;
+exports.ItemContext$1 = ItemContext$1;
+exports.ItemContext$2 = ItemContext;
+exports.Mobile = Mobile;
+exports.Mobile$1 = Mobile;
+exports.MobileSimplified = MobileSimplified;
+exports.MobileSimplified$1 = MobileSimplified;
+exports.Modal = Modal;
+exports.Modal$1 = Modal;
+exports.MyPages = MyPages;
+exports.MyPages$1 = MyPages;
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenu$1 = NavigationMenu;
+exports.RadioCardGroup = RadioCardGroup;
+exports.RadioCardGroup$1 = RadioCardGroup;
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.Search = Search;
+exports.Search$1 = Search;
+exports.SearchField = SearchField;
+exports.SearchField$1 = SearchField;
+exports.Separator = Separator;
+exports.Separator$1 = Separator;
+exports.ShoppingCart = ShoppingCart;
+exports.ShoppingCart$1 = ShoppingCart;
+exports.Title = Title$1;
+exports.Title$1 = Title$1;
+exports.Title$2 = Title;
+exports.rootClassName = rootClassName$1;
+exports.rootClassName$1 = rootClassName$1;
+exports.rootClassName$2 = rootClassName;