ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/dropdown.js

@@ -0,0 +1,1152 @@
+import { jsx as c, jsxs as H } from "react/jsx-runtime";
+import { c as Bn } from "../cn-dsXlqdJg.js";
+import { u as R } from "../ComponentVariantProvider-B0SFUaXB.js";
+import * as a from "react";
+import { P as E, c as v, d as Vn, a as jn } from "../index-CFaU3UXv.js";
+import { u as F, c as ze } from "../index-DLcqcWxM.js";
+import { c as Xe } from "../index-DFZozV_h.js";
+import { u as Ye } from "../index-437EL2iq.js";
+import { c as zn } from "../index-DHsfW5Rj.js";
+import { u as Xn } from "../index-ByaXH_ih.js";
+import { P as Yn, D as Hn } from "../index-_ITz1IyW.js";
+import { h as Wn, u as Zn, R as qn, F as Jn } from "../index-BzCriPiK.js";
+import { u as z } from "../index-xqkGMOJ8.js";
+import { c as He, R as We, A as Qn, a as eo, C as no } from "../index-DRo26PBK.js";
+import { P as W } from "../index-BpWB3aFK.js";
+import { c as Ze, I as oo, R as to } from "../index-DHyZ_0Ut.js";
+import { u as se } from "../index-0ioNhtNM.js";
+import { T as y } from "../index-BVqs-uqP.js";
+import { T as ro } from "../TriggerButton-CfDObWP9.js";
+import { I as ao } from "../Icon-DH3ev9GK.js";
+import { m as Z } from "../MenuItem-pvsONHlh.js";
+import { m as so } from "../MenuItemShortcut-DgPol9Nz.js";
+import { u as qe } from "../usePortalContainer-ae6EzS08.js";
+import { M as co } from "../minus-BltQa7Q2.js";
+import { C as Je } from "../check-CeyaOoZv.js";
+import { C as io } from "../chevron-right-D3juAhA-.js";
+import { S as uo } from "../search-CDdgqSGg.js";
+var ae = ["Enter", " "], lo = ["ArrowDown", "PageUp", "Home"], Qe = ["ArrowUp", "PageDown", "End"], po = [...lo, ...Qe], fo = {
+  ltr: [...ae, "ArrowRight"],
+  rtl: [...ae, "ArrowLeft"]
+}, mo = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, K = "Menu", [L, ho, vo] = zn(K), [D, en] = Xe(K, [
+  vo,
+  He,
+  Ze
+]), $ = He(), nn = Ze(), [on, _] = D(K), [go, U] = D(K), tn = (e) => {
+  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: s, modal: i = !0 } = e, d = $(o), [f, m] = a.useState(null), l = a.useRef(!1), u = se(s), h = Xn(r);
+  return a.useEffect(() => {
+    const M = () => {
+      l.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
+    }, g = () => l.current = !1;
+    return document.addEventListener("keydown", M, { capture: !0 }), () => {
+      document.removeEventListener("keydown", M, { capture: !0 }), document.removeEventListener("pointerdown", g, { capture: !0 }), document.removeEventListener("pointermove", g, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ c(We, { ...d, children: /* @__PURE__ */ c(
+    on,
+    {
+      scope: o,
+      open: n,
+      onOpenChange: u,
+      content: f,
+      onContentChange: m,
+      children: /* @__PURE__ */ c(
+        go,
+        {
+          scope: o,
+          onClose: a.useCallback(() => u(!1), [u]),
+          isUsingKeyboardRef: l,
+          dir: h,
+          modal: i,
+          children: t
+        }
+      )
+    }
+  ) });
+};
+tn.displayName = K;
+var Mo = "MenuAnchor", ce = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e, r = $(n);
+    return /* @__PURE__ */ c(Qn, { ...r, ...t, ref: o });
+  }
+);
+ce.displayName = Mo;
+var ie = "MenuPortal", [wo, rn] = D(ie, {
+  forceMount: void 0
+}), an = (e) => {
+  const { __scopeMenu: o, forceMount: n, children: t, container: r } = e, s = _(ie, o);
+  return /* @__PURE__ */ c(wo, { scope: o, forceMount: n, children: /* @__PURE__ */ c(W, { present: n || s.open, children: /* @__PURE__ */ c(Yn, { asChild: !0, container: r, children: t }) }) });
+};
+an.displayName = ie;
+var C = "MenuContent", [bo, ue] = D(C), sn = a.forwardRef(
+  (e, o) => {
+    const n = rn(C, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, s = _(C, e.__scopeMenu), i = U(C, e.__scopeMenu);
+    return /* @__PURE__ */ c(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(W, { present: t || s.open, children: /* @__PURE__ */ c(L.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ c(Co, { ...r, ref: o }) : /* @__PURE__ */ c(yo, { ...r, ref: o }) }) }) });
+  }
+), Co = a.forwardRef(
+  (e, o) => {
+    const n = _(C, e.__scopeMenu), t = a.useRef(null), r = F(o, t);
+    return a.useEffect(() => {
+      const s = t.current;
+      if (s) return Wn(s);
+    }, []), /* @__PURE__ */ c(
+      de,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: v(
+          e.onFocusOutside,
+          (s) => s.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), yo = a.forwardRef((e, o) => {
+  const n = _(C, e.__scopeMenu);
+  return /* @__PURE__ */ c(
+    de,
+    {
+      ...e,
+      ref: o,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), Ro = jn("MenuContent.ScrollLock"), de = a.forwardRef(
+  (e, o) => {
+    const {
+      __scopeMenu: n,
+      loop: t = !1,
+      trapFocus: r,
+      onOpenAutoFocus: s,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: d,
+      onEntryFocus: f,
+      onEscapeKeyDown: m,
+      onPointerDownOutside: l,
+      onFocusOutside: u,
+      onInteractOutside: h,
+      onDismiss: M,
+      disableOutsideScroll: g,
+      ...x
+    } = e, T = _(C, n), I = U(C, n), On = $(n), kn = nn(n), Ke = ho(n), [Ln, $e] = a.useState(null), B = a.useRef(null), Gn = F(o, B, T.onContentChange), V = a.useRef(0), j = a.useRef(""), Fn = a.useRef(0), ne = a.useRef(null), Ue = a.useRef("right"), oe = a.useRef(0), Kn = g ? qn : a.Fragment, $n = g ? { as: Ro, allowPinchZoom: !0 } : void 0, Un = (p) => {
+      const N = j.current + p, S = Ke().filter((b) => !b.disabled), A = document.activeElement, te = S.find((b) => b.ref.current === A)?.textValue, re = S.map((b) => b.textValue), Be = ko(re, N, te), O = S.find((b) => b.textValue === Be)?.ref.current;
+      (function b(Ve) {
+        j.current = Ve, window.clearTimeout(V.current), Ve !== "" && (V.current = window.setTimeout(() => b(""), 1e3));
+      })(N), O && setTimeout(() => O.focus());
+    };
+    a.useEffect(() => () => window.clearTimeout(V.current), []), Zn();
+    const P = a.useCallback((p) => Ue.current === ne.current?.side && Go(p, ne.current?.area), []);
+    return /* @__PURE__ */ c(
+      bo,
+      {
+        scope: n,
+        searchRef: j,
+        onItemEnter: a.useCallback(
+          (p) => {
+            P(p) && p.preventDefault();
+          },
+          [P]
+        ),
+        onItemLeave: a.useCallback(
+          (p) => {
+            P(p) || (B.current?.focus(), $e(null));
+          },
+          [P]
+        ),
+        onTriggerLeave: a.useCallback(
+          (p) => {
+            P(p) && p.preventDefault();
+          },
+          [P]
+        ),
+        pointerGraceTimerRef: Fn,
+        onPointerGraceIntentChange: a.useCallback((p) => {
+          ne.current = p;
+        }, []),
+        children: /* @__PURE__ */ c(Kn, { ...$n, children: /* @__PURE__ */ c(
+          Jn,
+          {
+            asChild: !0,
+            trapped: r,
+            onMountAutoFocus: v(s, (p) => {
+              p.preventDefault(), B.current?.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: i,
+            children: /* @__PURE__ */ c(
+              Hn,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: d,
+                onEscapeKeyDown: m,
+                onPointerDownOutside: l,
+                onFocusOutside: u,
+                onInteractOutside: h,
+                onDismiss: M,
+                children: /* @__PURE__ */ c(
+                  to,
+                  {
+                    asChild: !0,
+                    ...kn,
+                    dir: I.dir,
+                    orientation: "vertical",
+                    loop: t,
+                    currentTabStopId: Ln,
+                    onCurrentTabStopIdChange: $e,
+                    onEntryFocus: v(f, (p) => {
+                      I.isUsingKeyboardRef.current || p.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ c(
+                      no,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": _n(T.open),
+                        "data-radix-menu-content": "",
+                        dir: I.dir,
+                        ...On,
+                        ...x,
+                        ref: Gn,
+                        style: { outline: "none", ...x.style },
+                        onKeyDown: v(x.onKeyDown, (p) => {
+                          const S = p.target.closest("[data-radix-menu-content]") === p.currentTarget, A = p.ctrlKey || p.altKey || p.metaKey, te = p.key.length === 1;
+                          S && (p.key === "Tab" && p.preventDefault(), !A && te && Un(p.key));
+                          const re = B.current;
+                          if (p.target !== re || !po.includes(p.key)) return;
+                          p.preventDefault();
+                          const O = Ke().filter((b) => !b.disabled).map((b) => b.ref.current);
+                          Qe.includes(p.key) && O.reverse(), Ao(O);
+                        }),
+                        onBlur: v(e.onBlur, (p) => {
+                          p.currentTarget.contains(p.target) || (window.clearTimeout(V.current), j.current = "");
+                        }),
+                        onPointerMove: v(
+                          e.onPointerMove,
+                          G((p) => {
+                            const N = p.target, S = oe.current !== p.clientX;
+                            if (p.currentTarget.contains(N) && S) {
+                              const A = p.clientX > oe.current ? "right" : "left";
+                              Ue.current = A, oe.current = p.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+sn.displayName = C;
+var _o = "MenuGroup", le = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e;
+    return /* @__PURE__ */ c(E.div, { role: "group", ...t, ref: o });
+  }
+);
+le.displayName = _o;
+var So = "MenuLabel", cn = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e;
+    return /* @__PURE__ */ c(E.div, { ...t, ref: o });
+  }
+);
+cn.displayName = So;
+var X = "MenuItem", je = "menu.itemSelect", q = a.forwardRef(
+  (e, o) => {
+    const { disabled: n = !1, onSelect: t, ...r } = e, s = a.useRef(null), i = U(X, e.__scopeMenu), d = ue(X, e.__scopeMenu), f = F(o, s), m = a.useRef(!1), l = () => {
+      const u = s.current;
+      if (!n && u) {
+        const h = new CustomEvent(je, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(je, (M) => t?.(M), { once: !0 }), Vn(u, h), h.defaultPrevented ? m.current = !1 : i.onClose();
+      }
+    };
+    return /* @__PURE__ */ c(
+      un,
+      {
+        ...r,
+        ref: f,
+        disabled: n,
+        onClick: v(e.onClick, l),
+        onPointerDown: (u) => {
+          e.onPointerDown?.(u), m.current = !0;
+        },
+        onPointerUp: v(e.onPointerUp, (u) => {
+          m.current || u.currentTarget?.click();
+        }),
+        onKeyDown: v(e.onKeyDown, (u) => {
+          const h = d.searchRef.current !== "";
+          n || h && u.key === " " || ae.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        })
+      }
+    );
+  }
+);
+q.displayName = X;
+var un = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...s } = e, i = ue(X, n), d = nn(n), f = a.useRef(null), m = F(o, f), [l, u] = a.useState(!1), [h, M] = a.useState("");
+    return a.useEffect(() => {
+      const g = f.current;
+      g && M((g.textContent ?? "").trim());
+    }, [s.children]), /* @__PURE__ */ c(
+      L.ItemSlot,
+      {
+        scope: n,
+        disabled: t,
+        textValue: r ?? h,
+        children: /* @__PURE__ */ c(oo, { asChild: !0, ...d, focusable: !t, children: /* @__PURE__ */ c(
+          E.div,
+          {
+            role: "menuitem",
+            "data-highlighted": l ? "" : void 0,
+            "aria-disabled": t || void 0,
+            "data-disabled": t ? "" : void 0,
+            ...s,
+            ref: m,
+            onPointerMove: v(
+              e.onPointerMove,
+              G((g) => {
+                t ? i.onItemLeave(g) : (i.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: v(
+              e.onPointerLeave,
+              G((g) => i.onItemLeave(g))
+            ),
+            onFocus: v(e.onFocus, () => u(!0)),
+            onBlur: v(e.onBlur, () => u(!1))
+          }
+        ) })
+      }
+    );
+  }
+), Do = "MenuCheckboxItem", dn = a.forwardRef(
+  (e, o) => {
+    const { checked: n = !1, onCheckedChange: t, ...r } = e;
+    return /* @__PURE__ */ c(hn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ c(
+      q,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": Y(n) ? "mixed" : n,
+        ...r,
+        ref: o,
+        "data-state": me(n),
+        onSelect: v(
+          r.onSelect,
+          () => t?.(Y(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+dn.displayName = Do;
+var ln = "MenuRadioGroup", [xo, Io] = D(
+  ln,
+  { value: void 0, onValueChange: () => {
+  } }
+), pn = a.forwardRef(
+  (e, o) => {
+    const { value: n, onValueChange: t, ...r } = e, s = se(t);
+    return /* @__PURE__ */ c(xo, { scope: e.__scopeMenu, value: n, onValueChange: s, children: /* @__PURE__ */ c(le, { ...r, ref: o }) });
+  }
+);
+pn.displayName = ln;
+var fn = "MenuRadioItem", mn = a.forwardRef(
+  (e, o) => {
+    const { value: n, ...t } = e, r = Io(fn, e.__scopeMenu), s = n === r.value;
+    return /* @__PURE__ */ c(hn, { scope: e.__scopeMenu, checked: s, children: /* @__PURE__ */ c(
+      q,
+      {
+        role: "menuitemradio",
+        "aria-checked": s,
+        ...t,
+        ref: o,
+        "data-state": me(s),
+        onSelect: v(
+          t.onSelect,
+          () => r.onValueChange?.(n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+mn.displayName = fn;
+var pe = "MenuItemIndicator", [hn, Po] = D(
+  pe,
+  { checked: !1 }
+), vn = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, forceMount: t, ...r } = e, s = Po(pe, n);
+    return /* @__PURE__ */ c(
+      W,
+      {
+        present: t || Y(s.checked) || s.checked === !0,
+        children: /* @__PURE__ */ c(
+          E.span,
+          {
+            ...r,
+            ref: o,
+            "data-state": me(s.checked)
+          }
+        )
+      }
+    );
+  }
+);
+vn.displayName = pe;
+var No = "MenuSeparator", gn = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e;
+    return /* @__PURE__ */ c(
+      E.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...t,
+        ref: o
+      }
+    );
+  }
+);
+gn.displayName = No;
+var Eo = "MenuArrow", Mn = a.forwardRef(
+  (e, o) => {
+    const { __scopeMenu: n, ...t } = e, r = $(n);
+    return /* @__PURE__ */ c(eo, { ...r, ...t, ref: o });
+  }
+);
+Mn.displayName = Eo;
+var fe = "MenuSub", [To, wn] = D(fe), bn = (e) => {
+  const { __scopeMenu: o, children: n, open: t = !1, onOpenChange: r } = e, s = _(fe, o), i = $(o), [d, f] = a.useState(null), [m, l] = a.useState(null), u = se(r);
+  return a.useEffect(() => (s.open === !1 && u(!1), () => u(!1)), [s.open, u]), /* @__PURE__ */ c(We, { ...i, children: /* @__PURE__ */ c(
+    on,
+    {
+      scope: o,
+      open: t,
+      onOpenChange: u,
+      content: m,
+      onContentChange: l,
+      children: /* @__PURE__ */ c(
+        To,
+        {
+          scope: o,
+          contentId: z(),
+          triggerId: z(),
+          trigger: d,
+          onTriggerChange: f,
+          children: n
+        }
+      )
+    }
+  ) });
+};
+bn.displayName = fe;
+var k = "MenuSubTrigger", Cn = a.forwardRef(
+  (e, o) => {
+    const n = _(k, e.__scopeMenu), t = U(k, e.__scopeMenu), r = wn(k, e.__scopeMenu), s = ue(k, e.__scopeMenu), i = a.useRef(null), { pointerGraceTimerRef: d, onPointerGraceIntentChange: f } = s, m = { __scopeMenu: e.__scopeMenu }, l = a.useCallback(() => {
+      i.current && window.clearTimeout(i.current), i.current = null;
+    }, []);
+    return a.useEffect(() => l, [l]), a.useEffect(() => {
+      const u = d.current;
+      return () => {
+        window.clearTimeout(u), f(null);
+      };
+    }, [d, f]), /* @__PURE__ */ c(ce, { asChild: !0, ...m, children: /* @__PURE__ */ c(
+      un,
+      {
+        id: r.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": r.contentId,
+        "data-state": _n(n.open),
+        ...e,
+        ref: ze(o, r.onTriggerChange),
+        onClick: (u) => {
+          e.onClick?.(u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: v(
+          e.onPointerMove,
+          G((u) => {
+            s.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (s.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
+              n.onOpenChange(!0), l();
+            }, 100));
+          })
+        ),
+        onPointerLeave: v(
+          e.onPointerLeave,
+          G((u) => {
+            l();
+            const h = n.content?.getBoundingClientRect();
+            if (h) {
+              const M = n.content?.dataset.side, g = M === "right", x = g ? -5 : 5, T = h[g ? "left" : "right"], I = h[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 + x, y: u.clientY },
+                  { x: T, y: h.top },
+                  { x: I, y: h.top },
+                  { x: I, y: h.bottom },
+                  { x: T, y: h.bottom }
+                ],
+                side: M
+              }), window.clearTimeout(d.current), d.current = window.setTimeout(
+                () => s.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (s.onTriggerLeave(u), u.defaultPrevented) return;
+              s.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: v(e.onKeyDown, (u) => {
+          const h = s.searchRef.current !== "";
+          e.disabled || h && u.key === " " || fo[t.dir].includes(u.key) && (n.onOpenChange(!0), n.content?.focus(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Cn.displayName = k;
+var yn = "MenuSubContent", Rn = a.forwardRef(
+  (e, o) => {
+    const n = rn(C, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, s = _(C, e.__scopeMenu), i = U(C, e.__scopeMenu), d = wn(yn, e.__scopeMenu), f = a.useRef(null), m = F(o, f);
+    return /* @__PURE__ */ c(L.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(W, { present: t || s.open, children: /* @__PURE__ */ c(L.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(
+      de,
+      {
+        id: d.contentId,
+        "aria-labelledby": d.triggerId,
+        ...r,
+        ref: m,
+        align: "start",
+        side: i.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (l) => {
+          i.isUsingKeyboardRef.current && f.current?.focus(), l.preventDefault();
+        },
+        onCloseAutoFocus: (l) => l.preventDefault(),
+        onFocusOutside: v(e.onFocusOutside, (l) => {
+          l.target !== d.trigger && s.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: v(e.onEscapeKeyDown, (l) => {
+          i.onClose(), l.preventDefault();
+        }),
+        onKeyDown: v(e.onKeyDown, (l) => {
+          const u = l.currentTarget.contains(l.target), h = mo[i.dir].includes(l.key);
+          u && h && (s.onOpenChange(!1), d.trigger?.focus(), l.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Rn.displayName = yn;
+function _n(e) {
+  return e ? "open" : "closed";
+}
+function Y(e) {
+  return e === "indeterminate";
+}
+function me(e) {
+  return Y(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Ao(e) {
+  const o = document.activeElement;
+  for (const n of e)
+    if (n === o || (n.focus(), document.activeElement !== o)) return;
+}
+function Oo(e, o) {
+  return e.map((n, t) => e[(o + t) % e.length]);
+}
+function ko(e, o, n) {
+  const r = o.length > 1 && Array.from(o).every((m) => m === o[0]) ? o[0] : o, s = n ? e.indexOf(n) : -1;
+  let i = Oo(e, Math.max(s, 0));
+  r.length === 1 && (i = i.filter((m) => m !== n));
+  const f = i.find(
+    (m) => m.toLowerCase().startsWith(r.toLowerCase())
+  );
+  return f !== n ? f : void 0;
+}
+function Lo(e, o) {
+  const { x: n, y: t } = e;
+  let r = !1;
+  for (let s = 0, i = o.length - 1; s < o.length; i = s++) {
+    const d = o[s], f = o[i], m = d.x, l = d.y, u = f.x, h = f.y;
+    l > t != h > t && n < (u - m) * (t - l) / (h - l) + m && (r = !r);
+  }
+  return r;
+}
+function Go(e, o) {
+  if (!o) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return Lo(n, o);
+}
+function G(e) {
+  return (o) => o.pointerType === "mouse" ? e(o) : void 0;
+}
+var Fo = tn, Ko = ce, $o = an, Uo = sn, Bo = le, Vo = cn, jo = q, zo = dn, Xo = pn, Yo = mn, Ho = vn, Wo = gn, Zo = Mn, qo = bn, Jo = Cn, Qo = Rn, J = "DropdownMenu", [et, nt] = Xe(
+  J,
+  [en]
+), w = en(), [ot, Sn] = et(J), he = (e) => {
+  const {
+    __scopeDropdownMenu: o,
+    children: n,
+    dir: t,
+    open: r,
+    defaultOpen: s,
+    onOpenChange: i,
+    modal: d = !0
+  } = e, f = w(o), m = a.useRef(null), [l, u] = Ye({
+    prop: r,
+    defaultProp: s ?? !1,
+    onChange: i,
+    caller: J
+  });
+  return /* @__PURE__ */ c(
+    ot,
+    {
+      scope: o,
+      triggerId: z(),
+      triggerRef: m,
+      contentId: z(),
+      open: l,
+      onOpenChange: u,
+      onOpenToggle: a.useCallback(() => u((h) => !h), [u]),
+      modal: d,
+      children: /* @__PURE__ */ c(Fo, { ...f, open: l, onOpenChange: u, dir: t, modal: d, children: n })
+    }
+  );
+};
+he.displayName = J;
+var Dn = "DropdownMenuTrigger", ve = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, s = Sn(Dn, n), i = w(n);
+    return /* @__PURE__ */ c(Ko, { asChild: !0, ...i, children: /* @__PURE__ */ c(
+      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": t ? "" : void 0,
+        disabled: t,
+        ...r,
+        ref: ze(o, s.triggerRef),
+        onPointerDown: v(e.onPointerDown, (d) => {
+          !t && d.button === 0 && d.ctrlKey === !1 && (s.onOpenToggle(), s.open || d.preventDefault());
+        }),
+        onKeyDown: v(e.onKeyDown, (d) => {
+          t || (["Enter", " "].includes(d.key) && s.onOpenToggle(), d.key === "ArrowDown" && s.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+ve.displayName = Dn;
+var tt = "DropdownMenuPortal", ge = (e) => {
+  const { __scopeDropdownMenu: o, ...n } = e, t = w(o);
+  return /* @__PURE__ */ c($o, { ...t, ...n });
+};
+ge.displayName = tt;
+var xn = "DropdownMenuContent", Me = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = Sn(xn, n), s = w(n), i = a.useRef(!1);
+    return /* @__PURE__ */ c(
+      Uo,
+      {
+        id: r.contentId,
+        "aria-labelledby": r.triggerId,
+        ...s,
+        ...t,
+        ref: o,
+        onCloseAutoFocus: v(e.onCloseAutoFocus, (d) => {
+          i.current || r.triggerRef.current?.focus(), i.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: v(e.onInteractOutside, (d) => {
+          const f = d.detail.originalEvent, m = f.button === 0 && f.ctrlKey === !0, l = f.button === 2 || m;
+          (!r.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)"
+        }
+      }
+    );
+  }
+);
+Me.displayName = xn;
+var rt = "DropdownMenuGroup", we = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ c(Bo, { ...r, ...t, ref: o });
+  }
+);
+we.displayName = rt;
+var at = "DropdownMenuLabel", be = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ c(Vo, { ...r, ...t, ref: o });
+  }
+);
+be.displayName = at;
+var st = "DropdownMenuItem", Ce = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ c(jo, { ...r, ...t, ref: o });
+  }
+);
+Ce.displayName = st;
+var ct = "DropdownMenuCheckboxItem", ye = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(zo, { ...r, ...t, ref: o });
+});
+ye.displayName = ct;
+var it = "DropdownMenuRadioGroup", Re = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(Xo, { ...r, ...t, ref: o });
+});
+Re.displayName = it;
+var ut = "DropdownMenuRadioItem", _e = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(Yo, { ...r, ...t, ref: o });
+});
+_e.displayName = ut;
+var dt = "DropdownMenuItemIndicator", Se = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(Ho, { ...r, ...t, ref: o });
+});
+Se.displayName = dt;
+var lt = "DropdownMenuSeparator", De = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(Wo, { ...r, ...t, ref: o });
+});
+De.displayName = lt;
+var pt = "DropdownMenuArrow", xe = a.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+    return /* @__PURE__ */ c(Zo, { ...r, ...t, ref: o });
+  }
+);
+xe.displayName = pt;
+var In = (e) => {
+  const { __scopeDropdownMenu: o, children: n, open: t, onOpenChange: r, defaultOpen: s } = e, i = w(o), [d, f] = Ye({
+    prop: t,
+    defaultProp: s ?? !1,
+    onChange: r,
+    caller: "DropdownMenuSub"
+  });
+  return /* @__PURE__ */ c(qo, { ...i, open: d, onOpenChange: f, children: n });
+}, ft = "DropdownMenuSubTrigger", Ie = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(Jo, { ...r, ...t, ref: o });
+});
+Ie.displayName = ft;
+var mt = "DropdownMenuSubContent", Pe = a.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: n, ...t } = e, r = w(n);
+  return /* @__PURE__ */ c(
+    Qo,
+    {
+      ...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)"
+      }
+    }
+  );
+});
+Pe.displayName = mt;
+var Pn = he, Nn = ve, Q = ge, Ne = Me, En = we, Ee = be, Te = Ce, Ae = ye, ee = Re, Oe = _e, ke = Se, Le = De, ht = xe, Tn = In, Ge = Ie, Fe = Pe;
+const lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Arrow: ht,
+  CheckboxItem: Ae,
+  Content: Ne,
+  DropdownMenu: he,
+  DropdownMenuArrow: xe,
+  DropdownMenuCheckboxItem: ye,
+  DropdownMenuContent: Me,
+  DropdownMenuGroup: we,
+  DropdownMenuItem: Ce,
+  DropdownMenuItemIndicator: Se,
+  DropdownMenuLabel: be,
+  DropdownMenuPortal: ge,
+  DropdownMenuRadioGroup: Re,
+  DropdownMenuRadioItem: _e,
+  DropdownMenuSeparator: De,
+  DropdownMenuSub: In,
+  DropdownMenuSubContent: Pe,
+  DropdownMenuSubTrigger: Ie,
+  DropdownMenuTrigger: ve,
+  Group: En,
+  Item: Te,
+  ItemIndicator: ke,
+  Label: Ee,
+  Portal: Q,
+  RadioGroup: ee,
+  RadioItem: Oe,
+  Root: Pn,
+  Separator: Le,
+  Sub: Tn,
+  SubContent: Fe,
+  SubTrigger: Ge,
+  Trigger: Nn,
+  createDropdownMenuScope: nt
+}, Symbol.toStringTag, { value: "Module" })), pr = Pn, vt = Nn, fr = En, mr = Q, hr = Tn, vr = ee, An = a.createContext(null), gt = a.forwardRef(({ indicatorIcon: e, indicatorIconClassName: o, indicatorIconPosition: n, children: t, ...r }, s) => /* @__PURE__ */ c(An.Provider, { value: { indicatorIcon: e, indicatorIconClassName: o, indicatorIconPosition: n }, children: /* @__PURE__ */ c(ee, { ref: s, ...r, children: t }) }));
+gt.displayName = ee.displayName;
+const Mt = y({
+  extend: Z,
+  base: "data-[state=open]:bg-secondary-bg-hover",
+  slots: {
+    chevron: "ml-auto h-4 w-4"
+  },
+  variants: {
+    inset: {
+      true: "pl-8"
+    },
+    theme: {
+      inverse: "bg-inverse-primary-bg text-inverse-primary-fg hover:!bg-inverse-hover focus:bg-inverse-hover data-[state=open]:bg-inverse-hover"
+    }
+  },
+  defaultVariants: {
+    inset: !1
+  }
+}), wt = a.forwardRef(({ className: e, inset: o, children: n, ...t }, r) => {
+  const { variant: s } = R(), i = Mt({ inset: o, theme: s });
+  return /* @__PURE__ */ H(Ge, { ref: r, className: i.base({ className: e }), ...t, children: [
+    n,
+    /* @__PURE__ */ c(io, { className: i.chevron() })
+  ] });
+});
+wt.displayName = Ge.displayName;
+const bt = y({
+  base: [
+    "relative z-50 min-w-[8rem] overflow-hidden rounded-lg border border-secondary-border bg-secondary-bg p-1 shadow-soft-md",
+    "origin-[--radix-dropdown-menu-content-transform-origin]",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    "data-[side=left]:-top-1 data-[side=right]:-top-1"
+  ],
+  variants: {
+    theme: {
+      inverse: "border-inverse-border bg-inverse-primary-bg"
+    }
+  }
+}), Ct = a.forwardRef(({ className: e, portalContainer: o, ...n }, t) => {
+  const { variant: r } = R(), s = qe(o);
+  return /* @__PURE__ */ c(Q, { container: s, children: /* @__PURE__ */ c(
+    Fe,
+    {
+      ref: t,
+      className: bt({ className: e, theme: r }),
+      ...n
+    }
+  ) });
+});
+Ct.displayName = Fe.displayName;
+const yt = y({
+  base: [
+    "group/dropdown-menu-content z-50 min-w-32 rounded-lg border border-secondary-border bg-secondary-bg p-1 shadow-soft-md",
+    "max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto overflow-x-hidden",
+    "origin-[--radix-dropdown-menu-content-transform-origin]",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  ],
+  variants: {
+    theme: {
+      inverse: "border-inverse-border bg-inverse-primary-bg"
+    }
+  }
+}), Rt = a.forwardRef(({ className: e, sideOffset: o = 4, portalContainer: n, ...t }, r) => {
+  const { variant: s } = R(), i = qe(n);
+  return /* @__PURE__ */ c(Q, { container: i, children: /* @__PURE__ */ c(
+    Ne,
+    {
+      ref: r,
+      sideOffset: o,
+      className: yt({ theme: s, className: e }),
+      ...t
+    }
+  ) });
+});
+Rt.displayName = Ne.displayName;
+const _t = y({
+  extend: Z,
+  base: "",
+  variants: {
+    inset: {
+      true: "!pl-8"
+    }
+  }
+}), St = a.forwardRef(({ className: e, disabled: o, inset: n, children: t, ...r }, s) => {
+  const { variant: i } = R();
+  return /* @__PURE__ */ c(
+    Te,
+    {
+      ref: s,
+      disabled: o,
+      className: _t({ className: e, disabled: o, inset: n, theme: i }),
+      ...r,
+      children: t
+    }
+  );
+});
+St.displayName = Te.displayName;
+const Dt = y({
+  extend: Z,
+  base: "",
+  slots: {
+    checkbox: "flex h-4 w-4 items-center justify-center rounded-sm border transition-colors",
+    icon: "h-3.5 w-3.5 text-primary-bg"
+  },
+  variants: {
+    checked: {
+      indeterminate: {
+        checkbox: "border-primary-accent bg-primary-accent data-[disabled]:opacity-50"
+      },
+      true: {
+        checkbox: "border-primary-accent bg-primary-accent data-[disabled]:opacity-50"
+      },
+      false: {
+        checkbox: "border-primary-border bg-secondary-bg"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      checked: [!0, "indeterminate"],
+      theme: "inverse",
+      class: { checkbox: "border-inverse-primary-fg bg-inverse-primary-fg", icon: "text-inverse-primary-bg" }
+    },
+    {
+      checked: !1,
+      theme: "inverse",
+      class: { checkbox: "border-inverse-border bg-inverse-primary-bg" }
+    }
+  ],
+  defaultVariants: {
+    checked: !1
+  }
+}), xt = a.forwardRef(({ className: e, children: o, checked: n, disabled: t, ...r }, s) => {
+  const { variant: i } = R(), d = Dt({ checked: n, theme: i, disabled: t });
+  return /* @__PURE__ */ H(
+    Ae,
+    {
+      ref: s,
+      className: d.base({ className: e }),
+      checked: n,
+      disabled: t,
+      ...r,
+      children: [
+        /* @__PURE__ */ c("span", { className: d.checkbox(), children: /* @__PURE__ */ c(ke, { children: n === "indeterminate" ? /* @__PURE__ */ c(co, { className: d.icon() }) : /* @__PURE__ */ c(Je, { className: d.icon() }) }) }),
+        o
+      ]
+    }
+  );
+});
+xt.displayName = Ae.displayName;
+const It = y({
+  extend: Z
+}), Pt = y({
+  base: "flex h-4 w-4 items-center justify-center",
+  variants: {
+    position: {
+      start: "",
+      end: "order-last ml-auto"
+    }
+  }
+}), Nt = a.forwardRef(({ className: e, children: o, disabled: n, ...t }, r) => {
+  const { variant: s } = R(), i = a.useContext(An), d = i?.indicatorIcon || Je, f = i?.indicatorIconPosition || "start", m = i?.indicatorIconClassName, l = It({ theme: s, disabled: n, className: e }), u = /* @__PURE__ */ c("span", { className: Pt({ position: f }), children: /* @__PURE__ */ c(ke, { children: /* @__PURE__ */ c(d, { className: Bn("h-4 w-4", m) }) }) });
+  return /* @__PURE__ */ H(Oe, { ref: r, className: l, disabled: n, ...t, children: [
+    u,
+    o
+  ] });
+});
+Nt.displayName = Oe.displayName;
+const Et = y({
+  base: "flex items-center gap-2 px-2 py-1.5 text-sm font-semibold text-primary-fg",
+  variants: {
+    inset: {
+      true: "pl-8"
+    },
+    theme: {
+      inverse: "text-inverse-primary-fg"
+    }
+  },
+  defaultVariants: {
+    inset: !1
+  }
+}), Tt = a.forwardRef(({ className: e, inset: o, ...n }, t) => {
+  const { variant: r } = R();
+  return /* @__PURE__ */ c(
+    Ee,
+    {
+      ref: t,
+      className: Et({ inset: o, className: e, theme: r }),
+      ...n
+    }
+  );
+});
+Tt.displayName = Ee.displayName;
+const At = y({
+  base: "-mx-1 my-1 h-px bg-secondary-border",
+  variants: {
+    theme: {
+      inverse: "bg-inverse-border"
+    }
+  }
+}), Ot = a.forwardRef(({ className: e, ...o }, n) => {
+  const { variant: t } = R();
+  return /* @__PURE__ */ c(
+    Le,
+    {
+      ref: n,
+      className: At({ className: e, theme: t }),
+      ...o
+    }
+  );
+});
+Ot.displayName = Le.displayName;
+const kt = y({
+  extend: so,
+  base: "ml-auto text-xs tracking-widest opacity-60"
+}), Lt = ({ className: e, ...o }) => {
+  const { variant: n } = R();
+  return /* @__PURE__ */ c("span", { className: kt({ className: e, theme: n }), ...o });
+};
+Lt.displayName = "DropdownMenuShortcut";
+const Gt = a.forwardRef(({ children: e, ...o }, n) => /* @__PURE__ */ c(vt, { asChild: !0, ref: n, children: /* @__PURE__ */ c(ro, { ...o, children: e }) }));
+Gt.displayName = "DropdownMenuTriggerButton";
+const Ft = y({
+  slots: {
+    wrapper: "flex items-center border-0 p-2 py-0",
+    search: "mr-2 h-4 w-4 shrink-0 text-muted",
+    input: "flex w-full rounded-md bg-transparent py-1.5 text-sm outline-none placeholder:text-muted disabled:cursor-not-allowed disabled:opacity-50 [&::-webkit-search-cancel-button]:hidden"
+  },
+  variants: {
+    theme: {
+      inverse: {
+        input: "text-inverse-primary-fg placeholder:text-inverse-muted placeholder:opacity-50"
+      }
+    }
+  }
+}), gr = a.forwardRef(
+  ({ className: e, ...o }, n) => {
+    const { variant: t } = R(), r = Ft({ theme: t });
+    return /* @__PURE__ */ H("label", { className: r.wrapper({ className: e }), children: [
+      /* @__PURE__ */ c(ao, { icon: uo, className: r.search(), "aria-hidden": "true" }),
+      /* @__PURE__ */ c(
+        "input",
+        {
+          type: "search",
+          ref: n,
+          "data-slot": "command-input",
+          className: r.input({ className: e }),
+          ...o
+        }
+      )
+    ] });
+  }
+);
+function Mr(e = {}) {
+  const { openDelay: o = 200, closeDelay: n = 300 } = e, [t, r] = a.useState(!1), s = a.useRef(null), i = a.useRef(null), d = a.useCallback(() => {
+    s.current && (clearTimeout(s.current), s.current = null), i.current && (clearTimeout(i.current), i.current = null);
+  }, []);
+  a.useEffect(() => () => {
+    d();
+  }, [d]);
+  const f = a.useCallback(() => {
+    d(), s.current = setTimeout(() => {
+      r(!0);
+    }, o);
+  }, [o, d]), m = a.useCallback(() => {
+    d(), i.current = setTimeout(() => {
+      r(!1);
+    }, n);
+  }, [n, d]), l = a.useCallback((M) => {
+    M.preventDefault(), M.stopPropagation();
+  }, []), u = a.useCallback((M) => {
+    M.preventDefault();
+  }, []), h = a.useCallback((M) => {
+    r(M);
+  }, []);
+  return {
+    rootProps: {
+      open: t,
+      onOpenChange: h,
+      modal: !1
+    },
+    triggerProps: {
+      onMouseEnter: f,
+      onMouseLeave: m,
+      onPointerDown: l
+    },
+    contentProps: {
+      onMouseEnter: f,
+      onMouseLeave: m,
+      onCloseAutoFocus: u
+    }
+  };
+}
+export {
+  pr as DropdownMenu,
+  xt as DropdownMenuCheckboxItem,
+  Rt as DropdownMenuContent,
+  fr as DropdownMenuGroup,
+  St as DropdownMenuItem,
+  Tt as DropdownMenuLabel,
+  mr as DropdownMenuPortal,
+  lr as DropdownMenuPrimitive,
+  vr as DropdownMenuPrimitiveRadioGroup,
+  gt as DropdownMenuRadioGroup,
+  Nt as DropdownMenuRadioItem,
+  gr as DropdownMenuSearchItem,
+  Ot as DropdownMenuSeparator,
+  Lt as DropdownMenuShortcut,
+  hr as DropdownMenuSub,
+  Ct as DropdownMenuSubContent,
+  wt as DropdownMenuSubTrigger,
+  vt as DropdownMenuTrigger,
+  Gt as DropdownMenuTriggerButton,
+  yt as dropdownMenuContentStyles,
+  Mr as useHoverDropdown
+};
+//# sourceMappingURL=dropdown.js.map