@arcadeai/design-system 0.0.0

package/dist/components/ui/atoms/dropdown-menu.js

@@ -0,0 +1,1035 @@
+import { jsx as r, jsxs as re } from "react/jsx-runtime";
+import * as s from "react";
+import { c as g } from "../../../index-DLeNytVF.js";
+import { u as F, b as Ce, c as xn } from "../../../index-CB1Wkg0G.js";
+import { c as Re } from "../../../index-UFb2E87s.js";
+import { u as be } from "../../../index-DYfkNB0n.js";
+import { P as T, d as Dn } from "../../../index-C9KW2H79.js";
+import { c as Sn } from "../../../index-CuMpq4Un.js";
+import { u as In } from "../../../index-ByaXH_ih.js";
+import { P as Pn, D as yn } from "../../../index-QMp1pYFl.js";
+import { h as En, u as Nn, R as Tn, F as An } from "../../../index-BAhNQL1u.js";
+import { u as Y } from "../../../index-umR1UobZ.js";
+import { c as xe, R as De, A as On, C as kn, a as Ln } from "../../../index-Dy7YuPrV.js";
+import { P as Z } from "../../../index-p7nYL7BU.js";
+import { c as Se, I as Gn, R as Fn } from "../../../index-D2uXV4lz.js";
+import { u as ae } from "../../../index-DwYXX2sM.js";
+import { c as x } from "../../../utils-Dy2WjYNJ.js";
+import { C as Kn } from "../../../check-CxcShTlQ.js";
+import { c as $n } from "../../../createLucideIcon-B6fy1GTR.js";
+import { C as Un } from "../../../chevron-right-DriXIqe5.js";
+/**
+ * @license lucide-react v0.522.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zn = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Bn = $n("circle", zn);
+var oe = ["Enter", " "], Vn = ["ArrowDown", "PageUp", "Home"], Ie = ["ArrowUp", "PageDown", "End"], jn = [...Vn, ...Ie], Xn = {
+  ltr: [...oe, "ArrowRight"],
+  rtl: [...oe, "ArrowLeft"]
+}, Yn = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, K = "Menu", [L, Hn, Wn] = Sn(K), [P, Pe] = Re(K, [
+  Wn,
+  xe,
+  Se
+]), $ = xe(), ye = Se(), [Ee, S] = P(K), [Zn, U] = P(K), Ne = (e) => {
+  const { __scopeMenu: t, open: n = !1, children: o, dir: a, onOpenChange: c, modal: i = !0 } = e, d = $(t), [m, v] = s.useState(null), p = s.useRef(!1), u = ae(c), f = In(a);
+  return s.useEffect(() => {
+    const w = () => {
+      p.current = !0, document.addEventListener("pointerdown", M, { capture: !0, once: !0 }), document.addEventListener("pointermove", M, { capture: !0, once: !0 });
+    }, M = () => p.current = !1;
+    return document.addEventListener("keydown", w, { capture: !0 }), () => {
+      document.removeEventListener("keydown", w, { capture: !0 }), document.removeEventListener("pointerdown", M, { capture: !0 }), document.removeEventListener("pointermove", M, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ r(De, { ...d, children: /* @__PURE__ */ r(
+    Ee,
+    {
+      scope: t,
+      open: n,
+      onOpenChange: u,
+      content: m,
+      onContentChange: v,
+      children: /* @__PURE__ */ r(
+        Zn,
+        {
+          scope: t,
+          onClose: s.useCallback(() => u(!1), [u]),
+          isUsingKeyboardRef: p,
+          dir: f,
+          modal: i,
+          children: o
+        }
+      )
+    }
+  ) });
+};
+Ne.displayName = K;
+var qn = "MenuAnchor", se = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e, a = $(n);
+    return /* @__PURE__ */ r(On, { ...a, ...o, ref: t });
+  }
+);
+se.displayName = qn;
+var ce = "MenuPortal", [Jn, Te] = P(ce, {
+  forceMount: void 0
+}), Ae = (e) => {
+  const { __scopeMenu: t, forceMount: n, children: o, container: a } = e, c = S(ce, t);
+  return /* @__PURE__ */ r(Jn, { scope: t, forceMount: n, children: /* @__PURE__ */ r(Z, { present: n || c.open, children: /* @__PURE__ */ r(Pn, { asChild: !0, container: a, children: o }) }) });
+};
+Ae.displayName = ce;
+var C = "MenuContent", [Qn, ue] = P(C), Oe = s.forwardRef(
+  (e, t) => {
+    const n = Te(C, e.__scopeMenu), { forceMount: o = n.forceMount, ...a } = e, c = S(C, e.__scopeMenu), i = U(C, e.__scopeMenu);
+    return /* @__PURE__ */ r(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ r(Z, { present: o || c.open, children: /* @__PURE__ */ r(L.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ r(et, { ...a, ref: t }) : /* @__PURE__ */ r(nt, { ...a, ref: t }) }) }) });
+  }
+), et = s.forwardRef(
+  (e, t) => {
+    const n = S(C, e.__scopeMenu), o = s.useRef(null), a = F(t, o);
+    return s.useEffect(() => {
+      const c = o.current;
+      if (c) return En(c);
+    }, []), /* @__PURE__ */ r(
+      ie,
+      {
+        ...e,
+        ref: a,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: g(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), nt = s.forwardRef((e, t) => {
+  const n = S(C, e.__scopeMenu);
+  return /* @__PURE__ */ r(
+    ie,
+    {
+      ...e,
+      ref: t,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), tt = xn("MenuContent.ScrollLock"), ie = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeMenu: n,
+      loop: o = !1,
+      trapFocus: a,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: d,
+      onEntryFocus: m,
+      onEscapeKeyDown: v,
+      onPointerDownOutside: p,
+      onFocusOutside: u,
+      onInteractOutside: f,
+      onDismiss: w,
+      disableOutsideScroll: M,
+      ...I
+    } = e, y = S(C, n), A = U(C, n), z = $(n), B = ye(n), me = Hn(n), [wn, ve] = s.useState(null), V = s.useRef(null), hn = F(t, V, y.onContentChange), j = s.useRef(0), X = s.useRef(""), _n = s.useRef(0), Q = s.useRef(null), ge = s.useRef("right"), ee = s.useRef(0), Cn = M ? Tn : s.Fragment, Rn = M ? { as: tt, allowPinchZoom: !0 } : void 0, bn = (l) => {
+      var N, we;
+      const _ = X.current + l, R = me().filter((b) => !b.disabled), D = document.activeElement, ne = (N = R.find((b) => b.ref.current === D)) == null ? void 0 : N.textValue, te = R.map((b) => b.textValue), Me = mt(te, _, ne), O = (we = R.find((b) => b.textValue === Me)) == null ? void 0 : we.ref.current;
+      (function b(he) {
+        X.current = he, window.clearTimeout(j.current), he !== "" && (j.current = window.setTimeout(() => b(""), 1e3));
+      })(_), O && setTimeout(() => O.focus());
+    };
+    s.useEffect(() => () => window.clearTimeout(j.current), []), Nn();
+    const E = s.useCallback((l) => {
+      var R, D;
+      return ge.current === ((R = Q.current) == null ? void 0 : R.side) && gt(l, (D = Q.current) == null ? void 0 : D.area);
+    }, []);
+    return /* @__PURE__ */ r(
+      Qn,
+      {
+        scope: n,
+        searchRef: X,
+        onItemEnter: s.useCallback(
+          (l) => {
+            E(l) && l.preventDefault();
+          },
+          [E]
+        ),
+        onItemLeave: s.useCallback(
+          (l) => {
+            var _;
+            E(l) || ((_ = V.current) == null || _.focus(), ve(null));
+          },
+          [E]
+        ),
+        onTriggerLeave: s.useCallback(
+          (l) => {
+            E(l) && l.preventDefault();
+          },
+          [E]
+        ),
+        pointerGraceTimerRef: _n,
+        onPointerGraceIntentChange: s.useCallback((l) => {
+          Q.current = l;
+        }, []),
+        children: /* @__PURE__ */ r(Cn, { ...Rn, children: /* @__PURE__ */ r(
+          An,
+          {
+            asChild: !0,
+            trapped: a,
+            onMountAutoFocus: g(c, (l) => {
+              var _;
+              l.preventDefault(), (_ = V.current) == null || _.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: i,
+            children: /* @__PURE__ */ r(
+              yn,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: d,
+                onEscapeKeyDown: v,
+                onPointerDownOutside: p,
+                onFocusOutside: u,
+                onInteractOutside: f,
+                onDismiss: w,
+                children: /* @__PURE__ */ r(
+                  Fn,
+                  {
+                    asChild: !0,
+                    ...B,
+                    dir: A.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: wn,
+                    onCurrentTabStopIdChange: ve,
+                    onEntryFocus: g(m, (l) => {
+                      A.isUsingKeyboardRef.current || l.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ r(
+                      kn,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": qe(y.open),
+                        "data-radix-menu-content": "",
+                        dir: A.dir,
+                        ...z,
+                        ...I,
+                        ref: hn,
+                        style: { outline: "none", ...I.style },
+                        onKeyDown: g(I.onKeyDown, (l) => {
+                          const R = l.target.closest("[data-radix-menu-content]") === l.currentTarget, D = l.ctrlKey || l.altKey || l.metaKey, ne = l.key.length === 1;
+                          R && (l.key === "Tab" && l.preventDefault(), !D && ne && bn(l.key));
+                          const te = V.current;
+                          if (l.target !== te || !jn.includes(l.key)) return;
+                          l.preventDefault();
+                          const O = me().filter((N) => !N.disabled).map((N) => N.ref.current);
+                          Ie.includes(l.key) && O.reverse(), pt(O);
+                        }),
+                        onBlur: g(e.onBlur, (l) => {
+                          l.currentTarget.contains(l.target) || (window.clearTimeout(j.current), X.current = "");
+                        }),
+                        onPointerMove: g(
+                          e.onPointerMove,
+                          G((l) => {
+                            const _ = l.target, R = ee.current !== l.clientX;
+                            if (l.currentTarget.contains(_) && R) {
+                              const D = l.clientX > ee.current ? "right" : "left";
+                              ge.current = D, ee.current = l.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Oe.displayName = C;
+var ot = "MenuGroup", de = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ r(T.div, { role: "group", ...o, ref: t });
+  }
+);
+de.displayName = ot;
+var rt = "MenuLabel", ke = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ r(T.div, { ...o, ref: t });
+  }
+);
+ke.displayName = rt;
+var H = "MenuItem", _e = "menu.itemSelect", q = s.forwardRef(
+  (e, t) => {
+    const { disabled: n = !1, onSelect: o, ...a } = e, c = s.useRef(null), i = U(H, e.__scopeMenu), d = ue(H, e.__scopeMenu), m = F(t, c), v = s.useRef(!1), p = () => {
+      const u = c.current;
+      if (!n && u) {
+        const f = new CustomEvent(_e, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(_e, (w) => o == null ? void 0 : o(w), { once: !0 }), Dn(u, f), f.defaultPrevented ? v.current = !1 : i.onClose();
+      }
+    };
+    return /* @__PURE__ */ r(
+      Le,
+      {
+        ...a,
+        ref: m,
+        disabled: n,
+        onClick: g(e.onClick, p),
+        onPointerDown: (u) => {
+          var f;
+          (f = e.onPointerDown) == null || f.call(e, u), v.current = !0;
+        },
+        onPointerUp: g(e.onPointerUp, (u) => {
+          var f;
+          v.current || (f = u.currentTarget) == null || f.click();
+        }),
+        onKeyDown: g(e.onKeyDown, (u) => {
+          const f = d.searchRef.current !== "";
+          n || f && u.key === " " || oe.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        })
+      }
+    );
+  }
+);
+q.displayName = H;
+var Le = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, disabled: o = !1, textValue: a, ...c } = e, i = ue(H, n), d = ye(n), m = s.useRef(null), v = F(t, m), [p, u] = s.useState(!1), [f, w] = s.useState("");
+    return s.useEffect(() => {
+      const M = m.current;
+      M && w((M.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ r(
+      L.ItemSlot,
+      {
+        scope: n,
+        disabled: o,
+        textValue: a ?? f,
+        children: /* @__PURE__ */ r(Gn, { asChild: !0, ...d, focusable: !o, children: /* @__PURE__ */ r(
+          T.div,
+          {
+            role: "menuitem",
+            "data-highlighted": p ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: v,
+            onPointerMove: g(
+              e.onPointerMove,
+              G((M) => {
+                o ? i.onItemLeave(M) : (i.onItemEnter(M), M.defaultPrevented || M.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: g(
+              e.onPointerLeave,
+              G((M) => i.onItemLeave(M))
+            ),
+            onFocus: g(e.onFocus, () => u(!0)),
+            onBlur: g(e.onBlur, () => u(!1))
+          }
+        ) })
+      }
+    );
+  }
+), at = "MenuCheckboxItem", Ge = s.forwardRef(
+  (e, t) => {
+    const { checked: n = !1, onCheckedChange: o, ...a } = e;
+    return /* @__PURE__ */ r(ze, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ r(
+      q,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": W(n) ? "mixed" : n,
+        ...a,
+        ref: t,
+        "data-state": fe(n),
+        onSelect: g(
+          a.onSelect,
+          () => o == null ? void 0 : o(W(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Ge.displayName = at;
+var Fe = "MenuRadioGroup", [st, ct] = P(
+  Fe,
+  { value: void 0, onValueChange: () => {
+  } }
+), Ke = s.forwardRef(
+  (e, t) => {
+    const { value: n, onValueChange: o, ...a } = e, c = ae(o);
+    return /* @__PURE__ */ r(st, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ r(de, { ...a, ref: t }) });
+  }
+);
+Ke.displayName = Fe;
+var $e = "MenuRadioItem", Ue = s.forwardRef(
+  (e, t) => {
+    const { value: n, ...o } = e, a = ct($e, e.__scopeMenu), c = n === a.value;
+    return /* @__PURE__ */ r(ze, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ r(
+      q,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: t,
+        "data-state": fe(c),
+        onSelect: g(
+          o.onSelect,
+          () => {
+            var i;
+            return (i = a.onValueChange) == null ? void 0 : i.call(a, n);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Ue.displayName = $e;
+var le = "MenuItemIndicator", [ze, ut] = P(
+  le,
+  { checked: !1 }
+), Be = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, forceMount: o, ...a } = e, c = ut(le, n);
+    return /* @__PURE__ */ r(
+      Z,
+      {
+        present: o || W(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ r(
+          T.span,
+          {
+            ...a,
+            ref: t,
+            "data-state": fe(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Be.displayName = le;
+var it = "MenuSeparator", Ve = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ r(
+      T.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: t
+      }
+    );
+  }
+);
+Ve.displayName = it;
+var dt = "MenuArrow", je = s.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e, a = $(n);
+    return /* @__PURE__ */ r(Ln, { ...a, ...o, ref: t });
+  }
+);
+je.displayName = dt;
+var pe = "MenuSub", [lt, Xe] = P(pe), Ye = (e) => {
+  const { __scopeMenu: t, children: n, open: o = !1, onOpenChange: a } = e, c = S(pe, t), i = $(t), [d, m] = s.useState(null), [v, p] = s.useState(null), u = ae(a);
+  return s.useEffect(() => (c.open === !1 && u(!1), () => u(!1)), [c.open, u]), /* @__PURE__ */ r(De, { ...i, children: /* @__PURE__ */ r(
+    Ee,
+    {
+      scope: t,
+      open: o,
+      onOpenChange: u,
+      content: v,
+      onContentChange: p,
+      children: /* @__PURE__ */ r(
+        lt,
+        {
+          scope: t,
+          contentId: Y(),
+          triggerId: Y(),
+          trigger: d,
+          onTriggerChange: m,
+          children: n
+        }
+      )
+    }
+  ) });
+};
+Ye.displayName = pe;
+var k = "MenuSubTrigger", He = s.forwardRef(
+  (e, t) => {
+    const n = S(k, e.__scopeMenu), o = U(k, e.__scopeMenu), a = Xe(k, e.__scopeMenu), c = ue(k, e.__scopeMenu), i = s.useRef(null), { pointerGraceTimerRef: d, onPointerGraceIntentChange: m } = c, v = { __scopeMenu: e.__scopeMenu }, p = s.useCallback(() => {
+      i.current && window.clearTimeout(i.current), i.current = null;
+    }, []);
+    return s.useEffect(() => p, [p]), s.useEffect(() => {
+      const u = d.current;
+      return () => {
+        window.clearTimeout(u), m(null);
+      };
+    }, [d, m]), /* @__PURE__ */ r(se, { asChild: !0, ...v, children: /* @__PURE__ */ r(
+      Le,
+      {
+        id: a.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": a.contentId,
+        "data-state": qe(n.open),
+        ...e,
+        ref: Ce(t, a.onTriggerChange),
+        onClick: (u) => {
+          var f;
+          (f = e.onClick) == null || f.call(e, u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: g(
+          e.onPointerMove,
+          G((u) => {
+            c.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (c.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
+              n.onOpenChange(!0), p();
+            }, 100));
+          })
+        ),
+        onPointerLeave: g(
+          e.onPointerLeave,
+          G((u) => {
+            var w, M;
+            p();
+            const f = (w = n.content) == null ? void 0 : w.getBoundingClientRect();
+            if (f) {
+              const I = (M = n.content) == null ? void 0 : M.dataset.side, y = I === "right", A = y ? -5 : 5, z = f[y ? "left" : "right"], B = f[y ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: u.clientX + A, y: u.clientY },
+                  { x: z, y: f.top },
+                  { x: B, y: f.top },
+                  { x: B, y: f.bottom },
+                  { x: z, y: f.bottom }
+                ],
+                side: I
+              }), window.clearTimeout(d.current), d.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(u), u.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: g(e.onKeyDown, (u) => {
+          var w;
+          const f = c.searchRef.current !== "";
+          e.disabled || f && u.key === " " || Xn[o.dir].includes(u.key) && (n.onOpenChange(!0), (w = n.content) == null || w.focus(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+He.displayName = k;
+var We = "MenuSubContent", Ze = s.forwardRef(
+  (e, t) => {
+    const n = Te(C, e.__scopeMenu), { forceMount: o = n.forceMount, ...a } = e, c = S(C, e.__scopeMenu), i = U(C, e.__scopeMenu), d = Xe(We, e.__scopeMenu), m = s.useRef(null), v = F(t, m);
+    return /* @__PURE__ */ r(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ r(Z, { present: o || c.open, children: /* @__PURE__ */ r(L.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ r(
+      ie,
+      {
+        id: d.contentId,
+        "aria-labelledby": d.triggerId,
+        ...a,
+        ref: v,
+        align: "start",
+        side: i.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (p) => {
+          var u;
+          i.isUsingKeyboardRef.current && ((u = m.current) == null || u.focus()), p.preventDefault();
+        },
+        onCloseAutoFocus: (p) => p.preventDefault(),
+        onFocusOutside: g(e.onFocusOutside, (p) => {
+          p.target !== d.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: g(e.onEscapeKeyDown, (p) => {
+          i.onClose(), p.preventDefault();
+        }),
+        onKeyDown: g(e.onKeyDown, (p) => {
+          var w;
+          const u = p.currentTarget.contains(p.target), f = Yn[i.dir].includes(p.key);
+          u && f && (c.onOpenChange(!1), (w = d.trigger) == null || w.focus(), p.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Ze.displayName = We;
+function qe(e) {
+  return e ? "open" : "closed";
+}
+function W(e) {
+  return e === "indeterminate";
+}
+function fe(e) {
+  return W(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function pt(e) {
+  const t = document.activeElement;
+  for (const n of e)
+    if (n === t || (n.focus(), document.activeElement !== t)) return;
+}
+function ft(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
+}
+function mt(e, t, n) {
+  const a = t.length > 1 && Array.from(t).every((v) => v === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
+  let i = ft(e, Math.max(c, 0));
+  a.length === 1 && (i = i.filter((v) => v !== n));
+  const m = i.find(
+    (v) => v.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return m !== n ? m : void 0;
+}
+function vt(e, t) {
+  const { x: n, y: o } = e;
+  let a = !1;
+  for (let c = 0, i = t.length - 1; c < t.length; i = c++) {
+    const d = t[c], m = t[i], v = d.x, p = d.y, u = m.x, f = m.y;
+    p > o != f > o && n < (u - v) * (o - p) / (f - p) + v && (a = !a);
+  }
+  return a;
+}
+function gt(e, t) {
+  if (!t) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return vt(n, t);
+}
+function G(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var Mt = Ne, wt = se, ht = Ae, _t = Oe, Ct = de, Rt = ke, bt = q, xt = Ge, Dt = Ke, St = Ue, It = Be, Pt = Ve, yt = je, Et = Ye, Nt = He, Tt = Ze, J = "DropdownMenu", [At, Po] = Re(
+  J,
+  [Pe]
+), h = Pe(), [Ot, Je] = At(J), Qe = (e) => {
+  const {
+    __scopeDropdownMenu: t,
+    children: n,
+    dir: o,
+    open: a,
+    defaultOpen: c,
+    onOpenChange: i,
+    modal: d = !0
+  } = e, m = h(t), v = s.useRef(null), [p, u] = be({
+    prop: a,
+    defaultProp: c ?? !1,
+    onChange: i,
+    caller: J
+  });
+  return /* @__PURE__ */ r(
+    Ot,
+    {
+      scope: t,
+      triggerId: Y(),
+      triggerRef: v,
+      contentId: Y(),
+      open: p,
+      onOpenChange: u,
+      onOpenToggle: s.useCallback(() => u((f) => !f), [u]),
+      modal: d,
+      children: /* @__PURE__ */ r(Mt, { ...m, open: p, onOpenChange: u, dir: o, modal: d, children: n })
+    }
+  );
+};
+Qe.displayName = J;
+var en = "DropdownMenuTrigger", nn = s.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, disabled: o = !1, ...a } = e, c = Je(en, n), i = h(n);
+    return /* @__PURE__ */ r(wt, { asChild: !0, ...i, children: /* @__PURE__ */ r(
+      T.button,
+      {
+        type: "button",
+        id: c.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": c.open,
+        "aria-controls": c.open ? c.contentId : void 0,
+        "data-state": c.open ? "open" : "closed",
+        "data-disabled": o ? "" : void 0,
+        disabled: o,
+        ...a,
+        ref: Ce(t, c.triggerRef),
+        onPointerDown: g(e.onPointerDown, (d) => {
+          !o && d.button === 0 && d.ctrlKey === !1 && (c.onOpenToggle(), c.open || d.preventDefault());
+        }),
+        onKeyDown: g(e.onKeyDown, (d) => {
+          o || (["Enter", " "].includes(d.key) && c.onOpenToggle(), d.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+nn.displayName = en;
+var kt = "DropdownMenuPortal", tn = (e) => {
+  const { __scopeDropdownMenu: t, ...n } = e, o = h(t);
+  return /* @__PURE__ */ r(ht, { ...o, ...n });
+};
+tn.displayName = kt;
+var on = "DropdownMenuContent", rn = s.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = Je(on, n), c = h(n), i = s.useRef(!1);
+    return /* @__PURE__ */ r(
+      _t,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...c,
+        ...o,
+        ref: t,
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (d) => {
+          var m;
+          i.current || (m = a.triggerRef.current) == null || m.focus(), i.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: g(e.onInteractOutside, (d) => {
+          const m = d.detail.originalEvent, v = m.button === 0 && m.ctrlKey === !0, p = m.button === 2 || v;
+          (!a.modal || p) && (i.current = !0);
+        }),
+        style: {
+          ...e.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+rn.displayName = on;
+var Lt = "DropdownMenuGroup", an = s.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+    return /* @__PURE__ */ r(Ct, { ...a, ...o, ref: t });
+  }
+);
+an.displayName = Lt;
+var Gt = "DropdownMenuLabel", sn = s.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+    return /* @__PURE__ */ r(Rt, { ...a, ...o, ref: t });
+  }
+);
+sn.displayName = Gt;
+var Ft = "DropdownMenuItem", cn = s.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+    return /* @__PURE__ */ r(bt, { ...a, ...o, ref: t });
+  }
+);
+cn.displayName = Ft;
+var Kt = "DropdownMenuCheckboxItem", un = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(xt, { ...a, ...o, ref: t });
+});
+un.displayName = Kt;
+var $t = "DropdownMenuRadioGroup", dn = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(Dt, { ...a, ...o, ref: t });
+});
+dn.displayName = $t;
+var Ut = "DropdownMenuRadioItem", ln = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(St, { ...a, ...o, ref: t });
+});
+ln.displayName = Ut;
+var zt = "DropdownMenuItemIndicator", pn = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(It, { ...a, ...o, ref: t });
+});
+pn.displayName = zt;
+var Bt = "DropdownMenuSeparator", fn = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(Pt, { ...a, ...o, ref: t });
+});
+fn.displayName = Bt;
+var Vt = "DropdownMenuArrow", jt = s.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+    return /* @__PURE__ */ r(yt, { ...a, ...o, ref: t });
+  }
+);
+jt.displayName = Vt;
+var Xt = (e) => {
+  const { __scopeDropdownMenu: t, children: n, open: o, onOpenChange: a, defaultOpen: c } = e, i = h(t), [d, m] = be({
+    prop: o,
+    defaultProp: c ?? !1,
+    onChange: a,
+    caller: "DropdownMenuSub"
+  });
+  return /* @__PURE__ */ r(Et, { ...i, open: d, onOpenChange: m, children: n });
+}, Yt = "DropdownMenuSubTrigger", mn = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(Nt, { ...a, ...o, ref: t });
+});
+mn.displayName = Yt;
+var Ht = "DropdownMenuSubContent", vn = s.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = h(n);
+  return /* @__PURE__ */ r(
+    Tt,
+    {
+      ...a,
+      ...o,
+      ref: t,
+      style: {
+        ...e.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+vn.displayName = Ht;
+var Wt = Qe, Zt = nn, gn = tn, qt = rn, Jt = an, Qt = sn, eo = cn, no = un, to = dn, oo = ln, Mn = pn, ro = fn, ao = Xt, so = mn, co = vn;
+function yo({
+  ...e
+}) {
+  return /* @__PURE__ */ r(Wt, { "data-slot": "dropdown-menu", ...e });
+}
+function Eo({
+  ...e
+}) {
+  return /* @__PURE__ */ r(gn, { "data-slot": "dropdown-menu-portal", ...e });
+}
+function No({
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    Zt,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...e
+    }
+  );
+}
+function To({
+  className: e,
+  sideOffset: t = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ r(gn, { children: /* @__PURE__ */ r(
+    qt,
+    {
+      className: x(
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+        e
+      ),
+      "data-slot": "dropdown-menu-content",
+      sideOffset: t,
+      ...n
+    }
+  ) });
+}
+function Ao({
+  ...e
+}) {
+  return /* @__PURE__ */ r(Jt, { "data-slot": "dropdown-menu-group", ...e });
+}
+function Oo({
+  className: e,
+  inset: t,
+  variant: n = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    eo,
+    {
+      className: x(
+        "data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-inset": t,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": n,
+      ...o
+    }
+  );
+}
+function ko({
+  className: e,
+  children: t,
+  checked: n,
+  ...o
+}) {
+  return /* @__PURE__ */ re(
+    no,
+    {
+      checked: n,
+      className: x(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "dropdown-menu-checkbox-item",
+      ...o,
+      children: [
+        /* @__PURE__ */ r("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ r(Mn, { children: /* @__PURE__ */ r(Kn, { className: "size-4" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function Lo({
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    to,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...e
+    }
+  );
+}
+function Go({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ re(
+    oo,
+    {
+      className: x(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        e
+      ),
+      "data-slot": "dropdown-menu-radio-item",
+      ...n,
+      children: [
+        /* @__PURE__ */ r("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ r(Mn, { children: /* @__PURE__ */ r(Bn, { className: "size-2 fill-current" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function Fo({
+  className: e,
+  inset: t,
+  ...n
+}) {
+  return /* @__PURE__ */ r(
+    Qt,
+    {
+      className: x(
+        "px-2 py-1.5 font-medium text-sm data-[inset]:pl-8",
+        e
+      ),
+      "data-inset": t,
+      "data-slot": "dropdown-menu-label",
+      ...n
+    }
+  );
+}
+function Ko({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    ro,
+    {
+      className: x("-mx-1 my-1 h-px bg-border", e),
+      "data-slot": "dropdown-menu-separator",
+      ...t
+    }
+  );
+}
+function $o({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: x(
+        "ml-auto text-muted-foreground text-xs tracking-widest",
+        e
+      ),
+      "data-slot": "dropdown-menu-shortcut",
+      ...t
+    }
+  );
+}
+function Uo({
+  ...e
+}) {
+  return /* @__PURE__ */ r(ao, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function zo({
+  className: e,
+  inset: t,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ re(
+    so,
+    {
+      className: x(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground",
+        e
+      ),
+      "data-inset": t,
+      "data-slot": "dropdown-menu-sub-trigger",
+      ...o,
+      children: [
+        n,
+        /* @__PURE__ */ r(Un, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function Bo({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    co,
+    {
+      className: x(
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
+        e
+      ),
+      "data-slot": "dropdown-menu-sub-content",
+      ...t
+    }
+  );
+}
+export {
+  yo as DropdownMenu,
+  ko as DropdownMenuCheckboxItem,
+  To as DropdownMenuContent,
+  Ao as DropdownMenuGroup,
+  Oo as DropdownMenuItem,
+  Fo as DropdownMenuLabel,
+  Eo as DropdownMenuPortal,
+  Lo as DropdownMenuRadioGroup,
+  Go as DropdownMenuRadioItem,
+  Ko as DropdownMenuSeparator,
+  $o as DropdownMenuShortcut,
+  Uo as DropdownMenuSub,
+  Bo as DropdownMenuSubContent,
+  zo as DropdownMenuSubTrigger,
+  No as DropdownMenuTrigger
+};