@telia/teddy 0.0.9 → 0.0.10

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

@@ -1,11 +1,11 @@
 import '../../assets/navigation-menu.css';
 import { jsx as O, jsxs as He, Fragment as Ge } from "react/jsx-runtime";
 import h, { useEffect as z, forwardRef as I, useContext as Ye, useState as K, createElement as d, useRef as P, createContext as je, useCallback as U, Fragment as de, useMemo as qe } from "react";
-import { c as L } from "../../clsx-DB4S2d7J.js";
+import { c as A } from "../../clsx-DB4S2d7J.js";
 import { b as B, _ as M, c as Xe } from "../../index-DpfSJps6.js";
 import Je from "react-dom";
-import { d as V, e as T, $ as _e, a as Qe, b as Ze, c as ye, i as et, f as we, h as q, g as Q } from "../../index-0Eg2mucA.js";
-import { $ as F, a as Z } from "../../index-DM5e-Whg.js";
+import { d as V, e as T, $ as _e, a as Qe, b as Ze, c as we, i as et, f as ye, h as q, g as Q } from "../../index-DPFZO9xk.js";
+import { $ as L, a as Z } from "../../index-DM5e-Whg.js";
 import { useComposedRefs as X } from "../../utils/composeRefs.js";
 import { VisuallyHidden as tt } from "../visually-hidden/visually-hidden.js";
 import { composeEventHandlers as ee } from "../../utils/composeEventHandlers.js";
