@cfx-dev/ui-components 4.5.11 → 4.5.13

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

@@ -20,18 +20,18 @@ var On = a.forwardRef((e, o) => {
     orientation: t,
     loop: r = !1,
     dir: c,
-    currentTabStopId: u,
+    currentTabStopId: d,
     defaultCurrentTabStopId: l,
-    onCurrentTabStopIdChange: _,
-    onEntryFocus: m,
-    preventScrollOnEntryFocus: d = !1,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: _,
+    preventScrollOnEntryFocus: u = !1,
     ...i
   } = e, f = a.useRef(null), v = z(o, f), g = Te(c), [b, M] = xe({
-    prop: u,
+    prop: d,
     defaultProp: l ?? null,
-    onChange: _,
+    onChange: m,
     caller: Z
-  }), [R, T] = a.useState(!1), h = we(m), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
+  }), [R, T] = a.useState(!1), h = we(_), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
   return a.useEffect(() => {
     const C = f.current;
     if (C)
@@ -76,7 +76,7 @@ var On = a.forwardRef((e, o) => {
                 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);
+                Ke(se, u);
               }
             }
             $.current = !1;
@@ -93,9 +93,9 @@ var On = a.forwardRef((e, o) => {
       focusable: t = !0,
       active: r = !1,
       tabStopId: c,
-      children: u,
+      children: d,
       ...l
-    } = e, _ = le(), m = c || _, d = Nn(Ge, n), i = d.currentTabStopId === m, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = d;
+    } = e, m = le(), _ = c || m, u = Nn(Ge, n), i = u.currentTabStopId === _, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = u;
     return a.useEffect(() => {
       if (t)
         return v(), () => g();
@@ -103,27 +103,27 @@ var On = a.forwardRef((e, o) => {
       pe.ItemSlot,
       {
         scope: n,
-        id: m,
+        id: _,
         focusable: t,
         active: r,
         children: /* @__PURE__ */ s(
           N.span,
           {
             tabIndex: i ? 0 : -1,
-            "data-orientation": d.orientation,
+            "data-orientation": u.orientation,
             ...l,
             ref: o,
             onMouseDown: w(e.onMouseDown, (M) => {
-              t ? d.onItemFocus(m) : M.preventDefault();
+              t ? u.onItemFocus(_) : M.preventDefault();
             }),
-            onFocus: w(e.onFocus, () => d.onItemFocus(m)),
+            onFocus: w(e.onFocus, () => u.onItemFocus(_)),
             onKeyDown: w(e.onKeyDown, (M) => {
               if (M.key === "Tab" && M.shiftKey) {
-                d.onItemShiftTab();
+                u.onItemShiftTab();
                 return;
               }
               if (M.target !== M.currentTarget) return;
-              const R = Gn(M, d.orientation, d.dir);
+              const R = Gn(M, u.orientation, u.dir);
               if (R !== void 0) {
                 if (M.metaKey || M.ctrlKey || M.altKey || M.shiftKey) return;
                 M.preventDefault();
@@ -132,12 +132,12 @@ var On = a.forwardRef((e, o) => {
                 else if (R === "prev" || R === "next") {
                   R === "prev" && h.reverse();
                   const S = h.indexOf(M.currentTarget);
-                  h = d.loop ? Ln(h, S + 1) : h.slice(S + 1);
+                  h = u.loop ? Ln(h, S + 1) : h.slice(S + 1);
                 }
                 setTimeout(() => Ke(h));
               }
             }),
-            children: typeof u == "function" ? u({ isCurrentTabStop: i, hasTabStop: b != null }) : u
+            children: typeof d == "function" ? d({ isCurrentTabStop: i, hasTabStop: b != null }) : d
           }
         )
       }
@@ -182,11 +182,11 @@ var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"],
   Ae,
   Fe
 ]), 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);
+  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: d = !0 } = e, l = re(o), [m, _] = a.useState(null), u = 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 });
-    }, g = () => d.current = !1;
+      u.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
+    }, g = () => u.current = !1;
     return document.addEventListener("keydown", v, { capture: !0 }), () => {
       document.removeEventListener("keydown", v, { capture: !0 }), document.removeEventListener("pointerdown", g, { capture: !0 }), document.removeEventListener("pointermove", g, { capture: !0 });
     };
@@ -196,16 +196,16 @@ var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"],
       scope: o,
       open: n,
       onOpenChange: i,
-      content: _,
-      onContentChange: m,
+      content: m,
+      onContentChange: _,
       children: /* @__PURE__ */ s(
         Hn,
         {
           scope: o,
           onClose: a.useCallback(() => i(!1), [i]),
-          isUsingKeyboardRef: d,
+          isUsingKeyboardRef: u,
           dir: f,
-          modal: u,
+          modal: d,
           children: t
         }
       )
@@ -224,8 +224,8 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
   forceMount: void 0
 }), 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 = 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 }) }) }) });
