mainstack-design-system 0.7.44 → 1.0.0

package/dist/index-CvknVH0W.js

@@ -0,0 +1,754 @@
+'use client';
+import * as a from "react";
+import { c as fe, a as v } from "./index-BRRTyZ1e.js";
+import { u as L, c as Je, b as me } from "./index-5Bhkapwi.js";
+import { u as Qe } from "./index-437EL2iq.js";
+import { P as b, d as en } from "./index-CpDnqHCm.js";
+import { c as nn } from "./index-Dt3HnaYe.js";
+import { u as on } from "./index-ByaXH_ih.js";
+import { P as tn, D as rn } from "./index-Dz5LHXX9.js";
+import { h as an, u as cn, R as sn, F as un } from "./index-BvWMjxZ5.js";
+import { c as Me, R as dn, A as ln, a as pn, C as fn } from "./index-CRdNenpR.js";
+import { P as X } from "./index-BGfrl8IX.js";
+import { c as ve, I as mn, R as Mn } from "./index-DmeJCEwx.js";
+import { u as he } from "./index-0ioNhtNM.js";
+import { jsx as s } from "react/jsx-runtime";
+import { u as le } from "./index-xqkGMOJ8.js";
+var J = ["Enter", " "], vn = ["ArrowDown", "PageUp", "Home"], we = ["ArrowUp", "PageDown", "End"], hn = [...vn, ...we], wn = {
+  ltr: [...J, "ArrowRight"],
+  rtl: [...J, "ArrowLeft"]
+}, gn = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, F = "Menu", [O, _n, Cn] = nn(F), [P, ge] = fe(F, [
+  Cn,
+  Me,
+  ve
+]), Y = Me(), _e = ve(), [Rn, D] = P(F), [Pn, G] = P(F), Ce = (e) => {
+  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: d = !0 } = e, l = Y(o), [m, M] = a.useState(null), p = a.useRef(!1), u = he(c), f = on(r);
+  return a.useEffect(() => {
+    const _ = () => {
+      p.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
+    }, h = () => p.current = !1;
+    return document.addEventListener("keydown", _, { capture: !0 }), () => {
+      document.removeEventListener("keydown", _, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ s(dn, { ...l, children: /* @__PURE__ */ s(
+    Rn,
+    {
+      scope: o,
+      open: n,
+      onOpenChange: u,
+      content: m,
+      onContentChange: M,
+      children: /* @__PURE__ */ s(
+        Pn,
+        {
+          scope: o,
+          onClose: a.useCallback(() => u(!1), [u]),
+          isUsingKeyboardRef: p,
+          dir: f,
+          modal: d,
+          children: t
+        }
+      )
+    }
+  ) });
+};
+Ce.displayName = F;
+var Dn = "MenuAnchor", Q = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e, r = Y(n);
+    return /* @__PURE__ */ s(ln, { ...r, ...t, ref: o });
+  }
+);
+Q.displayName = Dn;
+var ee = "MenuPortal", [En, Re] = P(ee, {
+  forceMount: void 0
+}), Pe = (e) => {
+  const { __scopeMenu: o, forceMount: n, children: t, container: r } = e, c = D(ee, o);
+  return /* @__PURE__ */ s(En, { scope: o, forceMount: n, children: /* @__PURE__ */ s(X, { present: n || c.open, children: /* @__PURE__ */ s(tn, { asChild: !0, container: r, children: t }) }) });
+};
+Pe.displayName = ee;
+var C = "MenuContent", [In, ne] = P(C), De = a.forwardRef(
+  (e, o) => {
+    const n = Re(C, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = D(C, e.__scopeMenu), d = G(C, e.__scopeMenu);
+    return /* @__PURE__ */ s(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(X, { present: t || c.open, children: /* @__PURE__ */ s(O.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ s(Sn, { ...r, ref: o }) : /* @__PURE__ */ s(yn, { ...r, ref: o }) }) }) });
+  }
+), Sn = a.forwardRef(
+  (e, o) => {
+    const n = D(C, e.__scopeMenu), t = a.useRef(null), r = L(o, t);
+    return a.useEffect(() => {
+      const c = t.current;
+      if (c) return an(c);
+    }, []), /* @__PURE__ */ s(
+      oe,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: v(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), yn = a.forwardRef((e, o) => {
+  const n = D(C, e.__scopeMenu);
+  return /* @__PURE__ */ s(
+    oe,
+    {
+      ...e,
+      ref: o,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), bn = Je("MenuContent.ScrollLock"), oe = a.forwardRef(
+  (e, o) => {
+    const {
+      __scopeMenu: n,
+      loop: t = !1,
+      trapFocus: r,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: d,
+      disableOutsidePointerEvents: l,
+      onEntryFocus: m,
+      onEscapeKeyDown: M,
+      onPointerDownOutside: p,
+      onFocusOutside: u,
+      onInteractOutside: f,
+      onDismiss: _,
+      disableOutsideScroll: h,
+      ...E
+    } = e, x = D(C, n), I = G(C, n), Xe = Y(n), Ye = _e(n), ce = _n(n), [je, se] = a.useState(null), K = a.useRef(null), He = L(o, K, x.onContentChange), U = a.useRef(0), B = a.useRef(""), We = a.useRef(0), W = a.useRef(null), ue = a.useRef("right"), z = a.useRef(0), ze = h ? sn : a.Fragment, Ze = h ? { as: bn, allowPinchZoom: !0 } : void 0, qe = (i) => {
+      const y = B.current + i, R = ce().filter((g) => !g.disabled), A = document.activeElement, Z = R.find((g) => g.ref.current === A)?.textValue, q = R.map((g) => g.textValue), ie = Bn(q, y, Z), N = R.find((g) => g.textValue === ie)?.ref.current;
+      (function g(de) {
+        B.current = de, window.clearTimeout(U.current), de !== "" && (U.current = window.setTimeout(() => g(""), 1e3));
+      })(y), N && setTimeout(() => N.focus());
+    };
+    a.useEffect(() => () => window.clearTimeout(U.current), []), cn();
+    const S = a.useCallback((i) => ue.current === W.current?.side && Vn(i, W.current?.area), []);
+    return /* @__PURE__ */ s(
+      In,
+      {
+        scope: n,
+        searchRef: B,
+        onItemEnter: a.useCallback(
+          (i) => {
+            S(i) && i.preventDefault();
+          },
+          [S]
+        ),
+        onItemLeave: a.useCallback(
+          (i) => {
+            S(i) || (K.current?.focus(), se(null));
+          },
+          [S]
+        ),
+        onTriggerLeave: a.useCallback(
+          (i) => {
+            S(i) && i.preventDefault();
+          },
+          [S]
+        ),
+        pointerGraceTimerRef: We,
+        onPointerGraceIntentChange: a.useCallback((i) => {
+          W.current = i;
+        }, []),
+        children: /* @__PURE__ */ s(ze, { ...Ze, children: /* @__PURE__ */ s(
+          un,
+          {
+            asChild: !0,
+            trapped: r,
+            onMountAutoFocus: v(c, (i) => {
+              i.preventDefault(), K.current?.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: d,
+            children: /* @__PURE__ */ s(
+              rn,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: l,
+                onEscapeKeyDown: M,
+                onPointerDownOutside: p,
+                onFocusOutside: u,
+                onInteractOutside: f,
+                onDismiss: _,
+                children: /* @__PURE__ */ s(
+                  Mn,
+                  {
+                    asChild: !0,
+                    ...Ye,
+                    dir: I.dir,
+                    orientation: "vertical",
+                    loop: t,
+                    currentTabStopId: je,
+                    onCurrentTabStopIdChange: se,
+                    onEntryFocus: v(m, (i) => {
+                      I.isUsingKeyboardRef.current || i.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ s(
+                      fn,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": Ue(x.open),
+                        "data-radix-menu-content": "",
+                        dir: I.dir,
+                        ...Xe,
+                        ...E,
+                        ref: He,
+                        style: { outline: "none", ...E.style },
+                        onKeyDown: v(E.onKeyDown, (i) => {
+                          const R = i.target.closest("[data-radix-menu-content]") === i.currentTarget, A = i.ctrlKey || i.altKey || i.metaKey, Z = i.key.length === 1;
+                          R && (i.key === "Tab" && i.preventDefault(), !A && Z && qe(i.key));
+                          const q = K.current;
+                          if (i.target !== q || !hn.includes(i.key)) return;
+                          i.preventDefault();
+                          const N = ce().filter((g) => !g.disabled).map((g) => g.ref.current);
+                          we.includes(i.key) && N.reverse(), Kn(N);
+                        }),
+                        onBlur: v(e.onBlur, (i) => {
+                          i.currentTarget.contains(i.target) || (window.clearTimeout(U.current), B.current = "");
+                        }),
+                        onPointerMove: v(
+                          e.onPointerMove,
+                          k((i) => {
+                            const y = i.target, R = z.current !== i.clientX;
+                            if (i.currentTarget.contains(y) && R) {
+                              const A = i.clientX > z.current ? "right" : "left";
+                              ue.current = A, z.current = i.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+De.displayName = C;
+var xn = "MenuGroup", te = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e;
+    return /* @__PURE__ */ s(b.div, { role: "group", ...t, ref: o });
+  }
+);
+te.displayName = xn;
+var An = "MenuLabel", Ee = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e;
+    return /* @__PURE__ */ s(b.div, { ...t, ref: o });
+  }
+);
+Ee.displayName = An;
+var $ = "MenuItem", pe = "menu.itemSelect", j = a.forwardRef(
+  (e, o) => {
+    const { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), d = G($, e.__scopeMenu), l = ne($, e.__scopeMenu), m = L(o, c), M = a.useRef(!1), p = () => {
+      const u = c.current;
+      if (!n && u) {
+        const f = new CustomEvent(pe, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(pe, (_) => t?.(_), { once: !0 }), en(u, f), f.defaultPrevented ? M.current = !1 : d.onClose();
+      }
+    };
+    return /* @__PURE__ */ s(
+      Ie,
+      {
+        ...r,
+        ref: m,
+        disabled: n,
+        onClick: v(e.onClick, p),
+        onPointerDown: (u) => {
+          e.onPointerDown?.(u), M.current = !0;
+        },
+        onPointerUp: v(e.onPointerUp, (u) => {
+          M.current || u.currentTarget?.click();
+        }),
+        onKeyDown: v(e.onKeyDown, (u) => {
+          const f = l.searchRef.current !== "";
+          n || f && u.key === " " || J.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        })
+      }
+    );
+  }
+);
+j.displayName = $;
+var Ie = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, d = ne($, n), l = _e(n), m = a.useRef(null), M = L(o, m), [p, u] = a.useState(!1), [f, _] = a.useState("");
+    return a.useEffect(() => {
+      const h = m.current;
+      h && _((h.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ s(
+      O.ItemSlot,
+      {
+        scope: n,
+        disabled: t,
+        textValue: r ?? f,
+        children: /* @__PURE__ */ s(mn, { asChild: !0, ...l, focusable: !t, children: /* @__PURE__ */ s(
+          b.div,
+          {
+            role: "menuitem",
+            "data-highlighted": p ? "" : void 0,
+            "aria-disabled": t || void 0,
+            "data-disabled": t ? "" : void 0,
+            ...c,
+            ref: M,
+            onPointerMove: v(
+              e.onPointerMove,
+              k((h) => {
+                t ? d.onItemLeave(h) : (d.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: v(
+              e.onPointerLeave,
+              k((h) => d.onItemLeave(h))
+            ),
+            onFocus: v(e.onFocus, () => u(!0)),
+            onBlur: v(e.onBlur, () => u(!1))
+          }
+        ) })
+      }
+    );
+  }
+), Nn = "MenuCheckboxItem", Se = a.forwardRef(
+  (e, o) => {
+    const { checked: n = !1, onCheckedChange: t, ...r } = e;
+    return /* @__PURE__ */ s(Ne, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ s(
+      j,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": V(n) ? "mixed" : n,
+        ...r,
+        ref: o,
+        "data-state": ae(n),
+        onSelect: v(
+          r.onSelect,
+          () => t?.(V(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Se.displayName = Nn;
+var ye = "MenuRadioGroup", [Tn, On] = P(
+  ye,
+  { value: void 0, onValueChange: () => {
+  } }
+), be = a.forwardRef(
+  (e, o) => {
+    const { value: n, onValueChange: t, ...r } = e, c = he(t);
+    return /* @__PURE__ */ s(Tn, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(te, { ...r, ref: o }) });
+  }
+);
+be.displayName = ye;
+var xe = "MenuRadioItem", Ae = a.forwardRef(
+  (e, o) => {
+    const { value: n, ...t } = e, r = On(xe, e.__scopeMenu), c = n === r.value;
+    return /* @__PURE__ */ s(Ne, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ s(
+      j,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...t,
+        ref: o,
+        "data-state": ae(c),
+        onSelect: v(
+          t.onSelect,
+          () => r.onValueChange?.(n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Ae.displayName = xe;
+var re = "MenuItemIndicator", [Ne, kn] = P(
+  re,
+  { checked: !1 }
+), Te = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, forceMount: t, ...r } = e, c = kn(re, n);
+    return /* @__PURE__ */ s(
+      X,
+      {
+        present: t || V(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ s(
+          b.span,
+          {
+            ...r,
+            ref: o,
+            "data-state": ae(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Te.displayName = re;
+var Ln = "MenuSeparator", Oe = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e;
+    return /* @__PURE__ */ s(
+      b.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...t,
+        ref: o
+      }
+    );
+  }
+);
+Oe.displayName = Ln;
+var Fn = "MenuArrow", ke = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e, r = Y(n);
+    return /* @__PURE__ */ s(pn, { ...r, ...t, ref: o });
+  }
+);
+ke.displayName = Fn;
+var Gn = "MenuSub", [zo, Le] = P(Gn), T = "MenuSubTrigger", Fe = a.forwardRef(
+  (e, o) => {
+    const n = D(T, e.__scopeMenu), t = G(T, e.__scopeMenu), r = Le(T, e.__scopeMenu), c = ne(T, e.__scopeMenu), d = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, M = { __scopeMenu: e.__scopeMenu }, p = a.useCallback(() => {
+      d.current && window.clearTimeout(d.current), d.current = null;
+    }, []);
+    return a.useEffect(() => p, [p]), a.useEffect(() => {
+      const u = l.current;
+      return () => {
+        window.clearTimeout(u), m(null);
+      };
+    }, [l, m]), /* @__PURE__ */ s(Q, { asChild: !0, ...M, children: /* @__PURE__ */ s(
+      Ie,
+      {
+        id: r.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": r.contentId,
+        "data-state": Ue(n.open),
+        ...e,
+        ref: me(o, r.onTriggerChange),
+        onClick: (u) => {
+          e.onClick?.(u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: v(
+          e.onPointerMove,
+          k((u) => {
+            c.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+              n.onOpenChange(!0), p();
+            }, 100));
+          })
+        ),
+        onPointerLeave: v(
+          e.onPointerLeave,
+          k((u) => {
+            p();
+            const f = n.content?.getBoundingClientRect();
+            if (f) {
+              const _ = n.content?.dataset.side, h = _ === "right", E = h ? -5 : 5, x = f[h ? "left" : "right"], I = f[h ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: u.clientX + E, y: u.clientY },
+                  { x, y: f.top },
+                  { x: I, y: f.top },
+                  { x: I, y: f.bottom },
+                  { x, y: f.bottom }
+                ],
+                side: _
+              }), window.clearTimeout(l.current), l.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(u), u.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: v(e.onKeyDown, (u) => {
+          const f = c.searchRef.current !== "";
+          e.disabled || f && u.key === " " || wn[t.dir].includes(u.key) && (n.onOpenChange(!0), n.content?.focus(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Fe.displayName = T;
+var Ge = "MenuSubContent", Ke = a.forwardRef(
+  (e, o) => {
+    const n = Re(C, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = D(C, e.__scopeMenu), d = G(C, e.__scopeMenu), l = Le(Ge, e.__scopeMenu), m = a.useRef(null), M = L(o, m);
+    return /* @__PURE__ */ s(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(X, { present: t || c.open, children: /* @__PURE__ */ s(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
+      oe,
+      {
+        id: l.contentId,
+        "aria-labelledby": l.triggerId,
+        ...r,
+        ref: M,
+        align: "start",
+        side: d.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (p) => {
+          d.isUsingKeyboardRef.current && m.current?.focus(), p.preventDefault();
+        },
+        onCloseAutoFocus: (p) => p.preventDefault(),
+        onFocusOutside: v(e.onFocusOutside, (p) => {
+          p.target !== l.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: v(e.onEscapeKeyDown, (p) => {
+          d.onClose(), p.preventDefault();
+        }),
+        onKeyDown: v(e.onKeyDown, (p) => {
+          const u = p.currentTarget.contains(p.target), f = gn[d.dir].includes(p.key);
+          u && f && (c.onOpenChange(!1), l.trigger?.focus(), p.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Ke.displayName = Ge;
+function Ue(e) {
+  return e ? "open" : "closed";
+}
+function V(e) {
+  return e === "indeterminate";
+}
+function ae(e) {
+  return V(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Kn(e) {
+  const o = document.activeElement;
+  for (const n of e)
+    if (n === o || (n.focus(), document.activeElement !== o)) return;
+}
+function Un(e, o) {
+  return e.map((n, t) => e[(o + t) % e.length]);
+}
+function Bn(e, o, n) {
+  const r = o.length > 1 && Array.from(o).every((M) => M === o[0]) ? o[0] : o, c = n ? e.indexOf(n) : -1;
+  let d = Un(e, Math.max(c, 0));
+  r.length === 1 && (d = d.filter((M) => M !== n));
+  const m = d.find(
+    (M) => M.toLowerCase().startsWith(r.toLowerCase())
+  );
+  return m !== n ? m : void 0;
+}
+function $n(e, o) {
+  const { x: n, y: t } = e;
+  let r = !1;
+  for (let c = 0, d = o.length - 1; c < o.length; d = c++) {
+    const l = o[c], m = o[d], M = l.x, p = l.y, u = m.x, f = m.y;
+    p > t != f > t && n < (u - M) * (t - p) / (f - p) + M && (r = !r);
+  }
+  return r;
+}
+function Vn(e, o) {
+  if (!o) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return $n(n, o);
+}
+function k(e) {
+  return (o) => o.pointerType === "mouse" ? e(o) : void 0;
+}
+var Xn = Ce, Yn = Q, jn = Pe, Hn = De, Wn = te, zn = Ee, Zn = j, qn = Se, Jn = be, Qn = Ae, eo = Te, no = Oe, oo = ke, to = Fe, ro = Ke, H = "DropdownMenu", [ao] = fe(
+  H,
+  [ge]
+), w = ge(), [co, Be] = ao(H), so = (e) => {
+  const {
+    __scopeDropdownMenu: o,
+    children: n,
+    dir: t,
+    open: r,
+    defaultOpen: c,
+    onOpenChange: d,
+    modal: l = !0
+  } = e, m = w(o), M = a.useRef(null), [p, u] = Qe({
+    prop: r,
+    defaultProp: c ?? !1,
+    onChange: d,
+    caller: H
+  });
+  return /* @__PURE__ */ s(
+    co,
+    {
+      scope: o,
+      triggerId: le(),
+      triggerRef: M,
+      contentId: le(),
+      open: p,
+      onOpenChange: u,
+      onOpenToggle: a.useCallback(() => u((f) => !f), [u]),
+      modal: l,
+      children: /* @__PURE__ */ s(Xn, { ...m, open: p, onOpenChange: u, dir: t, modal: l, children: n })
+    }
+  );
+};
+so.displayName = H;
+var $e = "DropdownMenuTrigger", uo = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, c = Be($e, n), d = w(n);
+    return /* @__PURE__ */ s(Yn, { asChild: !0, ...d, children: /* @__PURE__ */ s(
+      b.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": t ? "" : void 0,
+        disabled: t,
+        ...r,
+        ref: me(o, c.triggerRef),
+        onPointerDown: v(e.onPointerDown, (l) => {
+          !t && l.button === 0 && l.ctrlKey === !1 && (c.onOpenToggle(), c.open || l.preventDefault());
+        }),
+        onKeyDown: v(e.onKeyDown, (l) => {
+          t || (["Enter", " "].includes(l.key) && c.onOpenToggle(), l.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(l.key) && l.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+uo.displayName = $e;
+var io = "DropdownMenuPortal", lo = (e) => {
+  const { __scopeDropdownMenu: o, ...n } = e, t = w(o);
+  return /* @__PURE__ */ s(jn, { ...t, ...n });
+};
+lo.displayName = io;
+var Ve = "DropdownMenuContent", po = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = Be(Ve, n), c = w(n), d = a.useRef(!1);
+    return /* @__PURE__ */ s(
+      Hn,
+      {
+        id: r.contentId,
+        "aria-labelledby": r.triggerId,
+        ...c,
+        ...t,
+        ref: o,
+        onCloseAutoFocus: v(e.onCloseAutoFocus, (l) => {
+          d.current || r.triggerRef.current?.focus(), d.current = !1, l.preventDefault();
+        }),
+        onInteractOutside: v(e.onInteractOutside, (l) => {
+          const m = l.detail.originalEvent, M = m.button === 0 && m.ctrlKey === !0, p = m.button === 2 || M;
+          (!r.modal || p) && (d.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)"
+        }
+      }
+    );
+  }
+);
+po.displayName = Ve;
+var fo = "DropdownMenuGroup", mo = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ s(Wn, { ...r, ...t, ref: o });
+  }
+);
+mo.displayName = fo;
+var Mo = "DropdownMenuLabel", vo = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ s(zn, { ...r, ...t, ref: o });
+  }
+);
+vo.displayName = Mo;
+var ho = "DropdownMenuItem", wo = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ s(Zn, { ...r, ...t, ref: o });
+  }
+);
+wo.displayName = ho;
+var go = "DropdownMenuCheckboxItem", _o = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(qn, { ...r, ...t, ref: o });
+});
+_o.displayName = go;
+var Co = "DropdownMenuRadioGroup", Ro = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(Jn, { ...r, ...t, ref: o });
+});
+Ro.displayName = Co;
+var Po = "DropdownMenuRadioItem", Do = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(Qn, { ...r, ...t, ref: o });
+});
+Do.displayName = Po;
+var Eo = "DropdownMenuItemIndicator", Io = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(eo, { ...r, ...t, ref: o });
+});
+Io.displayName = Eo;
+var So = "DropdownMenuSeparator", yo = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(no, { ...r, ...t, ref: o });
+});
+yo.displayName = So;
+var bo = "DropdownMenuArrow", xo = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ s(oo, { ...r, ...t, ref: o });
+  }
+);
+xo.displayName = bo;
+var Ao = "DropdownMenuSubTrigger", No = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(to, { ...r, ...t, ref: o });
+});
+No.displayName = Ao;
+var To = "DropdownMenuSubContent", Oo = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ s(
+    ro,
+    {
+      ...r,
+      ...t,
+      ref: o,
+      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)"
+      }
+    }
+  );
+});
+Oo.displayName = To;
+export {
+  so as D,
+  uo as a,
+  lo as b,
+  po as c,
+  wo as d,
+  xo as e
+};