commerce-toolkit 0.3.0 → 0.5.0

package/dist/dropdown-menu-node-x6qIrxA6.js

@@ -0,0 +1,1101 @@
+import { jsx as r, jsxs as X } from "react/jsx-runtime";
+import { c as C } from "./utils-CRiPKpXj.js";
+import { a as Cn, S as xn, b as Rn, c as Sn, d as Dn, e as yn } from "./scroll-area-corner-DfIRArAE.js";
+import * as c from "react";
+import { createContext as Pn, useMemo as In, useContext as En } from "react";
+import { c as h } from "./index-B695uy69.js";
+import { u as G, c as ge } from "./index-DLcqcWxM.js";
+import { c as we } from "./index-DFZozV_h.js";
+import { u as Me } from "./index-437EL2iq.js";
+import { P as E, d as Nn, c as An } from "./index-DYM6xIoO.js";
+import { c as Tn } from "./index-CFzSulqY.js";
+import { u as kn } from "./index-ByaXH_ih.js";
+import { D as On } from "./index-BybPvee-.js";
+import { h as Ln, u as Gn, R as Fn, F as Kn } from "./Combination-B_L7xrJs.js";
+import { u as V } from "./index-Cv867SGx.js";
+import { c as be, R as _e, A as $n, C as Un, a as Bn } from "./index-BRpvnewZ.js";
+import { P as jn } from "./index-_4V-_s4C.js";
+import { P as Y } from "./index-BpWB3aFK.js";
+import { c as Ce, I as Vn, R as zn } from "./index-DbDmtVzS.js";
+import { u as te } from "./index-0ioNhtNM.js";
+import Wn from "./check-ChGAB_3v.js";
+import { c as Xn } from "./createLucideIcon-DU8bVqFn.js";
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Re = Xn("chevron-right", xe), Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  __iconNode: xe,
+  default: Re
+}, Symbol.toStringTag, { value: "Module" }));
+var ne = ["Enter", " "], Yn = ["ArrowDown", "PageUp", "Home"], Se = ["ArrowUp", "PageDown", "End"], Hn = [...Yn, ...Se], qn = {
+  ltr: [...ne, "ArrowRight"],
+  rtl: [...ne, "ArrowLeft"]
+}, Zn = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, F = "Menu", [O, Jn, Qn] = Tn(F), [S, De] = we(F, [
+  Qn,
+  be,
+  Ce
+]), K = be(), ye = Ce(), [Pe, x] = S(F), [et, $] = S(F), Ie = (e) => {
+  const { __scopeMenu: t, open: n = !1, children: o, dir: a, onOpenChange: s, modal: i = !0 } = e, d = K(t), [f, m] = c.useState(null), p = c.useRef(!1), u = te(s), v = kn(a);
+  return c.useEffect(() => {
+    const b = () => {
+      p.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
+    }, g = () => p.current = !1;
+    return document.addEventListener("keydown", b, { capture: !0 }), () => {
+      document.removeEventListener("keydown", b, { capture: !0 }), document.removeEventListener("pointerdown", g, { capture: !0 }), document.removeEventListener("pointermove", g, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ r(_e, { ...d, children: /* @__PURE__ */ r(
+    Pe,
+    {
+      scope: t,
+      open: n,
+      onOpenChange: u,
+      content: f,
+      onContentChange: m,
+      children: /* @__PURE__ */ r(
+        et,
+        {
+          scope: t,
+          onClose: c.useCallback(() => u(!1), [u]),
+          isUsingKeyboardRef: p,
+          dir: v,
+          modal: i,
+          children: o
+        }
+      )
+    }
+  ) });
+};
+Ie.displayName = F;
+var nt = "MenuAnchor", oe = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e, a = K(n);
+    return /* @__PURE__ */ r($n, { ...a, ...o, ref: t });
+  }
+);
+oe.displayName = nt;
+var re = "MenuPortal", [tt, Ee] = S(re, {
+  forceMount: void 0
+}), Ne = (e) => {
+  const { __scopeMenu: t, forceMount: n, children: o, container: a } = e, s = x(re, t);
+  return /* @__PURE__ */ r(tt, { scope: t, forceMount: n, children: /* @__PURE__ */ r(Y, { present: n || s.open, children: /* @__PURE__ */ r(jn, { asChild: !0, container: a, children: o }) }) });
+};
+Ne.displayName = re;
+var _ = "MenuContent", [ot, ae] = S(_), Ae = c.forwardRef(
+  (e, t) => {
+    const n = Ee(_, e.__scopeMenu), { forceMount: o = n.forceMount, ...a } = e, s = x(_, e.__scopeMenu), i = $(_, e.__scopeMenu);
+    return /* @__PURE__ */ r(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ r(Y, { present: o || s.open, children: /* @__PURE__ */ r(O.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ r(rt, { ...a, ref: t }) : /* @__PURE__ */ r(at, { ...a, ref: t }) }) }) });
+  }
+), rt = c.forwardRef(
+  (e, t) => {
+    const n = x(_, e.__scopeMenu), o = c.useRef(null), a = G(t, o);
+    return c.useEffect(() => {
+      const s = o.current;
+      if (s) return Ln(s);
+    }, []), /* @__PURE__ */ r(
+      se,
+      {
+        ...e,
+        ref: a,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: h(
+          e.onFocusOutside,
+          (s) => s.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), at = c.forwardRef((e, t) => {
+  const n = x(_, e.__scopeMenu);
+  return /* @__PURE__ */ r(
+    se,
+    {
+      ...e,
+      ref: t,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), st = An("MenuContent.ScrollLock"), se = c.forwardRef(
+  (e, t) => {
+    const {
+      __scopeMenu: n,
+      loop: o = !1,
+      trapFocus: a,
+      onOpenAutoFocus: s,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: d,
+      onEntryFocus: f,
+      onEscapeKeyDown: m,
+      onPointerDownOutside: p,
+      onFocusOutside: u,
+      onInteractOutside: v,
+      onDismiss: b,
+      disableOutsideScroll: g,
+      ...D
+    } = e, N = x(_, n), y = $(_, n), mn = K(n), vn = ye(n), le = Jn(n), [hn, pe] = c.useState(null), U = c.useRef(null), gn = G(t, U, N.onContentChange), B = c.useRef(0), j = c.useRef(""), wn = c.useRef(0), Z = c.useRef(null), fe = c.useRef("right"), J = c.useRef(0), Mn = g ? Fn : c.Fragment, bn = g ? { as: st, allowPinchZoom: !0 } : void 0, _n = (l) => {
+      const I = j.current + l, R = le().filter((M) => !M.disabled), A = document.activeElement, Q = R.find((M) => M.ref.current === A)?.textValue, ee = R.map((M) => M.textValue), me = wt(ee, I, Q), T = R.find((M) => M.textValue === me)?.ref.current;
+      (function M(ve) {
+        j.current = ve, window.clearTimeout(B.current), ve !== "" && (B.current = window.setTimeout(() => M(""), 1e3));
+      })(I), T && setTimeout(() => T.focus());
+    };
+    c.useEffect(() => () => window.clearTimeout(B.current), []), Gn();
+    const P = c.useCallback((l) => fe.current === Z.current?.side && bt(l, Z.current?.area), []);
+    return /* @__PURE__ */ r(
+      ot,
+      {
+        scope: n,
+        searchRef: j,
+        onItemEnter: c.useCallback(
+          (l) => {
+            P(l) && l.preventDefault();
+          },
+          [P]
+        ),
+        onItemLeave: c.useCallback(
+          (l) => {
+            P(l) || (U.current?.focus(), pe(null));
+          },
+          [P]
+        ),
+        onTriggerLeave: c.useCallback(
+          (l) => {
+            P(l) && l.preventDefault();
+          },
+          [P]
+        ),
+        pointerGraceTimerRef: wn,
+        onPointerGraceIntentChange: c.useCallback((l) => {
+          Z.current = l;
+        }, []),
+        children: /* @__PURE__ */ r(Mn, { ...bn, children: /* @__PURE__ */ r(
+          Kn,
+          {
+            asChild: !0,
+            trapped: a,
+            onMountAutoFocus: h(s, (l) => {
+              l.preventDefault(), U.current?.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: i,
+            children: /* @__PURE__ */ r(
+              On,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: d,
+                onEscapeKeyDown: m,
+                onPointerDownOutside: p,
+                onFocusOutside: u,
+                onInteractOutside: v,
+                onDismiss: b,
+                children: /* @__PURE__ */ r(
+                  zn,
+                  {
+                    asChild: !0,
+                    ...vn,
+                    dir: y.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: hn,
+                    onCurrentTabStopIdChange: pe,
+                    onEntryFocus: h(f, (l) => {
+                      y.isUsingKeyboardRef.current || l.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ r(
+                      Un,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": He(N.open),
+                        "data-radix-menu-content": "",
+                        dir: y.dir,
+                        ...mn,
+                        ...D,
+                        ref: gn,
+                        style: { outline: "none", ...D.style },
+                        onKeyDown: h(D.onKeyDown, (l) => {
+                          const R = l.target.closest("[data-radix-menu-content]") === l.currentTarget, A = l.ctrlKey || l.altKey || l.metaKey, Q = l.key.length === 1;
+                          R && (l.key === "Tab" && l.preventDefault(), !A && Q && _n(l.key));
+                          const ee = U.current;
+                          if (l.target !== ee || !Hn.includes(l.key)) return;
+                          l.preventDefault();
+                          const T = le().filter((M) => !M.disabled).map((M) => M.ref.current);
+                          Se.includes(l.key) && T.reverse(), ht(T);
+                        }),
+                        onBlur: h(e.onBlur, (l) => {
+                          l.currentTarget.contains(l.target) || (window.clearTimeout(B.current), j.current = "");
+                        }),
+                        onPointerMove: h(
+                          e.onPointerMove,
+                          L((l) => {
+                            const I = l.target, R = J.current !== l.clientX;
+                            if (l.currentTarget.contains(I) && R) {
+                              const A = l.clientX > J.current ? "right" : "left";
+                              fe.current = A, J.current = l.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Ae.displayName = _;
+var ct = "MenuGroup", ce = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ r(E.div, { role: "group", ...o, ref: t });
+  }
+);
+ce.displayName = ct;
+var ut = "MenuLabel", Te = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ r(E.div, { ...o, ref: t });
+  }
+);
+Te.displayName = ut;
+var z = "MenuItem", he = "menu.itemSelect", H = c.forwardRef(
+  (e, t) => {
+    const { disabled: n = !1, onSelect: o, ...a } = e, s = c.useRef(null), i = $(z, e.__scopeMenu), d = ae(z, e.__scopeMenu), f = G(t, s), m = c.useRef(!1), p = () => {
+      const u = s.current;
+      if (!n && u) {
+        const v = new CustomEvent(he, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(he, (b) => o?.(b), { once: !0 }), Nn(u, v), v.defaultPrevented ? m.current = !1 : i.onClose();
+      }
+    };
+    return /* @__PURE__ */ r(
+      ke,
+      {
+        ...a,
+        ref: f,
+        disabled: n,
+        onClick: h(e.onClick, p),
+        onPointerDown: (u) => {
+          e.onPointerDown?.(u), m.current = !0;
+        },
+        onPointerUp: h(e.onPointerUp, (u) => {
+          m.current || u.currentTarget?.click();
+        }),
+        onKeyDown: h(e.onKeyDown, (u) => {
+          const v = d.searchRef.current !== "";
+          n || v && u.key === " " || ne.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        })
+      }
+    );
+  }
+);
+H.displayName = z;
+var ke = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, disabled: o = !1, textValue: a, ...s } = e, i = ae(z, n), d = ye(n), f = c.useRef(null), m = G(t, f), [p, u] = c.useState(!1), [v, b] = c.useState("");
+    return c.useEffect(() => {
+      const g = f.current;
+      g && b((g.textContent ?? "").trim());
+    }, [s.children]), /* @__PURE__ */ r(
+      O.ItemSlot,
+      {
+        scope: n,
+        disabled: o,
+        textValue: a ?? v,
+        children: /* @__PURE__ */ r(Vn, { asChild: !0, ...d, focusable: !o, children: /* @__PURE__ */ r(
+          E.div,
+          {
+            role: "menuitem",
+            "data-highlighted": p ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...s,
+            ref: m,
+            onPointerMove: h(
+              e.onPointerMove,
+              L((g) => {
+                o ? i.onItemLeave(g) : (i.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: h(
+              e.onPointerLeave,
+              L((g) => i.onItemLeave(g))
+            ),
+            onFocus: h(e.onFocus, () => u(!0)),
+            onBlur: h(e.onBlur, () => u(!1))
+          }
+        ) })
+      }
+    );
+  }
+), it = "MenuCheckboxItem", Oe = c.forwardRef(
+  (e, t) => {
+    const { checked: n = !1, onCheckedChange: o, ...a } = e;
+    return /* @__PURE__ */ r($e, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ r(
+      H,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": W(n) ? "mixed" : n,
+        ...a,
+        ref: t,
+        "data-state": de(n),
+        onSelect: h(
+          a.onSelect,
+          () => o?.(W(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Oe.displayName = it;
+var Le = "MenuRadioGroup", [dt, lt] = S(
+  Le,
+  { value: void 0, onValueChange: () => {
+  } }
+), Ge = c.forwardRef(
+  (e, t) => {
+    const { value: n, onValueChange: o, ...a } = e, s = te(o);
+    return /* @__PURE__ */ r(dt, { scope: e.__scopeMenu, value: n, onValueChange: s, children: /* @__PURE__ */ r(ce, { ...a, ref: t }) });
+  }
+);
+Ge.displayName = Le;
+var Fe = "MenuRadioItem", Ke = c.forwardRef(
+  (e, t) => {
+    const { value: n, ...o } = e, a = lt(Fe, e.__scopeMenu), s = n === a.value;
+    return /* @__PURE__ */ r($e, { scope: e.__scopeMenu, checked: s, children: /* @__PURE__ */ r(
+      H,
+      {
+        role: "menuitemradio",
+        "aria-checked": s,
+        ...o,
+        ref: t,
+        "data-state": de(s),
+        onSelect: h(
+          o.onSelect,
+          () => a.onValueChange?.(n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Ke.displayName = Fe;
+var ue = "MenuItemIndicator", [$e, pt] = S(
+  ue,
+  { checked: !1 }
+), Ue = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, forceMount: o, ...a } = e, s = pt(ue, n);
+    return /* @__PURE__ */ r(
+      Y,
+      {
+        present: o || W(s.checked) || s.checked === !0,
+        children: /* @__PURE__ */ r(
+          E.span,
+          {
+            ...a,
+            ref: t,
+            "data-state": de(s.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Ue.displayName = ue;
+var ft = "MenuSeparator", Be = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ r(
+      E.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: t
+      }
+    );
+  }
+);
+Be.displayName = ft;
+var mt = "MenuArrow", je = c.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e, a = K(n);
+    return /* @__PURE__ */ r(Bn, { ...a, ...o, ref: t });
+  }
+);
+je.displayName = mt;
+var ie = "MenuSub", [vt, Ve] = S(ie), ze = (e) => {
+  const { __scopeMenu: t, children: n, open: o = !1, onOpenChange: a } = e, s = x(ie, t), i = K(t), [d, f] = c.useState(null), [m, p] = c.useState(null), u = te(a);
+  return c.useEffect(() => (s.open === !1 && u(!1), () => u(!1)), [s.open, u]), /* @__PURE__ */ r(_e, { ...i, children: /* @__PURE__ */ r(
+    Pe,
+    {
+      scope: t,
+      open: o,
+      onOpenChange: u,
+      content: m,
+      onContentChange: p,
+      children: /* @__PURE__ */ r(
+        vt,
+        {
+          scope: t,
+          contentId: V(),
+          triggerId: V(),
+          trigger: d,
+          onTriggerChange: f,
+          children: n
+        }
+      )
+    }
+  ) });
+};
+ze.displayName = ie;
+var k = "MenuSubTrigger", We = c.forwardRef(
+  (e, t) => {
+    const n = x(k, e.__scopeMenu), o = $(k, e.__scopeMenu), a = Ve(k, e.__scopeMenu), s = ae(k, e.__scopeMenu), i = c.useRef(null), { pointerGraceTimerRef: d, onPointerGraceIntentChange: f } = s, m = { __scopeMenu: e.__scopeMenu }, p = c.useCallback(() => {
+      i.current && window.clearTimeout(i.current), i.current = null;
+    }, []);
+    return c.useEffect(() => p, [p]), c.useEffect(() => {
+      const u = d.current;
+      return () => {
+        window.clearTimeout(u), f(null);
+      };
+    }, [d, f]), /* @__PURE__ */ r(oe, { asChild: !0, ...m, children: /* @__PURE__ */ r(
+      ke,
+      {
+        id: a.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": a.contentId,
+        "data-state": He(n.open),
+        ...e,
+        ref: ge(t, a.onTriggerChange),
+        onClick: (u) => {
+          e.onClick?.(u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: h(
+          e.onPointerMove,
+          L((u) => {
+            s.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (s.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
+              n.onOpenChange(!0), p();
+            }, 100));
+          })
+        ),
+        onPointerLeave: h(
+          e.onPointerLeave,
+          L((u) => {
+            p();
+            const v = n.content?.getBoundingClientRect();
+            if (v) {
+              const b = n.content?.dataset.side, g = b === "right", D = g ? -5 : 5, N = v[g ? "left" : "right"], y = v[g ? "right" : "left"];
+              s.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: u.clientX + D, y: u.clientY },
+                  { x: N, y: v.top },
+                  { x: y, y: v.top },
+                  { x: y, y: v.bottom },
+                  { x: N, y: v.bottom }
+                ],
+                side: b
+              }), window.clearTimeout(d.current), d.current = window.setTimeout(
+                () => s.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (s.onTriggerLeave(u), u.defaultPrevented) return;
+              s.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: h(e.onKeyDown, (u) => {
+          const v = s.searchRef.current !== "";
+          e.disabled || v && u.key === " " || qn[o.dir].includes(u.key) && (n.onOpenChange(!0), n.content?.focus(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+We.displayName = k;
+var Xe = "MenuSubContent", Ye = c.forwardRef(
+  (e, t) => {
+    const n = Ee(_, e.__scopeMenu), { forceMount: o = n.forceMount, ...a } = e, s = x(_, e.__scopeMenu), i = $(_, e.__scopeMenu), d = Ve(Xe, e.__scopeMenu), f = c.useRef(null), m = G(t, f);
+    return /* @__PURE__ */ r(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ r(Y, { present: o || s.open, children: /* @__PURE__ */ r(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ r(
+      se,
+      {
+        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: (p) => {
+          i.isUsingKeyboardRef.current && f.current?.focus(), p.preventDefault();
+        },
+        onCloseAutoFocus: (p) => p.preventDefault(),
+        onFocusOutside: h(e.onFocusOutside, (p) => {
+          p.target !== d.trigger && s.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: h(e.onEscapeKeyDown, (p) => {
+          i.onClose(), p.preventDefault();
+        }),
+        onKeyDown: h(e.onKeyDown, (p) => {
+          const u = p.currentTarget.contains(p.target), v = Zn[i.dir].includes(p.key);
+          u && v && (s.onOpenChange(!1), d.trigger?.focus(), p.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Ye.displayName = Xe;
+function He(e) {
+  return e ? "open" : "closed";
+}
+function W(e) {
+  return e === "indeterminate";
+}
+function de(e) {
+  return W(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function ht(e) {
+  const t = document.activeElement;
+  for (const n of e)
+    if (n === t || (n.focus(), document.activeElement !== t)) return;
+}
+function gt(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
+}
+function wt(e, t, n) {
+  const a = t.length > 1 && Array.from(t).every((m) => m === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
+  let i = gt(e, Math.max(s, 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 Mt(e, t) {
+  const { x: n, y: o } = e;
+  let a = !1;
+  for (let s = 0, i = t.length - 1; s < t.length; i = s++) {
+    const d = t[s], f = t[i], m = d.x, p = d.y, u = f.x, v = f.y;
+    p > o != v > o && n < (u - m) * (o - p) / (v - p) + m && (a = !a);
+  }
+  return a;
+}
+function bt(e, t) {
+  if (!t) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return Mt(n, t);
+}
+function L(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var _t = Ie, Ct = oe, xt = Ne, Rt = Ae, St = ce, Dt = Te, yt = H, Pt = Oe, It = Ge, Et = Ke, Nt = Ue, At = Be, Tt = je, kt = ze, Ot = We, Lt = Ye, q = "DropdownMenu", [Gt] = we(
+  q,
+  [De]
+), w = De(), [Ft, qe] = Gt(q), Ze = (e) => {
+  const {
+    __scopeDropdownMenu: t,
+    children: n,
+    dir: o,
+    open: a,
+    defaultOpen: s,
+    onOpenChange: i,
+    modal: d = !0
+  } = e, f = w(t), m = c.useRef(null), [p, u] = Me({
+    prop: a,
+    defaultProp: s ?? !1,
+    onChange: i,
+    caller: q
+  });
+  return /* @__PURE__ */ r(
+    Ft,
+    {
+      scope: t,
+      triggerId: V(),
+      triggerRef: m,
+      contentId: V(),
+      open: p,
+      onOpenChange: u,
+      onOpenToggle: c.useCallback(() => u((v) => !v), [u]),
+      modal: d,
+      children: /* @__PURE__ */ r(_t, { ...f, open: p, onOpenChange: u, dir: o, modal: d, children: n })
+    }
+  );
+};
+Ze.displayName = q;
+var Je = "DropdownMenuTrigger", Qe = c.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, disabled: o = !1, ...a } = e, s = qe(Je, n), i = w(n);
+    return /* @__PURE__ */ r(Ct, { asChild: !0, ...i, children: /* @__PURE__ */ r(
+      E.button,
+      {
+        type: "button",
+        id: s.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": s.open,
+        "aria-controls": s.open ? s.contentId : void 0,
+        "data-state": s.open ? "open" : "closed",
+        "data-disabled": o ? "" : void 0,
+        disabled: o,
+        ...a,
+        ref: ge(t, s.triggerRef),
+        onPointerDown: h(e.onPointerDown, (d) => {
+          !o && d.button === 0 && d.ctrlKey === !1 && (s.onOpenToggle(), s.open || d.preventDefault());
+        }),
+        onKeyDown: h(e.onKeyDown, (d) => {
+          o || (["Enter", " "].includes(d.key) && s.onOpenToggle(), d.key === "ArrowDown" && s.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Qe.displayName = Je;
+var Kt = "DropdownMenuPortal", en = (e) => {
+  const { __scopeDropdownMenu: t, ...n } = e, o = w(t);
+  return /* @__PURE__ */ r(xt, { ...o, ...n });
+};
+en.displayName = Kt;
+var nn = "DropdownMenuContent", tn = c.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = qe(nn, n), s = w(n), i = c.useRef(!1);
+    return /* @__PURE__ */ r(
+      Rt,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...s,
+        ...o,
+        ref: t,
+        onCloseAutoFocus: h(e.onCloseAutoFocus, (d) => {
+          i.current || a.triggerRef.current?.focus(), i.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: h(e.onInteractOutside, (d) => {
+          const f = d.detail.originalEvent, m = f.button === 0 && f.ctrlKey === !0, p = f.button === 2 || m;
+          (!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)"
+        }
+      }
+    );
+  }
+);
+tn.displayName = nn;
+var $t = "DropdownMenuGroup", on = c.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+    return /* @__PURE__ */ r(St, { ...a, ...o, ref: t });
+  }
+);
+on.displayName = $t;
+var Ut = "DropdownMenuLabel", rn = c.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+    return /* @__PURE__ */ r(Dt, { ...a, ...o, ref: t });
+  }
+);
+rn.displayName = Ut;
+var Bt = "DropdownMenuItem", an = c.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+    return /* @__PURE__ */ r(yt, { ...a, ...o, ref: t });
+  }
+);
+an.displayName = Bt;
+var jt = "DropdownMenuCheckboxItem", sn = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(Pt, { ...a, ...o, ref: t });
+});
+sn.displayName = jt;
+var Vt = "DropdownMenuRadioGroup", zt = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(It, { ...a, ...o, ref: t });
+});
+zt.displayName = Vt;
+var Wt = "DropdownMenuRadioItem", Xt = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(Et, { ...a, ...o, ref: t });
+});
+Xt.displayName = Wt;
+var Yt = "DropdownMenuItemIndicator", cn = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(Nt, { ...a, ...o, ref: t });
+});
+cn.displayName = Yt;
+var Ht = "DropdownMenuSeparator", un = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(At, { ...a, ...o, ref: t });
+});
+un.displayName = Ht;
+var qt = "DropdownMenuArrow", Zt = c.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+    return /* @__PURE__ */ r(Tt, { ...a, ...o, ref: t });
+  }
+);
+Zt.displayName = qt;
+var Jt = (e) => {
+  const { __scopeDropdownMenu: t, children: n, open: o, onOpenChange: a, defaultOpen: s } = e, i = w(t), [d, f] = Me({
+    prop: o,
+    defaultProp: s ?? !1,
+    onChange: a,
+    caller: "DropdownMenuSub"
+  });
+  return /* @__PURE__ */ r(kt, { ...i, open: d, onOpenChange: f, children: n });
+}, Qt = "DropdownMenuSubTrigger", dn = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(Ot, { ...a, ...o, ref: t });
+});
+dn.displayName = Qt;
+var eo = "DropdownMenuSubContent", ln = c.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, a = w(n);
+  return /* @__PURE__ */ r(
+    Lt,
+    {
+      ...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)"
+      }
+    }
+  );
+});
+ln.displayName = eo;
+var no = Ze, to = Qe, oo = en, ro = tn, ao = on, so = rn, co = an, uo = sn, io = cn, lo = un, po = Jt, fo = dn, mo = ln;
+const pn = Pn(void 0);
+function Xo({
+  align: e = "end",
+  sideOffset: t = 6,
+  showScrollArea: n = !0,
+  maxHeight: o = 320,
+  children: a,
+  ...s
+}) {
+  const i = In(
+    () => ({
+      align: e,
+      sideOffset: t,
+      showScrollArea: n,
+      maxHeight: o
+    }),
+    [e, t, n, o]
+  );
+  return /* @__PURE__ */ r(pn.Provider, { value: i, children: /* @__PURE__ */ r(no, { "data-slot": "dropdown-menu-root", ...s, children: a }) });
+}
+function fn() {
+  const e = En(pn);
+  if (e === void 0)
+    throw new Error("useDropdownMenu must be used within a DropdownMenuRoot");
+  return e;
+}
+function Yo({ ...e }) {
+  return /* @__PURE__ */ r(to, { "data-slot": "dropdown-menu-trigger", ...e });
+}
+function Ho({ className: e, children: t, ...n }) {
+  const { align: o, sideOffset: a } = fn();
+  return /* @__PURE__ */ r(
+    ro,
+    {
+      align: o,
+      className: C(
+        "z-50 min-w-32 rounded-2xl border border-[var(--dropdown-menu-border,hsl(var(--contrast-100)))] bg-[var(--dropdown-menu-background,hsl(var(--background)))] shadow-xl",
+        // Open styles
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        // Closed styles
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        e
+      ),
+      "data-slot": "dropdown-menu-content",
+      sideOffset: a,
+      ...n,
+      children: t
+    }
+  );
+}
+function vo({
+  className: e,
+  variant: t = "default",
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    co,
+    {
+      className: C(
+        "flex h-9 cursor-pointer select-none items-center rounded-lg bg-[var(--dropdown-menu-item-background,transparent)] py-2 pl-3 pr-5 outline-none transition-colors",
+        // Font styles
+        "font-[family-name:var(--dropdown-menu-item-font-family,var(--font-family-body))] text-sm font-medium",
+        // Disabled styles
+        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        // Default variant styles
+        "data-[variant=default]:text-[var(--dropdown-menu-item-text,hsl(var(--contrast-500)))] data-[variant=default]:[&:not([data-disabled])]:focus:bg-[var(--dropdown-menu-item-background-hover,hsl(var(--contrast-100)))] data-[variant=default]:[&:not([data-disabled])]:focus:text-[var(--dropdown-menu-item-text-hover,hsl(var(--foreground)))]",
+        // Danger variant styles
+        "data-[variant=danger]:text-[var(--dropdown-menu-item-danger-text,hsl(var(--error)))] data-[variant=danger]:[&:not([data-disabled])]:focus:bg-[var(--dropdown-menu-item-danger-background-hover,color-mix(in_oklab,hsl(var(--error)),white_75%))] data-[variant=danger]:[&:not([data-disabled])]:focus:text-[var(--dropdown-menu-item-danger-text-hover,color-mix(in_oklab,hsl(var(--error)),black_75%))]",
+        e
+      ),
+      "data-slot": "dropdown-menu-item",
+      "data-variant": t,
+      ...o,
+      children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: n })
+    }
+  );
+}
+function ho({
+  className: e,
+  variant: t = "default",
+  children: n,
+  checked: o,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    uo,
+    {
+      checked: o,
+      className: C(
+        "flex h-9 w-full cursor-pointer select-none items-center rounded-lg bg-[var(--dropdown-menu-item-background,transparent)] pl-3 pr-1.5 outline-none transition-colors",
+        // Font styles
+        "font-[family-name:var(--dropdown-menu-item-font-family,var(--font-family-body))] text-sm font-normal",
+        // Disabled styles
+        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        // Default variant styles
+        "data-[variant=default]:text-[var(--dropdown-menu-item-text,hsl(var(--contrast-500)))] data-[variant=default]:[&:not([data-disabled])]:focus:bg-[var(--dropdown-menu-item-background-hover,hsl(var(--contrast-100)))] data-[variant=default]:[&:not([data-disabled])]:focus:text-[var(--dropdown-menu-item-text-hover,hsl(var(--foreground)))]",
+        // Danger variant styles
+        "data-[variant=danger]:text-[var(--dropdown-menu-item-danger-text,hsl(var(--error)))] data-[variant=danger]:[&:not([data-disabled])]:focus:bg-[var(--dropdown-menu-item-danger-background-hover,color-mix(in_oklab,hsl(var(--error)),white_75%))] data-[variant=danger]:[&:not([data-disabled])]:focus:text-[var(--dropdown-menu-item-danger-text-hover,color-mix(in_oklab,hsl(var(--error)),black_75%))]",
+        e
+      ),
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-variant": t,
+      ...a,
+      children: /* @__PURE__ */ X("div", { className: "flex flex-1 items-center justify-between gap-2", children: [
+        n,
+        /* @__PURE__ */ r("span", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ r(io, { children: /* @__PURE__ */ r(Wn, { absoluteStrokeWidth: !0, size: 16, strokeWidth: 1.5 }) }) })
+      ] })
+    }
+  );
+}
+function qo({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
+    so,
+    {
+      className: C("sr-only", e),
+      "data-slot": "dropdown-menu-label",
+      ...t
+    }
+  );
+}
+function go({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
+    ao,
+    {
+      className: C("flex flex-col gap-0.5", e),
+      "data-slot": "dropdown-menu-group",
+      ...t
+    }
+  );
+}
+function wo({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
+    lo,
+    {
+      className: C(
+        "relative my-1.5 after:absolute after:-left-2 after:-right-5 after:h-px after:bg-[var(--dropdown-menu-seperator,hsl(var(--contrast-100)))]",
+        e
+      ),
+      "data-slot": "dropdown-menu-separator",
+      ...t
+    }
+  );
+}
+function Mo({ ...e }) {
+  return /* @__PURE__ */ r(oo, { "data-slot": "dropdown-menu-portal", ...e });
+}
+function bo({
+  className: e,
+  children: t,
+  orientation: n = "vertical",
+  scrollHideDelay: o = 500,
+  type: a = "hover",
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    Cn,
+    {
+      orientation: n,
+      scrollHideDelay: o,
+      type: a,
+      children: /* @__PURE__ */ X(xn, { className: e, ...s, children: [
+        /* @__PURE__ */ r(Rn, { children: t }),
+        /* @__PURE__ */ r(Sn, { children: /* @__PURE__ */ r(Dn, {}) }),
+        /* @__PURE__ */ r(yn, {})
+      ] })
+    }
+  );
+}
+function _o({
+  className: e,
+  children: t,
+  ...n
+}) {
+  const { showScrollArea: o, maxHeight: a } = fn();
+  return /* @__PURE__ */ r(
+    bo,
+    {
+      className: C(o && "flex flex-col"),
+      style: { maxHeight: o ? `${a}px` : void 0 },
+      ...n,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: C("flex flex-col gap-0.5 rounded-[inherit] p-2", e),
+          "data-slot": "dropdown-menu-scroll-area",
+          children: t
+        }
+      )
+    }
+  );
+}
+function Co({ ...e }) {
+  return /* @__PURE__ */ r(po, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function xo({
+  children: e,
+  variant: t = "default",
+  className: n,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    fo,
+    {
+      className: C(
+        "flex h-9 cursor-pointer select-none items-center rounded-lg bg-[var(--dropdown-menu-item-background,transparent)] pl-3 pr-1 outline-none transition-colors",
+        // Font styles
+        "font-[family-name:var(--dropdown-menu-item-font-family,var(--font-family-body))] text-sm font-normal",
+        // Disabled styles
+        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        // Default variant styles
+        "data-[variant=default]:text-[var(--dropdown-menu-item-text,hsl(var(--contrast-500)))] data-[variant=default]:[&:not([data-disabled])]:focus:bg-[var(--dropdown-menu-item-background-hover,hsl(var(--contrast-100)))] data-[variant=default]:[&:not([data-disabled])]:focus:text-[var(--dropdown-menu-item-text-hover,hsl(var(--foreground)))]",
+        // Danger variant styles
+        "data-[variant=danger]:text-[var(--dropdown-menu-item-danger-text,hsl(var(--error)))] data-[variant=danger]:[&:not([data-disabled])]:focus:bg-[var(--dropdown-menu-item-danger-background-hover,color-mix(in_oklab,hsl(var(--error)),white_75%))] data-[variant=danger]:[&:not([data-disabled])]:focus:text-[var(--dropdown-menu-item-danger-text-hover,color-mix(in_oklab,hsl(var(--error)),black_75%))]",
+        n
+      ),
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-variant": t,
+      ...o,
+      children: /* @__PURE__ */ X("div", { className: "flex flex-1 items-center justify-between gap-2", children: [
+        e,
+        /* @__PURE__ */ r("span", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ r(Re, { absoluteStrokeWidth: !0, size: 16, strokeWidth: 1.5 }) })
+      ] })
+    }
+  );
+}
+function Ro({
+  className: e,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ r(
+    mo,
+    {
+      className: C(
+        "z-50 min-w-32 origin-top-left rounded-2xl border border-[var(--dropdown-menu-border,hsl(var(--contrast-100)))] bg-[var(--dropdown-menu-background,hsl(var(--background)))] shadow-xl",
+        // Open styles
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        // Closed styles
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        // Bottom slide in
+        "data-[side=bottom]:slide-in-from-top-2",
+        // Left slide in
+        "data-[side=left]:slide-in-from-right-2",
+        // Right slide in
+        "data-[side=right]:slide-in-from-left-2",
+        // Top slide in
+        "data-[side=top]:slide-in-from-bottom-2",
+        e
+      ),
+      "data-slot": "dropdown-menu-sub-content",
+      ...n,
+      children: t
+    }
+  );
+}
+function Zo({ menuNode: e, menuKey: t }) {
+  function n(o, a) {
+    switch (o.type) {
+      case "item":
+        return /* @__PURE__ */ r(vo, { ...o.props }, a);
+      case "checkbox":
+        return /* @__PURE__ */ r(ho, { ...o.props }, a);
+      case "separator":
+        return /* @__PURE__ */ r(wo, { ...o.props }, a);
+      case "group":
+        return /* @__PURE__ */ r(go, { ...o.props, children: o.items.map((s, i) => n(s, String(i))) }, a);
+      case "sub":
+        return /* @__PURE__ */ X(Co, { ...o.props, children: [
+          /* @__PURE__ */ r(xo, { ...o.trigger.props }),
+          o.content && /* @__PURE__ */ r(Mo, { children: /* @__PURE__ */ r(
+            Ro,
+            {
+              alignOffset: -8,
+              className: C(o.content.props?.className),
+              ...o.content.props,
+              children: /* @__PURE__ */ r(_o, { children: o.content.items.map((s, i) => n(s, String(i))) })
+            }
+          ) })
+        ] }, a);
+    }
+  }
+  return n(e, t);
+}
+export {
+  Xo as D,
+  bo as S,
+  Yo as a,
+  Ho as b,
+  vo as c,
+  ho as d,
+  qo as e,
+  go as f,
+  wo as g,
+  Mo as h,
+  _o as i,
+  Co as j,
+  xo as k,
+  Ro as l,
+  Zo as m,
+  Wo as n,
+  fn as u
+};
+//# sourceMappingURL=dropdown-menu-node-x6qIrxA6.js.map