@gv-tech/ui-web 2.9.1 → 2.12.0

package/dist/navigation-menu.es.js

@@ -0,0 +1,673 @@
+import { j as a } from "./jsx-runtime-tc70JA_2.mjs";
+import * as r from "react";
+import _e from "react-dom";
+import { c as je } from "./index-IZ2gq03c.mjs";
+import { P as T, c as E, d as Z } from "./index-K9FzbxYw.mjs";
+import { u as ne } from "./index-p6xVFRb4.mjs";
+import { u as L, c as Se } from "./index-DLcqcWxM.mjs";
+import { u as De } from "./index-CD6_IrA-.mjs";
+import { P as K } from "./index-vuPgkS0V.mjs";
+import { u as oe } from "./index-DnFcfnA9.mjs";
+import { c as re } from "./index-DFdF7K7v.mjs";
+import { D as ke } from "./index-Dfzl8TxY.mjs";
+import { u as Ae } from "./index-BZPx6jYI.mjs";
+import { u as z } from "./index-CCKe-Mpx.mjs";
+import { u as S } from "./index-0ioNhtNM.mjs";
+import { R as Le } from "./index-DKN_vhyX.mjs";
+import { cva as Oe } from "class-variance-authority";
+import { ChevronDown as Fe } from "lucide-react";
+import { c as D } from "./utils-B6yFEsav.mjs";
+var k = "NavigationMenu", [W, ae, Ke] = re(k), [$, Ve, ze] = re(k), [Y] = je(
+  k,
+  [Ke, ze]
+), [$e, b] = Y(k), [Ge, Ue] = Y(k), ie = r.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: o,
+      onValueChange: i,
+      defaultValue: s,
+      delayDuration: c = 200,
+      skipDelayDuration: d = 300,
+      orientation: l = "horizontal",
+      dir: N,
+      ...u
+    } = e, [m, M] = r.useState(null), R = L(t, (h) => M(h)), p = De(N), w = r.useRef(0), C = r.useRef(0), y = r.useRef(0), [I, f] = r.useState(!0), [g, v] = ne({
+      prop: o,
+      onChange: (h) => {
+        const _ = h !== "", V = d > 0;
+        _ ? (window.clearTimeout(y.current), V && f(!1)) : (window.clearTimeout(y.current), y.current = window.setTimeout(
+          () => f(!0),
+          d
+        )), i?.(h);
+      },
+      defaultProp: s ?? "",
+      caller: k
+    }), x = r.useCallback(() => {
+      window.clearTimeout(C.current), C.current = window.setTimeout(() => v(""), 150);
+    }, [v]), P = r.useCallback(
+      (h) => {
+        window.clearTimeout(C.current), v(h);
+      },
+      [v]
+    ), j = r.useCallback(
+      (h) => {
+        g === h ? window.clearTimeout(C.current) : w.current = window.setTimeout(() => {
+          window.clearTimeout(C.current), v(h);
+        }, c);
+      },
+      [g, v, c]
+    );
+    return r.useEffect(() => () => {
+      window.clearTimeout(w.current), window.clearTimeout(C.current), window.clearTimeout(y.current);
+    }, []), /* @__PURE__ */ a.jsx(
+      se,
+      {
+        scope: n,
+        isRootMenu: !0,
+        value: g,
+        dir: p,
+        orientation: l,
+        rootNavigationMenu: m,
+        onTriggerEnter: (h) => {
+          window.clearTimeout(w.current), I ? j(h) : P(h);
+        },
+        onTriggerLeave: () => {
+          window.clearTimeout(w.current), x();
+        },
+        onContentEnter: () => window.clearTimeout(C.current),
+        onContentLeave: x,
+        onItemSelect: (h) => {
+          v((_) => _ === h ? "" : h);
+        },
+        onItemDismiss: () => v(""),
+        children: /* @__PURE__ */ a.jsx(
+          T.nav,
+          {
+            "aria-label": "Main",
+            "data-orientation": l,
+            dir: p,
+            ...u,
+            ref: R
+          }
+        )
+      }
+    );
+  }
+);
+ie.displayName = k;
+var G = "NavigationMenuSub", He = r.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: o,
+      onValueChange: i,
+      defaultValue: s,
+      orientation: c = "horizontal",
+      ...d
+    } = e, l = b(G, n), [N, u] = ne({
+      prop: o,
+      onChange: i,
+      defaultProp: s ?? "",
+      caller: G
+    });
+    return /* @__PURE__ */ a.jsx(
+      se,
+      {
+        scope: n,
+        isRootMenu: !1,
+        value: N,
+        dir: l.dir,
+        orientation: c,
+        rootNavigationMenu: l.rootNavigationMenu,
+        onTriggerEnter: (m) => u(m),
+        onItemSelect: (m) => u(m),
+        onItemDismiss: () => u(""),
+        children: /* @__PURE__ */ a.jsx(T.div, { "data-orientation": c, ...d, ref: t })
+      }
+    );
+  }
+);
+He.displayName = G;
+var se = (e) => {
+  const {
+    scope: t,
+    isRootMenu: n,
+    rootNavigationMenu: o,
+    dir: i,
+    orientation: s,
+    children: c,
+    value: d,
+    onItemSelect: l,
+    onItemDismiss: N,
+    onTriggerEnter: u,
+    onTriggerLeave: m,
+    onContentEnter: M,
+    onContentLeave: R
+  } = e, [p, w] = r.useState(null), [C, y] = r.useState(/* @__PURE__ */ new Map()), [I, f] = r.useState(null);
+  return /* @__PURE__ */ a.jsx(
+    $e,
+    {
+      scope: t,
+      isRootMenu: n,
+      rootNavigationMenu: o,
+      value: d,
+      previousValue: Ae(d),
+      baseId: oe(),
+      dir: i,
+      orientation: s,
+      viewport: p,
+      onViewportChange: w,
+      indicatorTrack: I,
+      onIndicatorTrackChange: f,
+      onTriggerEnter: S(u),
+      onTriggerLeave: S(m),
+      onContentEnter: S(M),
+      onContentLeave: S(R),
+      onItemSelect: S(l),
+      onItemDismiss: S(N),
+      onViewportContentChange: r.useCallback((g, v) => {
+        y((x) => (x.set(g, v), new Map(x)));
+      }, []),
+      onViewportContentRemove: r.useCallback((g) => {
+        y((v) => v.has(g) ? (v.delete(g), new Map(v)) : v);
+      }, []),
+      children: /* @__PURE__ */ a.jsx(W.Provider, { scope: t, children: /* @__PURE__ */ a.jsx(Ge, { scope: t, items: C, children: c }) })
+    }
+  );
+}, ce = "NavigationMenuList", ue = r.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...o } = e, i = b(ce, n), s = /* @__PURE__ */ a.jsx(T.ul, { "data-orientation": i.orientation, ...o, ref: t });
+    return /* @__PURE__ */ a.jsx(T.div, { style: { position: "relative" }, ref: i.onIndicatorTrackChange, children: /* @__PURE__ */ a.jsx(W.Slot, { scope: n, children: i.isRootMenu ? /* @__PURE__ */ a.jsx(Ne, { asChild: !0, children: s }) : s }) });
+  }
+);
+ue.displayName = ce;
+var le = "NavigationMenuItem", [Be, de] = Y(le), fe = r.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, value: o, ...i } = e, s = oe(), c = o || s || "LEGACY_REACT_AUTO_VALUE", d = r.useRef(null), l = r.useRef(null), N = r.useRef(null), u = r.useRef(() => {
+    }), m = r.useRef(!1), M = r.useCallback((p = "start") => {
+      if (d.current) {
+        u.current();
+        const w = H(d.current);
+        w.length && J(p === "start" ? w : w.reverse());
+      }
+    }, []), R = r.useCallback(() => {
+      if (d.current) {
+        const p = H(d.current);
+        p.length && (u.current = Ze(p));
+      }
+    }, []);
+    return /* @__PURE__ */ a.jsx(
+      Be,
+      {
+        scope: n,
+        value: c,
+        triggerRef: l,
+        contentRef: d,
+        focusProxyRef: N,
+        wasEscapeCloseRef: m,
+        onEntryKeyDown: M,
+        onFocusProxyEnter: M,
+        onRootContentClose: R,
+        onContentFocusOutside: R,
+        children: /* @__PURE__ */ a.jsx(T.li, { ...i, ref: t })
+      }
+    );
+  }
+);
+fe.displayName = le;
+var U = "NavigationMenuTrigger", ve = r.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, disabled: o, ...i } = e, s = b(U, e.__scopeNavigationMenu), c = de(U, e.__scopeNavigationMenu), d = r.useRef(null), l = L(d, c.triggerRef, t), N = Ce(s.baseId, c.value), u = Me(s.baseId, c.value), m = r.useRef(!1), M = r.useRef(!1), R = c.value === s.value;
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(W.ItemSlot, { scope: n, value: c.value, children: /* @__PURE__ */ a.jsx(he, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+      T.button,
+      {
+        id: N,
+        disabled: o,
+        "data-disabled": o ? "" : void 0,
+        "data-state": Q(R),
+        "aria-expanded": R,
+        "aria-controls": u,
+        ...i,
+        ref: l,
+        onPointerEnter: E(e.onPointerEnter, () => {
+          M.current = !1, c.wasEscapeCloseRef.current = !1;
+        }),
+        onPointerMove: E(
+          e.onPointerMove,
+          F(() => {
+            o || M.current || c.wasEscapeCloseRef.current || m.current || (s.onTriggerEnter(c.value), m.current = !0);
+          })
+        ),
+        onPointerLeave: E(
+          e.onPointerLeave,
+          F(() => {
+            o || (s.onTriggerLeave(), m.current = !1);
+          })
+        ),
+        onClick: E(e.onClick, () => {
+          s.onItemSelect(c.value), M.current = R;
+        }),
+        onKeyDown: E(e.onKeyDown, (p) => {
+          const C = { horizontal: "ArrowDown", vertical: s.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[s.orientation];
+          R && p.key === C && (c.onEntryKeyDown(), p.preventDefault());
+        })
+      }
+    ) }) }),
+    R && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsx(
+        Le,
+        {
+          "aria-hidden": !0,
+          tabIndex: 0,
+          ref: c.focusProxyRef,
+          onFocus: (p) => {
+            const w = c.contentRef.current, C = p.relatedTarget, y = C === d.current, I = w?.contains(C);
+            (y || !I) && c.onFocusProxyEnter(y ? "start" : "end");
+          }
+        }
+      ),
+      s.viewport && /* @__PURE__ */ a.jsx("span", { "aria-owns": u })
+    ] })
+  ] });
+});
+ve.displayName = U;
+var We = "NavigationMenuLink", ee = "navigationMenu.linkSelect", me = r.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, active: o, onSelect: i, ...s } = e;
+    return /* @__PURE__ */ a.jsx(he, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+      T.a,
+      {
+        "data-active": o ? "" : void 0,
+        "aria-current": o ? "page" : void 0,
+        ...s,
+        ref: t,
+        onClick: E(
+          e.onClick,
+          (c) => {
+            const d = c.target, l = new CustomEvent(ee, {
+              bubbles: !0,
+              cancelable: !0
+            });
+            if (d.addEventListener(ee, (N) => i?.(N), { once: !0 }), Z(d, l), !l.defaultPrevented && !c.metaKey) {
+              const N = new CustomEvent(O, {
+                bubbles: !0,
+                cancelable: !0
+              });
+              Z(d, N);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+me.displayName = We;
+var q = "NavigationMenuIndicator", ge = r.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, i = b(q, e.__scopeNavigationMenu), s = !!i.value;
+  return i.indicatorTrack ? _e.createPortal(
+    /* @__PURE__ */ a.jsx(K, { present: n || s, children: /* @__PURE__ */ a.jsx(Ye, { ...o, ref: t }) }),
+    i.indicatorTrack
+  ) : null;
+});
+ge.displayName = q;
+var Ye = r.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, ...o } = e, i = b(q, n), s = ae(n), [c, d] = r.useState(
+    null
+  ), [l, N] = r.useState(null), u = i.orientation === "horizontal", m = !!i.value;
+  r.useEffect(() => {
+    const p = s().find((w) => w.value === i.value)?.ref.current;
+    p && d(p);
+  }, [s, i.value]);
+  const M = () => {
+    c && N({
+      size: u ? c.offsetWidth : c.offsetHeight,
+      offset: u ? c.offsetLeft : c.offsetTop
+    });
+  };
+  return B(c, M), B(i.indicatorTrack, M), l ? /* @__PURE__ */ a.jsx(
+    T.div,
+    {
+      "aria-hidden": !0,
+      "data-state": m ? "visible" : "hidden",
+      "data-orientation": i.orientation,
+      ...o,
+      ref: t,
+      style: {
+        position: "absolute",
+        ...u ? {
+          left: 0,
+          width: l.size + "px",
+          transform: `translateX(${l.offset}px)`
+        } : {
+          top: 0,
+          height: l.size + "px",
+          transform: `translateY(${l.offset}px)`
+        },
+        ...o.style
+      }
+    }
+  ) : null;
+}), A = "NavigationMenuContent", pe = r.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, i = b(A, e.__scopeNavigationMenu), s = de(A, e.__scopeNavigationMenu), c = L(s.contentRef, t), d = s.value === i.value, l = {
+    value: s.value,
+    triggerRef: s.triggerRef,
+    focusProxyRef: s.focusProxyRef,
+    wasEscapeCloseRef: s.wasEscapeCloseRef,
+    onContentFocusOutside: s.onContentFocusOutside,
+    onRootContentClose: s.onRootContentClose,
+    ...o
+  };
+  return i.viewport ? /* @__PURE__ */ a.jsx(qe, { forceMount: n, ...l, ref: c }) : /* @__PURE__ */ a.jsx(K, { present: n || d, children: /* @__PURE__ */ a.jsx(
+    we,
+    {
+      "data-state": Q(d),
+      ...l,
+      ref: c,
+      onPointerEnter: E(e.onPointerEnter, i.onContentEnter),
+      onPointerLeave: E(
+        e.onPointerLeave,
+        F(i.onContentLeave)
+      ),
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !d && i.isRootMenu ? "none" : void 0,
+        ...l.style
+      }
+    }
+  ) });
+});
+pe.displayName = A;
+var qe = r.forwardRef((e, t) => {
+  const n = b(A, e.__scopeNavigationMenu), { onViewportContentChange: o, onViewportContentRemove: i } = n;
+  return z(() => {
+    o(e.value, {
+      ref: t,
+      ...e
+    });
+  }, [e, t, o]), z(() => () => i(e.value), [e.value, i]), null;
+}), O = "navigationMenu.rootContentDismiss", we = r.forwardRef((e, t) => {
+  const {
+    __scopeNavigationMenu: n,
+    value: o,
+    triggerRef: i,
+    focusProxyRef: s,
+    wasEscapeCloseRef: c,
+    onRootContentClose: d,
+    onContentFocusOutside: l,
+    ...N
+  } = e, u = b(A, n), m = r.useRef(null), M = L(m, t), R = Ce(u.baseId, o), p = Me(u.baseId, o), w = ae(n), C = r.useRef(null), { onItemDismiss: y } = u;
+  r.useEffect(() => {
+    const f = m.current;
+    if (u.isRootMenu && f) {
+      const g = () => {
+        y(), d(), f.contains(document.activeElement) && i.current?.focus();
+      };
+      return f.addEventListener(O, g), () => f.removeEventListener(O, g);
+    }
+  }, [u.isRootMenu, e.value, i, y, d]);
+  const I = r.useMemo(() => {
+    const g = w().map((_) => _.value);
+    u.dir === "rtl" && g.reverse();
+    const v = g.indexOf(u.value), x = g.indexOf(u.previousValue), P = o === u.value, j = x === g.indexOf(o);
+    if (!P && !j) return C.current;
+    const h = (() => {
+      if (v !== x) {
+        if (P && x !== -1) return v > x ? "from-end" : "from-start";
+        if (j && v !== -1) return v > x ? "to-start" : "to-end";
+      }
+      return null;
+    })();
+    return C.current = h, h;
+  }, [u.previousValue, u.value, u.dir, w, o]);
+  return /* @__PURE__ */ a.jsx(Ne, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+    ke,
+    {
+      id: p,
+      "aria-labelledby": R,
+      "data-motion": I,
+      "data-orientation": u.orientation,
+      ...N,
+      ref: M,
+      disableOutsidePointerEvents: !1,
+      onDismiss: () => {
+        const f = new Event(O, {
+          bubbles: !0,
+          cancelable: !0
+        });
+        m.current?.dispatchEvent(f);
+      },
+      onFocusOutside: E(e.onFocusOutside, (f) => {
+        l();
+        const g = f.target;
+        u.rootNavigationMenu?.contains(g) && f.preventDefault();
+      }),
+      onPointerDownOutside: E(e.onPointerDownOutside, (f) => {
+        const g = f.target, v = w().some((P) => P.ref.current?.contains(g)), x = u.isRootMenu && u.viewport?.contains(g);
+        (v || x || !u.isRootMenu) && f.preventDefault();
+      }),
+      onKeyDown: E(e.onKeyDown, (f) => {
+        const g = f.altKey || f.ctrlKey || f.metaKey;
+        if (f.key === "Tab" && !g) {
+          const x = H(f.currentTarget), P = document.activeElement, j = x.findIndex((V) => V === P), _ = f.shiftKey ? x.slice(0, j).reverse() : x.slice(j + 1, x.length);
+          J(_) ? f.preventDefault() : s.current?.focus();
+        }
+      }),
+      onEscapeKeyDown: E(e.onEscapeKeyDown, (f) => {
+        c.current = !0;
+      })
+    }
+  ) });
+}), X = "NavigationMenuViewport", xe = r.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, s = !!b(X, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ a.jsx(K, { present: n || s, children: /* @__PURE__ */ a.jsx(Xe, { ...o, ref: t }) });
+});
+xe.displayName = X;
+var Xe = r.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, children: o, ...i } = e, s = b(X, n), c = L(t, s.onViewportChange), d = Ue(
+    A,
+    e.__scopeNavigationMenu
+  ), [l, N] = r.useState(null), [u, m] = r.useState(null), M = l ? l?.width + "px" : void 0, R = l ? l?.height + "px" : void 0, p = !!s.value, w = p ? s.value : s.previousValue;
+  return B(u, () => {
+    u && N({ width: u.offsetWidth, height: u.offsetHeight });
+  }), /* @__PURE__ */ a.jsx(
+    T.div,
+    {
+      "data-state": Q(p),
+      "data-orientation": s.orientation,
+      ...i,
+      ref: c,
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !p && s.isRootMenu ? "none" : void 0,
+        "--radix-navigation-menu-viewport-width": M,
+        "--radix-navigation-menu-viewport-height": R,
+        ...i.style
+      },
+      onPointerEnter: E(e.onPointerEnter, s.onContentEnter),
+      onPointerLeave: E(e.onPointerLeave, F(s.onContentLeave)),
+      children: Array.from(d.items).map(([y, { ref: I, forceMount: f, ...g }]) => {
+        const v = w === y;
+        return /* @__PURE__ */ a.jsx(K, { present: f || v, children: /* @__PURE__ */ a.jsx(
+          we,
+          {
+            ...g,
+            ref: Se(I, (x) => {
+              v && x && m(x);
+            })
+          }
+        ) }, y);
+      })
+    }
+  );
+}), Je = "FocusGroup", Ne = r.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...o } = e, i = b(Je, n);
+    return /* @__PURE__ */ a.jsx($.Provider, { scope: n, children: /* @__PURE__ */ a.jsx($.Slot, { scope: n, children: /* @__PURE__ */ a.jsx(T.div, { dir: i.dir, ...o, ref: t }) }) });
+  }
+), te = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], Qe = "FocusGroupItem", he = r.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...o } = e, i = Ve(n), s = b(Qe, n);
+    return /* @__PURE__ */ a.jsx($.ItemSlot, { scope: n, children: /* @__PURE__ */ a.jsx(
+      T.button,
+      {
+        ...o,
+        ref: t,
+        onKeyDown: E(e.onKeyDown, (c) => {
+          if (["Home", "End", ...te].includes(c.key)) {
+            let l = i().map((m) => m.ref.current);
+            if ([s.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(c.key) && l.reverse(), te.includes(c.key)) {
+              const m = l.indexOf(c.currentTarget);
+              l = l.slice(m + 1);
+            }
+            setTimeout(() => J(l)), c.preventDefault();
+          }
+        })
+      }
+    ) });
+  }
+);
+function H(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (o) => {
+      const i = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || i ? NodeFilter.FILTER_SKIP : o.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 Ze(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);
+  z(() => {
+    let o = 0;
+    if (e) {
+      const i = new ResizeObserver(() => {
+        cancelAnimationFrame(o), o = window.requestAnimationFrame(n);
+      });
+      return i.observe(e), () => {
+        window.cancelAnimationFrame(o), i.unobserve(e);
+      };
+    }
+  }, [e, n]);
+}
+function Q(e) {
+  return e ? "open" : "closed";
+}
+function Ce(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function Me(e, t) {
+  return `${e}-content-${t}`;
+}
+function F(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var Re = ie, ye = ue, et = fe, Ee = ve, tt = me, be = ge, Te = pe, Ie = xe;
+const nt = r.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ a.jsxs(
+  Re,
+  {
+    ref: o,
+    className: D("relative z-10 flex max-w-max flex-1 items-center justify-center", e),
+    ...n,
+    children: [
+      t,
+      /* @__PURE__ */ a.jsx(Pe, {})
+    ]
+  }
+));
+nt.displayName = Re.displayName;
+const ot = r.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(
+  ye,
+  {
+    ref: n,
+    className: D("group flex flex-1 list-none items-center justify-center space-x-1", e),
+    ...t
+  }
+));
+ot.displayName = ye.displayName;
+const bt = et, rt = Oe(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+), at = r.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ a.jsxs(
+  Ee,
+  {
+    ref: o,
+    className: D(rt(), "group", e),
+    ...n,
+    children: [
+      t,
+      " ",
+      /* @__PURE__ */ a.jsx(
+        Fe,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+at.displayName = Ee.displayName;
+const it = r.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(
+  Te,
+  {
+    ref: n,
+    className: D(
+      "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 md:absolute md:w-auto",
+      e
+    ),
+    ...t
+  }
+));
+it.displayName = Te.displayName;
+const Tt = tt, Pe = r.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx("div", { className: D("absolute top-full left-0 flex justify-center"), children: /* @__PURE__ */ a.jsx(
+  Ie,
+  {
+    className: D(
+      "origin-top-center bg-popover text-popover-foreground 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+      e
+    ),
+    ref: n,
+    ...t
+  }
+) }));
+Pe.displayName = Ie.displayName;
+const st = r.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(
+  be,
+  {
+    ref: n,
+    className: D(
+      "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",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a.jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+  }
+));
+st.displayName = be.displayName;
+export {
+  nt as NavigationMenu,
+  it as NavigationMenuContent,
+  st as NavigationMenuIndicator,
+  bt as NavigationMenuItem,
+  Tt as NavigationMenuLink,
+  ot as NavigationMenuList,
+  at as NavigationMenuTrigger,
+  Pe as NavigationMenuViewport,
+  rt as navigationMenuTriggerStyle
+};

package/dist/pagination.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-nZSsnGb7.js"),r=require("lucide-react"),j=require("react"),d=require("./button.cjs.js"),i=require("./utils-IjLH3w2e.js");function P(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=P(j),c=({className:e,...t})=>a.jsxRuntimeExports.jsx("nav",{role:"navigation","aria-label":"pagination",className:i.cn("mx-auto flex w-full justify-center",e),...t});c.displayName="Pagination";const u=l.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx("ul",{ref:n,className:i.cn("flex flex-row items-center gap-1",e),...t}));u.displayName="PaginationContent";const x=l.forwardRef(({className:e,...t},n)=>a.jsxRuntimeExports.jsx("li",{ref:n,className:i.cn("",e),...t}));x.displayName="PaginationItem";const o=({className:e,isActive:t,size:n="icon",...s})=>a.jsxRuntimeExports.jsx("a",{"aria-current":t?"page":void 0,className:i.cn(d.buttonVariants({variant:t?"outline":"ghost",size:n}),e),...s});o.displayName="PaginationLink";const p=({className:e,...t})=>a.jsxRuntimeExports.jsxs(o,{"aria-label":"Go to previous page",size:"default",className:i.cn("gap-1 pl-2.5",e),...t,children:[a.jsxRuntimeExports.jsx(r.ChevronLeft,{className:"h-4 w-4"}),a.jsxRuntimeExports.jsx("span",{children:"Previous"})]});p.displayName="PaginationPrevious";const m=({className:e,...t})=>a.jsxRuntimeExports.jsxs(o,{"aria-label":"Go to next page",size:"default",className:i.cn("gap-1 pr-2.5",e),...t,children:[a.jsxRuntimeExports.jsx("span",{children:"Next"}),a.jsxRuntimeExports.jsx(r.ChevronRight,{className:"h-4 w-4"})]});m.displayName="PaginationNext";const g=({className:e,...t})=>a.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:i.cn("flex h-9 w-9 items-center justify-center",e),...t,children:[a.jsxRuntimeExports.jsx(r.MoreHorizontal,{className:"h-4 w-4"}),a.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More pages"})]});g.displayName="PaginationEllipsis";exports.Pagination=c;exports.PaginationContent=u;exports.PaginationEllipsis=g;exports.PaginationItem=x;exports.PaginationLink=o;exports.PaginationNext=m;exports.PaginationPrevious=p;