@cfx-dev/ui-components 4.5.21 → 5.0.1

package/dist/DropdownContent-BMfQCuaP.js

@@ -0,0 +1,964 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "react";
+import gn from "react";
+import { c as me, P as N, a as g, b as U, u as ye, g as wn, f as Mn, h as Pe } from "./index-CfQtbUfi.js";
+import { c as xe, u as Te } from "./index-9LBuZ7x4.js";
+import { u as le, a as ve, c as Ae, h as _n, b as hn, R as Cn, F as Rn, D as In, C as bn, d as En, A as Sn, e as Dn } from "./Combination-CcTTSYNP.js";
+import { P as ge } from "./index-3ctv5u9o.js";
+import { clsx as Se } from "./utils/clsx.js";
+import { ui as yn } from "./utils/ui/ui.js";
+var de = "rovingFocusGroup.onEntryFocus", Pn = { bubbles: !1, cancelable: !0 }, z = "RovingFocusGroup", [fe, Ne, xn] = xe(z), [Tn, Oe] = me(
+  z,
+  [xn]
+), [An, Nn] = Tn(z), Fe = a.forwardRef(
+  (e, t) => /* @__PURE__ */ s(fe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(fe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(On, { ...e, ref: t }) }) })
+);
+Fe.displayName = z;
+var On = a.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: n,
+    orientation: o,
+    loop: r = !1,
+    dir: c,
+    currentTabStopId: i,
+    defaultCurrentTabStopId: l,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: v,
+    preventScrollOnEntryFocus: d = !1,
+    ...u
+  } = e, f = a.useRef(null), M = U(t, f), w = Te(c), [b, _] = ye({
+    prop: i,
+    defaultProp: l ?? null,
+    onChange: m,
+    caller: z
+  }), [R, T] = a.useState(!1), h = ve(v), D = Ne(n), B = a.useRef(!1), [J, O] = a.useState(0);
+  return a.useEffect(() => {
+    const C = f.current;
+    if (C)
+      return C.addEventListener(de, h), () => C.removeEventListener(de, h);
+  }, [h]), /* @__PURE__ */ s(
+    An,
+    {
+      scope: n,
+      orientation: o,
+      dir: w,
+      loop: r,
+      currentTabStopId: b,
+      onItemFocus: a.useCallback(
+        (C) => _(C),
+        [_]
+      ),
+      onItemShiftTab: a.useCallback(() => T(!0), []),
+      onFocusableItemAdd: a.useCallback(
+        () => O((C) => C + 1),
+        []
+      ),
+      onFocusableItemRemove: a.useCallback(
+        () => O((C) => C - 1),
+        []
+      ),
+      children: /* @__PURE__ */ s(
+        N.div,
+        {
+          tabIndex: R || J === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...u,
+          ref: M,
+          style: { outline: "none", ...e.style },
+          onMouseDown: g(e.onMouseDown, () => {
+            B.current = !0;
+          }),
+          onFocus: g(e.onFocus, (C) => {
+            const G = !B.current;
+            if (C.target === C.currentTarget && G && !R) {
+              const F = new CustomEvent(de, Pn);
+              if (C.currentTarget.dispatchEvent(F), !F.defaultPrevented) {
+                const V = D().filter((P) => P.focusable), W = V.find((P) => P.active), Q = V.find((P) => P.id === b), se = [W, Q, ...V].filter(
+                  Boolean
+                ).map((P) => P.ref.current);
+                Le(se, d);
+              }
+            }
+            B.current = !1;
+          }),
+          onBlur: g(e.onBlur, () => T(!1))
+        }
+      )
+    }
+  );
+}), ke = "RovingFocusGroupItem", Ge = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: o = !0,
+      active: r = !1,
+      tabStopId: c,
+      children: i,
+      ...l
+    } = e, m = le(), v = c || m, d = Nn(ke, n), u = d.currentTabStopId === v, f = Ne(n), { onFocusableItemAdd: M, onFocusableItemRemove: w, currentTabStopId: b } = d;
+    return a.useEffect(() => {
+      if (o)
+        return M(), () => w();
+    }, [o, M, w]), /* @__PURE__ */ s(
+      fe.ItemSlot,
+      {
+        scope: n,
+        id: v,
+        focusable: o,
+        active: r,
+        children: /* @__PURE__ */ s(
+          N.span,
+          {
+            tabIndex: u ? 0 : -1,
+            "data-orientation": d.orientation,
+            ...l,
+            ref: t,
+            onMouseDown: g(e.onMouseDown, (_) => {
+              o ? d.onItemFocus(v) : _.preventDefault();
+            }),
+            onFocus: g(e.onFocus, () => d.onItemFocus(v)),
+            onKeyDown: g(e.onKeyDown, (_) => {
+              if (_.key === "Tab" && _.shiftKey) {
+                d.onItemShiftTab();
+                return;
+              }
+              if (_.target !== _.currentTarget) return;
+              const R = Gn(_, d.orientation, d.dir);
+              if (R !== void 0) {
+                if (_.metaKey || _.ctrlKey || _.altKey || _.shiftKey) return;
+                _.preventDefault();
+                let h = f().filter((D) => D.focusable).map((D) => D.ref.current);
+                if (R === "last") h.reverse();
+                else if (R === "prev" || R === "next") {
+                  R === "prev" && h.reverse();
+                  const D = h.indexOf(_.currentTarget);
+                  h = d.loop ? Ln(h, D + 1) : h.slice(D + 1);
+                }
+                setTimeout(() => Le(h));
+              }
+            }),
+            children: typeof i == "function" ? i({ isCurrentTabStop: u, hasTabStop: b != null }) : i
+          }
+        )
+      }
+    );
+  }
+);
+Ge.displayName = ke;
+var Fn = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function kn(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function Gn(e, t, n) {
+  const o = kn(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return Fn[o];
+}
+function Le(e, t = !1) {
+  const n = document.activeElement;
+  for (const o of e)
+    if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function Ln(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
+}
+var Kn = Fe, Un = Ge, pe = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"], Ke = ["ArrowUp", "PageDown", "End"], Bn = [...$n, ...Ke], Vn = {
+  ltr: [...pe, "ArrowRight"],
+  rtl: [...pe, "ArrowLeft"]
+}, Wn = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, Z = "Menu", [H, Yn, Xn] = xe(Z), [k, Ue] = me(Z, [
+  Xn,
+  Ae,
+  Oe
+]), re = Ae(), $e = Oe(), [Hn, $] = k(Z), [jn, q] = k(Z), Be = (e) => {
+  const { __scopeMenu: t, open: n = !1, children: o, dir: r, onOpenChange: c, modal: i = !0 } = e, l = re(t), [m, v] = a.useState(null), d = a.useRef(!1), u = ve(c), f = Te(r);
+  return a.useEffect(() => {
+    const M = () => {
+      d.current = !0, document.addEventListener("pointerdown", w, { capture: !0, once: !0 }), document.addEventListener("pointermove", w, { capture: !0, once: !0 });
+    }, w = () => d.current = !1;
+    return document.addEventListener("keydown", M, { capture: !0 }), () => {
+      document.removeEventListener("keydown", M, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ s(En, { ...l, children: /* @__PURE__ */ s(
+    Hn,
+    {
+      scope: t,
+      open: n,
+      onOpenChange: u,
+      content: m,
+      onContentChange: v,
+      children: /* @__PURE__ */ s(
+        jn,
+        {
+          scope: t,
+          onClose: a.useCallback(() => u(!1), [u]),
+          isUsingKeyboardRef: d,
+          dir: f,
+          modal: i,
+          children: o
+        }
+      )
+    }
+  ) });
+};
+Be.displayName = Z;
+var zn = "MenuAnchor", we = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e, r = re(n);
+    return /* @__PURE__ */ s(Sn, { ...r, ...o, ref: t });
+  }
+);
+we.displayName = zn;
+var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
+  forceMount: void 0
+}), S = "MenuContent", [qn, Me] = k(S), We = a.forwardRef(
+  (e, t) => {
+    const n = Ve(S, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, c = $(S, e.__scopeMenu), i = q(S, e.__scopeMenu);
+    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: t }) : /* @__PURE__ */ s(Qn, { ...r, ref: t }) }) }) });
+  }
+), Jn = a.forwardRef(
+  (e, t) => {
+    const n = $(S, e.__scopeMenu), o = a.useRef(null), r = U(t, o);
+    return a.useEffect(() => {
+      const c = o.current;
+      if (c) return _n(c);
+    }, []), /* @__PURE__ */ s(
+      _e,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: g(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), Qn = a.forwardRef((e, t) => {
+  const n = $(S, e.__scopeMenu);
+  return /* @__PURE__ */ s(
+    _e,
+    {
+      ...e,
+      ref: t,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), et = Mn("MenuContent.ScrollLock"), _e = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeMenu: n,
+      loop: o = !1,
+      trapFocus: r,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: i,
+      disableOutsidePointerEvents: l,
+      onEntryFocus: m,
+      onEscapeKeyDown: v,
+      onPointerDownOutside: d,
+      onFocusOutside: u,
+      onInteractOutside: f,
+      onDismiss: M,
+      disableOutsideScroll: w,
+      ...b
+    } = e, _ = $(S, n), R = q(S, n), T = re(n), h = $e(n), D = Yn(n), [B, J] = a.useState(null), O = a.useRef(null), C = U(t, O, _.onContentChange), G = a.useRef(0), F = a.useRef(""), V = a.useRef(0), W = a.useRef(null), Q = a.useRef("right"), ee = a.useRef(0), se = w ? Cn : a.Fragment, P = w ? { as: et, allowPinchZoom: !0 } : void 0, vn = (p) => {
+      var K, be;
+      const E = F.current + p, y = D().filter((x) => !x.disabled), A = document.activeElement, ue = (K = y.find((x) => x.ref.current === A)) == null ? void 0 : K.textValue, ie = y.map((x) => x.textValue), Ie = ft(ie, E, ue), Y = (be = y.find((x) => x.textValue === Ie)) == null ? void 0 : be.ref.current;
+      (function x(Ee) {
+        F.current = Ee, window.clearTimeout(G.current), Ee !== "" && (G.current = window.setTimeout(() => x(""), 1e3));
+      })(E), Y && setTimeout(() => Y.focus());
+    };
+    a.useEffect(() => () => window.clearTimeout(G.current), []), hn();
+    const L = a.useCallback((p) => {
+      var y, A;
+      return Q.current === ((y = W.current) == null ? void 0 : y.side) && mt(p, (A = W.current) == null ? void 0 : A.area);
+    }, []);
+    return /* @__PURE__ */ s(
+      qn,
+      {
+        scope: n,
+        searchRef: F,
+        onItemEnter: a.useCallback(
+          (p) => {
+            L(p) && p.preventDefault();
+          },
+          [L]
+        ),
+        onItemLeave: a.useCallback(
+          (p) => {
+            var E;
+            L(p) || ((E = O.current) == null || E.focus(), J(null));
+          },
+          [L]
+        ),
+        onTriggerLeave: a.useCallback(
+          (p) => {
+            L(p) && p.preventDefault();
+          },
+          [L]
+        ),
+        pointerGraceTimerRef: V,
+        onPointerGraceIntentChange: a.useCallback((p) => {
+          W.current = p;
+        }, []),
+        children: /* @__PURE__ */ s(se, { ...P, children: /* @__PURE__ */ s(
+          Rn,
+          {
+            asChild: !0,
+            trapped: r,
+            onMountAutoFocus: g(c, (p) => {
+              var E;
+              p.preventDefault(), (E = O.current) == null || E.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: i,
+            children: /* @__PURE__ */ s(
+              In,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: l,
+                onEscapeKeyDown: v,
+                onPointerDownOutside: d,
+                onFocusOutside: u,
+                onInteractOutside: f,
+                onDismiss: M,
+                children: /* @__PURE__ */ s(
+                  Kn,
+                  {
+                    asChild: !0,
+                    ...h,
+                    dir: R.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: B,
+                    onCurrentTabStopIdChange: J,
+                    onEntryFocus: g(m, (p) => {
+                      R.isUsingKeyboardRef.current || p.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ s(
+                      bn,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": cn(_.open),
+                        "data-radix-menu-content": "",
+                        dir: R.dir,
+                        ...T,
+                        ...b,
+                        ref: C,
+                        style: { outline: "none", ...b.style },
+                        onKeyDown: g(b.onKeyDown, (p) => {
+                          const y = p.target.closest("[data-radix-menu-content]") === p.currentTarget, A = p.ctrlKey || p.altKey || p.metaKey, ue = p.key.length === 1;
+                          y && (p.key === "Tab" && p.preventDefault(), !A && ue && vn(p.key));
+                          const ie = O.current;
+                          if (p.target !== ie || !Bn.includes(p.key)) return;
+                          p.preventDefault();
+                          const Y = D().filter((K) => !K.disabled).map((K) => K.ref.current);
+                          Ke.includes(p.key) && Y.reverse(), dt(Y);
+                        }),
+                        onBlur: g(e.onBlur, (p) => {
+                          p.currentTarget.contains(p.target) || (window.clearTimeout(G.current), F.current = "");
+                        }),
+                        onPointerMove: g(
+                          e.onPointerMove,
+                          j((p) => {
+                            const E = p.target, y = ee.current !== p.clientX;
+                            if (p.currentTarget.contains(E) && y) {
+                              const A = p.clientX > ee.current ? "right" : "left";
+                              Q.current = A, ee.current = p.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+We.displayName = S;
+var nt = "MenuGroup", he = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ s(N.div, { role: "group", ...o, ref: t });
+  }
+);
+he.displayName = nt;
+var tt = "MenuLabel", Ye = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ s(N.div, { ...o, ref: t });
+  }
+);
+Ye.displayName = tt;
+var te = "MenuItem", De = "menu.itemSelect", ae = a.forwardRef(
+  (e, t) => {
+    const { disabled: n = !1, onSelect: o, ...r } = e, c = a.useRef(null), i = q(te, e.__scopeMenu), l = Me(te, e.__scopeMenu), m = U(t, c), v = a.useRef(!1), d = () => {
+      const u = c.current;
+      if (!n && u) {
+        const f = new CustomEvent(De, { bubbles: !0, cancelable: !0 });
+        u.addEventListener(De, (M) => o == null ? void 0 : o(M), { once: !0 }), wn(u, f), f.defaultPrevented ? v.current = !1 : i.onClose();
+      }
+    };
+    return /* @__PURE__ */ s(
+      Xe,
+      {
+        ...r,
+        ref: m,
+        disabled: n,
+        onClick: g(e.onClick, d),
+        onPointerDown: (u) => {
+          var f;
+          (f = e.onPointerDown) == null || f.call(e, u), v.current = !0;
+        },
+        onPointerUp: g(e.onPointerUp, (u) => {
+          var f;
+          v.current || (f = u.currentTarget) == null || f.click();
+        }),
+        onKeyDown: g(e.onKeyDown, (u) => {
+          const f = l.searchRef.current !== "";
+          n || f && u.key === " " || pe.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+        })
+      }
+    );
+  }
+);
+ae.displayName = te;
+var Xe = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, disabled: o = !1, textValue: r, ...c } = e, i = Me(te, n), l = $e(n), m = a.useRef(null), v = U(t, m), [d, u] = a.useState(!1), [f, M] = a.useState("");
+    return a.useEffect(() => {
+      const w = m.current;
+      w && M((w.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ s(
+      H.ItemSlot,
+      {
+        scope: n,
+        disabled: o,
+        textValue: r ?? f,
+        children: /* @__PURE__ */ s(Un, { asChild: !0, ...l, focusable: !o, children: /* @__PURE__ */ s(
+          N.div,
+          {
+            role: "menuitem",
+            "data-highlighted": d ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: v,
+            onPointerMove: g(
+              e.onPointerMove,
+              j((w) => {
+                o ? i.onItemLeave(w) : (i.onItemEnter(w), w.defaultPrevented || w.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: g(
+              e.onPointerLeave,
+              j((w) => i.onItemLeave(w))
+            ),
+            onFocus: g(e.onFocus, () => u(!0)),
+            onBlur: g(e.onBlur, () => u(!1))
+          }
+        ) })
+      }
+    );
+  }
+), ot = "MenuCheckboxItem", He = a.forwardRef(
+  (e, t) => {
+    const { checked: n = !1, onCheckedChange: o, ...r } = e;
+    return /* @__PURE__ */ s(Je, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ s(
+      ae,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": oe(n) ? "mixed" : n,
+        ...r,
+        ref: t,
+        "data-state": Re(n),
+        onSelect: g(
+          r.onSelect,
+          () => o == null ? void 0 : o(oe(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+He.displayName = ot;
+var je = "MenuRadioGroup", [rt, at] = k(
+  je,
+  { value: void 0, onValueChange: () => {
+  } }
+), ze = a.forwardRef(
+  (e, t) => {
+    const { value: n, onValueChange: o, ...r } = e, c = ve(o);
+    return /* @__PURE__ */ s(rt, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(he, { ...r, ref: t }) });
+  }
+);
+ze.displayName = je;
+var Ze = "MenuRadioItem", qe = a.forwardRef(
+  (e, t) => {
+    const { value: n, ...o } = e, r = at(Ze, e.__scopeMenu), c = n === r.value;
+    return /* @__PURE__ */ s(Je, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ s(
+      ae,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: t,
+        "data-state": Re(c),
+        onSelect: g(
+          o.onSelect,
+          () => {
+            var i;
+            return (i = r.onValueChange) == null ? void 0 : i.call(r, n);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+qe.displayName = Ze;
+var Ce = "MenuItemIndicator", [Je, ct] = k(
+  Ce,
+  { checked: !1 }
+), Qe = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, forceMount: o, ...r } = e, c = ct(Ce, n);
+    return /* @__PURE__ */ s(
+      ge,
+      {
+        present: o || oe(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ s(
+          N.span,
+          {
+            ...r,
+            ref: t,
+            "data-state": Re(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Qe.displayName = Ce;
+var st = "MenuSeparator", en = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e;
+    return /* @__PURE__ */ s(
+      N.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: t
+      }
+    );
+  }
+);
+en.displayName = st;
+var ut = "MenuArrow", nn = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...o } = e, r = re(n);
+    return /* @__PURE__ */ s(Dn, { ...r, ...o, ref: t });
+  }
+);
+nn.displayName = ut;
+var it = "MenuSub", [vo, tn] = k(it), X = "MenuSubTrigger", on = a.forwardRef(
+  (e, t) => {
+    const n = $(X, e.__scopeMenu), o = q(X, e.__scopeMenu), r = tn(X, e.__scopeMenu), c = Me(X, e.__scopeMenu), i = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, v = { __scopeMenu: e.__scopeMenu }, d = a.useCallback(() => {
+      i.current && window.clearTimeout(i.current), i.current = null;
+    }, []);
+    return a.useEffect(() => d, [d]), a.useEffect(() => {
+      const u = l.current;
+      return () => {
+        window.clearTimeout(u), m(null);
+      };
+    }, [l, m]), /* @__PURE__ */ s(we, { asChild: !0, ...v, children: /* @__PURE__ */ s(
+      Xe,
+      {
+        id: r.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": r.contentId,
+        "data-state": cn(n.open),
+        ...e,
+        ref: Pe(t, r.onTriggerChange),
+        onClick: (u) => {
+          var f;
+          (f = e.onClick) == null || f.call(e, u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: g(
+          e.onPointerMove,
+          j((u) => {
+            c.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (c.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
+              n.onOpenChange(!0), d();
+            }, 100));
+          })
+        ),
+        onPointerLeave: g(
+          e.onPointerLeave,
+          j((u) => {
+            var M, w;
+            d();
+            const f = (M = n.content) == null ? void 0 : M.getBoundingClientRect();
+            if (f) {
+              const b = (w = n.content) == null ? void 0 : w.dataset.side, _ = b === "right", R = _ ? -5 : 5, T = f[_ ? "left" : "right"], h = f[_ ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: u.clientX + R, y: u.clientY },
+                  { x: T, y: f.top },
+                  { x: h, y: f.top },
+                  { x: h, y: f.bottom },
+                  { x: T, y: f.bottom }
+                ],
+                side: b
+              }), window.clearTimeout(l.current), l.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(u), u.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: g(e.onKeyDown, (u) => {
+          var M;
+          const f = c.searchRef.current !== "";
+          e.disabled || f && u.key === " " || Vn[o.dir].includes(u.key) && (n.onOpenChange(!0), (M = n.content) == null || M.focus(), u.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+on.displayName = X;
+var rn = "MenuSubContent", an = a.forwardRef(
+  (e, t) => {
+    const n = Ve(S, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, c = $(S, e.__scopeMenu), i = q(S, e.__scopeMenu), l = tn(rn, e.__scopeMenu), m = a.useRef(null), v = U(t, m);
+    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
+      _e,
+      {
+        id: l.contentId,
+        "aria-labelledby": l.triggerId,
+        ...r,
+        ref: v,
+        align: "start",
+        side: i.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (d) => {
+          var u;
+          i.isUsingKeyboardRef.current && ((u = m.current) == null || u.focus()), d.preventDefault();
+        },
+        onCloseAutoFocus: (d) => d.preventDefault(),
+        onFocusOutside: g(e.onFocusOutside, (d) => {
+          d.target !== l.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: g(e.onEscapeKeyDown, (d) => {
+          i.onClose(), d.preventDefault();
+        }),
+        onKeyDown: g(e.onKeyDown, (d) => {
+          var M;
+          const u = d.currentTarget.contains(d.target), f = Wn[i.dir].includes(d.key);
+          u && f && (c.onOpenChange(!1), (M = l.trigger) == null || M.focus(), d.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+an.displayName = rn;
+function cn(e) {
+  return e ? "open" : "closed";
+}
+function oe(e) {
+  return e === "indeterminate";
+}
+function Re(e) {
+  return oe(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function dt(e) {
+  const t = document.activeElement;
+  for (const n of e)
+    if (n === t || (n.focus(), document.activeElement !== t)) return;
+}
+function lt(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
+}
+function ft(e, t, n) {
+  const r = t.length > 1 && Array.from(t).every((v) => v === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
+  let i = lt(e, Math.max(c, 0));
+  r.length === 1 && (i = i.filter((v) => v !== n));
+  const m = i.find(
+    (v) => v.toLowerCase().startsWith(r.toLowerCase())
+  );
+  return m !== n ? m : void 0;
+}
+function pt(e, t) {
+  const { x: n, y: o } = e;
+  let r = !1;
+  for (let c = 0, i = t.length - 1; c < t.length; i = c++) {
+    const l = t[c], m = t[i], v = l.x, d = l.y, u = m.x, f = m.y;
+    d > o != f > o && n < (u - v) * (o - d) / (f - d) + v && (r = !r);
+  }
+  return r;
+}
+function mt(e, t) {
+  if (!t) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return pt(n, t);
+}
+function j(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var vt = Be, gt = we, wt = We, Mt = he, _t = Ye, ht = ae, Ct = He, Rt = ze, It = qe, bt = Qe, Et = en, St = nn, Dt = on, yt = an, ce = "DropdownMenu", [Pt, go] = me(
+  ce,
+  [Ue]
+), I = Ue(), [xt, sn] = Pt(ce), un = (e) => {
+  const {
+    __scopeDropdownMenu: t,
+    children: n,
+    dir: o,
+    open: r,
+    defaultOpen: c,
+    onOpenChange: i,
+    modal: l = !0
+  } = e, m = I(t), v = a.useRef(null), [d, u] = ye({
+    prop: r,
+    defaultProp: c ?? !1,
+    onChange: i,
+    caller: ce
+  });
+  return /* @__PURE__ */ s(
+    xt,
+    {
+      scope: t,
+      triggerId: le(),
+      triggerRef: v,
+      contentId: le(),
+      open: d,
+      onOpenChange: u,
+      onOpenToggle: a.useCallback(() => u((f) => !f), [u]),
+      modal: l,
+      children: /* @__PURE__ */ s(vt, { ...m, open: d, onOpenChange: u, dir: o, modal: l, children: n })
+    }
+  );
+};
+un.displayName = ce;
+var dn = "DropdownMenuTrigger", ln = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, disabled: o = !1, ...r } = e, c = sn(dn, n), i = I(n);
+    return /* @__PURE__ */ s(gt, { asChild: !0, ...i, children: /* @__PURE__ */ s(
+      N.button,
+      {
+        type: "button",
+        id: c.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": c.open,
+        "aria-controls": c.open ? c.contentId : void 0,
+        "data-state": c.open ? "open" : "closed",
+        "data-disabled": o ? "" : void 0,
+        disabled: o,
+        ...r,
+        ref: Pe(t, c.triggerRef),
+        onPointerDown: g(e.onPointerDown, (l) => {
+          !o && l.button === 0 && l.ctrlKey === !1 && (c.onOpenToggle(), c.open || l.preventDefault());
+        }),
+        onKeyDown: g(e.onKeyDown, (l) => {
+          o || (["Enter", " "].includes(l.key) && c.onOpenToggle(), l.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(l.key) && l.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+ln.displayName = dn;
+var fn = "DropdownMenuContent", pn = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, r = sn(fn, n), c = I(n), i = a.useRef(!1);
+    return /* @__PURE__ */ s(
+      wt,
+      {
+        id: r.contentId,
+        "aria-labelledby": r.triggerId,
+        ...c,
+        ...o,
+        ref: t,
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (l) => {
+          var m;
+          i.current || (m = r.triggerRef.current) == null || m.focus(), i.current = !1, l.preventDefault();
+        }),
+        onInteractOutside: g(e.onInteractOutside, (l) => {
+          const m = l.detail.originalEvent, v = m.button === 0 && m.ctrlKey === !0, d = m.button === 2 || v;
+          (!r.modal || d) && (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)"
+        }
+      }
+    );
+  }
+);
+pn.displayName = fn;
+var Tt = "DropdownMenuGroup", At = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+    return /* @__PURE__ */ s(Mt, { ...r, ...o, ref: t });
+  }
+);
+At.displayName = Tt;
+var Nt = "DropdownMenuLabel", Ot = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+    return /* @__PURE__ */ s(_t, { ...r, ...o, ref: t });
+  }
+);
+Ot.displayName = Nt;
+var Ft = "DropdownMenuItem", mn = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+    return /* @__PURE__ */ s(ht, { ...r, ...o, ref: t });
+  }
+);
+mn.displayName = Ft;
+var kt = "DropdownMenuCheckboxItem", Gt = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(Ct, { ...r, ...o, ref: t });
+});
+Gt.displayName = kt;
+var Lt = "DropdownMenuRadioGroup", Kt = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(Rt, { ...r, ...o, ref: t });
+});
+Kt.displayName = Lt;
+var Ut = "DropdownMenuRadioItem", $t = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(It, { ...r, ...o, ref: t });
+});
+$t.displayName = Ut;
+var Bt = "DropdownMenuItemIndicator", Vt = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(bt, { ...r, ...o, ref: t });
+});
+Vt.displayName = Bt;
+var Wt = "DropdownMenuSeparator", Yt = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(Et, { ...r, ...o, ref: t });
+});
+Yt.displayName = Wt;
+var Xt = "DropdownMenuArrow", Ht = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+    return /* @__PURE__ */ s(St, { ...r, ...o, ref: t });
+  }
+);
+Ht.displayName = Xt;
+var jt = "DropdownMenuSubTrigger", zt = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(Dt, { ...r, ...o, ref: t });
+});
+zt.displayName = jt;
+var Zt = "DropdownMenuSubContent", qt = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
+  return /* @__PURE__ */ s(
+    yt,
+    {
+      ...r,
+      ...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)"
+      }
+    }
+  );
+});
+qt.displayName = Zt;
+var wo = un, Mo = ln, Jt = pn, Qt = mn;
+const eo = "cfxui__DropdownContent__fullWidth__c56c3", no = "cfxui__DropdownContent__item__8feac", to = "cfxui__DropdownContent__content__ea3aa", oo = "cfxui__DropdownContent__disabled__9002a", ne = {
+  fullWidth: eo,
+  item: no,
+  content: to,
+  disabled: oo
+};
+function ro(e) {
+  const {
+    triggerWidth: t,
+    options: n,
+    fullWidth: o = !1,
+    className: r,
+    itemClassName: c,
+    onSelect: i
+  } = e, l = Se(
+    r,
+    ne.content,
+    {
+      [ne.fullWidth]: o
+    }
+  );
+  return /* @__PURE__ */ s(
+    Jt,
+    {
+      align: "end",
+      side: "bottom",
+      className: l,
+      style: {
+        width: t,
+        zIndex: yn.zindex("max")
+      },
+      children: n.map((m) => /* @__PURE__ */ s(
+        Qt,
+        {
+          disabled: m.disabled,
+          className: Se(ne.item, c, {
+            [ne.disabled]: m.disabled
+          }),
+          onSelect: () => i(m.value),
+          style: { width: t },
+          children: m.label
+        },
+        m.value
+      ))
+    }
+  );
+}
+const _o = gn.memo(ro);
+export {
+  _o as D,
+  wo as R,
+  Mo as T
+};