@@ -29,12 +29,12 @@ const it = /* @__PURE__ */ je({
   branches: /* @__PURE__ */ new Set()
 }), at = /* @__PURE__ */ I((e, t) => {
   var n;
-  const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: o, onPointerDownOutside: i, onFocusOutside: c, onInteractOutside: u, onDismiss: a, ...m } = e, s = Ye(it), [l, y] = K(null), v = (n = l == null ? void 0 : l.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, f] = K({}), p = B(
+  const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: o, onPointerDownOutside: i, onFocusOutside: c, onInteractOutside: u, onDismiss: a, ...m } = e, s = Ye(it), [l, w] = K(null), v = (n = l == null ? void 0 : l.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, f] = K({}), p = B(
     t,
-    (E) => y(E)
-  ), w = Array.from(s.layers), [x] = [
+    (E) => w(E)
+  ), y = Array.from(s.layers), [x] = [
     ...s.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), k = w.indexOf(x), g = l ? w.indexOf(l) : -1, b = s.layersWithOutsidePointerEventsDisabled.size > 0, $ = g >= k, C = st((E) => {
+  ].slice(-1), F = y.indexOf(x), g = l ? y.indexOf(l) : -1, b = s.layersWithOutsidePointerEventsDisabled.size > 0, $ = g >= F, C = st((E) => {
     const _ = E.target, S = [
       ...s.branches
     ].some(
@@ -69,7 +69,7 @@ const it = /* @__PURE__ */ je({
   ]), z(() => {
     const E = () => f({});
     return document.addEventListener(te, E), () => document.removeEventListener(te, E);
-  }, []), /* @__PURE__ */ d(F.div, M({}, m, {
+  }, []), /* @__PURE__ */ d(L.div, M({}, m, {
     ref: p,
     style: {
       pointerEvents: b ? $ ? "auto" : "none" : void 0,
@@ -147,7 +147,7 @@ function Ee(e, t, n, { discrete: r }) {
     once: !0
   }), r ? Z(o, i) : o.dispatchEvent(i);
 }
-const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
+const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(L.span, M({}, e, {
   ref: t,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -166,11 +166,11 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
 }))), lt = ut, G = "NavigationMenu", [ae, he, dt] = _e(G), [ne, ft, vt] = _e(G), [se, fn] = Qe(G, [
   dt,
   vt
-]), [gt, A] = se(G), [$t, mt] = se(G), pt = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, value: r, onValueChange: o, defaultValue: i, delayDuration: c = 200, skipDelayDuration: u = 300, orientation: a = "horizontal", dir: m, ...s } = e, [l, y] = K(null), v = B(
+]), [gt, k] = se(G), [$t, mt] = se(G), pt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, value: r, onValueChange: o, defaultValue: i, delayDuration: c = 200, skipDelayDuration: u = 300, orientation: a = "horizontal", dir: m, ...s } = e, [l, w] = K(null), v = B(
     t,
-    (_) => y(_)
-  ), f = Ze(m), p = P(0), w = P(0), x = P(0), [k, g] = K(!0), [b = "", $] = ye({
+    (_) => w(_)
+  ), f = Ze(m), p = P(0), y = P(0), x = P(0), [F, g] = K(!0), [b = "", $] = we({
     prop: r,
     onChange: (_) => {
       const S = _ !== "", W = u > 0;
@@ -181,19 +181,19 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     },
     defaultProp: i
   }), C = U(() => {
-    window.clearTimeout(w.current), w.current = window.setTimeout(
+    window.clearTimeout(y.current), y.current = window.setTimeout(
       () => $(""),
       150
     );
   }, [
     $
   ]), D = U((_) => {
-    window.clearTimeout(w.current), $(_);
+    window.clearTimeout(y.current), $(_);
   }, [
     $
   ]), E = U((_) => {
-    b === _ ? window.clearTimeout(w.current) : p.current = window.setTimeout(() => {
-      window.clearTimeout(w.current), $(_);
+    b === _ ? window.clearTimeout(y.current) : p.current = window.setTimeout(() => {
+      window.clearTimeout(y.current), $(_);
     }, c);
   }, [
     b,
@@ -201,7 +201,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     c
   ]);
   return z(() => () => {
-    window.clearTimeout(p.current), window.clearTimeout(w.current), window.clearTimeout(x.current);
+    window.clearTimeout(p.current), window.clearTimeout(y.current), window.clearTimeout(x.current);
   }, []), /* @__PURE__ */ d(Ce, {
     scope: n,
     isRootMenu: !0,
@@ -210,12 +210,12 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     orientation: a,
     rootNavigationMenu: l,
     onTriggerEnter: (_) => {
-      window.clearTimeout(p.current), k ? E(_) : D(_);
+      window.clearTimeout(p.current), F ? E(_) : D(_);
     },
     onTriggerLeave: () => {
       window.clearTimeout(p.current), C();
     },
-    onContentEnter: () => window.clearTimeout(w.current),
+    onContentEnter: () => window.clearTimeout(y.current),
     onContentLeave: C,
     onItemSelect: (_) => {
       $(
@@ -223,7 +223,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
       );
     },
     onItemDismiss: () => $("")
-  }, /* @__PURE__ */ d(F.nav, M({
+  }, /* @__PURE__ */ d(L.nav, M({
     "aria-label": "Main",
     "data-orientation": a,
     dir: f
@@ -231,7 +231,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     ref: v
   })));
 }), bt = "NavigationMenuSub", _t = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, value: r, onValueChange: o, defaultValue: i, orientation: c = "horizontal", ...u } = e, a = A(bt, n), [m = "", s] = ye({
+  const { __scopeNavigationMenu: n, value: r, onValueChange: o, defaultValue: i, orientation: c = "horizontal", ...u } = e, a = k(bt, n), [m = "", s] = we({
     prop: r,
     onChange: o,
     defaultProp: i
@@ -246,29 +246,29 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     onTriggerEnter: (l) => s(l),
     onItemSelect: (l) => s(l),
     onItemDismiss: () => s("")
-  }, /* @__PURE__ */ d(F.div, M({
+  }, /* @__PURE__ */ d(L.div, M({
     "data-orientation": c
   }, u, {
     ref: t
   })));
 }), Ce = (e) => {
-  const { scope: t, isRootMenu: n, rootNavigationMenu: r, dir: o, orientation: i, children: c, value: u, onItemSelect: a, onItemDismiss: m, onTriggerEnter: s, onTriggerLeave: l, onContentEnter: y, onContentLeave: v } = e, [f, p] = K(null), [w, x] = K(/* @__PURE__ */ new Map()), [k, g] = K(null);
+  const { scope: t, isRootMenu: n, rootNavigationMenu: r, dir: o, orientation: i, children: c, value: u, onItemSelect: a, onItemDismiss: m, onTriggerEnter: s, onTriggerLeave: l, onContentEnter: w, onContentLeave: v } = e, [f, p] = K(null), [y, x] = K(/* @__PURE__ */ new Map()), [F, g] = K(null);
   return /* @__PURE__ */ d(gt, {
     scope: t,
     isRootMenu: n,
     rootNavigationMenu: r,
     value: u,
     previousValue: et(u),
-    baseId: we(),
+    baseId: ye(),
     dir: o,
     orientation: i,
     viewport: f,
     onViewportChange: p,
-    indicatorTrack: k,
+    indicatorTrack: F,
     onIndicatorTrackChange: g,
     onTriggerEnter: V(s),
     onTriggerLeave: V(l),
-    onContentEnter: V(y),
+    onContentEnter: V(w),
     onContentLeave: V(v),
     onItemSelect: V(a),
     onItemDismiss: V(m),
@@ -282,15 +282,15 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     scope: t
   }, /* @__PURE__ */ d($t, {
     scope: t,
-    items: w
+    items: y
   }, c)));
-}, yt = "NavigationMenuList", wt = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, ...r } = e, o = A(yt, n), i = /* @__PURE__ */ d(F.ul, M({
+}, wt = "NavigationMenuList", yt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, ...r } = e, o = k(wt, n), i = /* @__PURE__ */ d(L.ul, M({
     "data-orientation": o.orientation
   }, r, {
     ref: t
   }));
-  return /* @__PURE__ */ d(F.div, {
+  return /* @__PURE__ */ d(L.div, {
     style: {
       position: "relative"
     },
@@ -301,8 +301,8 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     asChild: !0
   }, i) : i));
 }), Et = "NavigationMenuItem", [ht, xe] = se(Et), Ct = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, value: r, ...o } = e, i = we(), c = r || i || "LEGACY_REACT_AUTO_VALUE", u = P(null), a = P(null), m = P(null), s = P(() => {
-  }), l = P(!1), y = U((f = "start") => {
+  const { __scopeNavigationMenu: n, value: r, ...o } = e, i = ye(), c = r || i || "LEGACY_REACT_AUTO_VALUE", u = P(null), a = P(null), m = P(null), s = P(() => {
+  }), l = P(!1), w = U((f = "start") => {
     if (u.current) {
       s.current();
       const p = oe(u.current);
@@ -311,7 +311,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
   }, []), v = U(() => {
     if (u.current) {
       const f = oe(u.current);
-      f.length && (s.current = Ft(f));
+      f.length && (s.current = Lt(f));
     }
   }, []);
   return /* @__PURE__ */ d(ht, {
@@ -321,21 +321,21 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     contentRef: u,
     focusProxyRef: m,
     wasEscapeCloseRef: l,
-    onEntryKeyDown: y,
-    onFocusProxyEnter: y,
+    onEntryKeyDown: w,
+    onFocusProxyEnter: w,
     onRootContentClose: v,
     onContentFocusOutside: v
-  }, /* @__PURE__ */ d(F.li, M({}, o, {
+  }, /* @__PURE__ */ d(L.li, M({}, o, {
     ref: t
   })));
 }), ge = "NavigationMenuTrigger", xt = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, disabled: r, ...o } = e, i = A(ge, e.__scopeNavigationMenu), c = xe(ge, e.__scopeNavigationMenu), u = P(null), a = B(u, c.triggerRef, t), m = Pe(i.baseId, c.value), s = De(i.baseId, c.value), l = P(!1), y = P(!1), v = c.value === i.value;
+  const { __scopeNavigationMenu: n, disabled: r, ...o } = e, i = k(ge, e.__scopeNavigationMenu), c = xe(ge, e.__scopeNavigationMenu), u = P(null), a = B(u, c.triggerRef, t), m = Pe(i.baseId, c.value), s = De(i.baseId, c.value), l = P(!1), w = P(!1), v = c.value === i.value;
   return /* @__PURE__ */ d(de, null, /* @__PURE__ */ d(ae.ItemSlot, {
     scope: n,
     value: c.value
   }, /* @__PURE__ */ d(Ie, {
     asChild: !0
-  }, /* @__PURE__ */ d(F.button, M({
+  }, /* @__PURE__ */ d(L.button, M({
     id: m,
     disabled: r,
     "data-disabled": r ? "" : void 0,
@@ -345,31 +345,31 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
   }, o, {
     ref: a,
     onPointerEnter: T(e.onPointerEnter, () => {
-      y.current = !1, c.wasEscapeCloseRef.current = !1;
+      w.current = !1, c.wasEscapeCloseRef.current = !1;
     }),
     onPointerMove: T(e.onPointerMove, j(() => {
-      r || y.current || c.wasEscapeCloseRef.current || l.current || (i.onTriggerEnter(c.value), l.current = !0);
+      r || w.current || c.wasEscapeCloseRef.current || l.current || (i.onTriggerEnter(c.value), l.current = !0);
     })),
     onPointerLeave: T(e.onPointerLeave, j(() => {
       r || (i.onTriggerLeave(), l.current = !1);
     })),
     onClick: T(e.onClick, () => {
-      i.onItemSelect(c.value), y.current = v;
+      i.onItemSelect(c.value), w.current = v;
     }),
     onKeyDown: T(e.onKeyDown, (f) => {
-      const w = {
+      const y = {
         horizontal: "ArrowDown",
         vertical: i.dir === "rtl" ? "ArrowLeft" : "ArrowRight"
       }[i.orientation];
-      v && f.key === w && (c.onEntryKeyDown(), f.preventDefault());
+      v && f.key === y && (c.onEntryKeyDown(), f.preventDefault());
     })
   })))), v && /* @__PURE__ */ d(de, null, /* @__PURE__ */ d(lt, {
     "aria-hidden": !0,
     tabIndex: 0,
     ref: c.focusProxyRef,
     onFocus: (f) => {
-      const p = c.contentRef.current, w = f.relatedTarget, x = w === u.current, k = p == null ? void 0 : p.contains(w);
-      (x || !k) && c.onFocusProxyEnter(x ? "start" : "end");
+      const p = c.contentRef.current, y = f.relatedTarget, x = y === u.current, F = p == null ? void 0 : p.contains(y);
+      (x || !F) && c.onFocusProxyEnter(x ? "start" : "end");
     }
   }), i.viewport && /* @__PURE__ */ d("span", {
     "aria-owns": s
@@ -378,7 +378,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
   const { __scopeNavigationMenu: n, active: r, onSelect: o, ...i } = e;
   return /* @__PURE__ */ d(Ie, {
     asChild: !0
-  }, /* @__PURE__ */ d(F.a, M({
+  }, /* @__PURE__ */ d(L.a, M({
     "data-active": r ? "" : void 0,
     "aria-current": r ? "page" : void 0
   }, i, {
@@ -406,31 +406,31 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     })
   })));
 }), Te = "NavigationMenuIndicator", Mt = /* @__PURE__ */ I((e, t) => {
-  const { forceMount: n, ...r } = e, o = A(Te, e.__scopeNavigationMenu), i = !!o.value;
+  const { forceMount: n, ...r } = e, o = k(Te, e.__scopeNavigationMenu), i = !!o.value;
   return o.indicatorTrack ? /* @__PURE__ */ Je.createPortal(/* @__PURE__ */ d(q, {
     present: n || i
   }, /* @__PURE__ */ d(Nt, M({}, r, {
     ref: t
   }))), o.indicatorTrack) : null;
 }), Nt = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, ...r } = e, o = A(Te, n), i = he(n), [c, u] = K(null), [a, m] = K(null), s = o.orientation === "horizontal", l = !!o.value;
+  const { __scopeNavigationMenu: n, ...r } = e, o = k(Te, n), i = he(n), [c, u] = K(null), [a, m] = K(null), s = o.orientation === "horizontal", l = !!o.value;
   z(() => {
     var v;
     const p = (v = i().find(
-      (w) => w.value === o.value
+      (y) => y.value === o.value
     )) === null || v === void 0 ? void 0 : v.ref.current;
     p && u(p);
   }, [
     i,
     o.value
   ]);
-  const y = () => {
+  const w = () => {
     c && m({
       size: s ? c.offsetWidth : c.offsetHeight,
       offset: s ? c.offsetLeft : c.offsetTop
     });
   };
-  return re(c, y), re(o.indicatorTrack, y), a ? /* @__PURE__ */ d(F.div, M({
+  return re(c, w), re(o.indicatorTrack, w), a ? /* @__PURE__ */ d(L.div, M({
     "aria-hidden": !0,
     "data-state": l ? "visible" : "hidden",
     "data-orientation": o.orientation
@@ -451,7 +451,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     }
   })) : null;
 }), H = "NavigationMenuContent", Rt = /* @__PURE__ */ I((e, t) => {
-  const { forceMount: n, ...r } = e, o = A(H, e.__scopeNavigationMenu), i = xe(H, e.__scopeNavigationMenu), c = B(i.contentRef, t), u = i.value === o.value, a = {
+  const { forceMount: n, ...r } = e, o = k(H, e.__scopeNavigationMenu), i = xe(H, e.__scopeNavigationMenu), c = B(i.contentRef, t), u = i.value === o.value, a = {
     value: i.value,
     triggerRef: i.triggerRef,
     focusProxyRef: i.focusProxyRef,
@@ -479,7 +479,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     }
   })));
 }), It = /* @__PURE__ */ I((e, t) => {
-  const n = A(H, e.__scopeNavigationMenu), { onViewportContentChange: r, onViewportContentRemove: o } = n;
+  const n = k(H, e.__scopeNavigationMenu), { onViewportContentChange: r, onViewportContentRemove: o } = n;
   return Q(() => {
     r(e.value, {
       ref: t,
@@ -494,7 +494,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     o
   ]), null;
 }), Y = "navigationMenu.rootContentDismiss", Me = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, value: r, triggerRef: o, focusProxyRef: i, wasEscapeCloseRef: c, onRootContentClose: u, onContentFocusOutside: a, ...m } = e, s = A(H, n), l = P(null), y = B(l, t), v = Pe(s.baseId, r), f = De(s.baseId, r), p = he(n), w = P(null), { onItemDismiss: x } = s;
+  const { __scopeNavigationMenu: n, value: r, triggerRef: o, focusProxyRef: i, wasEscapeCloseRef: c, onRootContentClose: u, onContentFocusOutside: a, ...m } = e, s = k(H, n), l = P(null), w = B(l, t), v = Pe(s.baseId, r), f = De(s.baseId, r), p = he(n), y = P(null), { onItemDismiss: x } = s;
   z(() => {
     const g = l.current;
     if (s.isRootMenu && g) {
@@ -511,14 +511,14 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     x,
     u
   ]);
-  const k = qe(() => {
+  const F = qe(() => {
     const b = p().map(
       (S) => S.value
     );
     s.dir === "rtl" && b.reverse();
     const $ = b.indexOf(s.value), C = b.indexOf(s.previousValue), D = r === s.value, E = C === b.indexOf(r);
     if (!D && !E)
-      return w.current;
+      return y.current;
     const _ = (() => {
       if ($ !== C) {
         if (D && C !== -1)
@@ -528,7 +528,7 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
       }
       return null;
     })();
-    return w.current = _, _;
+    return y.current = _, _;
   }, [
     s.previousValue,
     s.value,
@@ -541,10 +541,10 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
   }, /* @__PURE__ */ d(at, M({
     id: f,
     "aria-labelledby": v,
-    "data-motion": k,
+    "data-motion": F,
     "data-orientation": s.orientation
   }, m, {
-    ref: y,
+    ref: w,
     onDismiss: () => {
       var g;
       const b = new Event(Y, {
@@ -586,20 +586,20 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     })
   })));
 }), Ne = "NavigationMenuViewport", Pt = /* @__PURE__ */ I((e, t) => {
-  const { forceMount: n, ...r } = e, i = !!A(Ne, e.__scopeNavigationMenu).value;
+  const { forceMount: n, ...r } = e, i = !!k(Ne, e.__scopeNavigationMenu).value;
   return /* @__PURE__ */ d(q, {
     present: n || i
   }, /* @__PURE__ */ d(Dt, M({}, r, {
     ref: t
   })));
 }), Dt = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, children: r, ...o } = e, i = A(Ne, n), c = B(t, i.onViewportChange), u = mt(H, e.__scopeNavigationMenu), [a, m] = K(null), [s, l] = K(null), y = a ? (a == null ? void 0 : a.width) + "px" : void 0, v = a ? (a == null ? void 0 : a.height) + "px" : void 0, f = !!i.value, p = f ? i.value : i.previousValue;
+  const { __scopeNavigationMenu: n, children: r, ...o } = e, i = k(Ne, n), c = B(t, i.onViewportChange), u = mt(H, e.__scopeNavigationMenu), [a, m] = K(null), [s, l] = K(null), w = a ? (a == null ? void 0 : a.width) + "px" : void 0, v = a ? (a == null ? void 0 : a.height) + "px" : void 0, f = !!i.value, p = f ? i.value : i.previousValue;
   return re(s, () => {
     s && m({
       width: s.offsetWidth,
       height: s.offsetHeight
     });
-  }), /* @__PURE__ */ d(F.div, M({
+  }), /* @__PURE__ */ d(L.div, M({
     "data-state": ue(f),
     "data-orientation": i.orientation
   }, o, {
@@ -607,30 +607,30 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
     style: {
       // Prevent interaction when animating out
       pointerEvents: !f && i.isRootMenu ? "none" : void 0,
-      "--radix-navigation-menu-viewport-width": y,
+      "--radix-navigation-menu-viewport-width": w,
       "--radix-navigation-menu-viewport-height": v,
       ...o.style
     },
     onPointerEnter: T(e.onPointerEnter, i.onContentEnter),
     onPointerLeave: T(e.onPointerLeave, j(i.onContentLeave))
-  }), Array.from(u.items).map(([x, { ref: k, forceMount: g, ...b }]) => {
+  }), Array.from(u.items).map(([x, { ref: F, forceMount: g, ...b }]) => {
     const $ = p === x;
     return /* @__PURE__ */ d(q, {
       key: x,
       present: g || $
     }, /* @__PURE__ */ d(Me, M({}, b, {
-      ref: Xe(k, (C) => {
+      ref: Xe(F, (C) => {
         $ && C && l(C);
       })
     })));
   }));
 }), Ot = "FocusGroup", Re = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, ...r } = e, o = A(Ot, n);
+  const { __scopeNavigationMenu: n, ...r } = e, o = k(Ot, n);
   return /* @__PURE__ */ d(ne.Provider, {
     scope: n
   }, /* @__PURE__ */ d(ne.Slot, {
     scope: n
-  }, /* @__PURE__ */ d(F.div, M({
+  }, /* @__PURE__ */ d(L.div, M({
     dir: o.dir
   }, r, {
     ref: t
@@ -640,11 +640,11 @@ const ut = /* @__PURE__ */ I((e, t) => /* @__PURE__ */ d(F.span, M({}, e, {
   "ArrowLeft",
   "ArrowUp",
   "ArrowDown"
-], kt = "FocusGroupItem", Ie = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, ...r } = e, o = ft(n), i = A(kt, n);
+], Ft = "FocusGroupItem", Ie = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, ...r } = e, o = ft(n), i = k(Ft, n);
   return /* @__PURE__ */ d(ne.ItemSlot, {
     scope: n
-  }, /* @__PURE__ */ d(F.button, M({}, r, {
+  }, /* @__PURE__ */ d(L.button, M({}, r, {
     ref: t,
     onKeyDown: T(e.onKeyDown, (c) => {
       if ([
@@ -685,7 +685,7 @@ function ce(e) {
   const t = document.activeElement;
   return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
 }
-function Ft(e) {
+function Lt(e) {
   return e.forEach((t) => {
     t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
   }), () => {
@@ -724,25 +724,25 @@ function De(e, t) {
 function j(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-const Lt = pt, At = _t, Kt = wt, St = Ct, Vt = xt, zt = Tt, Wt = Mt, Ut = Rt, Bt = Pt, Ht = "_enterFromLeft_8k0ri_1", Gt = "_enterFromRight_8k0ri_1", Yt = "_exitToLeft_8k0ri_1", jt = "_exitToRight_8k0ri_1", qt = "_scaleIn_8k0ri_1", Xt = "_scaleOut_8k0ri_1", N = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_8k0ri_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_8k0ri_33",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_8k0ri_36",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_8k0ri_55",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_8k0ri_75",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_8k0ri_93",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_8k0ri_98",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_8k0ri_160",
+const At = pt, kt = _t, Kt = yt, St = Ct, Vt = xt, zt = Tt, Wt = Mt, Ut = Rt, Bt = Pt, Ht = "_enterFromLeft_139wf_1", Gt = "_enterFromRight_139wf_1", Yt = "_exitToLeft_139wf_1", jt = "_exitToRight_139wf_1", qt = "_scaleIn_139wf_1", Xt = "_scaleOut_139wf_1", N = {
+  "teddy-navigation-menu": "_teddy-navigation-menu_139wf_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_139wf_33",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_139wf_36",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_139wf_55",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_139wf_75",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_139wf_93",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_139wf_98",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_139wf_163",
   enterFromLeft: Ht,
   enterFromRight: Gt,
   exitToLeft: Yt,
   exitToRight: jt,
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_8k0ri_205",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_8k0ri_223",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_8k0ri_228",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_8k0ri_290",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_8k0ri_308",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_8k0ri_313",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_139wf_208",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_139wf_226",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_139wf_231",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_139wf_296",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_139wf_314",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_139wf_319",
   scaleIn: qt,
   scaleOut: Xt
 }, R = "teddy-navigation-menu", J = h.createContext({
@@ -770,12 +770,12 @@ const Lt = pt, At = _t, Kt = wt, St = Ct, Vt = xt, zt = Tt, Wt = Mt, Ut = Rt, Bt
         const p = ie(c.current);
         p.length && le(f === "start" ? p : p.reverse());
       }
-    }, []), y = h.useCallback(() => {
+    }, []), w = h.useCallback(() => {
       if (c.current) {
         const f = ie(c.current);
         f.length && (u.current = en(f));
       }
-    }, []), v = L([N[`${R}`]], e);
+    }, []), v = A([N[`${R}`]], e);
     return /* @__PURE__ */ O(
       J.Provider,
       {
@@ -788,31 +788,31 @@ const Lt = pt, At = _t, Kt = wt, St = Ct, Vt = xt, zt = Tt, Wt = Mt, Ut = Rt, Bt
           orientation: n.orientation || "horizontal",
           onEntryKeyDown: l,
           onFocusProxyEnter: l,
-          onContentFocusOutside: y,
+          onContentFocusOutside: w,
           selectedTopMenu: o,
           setSelectedTopMenu: i
         },
-        children: /* @__PURE__ */ O(Lt, { ...n, ref: r, className: v })
+        children: /* @__PURE__ */ O(At, { ...n, ref: r, className: v })
       }
     );
   }
 );
 Oe.displayName = "NavigationMenu";
-const ke = h.forwardRef(
+const Fe = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L([N[`${R}__top-menu-list`]], e), o = h.useContext(J), i = X(o.topMenuRef, n);
+    const r = A([N[`${R}__top-menu-list`]], e), o = h.useContext(J), i = X(o.topMenuRef, n);
     return /* @__PURE__ */ O("ul", { ...t, ref: i, className: r });
   }
 );
-ke.displayName = "NavigationMenu.TopMenuList";
+Fe.displayName = "NavigationMenu.TopMenuList";
 const Jt = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L([N[`${R}__top-menu-item`]], e);
+    const r = A([N[`${R}__top-menu-item`]], e);
     return /* @__PURE__ */ O("li", { ...t, ref: n, className: r });
   }
 ), Qt = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L(
+    const r = A(
       [N[`${R}__top-menu-trigger`], N[`${R}__top-menu-trigger--small`]],
       e
     ), o = h.useContext(J), i = h.useRef(null), c = X(i, n), u = o.selectedTopMenu === t.value;
@@ -831,12 +831,12 @@ const Jt = h.forwardRef(
             o.setSelectedTopMenu(t.value);
           }),
           onKeyDown: ee(t.onKeyDown, (a) => {
-            var y;
+            var w;
             const s = { horizontal: "ArrowDown", vertical: o.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[o.orientation];
             if (u && a.key === s)
               return o.onEntryKeyDown(), a.preventDefault();
             if (["Home", "End", ...be].includes(a.key)) {
-              const v = (y = o.topMenuRef.current) == null ? void 0 : y.querySelectorAll(`[${pe}]`);
+              const v = (w = o.topMenuRef.current) == null ? void 0 : w.querySelectorAll(`[${pe}]`);
               if (!v)
                 return;
               let f = Array.from(v == null ? void 0 : v.values());
@@ -855,16 +855,16 @@ const Jt = h.forwardRef(
           tabIndex: 0,
           ref: o.focusProxyRef,
           onFocus: (a) => {
-            const m = o.contentRef.current, s = a.relatedTarget, l = s === i.current, y = m == null ? void 0 : m.contains(s);
-            (l || !y) && o.onFocusProxyEnter(l ? "start" : "end");
+            const m = o.contentRef.current, s = a.relatedTarget, l = s === i.current, w = m == null ? void 0 : m.contains(s);
+            (l || !w) && o.onFocusProxyEnter(l ? "start" : "end");
           }
         }
       )
     ] });
   }
-), Fe = h.forwardRef(
+), Le = h.forwardRef(
   ({ className: e, variant: t, value: n, ...r }, o) => {
-    const i = L([N[`${R}__list`]], [N[`${R}__list--${t}`]], e), c = h.useContext(J), u = X(c.contentRef, o), a = c.selectedTopMenu !== void 0;
+    const i = A([N[`${R}__list`]], [N[`${R}__list--${t}`]], e), c = h.useContext(J), u = X(c.contentRef, o), a = c.selectedTopMenu !== void 0;
     return c.selectedTopMenu === n ? /* @__PURE__ */ O(
       Kt,
       {
@@ -877,8 +877,8 @@ const Jt = h.forwardRef(
             return;
           const l = s.altKey || s.ctrlKey || s.metaKey;
           if (s.key === "Tab" && !l) {
-            const f = ie(s.currentTarget), p = document.activeElement, w = f.findIndex((g) => g === p), k = s.shiftKey ? f.slice(0, w).reverse() : f.slice(w + 1, f.length);
-            le(k) ? s.preventDefault() : ((v = c.focusProxyRef.current) == null || v.focus(), c.onContentFocusOutside());
+            const f = ie(s.currentTarget), p = document.activeElement, y = f.findIndex((g) => g === p), F = s.shiftKey ? f.slice(0, y).reverse() : f.slice(y + 1, f.length);
+            le(F) ? s.preventDefault() : ((v = c.focusProxyRef.current) == null || v.focus(), c.onContentFocusOutside());
           }
         }),
         className: i
@@ -886,17 +886,17 @@ const Jt = h.forwardRef(
     ) : null;
   }
 );
-Fe.displayName = "NavigationMenu.List";
-const Le = h.forwardRef(
+Le.displayName = "NavigationMenu.List";
+const Ae = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L([N[`${R}__item`]], e);
+    const r = A([N[`${R}__item`]], e);
     return /* @__PURE__ */ O(St, { ...t, ref: n, className: r });
   }
 );
-Le.displayName = "NavigationMenu.Item";
-const Ae = h.forwardRef(
+Ae.displayName = "NavigationMenu.Item";
+const ke = h.forwardRef(
   ({ className: e, active: t, variant: n = "default", ...r }, o) => {
-    const i = L(
+    const i = A(
       [N[`${R}__trigger`]],
       [N[`${R}__trigger--${n}`]],
       e
@@ -916,10 +916,10 @@ const Ae = h.forwardRef(
     );
   }
 );
-Ae.displayName = "NavigationMenu.Trigger";
+ke.displayName = "NavigationMenu.Trigger";
 const Zt = h.forwardRef(
   ({ className: e, variant: t = "default", ...n }, r) => {
-    const o = L(
+    const o = A(
       [N[`${R}__content`]],
       [N[`${R}__content--${t}`]],
       e
@@ -937,7 +937,7 @@ const Zt = h.forwardRef(
   }
 ), Ke = h.forwardRef(
   ({ className: e, variant: t = "default", ...n }, r) => {
-    const o = L([N[`${R}__link`]], [N[`${R}__link--${t}`]], e);
+    const o = A([N[`${R}__link`]], [N[`${R}__link--${t}`]], e);
     return /* @__PURE__ */ O(
       zt,
       {
@@ -952,22 +952,22 @@ const Zt = h.forwardRef(
 Ke.displayName = "NavigationMenu.Link";
 const Se = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L([N[`${R}__indicator`]], e);
+    const r = A([N[`${R}__indicator`]], e);
     return /* @__PURE__ */ O(Wt, { ...t, ref: n, className: r });
   }
 );
 Se.displayName = "NavigationMenu.Indicator";
 const Ve = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L([N[`${R}__viewport`]], e);
+    const r = A([N[`${R}__viewport`]], e);
     return /* @__PURE__ */ O(Bt, { ...t, ref: n, className: r });
   }
 );
 Ve.displayName = "NavigationMenu.Viewport";
 const ze = h.forwardRef(
   ({ className: e, ...t }, n) => {
-    const r = L([N[`${R}__sub`]], e);
-    return /* @__PURE__ */ O(At, { ...t, ref: n, className: r });
+    const r = A([N[`${R}__sub`]], e);
+    return /* @__PURE__ */ O(kt, { ...t, ref: n, className: r });
   }
 );
 ze.displayName = "NavigationMenu.Sub";
@@ -1017,15 +1017,15 @@ function Ue(e) {
   return `teddy-navigation-menu-${e.baseId}-${e.value}-content`;
 }
 const vn = Object.assign(Oe, {
-  List: Fe,
-  Item: Le,
-  Trigger: Ae,
+  List: Le,
+  Item: Ae,
+  Trigger: ke,
   Content: Zt,
   Link: Ke,
   Indicator: Se,
   Viewport: Ve,
   Sub: ze,
-  TopMenuList: ke,
+  TopMenuList: Fe,
   TopMenuItem: Jt,
   TopMenuTrigger: Qt
 });