@cfx-dev/ui-components 4.3.10 → 4.3.11

package/dist/components/DropdownSelect/DropdownSelect.js

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