+    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), d = 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: d.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: o }) : /* @__PURE__ */ s(Qn, { ...r, ref: o }) }) }) });
   }
 ), Jn = a.forwardRef(
   (e, o) => {
@@ -270,11 +270,11 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
       loop: t = !1,
       trapFocus: r,
       onOpenAutoFocus: c,
-      onCloseAutoFocus: u,
+      onCloseAutoFocus: d,
       disableOutsidePointerEvents: l,
-      onEntryFocus: _,
-      onEscapeKeyDown: m,
-      onPointerDownOutside: d,
+      onEntryFocus: m,
+      onEscapeKeyDown: _,
+      onPointerDownOutside: u,
       onFocusOutside: i,
       onInteractOutside: f,
       onDismiss: v,
@@ -329,14 +329,14 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
               var D;
               p.preventDefault(), (D = O.current) == null || D.focus({ preventScroll: !0 });
             }),
-            onUnmountAutoFocus: u,
+            onUnmountAutoFocus: d,
             children: /* @__PURE__ */ s(
               bn,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: l,
-                onEscapeKeyDown: m,
-                onPointerDownOutside: d,
+                onEscapeKeyDown: _,
+                onPointerDownOutside: u,
                 onFocusOutside: i,
                 onInteractOutside: f,
                 onDismiss: v,
@@ -350,7 +350,7 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
                     loop: t,
                     currentTabStopId: $,
                     onCurrentTabStopIdChange: Q,
-                    onEntryFocus: w(_, (p) => {
+                    onEntryFocus: w(m, (p) => {
                       R.isUsingKeyboardRef.current || p.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
@@ -417,27 +417,27 @@ var oo = "MenuLabel", Ye = a.forwardRef(
 Ye.displayName = oo;
 var oe = "MenuItem", Se = "menu.itemSelect", ae = a.forwardRef(
   (e, o) => {
-    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 { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), d = J(oe, e.__scopeMenu), l = Me(oe, e.__scopeMenu), m = z(o, c), _ = a.useRef(!1), u = () => {
       const i = c.current;
       if (!n && i) {
         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();
+        i.addEventListener(Se, (v) => t == null ? void 0 : t(v), { once: !0 }), vn(i, f), f.defaultPrevented ? _.current = !1 : d.onClose();
       }
     };
     return /* @__PURE__ */ s(
       Xe,
       {
         ...r,
-        ref: _,
+        ref: m,
         disabled: n,
-        onClick: w(e.onClick, d),
+        onClick: w(e.onClick, u),
         onPointerDown: (i) => {
           var f;
-          (f = e.onPointerDown) == null || f.call(e, i), m.current = !0;
+          (f = e.onPointerDown) == null || f.call(e, i), _.current = !0;
         },
         onPointerUp: w(e.onPointerUp, (i) => {
           var f;
-          m.current || (f = i.currentTarget) == null || f.click();
+          _.current || (f = i.currentTarget) == null || f.click();
         }),
         onKeyDown: w(e.onKeyDown, (i) => {
           const f = l.searchRef.current !== "";
@@ -450,9 +450,9 @@ var oe = "MenuItem", Se = "menu.itemSelect", ae = a.forwardRef(
 ae.displayName = oe;
 var Xe = a.forwardRef(
   (e, o) => {
-    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("");
+    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, d = Me(oe, n), l = $e(n), m = a.useRef(null), _ = z(o, m), [u, i] = a.useState(!1), [f, v] = a.useState("");
     return a.useEffect(() => {
-      const g = _.current;
+      const g = m.current;
       g && v((g.textContent ?? "").trim());
     }, [c.children]), /* @__PURE__ */ s(
       H.ItemSlot,
@@ -464,20 +464,20 @@ var Xe = a.forwardRef(
           N.div,
           {
             role: "menuitem",
-            "data-highlighted": d ? "" : void 0,
+            "data-highlighted": u ? "" : void 0,
             "aria-disabled": t || void 0,
             "data-disabled": t ? "" : void 0,
             ...c,
-            ref: m,
+            ref: _,
             onPointerMove: w(
               e.onPointerMove,
               j((g) => {
-                t ? u.onItemLeave(g) : (u.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
+                t ? d.onItemLeave(g) : (d.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
             onPointerLeave: w(
               e.onPointerLeave,
-              j((g) => u.onItemLeave(g))
+              j((g) => d.onItemLeave(g))
             ),
             onFocus: w(e.onFocus, () => i(!0)),
             onBlur: w(e.onBlur, () => i(!1))
@@ -532,8 +532,8 @@ var qe = "MenuRadioItem", Je = a.forwardRef(
         onSelect: w(
           t.onSelect,
           () => {
-            var u;
-            return (u = r.onValueChange) == null ? void 0 : u.call(r, n);
+            var d;
+            return (d = r.onValueChange) == null ? void 0 : d.call(r, n);
           },
           { checkForDefaultPrevented: !1 }
         )
@@ -589,15 +589,15 @@ var io = "MenuArrow", on = a.forwardRef(
 on.displayName = io;
 var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
   (e, o) => {
-    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;
+    const n = U(Y, e.__scopeMenu), t = J(Y, e.__scopeMenu), r = tn(Y, e.__scopeMenu), c = Me(Y, e.__scopeMenu), d = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, _ = { __scopeMenu: e.__scopeMenu }, u = a.useCallback(() => {
+      d.current && window.clearTimeout(d.current), d.current = null;
     }, []);
-    return a.useEffect(() => d, [d]), a.useEffect(() => {
+    return a.useEffect(() => u, [u]), a.useEffect(() => {
       const i = l.current;
       return () => {
-        window.clearTimeout(i), _(null);
+        window.clearTimeout(i), m(null);
       };
-    }, [l, _]), /* @__PURE__ */ s(ve, { asChild: !0, ...m, children: /* @__PURE__ */ s(
+    }, [l, m]), /* @__PURE__ */ s(ve, { asChild: !0, ..._, children: /* @__PURE__ */ s(
       Xe,
       {
         id: r.triggerId,
@@ -614,8 +614,8 @@ var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
         onPointerMove: w(
           e.onPointerMove,
           j((i) => {
-            c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !u.current && (c.onPointerGraceIntentChange(null), u.current = window.setTimeout(() => {
-              n.onOpenChange(!0), d();
+            c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+              n.onOpenChange(!0), u();
             }, 100));
           })
         ),
@@ -623,7 +623,7 @@ var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
           e.onPointerLeave,
           j((i) => {
             var v, g;
-            d();
+            u();
             const f = (v = n.content) == null ? void 0 : v.getBoundingClientRect();
             if (f) {
               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"];
@@ -660,34 +660,34 @@ var uo = "MenuSub", [Mt, 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 = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), _ = a.useRef(null), m = z(o, _);
+    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), d = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), m = a.useRef(null), _ = z(o, m);
     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,
         ...r,
-        ref: m,
+        ref: _,
         align: "start",
-        side: u.dir === "rtl" ? "left" : "right",
+        side: d.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: !1,
         disableOutsideScroll: !1,
         trapFocus: !1,
-        onOpenAutoFocus: (d) => {
+        onOpenAutoFocus: (u) => {
           var i;
-          u.isUsingKeyboardRef.current && ((i = _.current) == null || i.focus()), d.preventDefault();
+          d.isUsingKeyboardRef.current && ((i = m.current) == null || i.focus()), u.preventDefault();
         },
-        onCloseAutoFocus: (d) => d.preventDefault(),
-        onFocusOutside: w(e.onFocusOutside, (d) => {
-          d.target !== l.trigger && c.onOpenChange(!1);
+        onCloseAutoFocus: (u) => u.preventDefault(),
+        onFocusOutside: w(e.onFocusOutside, (u) => {
+          u.target !== l.trigger && c.onOpenChange(!1);
         }),
-        onEscapeKeyDown: w(e.onEscapeKeyDown, (d) => {
-          u.onClose(), d.preventDefault();
+        onEscapeKeyDown: w(e.onEscapeKeyDown, (u) => {
+          d.onClose(), u.preventDefault();
         }),
-        onKeyDown: w(e.onKeyDown, (d) => {
+        onKeyDown: w(e.onKeyDown, (u) => {
           var v;
-          const i = d.currentTarget.contains(d.target), f = Vn[u.dir].includes(d.key);
-          i && f && (c.onOpenChange(!1), (v = l.trigger) == null || v.focus(), d.preventDefault());
+          const i = u.currentTarget.contains(u.target), f = Vn[d.dir].includes(u.key);
+          i && f && (c.onOpenChange(!1), (v = l.trigger) == null || v.focus(), u.preventDefault());
         })
       }
     ) }) }) });
@@ -712,20 +712,20 @@ function fo(e, o) {
   return e.map((n, t) => e[(o + t) % e.length]);
 }
 function po(e, o, n) {
-  const r = o.length > 1 && Array.from(o).every((m) => m === o[0]) ? o[0] : o, c = n ? e.indexOf(n) : -1;
-  let u = fo(e, Math.max(c, 0));
-  r.length === 1 && (u = u.filter((m) => m !== n));
-  const _ = u.find(
-    (m) => m.toLowerCase().startsWith(r.toLowerCase())
+  const r = o.length > 1 && Array.from(o).every((_) => _ === o[0]) ? o[0] : o, c = n ? e.indexOf(n) : -1;
+  let d = fo(e, Math.max(c, 0));
+  r.length === 1 && (d = d.filter((_) => _ !== n));
+  const m = d.find(
+    (_) => _.toLowerCase().startsWith(r.toLowerCase())
   );
-  return _ !== n ? _ : void 0;
+  return m !== n ? m : void 0;
 }
 function mo(e, o) {
   const { x: n, y: t } = e;
   let r = !1;
-  for (let c = 0, u = o.length - 1; c < o.length; u = c++) {
-    const l = o[c], _ = o[u], m = l.x, d = l.y, i = _.x, f = _.y;
-    d > t != f > t && n < (i - m) * (t - d) / (f - d) + m && (r = !r);
+  for (let c = 0, d = o.length - 1; c < o.length; d = c++) {
+    const l = o[c], m = o[d], _ = l.x, u = l.y, i = m.x, f = m.y;
+    u > t != f > t && n < (i - _) * (t - u) / (f - u) + _ && (r = !r);
   }
   return r;
 }
@@ -747,12 +747,12 @@ var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo =
     dir: t,
     open: r,
     defaultOpen: c,
-    onOpenChange: u,
+    onOpenChange: d,
     modal: l = !0
-  } = e, _ = I(o), m = a.useRef(null), [d, i] = xe({
+  } = e, m = I(o), _ = a.useRef(null), [u, i] = xe({
     prop: r,
     defaultProp: c ?? !1,
-    onChange: u,
+    onChange: d,
     caller: ce
   });
   return /* @__PURE__ */ s(
@@ -760,21 +760,21 @@ var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo =
     {
       scope: o,
       triggerId: le(),
-      triggerRef: m,
+      triggerRef: _,
       contentId: le(),
-      open: d,
+      open: u,
       onOpenChange: i,
       onOpenToggle: a.useCallback(() => i((f) => !f), [i]),
       modal: l,
-      children: /* @__PURE__ */ s(wo, { ..._, open: d, onOpenChange: i, dir: t, modal: l, children: n })
+      children: /* @__PURE__ */ s(wo, { ...m, open: u, onOpenChange: i, dir: t, modal: l, children: n })
     }
   );
 };
 dn.displayName = ce;
 var ln = "DropdownMenuTrigger", fn = a.forwardRef(
   (e, o) => {
-    const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, c = un(ln, n), u = I(n);
-    return /* @__PURE__ */ s(go, { asChild: !0, ...u, children: /* @__PURE__ */ s(
+    const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, c = un(ln, n), d = I(n);
+    return /* @__PURE__ */ s(go, { asChild: !0, ...d, children: /* @__PURE__ */ s(
       N.button,
       {
         type: "button",
@@ -800,7 +800,7 @@ var ln = "DropdownMenuTrigger", fn = a.forwardRef(
 fn.displayName = ln;
 var pn = "DropdownMenuContent", mn = a.forwardRef(
   (e, o) => {
-    const { __scopeDropdownMenu: n, ...t } = e, r = un(pn, n), c = I(n), u = a.useRef(!1);
+    const { __scopeDropdownMenu: n, ...t } = e, r = un(pn, n), c = I(n), d = a.useRef(!1);
     return /* @__PURE__ */ s(
       vo,
       {
@@ -810,12 +810,12 @@ var pn = "DropdownMenuContent", mn = a.forwardRef(
         ...t,
         ref: o,
         onCloseAutoFocus: w(e.onCloseAutoFocus, (l) => {
-          var _;
-          u.current || (_ = r.triggerRef.current) == null || _.focus(), u.current = !1, l.preventDefault();
+          var m;
+          d.current || (m = r.triggerRef.current) == null || m.focus(), d.current = !1, l.preventDefault();
         }),
         onInteractOutside: w(e.onInteractOutside, (l) => {
-          const _ = l.detail.originalEvent, m = _.button === 0 && _.ctrlKey === !0, d = _.button === 2 || m;
-          (!r.modal || d) && (u.current = !0);
+          const m = l.detail.originalEvent, _ = m.button === 0 && m.ctrlKey === !0, u = m.button === 2 || _;
+          (!r.modal || u) && (d.current = !0);
         }),
         style: {
           ...e.style,
@@ -945,10 +945,11 @@ function ut(e) {
     size: t,
     fullWidth: r = !1,
     className: c,
-    onSelect: u
-  } = e, l = it(t), _ = fe(
+    itemClassName: d,
+    onSelect: l
+  } = e, m = it(t), _ = fe(
     c,
-    l,
+    m,
     {
       [X.fullWidth]: r
     }
@@ -963,18 +964,18 @@ function ut(e) {
         width: o,
         zIndex: Ne.zindex("max")
       },
-      children: n.map((m) => /* @__PURE__ */ s(
+      children: n.map((u) => /* @__PURE__ */ s(
         et,
         {
-          disabled: m.disabled,
-          className: fe(X.item, {
-            [X.disabled]: m.disabled
+          disabled: u.disabled,
+          className: fe(X.item, d, {
+            [X.disabled]: u.disabled
           }),
-          onSelect: () => u(m.value),
+          onSelect: () => l(u.value),
           style: { width: o },
-          children: m.label
+          children: u.label
         },
-        m.value
+        u.value
       ))
     }
   );

package/dist/assets/css/Input.css

@@ -1 +1 @@
-.cfxui__Input__root__6392b{position:relative;display:inline-flex}.cfxui__Input__root__6392b.cfxui__Input__fullWidth__5a033{width:100%}.cfxui__Input__root__6392b:not(.cfxui__Input__empty__3b36a) .cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus+.cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus-visible+.cfxui__Input__placeholderIcon__4d079{display:none}.cfxui__Input__root__6392b .cfxui__Input__decorator__3b81f{position:absolute;display:flex;align-items:center;gap:var(--offset-normal);bottom:var(--input-border-size, initial);right:var(--offset-small);height:calc(var(--control-height-normal) - var(--input-border-size, initial) * 2)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{position:absolute;left:var(--offset-medium);top:50%;transform:translateY(-50%);color:var(--color-input-placeholder);width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__backdropBlur__fdde1 .cfxui__Input__input__07830{--backdrop-color: var(--color-input-background);--over-backdrop-color: var(--backdrop-color, transparent);--over-backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--over-backdrop-color, initial);background-image:linear-gradient(var(--over-backdrop-color, initial),var(--over-backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--over-backdrop-image-blur, initial),var(--over-backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-large__12afb .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-large__12afb .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-large__12afb .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-small__33905 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-small__33905 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-small__33905 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-large__e2689 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-large__e2689 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-large__e2689 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-small__fc7c7 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-small__fc7c7 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-small__fc7c7 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-large__d13bf .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-large__d13bf .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-large__d13bf .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-small__1213b .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-small__1213b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-small__1213b .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large__6a868 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large__6a868 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large__6a868 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-small__140cd .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-small__140cd .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-small__140cd .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-large__9e60d .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-large__9e60d .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-large__9e60d .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-small__b3a78 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-small__b3a78 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-small__b3a78 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-large__b8fe5 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-large__b8fe5 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-large__b8fe5 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-small__40920 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-small__40920 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-small__40920 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-large__1ef2c .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-large__1ef2c .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-large__1ef2c .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-small__7f6ab .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-small__7f6ab .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-small__7f6ab .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}
+.cfxui__Input__root__6392b{position:relative;display:inline-flex}.cfxui__Input__root__6392b.cfxui__Input__fullWidth__5a033{width:100%}.cfxui__Input__root__6392b:not(.cfxui__Input__empty__3b36a) .cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus+.cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus-visible+.cfxui__Input__placeholderIcon__4d079{display:none}.cfxui__Input__root__6392b .cfxui__Input__decorator__3b81f{position:absolute;display:flex;align-items:center;gap:var(--offset-normal);bottom:var(--input-border-size, initial);right:var(--offset-small);height:calc(var(--control-height-normal) - var(--input-border-size, initial) * 2)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{position:absolute;left:var(--offset-medium);top:50%;transform:translateY(-50%);color:var(--color-input-placeholder);width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b.cfxui__Input__backdropBlur__fdde1 .cfxui__Input__input__07830{--backdrop-color: var(--color-input-background);--over-backdrop-color: var(--backdrop-color, transparent);--over-backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--over-backdrop-color, initial);background-image:linear-gradient(var(--over-backdrop-color, initial),var(--over-backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--over-backdrop-image-blur, initial),var(--over-backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}.cfxui__Input__root__6392b.cfxui__Input__size-initial-large__61eb0 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-large__61eb0 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-large__61eb0 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-small__f4fae .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-small__f4fae .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-small__f4fae .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__size-small-large__6e2dd .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-large__6e2dd .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-large__6e2dd .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__size-small-small__d0b97 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-small__d0b97 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-small__d0b97 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-large__ea27c .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-large__ea27c .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-large__ea27c .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-small__1272f .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-small__1272f .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-small__1272f .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-large__5a941 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large__5a941 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large__5a941 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-small__11d17 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-small__11d17 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-small__11d17 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-large__47a52 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-large__47a52 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-large__47a52 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-small__13d07 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-small__13d07 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-small__13d07 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__size-large-large__70f5f .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-large__70f5f .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-large__70f5f .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__size-large-small__3aa81 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-small__3aa81 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-small__3aa81 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-large__2becf .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-large__2becf .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-large__2becf .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-small__3bac0 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-small__3bac0 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-small__3bac0 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}

package/dist/assets/css/StyledInput.css

@@ -1 +1 @@
-.cfxui__StyledInput__root__37064{width:100%;padding:0 var(--offset-medium);border:none;flex-grow:1;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__StyledInput__root__37064::placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::-moz-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064[type=search]::-ms-clear,.cfxui__StyledInput__root__37064[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__StyledInput__root__37064[type=search]::-webkit-search-decoration,.cfxui__StyledInput__root__37064[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__StyledInput__root__37064[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__StyledInput__root__37064.cfxui__StyledInput__small__0f240{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__large__a3ad2{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::-moz-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizeinitial-large__a31e6{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizeinitial-small__77433{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-large__eb62a{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-small__d5e87{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-medium-large__b13be{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-medium-small__a9d00{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-large__75764{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-small__43151{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-large-large__3f450{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-large-small__eba0f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizelarge-large__19572{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizelarge-small__3ecc3{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizexlarge-large__06e9b{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizexlarge-small__b318f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
+.cfxui__StyledInput__root__37064{width:100%;padding:0 var(--offset-medium);border:none;flex-grow:1;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__StyledInput__root__37064::placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::-moz-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064[type=search]::-ms-clear,.cfxui__StyledInput__root__37064[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__StyledInput__root__37064[type=search]::-webkit-search-decoration,.cfxui__StyledInput__root__37064[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__StyledInput__root__37064[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__StyledInput__root__37064.cfxui__StyledInput__small__0f240{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__large__a3ad2{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::-moz-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-initial-large__43033{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-initial-small__6e9de{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-large__77186{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-small__968a4{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-medium-large__96f91{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-medium-small__0a42b{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-large__e552f{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-small__28227{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-large-large__0c8e8{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-large-small__35702{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-large-large__7dfe8{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-large-small__69180{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-xlarge-large__f4d6e{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-xlarge-small__b60c7{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}

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

@@ -12,6 +12,7 @@ export type DropdownContentOption = DropdownOption<string>;
 export interface DropdownContentProps {
     options: DropdownContentOption[];
     className?: string;
+    itemClassName?: string;
     triggerWidth?: React.CSSProperties['width'];
     size?: ResponsiveValueType<InputSize>;
     fullWidth?: boolean;

package/dist/components/DropdownContent/DropdownContent.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a, g as i } from "../../DropdownContent-BertjH0y.js";
+import { D as a, g as i } from "../../DropdownContent-CLtPVRZg.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-BertjH0y.js";
+import { D as n, g as t } from "../../DropdownContent-CLtPVRZg.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-BertjH0y.js";
+import { R as m, T as p, D as f } from "../../DropdownContent-CLtPVRZg.js";
 import u from "react";
 function h(t) {
   const {

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { g as W, R as N, T as R, D as v } from "../../DropdownContent-BertjH0y.js";
+import { g as W, R as N, T as R, D as v } from "../../DropdownContent-CLtPVRZg.js";
 import _, { useRef as b, useState as z, useEffect as I } from "react";
 import T from "../Flex/Flex.js";
 import { clsx as j } from "../../utils/clsx.js";

package/dist/components/Input/Input.js

@@ -1,151 +1,148 @@
-import { jsxs as q, jsx as t } from "react/jsx-runtime";
+import { jsxs as q, jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { Icon as H } from "../Icon/Icon.js";
 import J from "../IconButton/IconButton.js";
 import { Indicator as L } from "../Indicator/Indicator.js";
 import O from "../StyledInput/StyledInput.js";
-import { clsx as k } from "../../utils/clsx.js";
+import { clsx as R } from "../../utils/clsx.js";
 import { getValue as P } from "../../utils/getValue.js";
 import { ui as Q } from "../../utils/ui/ui.js";
-const U = "cfxui__Input__root__6392b", Y = "cfxui__Input__fullWidth__5a033", Z = "cfxui__Input__empty__3b36a", ee = "cfxui__Input__placeholderIcon__4d079", le = "cfxui__Input__input__07830", te = "cfxui__Input__decorator__3b81f", ae = "cfxui__Input__small__c1513", ie = "cfxui__Input__large__92d72", ne = "cfxui__Input__onlight__7d0b7", ue = "cfxui__Input__backdropBlur__fdde1", l = {
+const U = "cfxui__Input__root__6392b", Y = "cfxui__Input__fullWidth__5a033", Z = "cfxui__Input__empty__3b36a", ee = "cfxui__Input__placeholderIcon__4d079", le = "cfxui__Input__input__07830", ae = "cfxui__Input__decorator__3b81f", te = "cfxui__Input__backdropBlur__fdde1", l = {
   root: U,
   fullWidth: Y,
   empty: Z,
   placeholderIcon: ee,
   input: le,
-  decorator: te,
-  small: ae,
-  large: ie,
-  onlight: ne,
-  backdropBlur: ue,
-  "inputSizeinitial-large": "cfxui__Input__inputSizeinitial-large__12afb",
-  "inputSizeinitial-small": "cfxui__Input__inputSizeinitial-small__33905",
-  "inputSizesmall-large": "cfxui__Input__inputSizesmall-large__e2689",
-  "inputSizesmall-small": "cfxui__Input__inputSizesmall-small__fc7c7",
-  "inputSizesmall-medium-large": "cfxui__Input__inputSizesmall-medium-large__d13bf",
-  "inputSizesmall-medium-small": "cfxui__Input__inputSizesmall-medium-small__1213b",
-  "inputSizemedium-large": "cfxui__Input__inputSizemedium-large__6a868",
-  "inputSizemedium-small": "cfxui__Input__inputSizemedium-small__140cd",
-  "inputSizemedium-large-large": "cfxui__Input__inputSizemedium-large-large__9e60d",
-  "inputSizemedium-large-small": "cfxui__Input__inputSizemedium-large-small__b3a78",
-  "inputSizelarge-large": "cfxui__Input__inputSizelarge-large__b8fe5",
-  "inputSizelarge-small": "cfxui__Input__inputSizelarge-small__40920",
-  "inputSizexlarge-large": "cfxui__Input__inputSizexlarge-large__1ef2c",
-  "inputSizexlarge-small": "cfxui__Input__inputSizexlarge-small__7f6ab"
+  decorator: ae,
+  backdropBlur: te,
+  "size-initial-large": "cfxui__Input__size-initial-large__61eb0",
+  "size-initial-small": "cfxui__Input__size-initial-small__f4fae",
+  "size-small-large": "cfxui__Input__size-small-large__6e2dd",
+  "size-small-small": "cfxui__Input__size-small-small__d0b97",
+  "size-small-medium-large": "cfxui__Input__size-small-medium-large__ea27c",
+  "size-small-medium-small": "cfxui__Input__size-small-medium-small__1272f",
+  "size-medium-large": "cfxui__Input__size-medium-large__5a941",
+  "size-medium-small": "cfxui__Input__size-medium-small__11d17",
+  "size-medium-large-large": "cfxui__Input__size-medium-large-large__47a52",
+  "size-medium-large-small": "cfxui__Input__size-medium-large-small__13d07",
+  "size-large-large": "cfxui__Input__size-large-large__70f5f",
+  "size-large-small": "cfxui__Input__size-large-small__3aa81",
+  "size-xlarge-large": "cfxui__Input__size-xlarge-large__2becf",
+  "size-xlarge-small": "cfxui__Input__size-xlarge-small__3bac0"
 };
-function _e(n) {
+function ie(_) {
   const {
-    decorator: r,
+    decorator: n,
     loading: m,
-    type: p,
-    hasValue: a,
-    onCleare: o
-  } = n;
-  return m ? /* @__PURE__ */ t("div", { className: l.decorator, children: /* @__PURE__ */ t(L, {}) }) : r ? /* @__PURE__ */ t("div", { className: l.decorator, children: P(r) }) : p === "search" && a ? /* @__PURE__ */ t("div", { className: l.decorator, children: /* @__PURE__ */ t(J, { size: "xsmall", areaSize: "large", name: "Close", onClick: o }) }) : null;
+    type: d,
+    hasValue: t,
+    onCleare: u
+  } = _;
+  return m ? /* @__PURE__ */ a("div", { className: l.decorator, children: /* @__PURE__ */ a(L, {}) }) : n ? /* @__PURE__ */ a("div", { className: l.decorator, children: P(n) }) : d === "search" && t ? /* @__PURE__ */ a("div", { className: l.decorator, children: /* @__PURE__ */ a(J, { size: "xsmall", areaSize: "large", name: "Close", onClick: u }) }) : null;
 }
-function Ie(n) {
+function fe(_) {
   const {
-    id: r,
+    id: n,
     name: m,
-    fullWidth: p = !1,
-    value: a,
-    defaultValue: o,
-    onChange: d,
-    onSubmit: f,
-    onKeyDown: g,
-    pattern: I,
-    tabIndex: R,
-    loading: w = !1,
-    spellCheck: v = !0,
-    autofocus: E = !1,
-    disabled: V = !1,
-    className: B,
+    fullWidth: d = !1,
+    value: t,
+    defaultValue: u,
+    onChange: f,
+    onSubmit: p,
+    onKeyDown: I,
+    pattern: g,
+    tabIndex: w,
+    loading: v = !1,
+    spellCheck: E = !0,
+    autofocus: V = !1,
+    disabled: B = !1,
+    className: S,
     containerClassName: W,
-    placeholder: c = "",
-    placeholderIcon: s,
-    type: S = "text",
-    size: z = "normal",
-    theme: h = "default",
+    placeholder: o = "",
+    placeholderIcon: c,
+    type: z = "text",
+    size: h = "normal",
+    theme: b = "default",
     decorator: D,
     backdropBlur: F = !1,
     ref: A
-  } = n, [x, K] = i.useState(a || o), b = typeof x < "u" && x !== "" && x !== null || typeof a < "u" && a !== "" && a !== null;
-  let C, y, N;
-  if (n.type === "number") {
+  } = _, [x, K] = i.useState(t || u), C = typeof x < "u" && x !== "" && x !== null || typeof t < "u" && t !== "" && t !== null;
+  let y, N, k;
+  if (_.type === "number") {
     const {
       min: e,
-      max: _,
+      max: s,
       step: $
-    } = n;
-    N = $ ?? 1, C = e ?? Number.MIN_SAFE_INTEGER, y = _ ?? Number.MAX_SAFE_INTEGER;
+    } = _;
+    k = $ ?? 1, y = e ?? Number.MIN_SAFE_INTEGER, N = s ?? Number.MAX_SAFE_INTEGER;
   }
-  const u = i.useCallback((e) => {
-    K(e), d && d(e);
-  }, [d]), M = i.useCallback(
+  const r = i.useCallback((e) => {
+    K(e), f && f(e);
+  }, [f]), M = i.useCallback(
     (e) => {
       const {
-        value: _
+        value: s
       } = e.target;
-      if (I) {
-        I.test(_) && u(_);
+      if (g) {
+        g.test(s) && r(s);
         return;
       }
-      u(_);
+      r(s);
     },
-    [u, I]
+    [r, g]
   ), j = i.useCallback((e) => {
-    g && g(e), f && e.key === "Enter" && f();
-  }, [g, f]), G = i.useCallback(() => {
-    u("");
-  }, [u]), T = k(
+    I && I(e), p && e.key === "Enter" && p();
+  }, [I, p]), G = i.useCallback(() => {
+    r("");
+  }, [r]), T = R(
     l.root,
-    l[h],
+    l[b],
     W,
-    Q.getResponsiveFlatClassnames("input-size", z).map((e) => l[e]),
+    Q.getResponsiveFlatClassnames("size", h).map((e) => l[e]),
     {
-      [l.fullWidth]: p,
+      [l.fullWidth]: d,
       [l.backdropBlur]: F,
-      [l.empty]: !b
+      [l.empty]: !C
     }
-  ), X = i.useMemo(() => c ? s ? `     ${c.trim()}` : c.trim() : "", [c, s]);
+  ), X = i.useMemo(() => o ? c ? `     ${o.trim()}` : o.trim() : "", [o, c]);
   return /* @__PURE__ */ q("div", { className: T, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       O,
       {
-        size: z,
-        theme: h,
-        id: r,
+        size: h,
+        theme: b,
+        id: n,
         name: m,
         ref: A,
-        type: S,
-        tabIndex: R,
-        className: k(l.input, B),
-        value: a,
+        type: z,
+        tabIndex: w,
+        className: R(l.input, S),
+        value: t,
         placeholder: X,
-        disabled: V,
+        disabled: B,
         onChange: M,
         onKeyDown: j,
-        spellCheck: v,
-        min: C,
-        max: y,
-        step: N,
-        defaultValue: o,
-        autoFocus: E
+        spellCheck: E,
+        min: y,
+        max: N,
+        step: k,
+        defaultValue: u,
+        autoFocus: V
       }
     ),
-    s && /* @__PURE__ */ t(H, { name: s, className: l.placeholderIcon }),
-    /* @__PURE__ */ t(
-      _e,
+    c && /* @__PURE__ */ a(H, { name: c, className: l.placeholderIcon }),
+    /* @__PURE__ */ a(
+      ie,
       {
         decorator: D,
-        loading: w,
-        type: S,
-        hasValue: b,
+        loading: v,
+        type: z,
+        hasValue: C,
         onCleare: G
       }
     )
   ] });
 }
 export {
-  Ie as default
+  fe as default
 };

package/dist/components/StyledInput/StyledInput.js

@@ -6,41 +6,41 @@ const s = "cfxui__StyledInput__root__37064", S = "cfxui__StyledInput__small__0f2
   small: S,
   large: r,
   onlight: d,
-  "inputSizeinitial-large": "cfxui__StyledInput__inputSizeinitial-large__a31e6",
-  "inputSizeinitial-small": "cfxui__StyledInput__inputSizeinitial-small__77433",
-  "inputSizesmall-large": "cfxui__StyledInput__inputSizesmall-large__eb62a",
-  "inputSizesmall-small": "cfxui__StyledInput__inputSizesmall-small__d5e87",
-  "inputSizesmall-medium-large": "cfxui__StyledInput__inputSizesmall-medium-large__b13be",
-  "inputSizesmall-medium-small": "cfxui__StyledInput__inputSizesmall-medium-small__a9d00",
-  "inputSizemedium-large": "cfxui__StyledInput__inputSizemedium-large__75764",
-  "inputSizemedium-small": "cfxui__StyledInput__inputSizemedium-small__43151",
-  "inputSizemedium-large-large": "cfxui__StyledInput__inputSizemedium-large-large__3f450",
-  "inputSizemedium-large-small": "cfxui__StyledInput__inputSizemedium-large-small__eba0f",
-  "inputSizelarge-large": "cfxui__StyledInput__inputSizelarge-large__19572",
-  "inputSizelarge-small": "cfxui__StyledInput__inputSizelarge-small__3ecc3",
-  "inputSizexlarge-large": "cfxui__StyledInput__inputSizexlarge-large__06e9b",
-  "inputSizexlarge-small": "cfxui__StyledInput__inputSizexlarge-small__b318f"
+  "inputSize-initial-large": "cfxui__StyledInput__inputSize-initial-large__43033",
+  "inputSize-initial-small": "cfxui__StyledInput__inputSize-initial-small__6e9de",
+  "inputSize-small-large": "cfxui__StyledInput__inputSize-small-large__77186",
+  "inputSize-small-small": "cfxui__StyledInput__inputSize-small-small__968a4",
+  "inputSize-small-medium-large": "cfxui__StyledInput__inputSize-small-medium-large__96f91",
+  "inputSize-small-medium-small": "cfxui__StyledInput__inputSize-small-medium-small__0a42b",
+  "inputSize-medium-large": "cfxui__StyledInput__inputSize-medium-large__e552f",
+  "inputSize-medium-small": "cfxui__StyledInput__inputSize-medium-small__28227",
+  "inputSize-medium-large-large": "cfxui__StyledInput__inputSize-medium-large-large__0c8e8",
+  "inputSize-medium-large-small": "cfxui__StyledInput__inputSize-medium-large-small__35702",
+  "inputSize-large-large": "cfxui__StyledInput__inputSize-large-large__7dfe8",
+  "inputSize-large-small": "cfxui__StyledInput__inputSize-large-small__69180",
+  "inputSize-xlarge-large": "cfxui__StyledInput__inputSize-xlarge-large__f4d6e",
+  "inputSize-xlarge-small": "cfxui__StyledInput__inputSize-xlarge-small__b60c7"
 };
-function f(e) {
+function z(i) {
   const {
-    className: i,
+    className: e,
     size: _ = "normal",
     theme: t = "default",
     ...u
-  } = e;
+  } = i;
   return /* @__PURE__ */ n(
     "input",
     {
       className: m(
-        i,
+        e,
         l.root,
         l[t],
-        p.getResponsiveFlatClassnames("input-size", _).map((a) => l[a])
+        p.getResponsiveFlatClassnames("inputSize", _).map((a) => l[a])
       ),
       ...u
     }
   );
 }
 export {
-  f as default
+  z as default
 };

package/package.json

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