@cfx-dev/ui-components 4.3.14 → 4.3.15

package/dist/{DropdownContent-Robn2rha.js → DropdownContent-BertjH0y.js}

@@ -1,19 +1,19 @@
 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 { c as _e, P as N, e as w, u as z, d as xe, g as vn, b as Mn, h as ye } from "./index-DCuJlMqr.js";
+import { c as Pe, u as Te } from "./index-BMU9X4M-.js";
+import { u as le, a as we, c as Ae, h as hn, b as Cn, R as Rn, F as In, D as bn, C as Dn, d as En, A as Sn, e as xn } from "./Combination-2dfXEDc9.js";
+import { P as ge } from "./index-DWzyrn_L.js";
+import { clsx as fe } 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,
+var de = "rovingFocusGroup.onEntryFocus", yn = { bubbles: !1, cancelable: !0 }, Z = "RovingFocusGroup", [pe, Oe, Pn] = Pe(Z), [Tn, Fe] = _e(
+  Z,
   [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 }) }) })
+), [An, Nn] = Tn(Z), ke = a.forwardRef(
+  (e, o) => /* @__PURE__ */ s(pe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(pe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(On, { ...e, ref: o }) }) })
 );
-ke.displayName = j;
+ke.displayName = Z;
 var On = a.forwardRef((e, o) => {
   const {
     __scopeRovingFocusGroup: n,
@@ -26,12 +26,12 @@ var On = a.forwardRef((e, o) => {
     onEntryFocus: m,
     preventScrollOnEntryFocus: d = !1,
     ...i
-  } = e, f = a.useRef(null), v = z(o, f), g = Pe(c), [D, M] = Se({
+  } = e, f = a.useRef(null), v = z(o, f), g = Te(c), [b, M] = xe({
     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);
+    caller: Z
+  }), [R, T] = a.useState(!1), h = we(m), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
   return a.useEffect(() => {
     const C = f.current;
     if (C)
@@ -43,7 +43,7 @@ var On = a.forwardRef((e, o) => {
       orientation: t,
       dir: g,
       loop: r,
-      currentTabStopId: D,
+      currentTabStopId: b,
       onItemFocus: a.useCallback(
         (C) => M(C),
         [M]
@@ -60,7 +60,7 @@ var On = a.forwardRef((e, o) => {
       children: /* @__PURE__ */ s(
         N.div,
         {
-          tabIndex: R || J === 0 ? -1 : 0,
+          tabIndex: R || Q === 0 ? -1 : 0,
           "data-orientation": t,
           ...i,
           ref: v,
@@ -73,7 +73,7 @@ var On = a.forwardRef((e, o) => {
             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(
+                const B = S().filter((y) => y.focusable), V = B.find((y) => y.active), ee = B.find((y) => y.id === b), se = [V, ee, ...B].filter(
                   Boolean
                 ).map((y) => y.ref.current);
                 Ke(se, d);
@@ -95,12 +95,12 @@ var On = a.forwardRef((e, o) => {
       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;
+    } = e, _ = le(), m = c || _, d = Nn(Ge, n), i = d.currentTabStopId === m, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = d;
     return a.useEffect(() => {
       if (t)
         return v(), () => g();
     }, [t, v, g]), /* @__PURE__ */ s(
-      fe.ItemSlot,
+      pe.ItemSlot,
       {
         scope: n,
         id: m,
@@ -137,7 +137,7 @@ var On = a.forwardRef((e, o) => {
                 setTimeout(() => Ke(h));
               }
             }),
-            children: typeof u == "function" ? u({ isCurrentTabStop: i, hasTabStop: D != null }) : u
+            children: typeof u == "function" ? u({ isCurrentTabStop: i, hasTabStop: b != null }) : u
           }
         )
       }
@@ -171,18 +171,18 @@ function Ke(e, o = !1) {
 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"]
+var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"], ze = ["ArrowUp", "PageDown", "End"], $n = [...Un, ...ze], Bn = {
+  ltr: [...me, "ArrowRight"],
+  rtl: [...me, "ArrowLeft"]
 }, Vn = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, Z = "Menu", [X, Wn, Yn] = ye(Z), [k, Ue] = me(Z, [
+}, q = "Menu", [H, Wn, Yn] = Pe(q), [k, Ue] = _e(q, [
   Yn,
-  Te,
+  Ae,
   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);
+]), re = Ae(), $e = Fe(), [Xn, U] = k(q), [Hn, J] = k(q), 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 = we(c), f = Te(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 });
@@ -212,20 +212,20 @@ var Kn = ke, zn = Le, pe = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"],
     }
   ) });
 };
-Be.displayName = Z;
-var jn = "MenuAnchor", ge = a.forwardRef(
+Be.displayName = q;
+var jn = "MenuAnchor", ve = 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, {
+ve.displayName = jn;
+var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
   forceMount: void 0
-}), E = "MenuContent", [qn, ve] = k(E), We = a.forwardRef(
+}), E = "MenuContent", [qn, Me] = 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 }) }) }) });
+    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u = J(E, e.__scopeMenu);
+    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: u.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: o }) : /* @__PURE__ */ s(Qn, { ...r, ref: o }) }) }) });
   }
 ), Jn = a.forwardRef(
   (e, o) => {
@@ -234,7 +234,7 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
       const c = t.current;
       if (c) return hn(c);
     }, []), /* @__PURE__ */ s(
-      Me,
+      he,
       {
         ...e,
         ref: r,
@@ -253,7 +253,7 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
 ), Qn = a.forwardRef((e, o) => {
   const n = U(E, e.__scopeMenu);
   return /* @__PURE__ */ s(
-    Me,
+    he,
     {
       ...e,
       ref: o,
@@ -263,7 +263,7 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
       onDismiss: () => n.onOpenChange(!1)
     }
   );
-}), eo = Mn("MenuContent.ScrollLock"), Me = a.forwardRef(
+}), eo = Mn("MenuContent.ScrollLock"), he = a.forwardRef(
   (e, o) => {
     const {
       __scopeMenu: n,
@@ -279,18 +279,18 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
       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) => {
+      ...b
+    } = e, M = U(E, n), R = J(E, n), T = re(n), h = $e(n), S = Wn(n), [$, Q] = 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), ee = a.useRef("right"), ne = 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());
+      const D = 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), be = po(ue, D, ie), W = (De = x.find((P) => P.textValue === be)) == null ? void 0 : De.ref.current;
+      (function P(Ee) {
+        F.current = Ee, window.clearTimeout(G.current), Ee !== "" && (G.current = window.setTimeout(() => P(""), 1e3));
+      })(D), 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 ee.current === ((x = V.current) == null ? void 0 : x.side) && _o(p, (A = V.current) == null ? void 0 : A.area);
     }, []);
     return /* @__PURE__ */ s(
       qn,
@@ -305,8 +305,8 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
         ),
         onItemLeave: a.useCallback(
           (p) => {
-            var b;
-            L(p) || ((b = O.current) == null || b.focus(), J(null));
+            var D;
+            L(p) || ((D = O.current) == null || D.focus(), Q(null));
           },
           [L]
         ),
