@cfx-dev/ui-components 4.3.10 → 4.3.11

package/dist/DropdownContent-Robn2rha.js

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