@telia/teddy 0.0.44 → 0.0.45

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs

@@ -9,4 +9,5 @@ require("../../box/box.cjs");
 require("../../../utils/useSize.cjs");
 require("../../../utils/generate-styling/index.cjs");
 require("../../../utils/useCallbackRef.cjs");
+require("../../../tokens/motion/variables.cjs");
 exports.Desktop = components_navigationMenu_globalNavigation_globalNavigationMyPages.Desktop;

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js

@@ -7,6 +7,7 @@ import "../../box/box.js";
 import "../../../utils/useSize.js";
 import "../../../utils/generate-styling/index.js";
 import "../../../utils/useCallbackRef.js";
+import "../../../tokens/motion/variables.js";
 export {
   D as Desktop
 };

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

@@ -22,26 +22,24 @@ const components_badge_counterBadge = require("../../badge/counter-badge.cjs");
 const utils_useSize = require("../../../utils/useSize.cjs");
 const utils_generateStyling_index = require("../../../utils/generate-styling/index.cjs");
 const utils_useCallbackRef = require("../../../utils/useCallbackRef.cjs");
+const tokens_motion_variables = require("../../../tokens/motion/variables.cjs");
 const components_flex_flex = require("../../flex/flex.cjs");
 const components_accordion_index = require("../../accordion/index.cjs");
 const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/visually-hidden.cjs");
 const components_link_link = require("../../link/link.cjs");
 const components_list_index = require("../../list/index.cjs");
 const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_1ue02_1",
