@telia/teddy 0.7.16 → 0.7.26

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

@@ -1,17 +1,10 @@
 "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("react/jsx-runtime");
+require("clsx");
+require("react");
+require("./radio-card-group-root.cjs");
+require("@radix-ui/react-slot");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
@@ -25,1349 +18,49 @@ require("../collapsible/index.cjs");
 require("../meter-bar/index.cjs");
 require("../skeleton/index.cjs");
 require("../checkbox/index.cjs");
+const components_checkboxCardGroup_checkboxCardGroupIndicator = require("../checkbox-card-group/checkbox-card-group-indicator.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");
 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("../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("../tabs/index.cjs");
+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("../box/box.cjs");
+require("../flex/flex.cjs");
 require("../card/index.cjs");
-const components_grid_grid = require("../grid/grid.cjs");
+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("../badge/counter-badge.cjs");
+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("../text/text.cjs");
+require("../text-field/index.cjs");
+require("../heading/heading.cjs");
+require("../visually-hidden/visually-hidden.cjs");
+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-indicator.cjs");
-const components_radioCardGroup_radioCardGroupItemBody = require("./radio-card-group-item-body.cjs");
-const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
-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 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.Close = Close;
-exports.Close$1 = Close;
-exports.Content = Content$1;
-exports.Content$1 = 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.Item = Item$1;
-exports.Item$1 = Item$1;
-exports.ItemContext = ItemContext;
-exports.ItemContext$1 = 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;
-exports.rootClassName = rootClassName$1;
-exports.rootClassName$1 = rootClassName$1;
-exports.rootClassName$2 = rootClassName;
+require("./radio-card-group-indicator.cjs");
+exports.Title = components_checkboxCardGroup_checkboxCardGroupIndicator.Title$2;