@tipp/ui 0.0.0

package/dist/dropdown-menu-B34afpui.js

@@ -0,0 +1,870 @@
+import * as t from "react";
+import { y as I } from "./index-DoIe4nVR.js";
+import { c as w } from "./index-DLeNytVF.js";
+import { u as F, c as Ie } from "./index-DIx1pnae.js";
+import { c as Re } from "./index-CWqnkG-p.js";
+import { u as De } from "./index-CMas7-m1.js";
+import { P as T, d as Vn } from "./index-BLlMKB6v.js";
+import { c as zn } from "./index-DbtrAyPY.js";
+import { u as Xn } from "./index-BQ0fI5eo.js";
+import { D as Yn } from "./index-BUzFfodu.js";
+import { h as Hn, u as jn, F as Wn, R as Zn } from "./index-KdR831JA.js";
+import { u as j } from "./index-J-pu07YR.js";
+import { c as Ee, b as qn, d as Jn, e as Qn, f as Se, a as er, H as nr, I as be } from "./theme-7Cjo8_Y6.js";
+import { P as q } from "./index-BGHne2on.js";
+import { c as Ne, R as rr, I as tr } from "./index-DgaYqXVD.js";
+import { S as or, a as ar } from "./index-BGU-u5wR.js";
+import { u as ae } from "./index-Dei2uCbS.js";
+import { jsx as s } from "react/jsx-runtime";
+import { c as ye } from "./scroll-area-eDccU6Jg.js";
+import { o as cr } from "./as-child.prop-Dmk_dqBI.js";
+import { r as J } from "./color.prop-C1QiQO-6.js";
+import { o as sr } from "./high-contrast.prop-BGHYAKb9.js";
+import { r as Pe, p as ur, t as ir } from "./icons-B-Giprot.js";
+import { v as xe } from "./extract-props-CujC3IXc.js";
+import { a as dr } from "./require-react-element-D_SFiikK.js";
+var oe = ["Enter", " "], lr = ["ArrowDown", "PageUp", "Home"], Te = ["ArrowUp", "PageDown", "End"], pr = [...lr, ...Te], fr = {
+  ltr: [...oe, "ArrowRight"],
+  rtl: [...oe, "ArrowLeft"]
+}, mr = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, K = "Menu", [L, Mr, wr] = zn(K), [N, Oe] = Re(K, [
+  wr,
+  Ee,
+  Ne
+]), $ = Ee(), Ae = Ne(), [ke, S] = N(K), [hr, U] = N(K), Ge = (e) => {
+  const { __scopeMenu: r, open: n = !1, children: o, dir: a, onOpenChange: c, modal: i = !0 } = e, d = $(r), [f, M] = t.useState(null), l = t.useRef(!1), u = ae(c), m = Xn(a);
+  return t.useEffect(() => {
+    const v = () => {
+      l.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
+    }, h = () => l.current = !1;
+    return document.addEventListener("keydown", v, { capture: !0 }), () => {
+      document.removeEventListener("keydown", v, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ s(Se, { ...d, children: /* @__PURE__ */ s(
+    ke,
+    {
+      scope: r,
+      open: n,
+      onOpenChange: u,
+      content: f,
+      onContentChange: M,
+      children: /* @__PURE__ */ s(
+        hr,
+        {
+          scope: r,
+          onClose: t.useCallback(() => u(!1), [u]),
+          isUsingKeyboardRef: l,
+          dir: m,
+          modal: i,
+          children: o
+        }
+      )
+    }
+  ) });
+};
+Ge.displayName = K;
+var vr = "MenuAnchor", ce = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, ...o } = e, a = $(n);
+    return /* @__PURE__ */ s(qn, { ...a, ...o, ref: r });
+  }
+);
+ce.displayName = vr;
+var se = "MenuPortal", [gr, Le] = N(se, {
+  forceMount: void 0
+}), Be = (e) => {
+  const { __scopeMenu: r, forceMount: n, children: o, container: a } = e, c = S(se, r);
+  return /* @__PURE__ */ s(gr, { scope: r, forceMount: n, children: /* @__PURE__ */ s(q, { present: n || c.open, children: /* @__PURE__ */ s(er, { asChild: !0, container: a, children: o }) }) });
+};
+Be.displayName = se;
+var _ = "MenuContent", [Cr, ue] = N(_), Fe = t.forwardRef(
+  (e, r) => {
+    const n = Le(_, e.__scopeMenu), { forceMount: o = n.forceMount, ...a } = e, c = S(_, e.__scopeMenu), i = U(_, e.__scopeMenu);
+    return /* @__PURE__ */ s(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(q, { present: o || c.open, children: /* @__PURE__ */ s(L.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ s(_r, { ...a, ref: r }) : /* @__PURE__ */ s(Ir, { ...a, ref: r }) }) }) });
+  }
+), _r = t.forwardRef(
+  (e, r) => {
+    const n = S(_, e.__scopeMenu), o = t.useRef(null), a = F(r, o);
+    return t.useEffect(() => {
+      const c = o.current;
+      if (c) return Hn(c);
+    }, []), /* @__PURE__ */ s(
+      ie,
+      {
+        ...e,
+        ref: a,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: w(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), Ir = t.forwardRef((e, r) => {
+  const n = S(_, e.__scopeMenu);
+  return /* @__PURE__ */ s(
+    ie,
+    {
+      ...e,
+      ref: r,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), ie = t.forwardRef(
+  (e, r) => {
+    const {
+      __scopeMenu: n,
+      loop: o = !1,
+      trapFocus: a,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: d,
+      onEntryFocus: f,
+      onEscapeKeyDown: M,
+      onPointerDownOutside: l,
+      onFocusOutside: u,
+      onInteractOutside: m,
+      onDismiss: v,
+      disableOutsideScroll: h,
+      ...b
+    } = e, y = S(_, n), O = U(_, n), V = $(n), z = Ae(n), Me = Mr(n), [Ln, we] = t.useState(null), X = t.useRef(null), Bn = F(r, X, y.onContentChange), Y = t.useRef(0), H = t.useRef(""), Fn = t.useRef(0), ee = t.useRef(null), he = t.useRef("right"), ne = t.useRef(0), Kn = h ? Zn : t.Fragment, $n = h ? { as: or, allowPinchZoom: !0 } : void 0, Un = (p) => {
+      var x, ge;
+      const C = H.current + p, R = Me().filter((D) => !D.disabled), E = document.activeElement, re = (x = R.find((D) => D.ref.current === E)) == null ? void 0 : x.textValue, te = R.map((D) => D.textValue), ve = Ar(te, C, re), A = (ge = R.find((D) => D.textValue === ve)) == null ? void 0 : ge.ref.current;
+      (function D(Ce) {
+        H.current = Ce, window.clearTimeout(Y.current), Ce !== "" && (Y.current = window.setTimeout(() => D(""), 1e3));
+      })(C), A && setTimeout(() => A.focus());
+    };
+    t.useEffect(() => () => window.clearTimeout(Y.current), []), jn();
+    const P = t.useCallback((p) => {
+      var R, E;
+      return he.current === ((R = ee.current) == null ? void 0 : R.side) && Gr(p, (E = ee.current) == null ? void 0 : E.area);
+    }, []);
+    return /* @__PURE__ */ s(
+      Cr,
+      {
+        scope: n,
+        searchRef: H,
+        onItemEnter: t.useCallback(
+          (p) => {
+            P(p) && p.preventDefault();
+          },
+          [P]
+        ),
+        onItemLeave: t.useCallback(
+          (p) => {
+            var C;
+            P(p) || ((C = X.current) == null || C.focus(), we(null));
+          },
+          [P]
+        ),
+        onTriggerLeave: t.useCallback(
+          (p) => {
+            P(p) && p.preventDefault();
+          },
+          [P]
+        ),
+        pointerGraceTimerRef: Fn,
+        onPointerGraceIntentChange: t.useCallback((p) => {
+          ee.current = p;
+        }, []),
+        children: /* @__PURE__ */ s(Kn, { ...$n, children: /* @__PURE__ */ s(
+          Wn,
+          {
+            asChild: !0,
+            trapped: a,
+            onMountAutoFocus: w(c, (p) => {
+              var C;
+              p.preventDefault(), (C = X.current) == null || C.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: i,
+            children: /* @__PURE__ */ s(
+              Yn,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: d,
+                onEscapeKeyDown: M,
+                onPointerDownOutside: l,
+                onFocusOutside: u,
+                onInteractOutside: m,
+                onDismiss: v,
+                children: /* @__PURE__ */ s(
+                  rr,
+                  {
+                    asChild: !0,
+                    ...z,
+                    dir: O.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: Ln,
+                    onCurrentTabStopIdChange: we,
+                    onEntryFocus: w(f, (p) => {
+                      O.isUsingKeyboardRef.current || p.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ s(
+                      Jn,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": rn(y.open),
+                        "data-radix-menu-content": "",
+                        dir: O.dir,
+                        ...V,
+                        ...b,
+                        ref: Bn,
+                        style: { outline: "none", ...b.style },
+                        onKeyDown: w(b.onKeyDown, (p) => {
+                          const R = p.target.closest("[data-radix-menu-content]") === p.currentTarget, E = p.ctrlKey || p.altKey || p.metaKey, re = p.key.length === 1;
+                          R && (p.key === "Tab" && p.preventDefault(), !E && re && Un(p.key));
+                          const te = X.current;
+                          if (p.target !== te || !pr.includes(p.key)) return;
+                          p.preventDefault();
+                          const A = Me().filter((x) => !x.disabled).map((x) => x.ref.current);
+                          Te.includes(p.key) && A.reverse(), Tr(A);
+                        }),
+                        onBlur: w(e.onBlur, (p) => {
+                          p.currentTarget.contains(p.target) || (window.clearTimeout(Y.current), H.current = "");
+                        }),
+                        onPointerMove: w(
+                          e.onPointerMove,
+                          B((p) => {
+                            const C = p.target, R = ne.current !== p.clientX;
+                            if (p.currentTarget.contains(C) && R) {
+                              const E = p.clientX > ne.current ? "right" : "left";
+                              he.current = E, ne.current = p.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Fe.displayName = _;
+var Rr = "MenuGroup", de = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ s(T.div, { role: "group", ...o, ref: r });
+  }
+);
+de.displayName = Rr;
+var Dr = "MenuLabel", Ke = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ s(T.div, { ...o, ref: r });
+  }
+);
+Ke.displayName = Dr;
+var W = "MenuItem", _e = "menu.itemSelect", Q = t.forwardRef(
+  (e, r) => {
+    const { disabled: n = !1, onSelect: o, ...a } = e, c = t.useRef(null), i = U(W, e.__scopeMenu), d = ue(W, e.__scopeMenu), f = F(r, c), M = t.useRef(!1), l = () => {
+      const u = c.current;
+      if (!n && u) {
+        const m = new CustomEvent(_e, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(_e, (v) => o == null ? void 0 : o(v), { once: !0 }), Vn(u, m), m.defaultPrevented ? M.current = !1 : i.onClose();
+      }
+    };
+    return /* @__PURE__ */ s(
+      $e,
+      {
+        ...a,
+        ref: f,
+        disabled: n,
+        onClick: w(e.onClick, l),
+        onPointerDown: (u) => {
+          var m;
+          (m = e.onPointerDown) == null || m.call(e, u), M.current = !0;
+        },
+        onPointerUp: w(e.onPointerUp, (u) => {
+          var m;
+          M.current || (m = u.currentTarget) == null || m.click();
+        }),
+        onKeyDown: w(e.onKeyDown, (u) => {
+          const m = d.searchRef.current !== "";
+          n || m && u.key === " " || oe.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        })
+      }
+    );
+  }
+);
+Q.displayName = W;
+var $e = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, disabled: o = !1, textValue: a, ...c } = e, i = ue(W, n), d = Ae(n), f = t.useRef(null), M = F(r, f), [l, u] = t.useState(!1), [m, v] = t.useState("");
+    return t.useEffect(() => {
+      const h = f.current;
+      h && v((h.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ s(
+      L.ItemSlot,
+      {
+        scope: n,
+        disabled: o,
+        textValue: a ?? m,
+        children: /* @__PURE__ */ s(tr, { asChild: !0, ...d, focusable: !o, children: /* @__PURE__ */ s(
+          T.div,
+          {
+            role: "menuitem",
+            "data-highlighted": l ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: M,
+            onPointerMove: w(
+              e.onPointerMove,
+              B((h) => {
+                o ? i.onItemLeave(h) : (i.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: w(
+              e.onPointerLeave,
+              B((h) => i.onItemLeave(h))
+            ),
+            onFocus: w(e.onFocus, () => u(!0)),
+            onBlur: w(e.onBlur, () => u(!1))
+          }
+        ) })
+      }
+    );
+  }
+), Er = "MenuCheckboxItem", Ue = t.forwardRef(
+  (e, r) => {
+    const { checked: n = !1, onCheckedChange: o, ...a } = e;
+    return /* @__PURE__ */ s(He, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ s(
+      Q,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": Z(n) ? "mixed" : n,
+        ...a,
+        ref: r,
+        "data-state": fe(n),
+        onSelect: w(
+          a.onSelect,
+          () => o == null ? void 0 : o(Z(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Ue.displayName = Er;
+var Ve = "MenuRadioGroup", [Sr, br] = N(
+  Ve,
+  { value: void 0, onValueChange: () => {
+  } }
+), ze = t.forwardRef(
+  (e, r) => {
+    const { value: n, onValueChange: o, ...a } = e, c = ae(o);
+    return /* @__PURE__ */ s(Sr, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(de, { ...a, ref: r }) });
+  }
+);
+ze.displayName = Ve;
+var Xe = "MenuRadioItem", Ye = t.forwardRef(
+  (e, r) => {
+    const { value: n, ...o } = e, a = br(Xe, e.__scopeMenu), c = n === a.value;
+    return /* @__PURE__ */ s(He, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ s(
+      Q,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: r,
+        "data-state": fe(c),
+        onSelect: w(
+          o.onSelect,
+          () => {
+            var i;
+            return (i = a.onValueChange) == null ? void 0 : i.call(a, n);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Ye.displayName = Xe;
+var le = "MenuItemIndicator", [He, Nr] = N(
+  le,
+  { checked: !1 }
+), je = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, forceMount: o, ...a } = e, c = Nr(le, n);
+    return /* @__PURE__ */ s(
+      q,
+      {
+        present: o || Z(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ s(
+          T.span,
+          {
+            ...a,
+            ref: r,
+            "data-state": fe(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+je.displayName = le;
+var yr = "MenuSeparator", We = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ s(
+      T.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: r
+      }
+    );
+  }
+);
+We.displayName = yr;
+var Pr = "MenuArrow", Ze = t.forwardRef(
+  (e, r) => {
+    const { __scopeMenu: n, ...o } = e, a = $(n);
+    return /* @__PURE__ */ s(Qn, { ...a, ...o, ref: r });
+  }
+);
+Ze.displayName = Pr;
+var pe = "MenuSub", [xr, qe] = N(pe), Je = (e) => {
+  const { __scopeMenu: r, children: n, open: o = !1, onOpenChange: a } = e, c = S(pe, r), i = $(r), [d, f] = t.useState(null), [M, l] = t.useState(null), u = ae(a);
+  return t.useEffect(() => (c.open === !1 && u(!1), () => u(!1)), [c.open, u]), /* @__PURE__ */ s(Se, { ...i, children: /* @__PURE__ */ s(
+    ke,
+    {
+      scope: r,
+      open: o,
+      onOpenChange: u,
+      content: M,
+      onContentChange: l,
+      children: /* @__PURE__ */ s(
+        xr,
+        {
+          scope: r,
+          contentId: j(),
+          triggerId: j(),
+          trigger: d,
+          onTriggerChange: f,
+          children: n
+        }
+      )
+    }
+  ) });
+};
+Je.displayName = pe;
+var k = "MenuSubTrigger", Qe = t.forwardRef(
+  (e, r) => {
+    const n = S(k, e.__scopeMenu), o = U(k, e.__scopeMenu), a = qe(k, e.__scopeMenu), c = ue(k, e.__scopeMenu), i = t.useRef(null), { pointerGraceTimerRef: d, onPointerGraceIntentChange: f } = c, M = { __scopeMenu: e.__scopeMenu }, l = t.useCallback(() => {
+      i.current && window.clearTimeout(i.current), i.current = null;
+    }, []);
+    return t.useEffect(() => l, [l]), t.useEffect(() => {
+      const u = d.current;
+      return () => {
+        window.clearTimeout(u), f(null);
+      };
+    }, [d, f]), /* @__PURE__ */ s(ce, { asChild: !0, ...M, children: /* @__PURE__ */ s(
+      $e,
+      {
+        id: a.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": a.contentId,
+        "data-state": rn(n.open),
+        ...e,
+        ref: Ie(r, a.onTriggerChange),
+        onClick: (u) => {
+          var m;
+          (m = e.onClick) == null || m.call(e, u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: w(
+          e.onPointerMove,
+          B((u) => {
+            c.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (c.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
+              n.onOpenChange(!0), l();
+            }, 100));
+          })
+        ),
+        onPointerLeave: w(
+          e.onPointerLeave,
+          B((u) => {
+            var v, h;
+            l();
+            const m = (v = n.content) == null ? void 0 : v.getBoundingClientRect();
+            if (m) {
+              const b = (h = n.content) == null ? void 0 : h.dataset.side, y = b === "right", O = y ? -5 : 5, V = m[y ? "left" : "right"], z = m[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 + O, y: u.clientY },
+                  { x: V, y: m.top },
+                  { x: z, y: m.top },
+                  { x: z, y: m.bottom },
+                  { x: V, y: m.bottom }
+                ],
+                side: b
+              }), window.clearTimeout(d.current), d.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(u), u.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: w(e.onKeyDown, (u) => {
+          var v;
+          const m = c.searchRef.current !== "";
+          e.disabled || m && u.key === " " || fr[o.dir].includes(u.key) && (n.onOpenChange(!0), (v = n.content) == null || v.focus(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Qe.displayName = k;
+var en = "MenuSubContent", nn = t.forwardRef(
+  (e, r) => {
+    const n = Le(_, e.__scopeMenu), { forceMount: o = n.forceMount, ...a } = e, c = S(_, e.__scopeMenu), i = U(_, e.__scopeMenu), d = qe(en, e.__scopeMenu), f = t.useRef(null), M = F(r, f);
+    return /* @__PURE__ */ s(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(q, { present: o || c.open, children: /* @__PURE__ */ s(L.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
+      ie,
+      {
+        id: d.contentId,
+        "aria-labelledby": d.triggerId,
+        ...a,
+        ref: M,
+        align: "start",
+        side: i.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (l) => {
+          var u;
+          i.isUsingKeyboardRef.current && ((u = f.current) == null || u.focus()), l.preventDefault();
+        },
+        onCloseAutoFocus: (l) => l.preventDefault(),
+        onFocusOutside: w(e.onFocusOutside, (l) => {
+          l.target !== d.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: w(e.onEscapeKeyDown, (l) => {
+          i.onClose(), l.preventDefault();
+        }),
+        onKeyDown: w(e.onKeyDown, (l) => {
+          var v;
+          const u = l.currentTarget.contains(l.target), m = mr[i.dir].includes(l.key);
+          u && m && (c.onOpenChange(!1), (v = d.trigger) == null || v.focus(), l.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+nn.displayName = en;
+function rn(e) {
+  return e ? "open" : "closed";
+}
+function Z(e) {
+  return e === "indeterminate";
+}
+function fe(e) {
+  return Z(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Tr(e) {
+  const r = document.activeElement;
+  for (const n of e)
+    if (n === r || (n.focus(), document.activeElement !== r)) return;
+}
+function Or(e, r) {
+  return e.map((n, o) => e[(r + o) % e.length]);
+}
+function Ar(e, r, n) {
+  const a = r.length > 1 && Array.from(r).every((M) => M === r[0]) ? r[0] : r, c = n ? e.indexOf(n) : -1;
+  let i = Or(e, Math.max(c, 0));
+  a.length === 1 && (i = i.filter((M) => M !== n));
+  const f = i.find(
+    (M) => M.toLowerCase().startsWith(a.toLowerCase())
+  );
+  return f !== n ? f : void 0;
+}
+function kr(e, r) {
+  const { x: n, y: o } = e;
+  let a = !1;
+  for (let c = 0, i = r.length - 1; c < r.length; i = c++) {
+    const d = r[c].x, f = r[c].y, M = r[i].x, l = r[i].y;
+    f > o != l > o && n < (M - d) * (o - f) / (l - f) + d && (a = !a);
+  }
+  return a;
+}
+function Gr(e, r) {
+  if (!r) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return kr(n, r);
+}
+function B(e) {
+  return (r) => r.pointerType === "mouse" ? e(r) : void 0;
+}
+var Lr = Ge, Br = ce, Fr = Be, Kr = Fe, $r = de, Ur = Ke, Vr = Q, zr = Ue, Xr = ze, Yr = Ye, Hr = je, jr = We, Wr = Ze, Zr = Je, qr = Qe, Jr = nn;
+const Qr = ["1", "2"], et = ["solid", "soft"], G = { size: { type: "enum", className: "rt-r-size", values: Qr, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: et, default: "solid" }, ...J, ...sr }, nt = { ...cr, ...J, shortcut: { type: "string" } }, rt = { ...J, shortcut: { type: "string" } }, tt = { ...J };
+var me = "DropdownMenu", [ot, to] = Re(
+  me,
+  [Oe]
+), g = Oe(), [at, tn] = ot(me), on = (e) => {
+  const {
+    __scopeDropdownMenu: r,
+    children: n,
+    dir: o,
+    open: a,
+    defaultOpen: c,
+    onOpenChange: i,
+    modal: d = !0
+  } = e, f = g(r), M = t.useRef(null), [l = !1, u] = De({
+    prop: a,
+    defaultProp: c,
+    onChange: i
+  });
+  return /* @__PURE__ */ s(
+    at,
+    {
+      scope: r,
+      triggerId: j(),
+      triggerRef: M,
+      contentId: j(),
+      open: l,
+      onOpenChange: u,
+      onOpenToggle: t.useCallback(() => u((m) => !m), [u]),
+      modal: d,
+      children: /* @__PURE__ */ s(Lr, { ...f, open: l, onOpenChange: u, dir: o, modal: d, children: n })
+    }
+  );
+};
+on.displayName = me;
+var an = "DropdownMenuTrigger", cn = t.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: n, disabled: o = !1, ...a } = e, c = tn(an, n), i = g(n);
+    return /* @__PURE__ */ s(Br, { asChild: !0, ...i, children: /* @__PURE__ */ s(
+      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: Ie(r, c.triggerRef),
+        onPointerDown: w(e.onPointerDown, (d) => {
+          !o && d.button === 0 && d.ctrlKey === !1 && (c.onOpenToggle(), c.open || d.preventDefault());
+        }),
+        onKeyDown: w(e.onKeyDown, (d) => {
+          o || (["Enter", " "].includes(d.key) && c.onOpenToggle(), d.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+cn.displayName = an;
+var ct = "DropdownMenuPortal", sn = (e) => {
+  const { __scopeDropdownMenu: r, ...n } = e, o = g(r);
+  return /* @__PURE__ */ s(Fr, { ...o, ...n });
+};
+sn.displayName = ct;
+var un = "DropdownMenuContent", dn = t.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = tn(un, n), c = g(n), i = t.useRef(!1);
+    return /* @__PURE__ */ s(
+      Kr,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...c,
+        ...o,
+        ref: r,
+        onCloseAutoFocus: w(e.onCloseAutoFocus, (d) => {
+          var f;
+          i.current || (f = a.triggerRef.current) == null || f.focus(), i.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: w(e.onInteractOutside, (d) => {
+          const f = d.detail.originalEvent, M = f.button === 0 && f.ctrlKey === !0, l = f.button === 2 || M;
+          (!a.modal || l) && (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)"
+        }
+      }
+    );
+  }
+);
+dn.displayName = un;
+var st = "DropdownMenuGroup", ln = t.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+    return /* @__PURE__ */ s($r, { ...a, ...o, ref: r });
+  }
+);
+ln.displayName = st;
+var ut = "DropdownMenuLabel", pn = t.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+    return /* @__PURE__ */ s(Ur, { ...a, ...o, ref: r });
+  }
+);
+pn.displayName = ut;
+var it = "DropdownMenuItem", fn = t.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+    return /* @__PURE__ */ s(Vr, { ...a, ...o, ref: r });
+  }
+);
+fn.displayName = it;
+var dt = "DropdownMenuCheckboxItem", mn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(zr, { ...a, ...o, ref: r });
+});
+mn.displayName = dt;
+var lt = "DropdownMenuRadioGroup", Mn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(Xr, { ...a, ...o, ref: r });
+});
+Mn.displayName = lt;
+var pt = "DropdownMenuRadioItem", wn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(Yr, { ...a, ...o, ref: r });
+});
+wn.displayName = pt;
+var ft = "DropdownMenuItemIndicator", hn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(Hr, { ...a, ...o, ref: r });
+});
+hn.displayName = ft;
+var mt = "DropdownMenuSeparator", vn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(jr, { ...a, ...o, ref: r });
+});
+vn.displayName = mt;
+var Mt = "DropdownMenuArrow", wt = t.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+    return /* @__PURE__ */ s(Wr, { ...a, ...o, ref: r });
+  }
+);
+wt.displayName = Mt;
+var ht = (e) => {
+  const { __scopeDropdownMenu: r, children: n, open: o, onOpenChange: a, defaultOpen: c } = e, i = g(r), [d = !1, f] = De({
+    prop: o,
+    defaultProp: c,
+    onChange: a
+  });
+  return /* @__PURE__ */ s(Zr, { ...i, open: d, onOpenChange: f, children: n });
+}, vt = "DropdownMenuSubTrigger", gn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(qr, { ...a, ...o, ref: r });
+});
+gn.displayName = vt;
+var gt = "DropdownMenuSubContent", Cn = t.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = g(n);
+  return /* @__PURE__ */ s(
+    Jr,
+    {
+      ...a,
+      ...o,
+      ref: r,
+      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)"
+      }
+    }
+  );
+});
+Cn.displayName = gt;
+var Ct = on, _t = cn, _n = sn, It = dn, Rt = ln, Dt = pn, Et = fn, St = mn, bt = Mn, Nt = wn, In = hn, yt = vn, Pt = ht, xt = gn, Tt = Cn;
+const Rn = (e) => t.createElement(Ct, { ...e });
+Rn.displayName = "DropdownMenu.Root";
+const Dn = t.forwardRef(({ children: e, ...r }, n) => t.createElement(_t, { ...r, ref: n, asChild: !0 }, dr(e)));
+Dn.displayName = "DropdownMenu.Trigger";
+const En = t.createContext({}), Sn = t.forwardRef((e, r) => {
+  const n = nr(), { size: o = G.size.default, variant: a = G.variant.default, highContrast: c = G.highContrast.default } = e, { className: i, children: d, color: f, container: M, forceMount: l, ...u } = xe(e, G), m = f || n.accentColor;
+  return t.createElement(_n, { container: M, forceMount: l }, t.createElement(be, { asChild: !0 }, t.createElement(It, { "data-accent-color": m, align: "start", sideOffset: 4, collisionPadding: 10, ...u, asChild: !1, ref: r, className: I("rt-PopperContent", "rt-BaseMenuContent", "rt-DropdownMenuContent", i) }, t.createElement(ye, { type: "auto" }, t.createElement("div", { className: I("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, t.createElement(En.Provider, { value: t.useMemo(() => ({ size: o, variant: a, color: m, highContrast: c }), [o, a, m, c]) }, d))))));
+});
+Sn.displayName = "DropdownMenu.Content";
+const bn = t.forwardRef(({ className: e, ...r }, n) => t.createElement(Dt, { ...r, asChild: !1, ref: n, className: I("rt-BaseMenuLabel", "rt-DropdownMenuLabel", e) }));
+bn.displayName = "DropdownMenu.Label";
+const Nn = t.forwardRef((e, r) => {
+  const { className: n, children: o, color: a = nt.color.default, shortcut: c, ...i } = e;
+  return t.createElement(Et, { "data-accent-color": a, ...i, ref: r, className: I("rt-reset", "rt-BaseMenuItem", "rt-DropdownMenuItem", n) }, t.createElement(ar, null, o), c && t.createElement("div", { className: "rt-BaseMenuShortcut rt-DropdownMenuShortcut" }, c));
+});
+Nn.displayName = "DropdownMenu.Item";
+const yn = t.forwardRef(({ className: e, ...r }, n) => t.createElement(Rt, { ...r, asChild: !1, ref: n, className: I("rt-BaseMenuGroup", "rt-DropdownMenuGroup", e) }));
+yn.displayName = "DropdownMenu.Group";
+const Pn = t.forwardRef(({ className: e, ...r }, n) => t.createElement(bt, { ...r, asChild: !1, ref: n, className: I("rt-BaseMenuRadioGroup", "rt-DropdownMenuRadioGroup", e) }));
+Pn.displayName = "DropdownMenu.RadioGroup";
+const xn = t.forwardRef((e, r) => {
+  const { children: n, className: o, color: a = tt.color.default, ...c } = e;
+  return t.createElement(Nt, { ...c, asChild: !1, ref: r, "data-accent-color": a, className: I("rt-BaseMenuItem", "rt-BaseMenuRadioItem", "rt-DropdownMenuItem", "rt-DropdownMenuRadioItem", o) }, n, t.createElement(In, { className: "rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator" }, t.createElement(Pe, { className: "rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon" })));
+});
+xn.displayName = "DropdownMenu.RadioItem";
+const Tn = t.forwardRef((e, r) => {
+  const { children: n, className: o, shortcut: a, color: c = rt.color.default, ...i } = e;
+  return t.createElement(St, { ...i, asChild: !1, ref: r, "data-accent-color": c, className: I("rt-BaseMenuItem", "rt-BaseMenuCheckboxItem", "rt-DropdownMenuItem", "rt-DropdownMenuCheckboxItem", o) }, n, t.createElement(In, { className: "rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator" }, t.createElement(Pe, { className: "rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon" })), a && t.createElement("div", { className: "rt-BaseMenuShortcut rt-DropdownMenuShortcut" }, a));
+});
+Tn.displayName = "DropdownMenu.CheckboxItem";
+const On = (e) => t.createElement(Pt, { ...e });
+On.displayName = "DropdownMenu.Sub";
+const An = t.forwardRef((e, r) => {
+  const { className: n, children: o, ...a } = e;
+  return t.createElement(xt, { ...a, asChild: !1, ref: r, className: I("rt-BaseMenuItem", "rt-BaseMenuSubTrigger", "rt-DropdownMenuItem", "rt-DropdownMenuSubTrigger", n) }, o, t.createElement("div", { className: "rt-BaseMenuShortcut rt-DropdownMenuShortcut" }, t.createElement(ur, { className: "rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon" })));
+});
+An.displayName = "DropdownMenu.SubTrigger";
+const kn = t.forwardRef((e, r) => {
+  const { size: n, variant: o, color: a, highContrast: c } = t.useContext(En), { className: i, children: d, container: f, forceMount: M, ...l } = xe({ size: n, variant: o, color: a, highContrast: c, ...e }, G);
+  return t.createElement(_n, { container: f, forceMount: M }, t.createElement(be, { asChild: !0 }, t.createElement(Tt, { "data-accent-color": a, alignOffset: -Number(n) * 4, sideOffset: 1, collisionPadding: 10, ...l, asChild: !1, ref: r, className: I("rt-PopperContent", "rt-BaseMenuContent", "rt-BaseMenuSubContent", "rt-DropdownMenuContent", "rt-DropdownMenuSubContent", i) }, t.createElement(ye, { type: "auto" }, t.createElement("div", { className: I("rt-BaseMenuViewport", "rt-DropdownMenuViewport") }, d)))));
+});
+kn.displayName = "DropdownMenu.SubContent";
+const Gn = t.forwardRef(({ className: e, ...r }, n) => t.createElement(yt, { ...r, asChild: !1, ref: n, className: I("rt-BaseMenuSeparator", "rt-DropdownMenuSeparator", e) }));
+Gn.displayName = "DropdownMenu.Separator";
+const oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CheckboxItem: Tn,
+  Content: Sn,
+  Group: yn,
+  Item: Nn,
+  Label: bn,
+  RadioGroup: Pn,
+  RadioItem: xn,
+  Root: Rn,
+  Separator: Gn,
+  Sub: On,
+  SubContent: kn,
+  SubTrigger: An,
+  Trigger: Dn,
+  TriggerIcon: ir
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  oo as d
+};