@@ -326,12 +326,12 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
             asChild: !0,
             trapped: r,
             onMountAutoFocus: w(c, (p) => {
-              var b;
-              p.preventDefault(), (b = O.current) == null || b.focus({ preventScroll: !0 });
+              var D;
+              p.preventDefault(), (D = O.current) == null || D.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: u,
             children: /* @__PURE__ */ s(
-              Dn,
+              bn,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: l,
@@ -349,13 +349,13 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
                     orientation: "vertical",
                     loop: t,
                     currentTabStopId: $,
-                    onCurrentTabStopIdChange: J,
+                    onCurrentTabStopIdChange: Q,
                     onEntryFocus: w(_, (p) => {
                       R.isUsingKeyboardRef.current || p.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ s(
-                      bn,
+                      Dn,
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
@@ -363,10 +363,10 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
                         "data-radix-menu-content": "",
                         dir: R.dir,
                         ...T,
-                        ...D,
+                        ...b,
                         ref: C,
-                        style: { outline: "none", ...D.style },
-                        onKeyDown: w(D.onKeyDown, (p) => {
+                        style: { outline: "none", ...b.style },
+                        onKeyDown: w(b.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;
@@ -380,11 +380,11 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
                         }),
                         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;
+                          j((p) => {
+                            const D = p.target, x = ne.current !== p.clientX;
+                            if (p.currentTarget.contains(D) && x) {
+                              const A = p.clientX > ne.current ? "right" : "left";
+                              ee.current = A, ne.current = p.clientX;
                             }
                           })
                         )
@@ -401,13 +401,13 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
   }
 );
 We.displayName = E;
-var no = "MenuGroup", he = a.forwardRef(
+var no = "MenuGroup", Ce = a.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e;
     return /* @__PURE__ */ s(N.div, { role: "group", ...t, ref: o });
   }
 );
-he.displayName = no;
+Ce.displayName = no;
 var oo = "MenuLabel", Ye = a.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e;
@@ -415,13 +415,13 @@ var oo = "MenuLabel", Ye = a.forwardRef(
   }
 );
 Ye.displayName = oo;
-var ne = "MenuItem", Ee = "menu.itemSelect", ae = a.forwardRef(
+var oe = "MenuItem", Se = "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 { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), u = J(oe, e.__scopeMenu), l = Me(oe, 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();
+        const f = new CustomEvent(Se, { bubbles: !0, cancelable: !0 });
+        i.addEventListener(Se, (v) => t == null ? void 0 : t(v), { once: !0 }), vn(i, f), f.defaultPrevented ? m.current = !1 : u.onClose();
       }
     };
     return /* @__PURE__ */ s(
@@ -441,21 +441,21 @@ var ne = "MenuItem", Ee = "menu.itemSelect", ae = a.forwardRef(
         }),
         onKeyDown: w(e.onKeyDown, (i) => {
           const f = l.searchRef.current !== "";
-          n || f && i.key === " " || pe.includes(i.key) && (i.currentTarget.click(), i.preventDefault());
+          n || f && i.key === " " || me.includes(i.key) && (i.currentTarget.click(), i.preventDefault());
         })
       }
     );
   }
 );
