commerce-toolkit 0.3.0 → 0.5.0

package/dist/navigation-menu.js

@@ -0,0 +1,830 @@
+import { jsx as i, jsxs as ee, Fragment as te } from "react/jsx-runtime";
+import * as s from "react";
+import Re from "react-dom";
+import { c as Ee } from "./index-DFZozV_h.js";
+import { c as R } from "./index-B695uy69.js";
+import { P as k, d as ne } from "./index-DYM6xIoO.js";
+import { u as ae } from "./index-437EL2iq.js";
+import { u as O, c as Te } from "./index-DLcqcWxM.js";
+import { u as ke } from "./index-ByaXH_ih.js";
+import { P as V } from "./index-BpWB3aFK.js";
+import { u as ie } from "./index-Cv867SGx.js";
+import { c as se } from "./index-CFzSulqY.js";
+import { D as Ie } from "./index-BybPvee-.js";
+import { u as _e } from "./index-BZPx6jYI.js";
+import { u as z } from "./index-CCKe-Mpx.js";
+import { u as S } from "./index-0ioNhtNM.js";
+import { R as Pe } from "./index-Baakt2Nc.js";
+import { c as E } from "./utils-CRiPKpXj.js";
+var D = "NavigationMenu", [j, ue, Le] = se(D), [$, Se, De] = se(D), [Y] = Ee(
+  D,
+  [Le, De]
+), [Ae, T] = Y(D), [Oe, Fe] = Y(D), ce = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: r,
+      onValueChange: o,
+      defaultValue: a,
+      delayDuration: u = 200,
+      skipDelayDuration: v = 300,
+      orientation: l = "horizontal",
+      dir: b,
+      ...c
+    } = e, [g, C] = s.useState(null), M = O(t, (x) => C(x)), p = ke(b), h = s.useRef(0), N = s.useRef(0), y = s.useRef(0), [I, d] = s.useState(!0), [m, f] = ae({
+      prop: r,
+      onChange: (x) => {
+        const P = x !== "", G = v > 0;
+        P ? (window.clearTimeout(y.current), G && d(!1)) : (window.clearTimeout(y.current), y.current = window.setTimeout(
+          () => d(!0),
+          v
+        )), o?.(x);
+      },
+      defaultProp: a ?? "",
+      caller: D
+    }), w = s.useCallback(() => {
+      window.clearTimeout(N.current), N.current = window.setTimeout(() => f(""), 150);
+    }, [f]), _ = s.useCallback(
+      (x) => {
+        window.clearTimeout(N.current), f(x);
+      },
+      [f]
+    ), L = s.useCallback(
+      (x) => {
+        m === x ? window.clearTimeout(N.current) : h.current = window.setTimeout(() => {
+          window.clearTimeout(N.current), f(x);
+        }, u);
+      },
+      [m, f, u]
+    );
+    return s.useEffect(() => () => {
+      window.clearTimeout(h.current), window.clearTimeout(N.current), window.clearTimeout(y.current);
+    }, []), /* @__PURE__ */ i(
+      le,
+      {
+        scope: n,
+        isRootMenu: !0,
+        value: m,
+        dir: p,
+        orientation: l,
+        rootNavigationMenu: g,
+        onTriggerEnter: (x) => {
+          window.clearTimeout(h.current), I ? L(x) : _(x);
+        },
+        onTriggerLeave: () => {
+          window.clearTimeout(h.current), w();
+        },
+        onContentEnter: () => window.clearTimeout(N.current),
+        onContentLeave: w,
+        onItemSelect: (x) => {
+          f((P) => P === x ? "" : x);
+        },
+        onItemDismiss: () => f(""),
+        children: /* @__PURE__ */ i(
+          k.nav,
+          {
+            "aria-label": "Main",
+            "data-orientation": l,
+            dir: p,
+            ...c,
+            ref: M
+          }
+        )
+      }
+    );
+  }
+);
+ce.displayName = D;
+var U = "NavigationMenuSub", Ke = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: r,
+      onValueChange: o,
+      defaultValue: a,
+      orientation: u = "horizontal",
+      ...v
+    } = e, l = T(U, n), [b, c] = ae({
+      prop: r,
+      onChange: o,
+      defaultProp: a ?? "",
+      caller: U
+    });
+    return /* @__PURE__ */ i(
+      le,
+      {
+        scope: n,
+        isRootMenu: !1,
+        value: b,
+        dir: l.dir,
+        orientation: u,
+        rootNavigationMenu: l.rootNavigationMenu,
+        onTriggerEnter: (g) => c(g),
+        onItemSelect: (g) => c(g),
+        onItemDismiss: () => c(""),
+        children: /* @__PURE__ */ i(k.div, { "data-orientation": u, ...v, ref: t })
+      }
+    );
+  }
+);
+Ke.displayName = U;
+var le = (e) => {
+  const {
+    scope: t,
+    isRootMenu: n,
+    rootNavigationMenu: r,
+    dir: o,
+    orientation: a,
+    children: u,
+    value: v,
+    onItemSelect: l,
+    onItemDismiss: b,
+    onTriggerEnter: c,
+    onTriggerLeave: g,
+    onContentEnter: C,
+    onContentLeave: M
+  } = e, [p, h] = s.useState(null), [N, y] = s.useState(/* @__PURE__ */ new Map()), [I, d] = s.useState(null);
+  return /* @__PURE__ */ i(
+    Ae,
+    {
+      scope: t,
+      isRootMenu: n,
+      rootNavigationMenu: r,
+      value: v,
+      previousValue: _e(v),
+      baseId: ie(),
+      dir: o,
+      orientation: a,
+      viewport: p,
+      onViewportChange: h,
+      indicatorTrack: I,
+      onIndicatorTrackChange: d,
+      onTriggerEnter: S(c),
+      onTriggerLeave: S(g),
+      onContentEnter: S(C),
+      onContentLeave: S(M),
+      onItemSelect: S(l),
+      onItemDismiss: S(b),
+      onViewportContentChange: s.useCallback((m, f) => {
+        y((w) => (w.set(m, f), new Map(w)));
+      }, []),
+      onViewportContentRemove: s.useCallback((m) => {
+        y((f) => f.has(m) ? (f.delete(m), new Map(f)) : f);
+      }, []),
+      children: /* @__PURE__ */ i(j.Provider, { scope: t, children: /* @__PURE__ */ i(Oe, { scope: t, items: N, children: u }) })
+    }
+  );
+}, ve = "NavigationMenuList", de = s.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...r } = e, o = T(ve, n), a = /* @__PURE__ */ i(k.ul, { "data-orientation": o.orientation, ...r, ref: t });
+    return /* @__PURE__ */ i(k.div, { style: { position: "relative" }, ref: o.onIndicatorTrackChange, children: /* @__PURE__ */ i(j.Slot, { scope: n, children: o.isRootMenu ? /* @__PURE__ */ i(Ne, { asChild: !0, children: a }) : a }) });
+  }
+);
+de.displayName = ve;
+var fe = "NavigationMenuItem", [Ve, ge] = Y(fe), me = s.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, value: r, ...o } = e, a = ie(), u = r || a || "LEGACY_REACT_AUTO_VALUE", v = s.useRef(null), l = s.useRef(null), b = s.useRef(null), c = s.useRef(() => {
+    }), g = s.useRef(!1), C = s.useCallback((p = "start") => {
+      if (v.current) {
+        c.current();
+        const h = B(v.current);
+        h.length && J(p === "start" ? h : h.reverse());
+      }
+    }, []), M = s.useCallback(() => {
+      if (v.current) {
+        const p = B(v.current);
+        p.length && (c.current = je(p));
+      }
+    }, []);
+    return /* @__PURE__ */ i(
+      Ve,
+      {
+        scope: n,
+        value: u,
+        triggerRef: l,
+        contentRef: v,
+        focusProxyRef: b,
+        wasEscapeCloseRef: g,
+        onEntryKeyDown: C,
+        onFocusProxyEnter: C,
+        onRootContentClose: M,
+        onContentFocusOutside: M,
+        children: /* @__PURE__ */ i(k.li, { ...o, ref: t })
+      }
+    );
+  }
+);
+me.displayName = fe;
+var H = "NavigationMenuTrigger", pe = s.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, disabled: r, ...o } = e, a = T(H, e.__scopeNavigationMenu), u = ge(H, e.__scopeNavigationMenu), v = s.useRef(null), l = O(v, u.triggerRef, t), b = Me(a.baseId, u.value), c = ye(a.baseId, u.value), g = s.useRef(!1), C = s.useRef(!1), M = u.value === a.value;
+  return /* @__PURE__ */ ee(te, { children: [
+    /* @__PURE__ */ i(j.ItemSlot, { scope: n, value: u.value, children: /* @__PURE__ */ i(Ce, { asChild: !0, children: /* @__PURE__ */ i(
+      k.button,
+      {
+        id: b,
+        disabled: r,
+        "data-disabled": r ? "" : void 0,
+        "data-state": Q(M),
+        "aria-expanded": M,
+        "aria-controls": c,
+        ...o,
+        ref: l,
+        onPointerEnter: R(e.onPointerEnter, () => {
+          C.current = !1, u.wasEscapeCloseRef.current = !1;
+        }),
+        onPointerMove: R(
+          e.onPointerMove,
+          K(() => {
+            r || C.current || u.wasEscapeCloseRef.current || g.current || (a.onTriggerEnter(u.value), g.current = !0);
+          })
+        ),
+        onPointerLeave: R(
+          e.onPointerLeave,
+          K(() => {
+            r || (a.onTriggerLeave(), g.current = !1);
+          })
+        ),
+        onClick: R(e.onClick, () => {
+          a.onItemSelect(u.value), C.current = M;
+        }),
+        onKeyDown: R(e.onKeyDown, (p) => {
+          const N = { horizontal: "ArrowDown", vertical: a.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[a.orientation];
+          M && p.key === N && (u.onEntryKeyDown(), p.preventDefault());
+        })
+      }
+    ) }) }),
+    M && /* @__PURE__ */ ee(te, { children: [
+      /* @__PURE__ */ i(
+        Pe,
+        {
+          "aria-hidden": !0,
+          tabIndex: 0,
+          ref: u.focusProxyRef,
+          onFocus: (p) => {
+            const h = u.contentRef.current, N = p.relatedTarget, y = N === v.current, I = h?.contains(N);
+            (y || !I) && u.onFocusProxyEnter(y ? "start" : "end");
+          }
+        }
+      ),
+      a.viewport && /* @__PURE__ */ i("span", { "aria-owns": c })
+    ] })
+  ] });
+});
+pe.displayName = H;
+var Ge = "NavigationMenuLink", oe = "navigationMenu.linkSelect", he = s.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, active: r, onSelect: o, ...a } = e;
+    return /* @__PURE__ */ i(Ce, { asChild: !0, children: /* @__PURE__ */ i(
+      k.a,
+      {
+        "data-active": r ? "" : void 0,
+        "aria-current": r ? "page" : void 0,
+        ...a,
+        ref: t,
+        onClick: R(
+          e.onClick,
+          (u) => {
+            const v = u.target, l = new CustomEvent(oe, {
+              bubbles: !0,
+              cancelable: !0
+            });
+            if (v.addEventListener(oe, (b) => o?.(b), { once: !0 }), ne(v, l), !l.defaultPrevented && !u.metaKey) {
+              const b = new CustomEvent(F, {
+                bubbles: !0,
+                cancelable: !0
+              });
+              ne(v, b);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+he.displayName = Ge;
+var q = "NavigationMenuIndicator", ze = s.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = T(q, e.__scopeNavigationMenu), a = !!o.value;
+  return o.indicatorTrack ? Re.createPortal(
+    /* @__PURE__ */ i(V, { present: n || a, children: /* @__PURE__ */ i($e, { ...r, ref: t }) }),
+    o.indicatorTrack
+  ) : null;
+});
+ze.displayName = q;
+var $e = s.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, ...r } = e, o = T(q, n), a = ue(n), [u, v] = s.useState(
+    null
+  ), [l, b] = s.useState(null), c = o.orientation === "horizontal", g = !!o.value;
+  s.useEffect(() => {
+    const p = a().find((h) => h.value === o.value)?.ref.current;
+    p && v(p);
+  }, [a, o.value]);
+  const C = () => {
+    u && b({
+      size: c ? u.offsetWidth : u.offsetHeight,
+      offset: c ? u.offsetLeft : u.offsetTop
+    });
+  };
+  return W(u, C), W(o.indicatorTrack, C), l ? /* @__PURE__ */ i(
+    k.div,
+    {
+      "aria-hidden": !0,
+      "data-state": g ? "visible" : "hidden",
+      "data-orientation": o.orientation,
+      ...r,
+      ref: t,
+      style: {
+        position: "absolute",
+        ...c ? {
+          left: 0,
+          width: l.size + "px",
+          transform: `translateX(${l.offset}px)`
+        } : {
+          top: 0,
+          height: l.size + "px",
+          transform: `translateY(${l.offset}px)`
+        },
+        ...r.style
+      }
+    }
+  ) : null;
+}), A = "NavigationMenuContent", we = s.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = T(A, e.__scopeNavigationMenu), a = ge(A, e.__scopeNavigationMenu), u = O(a.contentRef, t), v = a.value === o.value, l = {
+    value: a.value,
+    triggerRef: a.triggerRef,
+    focusProxyRef: a.focusProxyRef,
+    wasEscapeCloseRef: a.wasEscapeCloseRef,
+    onContentFocusOutside: a.onContentFocusOutside,
+    onRootContentClose: a.onRootContentClose,
+    ...r
+  };
+  return o.viewport ? /* @__PURE__ */ i(Ue, { forceMount: n, ...l, ref: u }) : /* @__PURE__ */ i(V, { present: n || v, children: /* @__PURE__ */ i(
+    be,
+    {
+      "data-state": Q(v),
+      ...l,
+      ref: u,
+      onPointerEnter: R(e.onPointerEnter, o.onContentEnter),
+      onPointerLeave: R(
+        e.onPointerLeave,
+        K(o.onContentLeave)
+      ),
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !v && o.isRootMenu ? "none" : void 0,
+        ...l.style
+      }
+    }
+  ) });
+});
+we.displayName = A;
+var Ue = s.forwardRef((e, t) => {
+  const n = T(A, e.__scopeNavigationMenu), { onViewportContentChange: r, onViewportContentRemove: o } = n;
+  return z(() => {
+    r(e.value, {
+      ref: t,
+      ...e
+    });
+  }, [e, t, r]), z(() => () => o(e.value), [e.value, o]), null;
+}), F = "navigationMenu.rootContentDismiss", be = s.forwardRef((e, t) => {
+  const {
+    __scopeNavigationMenu: n,
+    value: r,
+    triggerRef: o,
+    focusProxyRef: a,
+    wasEscapeCloseRef: u,
+    onRootContentClose: v,
+    onContentFocusOutside: l,
+    ...b
+  } = e, c = T(A, n), g = s.useRef(null), C = O(g, t), M = Me(c.baseId, r), p = ye(c.baseId, r), h = ue(n), N = s.useRef(null), { onItemDismiss: y } = c;
+  s.useEffect(() => {
+    const d = g.current;
+    if (c.isRootMenu && d) {
+      const m = () => {
+        y(), v(), d.contains(document.activeElement) && o.current?.focus();
+      };
+      return d.addEventListener(F, m), () => d.removeEventListener(F, m);
+    }
+  }, [c.isRootMenu, e.value, o, y, v]);
+  const I = s.useMemo(() => {
+    const m = h().map((P) => P.value);
+    c.dir === "rtl" && m.reverse();
+    const f = m.indexOf(c.value), w = m.indexOf(c.previousValue), _ = r === c.value, L = w === m.indexOf(r);
+    if (!_ && !L) return N.current;
+    const x = (() => {
+      if (f !== w) {
+        if (_ && w !== -1) return f > w ? "from-end" : "from-start";
+        if (L && f !== -1) return f > w ? "to-start" : "to-end";
+      }
+      return null;
+    })();
+    return N.current = x, x;
+  }, [c.previousValue, c.value, c.dir, h, r]);
+  return /* @__PURE__ */ i(Ne, { asChild: !0, children: /* @__PURE__ */ i(
+    Ie,
+    {
+      id: p,
+      "aria-labelledby": M,
+      "data-motion": I,
+      "data-orientation": c.orientation,
+      ...b,
+      ref: C,
+      disableOutsidePointerEvents: !1,
+      onDismiss: () => {
+        const d = new Event(F, {
+          bubbles: !0,
+          cancelable: !0
+        });
+        g.current?.dispatchEvent(d);
+      },
+      onFocusOutside: R(e.onFocusOutside, (d) => {
+        l();
+        const m = d.target;
+        c.rootNavigationMenu?.contains(m) && d.preventDefault();
+      }),
+      onPointerDownOutside: R(e.onPointerDownOutside, (d) => {
+        const m = d.target, f = h().some((_) => _.ref.current?.contains(m)), w = c.isRootMenu && c.viewport?.contains(m);
+        (f || w || !c.isRootMenu) && d.preventDefault();
+      }),
+      onKeyDown: R(e.onKeyDown, (d) => {
+        const m = d.altKey || d.ctrlKey || d.metaKey;
+        if (d.key === "Tab" && !m) {
+          const w = B(d.currentTarget), _ = document.activeElement, L = w.findIndex((G) => G === _), P = d.shiftKey ? w.slice(0, L).reverse() : w.slice(L + 1, w.length);
+          J(P) ? d.preventDefault() : a.current?.focus();
+        }
+      }),
+      onEscapeKeyDown: R(e.onEscapeKeyDown, (d) => {
+        u.current = !0;
+      })
+    }
+  ) });
+}), X = "NavigationMenuViewport", xe = s.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, a = !!T(X, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ i(V, { present: n || a, children: /* @__PURE__ */ i(He, { ...r, ref: t }) });
+});
+xe.displayName = X;
+var He = s.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, children: r, ...o } = e, a = T(X, n), u = O(t, a.onViewportChange), v = Fe(
+    A,
+    e.__scopeNavigationMenu
+  ), [l, b] = s.useState(null), [c, g] = s.useState(null), C = l ? l?.width + "px" : void 0, M = l ? l?.height + "px" : void 0, p = !!a.value, h = p ? a.value : a.previousValue;
+  return W(c, () => {
+    c && b({ width: c.offsetWidth, height: c.offsetHeight });
+  }), /* @__PURE__ */ i(
+    k.div,
+    {
+      "data-state": Q(p),
+      "data-orientation": a.orientation,
+      ...o,
+      ref: u,
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !p && a.isRootMenu ? "none" : void 0,
+        "--radix-navigation-menu-viewport-width": C,
+        "--radix-navigation-menu-viewport-height": M,
+        ...o.style
+      },
+      onPointerEnter: R(e.onPointerEnter, a.onContentEnter),
+      onPointerLeave: R(e.onPointerLeave, K(a.onContentLeave)),
+      children: Array.from(v.items).map(([y, { ref: I, forceMount: d, ...m }]) => {
+        const f = h === y;
+        return /* @__PURE__ */ i(V, { present: d || f, children: /* @__PURE__ */ i(
+          be,
+          {
+            ...m,
+            ref: Te(I, (w) => {
+              f && w && g(w);
+            })
+          }
+        ) }, y);
+      })
+    }
+  );
+}), Be = "FocusGroup", Ne = s.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...r } = e, o = T(Be, n);
+    return /* @__PURE__ */ i($.Provider, { scope: n, children: /* @__PURE__ */ i($.Slot, { scope: n, children: /* @__PURE__ */ i(k.div, { dir: o.dir, ...r, ref: t }) }) });
+  }
+), re = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], We = "FocusGroupItem", Ce = s.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...r } = e, o = Se(n), a = T(We, n);
+    return /* @__PURE__ */ i($.ItemSlot, { scope: n, children: /* @__PURE__ */ i(
+      k.button,
+      {
+        ...r,
+        ref: t,
+        onKeyDown: R(e.onKeyDown, (u) => {
+          if (["Home", "End", ...re].includes(u.key)) {
+            let l = o().map((g) => g.ref.current);
+            if ([a.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(u.key) && l.reverse(), re.includes(u.key)) {
+              const g = l.indexOf(u.currentTarget);
+              l = l.slice(g + 1);
+            }
+            setTimeout(() => J(l)), u.preventDefault();
+          }
+        })
+      }
+    ) });
+  }
+);
+function B(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 J(e) {
+  const t = document.activeElement;
+  return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
+}
+function je(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 W(e, t) {
+  const n = S(t);
+  z(() => {
+    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 Q(e) {
+  return e ? "open" : "closed";
+}
+function Me(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function ye(e, t) {
+  return `${e}-content-${t}`;
+}
+function K(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var Ye = ce, qe = de, Xe = me, Je = pe, Z = he, Qe = we, Ze = xe;
+function ht({
+  children: e,
+  className: t,
+  viewport: n,
+  columns: r = 5,
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    Ye,
+    {
+      className: E(
+        "group/navigation-menu relative mx-auto flex w-full max-w-7xl flex-1 items-center justify-center",
+        t
+      ),
+      "data-columns": r,
+      "data-slot": "navigation-menu-root",
+      "data-viewport": n,
+      ...o,
+      children: e
+    }
+  );
+}
+function wt({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    Ze,
+    {
+      className: E(
+        "origin-top-center relative mt-2 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-2xl bg-[var(--nav-viewport-background,hsl(var(--background)))] text-[var(--nav-text,hsl(var(--foreground)))] shadow-xl ring-1 ring-black/5 @container [transition:height_200ms_ease-in-out,opacity_75ms_ease-in-out]",
+        // Closed state
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out",
+        // Open state
+        "data-[state=open]:animate-in data-[state=open]:fade-in",
+        // Responsive
+        "md:rounded-3xl",
+        e
+      ),
+      "data-slot": "navigation-menu-viewport",
+      ...n,
+      children: t
+    }
+  );
+}
+function bt({ children: e, className: t, ...n }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: E("absolute left-0 right-0 top-full z-50 mx-auto w-full", t),
+      "data-slot": "navigation-menu-panel",
+      ...n,
+      children: e
+    }
+  );
+}
+function xt({ children: e, className: t, ...n }) {
+  return /* @__PURE__ */ i(
+    qe,
+    {
+      className: E("group flex w-full flex-1 list-none items-center justify-center", t),
+      "data-slot": "navigation-menu-list",
+      ...n,
+      children: e
+    }
+  );
+}
+function Nt({ children: e, className: t, ...n }) {
+  return /* @__PURE__ */ i(
+    Xe,
+    {
+      className: E("relative", t),
+      "data-slot": "navigation-menu-item",
+      ...n,
+      children: e
+    }
+  );
+}
+function Ct({
+  children: e,
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    Je,
+    {
+      className: E(
+        "group inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-semibold text-[var(--nav-link-text,hsl(var(--foreground)))] outline-none transition-[color,box-shadow] duration-200 [font-family:var(--nav-link-font-family,var(--font-family-body))]",
+        // Hover state
+        "hover:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        // Focus state
+        "focus:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] focus:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        // Focus-visible state
+        "focus-visible:outline-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        // Open state
+        "data-[state=open]:bg-contrast-100/50 data-[state=open]:text-foreground",
+        "data-[state=open]:hover:bg-contrast-100 data-[state=open]:focus:bg-contrast-100",
+        // Disabled state
+        "disabled:pointer-events-none disabled:opacity-50",
+        t
+      ),
+      "data-slot": "navigation-menu-trigger",
+      ...n,
+      children: e
+    }
+  );
+}
+function Mt({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ i(
+    Z,
+    {
+      className: E(
+        "group inline-flex h-9 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-semibold text-[var(--nav-link-text,hsl(var(--foreground)))] outline-none transition-[color,box-shadow] duration-200 [font-family:var(--nav-link-font-family,var(--font-family-body))]",
+        // Hover state
+        "hover:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        // Focus state
+        "focus:bg-[var(--nav-link-background-hover,hsl(var(--contrast-100)))] focus:text-[var(--nav-link-text-hover,hsl(var(--foreground)))]",
+        // Focus-visible state
+        "focus-visible:outline-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        e
+      ),
+      "data-slot": "navigation-menu-link",
+      ...n,
+      children: t
+    }
+  );
+}
+function yt({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    Qe,
+    {
+      className: E(
+        "absolute left-0 top-0 flex w-full flex-col gap-4 p-3 duration-75 ease-linear",
+        // Motion state
+        "data-[motion=from-end]:animate-in data-[motion=from-start]:animate-in data-[motion=from-end]:fade-in data-[motion=from-start]:fade-in",
+        "data-[motion=to-end]:animate-out data-[motion=to-start]:animate-out data-[motion=to-end]:fade-out data-[motion=to-start]:fade-out",
+        // Container queries
+        "@lg:flex-row @xl:gap-6 @2xl:gap-8 @2xl:p-5 @4xl:gap-10",
+        e
+      ),
+      "data-slot": "navigation-menu-content",
+      ...n,
+      children: t
+    }
+  );
+}
+function Rt({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ i(
+    "ul",
+    {
+      className: E(
+        "grid flex-1 grid-cols-1 gap-3",
+        // Container queries
+        "@md:grid-cols-2 @xl:gap-5 @4xl:grid-cols-3 @6xl:grid-cols-4",
+        e
+      ),
+      "data-slot": "navigation-menu-grid",
+      ...n,
+      children: t
+    }
+  );
+}
+function Et({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i("li", { className: E("w-full", e), "data-slot": "navigation-menu-grid-column", ...n, children: t });
+}
+function Tt({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    Z,
+    {
+      className: E(
+        "block rounded-lg bg-[var(--nav-grid-label-background,transparent)] px-3 py-2 font-[family-name:var(--nav-grid-label-font-family,var(--font-family-body))] text-sm font-semibold text-[var(--nav-grid-label-text,hsl(var(--foreground)))] transition-colors",
+        // Hover state
+        "hover:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))]",
+        // Focus-visible state
+        "focus-visible:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] focus-visible:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        e
+      ),
+      "data-slot": "navigation-menu-grid-label",
+      ...n,
+      children: t
+    }
+  );
+}
+function kt({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    Z,
+    {
+      className: E(
+        "block rounded-lg bg-[var(--nav-grid-link-background,transparent)] px-3 py-2 font-[family-name:var(--nav-grid-link-font-family,var(--font-family-body))] text-sm font-medium text-[var(--nav-grid-link-text,hsl(var(--contrast-500)))] transition-colors",
+        // Hover state
+        "hover:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] hover:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))]",
+        // Focus-visible state
+        "focus-visible:bg-[var(--nav-grid-label-background-hover,hsl(var(--contrast-100)))] focus-visible:text-[var(--nav-grid-label-text-hover,hsl(var(--foreground)))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--nav-focus,hsl(var(--primary)))]",
+        e
+      ),
+      "data-slot": "navigation-menu-grid-link",
+      ...n,
+      children: t
+    }
+  );
+}
+function It({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: E(
+        "w-full flex-auto",
+        // Container queries
+        "@lg:max-w-56 @2xl:max-w-72",
+        e
+      ),
+      "data-slot": "navigation-menu-slot",
+      ...n,
+      children: t
+    }
+  );
+}
+export {
+  yt as Content,
+  Rt as Grid,
+  Et as GridColumn,
+  Tt as GridLabel,
+  kt as GridLink,
+  Nt as Item,
+  Mt as Link,
+  xt as List,
+  bt as Panel,
+  ht as Root,
+  It as Slot,
+  Ct as Trigger,
+  wt as Viewport
+};
+//# sourceMappingURL=navigation-menu.js.map