@telia/teddy 0.0.10 → 0.0.12

package/dist/navigation-menu-DKuyW8zE.js

@@ -0,0 +1,1036 @@
+import './assets/navigation-menu.css';
+import { jsx as F, jsxs as He, Fragment as Ge } from "react/jsx-runtime";
+import E, { 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 Xe } from "react";
+import { c as A } from "./clsx-DB4S2d7J.js";
+import { b as B, _ as M, c as qe } 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 X, g as Q } from "./index-FPIZOCcD.js";
+import { $ as L, a as Z } from "./index-DM5e-Whg.js";
+import { useComposedRefs as q } from "./utils/composeRefs.js";
+import { VisuallyHidden as tt } from "./components/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 o = (r) => {
+      r.key === "Escape" && n(r);
+    };
+    return t.addEventListener("keydown", o), () => t.removeEventListener("keydown", o);
+  }, [
+    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: o = !1, onEscapeKeyDown: r, onPointerDownOutside: i, onFocusOutside: a, onInteractOutside: u, onDismiss: c, ...f } = e, s = Ye(it), [l, h] = K(null), v = (n = l == null ? void 0 : l.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, g] = K({}), $ = B(
+    t,
+    (y) => h(y)
+  ), w = Array.from(s.layers), [x] = [
+    ...s.layersWithOutsidePointerEventsDisabled
+  ].slice(-1), D = w.indexOf(x), m = l ? w.indexOf(l) : -1, b = s.layersWithOutsidePointerEventsDisabled.size > 0, p = m >= D, C = st((y) => {
+    const _ = y.target, S = [
+      ...s.branches
+    ].some(
+      (W) => W.contains(_)
+    );
+    !p || S || (i == null || i(y), u == null || u(y), y.defaultPrevented || c == null || c());
+  }, v), O = ct((y) => {
+    const _ = y.target;
+    [
+      ...s.branches
+    ].some(
+      (W) => W.contains(_)
+    ) || (a == null || a(y), u == null || u(y), y.defaultPrevented || c == null || c());
+  }, v);
+  return nt((y) => {
+    m === s.layers.size - 1 && (r == null || r(y), !y.defaultPrevented && c && (y.preventDefault(), c()));
+  }, v), z(() => {
+    if (l)
+      return o && (s.layersWithOutsidePointerEventsDisabled.size === 0 && (fe = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), s.layersWithOutsidePointerEventsDisabled.add(l)), s.layers.add(l), ve(), () => {
+        o && s.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = fe);
+      };
+  }, [
+    l,
+    v,
+    o,
+    s
+  ]), z(() => () => {
+    l && (s.layers.delete(l), s.layersWithOutsidePointerEventsDisabled.delete(l), ve());
+  }, [
+    l,
+    s
+  ]), z(() => {
+    const y = () => g({});
+    return document.addEventListener(te, y), () => document.removeEventListener(te, y);
+  }, []), /* @__PURE__ */ d(L.div, M({}, f, {
+    ref: $,
+    style: {
+      pointerEvents: b ? p ? "auto" : "none" : void 0,
+      ...e.style
+    },
+    onFocusCapture: T(e.onFocusCapture, O.onFocusCapture),
+    onBlurCapture: T(e.onBlurCapture, O.onBlurCapture),
+    onPointerDownCapture: T(e.onPointerDownCapture, C.onPointerDownCapture)
+  }));
+});
+function st(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = V(e), o = P(!1), r = P(() => {
+  });
+  return z(() => {
+    const i = (u) => {
+      if (u.target && !o.current) {
+        let f = function() {
+          Ee(ot, n, c, {
+            discrete: !0
+          });
+        };
+        const c = {
+          originalEvent: u
+        };
+        u.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = f, t.addEventListener("click", r.current, {
+          once: !0
+        })) : f();
+      } else
+        t.removeEventListener("click", r.current);
+      o.current = !1;
+    }, a = window.setTimeout(() => {
+      t.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(a), t.removeEventListener("pointerdown", i), t.removeEventListener("click", r.current);
+    };
+  }, [
+    t,
+    n
+  ]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function ct(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = V(e), o = P(!1);
+  return z(() => {
+    const r = (i) => {
+      i.target && !o.current && Ee(rt, n, {
+        originalEvent: i
+      }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
+  }, [
+    t,
+    n
+  ]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function ve() {
+  const e = new CustomEvent(te);
+  document.dispatchEvent(e);
+}
+function Ee(e, t, n, { discrete: o }) {
+  const r = n.originalEvent.target, i = new CustomEvent(e, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: n
+  });
+  t && r.addEventListener(e, t, {
+    once: !0
+  }), o ? Z(r, i) : r.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: o, onValueChange: r, defaultValue: i, delayDuration: a = 200, skipDelayDuration: u = 300, orientation: c = "horizontal", dir: f, ...s } = e, [l, h] = K(null), v = B(
+    t,
+    (_) => h(_)
+  ), g = Ze(f), $ = P(0), w = P(0), x = P(0), [D, m] = K(!0), [b = "", p] = we({
+    prop: o,
+    onChange: (_) => {
+      const S = _ !== "", W = u > 0;
+      S ? (window.clearTimeout(x.current), W && m(!1)) : (window.clearTimeout(x.current), x.current = window.setTimeout(
+        () => m(!0),
+        u
+      )), r == null || r(_);
+    },
+    defaultProp: i
+  }), C = U(() => {
+    window.clearTimeout(w.current), w.current = window.setTimeout(
+      () => p(""),
+      150
+    );
+  }, [
+    p
+  ]), O = U((_) => {
+    window.clearTimeout(w.current), p(_);
+  }, [
+    p
+  ]), y = U((_) => {
+    b === _ ? window.clearTimeout(w.current) : $.current = window.setTimeout(() => {
+      window.clearTimeout(w.current), p(_);
+    }, a);
+  }, [
+    b,
+    p,
+    a
+  ]);
+  return z(() => () => {
+    window.clearTimeout($.current), window.clearTimeout(w.current), window.clearTimeout(x.current);
+  }, []), /* @__PURE__ */ d(Ce, {
+    scope: n,
+    isRootMenu: !0,
+    value: b,
+    dir: g,
+    orientation: c,
+    rootNavigationMenu: l,
+    onTriggerEnter: (_) => {
+      window.clearTimeout($.current), D ? y(_) : O(_);
+    },
+    onTriggerLeave: () => {
+      window.clearTimeout($.current), C();
+    },
+    onContentEnter: () => window.clearTimeout(w.current),
+    onContentLeave: C,
+    onItemSelect: (_) => {
+      p(
+        (S) => S === _ ? "" : _
+      );
+    },
+    onItemDismiss: () => p("")
+  }, /* @__PURE__ */ d(L.nav, M({
+    "aria-label": "Main",
+    "data-orientation": c,
+    dir: g
+  }, s, {
+    ref: v
+  })));
+}), bt = "NavigationMenuSub", _t = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, value: o, onValueChange: r, defaultValue: i, orientation: a = "horizontal", ...u } = e, c = k(bt, n), [f = "", s] = we({
+    prop: o,
+    onChange: r,
+    defaultProp: i
+  });
+  return /* @__PURE__ */ d(Ce, {
+    scope: n,
+    isRootMenu: !1,
+    value: f,
+    dir: c.dir,
+    orientation: a,
+    rootNavigationMenu: c.rootNavigationMenu,
+    onTriggerEnter: (l) => s(l),
+    onItemSelect: (l) => s(l),
+    onItemDismiss: () => s("")
+  }, /* @__PURE__ */ d(L.div, M({
+    "data-orientation": a
+  }, u, {
+    ref: t
+  })));
+}), Ce = (e) => {
+  const { scope: t, isRootMenu: n, rootNavigationMenu: o, dir: r, orientation: i, children: a, value: u, onItemSelect: c, onItemDismiss: f, onTriggerEnter: s, onTriggerLeave: l, onContentEnter: h, onContentLeave: v } = e, [g, $] = K(null), [w, x] = K(/* @__PURE__ */ new Map()), [D, m] = K(null);
+  return /* @__PURE__ */ d(gt, {
+    scope: t,
+    isRootMenu: n,
+    rootNavigationMenu: o,
+    value: u,
+    previousValue: et(u),
+    baseId: ye(),
+    dir: r,
+    orientation: i,
+    viewport: g,
+    onViewportChange: $,
+    indicatorTrack: D,
+    onIndicatorTrackChange: m,
+    onTriggerEnter: V(s),
+    onTriggerLeave: V(l),
+    onContentEnter: V(h),
+    onContentLeave: V(v),
+    onItemSelect: V(c),
+    onItemDismiss: V(f),
+    onViewportContentChange: U((b, p) => {
+      x((C) => (C.set(b, p), new Map(C)));
+    }, []),
+    onViewportContentRemove: U((b) => {
+      x((p) => p.has(b) ? (p.delete(b), new Map(p)) : p);
+    }, [])
+  }, /* @__PURE__ */ d(ae.Provider, {
+    scope: t
+  }, /* @__PURE__ */ d($t, {
+    scope: t,
+    items: w
+  }, a)));
+}, wt = "NavigationMenuList", yt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, ...o } = e, r = k(wt, n), i = /* @__PURE__ */ d(L.ul, M({
+    "data-orientation": r.orientation
+  }, o, {
+    ref: t
+  }));
+  return /* @__PURE__ */ d(L.div, {
+    style: {
+      position: "relative"
+    },
+    ref: r.onIndicatorTrackChange
+  }, /* @__PURE__ */ d(ae.Slot, {
+    scope: n
+  }, r.isRootMenu ? /* @__PURE__ */ d(Re, {
+    asChild: !0
+  }, i) : i));
+}), Et = "NavigationMenuItem", [ht, xe] = se(Et), Ct = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, value: o, ...r } = e, i = ye(), a = o || i || "LEGACY_REACT_AUTO_VALUE", u = P(null), c = P(null), f = P(null), s = P(() => {
+  }), l = P(!1), h = U((g = "start") => {
+    if (u.current) {
+      s.current();
+      const $ = oe(u.current);
+      $.length && ce(g === "start" ? $ : $.reverse());
+    }
+  }, []), v = U(() => {
+    if (u.current) {
+      const g = oe(u.current);
+      g.length && (s.current = Lt(g));
+    }
+  }, []);
+  return /* @__PURE__ */ d(ht, {
+    scope: n,
+    value: a,
+    triggerRef: c,
+    contentRef: u,
+    focusProxyRef: f,
+    wasEscapeCloseRef: l,
+    onEntryKeyDown: h,
+    onFocusProxyEnter: h,
+    onRootContentClose: v,
+    onContentFocusOutside: v
+  }, /* @__PURE__ */ d(L.li, M({}, r, {
+    ref: t
+  })));
+}), ge = "NavigationMenuTrigger", xt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, disabled: o, ...r } = e, i = k(ge, e.__scopeNavigationMenu), a = xe(ge, e.__scopeNavigationMenu), u = P(null), c = B(u, a.triggerRef, t), f = Pe(i.baseId, a.value), s = De(i.baseId, a.value), l = P(!1), h = P(!1), v = a.value === i.value;
+  return /* @__PURE__ */ d(de, null, /* @__PURE__ */ d(ae.ItemSlot, {
+    scope: n,
+    value: a.value
+  }, /* @__PURE__ */ d(Ie, {
+    asChild: !0
+  }, /* @__PURE__ */ d(L.button, M({
+    id: f,
+    disabled: o,
+    "data-disabled": o ? "" : void 0,
+    "data-state": ue(v),
+    "aria-expanded": v,
+    "aria-controls": s
+  }, r, {
+    ref: c,
+    onPointerEnter: T(e.onPointerEnter, () => {
+      h.current = !1, a.wasEscapeCloseRef.current = !1;
+    }),
+    onPointerMove: T(e.onPointerMove, j(() => {
+      o || h.current || a.wasEscapeCloseRef.current || l.current || (i.onTriggerEnter(a.value), l.current = !0);
+    })),
+    onPointerLeave: T(e.onPointerLeave, j(() => {
+      o || (i.onTriggerLeave(), l.current = !1);
+    })),
+    onClick: T(e.onClick, () => {
+      i.onItemSelect(a.value), h.current = v;
+    }),
+    onKeyDown: T(e.onKeyDown, (g) => {
+      const w = {
+        horizontal: "ArrowDown",
+        vertical: i.dir === "rtl" ? "ArrowLeft" : "ArrowRight"
+      }[i.orientation];
+      v && g.key === w && (a.onEntryKeyDown(), g.preventDefault());
+    })
+  })))), v && /* @__PURE__ */ d(de, null, /* @__PURE__ */ d(lt, {
+    "aria-hidden": !0,
+    tabIndex: 0,
+    ref: a.focusProxyRef,
+    onFocus: (g) => {
+      const $ = a.contentRef.current, w = g.relatedTarget, x = w === u.current, D = $ == null ? void 0 : $.contains(w);
+      (x || !D) && a.onFocusProxyEnter(x ? "start" : "end");
+    }
+  }), i.viewport && /* @__PURE__ */ d("span", {
+    "aria-owns": s
+  })));
+}), $e = "navigationMenu.linkSelect", Tt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, active: o, onSelect: r, ...i } = e;
+  return /* @__PURE__ */ d(Ie, {
+    asChild: !0
+  }, /* @__PURE__ */ d(L.a, M({
+    "data-active": o ? "" : void 0,
+    "aria-current": o ? "page" : void 0
+  }, i, {
+    ref: t,
+    onClick: T(e.onClick, (a) => {
+      const u = a.target, c = new CustomEvent($e, {
+        bubbles: !0,
+        cancelable: !0
+      });
+      if (u.addEventListener(
+        $e,
+        (f) => r == null ? void 0 : r(f),
+        {
+          once: !0
+        }
+      ), Z(u, c), !c.defaultPrevented && !a.metaKey) {
+        const f = new CustomEvent(Y, {
+          bubbles: !0,
+          cancelable: !0
+        });
+        Z(u, f);
+      }
+    }, {
+      checkForDefaultPrevented: !1
+    })
+  })));
+}), Te = "NavigationMenuIndicator", Mt = /* @__PURE__ */ I((e, t) => {
+  const { forceMount: n, ...o } = e, r = k(Te, e.__scopeNavigationMenu), i = !!r.value;
+  return r.indicatorTrack ? /* @__PURE__ */ Je.createPortal(/* @__PURE__ */ d(X, {
+    present: n || i
+  }, /* @__PURE__ */ d(Nt, M({}, o, {
+    ref: t
+  }))), r.indicatorTrack) : null;
+}), Nt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, ...o } = e, r = k(Te, n), i = he(n), [a, u] = K(null), [c, f] = K(null), s = r.orientation === "horizontal", l = !!r.value;
+  z(() => {
+    var v;
+    const $ = (v = i().find(
+      (w) => w.value === r.value
+    )) === null || v === void 0 ? void 0 : v.ref.current;
+    $ && u($);
+  }, [
+    i,
+    r.value
+  ]);
+  const h = () => {
+    a && f({
+      size: s ? a.offsetWidth : a.offsetHeight,
+      offset: s ? a.offsetLeft : a.offsetTop
+    });
+  };
+  return re(a, h), re(r.indicatorTrack, h), c ? /* @__PURE__ */ d(L.div, M({
+    "aria-hidden": !0,
+    "data-state": l ? "visible" : "hidden",
+    "data-orientation": r.orientation
+  }, o, {
+    ref: t,
+    style: {
+      position: "absolute",
+      ...s ? {
+        left: 0,
+        width: c.size + "px",
+        transform: `translateX(${c.offset}px)`
+      } : {
+        top: 0,
+        height: c.size + "px",
+        transform: `translateY(${c.offset}px)`
+      },
+      ...o.style
+    }
+  })) : null;
+}), H = "NavigationMenuContent", Rt = /* @__PURE__ */ I((e, t) => {
+  const { forceMount: n, ...o } = e, r = k(H, e.__scopeNavigationMenu), i = xe(H, e.__scopeNavigationMenu), a = B(i.contentRef, t), u = i.value === r.value, c = {
+    value: i.value,
+    triggerRef: i.triggerRef,
+    focusProxyRef: i.focusProxyRef,
+    wasEscapeCloseRef: i.wasEscapeCloseRef,
+    onContentFocusOutside: i.onContentFocusOutside,
+    onRootContentClose: i.onRootContentClose,
+    ...o
+  };
+  return r.viewport ? /* @__PURE__ */ d(It, M({
+    forceMount: n
+  }, c, {
+    ref: a
+  })) : /* @__PURE__ */ d(X, {
+    present: n || u
+  }, /* @__PURE__ */ d(Me, M({
+    "data-state": ue(u)
+  }, c, {
+    ref: a,
+    onPointerEnter: T(e.onPointerEnter, r.onContentEnter),
+    onPointerLeave: T(e.onPointerLeave, j(r.onContentLeave)),
+    style: {
+      // Prevent interaction when animating out
+      pointerEvents: !u && r.isRootMenu ? "none" : void 0,
+      ...c.style
+    }
+  })));
+}), It = /* @__PURE__ */ I((e, t) => {
+  const n = k(H, e.__scopeNavigationMenu), { onViewportContentChange: o, onViewportContentRemove: r } = n;
+  return Q(() => {
+    o(e.value, {
+      ref: t,
+      ...e
+    });
+  }, [
+    e,
+    t,
+    o
+  ]), Q(() => () => r(e.value), [
+    e.value,
+    r
+  ]), null;
+}), Y = "navigationMenu.rootContentDismiss", Me = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, value: o, triggerRef: r, focusProxyRef: i, wasEscapeCloseRef: a, onRootContentClose: u, onContentFocusOutside: c, ...f } = e, s = k(H, n), l = P(null), h = B(l, t), v = Pe(s.baseId, o), g = De(s.baseId, o), $ = he(n), w = P(null), { onItemDismiss: x } = s;
+  z(() => {
+    const m = l.current;
+    if (s.isRootMenu && m) {
+      const b = () => {
+        var p;
+        x(), u(), m.contains(document.activeElement) && ((p = r.current) === null || p === void 0 || p.focus());
+      };
+      return m.addEventListener(Y, b), () => m.removeEventListener(Y, b);
+    }
+  }, [
+    s.isRootMenu,
+    e.value,
+    r,
+    x,
+    u
+  ]);
+  const D = Xe(() => {
+    const b = $().map(
+      (S) => S.value
+    );
+    s.dir === "rtl" && b.reverse();
+    const p = b.indexOf(s.value), C = b.indexOf(s.previousValue), O = o === s.value, y = C === b.indexOf(o);
+    if (!O && !y)
+      return w.current;
+    const _ = (() => {
+      if (p !== C) {
+        if (O && C !== -1)
+          return p > C ? "from-end" : "from-start";
+        if (y && p !== -1)
+          return p > C ? "to-start" : "to-end";
+      }
+      return null;
+    })();
+    return w.current = _, _;
+  }, [
+    s.previousValue,
+    s.value,
+    s.dir,
+    $,
+    o
+  ]);
+  return /* @__PURE__ */ d(Re, {
+    asChild: !0
+  }, /* @__PURE__ */ d(at, M({
+    id: g,
+    "aria-labelledby": v,
+    "data-motion": D,
+    "data-orientation": s.orientation
+  }, f, {
+    ref: h,
+    onDismiss: () => {
+      var m;
+      const b = new Event(Y, {
+        bubbles: !0,
+        cancelable: !0
+      });
+      (m = l.current) === null || m === void 0 || m.dispatchEvent(b);
+    },
+    onFocusOutside: T(e.onFocusOutside, (m) => {
+      var b;
+      c();
+      const p = m.target;
+      (b = s.rootNavigationMenu) !== null && b !== void 0 && b.contains(p) && m.preventDefault();
+    }),
+    onPointerDownOutside: T(e.onPointerDownOutside, (m) => {
+      var b;
+      const p = m.target, C = $().some((y) => {
+        var _;
+        return (_ = y.ref.current) === null || _ === void 0 ? void 0 : _.contains(p);
+      }), O = s.isRootMenu && ((b = s.viewport) === null || b === void 0 ? void 0 : b.contains(p));
+      (C || O || !s.isRootMenu) && m.preventDefault();
+    }),
+    onKeyDown: T(e.onKeyDown, (m) => {
+      const b = m.altKey || m.ctrlKey || m.metaKey;
+      if (m.key === "Tab" && !b) {
+        const O = oe(m.currentTarget), y = document.activeElement, _ = O.findIndex(
+          (Be) => Be === y
+        ), W = m.shiftKey ? O.slice(0, _).reverse() : O.slice(_ + 1, O.length);
+        if (ce(W))
+          m.preventDefault();
+        else {
+          var C;
+          (C = i.current) === null || C === void 0 || C.focus();
+        }
+      }
+    }),
+    onEscapeKeyDown: T(e.onEscapeKeyDown, (m) => {
+      a.current = !0;
+    })
+  })));
+}), Ne = "NavigationMenuViewport", Pt = /* @__PURE__ */ I((e, t) => {
+  const { forceMount: n, ...o } = e, i = !!k(Ne, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ d(X, {
+    present: n || i
+  }, /* @__PURE__ */ d(Dt, M({}, o, {
+    ref: t
+  })));
+}), Dt = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, children: o, ...r } = e, i = k(Ne, n), a = B(t, i.onViewportChange), u = mt(H, e.__scopeNavigationMenu), [c, f] = K(null), [s, l] = K(null), h = c ? (c == null ? void 0 : c.width) + "px" : void 0, v = c ? (c == null ? void 0 : c.height) + "px" : void 0, g = !!i.value, $ = g ? i.value : i.previousValue;
+  return re(s, () => {
+    s && f({
+      width: s.offsetWidth,
+      height: s.offsetHeight
+    });
+  }), /* @__PURE__ */ d(L.div, M({
+    "data-state": ue(g),
+    "data-orientation": i.orientation
+  }, r, {
+    ref: a,
+    style: {
+      // Prevent interaction when animating out
+      pointerEvents: !g && i.isRootMenu ? "none" : void 0,
+      "--radix-navigation-menu-viewport-width": h,
+      "--radix-navigation-menu-viewport-height": v,
+      ...r.style
+    },
+    onPointerEnter: T(e.onPointerEnter, i.onContentEnter),
+    onPointerLeave: T(e.onPointerLeave, j(i.onContentLeave))
+  }), Array.from(u.items).map(([x, { ref: D, forceMount: m, ...b }]) => {
+    const p = $ === x;
+    return /* @__PURE__ */ d(X, {
+      key: x,
+      present: m || p
+    }, /* @__PURE__ */ d(Me, M({}, b, {
+      ref: qe(D, (C) => {
+        p && C && l(C);
+      })
+    })));
+  }));
+}), Ot = "FocusGroup", Re = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, ...o } = e, r = k(Ot, n);
+  return /* @__PURE__ */ d(ne.Provider, {
+    scope: n
+  }, /* @__PURE__ */ d(ne.Slot, {
+    scope: n
+  }, /* @__PURE__ */ d(L.div, M({
+    dir: r.dir
+  }, o, {
+    ref: t
+  }))));
+}), me = [
+  "ArrowRight",
+  "ArrowLeft",
+  "ArrowUp",
+  "ArrowDown"
+], Ft = "FocusGroupItem", Ie = /* @__PURE__ */ I((e, t) => {
+  const { __scopeNavigationMenu: n, ...o } = e, r = ft(n), i = k(Ft, n);
+  return /* @__PURE__ */ d(ne.ItemSlot, {
+    scope: n
+  }, /* @__PURE__ */ d(L.button, M({}, o, {
+    ref: t,
+    onKeyDown: T(e.onKeyDown, (a) => {
+      if ([
+        "Home",
+        "End",
+        ...me
+      ].includes(a.key)) {
+        let c = r().map(
+          (l) => l.ref.current
+        );
+        if ([
+          i.dir === "rtl" ? "ArrowRight" : "ArrowLeft",
+          "ArrowUp",
+          "End"
+        ].includes(a.key) && c.reverse(), me.includes(a.key)) {
+          const l = c.indexOf(a.currentTarget);
+          c = c.slice(l + 1);
+        }
+        setTimeout(
+          () => ce(c)
+        ), a.preventDefault();
+      }
+    })
+  })));
+});
+function oe(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (o) => {
+      const r = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || r ? NodeFilter.FILTER_SKIP : o.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 o = 0;
+    if (e) {
+      const r = new ResizeObserver(() => {
+        cancelAnimationFrame(o), o = window.requestAnimationFrame(n);
+      });
+      return r.observe(e), () => {
+        window.cancelAnimationFrame(o), r.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", Xt = "_scaleIn_139wf_1", qt = "_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: Xt,
+  scaleOut: qt
+}, R = "teddy-navigation-menu", J = E.createContext({
+  selectedTopMenu: void 0,
+  setSelectedTopMenu: () => {
+  },
+  contentRef: { current: null },
+  focusProxyRef: { current: null },
+  topMenuRef: { current: null },
+  id: "",
+  dir: "ltr",
+  orientation: "horizontal",
+  onEntryKeyDown: () => {
+  },
+  onFocusProxyEnter: () => {
+  },
+  onContentFocusOutside: () => {
+  }
+}), Oe = E.forwardRef(
+  ({ className: e, defaultTopMenuValue: t, ...n }, o) => {
+    const [r, i] = E.useState(t), a = E.useRef(null), u = E.useRef(() => {
+    }), c = E.useRef(null), f = E.useRef(null), s = E.useId(), l = E.useCallback((g = "start") => {
+      if (a.current) {
+        u.current();
+        const $ = ie(a.current);
+        $.length && le(g === "start" ? $ : $.reverse());
+      }
+    }, []), h = E.useCallback(() => {
+      if (a.current) {
+        const g = ie(a.current);
+        g.length && (u.current = en(g));
+      }
+    }, []), v = A([N[`${R}`]], e);
+    return /* @__PURE__ */ F(
+      J.Provider,
+      {
+        value: {
+          contentRef: a,
+          focusProxyRef: c,
+          topMenuRef: f,
+          id: s,
+          dir: n.dir || "ltr",
+          orientation: n.orientation || "horizontal",
+          onEntryKeyDown: l,
+          onFocusProxyEnter: l,
+          onContentFocusOutside: h,
+          selectedTopMenu: r,
+          setSelectedTopMenu: i
+        },
+        children: /* @__PURE__ */ F(At, { ...n, ref: o, className: v })
+      }
+    );
+  }
+);
+Oe.displayName = "NavigationMenu";
+const Fe = E.forwardRef(
+  ({ className: e, ...t }, n) => {
+    const o = A([N[`${R}__top-menu-list`]], e), r = E.useContext(J), i = q(r.topMenuRef, n);
+    return /* @__PURE__ */ F("ul", { ...t, ref: i, className: o });
+  }
+);
+Fe.displayName = "NavigationMenu.TopMenuList";
+const Jt = E.forwardRef(
+  ({ className: e, ...t }, n) => {
+    const o = A([N[`${R}__top-menu-item`]], e);
+    return /* @__PURE__ */ F("li", { ...t, ref: n, className: o });
+  }
+), Qt = E.forwardRef(
+  ({ className: e, active: t, ...n }, o) => {
+    const r = A(
+      [N[`${R}__top-menu-trigger`], N[`${R}__top-menu-trigger--small`]],
+      e
+    ), i = E.useContext(J), a = E.useRef(null), u = q(a, o), c = i.selectedTopMenu === n.value;
+    return /* @__PURE__ */ He(Ge, { children: [
+      /* @__PURE__ */ F(
+        "button",
+        {
+          ...n,
+          ref: u,
+          className: r,
+          "data-state": c ? "open" : "closed",
+          "data-active": t ? "true" : void 0,
+          "aria-expanded": c,
+          "aria-controls": Ue({ value: n.value, baseId: i.id }),
+          [pe]: "",
+          onClick: ee(n.onClick, () => {
+            i.setSelectedTopMenu(n.value);
+          }),
+          onKeyDown: ee(n.onKeyDown, (f) => {
+            var v;
+            const l = { horizontal: "ArrowDown", vertical: i.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[i.orientation];
+            if (c && f.key === l)
+              return i.onEntryKeyDown(), f.preventDefault();
+            if (["Home", "End", ...be].includes(f.key)) {
+              const g = (v = i.topMenuRef.current) == null ? void 0 : v.querySelectorAll(`[${pe}]`);
+              if (!g)
+                return;
+              let $ = Array.from(g == null ? void 0 : g.values());
+              if ([i.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(f.key) && $.reverse(), be.includes(f.key)) {
+                const D = $.indexOf(f.currentTarget);
+                $ = $.slice(D + 1), le($), f.preventDefault();
+              }
+            }
+          })
+        }
+      ),
+      c && /* @__PURE__ */ F(
+        tt,
+        {
+          "aria-hidden": !0,
+          tabIndex: 0,
+          ref: i.focusProxyRef,
+          onFocus: (f) => {
+            const s = i.contentRef.current, l = f.relatedTarget, h = l === a.current, v = s == null ? void 0 : s.contains(l);
+            (h || !v) && i.onFocusProxyEnter(h ? "start" : "end");
+          }
+        }
+      )
+    ] });
+  }
+), Le = E.forwardRef(
+  ({ className: e, variant: t, value: n, ...o }, r) => {
+    const i = A([N[`${R}__list`]], [N[`${R}__list--${t}`]], e), a = E.useContext(J), u = q(a.contentRef, r), c = a.selectedTopMenu !== void 0;
+    return a.selectedTopMenu === n ? /* @__PURE__ */ F(
+      Kt,
+      {
+        ref: c ? u : r,
+        id: n && Ue({ value: n, baseId: a.id }),
+        ...o,
+        onKeyDown: ee(o.onKeyDown, (s) => {
+          var v;
+          if (!n)
+            return;
+          const l = s.altKey || s.ctrlKey || s.metaKey;
+          if (s.key === "Tab" && !l) {
+            const g = ie(s.currentTarget), $ = document.activeElement, w = g.findIndex((m) => m === $), D = s.shiftKey ? g.slice(0, w).reverse() : g.slice(w + 1, g.length);
+            le(D) ? s.preventDefault() : ((v = a.focusProxyRef.current) == null || v.focus(), a.onContentFocusOutside());
+          }
+        }),
+        className: i
+      }
+    ) : null;
+  }
+);
+Le.displayName = "NavigationMenu.List";
+const Ae = E.forwardRef(
+  ({ className: e, ...t }, n) => {
+    const o = A([N[`${R}__item`]], e);
+    return /* @__PURE__ */ F(St, { ...t, ref: n, className: o });
+  }
+);
+Ae.displayName = "NavigationMenu.Item";
+const ke = E.forwardRef(
+  ({ className: e, active: t, variant: n = "default", ...o }, r) => {
+    const i = A(
+      [N[`${R}__trigger`]],
+      [N[`${R}__trigger--${n}`]],
+      e
+    ), a = E.useRef(null), u = q(r, a);
+    return /* @__PURE__ */ F(
+      Vt,
+      {
+        onPointerEnter: (c) => c.preventDefault(),
+        onPointerMove: (c) => c.preventDefault(),
+        onPointerLeave: (c) => c.preventDefault(),
+        ...o,
+        ref: u,
+        "data-active": t ? "true" : void 0,
+        className: i,
+        "data-text": We(o.children)
+      }
+    );
+  }
+);
+ke.displayName = "NavigationMenu.Trigger";
+const Zt = E.forwardRef(
+  ({ className: e, variant: t = "default", ...n }, o) => {
+    const r = A(
+      [N[`${R}__content`]],
+      [N[`${R}__content--${t}`]],
+      e
+    );
+    return /* @__PURE__ */ F(
+      Ut,
+      {
+        onPointerEnter: (i) => i.preventDefault(),
+        onPointerLeave: (i) => i.preventDefault(),
+        ...n,
+        ref: o,
+        className: r
+      }
+    );
+  }
+), Ke = E.forwardRef(
+  ({ className: e, variant: t = "default", ...n }, o) => {
+    const r = A([N[`${R}__link`]], [N[`${R}__link--${t}`]], e);
+    return /* @__PURE__ */ F(
+      zt,
+      {
+        ...n,
+        ref: o,
+        className: r,
+        "data-text": We(n.children)
+      }
+    );
+  }
+);
+Ke.displayName = "NavigationMenu.Link";
+const Se = E.forwardRef(
+  ({ className: e, ...t }, n) => {
+    const o = A([N[`${R}__indicator`]], e);
+    return /* @__PURE__ */ F(Wt, { ...t, ref: n, className: o });
+  }
+);
+Se.displayName = "NavigationMenu.Indicator";
+const Ve = E.forwardRef(
+  ({ className: e, ...t }, n) => {
+    const o = A([N[`${R}__viewport`]], e);
+    return /* @__PURE__ */ F(Bt, { ...t, ref: n, className: o });
+  }
+);
+Ve.displayName = "NavigationMenu.Viewport";
+const ze = E.forwardRef(
+  ({ className: e, ...t }, n) => {
+    const o = A([N[`${R}__sub`]], e);
+    return /* @__PURE__ */ F(kt, { ...t, ref: n, className: o });
+  }
+);
+ze.displayName = "NavigationMenu.Sub";
+function We(e) {
+  function t(n) {
+    if (typeof n == "string")
+      return n;
+    if (E.isValidElement(n) && n.props.children)
+      return t(n.props.children);
+    if (Array.isArray(n))
+      for (let o = n.length - 1; o >= 0; o--) {
+        const r = t(n[o]);
+        if (r)
+          return r;
+      }
+  }
+  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: (o) => {
+      const r = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || r ? NodeFilter.FILTER_SKIP : o.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
+});
+export {
+  at as $,
+  vn as N
+};