@arolariu/components 0.0.21 → 0.0.22

package/dist/es/navigation-menu.js

@@ -1,79 +1,663 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Root as u, List as d, Item as l, Content as s, Trigger as g, Link as m, Indicator as v, Viewport as f } from "./node_modules/@radix-ui/react-navigation-menu/dist/index.js";
-import { cva as p } from "./node_modules/class-variance-authority/dist/index.js";
-import { cn as n } from "./lib/utils.js";
-import c from "./node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-function M({
-  className: t,
-  children: a,
-  viewport: o = !0,
-  ...r
+import { jsx as s, jsxs as K, Fragment as Z } from "react/jsx-runtime";
+import * as i from "react";
+import ye from "react-dom";
+import { c as Te } from "./index-UFb2E87s.js";
+import { c as E } from "./index-DLeNytVF.js";
+import { P as I, d as ee } from "./index--Ec6-Sd5.js";
+import { u as oe } from "./index-D0hprziO.js";
+import { u as O, c as Ie } from "./index-nyDQUcyF.js";
+import { u as ke } from "./index-ByaXH_ih.js";
+import { P as z } from "./index-f-iPgWOf.js";
+import { u as ae } from "./index-Db9lcxQz.js";
+import { c as re } from "./index-DXnZn5I3.js";
+import { D as _e } from "./index-DPEsKR25.js";
+import { u as Pe } from "./index-BZPx6jYI.js";
+import { u as G } from "./index-tHF99yB3.js";
+import { u as S } from "./index-DwYXX2sM.js";
+import { R as De } from "./index-Dekf5jV-.js";
+import { c as Se } from "./index-C1lxUgu8.js";
+import { c as _ } from "./utils-B9KdtH6G.js";
+import { C as Ae } from "./chevron-down-D1WfRf9d.js";
+var L = "NavigationMenu", [W, ie, Le] = re(L), [U, Oe, Fe] = re(L), [Y, Et] = Te(
+  L,
+  [Le, Fe]
+), [Ke, T] = Y(L), [Ve, ze] = Y(L), se = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: a,
+      onValueChange: o,
+      defaultValue: r,
+      delayDuration: u = 200,
+      skipDelayDuration: d = 300,
+      orientation: c = "horizontal",
+      dir: N,
+      ...l
+    } = e, [m, b] = i.useState(null), R = O(t, (w) => b(w)), h = ke(N), p = i.useRef(0), C = i.useRef(0), x = i.useRef(0), [k, f] = i.useState(!0), [g = "", v] = oe({
+      prop: a,
+      onChange: (w) => {
+        const D = w !== "", $ = d > 0;
+        D ? (window.clearTimeout(x.current), $ && f(!1)) : (window.clearTimeout(x.current), x.current = window.setTimeout(
+          () => f(!0),
+          d
+        )), o == null || o(w);
+      },
+      defaultProp: r
+    }), M = i.useCallback(() => {
+      window.clearTimeout(C.current), C.current = window.setTimeout(() => v(""), 150);
+    }, [v]), y = i.useCallback(
+      (w) => {
+        window.clearTimeout(C.current), v(w);
+      },
+      [v]
+    ), P = i.useCallback(
+      (w) => {
+        g === w ? window.clearTimeout(C.current) : p.current = window.setTimeout(() => {
+          window.clearTimeout(C.current), v(w);
+        }, u);
+      },
+      [g, v, u]
+    );
+    return i.useEffect(() => () => {
+      window.clearTimeout(p.current), window.clearTimeout(C.current), window.clearTimeout(x.current);
+    }, []), /* @__PURE__ */ s(
+      ce,
+      {
+        scope: n,
+        isRootMenu: !0,
+        value: g,
+        dir: h,
+        orientation: c,
+        rootNavigationMenu: m,
+        onTriggerEnter: (w) => {
+          window.clearTimeout(p.current), k ? P(w) : y(w);
+        },
+        onTriggerLeave: () => {
+          window.clearTimeout(p.current), M();
+        },
+        onContentEnter: () => window.clearTimeout(C.current),
+        onContentLeave: M,
+        onItemSelect: (w) => {
+          v((D) => D === w ? "" : w);
+        },
+        onItemDismiss: () => v(""),
+        children: /* @__PURE__ */ s(
+          I.nav,
+          {
+            "aria-label": "Main",
+            "data-orientation": c,
+            dir: h,
+            ...l,
+            ref: R
+          }
+        )
+      }
+    );
+  }
+);
+se.displayName = L;
+var ue = "NavigationMenuSub", $e = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: a,
+      onValueChange: o,
+      defaultValue: r,
+      orientation: u = "horizontal",
+      ...d
+    } = e, c = T(ue, n), [N = "", l] = oe({
+      prop: a,
+      onChange: o,
+      defaultProp: r
+    });
+    return /* @__PURE__ */ s(
+      ce,
+      {
+        scope: n,
+        isRootMenu: !1,
+        value: N,
+        dir: c.dir,
+        orientation: u,
+        rootNavigationMenu: c.rootNavigationMenu,
+        onTriggerEnter: (m) => l(m),
+        onItemSelect: (m) => l(m),
+        onItemDismiss: () => l(""),
+        children: /* @__PURE__ */ s(I.div, { "data-orientation": u, ...d, ref: t })
+      }
+    );
+  }
+);
+$e.displayName = ue;
+var ce = (e) => {
+  const {
+    scope: t,
+    isRootMenu: n,
+    rootNavigationMenu: a,
+    dir: o,
+    orientation: r,
+    children: u,
+    value: d,
+    onItemSelect: c,
+    onItemDismiss: N,
+    onTriggerEnter: l,
+    onTriggerLeave: m,
+    onContentEnter: b,
+    onContentLeave: R
+  } = e, [h, p] = i.useState(null), [C, x] = i.useState(/* @__PURE__ */ new Map()), [k, f] = i.useState(null);
+  return /* @__PURE__ */ s(
+    Ke,
+    {
+      scope: t,
+      isRootMenu: n,
+      rootNavigationMenu: a,
+      value: d,
+      previousValue: Pe(d),
+      baseId: ae(),
+      dir: o,
+      orientation: r,
+      viewport: h,
+      onViewportChange: p,
+      indicatorTrack: k,
+      onIndicatorTrackChange: f,
+      onTriggerEnter: S(l),
+      onTriggerLeave: S(m),
+      onContentEnter: S(b),
+      onContentLeave: S(R),
+      onItemSelect: S(c),
+      onItemDismiss: S(N),
+      onViewportContentChange: i.useCallback((g, v) => {
+        x((M) => (M.set(g, v), new Map(M)));
+      }, []),
+      onViewportContentRemove: i.useCallback((g) => {
+        x((v) => v.has(g) ? (v.delete(g), new Map(v)) : v);
+      }, []),
+      children: /* @__PURE__ */ s(W.Provider, { scope: t, children: /* @__PURE__ */ s(Ve, { scope: t, items: C, children: u }) })
+    }
+  );
+}, le = "NavigationMenuList", de = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...a } = e, o = T(le, n), r = /* @__PURE__ */ s(I.ul, { "data-orientation": o.orientation, ...a, ref: t });
+    return /* @__PURE__ */ s(I.div, { style: { position: "relative" }, ref: o.onIndicatorTrackChange, children: /* @__PURE__ */ s(W.Slot, { scope: n, children: o.isRootMenu ? /* @__PURE__ */ s(Me, { asChild: !0, children: r }) : r }) });
+  }
+);
+de.displayName = le;
+var ve = "NavigationMenuItem", [Ge, fe] = Y(ve), ge = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, value: a, ...o } = e, r = ae(), u = a || r || "LEGACY_REACT_AUTO_VALUE", d = i.useRef(null), c = i.useRef(null), N = i.useRef(null), l = i.useRef(() => {
+    }), m = i.useRef(!1), b = i.useCallback((h = "start") => {
+      if (d.current) {
+        l.current();
+        const p = j(d.current);
+        p.length && J(h === "start" ? p : p.reverse());
+      }
+    }, []), R = i.useCallback(() => {
+      if (d.current) {
+        const h = j(d.current);
+        h.length && (l.current = qe(h));
+      }
+    }, []);
+    return /* @__PURE__ */ s(
+      Ge,
+      {
+        scope: n,
+        value: u,
+        triggerRef: c,
+        contentRef: d,
+        focusProxyRef: N,
+        wasEscapeCloseRef: m,
+        onEntryKeyDown: b,
+        onFocusProxyEnter: b,
+        onRootContentClose: R,
+        onContentFocusOutside: R,
+        children: /* @__PURE__ */ s(I.li, { ...o, ref: t })
+      }
+    );
+  }
+);
+ge.displayName = ve;
+var H = "NavigationMenuTrigger", me = i.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, disabled: a, ...o } = e, r = T(H, e.__scopeNavigationMenu), u = fe(H, e.__scopeNavigationMenu), d = i.useRef(null), c = O(d, u.triggerRef, t), N = Re(r.baseId, u.value), l = xe(r.baseId, u.value), m = i.useRef(!1), b = i.useRef(!1), R = u.value === r.value;
+  return /* @__PURE__ */ K(Z, { children: [
+    /* @__PURE__ */ s(W.ItemSlot, { scope: n, value: u.value, children: /* @__PURE__ */ s(be, { asChild: !0, children: /* @__PURE__ */ s(
+      I.button,
+      {
+        id: N,
+        disabled: a,
+        "data-disabled": a ? "" : void 0,
+        "data-state": Q(R),
+        "aria-expanded": R,
+        "aria-controls": l,
+        ...o,
+        ref: c,
+        onPointerEnter: E(e.onPointerEnter, () => {
+          b.current = !1, u.wasEscapeCloseRef.current = !1;
+        }),
+        onPointerMove: E(
+          e.onPointerMove,
+          V(() => {
+            a || b.current || u.wasEscapeCloseRef.current || m.current || (r.onTriggerEnter(u.value), m.current = !0);
+          })
+        ),
+        onPointerLeave: E(
+          e.onPointerLeave,
+          V(() => {
+            a || (r.onTriggerLeave(), m.current = !1);
+          })
+        ),
+        onClick: E(e.onClick, () => {
+          r.onItemSelect(u.value), b.current = R;
+        }),
+        onKeyDown: E(e.onKeyDown, (h) => {
+          const C = { horizontal: "ArrowDown", vertical: r.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[r.orientation];
+          R && h.key === C && (u.onEntryKeyDown(), h.preventDefault());
+        })
+      }
+    ) }) }),
+    R && /* @__PURE__ */ K(Z, { children: [
+      /* @__PURE__ */ s(
+        De,
+        {
+          "aria-hidden": !0,
+          tabIndex: 0,
+          ref: u.focusProxyRef,
+          onFocus: (h) => {
+            const p = u.contentRef.current, C = h.relatedTarget, x = C === d.current, k = p == null ? void 0 : p.contains(C);
+            (x || !k) && u.onFocusProxyEnter(x ? "start" : "end");
+          }
+        }
+      ),
+      r.viewport && /* @__PURE__ */ s("span", { "aria-owns": l })
+    ] })
+  ] });
+});
+me.displayName = H;
+var Ue = "NavigationMenuLink", te = "navigationMenu.linkSelect", pe = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, active: a, onSelect: o, ...r } = e;
+    return /* @__PURE__ */ s(be, { asChild: !0, children: /* @__PURE__ */ s(
+      I.a,
+      {
+        "data-active": a ? "" : void 0,
+        "aria-current": a ? "page" : void 0,
+        ...r,
+        ref: t,
+        onClick: E(
+          e.onClick,
+          (u) => {
+            const d = u.target, c = new CustomEvent(te, {
+              bubbles: !0,
+              cancelable: !0
+            });
+            if (d.addEventListener(te, (N) => o == null ? void 0 : o(N), { once: !0 }), ee(d, c), !c.defaultPrevented && !u.metaKey) {
+              const N = new CustomEvent(F, {
+                bubbles: !0,
+                cancelable: !0
+              });
+              ee(d, N);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+pe.displayName = Ue;
+var q = "NavigationMenuIndicator", we = i.forwardRef((e, t) => {
+  const { forceMount: n, ...a } = e, o = T(q, e.__scopeNavigationMenu), r = !!o.value;
+  return o.indicatorTrack ? ye.createPortal(
+    /* @__PURE__ */ s(z, { present: n || r, children: /* @__PURE__ */ s(He, { ...a, ref: t }) }),
+    o.indicatorTrack
+  ) : null;
+});
+we.displayName = q;
+var He = i.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, ...a } = e, o = T(q, n), r = ie(n), [u, d] = i.useState(
+    null
+  ), [c, N] = i.useState(null), l = o.orientation === "horizontal", m = !!o.value;
+  i.useEffect(() => {
+    var p;
+    const h = (p = r().find((C) => C.value === o.value)) == null ? void 0 : p.ref.current;
+    h && d(h);
+  }, [r, o.value]);
+  const b = () => {
+    u && N({
+      size: l ? u.offsetWidth : u.offsetHeight,
+      offset: l ? u.offsetLeft : u.offsetTop
+    });
+  };
+  return B(u, b), B(o.indicatorTrack, b), c ? /* @__PURE__ */ s(
+    I.div,
+    {
+      "aria-hidden": !0,
+      "data-state": m ? "visible" : "hidden",
+      "data-orientation": o.orientation,
+      ...a,
+      ref: t,
+      style: {
+        position: "absolute",
+        ...l ? {
+          left: 0,
+          width: c.size + "px",
+          transform: `translateX(${c.offset}px)`
+        } : {
+          top: 0,
+          height: c.size + "px",
+          transform: `translateY(${c.offset}px)`
+        },
+        ...a.style
+      }
+    }
+  ) : null;
+}), A = "NavigationMenuContent", he = i.forwardRef((e, t) => {
+  const { forceMount: n, ...a } = e, o = T(A, e.__scopeNavigationMenu), r = fe(A, e.__scopeNavigationMenu), u = O(r.contentRef, t), d = r.value === o.value, c = {
+    value: r.value,
+    triggerRef: r.triggerRef,
+    focusProxyRef: r.focusProxyRef,
+    wasEscapeCloseRef: r.wasEscapeCloseRef,
+    onContentFocusOutside: r.onContentFocusOutside,
+    onRootContentClose: r.onRootContentClose,
+    ...a
+  };
+  return o.viewport ? /* @__PURE__ */ s(je, { forceMount: n, ...c, ref: u }) : /* @__PURE__ */ s(z, { present: n || d, children: /* @__PURE__ */ s(
+    Ne,
+    {
+      "data-state": Q(d),
+      ...c,
+      ref: u,
+      onPointerEnter: E(e.onPointerEnter, o.onContentEnter),
+      onPointerLeave: E(
+        e.onPointerLeave,
+        V(o.onContentLeave)
+      ),
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !d && o.isRootMenu ? "none" : void 0,
+        ...c.style
+      }
+    }
+  ) });
+});
+he.displayName = A;
+var je = i.forwardRef((e, t) => {
+  const n = T(A, e.__scopeNavigationMenu), { onViewportContentChange: a, onViewportContentRemove: o } = n;
+  return G(() => {
+    a(e.value, {
+      ref: t,
+      ...e
+    });
+  }, [e, t, a]), G(() => () => o(e.value), [e.value, o]), null;
+}), F = "navigationMenu.rootContentDismiss", Ne = i.forwardRef((e, t) => {
+  const {
+    __scopeNavigationMenu: n,
+    value: a,
+    triggerRef: o,
+    focusProxyRef: r,
+    wasEscapeCloseRef: u,
+    onRootContentClose: d,
+    onContentFocusOutside: c,
+    ...N
+  } = e, l = T(A, n), m = i.useRef(null), b = O(m, t), R = Re(l.baseId, a), h = xe(l.baseId, a), p = ie(n), C = i.useRef(null), { onItemDismiss: x } = l;
+  i.useEffect(() => {
+    const f = m.current;
+    if (l.isRootMenu && f) {
+      const g = () => {
+        var v;
+        x(), d(), f.contains(document.activeElement) && ((v = o.current) == null || v.focus());
+      };
+      return f.addEventListener(F, g), () => f.removeEventListener(F, g);
+    }
+  }, [l.isRootMenu, e.value, o, x, d]);
+  const k = i.useMemo(() => {
+    const g = p().map((D) => D.value);
+    l.dir === "rtl" && g.reverse();
+    const v = g.indexOf(l.value), M = g.indexOf(l.previousValue), y = a === l.value, P = M === g.indexOf(a);
+    if (!y && !P) return C.current;
+    const w = (() => {
+      if (v !== M) {
+        if (y && M !== -1) return v > M ? "from-end" : "from-start";
+        if (P && v !== -1) return v > M ? "to-start" : "to-end";
+      }
+      return null;
+    })();
+    return C.current = w, w;
+  }, [l.previousValue, l.value, l.dir, p, a]);
+  return /* @__PURE__ */ s(Me, { asChild: !0, children: /* @__PURE__ */ s(
+    _e,
+    {
+      id: h,
+      "aria-labelledby": R,
+      "data-motion": k,
+      "data-orientation": l.orientation,
+      ...N,
+      ref: b,
+      disableOutsidePointerEvents: !1,
+      onDismiss: () => {
+        var g;
+        const f = new Event(F, {
+          bubbles: !0,
+          cancelable: !0
+        });
+        (g = m.current) == null || g.dispatchEvent(f);
+      },
+      onFocusOutside: E(e.onFocusOutside, (f) => {
+        var v;
+        c();
+        const g = f.target;
+        (v = l.rootNavigationMenu) != null && v.contains(g) && f.preventDefault();
+      }),
+      onPointerDownOutside: E(e.onPointerDownOutside, (f) => {
+        var y;
+        const g = f.target, v = p().some((P) => {
+          var w;
+          return (w = P.ref.current) == null ? void 0 : w.contains(g);
+        }), M = l.isRootMenu && ((y = l.viewport) == null ? void 0 : y.contains(g));
+        (v || M || !l.isRootMenu) && f.preventDefault();
+      }),
+      onKeyDown: E(e.onKeyDown, (f) => {
+        var M;
+        const g = f.altKey || f.ctrlKey || f.metaKey;
+        if (f.key === "Tab" && !g) {
+          const y = j(f.currentTarget), P = document.activeElement, w = y.findIndex((Ee) => Ee === P), $ = f.shiftKey ? y.slice(0, w).reverse() : y.slice(w + 1, y.length);
+          J($) ? f.preventDefault() : (M = r.current) == null || M.focus();
+        }
+      }),
+      onEscapeKeyDown: E(e.onEscapeKeyDown, (f) => {
+        u.current = !0;
+      })
+    }
+  ) });
+}), X = "NavigationMenuViewport", Ce = i.forwardRef((e, t) => {
+  const { forceMount: n, ...a } = e, r = !!T(X, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ s(z, { present: n || r, children: /* @__PURE__ */ s(Be, { ...a, ref: t }) });
+});
+Ce.displayName = X;
+var Be = i.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, children: a, ...o } = e, r = T(X, n), u = O(t, r.onViewportChange), d = ze(
+    A,
+    e.__scopeNavigationMenu
+  ), [c, N] = i.useState(null), [l, m] = i.useState(null), b = c ? (c == null ? void 0 : c.width) + "px" : void 0, R = c ? (c == null ? void 0 : c.height) + "px" : void 0, h = !!r.value, p = h ? r.value : r.previousValue;
+  return B(l, () => {
+    l && N({ width: l.offsetWidth, height: l.offsetHeight });
+  }), /* @__PURE__ */ s(
+    I.div,
+    {
+      "data-state": Q(h),
+      "data-orientation": r.orientation,
+      ...o,
+      ref: u,
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !h && r.isRootMenu ? "none" : void 0,
+        "--radix-navigation-menu-viewport-width": b,
+        "--radix-navigation-menu-viewport-height": R,
+        ...o.style
+      },
+      onPointerEnter: E(e.onPointerEnter, r.onContentEnter),
+      onPointerLeave: E(e.onPointerLeave, V(r.onContentLeave)),
+      children: Array.from(d.items).map(([x, { ref: k, forceMount: f, ...g }]) => {
+        const v = p === x;
+        return /* @__PURE__ */ s(z, { present: f || v, children: /* @__PURE__ */ s(
+          Ne,
+          {
+            ...g,
+            ref: Ie(k, (M) => {
+              v && M && m(M);
+            })
+          }
+        ) }, x);
+      })
+    }
+  );
+}), We = "FocusGroup", Me = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...a } = e, o = T(We, n);
+    return /* @__PURE__ */ s(U.Provider, { scope: n, children: /* @__PURE__ */ s(U.Slot, { scope: n, children: /* @__PURE__ */ s(I.div, { dir: o.dir, ...a, ref: t }) }) });
+  }
+), ne = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], Ye = "FocusGroupItem", be = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...a } = e, o = Oe(n), r = T(Ye, n);
+    return /* @__PURE__ */ s(U.ItemSlot, { scope: n, children: /* @__PURE__ */ s(
+      I.button,
+      {
+        ...a,
+        ref: t,
+        onKeyDown: E(e.onKeyDown, (u) => {
+          if (["Home", "End", ...ne].includes(u.key)) {
+            let c = o().map((m) => m.ref.current);
+            if ([r.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(u.key) && c.reverse(), ne.includes(u.key)) {
+              const m = c.indexOf(u.currentTarget);
+              c = c.slice(m + 1);
+            }
+            setTimeout(() => J(c)), u.preventDefault();
+          }
+        })
+      }
+    ) });
+  }
+);
+function j(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (a) => {
+      const o = a.tagName === "INPUT" && a.type === "hidden";
+      return a.disabled || a.hidden || o ? NodeFilter.FILTER_SKIP : a.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 qe(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 B(e, t) {
+  const n = S(t);
+  G(() => {
+    let a = 0;
+    if (e) {
+      const o = new ResizeObserver(() => {
+        cancelAnimationFrame(a), a = window.requestAnimationFrame(n);
+      });
+      return o.observe(e), () => {
+        window.cancelAnimationFrame(a), o.unobserve(e);
+      };
+    }
+  }, [e, n]);
+}
+function Q(e) {
+  return e ? "open" : "closed";
+}
+function Re(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function xe(e, t) {
+  return `${e}-content-${t}`;
+}
+function V(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var Xe = se, Je = de, Qe = ge, Ze = me, et = pe, tt = we, nt = he, ot = Ce;
+function yt({
+  className: e,
+  children: t,
+  viewport: n = !0,
+  ...a
 }) {
-  return /* @__PURE__ */ i(
-    u,
+  return /* @__PURE__ */ K(
+    Xe,
     {
       "data-slot": "navigation-menu",
-      "data-viewport": o,
-      className: n(
+      "data-viewport": n,
+      className: _(
         "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
-        t
+        e
       ),
-      ...r,
+      ...a,
       children: [
-        a,
-        o && /* @__PURE__ */ e(w, {})
+        t,
+        n && /* @__PURE__ */ s(rt, {})
       ]
     }
   );
 }
-function y({
-  className: t,
-  ...a
+function Tt({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    d,
+  return /* @__PURE__ */ s(
+    Je,
     {
       "data-slot": "navigation-menu-list",
-      className: n(
+      className: _(
         "group flex flex-1 list-none items-center justify-center gap-1",
-        t
+        e
       ),
-      ...a
+      ...t
     }
   );
 }
-function j({
-  className: t,
-  ...a
+function It({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    l,
+  return /* @__PURE__ */ s(
+    Qe,
     {
       "data-slot": "navigation-menu-item",
-      className: n("relative", t),
-      ...a
+      className: _("relative", e),
+      ...t
     }
   );
 }
-const x = p(
+const at = Se(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-neutral-100/50 data-[state=open]:bg-neutral-100/50 data-[active=true]:text-neutral-900 ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20"
 );
-function I({
-  className: t,
-  children: a,
-  ...o
+function kt({
+  className: e,
+  children: t,
+  ...n
 }) {
-  return /* @__PURE__ */ i(
-    g,
+  return /* @__PURE__ */ K(
+    Ze,
     {
       "data-slot": "navigation-menu-trigger",
-      className: n(x(), "group", t),
-      ...o,
+      className: _(at(), "group", e),
+      ...n,
       children: [
-        a,
+        t,
         "",
-        /* @__PURE__ */ e(
-          c,
+        /* @__PURE__ */ s(
+          Ae,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -83,89 +667,89 @@ function I({
     }
   );
 }
-function L({
-  className: t,
-  ...a
+function _t({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    s,
+  return /* @__PURE__ */ s(
+    nt,
     {
       "data-slot": "navigation-menu-content",
-      className: n(
+      className: _(
         "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
         "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
-        t
+        e
       ),
-      ...a
+      ...t
     }
   );
 }
-function w({
-  className: t,
-  ...a
+function rt({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: n(
+      className: _(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ e(
-        f,
+      children: /* @__PURE__ */ s(
+        ot,
         {
           "data-slot": "navigation-menu-viewport",
-          className: n(
+          className: _(
             "origin-top-center bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-            t
+            e
           ),
-          ...a
+          ...t
         }
       )
     }
   );
 }
-function C({
-  className: t,
-  ...a
+function Pt({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    m,
+  return /* @__PURE__ */ s(
+    et,
     {
       "data-slot": "navigation-menu-link",
-      className: n(
+      className: _(
         "hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
-        t
+        e
       ),
-      ...a
+      ...t
     }
   );
 }
-function T({
-  className: t,
-  ...a
+function Dt({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    v,
+  return /* @__PURE__ */ s(
+    tt,
     {
       "data-slot": "navigation-menu-indicator",
-      className: n(
+      className: _(
         "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
-        t
+        e
       ),
-      ...a,
-      children: /* @__PURE__ */ e("div", { className: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800" })
+      ...t,
+      children: /* @__PURE__ */ s("div", { className: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800" })
     }
   );
 }
 export {
-  M as NavigationMenu,
-  L as NavigationMenuContent,
-  T as NavigationMenuIndicator,
-  j as NavigationMenuItem,
-  C as NavigationMenuLink,
-  y as NavigationMenuList,
-  I as NavigationMenuTrigger,
-  w as NavigationMenuViewport,
-  x as navigationMenuTriggerStyle
+  yt as NavigationMenu,
+  _t as NavigationMenuContent,
+  Dt as NavigationMenuIndicator,
+  It as NavigationMenuItem,
+  Pt as NavigationMenuLink,
+  Tt as NavigationMenuList,
+  kt as NavigationMenuTrigger,
+  rt as NavigationMenuViewport,
+  at as navigationMenuTriggerStyle
 };
 //# sourceMappingURL=navigation-menu.js.map