@telia/teddy 0.0.60 → 0.0.62

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js

@@ -1,685 +1,15 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default from "react";
-import clsx from "clsx";
-import { MY_PAGE_LINKS, LOGGED_IN_LINKS_BUSINESS, PRIVATE_LINKS, BUSINESS_LINKS, MDU_LINKS, getActiveSubLink, LINKS } from "./utils.js";
-import { NavigationMenu } from "../navigation-menu.js";
-import { Box } from "../../box/box.js";
-import { Drawer } from "../../drawer/index.js";
+import "react/jsx-runtime";
+import "react";
+import "../../drawer/index.js";
+import { b } from "../../radio-card-group/radio-card-group-item-title.js";
 import "../../../assets/sprite.269ba410-teddy.svg";
-import { Icon } from "../../icon/icon.js";
-import { Button } from "../../button/button.js";
-import { Grid } from "../../grid/grid.js";
-import { Heading } from "../../heading/heading.js";
-import { TextSpacing } from "../../text-spacing/text-spacing.js";
-import { Tabs } from "../../tabs/index.js";
-import { TextField } from "../../text-field/index.js";
-import { useComposedRefs } from "../../../utils/composeRefs.js";
-import "../../badge/badge.js";
-import "../../badge/alert-badge.js";
-import { CounterBadge } from "../../badge/counter-badge.js";
-import { useSize } from "../../../utils/useSize.js";
-import { mergeStyles } from "../../../utils/generate-styling/index.js";
-import { useCallbackRef } from "../../../utils/useCallbackRef.js";
-import { teddyMotionDuration300 } from "../../../tokens/motion/variables.js";
-import { Flex } from "../../flex/flex.js";
-import { Accordion } from "../../accordion/index.js";
-import { VisuallyHidden } from "../../visually-hidden/visually-hidden.js";
-import { Link } from "../../link/link.js";
-import { List } from "../../list/index.js";
-const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_1m6ra_1",
-  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1m6ra_6",
-  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1m6ra_9",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1m6ra_6",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_1m6ra_26",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1m6ra_29",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1m6ra_32",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1m6ra_36",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1m6ra_43",
-  "close-viewport": "_close-viewport_1m6ra_1",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1m6ra_54",
-  "teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_1m6ra_64",
-  "teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_1m6ra_80"
-};
-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;
-  const rootContext = React__default.useContext(RootContext);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Drawer.Title, { children: "Dine 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" }),
-          (_a = MY_PAGE_LINKS.links) == null ? void 0 : _a.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;
-          console.log("Search submitted,111");
-          if (context == null ? void 0 : context.onSearchSubmit) {
-            context.onSearchSubmit(e, (_a = ref.current) == null ? void 0 : _a.value);
-          }
-          if (!window || e.isDefaultPrevented())
-            return;
-          e.preventDefault();
-          window.location.href = `/sok?q=${encodeURIComponent(((_b = ref.current) == null ? void 0 : _b.value) || "")}`;
-        },
-        children: /* @__PURE__ */ 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, placeholder: "Søk her" }),
-            /* @__PURE__ */ jsx(TextField.ClearButton, {})
-          ] }),
-          /* @__PURE__ */ jsx(TextField.Button, { variant: "separated", children: "Søk" })
-        ] })
-      }
-    );
-  }
-);
-SearchField.displayName = "SearchField";
-function Search(props) {
-  const rootContext = React__default.useContext(RootContext);
-  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 }),
-          /* @__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 scrollDistanceDownThreshold = 200;
-const scrollDistanceUpThreshold = 50;
-const ANIMATION_DURATION = 300;
-const Desktop = React__default.forwardRef(() => {
-  const rootContext = React__default.useContext(RootContext);
-  const [hideMenu, setHideMenu] = React__default.useState(null);
-  const lastScrollDirection = React__default.useRef();
-  const scrollStartPos = React__default.useRef(0);
-  const lastScrollPos = React__default.useRef(0);
-  const topMenuRef = React__default.useRef(null);
-  const viewPortRef = React__default.useRef(null);
-  const shouldShowViewport = [...PRIVATE_LINKS.links, ...BUSINESS_LINKS.links, ...MDU_LINKS.links].some(
-    (link) => !!getActiveSubLink((rootContext == null ? void 0 : rootContext.pathname) || "", link.links) || link.links.length && link.link === (rootContext == null ? void 0 : rootContext.pathname)
-  );
-  const viewPortSize = useSize(viewPortRef.current);
-  const topMenuSize = useSize(topMenuRef.current);
-  const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
-  const viewPortHeight = shouldShowViewport ? "47px" : void 0;
-  const animationTimer = React__default.useRef(0);
-  const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React__default.useState(false);
-  const timerRef = React__default.useRef(void 0);
-  React__default.useEffect(() => {
-    timerRef.current = setTimeout(() => {
-      setAllowAnimationOfHeight(true);
-    }, 500);
-    return () => {
-      timerRef.current && clearTimeout(timerRef.current);
-    };
-  }, []);
-  const handleScroll = () => {
-    let compensateHight = 0;
-    if (animationTimer.current > 0) {
-      const currentTime = (/* @__PURE__ */ new Date()).getTime();
-      if (animationTimer.current + ANIMATION_DURATION > currentTime) {
-        compensateHight = ((topMenuSize == null ? void 0 : topMenuSize.height) || 0) + ((viewPortSize == null ? void 0 : viewPortSize.height) || 0);
-      } else {
-        animationTimer.current = 0;
-      }
-    }
-    const scrollY = window.scrollY;
-    const scrollDirection = scrollY > lastScrollPos.current ? "down" : "up";
-    const scrollDistance = Math.abs(scrollStartPos.current - scrollY);
-    if (scrollDirection !== lastScrollDirection.current) {
-      scrollStartPos.current = scrollY;
-    }
-    if (!hideMenu && scrollDirection === lastScrollDirection.current && scrollDirection === "down" && scrollDistance > scrollDistanceDownThreshold + compensateHight) {
-      setHideMenu(true);
-      const currentTime = (/* @__PURE__ */ new Date()).getTime();
-      animationTimer.current = currentTime;
-    }
-    if (hideMenu && scrollDirection === lastScrollDirection.current && scrollDirection === "up" && scrollDistance > scrollDistanceUpThreshold + compensateHight || scrollY === 0) {
-      setHideMenu(false);
-      const currentTime = (/* @__PURE__ */ new Date()).getTime();
-      animationTimer.current = currentTime;
-    }
-    lastScrollDirection.current = scrollDirection;
-    lastScrollPos.current = scrollY;
-  };
-  const throttledScrollHandler = useDebounceCallback(handleScroll, 5);
-  React__default.useEffect(() => {
-    window.addEventListener("scroll", throttledScrollHandler);
-    return () => {
-      window.removeEventListener("scroll", throttledScrollHandler);
-    };
-  }, [throttledScrollHandler]);
-  if (!rootContext)
-    return null;
-  function resetAndShowMenu() {
-    lastScrollDirection.current = null;
-    scrollStartPos.current = window.scrollY;
-    lastScrollPos.current = window.scrollY;
-    setHideMenu(false);
-  }
-  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
-  const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: mergeStyles(
-          { ["--teddy-top-menu-height"]: topMenuHeight },
-          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: teddyMotionDuration300 } : {}
-        ),
-        className: styles[`${rootClassName}__top-menu-wrapper`],
-        "data-state": hideMenu ? "closed" : "open",
-        children: /* @__PURE__ */ jsx(NavigationMenu.TopMenuList, { onFocus: resetAndShowMenu, 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),
-            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)) })
-      }
-    ),
-    LINKS.map((link) => {
-      var _a;
-      return /* @__PURE__ */ jsxs(NavigationMenu.List, { onFocus: resetAndShowMenu, value: link.name, children: [
-        (_a = link.links) == null ? void 0 : _a.map((subLink) => {
-          var _a2, _b;
-          return /* @__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://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
-                draggable: "false",
-                alt: "Telia logo"
-              }
-            ) }) : /* @__PURE__ */ jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
-                draggable: "false",
-                alt: "Telia logo"
-              }
-            ) }) }) : ((_a2 = subLink.links) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsx(
-              NavigationMenu.Trigger,
-              {
-                asChild: true,
-                active: currentLocation === subLink.link,
-                onClick: () => {
-                  rootContext.setPathname(subLink.link);
-                },
-                children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
-              }
-            ) : /* @__PURE__ */ jsx(
-              NavigationMenu.Link,
-              {
-                asChild: true,
-                active: currentLocation === subLink.link,
-                onClick: () => {
-                  rootContext.setPathname(subLink.link);
-                },
-                children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
-              }
-            ),
-            /* @__PURE__ */ jsx(NavigationMenu.Content, { children: /* @__PURE__ */ jsx("ul", { children: (_b = subLink.links) == null ? void 0 : _b.map((subSubLink) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-              NavigationMenu.Link,
-              {
-                asChild: true,
-                active: getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
-                onClick: () => {
-                  rootContext.setPathname(subSubLink.link);
-                },
-                variant: "small",
-                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: subSubLink.name }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: subSubLink.name })
-              }
-            ) }, subSubLink.name)) }) })
-          ] }, subLink.name);
-        }),
-        /* @__PURE__ */ jsx(Box, { ml: "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, {}) })
-      ] }, link.name);
-    }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: mergeStyles(
-          { ["--teddy-viewport-wrapper-height"]: viewPortHeight },
-          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: teddyMotionDuration300 } : {}
-        ),
-        className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
-        children: /* @__PURE__ */ jsx(
-          NavigationMenu.Viewport,
-          {
-            onFocus: resetAndShowMenu,
-            ref: viewPortRef,
-            className: styles[`${rootClassName}__viewport`]
-          }
-        )
-      }
-    )
-  ] });
-});
-Desktop.displayName = "Desktop";
-function useDebounceCallback(callback, delay) {
-  const handleCallback = useCallbackRef(callback);
-  const debounceTimerRef = React__default.useRef(0);
-  React__default.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
-  return React__default.useCallback(() => {
-    window.clearTimeout(debounceTimerRef.current);
-    debounceTimerRef.current = window.setTimeout(handleCallback, delay);
-  }, [handleCallback, delay]);
-}
-function Mobile(props) {
-  const rootContext = React__default.useContext(RootContext);
-  const drawerRef = React__default.useRef(null);
-  if (!rootContext)
-    return null;
-  const { linkComponent: NavLink } = rootContext;
-  const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
-  const linkClasses = clsx([styles[`${rootClassName}__link`]]);
-  const currentLocation = rootContext.pathname;
-  return /* @__PURE__ */ 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__ */ jsxs(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: [
-      /* @__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" }),
-          /* @__PURE__ */ jsx(Drawer.Title, { children: "Meny" }),
-          /* @__PURE__ */ jsx(SearchField, {}),
-          /* @__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(Box, { mt: "400", children: LINKS.map((link) => {
-                  var _a;
-                  return /* @__PURE__ */ jsx(Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsx(
-                    Accordion,
-                    {
-                      type: "single",
-                      collapsible: true,
-                      value: rootContext.selectedMenuItem,
-                      onValueChange: (v) => rootContext.setSelectedMenuItem(v, true),
-                      children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
-                        (subLink) => {
-                          var _a2;
-                          return subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Accordion.Item, { value: subLink.name, children: [
-                            /* @__PURE__ */ jsxs(Accordion.Header, { className: styles[`${rootClassName}__mobile-header`], children: [
-                              /* @__PURE__ */ jsx(
-                                Link,
-                                {
-                                  className: linkClasses,
-                                  variant: "standalone",
-                                  asChild: true,
-                                  onClick: () => {
-                                    var _a3;
-                                    (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
-                                    rootContext.setSelectedMenuItem(subLink.name);
-                                    rootContext.setPathname(subLink.link);
-                                  },
-                                  children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(Accordion.Trigger, { className: styles[`${rootClassName}__mobile-trigger`], children: /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
-                                subLink.name,
-                                " linker"
-                              ] }) })
-                            ] }),
-                            /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(List, { gap: "10", pl: "25", children: (_a2 = subLink.links) == null ? void 0 : _a2.map((subSubLink) => /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(
-                              NavigationMenu.Link,
-                              {
-                                asChild: true,
-                                variant: "small",
-                                active: getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
-                                onClick: () => {
-                                  var _a3;
-                                  (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
-                                  rootContext.setPathname(subSubLink.link);
-                                },
-                                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
-                                  subSubLink.name,
-                                  " ",
-                                  /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
-                                ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
-                                  subSubLink.name,
-                                  " ",
-                                  /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
-                                ] }) })
-                              }
-                            ) }, subSubLink.name)) }) })
-                          ] }, subLink.name) : /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsx(
-                            Link,
-                            {
-                              className: clsx([
-                                linkClasses,
-                                styles[`${rootClassName}__mobile-link--accordion-look`]
-                              ]),
-                              variant: "standalone",
-                              asChild: true,
-                              onClick: () => {
-                                var _a3;
-                                (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
-                                rootContext.setSelectedMenuItem(subLink.name);
-                                rootContext.setPathname(subLink.link);
-                              },
-                              children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, children: [
-                                subLink.name,
-                                /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
-                              ] }) : /* @__PURE__ */ jsxs("a", { href: subLink.link, children: [
-                                subLink.name,
-                                " ",
-                                /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
-                              ] })
-                            }
-                          ) }, subLink.name);
-                        }
-                      )
-                    }
-                  ) }, link.name);
-                }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Lukk" }) }) })
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-Mobile.displayName = "Mobile";
-const DesktopSimplified = React__default.forwardRef(() => {
-  const rootContext = React__default.useContext(RootContext);
-  if (!rootContext)
-    return null;
-  const { setSelectedMenuItem, linkComponent: Link2 } = rootContext;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    LINKS.map((link) => {
-      var _a;
-      return /* @__PURE__ */ jsxs(NavigationMenu.List, { value: link.name, children: [
-        (_a = link.links) == null ? void 0 : _a.map((subLink) => /* @__PURE__ */ jsx(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://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
-            draggable: "false",
-            alt: "Telia logo"
-          }
-        ) }) : /* @__PURE__ */ jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
-            draggable: "false",
-            alt: "Telia logo"
-          }
-        ) }) }) }, subLink.name)),
-        /* @__PURE__ */ jsx(Box, { ml: "auto" }),
-        /* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(ShoppingCart, {}) })
-      ] }, 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,
-  isCartOpen,
-  onCartOpenChange,
-  drawerSize = "md",
-  isSimplified,
-  currentPath,
-  ...props
-}) {
-  const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
-  const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
-  const [pathname, setPathname] = React__default.useState(currentPath || "");
-  const classes = clsx([styles[`${rootClassName}`]], className);
-  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,
-        isCartOpen,
-        onCartOpenChange,
-        drawerSize
-      },
-      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) {
-  if (!currentPath)
-    return PRIVATE_LINKS.name;
-  const locationArray = currentPath ? currentPath.split("/") : [];
-  const domainPartOfLocation = `/${locationArray[1].toLowerCase()}/`;
-  const initDomain = domainPartOfLocation === BUSINESS_LINKS.link ? BUSINESS_LINKS.name : domainPartOfLocation === MDU_LINKS.link ? MDU_LINKS.name : PRIVATE_LINKS.name;
-  return initDomain;
-}
-function getInitialMenuItem(currentPath) {
-  var _a, _b, _c, _d, _e, _f;
-  if (!currentPath)
-    return;
-  const locationArray = currentPath ? currentPath.split("/") : [];
-  const initialDomain = getInitialDomain(currentPath);
-  if (initialDomain === "Bedrift") {
-    const mainMenuPartOfLocation2 = locationArray[2];
-    return (_b = (_a = BUSINESS_LINKS.links) == null ? void 0 : _a.find(
-      (link) => {
-        var _a2;
-        return link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`));
-      }
-    )) == null ? void 0 : _b.name;
-  }
-  if (initialDomain === "Borettslag") {
-    const mainMenuPartOfLocation2 = locationArray[2];
-    return (_d = (_c = MDU_LINKS.links) == null ? void 0 : _c.find((link) => link.link === `/${initialDomain.toLowerCase()}/${mainMenuPartOfLocation2}/`)) == null ? void 0 : _d.name;
-  }
-  const mainMenuPartOfLocation = locationArray[1];
-  return (_f = (_e = PRIVATE_LINKS.links) == null ? void 0 : _e.find((link) => {
-    var _a2;
-    return link.link === `/${mainMenuPartOfLocation}/` || ((_a2 = link.links) == null ? void 0 : _a2.some((link2) => link2.link === `/${mainMenuPartOfLocation}/`));
-  })) == null ? void 0 : _f.name;
-}
-Root.displayName = "GlobalNavigation";
-const GlobalNavigation = Root;
+import "../../icon/icon.js";
+import "../../button/button.js";
+import "../../grid/grid.js";
+import "../../heading/heading.js";
+import "../../text-spacing/text-spacing.js";
+import "../../tabs/index.js";
+import "./utils.js";
 export {
-  Desktop as D,
-  GlobalNavigation as G,
-  Mobile as M,
-  MyPages,
-  RootContext as R,
-  SearchField as S,
-  Search as a,
-  ShoppingCart as b,
-  DesktopSimplified as c,
-  MobileSimplified as d,
-  Root as e,
-  rootClassName as r
+  b as MyPages
 };