-  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1ue02_6",
-  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1ue02_9",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1ue02_6",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_1ue02_26",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1ue02_29",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1ue02_32",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1ue02_35",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1ue02_43",
-  "expand-viewport": "_expand-viewport_1ue02_1",
-  "close-viewport": "_close-viewport_1ue02_1",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1ue02_53",
-  "expand-top-menu": "_expand-top-menu_1ue02_1",
-  "close-top-menu": "_close-top-menu_1ue02_1"
+  "teddy-global-navigation": "_teddy-global-navigation_17vh5_1",
+  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_17vh5_6",
+  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_17vh5_9",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_17vh5_6",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_17vh5_26",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_17vh5_29",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_17vh5_32",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_17vh5_35",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_17vh5_43",
+  "close-viewport": "_close-viewport_17vh5_1",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_17vh5_54"
 };
 function MyPages(props) {
   var _a, _b;
@@ -200,7 +198,7 @@ const scrollDistanceUpThreshold = 50;
 const ANIMATION_DURATION = 300;
 const Desktop = React.forwardRef(() => {
   const rootContext = React.useContext(RootContext);
-  const [hideMenu, setHideMenu] = React.useState(false);
+  const [hideMenu, setHideMenu] = React.useState(null);
   const lastScrollDirection = React.useRef();
   const scrollStartPos = React.useRef(0);
   const lastScrollPos = React.useRef(0);
@@ -211,6 +209,16 @@ const Desktop = React.forwardRef(() => {
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
   const viewPortHeight = (viewPortSize == null ? void 0 : viewPortSize.height) ? `${viewPortSize.height}px` : void 0;
   const animationTimer = React.useRef(0);
+  const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React.useState(false);
+  const timerRef = React.useRef(void 0);
+  React.useEffect(() => {
+    timerRef.current = setTimeout(() => {
+      setAllowAnimationOfHeight(true);
+    }, 500);
+    return () => {
+      timerRef.current && clearTimeout(timerRef.current);
+    };
+  }, []);
   const handleScroll = () => {
     let compensateHight = 0;
     if (animationTimer.current > 0) {
@@ -261,7 +269,10 @@ const Desktop = React.forwardRef(() => {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        style: utils_generateStyling_index.mergeStyles({ ["--teddy-top-menu-height"]: topMenuHeight }),
+        style: utils_generateStyling_index.mergeStyles(
+          { ["--teddy-top-menu-height"]: topMenuHeight },
+          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 } : {}
+        ),
         className: styles[`${rootClassName}__top-menu-wrapper`],
         "data-state": hideMenu ? "closed" : "open",
         children: /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuList, { onFocus: resetAndShowMenu, ref: topMenuRef, children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.TopMenuTrigger, { value: link.name, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: link.link, children: link.name }) }) }, link.name)) })
@@ -315,9 +326,12 @@ const Desktop = React.forwardRef(() => {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        style: utils_generateStyling_index.mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
+        style: utils_generateStyling_index.mergeStyles(
+          { ["--teddy-viewport-wrapper-height"]: viewPortHeight },
+          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: tokens_motion_variables.teddyMotionDuration300 } : {}
+        ),
         className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu ? "closed" : "open",
+        "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
         children: /* @__PURE__ */ jsxRuntime.jsx(
           components_navigationMenu_navigationMenu.NavigationMenu.Viewport,
           {

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

@@ -20,26 +20,24 @@ 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_1ue02_1",
-  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_1ue02_6",
-  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_1ue02_9",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1ue02_6",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_1ue02_26",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1ue02_29",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1ue02_32",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1ue02_35",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1ue02_43",
-  "expand-viewport": "_expand-viewport_1ue02_1",
-  "close-viewport": "_close-viewport_1ue02_1",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1ue02_53",
-  "expand-top-menu": "_expand-top-menu_1ue02_1",
-  "close-top-menu": "_close-top-menu_1ue02_1"
+  "teddy-global-navigation": "_teddy-global-navigation_17vh5_1",
+  "teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_17vh5_6",
+  "teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_17vh5_9",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_17vh5_6",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_17vh5_26",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_17vh5_29",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_17vh5_32",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_17vh5_35",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_17vh5_43",
+  "close-viewport": "_close-viewport_17vh5_1",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_17vh5_54"
 };
 function MyPages(props) {
   var _a, _b;
@@ -198,7 +196,7 @@ const scrollDistanceUpThreshold = 50;
 const ANIMATION_DURATION = 300;
 const Desktop = React__default.forwardRef(() => {
   const rootContext = React__default.useContext(RootContext);
-  const [hideMenu, setHideMenu] = React__default.useState(false);
+  const [hideMenu, setHideMenu] = React__default.useState(null);
   const lastScrollDirection = React__default.useRef();
   const scrollStartPos = React__default.useRef(0);
   const lastScrollPos = React__default.useRef(0);
@@ -209,6 +207,16 @@ const Desktop = React__default.forwardRef(() => {
   const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
   const viewPortHeight = (viewPortSize == null ? void 0 : viewPortSize.height) ? `${viewPortSize.height}px` : 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) {
@@ -259,7 +267,10 @@ const Desktop = React__default.forwardRef(() => {
     /* @__PURE__ */ jsx(
       "div",
       {
-        style: mergeStyles({ ["--teddy-top-menu-height"]: topMenuHeight }),
+        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, children: /* @__PURE__ */ jsx(Link2, { href: link.link, children: link.name }) }) }, link.name)) })
@@ -313,9 +324,12 @@ const Desktop = React__default.forwardRef(() => {
     /* @__PURE__ */ jsx(
       "div",
       {
-        style: mergeStyles({ ["--teddy-viewport-wrapper-height"]: viewPortHeight }),
+        style: mergeStyles(
+          { ["--teddy-viewport-wrapper-height"]: viewPortHeight },
+          allowAnimationOfHeight ? { ["--teddy-motion-duration-controlled"]: teddyMotionDuration300 } : {}
+        ),
         className: styles[`${rootClassName}__viewport-wrapper`],
-        "data-state": hideMenu ? "closed" : "open",
+        "data-state": hideMenu === null ? "" : hideMenu ? "closed" : "open",
         children: /* @__PURE__ */ jsx(
           NavigationMenu.Viewport,
           {

package/dist/components/navigation-menu/global-navigation/utils.cjs

@@ -209,7 +209,8 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Hjelp",
-      link: "/hjelp/",
+      // link: '/hjelp/',
+      link: "/kundeservice/",
       appKey: APP_KEYS["open-pages"],
       links: [
         {

package/dist/components/navigation-menu/global-navigation/utils.d.ts

@@ -215,7 +215,7 @@ export declare const PRIVATE_LINKS: {
         }];
     }, {
         readonly name: "Hjelp";
-        readonly link: "/hjelp/";
+        readonly link: "/kundeservice/";
         readonly appKey: "open-pages";
         readonly links: readonly [{
             readonly name: "Hjelp Mobil";
@@ -413,7 +413,7 @@ export declare const LINKS: readonly [{
         }];
     }, {
         readonly name: "Hjelp";
-        readonly link: "/hjelp/";
+        readonly link: "/kundeservice/";
         readonly appKey: "open-pages";
         readonly links: readonly [{
             readonly name: "Hjelp Mobil";

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -207,7 +207,8 @@ const PRIVATE_LINKS = {
     },
     {
       name: "Hjelp",
-      link: "/hjelp/",
+      // link: '/hjelp/',
+      link: "/kundeservice/",
       appKey: APP_KEYS["open-pages"],
       links: [
         {

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -28,31 +28,31 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
-const enterFromLeft = "_enterFromLeft_h8tnl_1";
-const enterFromRight = "_enterFromRight_h8tnl_1";
-const exitToLeft = "_exitToLeft_h8tnl_1";
-const exitToRight = "_exitToRight_h8tnl_1";
-const scaleIn = "_scaleIn_h8tnl_1";
-const scaleOut = "_scaleOut_h8tnl_1";
+const enterFromLeft = "_enterFromLeft_15tta_1";
+const enterFromRight = "_enterFromRight_15tta_1";
+const exitToLeft = "_exitToLeft_15tta_1";
+const exitToRight = "_exitToRight_15tta_1";
+const scaleIn = "_scaleIn_15tta_1";
+const scaleOut = "_scaleOut_15tta_1";
 const styles = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_h8tnl_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_h8tnl_34",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_h8tnl_37",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_h8tnl_56",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_h8tnl_76",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_h8tnl_95",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_h8tnl_101",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_h8tnl_178",
+  "teddy-navigation-menu": "_teddy-navigation-menu_15tta_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_15tta_34",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_15tta_37",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_15tta_59",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_15tta_83",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_15tta_102",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_15tta_108",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_15tta_182",
   enterFromLeft,
   enterFromRight,
   exitToLeft,
   exitToRight,
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_h8tnl_222",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_h8tnl_242",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_h8tnl_248",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_h8tnl_318",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_h8tnl_338",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_h8tnl_344",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_15tta_230",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_15tta_250",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_15tta_256",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_15tta_323",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_15tta_343",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_15tta_349",
   scaleIn,
   scaleOut
 };

package/dist/components/navigation-menu/navigation-menu.js

@@ -9,31 +9,31 @@ 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";
-const enterFromLeft = "_enterFromLeft_h8tnl_1";
-const enterFromRight = "_enterFromRight_h8tnl_1";
-const exitToLeft = "_exitToLeft_h8tnl_1";
-const exitToRight = "_exitToRight_h8tnl_1";
-const scaleIn = "_scaleIn_h8tnl_1";
-const scaleOut = "_scaleOut_h8tnl_1";
+const enterFromLeft = "_enterFromLeft_15tta_1";
+const enterFromRight = "_enterFromRight_15tta_1";
+const exitToLeft = "_exitToLeft_15tta_1";
+const exitToRight = "_exitToRight_15tta_1";
+const scaleIn = "_scaleIn_15tta_1";
+const scaleOut = "_scaleOut_15tta_1";
 const styles = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_h8tnl_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_h8tnl_34",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_h8tnl_37",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_h8tnl_56",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_h8tnl_76",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_h8tnl_95",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_h8tnl_101",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_h8tnl_178",
+  "teddy-navigation-menu": "_teddy-navigation-menu_15tta_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_15tta_34",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_15tta_37",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_15tta_59",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_15tta_83",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_15tta_102",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_15tta_108",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_15tta_182",
   enterFromLeft,
   enterFromRight,
   exitToLeft,
   exitToRight,
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_h8tnl_222",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_h8tnl_242",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_h8tnl_248",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_h8tnl_318",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_h8tnl_338",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_h8tnl_344",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_15tta_230",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_15tta_250",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_15tta_256",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_15tta_323",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_15tta_343",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_15tta_349",
   scaleIn,
   scaleOut
 };

package/dist/style.css

@@ -2307,7 +2307,7 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-navigation-menu_h8tnl_1 {
+}._teddy-navigation-menu_15tta_1 {
   --item-gap: var(--teddy-spacing-200);
   --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
   --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
@@ -2318,16 +2318,16 @@
   background-color: var(--teddy-color-background-primary);
 }
 @media (min-width: 600px) {
-  ._teddy-navigation-menu_h8tnl_1 {
+  ._teddy-navigation-menu_15tta_1 {
     --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
   }
 }
 @media (min-width: 1440px) {
-  ._teddy-navigation-menu_h8tnl_1 {
+  ._teddy-navigation-menu_15tta_1 {
     --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
   }
 }
-._teddy-navigation-menu_h8tnl_1::after {
+._teddy-navigation-menu_15tta_1::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -2336,14 +2336,14 @@
   opacity: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu_h8tnl_1::after {
+  ._teddy-navigation-menu_15tta_1::after {
     transition: opacity var(--teddy-motion-duration-300) ease;
   }
 }
-._teddy-navigation-menu_h8tnl_1:has(._teddy-navigation-menu__viewport_h8tnl_34[data-state=open])::after {
+._teddy-navigation-menu_15tta_1:has(._teddy-navigation-menu__viewport_15tta_34[data-state=open])::after {
   opacity: 1;
 }
-._teddy-navigation-menu__list_h8tnl_37 {
+._teddy-navigation-menu__list_15tta_37 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -2352,17 +2352,20 @@
   padding-inline: var(--inline-padding);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__list_h8tnl_37::before {
+._teddy-navigation-menu__list_15tta_37::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__list_h8tnl_37::after {
+._teddy-navigation-menu__list_15tta_37::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_h8tnl_56 {
+._teddy-navigation-menu__list_15tta_37 li {
+  line-height: 1.2;
+}
+._teddy-navigation-menu__top-menu-list_15tta_59 {
   all: unset;
   position: relative;
   list-style-type: none;
@@ -2372,17 +2375,21 @@
   align-items: center;
   padding-inline: var(--inline-padding);
 }
-._teddy-navigation-menu__top-menu-list_h8tnl_56::before {
+._teddy-navigation-menu__top-menu-list_15tta_59::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-list_h8tnl_56::after {
+._teddy-navigation-menu__top-menu-list_15tta_59::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76 {
+._teddy-navigation-menu__top-menu-list_15tta_59 li {
+  display: grid;
+  line-height: 1.2;
+}
+._teddy-navigation-menu__top-menu-trigger_15tta_83 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -2398,18 +2405,18 @@
   min-width: var(--teddy-spacing-400);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
-  padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__top-menu-trigger--small_h8tnl_95 {
-  padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
+._teddy-navigation-menu__top-menu-trigger--small_15tta_102 {
+  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101 {
+._teddy-navigation-menu__top-menu-trigger--button_15tta_108 {
   padding: var(--teddy-spacing-100);
-  min-height: var(--teddy-spacing-600);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   border-radius: var(--teddy-border-radius-md);
   display: flex;
   place-items: center;
@@ -2419,11 +2426,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101 {
+  ._teddy-navigation-menu__top-menu-trigger--button_15tta_108 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76::after {
+._teddy-navigation-menu__top-menu-trigger_15tta_83::after {
   content: "";
   display: block;
   position: absolute;
@@ -2434,10 +2441,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101::after {
+._teddy-navigation-menu__top-menu-trigger--button_15tta_108::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:not(._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101)::before {
+._teddy-navigation-menu__top-menu-trigger_15tta_83:not(._teddy-navigation-menu__top-menu-trigger--button_15tta_108)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -2448,43 +2455,40 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__top-menu-trigger_h8tnl_76:not(._teddy-navigation-menu__top-menu-trigger--button_h8tnl_101)::before {
+  ._teddy-navigation-menu__top-menu-trigger_15tta_83:not(._teddy-navigation-menu__top-menu-trigger--button_15tta_108)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:hover {
+._teddy-navigation-menu__top-menu-trigger_15tta_83:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:hover::after {
+._teddy-navigation-menu__top-menu-trigger_15tta_83:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:active {
+._teddy-navigation-menu__top-menu-trigger_15tta_83:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:active::after {
+._teddy-navigation-menu__top-menu-trigger_15tta_83:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-state=open] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-active] {
+._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open], ._teddy-navigation-menu__top-menu-trigger_15tta_83:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_15tta_83[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-active]::after {
+._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_15tta_83:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_15tta_83[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76:focus-visible {
+._teddy-navigation-menu__top-menu-trigger_15tta_83:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-state=open] {
+._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__top-menu-trigger_h8tnl_76[data-state=open]::after {
+._teddy-navigation-menu__top-menu-trigger_15tta_83[data-state=open]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__content_h8tnl_178 {
+._teddy-navigation-menu__content_15tta_182 {
   all: unset;
   list-style-type: none;
   display: flex;
@@ -2498,37 +2502,41 @@
   padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
   overflow: clip;
 }
-._teddy-navigation-menu__content_h8tnl_178 > ul {
+._teddy-navigation-menu__content_15tta_182 > ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
 }
+._teddy-navigation-menu__content_15tta_182 > ul > li {
+  display: grid;
+  line-height: 1.2;
+}
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__content_h8tnl_178 {
+  ._teddy-navigation-menu__content_15tta_182 {
     animation-duration: var(--teddy-motion-duration-300);
     animation-timing-function: ease;
   }
-  ._teddy-navigation-menu__content_h8tnl_178[data-motion=from-start] {
-    animation-name: _enterFromLeft_h8tnl_1;
+  ._teddy-navigation-menu__content_15tta_182[data-motion=from-start] {
+    animation-name: _enterFromLeft_15tta_1;
   }
-  ._teddy-navigation-menu__content_h8tnl_178[data-motion=from-end] {
-    animation-name: _enterFromRight_h8tnl_1;
+  ._teddy-navigation-menu__content_15tta_182[data-motion=from-end] {
+    animation-name: _enterFromRight_15tta_1;
   }
-  ._teddy-navigation-menu__content_h8tnl_178[data-motion=to-start] {
-    animation-name: _exitToLeft_h8tnl_1;
+  ._teddy-navigation-menu__content_15tta_182[data-motion=to-start] {
+    animation-name: _exitToLeft_15tta_1;
   }
-  ._teddy-navigation-menu__content_h8tnl_178[data-motion=to-end] {
-    animation-name: _exitToRight_h8tnl_1;
+  ._teddy-navigation-menu__content_15tta_182[data-motion=to-end] {
+    animation-name: _exitToRight_15tta_1;
   }
 }
-._teddy-navigation-menu__content_h8tnl_178::before {
+._teddy-navigation-menu__content_15tta_182::before {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
 }
-._teddy-navigation-menu__trigger_h8tnl_222 {
+._teddy-navigation-menu__trigger_15tta_230 {
   position: relative;
   all: unset;
   position: relative;
@@ -2545,18 +2553,18 @@
   min-width: var(--teddy-spacing-400);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
-  padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
 }
-._teddy-navigation-menu__trigger--small_h8tnl_242 {
-  padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
+._teddy-navigation-menu__trigger--small_15tta_250 {
+  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__trigger--button_h8tnl_248 {
+._teddy-navigation-menu__trigger--button_15tta_256 {
   padding: var(--teddy-spacing-100);
-  min-height: var(--teddy-spacing-600);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   border-radius: var(--teddy-border-radius-md);
   display: flex;
   place-items: center;
@@ -2566,11 +2574,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__trigger--button_h8tnl_248 {
+  ._teddy-navigation-menu__trigger--button_15tta_256 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__trigger_h8tnl_222::after {
+._teddy-navigation-menu__trigger_15tta_230::after {
   content: "";
   display: block;
   position: absolute;
@@ -2581,10 +2589,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger--button_h8tnl_248::after {
+._teddy-navigation-menu__trigger--button_15tta_256::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__trigger_h8tnl_222:not(._teddy-navigation-menu__trigger--button_h8tnl_248)::before {
+._teddy-navigation-menu__trigger_15tta_230:not(._teddy-navigation-menu__trigger--button_15tta_256)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -2595,36 +2603,33 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__trigger_h8tnl_222:not(._teddy-navigation-menu__trigger--button_h8tnl_248)::before {
+  ._teddy-navigation-menu__trigger_15tta_230:not(._teddy-navigation-menu__trigger--button_15tta_256)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__trigger_h8tnl_222:hover {
+._teddy-navigation-menu__trigger_15tta_230:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__trigger_h8tnl_222:hover::after {
+._teddy-navigation-menu__trigger_15tta_230:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_h8tnl_222:active {
+._teddy-navigation-menu__trigger_15tta_230:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__trigger_h8tnl_222:active::after {
+._teddy-navigation-menu__trigger_15tta_230:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_h8tnl_222[data-state=open] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__trigger_h8tnl_222:has([data-active]), ._teddy-navigation-menu__trigger_h8tnl_222[data-active] {
+._teddy-navigation-menu__trigger_15tta_230[data-state=open], ._teddy-navigation-menu__trigger_15tta_230:has([data-active]), ._teddy-navigation-menu__trigger_15tta_230[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__trigger_h8tnl_222:has([data-active])::after, ._teddy-navigation-menu__trigger_h8tnl_222[data-active]::after {
+._teddy-navigation-menu__trigger_15tta_230[data-state=open]::after, ._teddy-navigation-menu__trigger_15tta_230:has([data-active])::after, ._teddy-navigation-menu__trigger_15tta_230[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__trigger_h8tnl_222:focus-visible {
+._teddy-navigation-menu__trigger_15tta_230:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__link_h8tnl_318 {
+._teddy-navigation-menu__link_15tta_323 {
   all: unset;
   position: relative;
   cursor: pointer;
@@ -2640,19 +2645,19 @@
   min-width: var(--teddy-spacing-400);
   font-size: var(--teddy-typography-scale-100);
   line-height: var(--teddy-typography-line-height-loose);
-  padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
   text-align: center;
   text-decoration: none;
 }
-._teddy-navigation-menu__link--small_h8tnl_338 {
-  padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
+._teddy-navigation-menu__link--small_15tta_343 {
+  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
   font-size: var(--teddy-typography-scale-75);
   line-height: var(--teddy-typography-line-height-loose);
   outline-offset: -2px;
 }
-._teddy-navigation-menu__link--button_h8tnl_344 {
+._teddy-navigation-menu__link--button_15tta_349 {
   padding: var(--teddy-spacing-100);
-  min-height: var(--teddy-spacing-600);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   border-radius: var(--teddy-border-radius-md);
   display: flex;
   place-items: center;
@@ -2662,11 +2667,11 @@
   row-gap: var(--teddy-spacing-50);
 }
 @media (max-width: 600px) {
-  ._teddy-navigation-menu__link--button_h8tnl_344 {
+  ._teddy-navigation-menu__link--button_15tta_349 {
     font-size: var(--teddy-typography-scale-75);
   }
 }
-._teddy-navigation-menu__link_h8tnl_318::after {
+._teddy-navigation-menu__link_15tta_323::after {
   content: "";
   display: block;
   position: absolute;
@@ -2677,10 +2682,10 @@
   pointer-events: none;
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link--button_h8tnl_344::after {
+._teddy-navigation-menu__link--button_15tta_349::after {
   border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
 }
-._teddy-navigation-menu__link_h8tnl_318:not(._teddy-navigation-menu__link--button_h8tnl_344)::before {
+._teddy-navigation-menu__link_15tta_323:not(._teddy-navigation-menu__link--button_15tta_349)::before {
   content: attr(data-text);
   content: attr(data-text)/"";
   height: 0;
@@ -2691,36 +2696,33 @@
   font-weight: var(--teddy-typography-weight-bold);
 }
 @media speech {
-  ._teddy-navigation-menu__link_h8tnl_318:not(._teddy-navigation-menu__link--button_h8tnl_344)::before {
+  ._teddy-navigation-menu__link_15tta_323:not(._teddy-navigation-menu__link--button_15tta_349)::before {
     display: none;
   }
 }
-._teddy-navigation-menu__link_h8tnl_318:hover {
+._teddy-navigation-menu__link_15tta_323:hover {
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-navigation-menu__link_h8tnl_318:hover::after {
+._teddy-navigation-menu__link_15tta_323:hover::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_h8tnl_318:active {
+._teddy-navigation-menu__link_15tta_323:active {
   background-color: var(--teddy-color-background-interactive-transparent-active);
 }
-._teddy-navigation-menu__link_h8tnl_318:active::after {
+._teddy-navigation-menu__link_15tta_323:active::after {
   opacity: 1;
 }
-._teddy-navigation-menu__link_h8tnl_318[data-state=open] {
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._teddy-navigation-menu__link_h8tnl_318:has([data-active]), ._teddy-navigation-menu__link_h8tnl_318[data-active] {
+._teddy-navigation-menu__link_15tta_323[data-state=open], ._teddy-navigation-menu__link_15tta_323:has([data-active]), ._teddy-navigation-menu__link_15tta_323[data-active] {
   font-weight: var(--teddy-typography-weight-bold);
 }
-._teddy-navigation-menu__link_h8tnl_318:has([data-active])::after, ._teddy-navigation-menu__link_h8tnl_318[data-active]::after {
+._teddy-navigation-menu__link_15tta_323[data-state=open]::after, ._teddy-navigation-menu__link_15tta_323:has([data-active])::after, ._teddy-navigation-menu__link_15tta_323[data-active]::after {
   border-color: var(--teddy-color-text-interactive-primary);
   opacity: 1;
 }
-._teddy-navigation-menu__link_h8tnl_318:focus-visible {
+._teddy-navigation-menu__link_15tta_323:focus-visible {
   outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
 }
-._teddy-navigation-menu__viewport_h8tnl_34 {
+._teddy-navigation-menu__viewport_15tta_34 {
   position: relative;
   background-color: var(--teddy-color-background-primary);
   height: var(--radix-navigation-menu-viewport-height);
@@ -2728,17 +2730,17 @@
   overflow: clip;
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-navigation-menu__viewport_h8tnl_34 {
+  ._teddy-navigation-menu__viewport_15tta_34 {
     transition: height var(--teddy-motion-duration-controlled, 0) ease;
   }
-  ._teddy-navigation-menu__viewport_h8tnl_34[data-state=open] {
-    animation: _scaleIn_h8tnl_1 var(--teddy-motion-duration-controlled, 0) ease;
+  ._teddy-navigation-menu__viewport_15tta_34[data-state=open] {
+    animation: _scaleIn_15tta_1 var(--teddy-motion-duration-controlled, 0) ease;
   }
-  ._teddy-navigation-menu__viewport_h8tnl_34[data-state=closed] {
-    animation: _scaleOut_h8tnl_1 var(--teddy-motion-duration-300) ease;
+  ._teddy-navigation-menu__viewport_15tta_34[data-state=closed] {
+    animation: _scaleOut_15tta_1 var(--teddy-motion-duration-300) ease;
   }
 }
-@keyframes _scaleIn_h8tnl_1 {
+@keyframes _scaleIn_15tta_1 {
   from {
     opacity: 0;
     transform: scale(0.9);
@@ -2750,7 +2752,7 @@
     height: var(--radix-navigation-menu-viewport-height);
   }
 }
-@keyframes _scaleOut_h8tnl_1 {
+@keyframes _scaleOut_15tta_1 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -2761,7 +2763,7 @@
     height: 0;
   }
 }
-@keyframes _enterFromRight_h8tnl_1 {
+@keyframes _enterFromRight_15tta_1 {
   from {
     opacity: 0;
     transform: translateX(200px);
@@ -2771,7 +2773,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _enterFromLeft_h8tnl_1 {
+@keyframes _enterFromLeft_15tta_1 {
   from {
     opacity: 0;
     transform: translateX(-200px);
@@ -2781,7 +2783,7 @@
     transform: translateX(0);
   }
 }
-@keyframes _exitToRight_h8tnl_1 {
+@keyframes _exitToRight_15tta_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -2791,7 +2793,7 @@
     transform: translateX(200px);
   }
 }
-@keyframes _exitToLeft_h8tnl_1 {
+@keyframes _exitToLeft_15tta_1 {
   from {
     opacity: 1;
     transform: translateX(0);
@@ -3320,41 +3322,41 @@
       height: 0;
     }
   }
-}._teddy-global-navigation_1ue02_1 {
+}._teddy-global-navigation_17vh5_1 {
   position: sticky;
   inset: 0 0 auto 0;
   z-index: 39;
 }
-._teddy-global-navigation__mobile-trigger_1ue02_6 {
+._teddy-global-navigation__mobile-trigger_17vh5_6 {
   border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile-header_1ue02_9[data-state=open] {
+._teddy-global-navigation__mobile-header_17vh5_9[data-state=open] {
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_1ue02_6 {
+._teddy-global-navigation__mobile_17vh5_6 {
   padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
   border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
 }
-._teddy-global-navigation__mobile_1ue02_6::before {
+._teddy-global-navigation__mobile_17vh5_6::before {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__mobile_1ue02_6::after {
+._teddy-global-navigation__mobile_17vh5_6::after {
   content: "";
   display: block;
   width: var(--width-for-centering-element);
 }
-._teddy-global-navigation__link_1ue02_26 {
+._teddy-global-navigation__link_17vh5_26 {
   text-decoration: none;
 }
-._teddy-global-navigation__viewport_1ue02_29 {
+._teddy-global-navigation__viewport_17vh5_29 {
   height: var(--radix-navigation-menu-viewport-height, calc(3.25rem * var(--teddy-scale)));
 }
-._teddy-global-navigation__item-wrapper_1ue02_32 {
+._teddy-global-navigation__item-wrapper_17vh5_32 {
   position: relative;
 }
-._teddy-global-navigation__item-count_1ue02_35 {
+._teddy-global-navigation__item-count_17vh5_35 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3362,57 +3364,34 @@
   left: 15px;
   top: -6px;
 }
-._teddy-global-navigation__viewport-wrapper_1ue02_43 {
+._teddy-global-navigation__viewport-wrapper_17vh5_43 {
   overflow: hidden;
+  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__viewport-wrapper_1ue02_43[data-state=open] {
-  animation: _expand-viewport_1ue02_1 var(--teddy-motion-duration-300) ease;
+._teddy-global-navigation__viewport-wrapper_17vh5_43[data-state=open] {
+  max-height: var(--teddy-top-menu-height);
 }
-._teddy-global-navigation__viewport-wrapper_1ue02_43[data-state=closed] {
-  animation: _close-viewport_1ue02_1 var(--teddy-motion-duration-300) ease;
-  height: 0;
+._teddy-global-navigation__viewport-wrapper_17vh5_43[data-state=closed] {
+  animation: _close-viewport_17vh5_1 var(--teddy-motion-duration-controlled, 0) ease;
+  max-height: 0;
 }
-._teddy-global-navigation__top-menu-wrapper_1ue02_53 {
+._teddy-global-navigation__top-menu-wrapper_17vh5_54 {
   overflow: hidden;
-  transition: height var(--teddy-motion-duration-300) ease;
+  transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
 }
-._teddy-global-navigation__top-menu-wrapper_1ue02_53[data-state=open] {
-  height: var(--teddy-top-menu-height, 3.25rem);
+._teddy-global-navigation__top-menu-wrapper_17vh5_54[data-state=open] {
+  max-height: var(--teddy-top-menu-height, 3.25rem);
 }
-._teddy-global-navigation__top-menu-wrapper_1ue02_53[data-state=closed] {
-  height: 0;
+._teddy-global-navigation__top-menu-wrapper_17vh5_54[data-state=closed] {
+  max-height: 0;
 }
 
-@keyframes _expand-viewport_1ue02_1 {
-  0% {
-    height: 0;
-  }
-  100% {
-    height: var(--teddy-viewport-wrapper-height);
-  }
-}
-@keyframes _close-viewport_1ue02_1 {
-  0% {
-    height: var(--teddy-viewport-wrapper-height);
-  }
-  100% {
-    height: 0;
-  }
-}
-@keyframes _expand-top-menu_1ue02_1 {
-  0% {
-    height: 0;
-  }
-  100% {
-    height: var(--teddy-top-menu-height);
-  }
-}
-@keyframes _close-top-menu_1ue02_1 {
+@keyframes _close-viewport_17vh5_1 {
   0% {
-    height: var(--teddy-top-menu-height);
+    max-height: var(--teddy-viewport-wrapper-height);
   }
   100% {
-    height: 0;
+    max-height: 0;
   }
 }@layer icon, toggle;
 ._teddy-toggle__input_m5h3g_2::before {

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.44",
+  "version": "0.0.45",
   "sideEffects": [
     "**/*.css"
   ],