@telia/teddy 0.7.16 → 0.7.26

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

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