-ae.displayName = ne;
+ae.displayName = oe;
 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("");
+    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, u = Me(oe, 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,
+      H.ItemSlot,
       {
         scope: n,
         disabled: t,
@@ -471,13 +471,13 @@ var Xe = a.forwardRef(
             ref: m,
             onPointerMove: w(
               e.onPointerMove,
-              H((g) => {
+              j((g) => {
                 t ? u.onItemLeave(g) : (u.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
             onPointerLeave: w(
               e.onPointerLeave,
-              H((g) => u.onItemLeave(g))
+              j((g) => u.onItemLeave(g))
             ),
             onFocus: w(e.onFocus, () => i(!0)),
             onBlur: w(e.onBlur, () => i(!1))
@@ -493,13 +493,13 @@ var Xe = a.forwardRef(
       ae,
       {
         role: "menuitemcheckbox",
-        "aria-checked": oe(n) ? "mixed" : n,
+        "aria-checked": te(n) ? "mixed" : n,
         ...r,
         ref: o,
-        "data-state": Re(n),
+        "data-state": Ie(n),
         onSelect: w(
           r.onSelect,
-          () => t == null ? void 0 : t(oe(n) ? !0 : !n),
+          () => t == null ? void 0 : t(te(n) ? !0 : !n),
           { checkForDefaultPrevented: !1 }
         )
       }
@@ -513,8 +513,8 @@ var je = "MenuRadioGroup", [ro, ao] = k(
   } }
 ), 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 }) });
+    const { value: n, onValueChange: t, ...r } = e, c = we(t);
+    return /* @__PURE__ */ s(ro, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(Ce, { ...r, ref: o }) });
   }
 );
 Ze.displayName = je;
@@ -528,7 +528,7 @@ var qe = "MenuRadioItem", Je = a.forwardRef(
         "aria-checked": c,
         ...t,
         ref: o,
-        "data-state": Re(c),
+        "data-state": Ie(c),
         onSelect: w(
           t.onSelect,
           () => {
@@ -542,29 +542,29 @@ var qe = "MenuRadioItem", Je = a.forwardRef(
   }
 );
 Je.displayName = qe;
-var Ce = "MenuItemIndicator", [Qe, co] = k(
-  Ce,
+var Re = "MenuItemIndicator", [Qe, co] = k(
+  Re,
   { checked: !1 }
 ), en = a.forwardRef(
   (e, o) => {
-    const { __scopeMenu: n, forceMount: t, ...r } = e, c = co(Ce, n);
+    const { __scopeMenu: n, forceMount: t, ...r } = e, c = co(Re, n);
     return /* @__PURE__ */ s(
-      we,
+      ge,
       {
-        present: t || oe(c.checked) || c.checked === !0,
+        present: t || te(c.checked) || c.checked === !0,
         children: /* @__PURE__ */ s(
           N.span,
           {
             ...r,
             ref: o,
-            "data-state": Re(c.checked)
+            "data-state": Ie(c.checked)
           }
         )
       }
     );
   }
 );
-en.displayName = Ce;
+en.displayName = Re;
 var so = "MenuSeparator", nn = a.forwardRef(
   (e, o) => {
     const { __scopeMenu: n, ...t } = e;
@@ -587,9 +587,9 @@ var io = "MenuArrow", on = a.forwardRef(
   }
 );
 on.displayName = io;
-var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
+var uo = "MenuSub", [Mt, 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(() => {
+    const n = U(Y, e.__scopeMenu), t = J(Y, e.__scopeMenu), r = tn(Y, e.__scopeMenu), c = Me(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(() => {
@@ -597,7 +597,7 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
       return () => {
         window.clearTimeout(i), _(null);
       };
-    }, [l, _]), /* @__PURE__ */ s(ge, { asChild: !0, ...m, children: /* @__PURE__ */ s(
+    }, [l, _]), /* @__PURE__ */ s(ve, { asChild: !0, ...m, children: /* @__PURE__ */ s(
       Xe,
       {
         id: r.triggerId,
@@ -606,14 +606,14 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
         "aria-controls": r.contentId,
         "data-state": sn(n.open),
         ...e,
-        ref: xe(o, r.onTriggerChange),
+        ref: ye(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) => {
+          j((i) => {
             c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !u.current && (c.onPointerGraceIntentChange(null), u.current = window.setTimeout(() => {
               n.onOpenChange(!0), d();
             }, 100));
@@ -621,12 +621,12 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
         ),
         onPointerLeave: w(
           e.onPointerLeave,
-          H((i) => {
+          j((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"];
+              const b = (g = n.content) == null ? void 0 : g.dataset.side, M = b === "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
@@ -637,7 +637,7 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
                   { x: h, y: f.bottom },
                   { x: T, y: f.bottom }
                 ],
-                side: D
+                side: b
               }), window.clearTimeout(l.current), l.current = window.setTimeout(
                 () => c.onPointerGraceIntentChange(null),
                 300
@@ -660,9 +660,9 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
 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,
+    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), _ = a.useRef(null), m = z(o, _);
+    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
+      he,
       {
         id: l.contentId,
         "aria-labelledby": l.triggerId,
@@ -697,11 +697,11 @@ cn.displayName = an;
 function sn(e) {
   return e ? "open" : "closed";
 }
-function oe(e) {
+function te(e) {
   return e === "indeterminate";
 }
-function Re(e) {
-  return oe(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function Ie(e) {
+  return te(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 function lo(e) {
   const o = document.activeElement;
@@ -734,10 +734,10 @@ function _o(e, o) {
   const n = { x: e.clientX, y: e.clientY };
   return mo(n, o);
 }
-function H(e) {
+function j(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(
+var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo = Je, Do = en, Eo = nn, So = on, xo = rn, yo = cn, ce = "DropdownMenu", [Po, ht] = _e(
   ce,
   [Ue]
 ), I = Ue(), [To, un] = Po(ce), dn = (e) => {
@@ -749,7 +749,7 @@ var wo = Be, go = ge, vo = We, Mo = he, ho = Ye, Co = ae, Ro = He, Io = Ze, Do =
     defaultOpen: c,
     onOpenChange: u,
     modal: l = !0
-  } = e, _ = I(o), m = a.useRef(null), [d, i] = Se({
+  } = e, _ = I(o), m = a.useRef(null), [d, i] = xe({
     prop: r,
     defaultProp: c ?? !1,
     onChange: u,
@@ -786,7 +786,7 @@ var ln = "DropdownMenuTrigger", fn = a.forwardRef(
         "data-disabled": t ? "" : void 0,
         disabled: t,
         ...r,
-        ref: xe(o, c.triggerRef),
+        ref: ye(o, c.triggerRef),
         onPointerDown: w(e.onPointerDown, (l) => {
           !t && l.button === 0 && l.ctrlKey === !1 && (c.onOpenToggle(), c.open || l.preventDefault());
         }),
@@ -863,12 +863,12 @@ var Ko = "DropdownMenuRadioGroup", zo = a.forwardRef((e, 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 });
+  return /* @__PURE__ */ s(bo, { ...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 });
+  return /* @__PURE__ */ s(Do, { ...r, ...t, ref: o });
 });
 Vo.displayName = Bo;
 var Wo = "DropdownMenuSeparator", Yo = a.forwardRef((e, o) => {
@@ -908,15 +908,16 @@ var qo = "DropdownMenuSubContent", Jo = a.forwardRef((e, o) => {
   );
 });
 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,
+var Ct = dn, Rt = fn, Qo = mn, et = _n;
+const nt = "cfxui__DropdownContent__fullWidth__c56c3", ot = "cfxui__DropdownContent__item__8feac", tt = "cfxui__DropdownContent__content__ea3aa", rt = "cfxui__DropdownContent__onlight__352dc", at = "cfxui__DropdownContent__disabled__9002a", ct = "cfxui__DropdownContent__trigger__4bac0", st = "cfxui__DropdownContent__icon__2ede5", X = {
+  fullWidth: nt,
+  item: ot,
+  content: tt,
+  onlight: rt,
+  disabled: at,
   "dropdownselect-size-initial-large": "cfxui__DropdownContent__dropdownselect-size-initial-large__04104",
-  trigger: at,
-  icon: ct,
+  trigger: ct,
+  icon: st,
   "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",
@@ -931,13 +932,13 @@ const nt = "cfxui__DropdownContent__content__ea3aa", ot = "cfxui__DropdownConten
   "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 = "normal", o = "content") {
+  return fe(
+    X[o],
+    Ne.getResponsiveFlatClassnames("dropdownselect-size", e).map((n) => X[n])
   );
 }
-function it(e) {
+function ut(e) {
   const {
     triggerWidth: o,
     options: n,
@@ -945,11 +946,11 @@ function it(e) {
     fullWidth: r = !1,
     className: c,
     onSelect: u
-  } = e, l = st(t), _ = Ae(
+  } = e, l = it(t), _ = fe(
     c,
     l,
     {
-      [te.fullWidth]: r
+      [X.fullWidth]: r
     }
   );
   return /* @__PURE__ */ s(
@@ -965,7 +966,10 @@ function it(e) {
       children: n.map((m) => /* @__PURE__ */ s(
         et,
         {
-          className: te.item,
+          disabled: m.disabled,
+          className: fe(X.item, {
+            [X.disabled]: m.disabled
+          }),
           onSelect: () => u(m.value),
           style: { width: o },
           children: m.label
@@ -975,10 +979,10 @@ function it(e) {
     }
   );
 }
-const Rt = gn.memo(it);
+const It = gn.memo(ut);
 export {
-  Rt as D,
-  ht as R,
-  Ct as T,
-  st as g
+  It as D,
+  Ct as R,
+  Rt as T,
+  it as g
 };

package/dist/assets/css/DropdownContent.css

@@ -1 +1 @@
-.cfxui__DropdownContent__content__ea3aa{--border-color: var(--color-input-border);border-radius:var(--border-radius-small);box-shadow:0 0 0 var(--input-border-size, initial) var(--border-color) inset;background-color:rgba(var(--color-bg),1);overflow:hidden}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__onlight__352dc{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xsmall);height:var(--control-height-normal);display:flex;align-items:center;padding:0 var(--offset-medium);cursor:pointer}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:hover{background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__fullWidth__c56c3,.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__fullWidth__c56c3 .cfxui__DropdownContent__item__8feac{width:100%}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
+.cfxui__DropdownContent__fullWidth__c56c3,.cfxui__DropdownContent__fullWidth__c56c3 .cfxui__DropdownContent__item__8feac{width:100%}.cfxui__DropdownContent__content__ea3aa{--border-color: var(--color-input-border);border-radius:var(--border-radius-small);box-shadow:0 0 0 var(--input-border-size, initial) var(--border-color) inset;background-color:rgba(var(--color-bg),1);overflow:hidden}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__onlight__352dc{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xsmall);height:var(--control-height-normal);display:flex;align-items:center;padding:0 var(--offset-medium);cursor:pointer}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:hover:not(.cfxui__DropdownContent__disabled__9002a){background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac.cfxui__DropdownContent__disabled__9002a{cursor:not-allowed;color:rgba(var(--color-secondary),1);background-color:rgba(var(--color-bg-dark),.5)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}

package/dist/components/DropdownContent/DropdownContent.d.ts

@@ -1,10 +1,14 @@
 import { default as React } from 'react';
 import { InputSize } from '../Input';
-import { SelectOption } from '../Select';
 import { ResponsiveValueType } from '../../utils/ui';
 
+export interface DropdownOption<T extends string> {
+    value: T;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
 export type ExtraClassNameTyape = 'content' | 'trigger';
-export type DropdownContentOption = SelectOption<string>;
+export type DropdownContentOption = DropdownOption<string>;
 export interface DropdownContentProps {
     options: DropdownContentOption[];
     className?: string;

package/dist/components/DropdownContent/DropdownContent.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a, g as i } from "../../DropdownContent-Robn2rha.js";
+import { D as a, g as i } from "../../DropdownContent-BertjH0y.js";
 import "react";
 import "../../utils/clsx.js";
 import "../../utils/ui/ui.js";

package/dist/components/DropdownContent/index.js

@@ -1,4 +1,4 @@
-import { D as n, g as t } from "../../DropdownContent-Robn2rha.js";
+import { D as n, g as t } from "../../DropdownContent-BertjH0y.js";
 export {
   n as DropdownContent,
   t as getDropdownContentSizeClassNames

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { R as m, T as p, D as f } from "../../DropdownContent-Robn2rha.js";
+import { R as m, T as p, D as f } from "../../DropdownContent-BertjH0y.js";
 import u from "react";
 function h(t) {
   const {

package/dist/components/DropdownSelect/DropdownSelect.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
+import { DropdownContentOption } from '../DropdownContent';
 import { IconSize } from '../Icon';
 import { InputSize } from '../Input';
-import { SelectOption } from '../Select';
 import { ResponsiveValueType } from '../../utils/ui';
 
 export declare const ICON_SIZE_MAP: Record<InputSize, IconSize>;
 export interface DropdownSelectProps<T = string> {
-    options: SelectOption<T>[];
+    options: DropdownContentOption[];
     value?: T;
     onChange: (value: T) => void;
     placeholder?: React.ReactNode;

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,5 +1,5 @@
 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 { g as w, R as C, T as D, D as W } from "../../DropdownContent-BertjH0y.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";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.3.14",
+  "version": "4.3.15",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",