@telia/teddy 0.0.10 → 0.0.11

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

@@ -1,1034 +1,10 @@
-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 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 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";
-function nt(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = V(e);
-  z(() => {
-    const r = (o) => {
-      o.key === "Escape" && n(o);
-    };
-    return t.addEventListener("keydown", r), () => t.removeEventListener("keydown", r);
-  }, [
-    n,
-    t
-  ]);
-}
-const te = "dismissableLayer.update", ot = "dismissableLayer.pointerDownOutside", rt = "dismissableLayer.focusOutside";
-let fe;
-const it = /* @__PURE__ */ je({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  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, 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) => w(E)
-  ), y = Array.from(s.layers), [x] = [
-    ...s.layersWithOutsidePointerEventsDisabled
-  ].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(
-      (W) => W.contains(_)
-    );
-    !$ || S || (i == null || i(E), u == null || u(E), E.defaultPrevented || a == null || a());
-  }, v), D = ct((E) => {
-    const _ = E.target;
-    [
-      ...s.branches
-    ].some(
-      (W) => W.contains(_)
-    ) || (c == null || c(E), u == null || u(E), E.defaultPrevented || a == null || a());
-  }, v);
-  return nt((E) => {
-    g === s.layers.size - 1 && (o == null || o(E), !E.defaultPrevented && a && (E.preventDefault(), a()));
-  }, v), z(() => {
-    if (l)
-      return r && (s.layersWithOutsidePointerEventsDisabled.size === 0 && (fe = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), s.layersWithOutsidePointerEventsDisabled.add(l)), s.layers.add(l), ve(), () => {
-        r && s.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = fe);
-      };
-  }, [
-    l,
-    v,
-    r,
-    s
-  ]), z(() => () => {
-    l && (s.layers.delete(l), s.layersWithOutsidePointerEventsDisabled.delete(l), ve());
-  }, [
-    l,
-    s
-  ]), z(() => {
-    const E = () => f({});
-    return document.addEventListener(te, E), () => document.removeEventListener(te, E);
-  }, []), /* @__PURE__ */ d(L.div, M({}, m, {
-    ref: p,
-    style: {
-      pointerEvents: b ? $ ? "auto" : "none" : void 0,
-      ...e.style
-    },
-    onFocusCapture: T(e.onFocusCapture, D.onFocusCapture),
-    onBlurCapture: T(e.onBlurCapture, D.onBlurCapture),
-    onPointerDownCapture: T(e.onPointerDownCapture, C.onPointerDownCapture)
-  }));
-});
-function st(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = V(e), r = P(!1), o = P(() => {
-  });
-  return z(() => {
-    const i = (u) => {
-      if (u.target && !r.current) {
-        let m = function() {
-          Ee(ot, n, a, {
-            discrete: !0
-          });
-        };
-        const a = {
-          originalEvent: u
-        };
-        u.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = m, t.addEventListener("click", o.current, {
-          once: !0
-        })) : m();
-      } else
-        t.removeEventListener("click", o.current);
-      r.current = !1;
-    }, c = window.setTimeout(() => {
-      t.addEventListener("pointerdown", i);
-    }, 0);
-    return () => {
-      window.clearTimeout(c), t.removeEventListener("pointerdown", i), t.removeEventListener("click", o.current);
-    };
-  }, [
-    t,
-    n
-  ]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => r.current = !0
-  };
-}
-function ct(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = V(e), r = P(!1);
-  return z(() => {
-    const o = (i) => {
-      i.target && !r.current && Ee(rt, n, {
-        originalEvent: i
-      }, {
-        discrete: !1
-      });
-    };
-    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
-  }, [
-    t,
-    n
-  ]), {
-    onFocusCapture: () => r.current = !0,
-    onBlurCapture: () => r.current = !1
-  };
-}
-function ve() {
-  const e = new CustomEvent(te);
-  document.dispatchEvent(e);
-}
-function Ee(e, t, n, { discrete: r }) {
-  const o = n.originalEvent.target, i = new CustomEvent(e, {
-    bubbles: !1,
-    cancelable: !0,
-    detail: n
-  });
-  t && o.addEventListener(e, t, {
-    once: !0
-  }), r ? Z(o, i) : o.dispatchEvent(i);
-}
-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
-    position: "absolute",
-    border: 0,
-    width: 1,
-    height: 1,
-    padding: 0,
-    margin: -1,
-    overflow: "hidden",
-    clip: "rect(0, 0, 0, 0)",
-    whiteSpace: "nowrap",
-    wordWrap: "normal",
-    ...e.style
-  }
-}))), lt = ut, G = "NavigationMenu", [ae, he, dt] = _e(G), [ne, ft, vt] = _e(G), [se, fn] = Qe(G, [
-  dt,
-  vt
-]), [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,
-    (_) => 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;
-      S ? (window.clearTimeout(x.current), W && g(!1)) : (window.clearTimeout(x.current), x.current = window.setTimeout(
-        () => g(!0),
-        u
-      )), o == null || o(_);
-    },
-    defaultProp: i
-  }), C = U(() => {
-    window.clearTimeout(y.current), y.current = window.setTimeout(
-      () => $(""),
-      150
-    );
-  }, [
-    $
-  ]), D = U((_) => {
-    window.clearTimeout(y.current), $(_);
-  }, [
-    $
-  ]), E = U((_) => {
-    b === _ ? window.clearTimeout(y.current) : p.current = window.setTimeout(() => {
-      window.clearTimeout(y.current), $(_);
-    }, c);
-  }, [
-    b,
-    $,
-    c
-  ]);
-  return z(() => () => {
-    window.clearTimeout(p.current), window.clearTimeout(y.current), window.clearTimeout(x.current);
-  }, []), /* @__PURE__ */ d(Ce, {
-    scope: n,
-    isRootMenu: !0,
-    value: b,
-    dir: f,
-    orientation: a,
-    rootNavigationMenu: l,
-    onTriggerEnter: (_) => {
-      window.clearTimeout(p.current), F ? E(_) : D(_);
-    },
-    onTriggerLeave: () => {
-      window.clearTimeout(p.current), C();
-    },
-    onContentEnter: () => window.clearTimeout(y.current),
-    onContentLeave: C,
-    onItemSelect: (_) => {
-      $(
-        (S) => S === _ ? "" : _
-      );
-    },
-    onItemDismiss: () => $("")
-  }, /* @__PURE__ */ d(L.nav, M({
-    "aria-label": "Main",
-    "data-orientation": a,
-    dir: f
-  }, s, {
-    ref: v
-  })));
-}), bt = "NavigationMenuSub", _t = /* @__PURE__ */ I((e, t) => {
-  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
-  });
-  return /* @__PURE__ */ d(Ce, {
-    scope: n,
-    isRootMenu: !1,
-    value: m,
-    dir: a.dir,
-    orientation: c,
-    rootNavigationMenu: a.rootNavigationMenu,
-    onTriggerEnter: (l) => s(l),
-    onItemSelect: (l) => s(l),
-    onItemDismiss: () => s("")
-  }, /* @__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: 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: ye(),
-    dir: o,
-    orientation: i,
-    viewport: f,
-    onViewportChange: p,
-    indicatorTrack: F,
-    onIndicatorTrackChange: g,
-    onTriggerEnter: V(s),
-    onTriggerLeave: V(l),
-    onContentEnter: V(w),
-    onContentLeave: V(v),
-    onItemSelect: V(a),
-    onItemDismiss: V(m),
-    onViewportContentChange: U((b, $) => {
-      x((C) => (C.set(b, $), new Map(C)));
-    }, []),
-    onViewportContentRemove: U((b) => {
-      x(($) => $.has(b) ? ($.delete(b), new Map($)) : $);
-    }, [])
-  }, /* @__PURE__ */ d(ae.Provider, {
-    scope: t
-  }, /* @__PURE__ */ d($t, {
-    scope: t,
-    items: y
-  }, c)));
-}, 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(L.div, {
-    style: {
-      position: "relative"
-    },
-    ref: o.onIndicatorTrackChange
-  }, /* @__PURE__ */ d(ae.Slot, {
-    scope: n
-  }, o.isRootMenu ? /* @__PURE__ */ d(Re, {
-    asChild: !0
-  }, i) : i));
-}), Et = "NavigationMenuItem", [ht, xe] = se(Et), Ct = /* @__PURE__ */ I((e, t) => {
-  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);
-      p.length && ce(f === "start" ? p : p.reverse());
-    }
-  }, []), v = U(() => {
-    if (u.current) {
-      const f = oe(u.current);
-      f.length && (s.current = Lt(f));
-    }
-  }, []);
-  return /* @__PURE__ */ d(ht, {
-    scope: n,
-    value: c,
-    triggerRef: a,
-    contentRef: u,
-    focusProxyRef: m,
-    wasEscapeCloseRef: l,
-    onEntryKeyDown: w,
-    onFocusProxyEnter: w,
-    onRootContentClose: v,
-    onContentFocusOutside: v
-  }, /* @__PURE__ */ d(L.li, M({}, o, {
-    ref: t
-  })));
-}), ge = "NavigationMenuTrigger", xt = /* @__PURE__ */ I((e, t) => {
-  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(L.button, M({
-    id: m,
-    disabled: r,
-    "data-disabled": r ? "" : void 0,
-    "data-state": ue(v),
-    "aria-expanded": v,
-    "aria-controls": s
-  }, o, {
-    ref: a,
-    onPointerEnter: T(e.onPointerEnter, () => {
-      w.current = !1, c.wasEscapeCloseRef.current = !1;
-    }),
-    onPointerMove: T(e.onPointerMove, j(() => {
-      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), w.current = v;
-    }),
-    onKeyDown: T(e.onKeyDown, (f) => {
-      const y = {
-        horizontal: "ArrowDown",
-        vertical: i.dir === "rtl" ? "ArrowLeft" : "ArrowRight"
-      }[i.orientation];
-      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, 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
-  })));
-}), $e = "navigationMenu.linkSelect", Tt = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, active: r, onSelect: o, ...i } = e;
-  return /* @__PURE__ */ d(Ie, {
-    asChild: !0
-  }, /* @__PURE__ */ d(L.a, M({
-    "data-active": r ? "" : void 0,
-    "aria-current": r ? "page" : void 0
-  }, i, {
-    ref: t,
-    onClick: T(e.onClick, (c) => {
-      const u = c.target, a = new CustomEvent($e, {
-        bubbles: !0,
-        cancelable: !0
-      });
-      if (u.addEventListener(
-        $e,
-        (m) => o == null ? void 0 : o(m),
-        {
-          once: !0
-        }
-      ), Z(u, a), !a.defaultPrevented && !c.metaKey) {
-        const m = new CustomEvent(Y, {
-          bubbles: !0,
-          cancelable: !0
-        });
-        Z(u, m);
-      }
-    }, {
-      checkForDefaultPrevented: !1
-    })
-  })));
-}), Te = "NavigationMenuIndicator", Mt = /* @__PURE__ */ I((e, t) => {
-  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 = 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(
-      (y) => y.value === o.value
-    )) === null || v === void 0 ? void 0 : v.ref.current;
-    p && u(p);
-  }, [
-    i,
-    o.value
-  ]);
-  const w = () => {
-    c && m({
-      size: s ? c.offsetWidth : c.offsetHeight,
-      offset: s ? c.offsetLeft : c.offsetTop
-    });
-  };
-  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
-  }, r, {
-    ref: t,
-    style: {
-      position: "absolute",
-      ...s ? {
-        left: 0,
-        width: a.size + "px",
-        transform: `translateX(${a.offset}px)`
-      } : {
-        top: 0,
-        height: a.size + "px",
-        transform: `translateY(${a.offset}px)`
-      },
-      ...r.style
-    }
-  })) : null;
-}), H = "NavigationMenuContent", Rt = /* @__PURE__ */ I((e, t) => {
-  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,
-    wasEscapeCloseRef: i.wasEscapeCloseRef,
-    onContentFocusOutside: i.onContentFocusOutside,
-    onRootContentClose: i.onRootContentClose,
-    ...r
-  };
-  return o.viewport ? /* @__PURE__ */ d(It, M({
-    forceMount: n
-  }, a, {
-    ref: c
-  })) : /* @__PURE__ */ d(q, {
-    present: n || u
-  }, /* @__PURE__ */ d(Me, M({
-    "data-state": ue(u)
-  }, a, {
-    ref: c,
-    onPointerEnter: T(e.onPointerEnter, o.onContentEnter),
-    onPointerLeave: T(e.onPointerLeave, j(o.onContentLeave)),
-    style: {
-      // Prevent interaction when animating out
-      pointerEvents: !u && o.isRootMenu ? "none" : void 0,
-      ...a.style
-    }
-  })));
-}), It = /* @__PURE__ */ I((e, t) => {
-  const n = k(H, e.__scopeNavigationMenu), { onViewportContentChange: r, onViewportContentRemove: o } = n;
-  return Q(() => {
-    r(e.value, {
-      ref: t,
-      ...e
-    });
-  }, [
-    e,
-    t,
-    r
-  ]), Q(() => () => o(e.value), [
-    e.value,
-    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 = 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) {
-      const b = () => {
-        var $;
-        x(), u(), g.contains(document.activeElement) && (($ = o.current) === null || $ === void 0 || $.focus());
-      };
-      return g.addEventListener(Y, b), () => g.removeEventListener(Y, b);
-    }
-  }, [
-    s.isRootMenu,
-    e.value,
-    o,
-    x,
-    u
-  ]);
-  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 y.current;
-    const _ = (() => {
-      if ($ !== C) {
-        if (D && C !== -1)
-          return $ > C ? "from-end" : "from-start";
-        if (E && $ !== -1)
-          return $ > C ? "to-start" : "to-end";
-      }
-      return null;
-    })();
-    return y.current = _, _;
-  }, [
-    s.previousValue,
-    s.value,
-    s.dir,
-    p,
-    r
-  ]);
-  return /* @__PURE__ */ d(Re, {
-    asChild: !0
-  }, /* @__PURE__ */ d(at, M({
-    id: f,
-    "aria-labelledby": v,
-    "data-motion": F,
-    "data-orientation": s.orientation
-  }, m, {
-    ref: w,
-    onDismiss: () => {
-      var g;
-      const b = new Event(Y, {
-        bubbles: !0,
-        cancelable: !0
-      });
-      (g = l.current) === null || g === void 0 || g.dispatchEvent(b);
-    },
-    onFocusOutside: T(e.onFocusOutside, (g) => {
-      var b;
-      a();
-      const $ = g.target;
-      (b = s.rootNavigationMenu) !== null && b !== void 0 && b.contains($) && g.preventDefault();
-    }),
-    onPointerDownOutside: T(e.onPointerDownOutside, (g) => {
-      var b;
-      const $ = g.target, C = p().some((E) => {
-        var _;
-        return (_ = E.ref.current) === null || _ === void 0 ? void 0 : _.contains($);
-      }), D = s.isRootMenu && ((b = s.viewport) === null || b === void 0 ? void 0 : b.contains($));
-      (C || D || !s.isRootMenu) && g.preventDefault();
-    }),
-    onKeyDown: T(e.onKeyDown, (g) => {
-      const b = g.altKey || g.ctrlKey || g.metaKey;
-      if (g.key === "Tab" && !b) {
-        const D = oe(g.currentTarget), E = document.activeElement, _ = D.findIndex(
-          (Be) => Be === E
-        ), W = g.shiftKey ? D.slice(0, _).reverse() : D.slice(_ + 1, D.length);
-        if (ce(W))
-          g.preventDefault();
-        else {
-          var C;
-          (C = i.current) === null || C === void 0 || C.focus();
-        }
-      }
-    }),
-    onEscapeKeyDown: T(e.onEscapeKeyDown, (g) => {
-      c.current = !0;
-    })
-  })));
-}), Ne = "NavigationMenuViewport", Pt = /* @__PURE__ */ I((e, t) => {
-  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 = 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(L.div, M({
-    "data-state": ue(f),
-    "data-orientation": i.orientation
-  }, o, {
-    ref: c,
-    style: {
-      // Prevent interaction when animating out
-      pointerEvents: !f && i.isRootMenu ? "none" : void 0,
-      "--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: F, forceMount: g, ...b }]) => {
-    const $ = p === x;
-    return /* @__PURE__ */ d(q, {
-      key: x,
-      present: g || $
-    }, /* @__PURE__ */ d(Me, M({}, b, {
-      ref: Xe(F, (C) => {
-        $ && C && l(C);
-      })
-    })));
-  }));
-}), Ot = "FocusGroup", Re = /* @__PURE__ */ I((e, t) => {
-  const { __scopeNavigationMenu: n, ...r } = e, o = k(Ot, n);
-  return /* @__PURE__ */ d(ne.Provider, {
-    scope: n
-  }, /* @__PURE__ */ d(ne.Slot, {
-    scope: n
-  }, /* @__PURE__ */ d(L.div, M({
-    dir: o.dir
-  }, r, {
-    ref: t
-  }))));
-}), me = [
-  "ArrowRight",
-  "ArrowLeft",
-  "ArrowUp",
-  "ArrowDown"
-], 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(L.button, M({}, r, {
-    ref: t,
-    onKeyDown: T(e.onKeyDown, (c) => {
-      if ([
-        "Home",
-        "End",
-        ...me
-      ].includes(c.key)) {
-        let a = o().map(
-          (l) => l.ref.current
-        );
-        if ([
-          i.dir === "rtl" ? "ArrowRight" : "ArrowLeft",
-          "ArrowUp",
-          "End"
-        ].includes(c.key) && a.reverse(), me.includes(c.key)) {
-          const l = a.indexOf(c.currentTarget);
-          a = a.slice(l + 1);
-        }
-        setTimeout(
-          () => ce(a)
-        ), c.preventDefault();
-      }
-    })
-  })));
-});
-function oe(e) {
-  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (r) => {
-      const o = r.tagName === "INPUT" && r.type === "hidden";
-      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; n.nextNode(); )
-    t.push(n.currentNode);
-  return t;
-}
-function ce(e) {
-  const t = document.activeElement;
-  return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
-}
-function Lt(e) {
-  return e.forEach((t) => {
-    t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
-  }), () => {
-    e.forEach((t) => {
-      const n = t.dataset.tabindex;
-      t.setAttribute("tabindex", n);
-    });
-  };
-}
-function re(e, t) {
-  const n = V(t);
-  Q(() => {
-    let r = 0;
-    if (e) {
-      const o = new ResizeObserver(() => {
-        cancelAnimationFrame(r), r = window.requestAnimationFrame(n);
-      });
-      return o.observe(e), () => {
-        window.cancelAnimationFrame(r), o.unobserve(e);
-      };
-    }
-  }, [
-    e,
-    n
-  ]);
-}
-function ue(e) {
-  return e ? "open" : "closed";
-}
-function Pe(e, t) {
-  return `${e}-trigger-${t}`;
-}
-function De(e, t) {
-  return `${e}-content-${t}`;
-}
-function j(e) {
-  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
-}
-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_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({
-  selectedTopMenu: void 0,
-  setSelectedTopMenu: () => {
-  },
-  contentRef: { current: null },
-  focusProxyRef: { current: null },
-  topMenuRef: { current: null },
-  id: "",
-  dir: "ltr",
-  orientation: "horizontal",
-  onEntryKeyDown: () => {
-  },
-  onFocusProxyEnter: () => {
-  },
-  onContentFocusOutside: () => {
-  }
-}), Oe = h.forwardRef(
-  ({ className: e, defaultTopMenuValue: t, ...n }, r) => {
-    const [o, i] = h.useState(t), c = h.useRef(null), u = h.useRef(() => {
-    }), a = h.useRef(null), m = h.useRef(null), s = h.useId(), l = h.useCallback((f = "start") => {
-      if (c.current) {
-        u.current();
-        const p = ie(c.current);
-        p.length && le(f === "start" ? p : p.reverse());
-      }
-    }, []), w = h.useCallback(() => {
-      if (c.current) {
-        const f = ie(c.current);
-        f.length && (u.current = en(f));
-      }
-    }, []), v = A([N[`${R}`]], e);
-    return /* @__PURE__ */ O(
-      J.Provider,
-      {
-        value: {
-          contentRef: c,
-          focusProxyRef: a,
-          topMenuRef: m,
-          id: s,
-          dir: n.dir || "ltr",
-          orientation: n.orientation || "horizontal",
-          onEntryKeyDown: l,
-          onFocusProxyEnter: l,
-          onContentFocusOutside: w,
-          selectedTopMenu: o,
-          setSelectedTopMenu: i
-        },
-        children: /* @__PURE__ */ O(At, { ...n, ref: r, className: v })
-      }
-    );
-  }
-);
-Oe.displayName = "NavigationMenu";
-const Fe = h.forwardRef(
-  ({ className: e, ...t }, 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 });
-  }
-);
-Fe.displayName = "NavigationMenu.TopMenuList";
-const Jt = h.forwardRef(
-  ({ className: e, ...t }, n) => {
-    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 = 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;
-    return /* @__PURE__ */ He(Ge, { children: [
-      /* @__PURE__ */ O(
-        "button",
-        {
-          ...t,
-          ref: c,
-          className: r,
-          "data-state": u ? "open" : "closed",
-          "aria-expanded": u,
-          "aria-controls": Ue({ value: t.value, baseId: o.id }),
-          [pe]: "",
-          onClick: ee(t.onClick, () => {
-            o.setSelectedTopMenu(t.value);
-          }),
-          onKeyDown: ee(t.onKeyDown, (a) => {
-            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 = (w = o.topMenuRef.current) == null ? void 0 : w.querySelectorAll(`[${pe}]`);
-              if (!v)
-                return;
-              let f = Array.from(v == null ? void 0 : v.values());
-              if ([o.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(a.key) && f.reverse(), be.includes(a.key)) {
-                const x = f.indexOf(a.currentTarget);
-                f = f.slice(x + 1), le(f), a.preventDefault();
-              }
-            }
-          })
-        }
-      ),
-      u && /* @__PURE__ */ O(
-        tt,
-        {
-          "aria-hidden": !0,
-          tabIndex: 0,
-          ref: o.focusProxyRef,
-          onFocus: (a) => {
-            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");
-          }
-        }
-      )
-    ] });
-  }
-), Le = h.forwardRef(
-  ({ className: e, variant: t, value: n, ...r }, o) => {
-    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,
-      {
-        ref: a ? u : o,
-        id: n && Ue({ value: n, baseId: c.id }),
-        ...r,
-        onKeyDown: ee(r.onKeyDown, (s) => {
-          var v;
-          if (!n)
-            return;
-          const l = s.altKey || s.ctrlKey || s.metaKey;
-          if (s.key === "Tab" && !l) {
-            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
-      }
-    ) : null;
-  }
-);
-Le.displayName = "NavigationMenu.List";
-const Ae = h.forwardRef(
-  ({ className: e, ...t }, n) => {
-    const r = A([N[`${R}__item`]], e);
-    return /* @__PURE__ */ O(St, { ...t, ref: n, className: r });
-  }
-);
-Ae.displayName = "NavigationMenu.Item";
-const ke = h.forwardRef(
-  ({ className: e, active: t, variant: n = "default", ...r }, o) => {
-    const i = A(
-      [N[`${R}__trigger`]],
-      [N[`${R}__trigger--${n}`]],
-      e
-    ), c = h.useRef(null), u = X(o, c);
-    return /* @__PURE__ */ O(
-      Vt,
-      {
-        onPointerEnter: (a) => a.preventDefault(),
-        onPointerMove: (a) => a.preventDefault(),
-        onPointerLeave: (a) => a.preventDefault(),
-        ...r,
-        ref: u,
-        "data-active": t ? "true" : void 0,
-        className: i,
-        "data-text": We(r.children)
-      }
-    );
-  }
-);
-ke.displayName = "NavigationMenu.Trigger";
-const Zt = h.forwardRef(
-  ({ className: e, variant: t = "default", ...n }, r) => {
-    const o = A(
-      [N[`${R}__content`]],
-      [N[`${R}__content--${t}`]],
-      e
-    );
-    return /* @__PURE__ */ O(
-      Ut,
-      {
-        onPointerEnter: (i) => i.preventDefault(),
-        onPointerLeave: (i) => i.preventDefault(),
-        ...n,
-        ref: r,
-        className: o
-      }
-    );
-  }
-), Ke = h.forwardRef(
-  ({ className: e, variant: t = "default", ...n }, r) => {
-    const o = A([N[`${R}__link`]], [N[`${R}__link--${t}`]], e);
-    return /* @__PURE__ */ O(
-      zt,
-      {
-        ...n,
-        ref: r,
-        className: o,
-        "data-text": We(n.children)
-      }
-    );
-  }
-);
-Ke.displayName = "NavigationMenu.Link";
-const Se = h.forwardRef(
-  ({ className: e, ...t }, n) => {
-    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 = 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 = A([N[`${R}__sub`]], e);
-    return /* @__PURE__ */ O(kt, { ...t, ref: n, className: r });
-  }
-);
-ze.displayName = "NavigationMenu.Sub";
-function We(e) {
-  function t(n) {
-    if (typeof n == "string")
-      return n;
-    if (h.isValidElement(n) && n.props.children)
-      return t(n.props.children);
-    if (Array.isArray(n))
-      for (let r = n.length - 1; r >= 0; r--) {
-        const o = t(n[r]);
-        if (o)
-          return o;
-      }
-  }
-  return t(e);
-}
-function ie(e) {
-  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    acceptNode: (r) => {
-      const o = r.tagName === "INPUT" && r.type === "hidden";
-      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; n.nextNode(); )
-    t.push(n.currentNode);
-  return t;
-}
-function le(e) {
-  const t = document.activeElement;
-  return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
-}
-function en(e) {
-  return e.forEach((t) => {
-    t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
-  }), () => {
-    e.forEach((t) => {
-      const n = t.dataset.tabindex;
-      t.setAttribute("tabindex", n);
-    });
-  };
-}
-const pe = "data-teddy-top-selector-trigger", be = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
-function Ue(e) {
-  return `teddy-navigation-menu-${e.baseId}-${e.value}-content`;
-}
-const vn = Object.assign(Oe, {
-  List: Le,
-  Item: Ae,
-  Trigger: ke,
-  Content: Zt,
-  Link: Ke,
-  Indicator: Se,
-  Viewport: Ve,
-  Sub: ze,
-  TopMenuList: Fe,
-  TopMenuItem: Jt,
-  TopMenuTrigger: Qt
-});
+import "react/jsx-runtime";
+import "react";
+import "../../clsx-DB4S2d7J.js";
+import { N as n } from "../../navigation-menu-DKuyW8zE.js";
+import "../../utils/composeRefs.js";
+import "../visually-hidden/visually-hidden.js";
+import "../../utils/composeEventHandlers.js";
 export {
-  vn as NavigationMenu
+  n as NavigationMenu
 };