alif-ui 1.3.13 → 1.3.14

package/dist/alif-ui.es.js

@@ -1,4 +1,4 @@
-import xe, { forwardRef as R, useId as ge, Children as bt, isValidElement as Ye, createContext as Io, useContext as Ao, useEffect as We, useState as Q, useRef as se, useMemo as Oe, cloneElement as Wo } from "react";
+import xe, { forwardRef as R, useId as be, Children as gt, isValidElement as Ye, createContext as Io, useContext as Ao, useEffect as We, useState as Q, useRef as se, useMemo as Oe, cloneElement as Wo } from "react";
 var ut = { exports: {} }, $e = {};
 /**
  * @license React
@@ -14,11 +14,11 @@ function Eo() {
   if (Bt) return $e;
   Bt = 1;
   var e = xe, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(l, h, g) {
-    var b, v = {}, p = null, C = null;
-    g !== void 0 && (p = "" + g), h.key !== void 0 && (p = "" + h.key), h.ref !== void 0 && (C = h.ref);
-    for (b in h) r.call(h, b) && !a.hasOwnProperty(b) && (v[b] = h[b]);
-    if (l && l.defaultProps) for (b in h = l.defaultProps, h) v[b] === void 0 && (v[b] = h[b]);
+  function c(l, h, b) {
+    var g, v = {}, p = null, C = null;
+    b !== void 0 && (p = "" + b), h.key !== void 0 && (p = "" + h.key), h.ref !== void 0 && (C = h.ref);
+    for (g in h) r.call(h, g) && !a.hasOwnProperty(g) && (v[g] = h[g]);
+    if (l && l.defaultProps) for (g in h = l.defaultProps, h) v[g] === void 0 && (v[g] = h[g]);
     return { $$typeof: t, type: l, key: p, ref: C, props: v, _owner: s.current };
   }
   return $e.Fragment = o, $e.jsx = c, $e.jsxs = c, $e;
@@ -36,7 +36,7 @@ var ze = {};
 var Dt;
 function To() {
   return Dt || (Dt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = xe, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), m = Symbol.iterator, S = "@@iterator";
+    var e = xe, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), m = Symbol.iterator, S = "@@iterator";
     function j(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -63,8 +63,8 @@ function To() {
     }
     var A = !1, q = !1, N = !1, Y = !1, W = !1, F;
     F = Symbol.for("react.module.reference");
-    function re(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === r || i === a || W || i === s || i === g || i === b || Y || i === C || A || q || N || typeof i == "object" && i !== null && (i.$$typeof === p || i.$$typeof === v || i.$$typeof === c || i.$$typeof === l || i.$$typeof === h || // This needs to include all possible module reference object
+    function te(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === r || i === a || W || i === s || i === b || i === g || Y || i === C || A || q || N || typeof i == "object" && i !== null && (i.$$typeof === p || i.$$typeof === v || i.$$typeof === c || i.$$typeof === l || i.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -96,9 +96,9 @@ function To() {
           return "Profiler";
         case s:
           return "StrictMode";
-        case g:
-          return "Suspense";
         case b:
+          return "Suspense";
+        case g:
           return "SuspenseList";
       }
       if (typeof i == "object")
@@ -292,9 +292,9 @@ function To() {
       if (typeof i == "string")
         return Ee(i);
       switch (i) {
-        case g:
-          return Ee("Suspense");
         case b:
+          return Ee("Suspense");
+        case g:
           return Ee("SuspenseList");
       }
       if (typeof i == "object")
@@ -344,13 +344,13 @@ function To() {
     function et(i) {
       return uo(i);
     }
-    function go(i) {
+    function bo(i) {
       {
         var u = typeof Symbol == "function" && Symbol.toStringTag, f = u && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return f;
       }
     }
-    function bo(i) {
+    function go(i) {
       try {
         return zt(i), !1;
       } catch {
@@ -361,8 +361,8 @@ function To() {
       return "" + i;
     }
     function kt(i) {
-      if (bo(i))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", go(i)), zt(i);
+      if (go(i))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", bo(i)), zt(i);
     }
     var je = _.ReactCurrentOwner, vo = {
       key: !0,
@@ -575,7 +575,7 @@ Check the top-level render call using <` + f + ">.");
     var Et = {};
     function Tt(i, u, f, y, L, H) {
       {
-        var k = re(i);
+        var k = te(i);
         if (!k) {
           var $ = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && ($ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -672,17 +672,17 @@ const Bo = "_root_11rta_1", Do = {
     className: c,
     size: l = "m",
     ...h
-  }, g) => {
-    const b = !s, v = `${Do.root} ${c} ${a ? "disabled" : ""} ${r ? "rounded" : ""}`, p = Vo(
+  }, b) => {
+    const g = !s, v = `${Do.root} ${c} ${a ? "disabled" : ""} ${r ? "rounded" : ""}`, p = Vo(
       e,
       r,
       l,
-      b
+      g
     );
     return /* @__PURE__ */ n.jsxs(
       "button",
       {
-        ref: g,
+        ref: b,
         style: p,
         className: v,
         disabled: a,
@@ -951,9 +951,9 @@ const qo = {
     children: c,
     className: l,
     ...h
-  }, g) => {
-    const b = `${Me.root} ${l}`, v = Go(t, e, o);
-    return /* @__PURE__ */ n.jsxs("span", { ref: g, style: v, className: b, ...h, children: [
+  }, b) => {
+    const g = `${Me.root} ${l}`, v = Go(t, e, o);
+    return /* @__PURE__ */ n.jsxs("span", { ref: b, style: v, className: g, ...h, children: [
       r && /* @__PURE__ */ n.jsx("span", { className: Me.icon, children: r }),
       c,
       a && /* @__PURE__ */ n.jsx("span", { className: Me.counter, children: a }),
@@ -1032,8 +1032,8 @@ const Ko = "_root_u3ur7_1", Jo = {
     isIconButton: c = !1,
     className: l,
     ...h
-  }, g) => {
-    const b = z(
+  }, b) => {
+    const g = z(
       Jo.root,
       l,
       a && "disabled"
@@ -1041,9 +1041,9 @@ const Ko = "_root_u3ur7_1", Jo = {
     return /* @__PURE__ */ n.jsxs(
       "button",
       {
-        ref: g,
+        ref: b,
         style: v,
-        className: b,
+        className: g,
         disabled: a,
         ...h,
         children: [
@@ -1518,7 +1518,7 @@ const on = ({ className: e, width: t, height: o, fill: r }) => /* @__PURE__ */ n
       }
     )
   }
-), gn = ({
+), bn = ({
   className: e,
   width: t = "24",
   height: o = "24",
@@ -1542,7 +1542,7 @@ const on = ({ className: e, width: t, height: o, fill: r }) => /* @__PURE__ */ n
       }
     )
   }
-), bn = ({ fill: e }) => /* @__PURE__ */ n.jsx(
+), gn = ({ fill: e }) => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "24",
@@ -1632,9 +1632,9 @@ const on = ({ className: e, width: t, height: o, fill: r }) => /* @__PURE__ */ n
       if (a) return;
       const S = m.target.checked;
       t(S);
-    }, g = xn(
+    }, b = xn(
       s
-    ), b = wn(a), v = yn(a), p = c ? `${ke.root} ${ke.inputWithList}` : ke.root, C = s === "s" ? ke.spaceHorizontalSmall : ke.spaceHorizontalMedium;
+    ), g = wn(a), v = yn(a), p = c ? `${ke.root} ${ke.inputWithList}` : ke.root, C = s === "s" ? ke.spaceHorizontalSmall : ke.spaceHorizontalMedium;
     return /* @__PURE__ */ n.jsxs("label", { className: `${p} ${C}`, children: [
       /* @__PURE__ */ n.jsx(
         "input",
@@ -1647,12 +1647,12 @@ const on = ({ className: e, width: t, height: o, fill: r }) => /* @__PURE__ */ n
           ref: l
         }
       ),
-      /* @__PURE__ */ n.jsxs("div", { style: { ...g }, children: [
+      /* @__PURE__ */ n.jsxs("div", { style: { ...b }, children: [
         !o && c && /* @__PURE__ */ n.jsx(an, {}),
         o && /* @__PURE__ */ n.jsx(rn, {})
       ] }),
       /* @__PURE__ */ n.jsxs("div", { children: [
-        /* @__PURE__ */ n.jsx("span", { style: { color: b }, children: e }),
+        /* @__PURE__ */ n.jsx("span", { style: { color: g }, children: e }),
         r && /* @__PURE__ */ n.jsx("p", { style: { color: v }, children: r })
       ] })
     ] });
@@ -1781,18 +1781,13 @@ const jn = "_root_1cdf9_1", $n = "_highlight_1cdf9_7", zn = "_fullWidth_1cdf9_12
     checked: c,
     onChange: l,
     label: h,
-    leftSectionIcon: g,
-    rightSectionIcon: b,
+    leftSectionIcon: b,
+    rightSectionIcon: g,
     counter: v,
     isAlert: p = !1,
     selectionType: C = "single"
   }, m) => {
-    const S = z(
-      Ce.root,
-      e,
-      t && "disabled",
-      o && "rounded"
-    ), j = En(s, a, o), _ = ge();
+    const S = z(Ce.root, e), j = En(s, a, o), _ = be();
     return /* @__PURE__ */ n.jsxs("div", { className: S, style: j, children: [
       /* @__PURE__ */ n.jsx(
         "input",
@@ -1809,11 +1804,11 @@ const jn = "_root_1cdf9_1", $n = "_highlight_1cdf9_7", zn = "_fullWidth_1cdf9_12
         }
       ),
       /* @__PURE__ */ n.jsxs("label", { htmlFor: _, children: [
-        g && g,
+        b && b,
         h,
         v && /* @__PURE__ */ n.jsx("span", { className: Ce.counter, children: v }),
         p && /* @__PURE__ */ n.jsx("span", { className: Ce.alert }),
-        b && b
+        g && g
       ] }),
       s === "text" && /* @__PURE__ */ n.jsx(
         "span",
@@ -1836,8 +1831,8 @@ const Tn = R(
     defaultValue: c,
     onChange: l,
     fullWidth: h,
-    disabled: g = !1,
-    children: b,
+    disabled: b = !1,
+    children: g,
     justify: v = "flex-start"
   }, p) => {
     const C = z(
@@ -1853,8 +1848,8 @@ const Tn = R(
       const x = Array.isArray(a) ? [...a] : [], I = x.indexOf(_);
       I >= 0 ? x.splice(I, 1) : x.push(_), l(x);
     };
-    return /* @__PURE__ */ n.jsx("div", { className: C, style: { justifyContent: v }, children: bt.map(
-      b,
+    return /* @__PURE__ */ n.jsx("div", { className: C, style: { justifyContent: v }, children: gt.map(
+      g,
       (_) => Ye(_) && _.type === Ze ? /* @__PURE__ */ n.jsx(
         Ze,
         {
@@ -1863,7 +1858,7 @@ const Tn = R(
           variant: s || _.props.variant,
           checked: Array.isArray(S) ? S.includes(_.props.value) : S === _.props.value,
           onChange: j,
-          disabled: g || _.props.disabled,
+          disabled: b || _.props.disabled,
           selectionType: e,
           ref: p,
           ..._.props
@@ -1905,24 +1900,23 @@ const Bn = "_root_t5uo5_1", Dn = "_highlight_t5uo5_29", Mn = "_divider_t5uo5_36"
   onChange: c,
   fullWidth: l = !1,
   disabled: h = !1,
-  divider: g = !1,
-  justify: b = "flex-start",
+  divider: b = !1,
+  justify: g = "flex-start",
   tabs: v
 }) => {
   const p = z(
     Le.root,
     e,
-    t && "rounded",
     r === "text" && Le.highlight,
     l && Le.fullWidth,
-    g && r === "text" && Le.divider,
+    b && r === "text" && Le.divider,
     h && Le.disabled
   ), C = On(o, t), m = s || a;
   return /* @__PURE__ */ n.jsx(
     "div",
     {
       className: p,
-      style: { ...C, justifyContent: b },
+      style: { ...C, justifyContent: g },
       children: v == null ? void 0 : v.map((S) => /* @__PURE__ */ n.jsx(
         Ze,
         {
@@ -2039,8 +2033,8 @@ const qn = "_root_ri0ky_1", Yn = "_placeholder_ri0ky_161", Un = "_badge_ri0ky_17
     hasStatus: c,
     statusVariant: l = "online",
     hasAddOnsReversedPosition: h = !1,
-    src: g,
-    id: b
+    src: b,
+    id: g
   } = e, v = z(
     de.badge,
     a === "with-icons" && de.badgeWithIcon,
@@ -2048,10 +2042,10 @@ const qn = "_root_ri0ky_1", Yn = "_placeholder_ri0ky_161", Un = "_badge_ri0ky_17
   ), p = z(
     de.status,
     h && de.statusPositionBottom
-  ), C = `${de.root} ${t}`, m = er(o, l, g);
-  return /* @__PURE__ */ n.jsxs("div", { id: b, className: C, style: m, children: [
+  ), C = `${de.root} ${t}`, m = er(o, l, b);
+  return /* @__PURE__ */ n.jsxs("div", { id: g, className: C, style: m, children: [
     c && /* @__PURE__ */ n.jsx("div", { className: p }),
-    !g && /* @__PURE__ */ n.jsx("span", { className: de.placeholder, children: r }),
+    !b && /* @__PURE__ */ n.jsx("span", { className: de.placeholder, children: r }),
     s && /* @__PURE__ */ n.jsx("div", { className: v, children: e.badgeContent })
   ] });
 };
@@ -2134,12 +2128,12 @@ const ar = "_root_h1npk_1", sr = {
     className: a,
     ...c
   }, l) => {
-    const h = `${sr.root} ${a}`, g = cr(e, t);
+    const h = `${sr.root} ${a}`, b = cr(e, t);
     return /* @__PURE__ */ n.jsxs(
       "button",
       {
         ref: l,
-        style: g,
+        style: b,
         className: h,
         ...c,
         children: [
@@ -2152,11 +2146,11 @@ const ar = "_root_h1npk_1", sr = {
   }
 );
 dr.displayName = "FunctionButton";
-const hr = "_root_18p7z_1", ur = "_checkIcon_18p7z_24", gr = "_hint_18p7z_33", br = "_counter_18p7z_38", vr = "_disabled_18p7z_42", fr = "_filled_18p7z_42", pr = "_filledCorrect_18p7z_42", Cr = "_invalid_18p7z_50", _e = {
+const hr = "_root_18p7z_1", ur = "_checkIcon_18p7z_24", br = "_hint_18p7z_33", gr = "_counter_18p7z_38", vr = "_disabled_18p7z_42", fr = "_filled_18p7z_42", pr = "_filledCorrect_18p7z_42", Cr = "_invalid_18p7z_50", _e = {
   root: hr,
   checkIcon: ur,
-  hint: gr,
-  counter: br,
+  hint: br,
+  counter: gr,
   disabled: vr,
   filled: fr,
   filledCorrect: pr,
@@ -2172,21 +2166,21 @@ const hr = "_root_18p7z_1", ur = "_checkIcon_18p7z_24", gr = "_hint_18p7z_33", b
     showCorrectHintIcon: c = !1,
     showLengthHint: l = !1,
     filledLength: h = 0,
-    maxLength: g
-  }, b) => {
+    maxLength: b
+  }, g) => {
     const v = z(
       _e.root,
       e,
       t && _e.disabled,
       r && _e.invalid
     );
-    return /* @__PURE__ */ n.jsxs("div", { className: v, ref: b, "data-testid": "hinter", children: [
+    return /* @__PURE__ */ n.jsxs("div", { className: v, ref: g, "data-testid": "hinter", children: [
       o && !r && a && c && /* @__PURE__ */ n.jsx("div", { className: _e.checkIcon, children: /* @__PURE__ */ n.jsx(on, { width: "16", height: "16" }) }),
       /* @__PURE__ */ n.jsx("span", { className: _e.hint, children: a || r ? s : "" }),
-      l && g && /* @__PURE__ */ n.jsxs("span", { className: _e.counter, children: [
+      l && b && /* @__PURE__ */ n.jsxs("span", { className: _e.counter, children: [
         h,
         "/",
-        g
+        b
       ] })
     ] });
   }
@@ -2204,20 +2198,20 @@ const hr = "_root_18p7z_1", ur = "_checkIcon_18p7z_24", gr = "_hint_18p7z_33", b
     filledLength: c,
     maxLength: l,
     ...h
-  }, g) => {
-    const b = ge(), v = z(
+  }, b) => {
+    const g = be(), v = z(
       Mt.root,
       h.className,
       e && Mt.fullWidth
     );
-    return /* @__PURE__ */ n.jsxs("div", { className: v, ref: g, children: [
+    return /* @__PURE__ */ n.jsxs("div", { className: v, ref: b, children: [
       /* @__PURE__ */ n.jsx(
         Xe,
         {
           ...h,
           maxLength: l,
           fullWidth: e,
-          id: b
+          id: g
         }
       ),
       /* @__PURE__ */ n.jsx(
@@ -2347,8 +2341,8 @@ const Il = ({
     values: c = [],
     hasSearch: l = !1,
     searchPlaceholder: h = "Search",
-    searchValue: g = "",
-    onSearch: b,
+    searchValue: b = "",
+    onSearch: g,
     showLeftIcon: v = !1,
     iconAsImage: p = !1,
     showRightIcon: C = !1,
@@ -2383,8 +2377,8 @@ const Il = ({
               {
                 type: "text",
                 placeholder: h,
-                value: g,
-                onChange: (N) => b == null ? void 0 : b(N.target.value)
+                value: b,
+                onChange: (N) => g == null ? void 0 : g(N.target.value)
               }
             )
           ] }),
@@ -2446,7 +2440,7 @@ const [Yr, Ur] = pt("Menu component was not found in the tree"), [Gr, Xr] = pt(
   leftSection: r,
   rightSection: s
 }) => {
-  const { size: a } = Ur(), { closePopover: c } = Xr(), l = Vr(a), h = z(He.root, t && He.disabled), g = () => {
+  const { size: a } = Ur(), { closePopover: c } = Xr(), l = Vr(a), h = z(He.root, t && He.disabled), b = () => {
     t || (c(), o && o());
   };
   return /* @__PURE__ */ n.jsxs(
@@ -2454,7 +2448,7 @@ const [Yr, Ur] = pt("Menu component was not found in the tree"), [Gr, Xr] = pt(
     {
       style: l,
       className: h,
-      onClick: g,
+      onClick: b,
       children: [
         r && /* @__PURE__ */ n.jsx("div", { className: He.leftSection, "data-position": "left", children: r }),
         e && /* @__PURE__ */ n.jsx("div", { className: He.label, children: e }),
@@ -2505,7 +2499,7 @@ const [Yr, Ur] = pt("Menu component was not found in the tree"), [Gr, Xr] = pt(
   offset: r = 10,
   position: s = "bottom"
 }) => {
-  const [a, c] = Q(!1), l = se(null), h = oi(o), g = ni(s, r), b = () => {
+  const [a, c] = Q(!1), l = se(null), h = oi(o), b = ni(s, r), g = () => {
     c((C) => !C);
   }, v = () => {
     c(!1);
@@ -2522,8 +2516,8 @@ const [Yr, Ur] = pt("Menu component was not found in the tree"), [Gr, Xr] = pt(
       onKeyDown: p,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ n.jsx("div", { className: Ve.popoverTrigger, onClick: b, children: e }),
-        a && /* @__PURE__ */ n.jsx("div", { style: g, className: Ve.popoverContainer, children: /* @__PURE__ */ n.jsx("div", { style: h, className: Ve.popoverContent, children: t }) })
+        /* @__PURE__ */ n.jsx("div", { className: Ve.popoverTrigger, onClick: g, children: e }),
+        a && /* @__PURE__ */ n.jsx("div", { style: b, className: Ve.popoverContainer, children: /* @__PURE__ */ n.jsx("div", { style: h, className: Ve.popoverContent, children: t }) })
       ]
     }
   ) });
@@ -2560,20 +2554,20 @@ const qe = "...", Pe = (e, t) => {
   if (!l && h)
     return [...Pe(1, 3), qe, e];
   if (l && !h) {
-    const b = Pe(e - 3, e);
-    return b.slice(-2).includes(t) ? b.slice(-3) : b;
+    const g = Pe(e - 3, e);
+    return g.slice(-2).includes(t) ? g.slice(-3) : g;
   }
   if (l && h)
     return [...Pe(a, c), qe, e];
-}, [e, t]), si = "_root_qiqsk_1", li = "_chevron_qiqsk_106", ci = "_doubleChevronRight_qiqsk_116", di = "_doubleChevronLeft_qiqsk_120", hi = "_active_qiqsk_125", ui = "_dots_qiqsk_129", gi = "_inputPage_qiqsk_139", bi = "_divider_qiqsk_168", vi = "_select_qiqsk_174", fi = "_visible_qiqsk_189", pi = "_hidden_qiqsk_193", B = {
+}, [e, t]), si = "_root_qiqsk_1", li = "_chevron_qiqsk_106", ci = "_doubleChevronRight_qiqsk_116", di = "_doubleChevronLeft_qiqsk_120", hi = "_active_qiqsk_125", ui = "_dots_qiqsk_129", bi = "_inputPage_qiqsk_139", gi = "_divider_qiqsk_168", vi = "_select_qiqsk_174", fi = "_visible_qiqsk_189", pi = "_hidden_qiqsk_193", B = {
   root: si,
   chevron: li,
   doubleChevronRight: ci,
   doubleChevronLeft: di,
   active: hi,
   dots: ui,
-  inputPage: gi,
-  divider: bi,
+  inputPage: bi,
+  divider: gi,
   select: vi,
   visible: fi,
   hidden: pi
@@ -2657,8 +2651,8 @@ const qe = "...", Pe = (e, t) => {
     size: c = "m",
     variant: l = "default",
     className: h,
-    rounded: g = !1,
-    showInputPage: b = !0,
+    rounded: b = !1,
+    showInputPage: g = !0,
     showFirstLastButton: v = !0,
     showPages: p = !0
   }, C) => {
@@ -2668,7 +2662,7 @@ const qe = "...", Pe = (e, t) => {
     });
     if (!x || s <= 0 || x.length < 1)
       return null;
-    const I = 1, A = x[x.length - 1], q = l === "mobile", N = `${B.root} ${h}`, Y = _i(c, g), W = `${l === "default" ? B.visible : ""}`, F = `${q ? B.hidden : ""}`, re = `${B.inputPage} ${q ? B.visible : B.hidden}`, ye = `${B.inputPage} ${q ? B.hidden : ""}`, le = `${B.doubleChevronRight} ${q ? B.visible : B.hidden}`, O = (w) => {
+    const I = 1, A = x[x.length - 1], q = l === "mobile", N = `${B.root} ${h}`, Y = _i(c, b), W = `${l === "default" ? B.visible : ""}`, F = `${q ? B.hidden : ""}`, te = `${B.inputPage} ${q ? B.visible : B.hidden}`, ye = `${B.inputPage} ${q ? B.hidden : ""}`, le = `${B.doubleChevronRight} ${q ? B.visible : B.hidden}`, O = (w) => {
       const U = w.target.value;
       (Number(U) <= Number(A) && Number(U) > 0 || U === "") && S(U);
     }, V = (w) => {
@@ -2705,7 +2699,7 @@ const qe = "...", Pe = (e, t) => {
             ]
           }
         ),
-        b && /* @__PURE__ */ n.jsxs("div", { className: re, children: [
+        g && /* @__PURE__ */ n.jsxs("div", { className: te, children: [
           /* @__PURE__ */ n.jsx("form", { onSubmit: ee, children: /* @__PURE__ */ n.jsx(
             "input",
             {
@@ -2746,7 +2740,7 @@ const qe = "...", Pe = (e, t) => {
             children: /* @__PURE__ */ n.jsx(hn, {})
           }
         ),
-        b && /* @__PURE__ */ n.jsxs("div", { className: ye, children: [
+        g && /* @__PURE__ */ n.jsxs("div", { className: ye, children: [
           /* @__PURE__ */ n.jsx("form", { onSubmit: ee, children: /* @__PURE__ */ n.jsx(
             "input",
             {
@@ -2803,7 +2797,7 @@ const xi = "_root_1ht4v_1", wi = "_text_1ht4v_58", yi = "_label_1ht4v_68", Si =
     "--radio-button-bullet-width": `var(--radio-button-bullet-width-${t})`,
     "--radio-button-bullet-height": `var(--radio-button-bullet-height-${t})`
   };
-}, gt = R(
+}, bt = R(
   ({
     variant: e = "default",
     label: t,
@@ -2814,9 +2808,9 @@ const xi = "_root_1ht4v_1", wi = "_text_1ht4v_58", yi = "_label_1ht4v_68", Si =
     checked: c,
     onChange: l,
     value: h,
-    ...g
-  }, b) => {
-    const v = ge(), p = `${Ne.root} ${s}`, C = zi(e, r);
+    ...b
+  }, g) => {
+    const v = be(), p = `${Ne.root} ${s}`, C = zi(e, r);
     return /* @__PURE__ */ n.jsxs(
       "label",
       {
@@ -2827,7 +2821,7 @@ const xi = "_root_1ht4v_1", wi = "_text_1ht4v_58", yi = "_label_1ht4v_68", Si =
           /* @__PURE__ */ n.jsx(
             "input",
             {
-              ref: b,
+              ref: g,
               className: Ne.radio,
               id: v,
               type: "radio",
@@ -2836,7 +2830,7 @@ const xi = "_root_1ht4v_1", wi = "_text_1ht4v_58", yi = "_label_1ht4v_68", Si =
               value: h,
               role: "radio",
               onChange: () => l == null ? void 0 : l(String(h)),
-              ...g
+              ...b
             }
           ),
           /* @__PURE__ */ n.jsxs("div", { className: Ne.text, children: [
@@ -2848,7 +2842,7 @@ const xi = "_root_1ht4v_1", wi = "_text_1ht4v_58", yi = "_label_1ht4v_68", Si =
     );
   }
 );
-gt.displayName = "Radio";
+bt.displayName = "Radio";
 const ki = "_root_h47zk_1", Li = "_horizontal_h47zk_5", Hi = "_vertical_h47zk_11", Vt = {
   root: ki,
   horizontal: Li,
@@ -2864,21 +2858,21 @@ const ki = "_root_h47zk_1", Li = "_horizontal_h47zk_5", Hi = "_vertical_h47zk_11
     size: c = "m",
     disabled: l,
     defaultValue: h,
-    variant: g
-  }, b) => {
-    const v = ge(), p = `${Vt.root} ${a} ${Vt[s]}`, C = e || h;
+    variant: b
+  }, g) => {
+    const v = be(), p = `${Vt.root} ${a} ${Vt[s]}`, C = e || h;
     return /* @__PURE__ */ n.jsx("div", { className: p, children: xe.Children.map(
       o,
-      (m) => xe.isValidElement(m) && m.type === gt ? /* @__PURE__ */ n.jsx(
-        gt,
+      (m) => xe.isValidElement(m) && m.type === bt ? /* @__PURE__ */ n.jsx(
+        bt,
         {
           name: r || v,
           checked: m.props.value === C,
-          variant: g || m.props.variant,
+          variant: b || m.props.variant,
           size: c,
           disabled: l,
           onChange: t,
-          ref: b,
+          ref: g,
           ...m.props
         }
       ) : null
@@ -2921,8 +2915,8 @@ const Ni = "_root_1poj1_1", Ii = "_disabled_1poj1_14", Ai = "_fullWidth_1poj1_18
     withIcon: c = !0,
     fullWidth: l = !1,
     ...h
-  }, g) => {
-    const b = Vi(e), v = /* @__PURE__ */ n.jsx(vt, { width: "24", height: "24" }), p = z(
+  }, b) => {
+    const g = Vi(e), v = /* @__PURE__ */ n.jsx(vt, { width: "24", height: "24" }), p = z(
       me.root,
       me.search,
       h.disabled && me.disabled,
@@ -2931,13 +2925,13 @@ const Ni = "_root_1poj1_1", Ii = "_disabled_1poj1_14", Ai = "_fullWidth_1poj1_18
       me.root,
       l && me.fullWidth
     );
-    return /* @__PURE__ */ n.jsx("div", { style: b, className: C, children: /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ n.jsx("div", { style: g, className: C, children: /* @__PURE__ */ n.jsx(
       Xe,
       {
         fullWidth: l,
         ...h,
         className: p,
-        ref: g,
+        ref: b,
         label: t,
         placeholder: o,
         onClear: r,
@@ -2962,13 +2956,13 @@ const Pi = R(
     fullWidth: c,
     ...l
   }, h) => {
-    const g = ge(), b = Wi(t), v = z(
+    const b = be(), g = Wi(t), v = z(
       st.root,
       e,
       l.disabled && st.disabled,
       c && st.fullWidth
     );
-    return /* @__PURE__ */ n.jsxs("div", { className: v, style: b, ref: h, children: [
+    return /* @__PURE__ */ n.jsxs("div", { className: v, style: g, ref: h, children: [
       /* @__PURE__ */ n.jsx(
         Jt,
         {
@@ -2980,7 +2974,7 @@ const Pi = R(
           onClear: a,
           proportions: t,
           value: s,
-          id: g,
+          id: b,
           withIcon: !1
         }
       ),
@@ -3063,19 +3057,19 @@ const Ui = "_root_15tj0_1", Gi = "_labelDisabled_15tj0_70", Xi = "_inputContaine
     size: c = "m",
     ...l
   }, h) => {
-    const g = `${J.root} ${o}`, b = `${J.inputContainer} ${e && J.inputContainerActive} ${t && J.inputContainerDisabled}`, v = `${J.ellipse} ${e && J.ellipseActive} ${t && J.ellipseDisabled}`, p = `${t && J.labelDisabled}`, C = `${J.description} ${t && J.descriptionDisabled}`, m = aa(c), S = (j) => {
+    const b = `${J.root} ${o}`, g = `${J.inputContainer} ${e && J.inputContainerActive} ${t && J.inputContainerDisabled}`, v = `${J.ellipse} ${e && J.ellipseActive} ${t && J.ellipseDisabled}`, p = `${t && J.labelDisabled}`, C = `${J.description} ${t && J.descriptionDisabled}`, m = aa(c), S = (j) => {
       (j.key === "Enter" || j.key === " ") && !t && (j.preventDefault(), a && a({
         target: {
           checked: !e
         }
       }));
     };
-    return /* @__PURE__ */ n.jsx("div", { className: g, style: m, children: /* @__PURE__ */ n.jsxs("label", { className: p, children: [
+    return /* @__PURE__ */ n.jsx("div", { className: b, style: m, children: /* @__PURE__ */ n.jsxs("label", { className: p, children: [
       /* @__PURE__ */ n.jsxs(
         "div",
         {
           ref: h,
-          className: b,
+          className: g,
           tabIndex: 0,
           role: "input",
           onKeyDown: S,
@@ -3104,17 +3098,17 @@ const Ui = "_root_15tj0_1", Gi = "_labelDisabled_15tj0_70", Xi = "_inputContaine
   }
 );
 sa.displayName = "Switch";
-const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_87", ha = "_shadow_fbawy_92", ua = "_contentPosition_fbawy_96", ga = "_mainSection_fbawy_102", ba = "_mainSectionWrapper_fbawy_108", va = "_bottomSection_fbawy_114", ae = {
+const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_87", ha = "_shadow_fbawy_92", ua = "_contentPosition_fbawy_96", ba = "_mainSection_fbawy_102", ga = "_mainSectionWrapper_fbawy_108", va = "_bottomSection_fbawy_114", ae = {
   root: la,
   content: ca,
   placeholder: da,
   shadow: ha,
   contentPosition: ua,
-  mainSection: ga,
-  mainSectionWrapper: ba,
+  mainSection: ba,
+  mainSectionWrapper: ga,
   bottomSection: va
-}, [fa, be] = pt("Menu component was not found in the tree"), Qt = ({ children: e }) => {
-  const { isCompact: t, contrast: o } = be(), r = xe.Children.toArray(e);
+}, [fa, ge] = pt("Menu component was not found in the tree"), Qt = ({ children: e }) => {
+  const { isCompact: t, contrast: o } = ge(), r = xe.Children.toArray(e);
   return /* @__PURE__ */ n.jsx("div", { children: r.map((s, a) => {
     const c = Ye(s) && s.props.collapseVariant === "group", l = a > 0 && c && t;
     return /* @__PURE__ */ n.jsxs(xe.Fragment, { children: [
@@ -3129,13 +3123,13 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
   controlButton: _a,
   controlButtonCompact: ma
 }, eo = () => {
-  const { handleToggleHover: e, hoverEnabled: t, isCompact: o } = be(), r = z(
+  const { handleToggleHover: e, hoverEnabled: t, isCompact: o } = ge(), r = z(
     Ft.controlButton,
     o && Ft.controlButtonCompact
   );
-  return /* @__PURE__ */ n.jsx("div", { onClick: e, className: r, children: t ? /* @__PURE__ */ n.jsx(vn, {}) : /* @__PURE__ */ n.jsx(bn, {}) });
+  return /* @__PURE__ */ n.jsx("div", { onClick: e, className: r, children: t ? /* @__PURE__ */ n.jsx(vn, {}) : /* @__PURE__ */ n.jsx(gn, {}) });
 }, to = ({ children: e, logo: t }) => {
-  const { isCompact: o, showControlButton: r } = be();
+  const { isCompact: o, showControlButton: r } = ge();
   return /* @__PURE__ */ n.jsxs("div", { className: Pt.header, children: [
     /* @__PURE__ */ n.jsxs("div", { className: Pt.logo, children: [
       t && /* @__PURE__ */ n.jsx("span", { children: o ? t.compact : t.default }),
@@ -3146,12 +3140,12 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
 }, xa = "_bottomContent_el5i4_1", wa = {
   bottomContent: xa
 }, oo = ({ children: e }) => {
-  const { contrast: t } = be();
+  const { contrast: t } = ge();
   return /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsx(ft, { variant: t ? "contrast" : "secondary", size: "s" }),
     /* @__PURE__ */ n.jsx("div", { className: wa.bottomContent, children: e })
   ] });
-}, ya = "_navigationButton_qc7df_1", Sa = "_icon_qc7df_23", ja = "_content_qc7df_34", $a = "_collapse_qc7df_41", za = "_compact_qc7df_47", ka = "_badge_qc7df_54", La = "_badgePosition_qc7df_67", Ha = "_active_qc7df_73", te = {
+}, ya = "_navigationButton_qc7df_1", Sa = "_icon_qc7df_23", ja = "_content_qc7df_34", $a = "_collapse_qc7df_41", za = "_compact_qc7df_47", ka = "_badge_qc7df_54", La = "_badgePosition_qc7df_67", Ha = "_active_qc7df_73", oe = {
   navigationButton: ya,
   icon: Sa,
   content: ja,
@@ -3169,26 +3163,26 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
   active: a,
   onClick: c
 }) => {
-  const { isCompact: l } = be(), h = z(
-    te.navigationButton,
-    o && te.collapse,
-    l && te.compact,
-    a && te.active
-  ), g = z(
-    te.badge,
-    l && !o && te.badgePosition
-  ), b = () => {
+  const { isCompact: l } = ge(), h = z(
+    oe.navigationButton,
+    o && oe.collapse,
+    l && oe.compact,
+    a && oe.active
+  ), b = z(
+    oe.badge,
+    l && !o && oe.badgePosition
+  ), g = () => {
     c && c(s);
   };
-  return /* @__PURE__ */ n.jsxs("div", { className: h, onClick: b, children: [
-    /* @__PURE__ */ n.jsxs("div", { className: te.content, children: [
-      t && /* @__PURE__ */ n.jsx("span", { className: te.icon, children: t }),
-      !t && l && /* @__PURE__ */ n.jsx("span", { className: te.icon, children: e.slice(0, 2).toLocaleUpperCase() }),
+  return /* @__PURE__ */ n.jsxs("div", { className: h, onClick: g, children: [
+    /* @__PURE__ */ n.jsxs("div", { className: oe.content, children: [
+      t && /* @__PURE__ */ n.jsx("span", { className: oe.icon, children: t }),
+      !t && l && /* @__PURE__ */ n.jsx("span", { className: oe.icon, children: e.slice(0, 2).toLocaleUpperCase() }),
       !l && e
     ] }),
-    r && /* @__PURE__ */ n.jsx("span", { className: g, children: r })
+    r && /* @__PURE__ */ n.jsx("span", { className: b, children: r })
   ] });
-}, Na = "_collapse_foxti_1", Ia = "_collapseContent_foxti_8", Aa = "_collapseButton_foxti_16", Wa = "_icon_foxti_39", Ea = "_group_foxti_44", Ta = "_badge_foxti_60", Ba = "_badgePosition_foxti_70", Da = "_active_foxti_81", oe = {
+}, Na = "_collapse_foxti_1", Ia = "_collapseContent_foxti_8", Aa = "_collapseButton_foxti_16", Wa = "_icon_foxti_39", Ea = "_group_foxti_44", Ta = "_badge_foxti_60", Ba = "_badgePosition_foxti_70", Da = "_active_foxti_81", ne = {
   collapse: Na,
   collapseContent: Ia,
   collapseButton: Aa,
@@ -3226,39 +3220,39 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
   showArrowIcon: a = !0,
   count: c
 }) => {
-  const [l, h] = Q(!1), { isCompact: g } = be(), b = () => h((j) => !j), v = z(
-    oe.collapseButton,
-    s === "group" && oe.group,
-    l && !g && s !== "group" && oe.active
+  const [l, h] = Q(!1), { isCompact: b } = ge(), g = () => h((j) => !j), v = z(
+    ne.collapseButton,
+    s === "group" && ne.group,
+    l && !b && s !== "group" && ne.active
   ), p = z(
-    oe.badge,
-    g && oe.badgePosition
-  ), C = () => bt.map(
+    ne.badge,
+    b && ne.badgePosition
+  ), C = () => gt.map(
     e,
     (j) => Ye(j) ? Wo(j, { isCollapseParent: !0 }) : j
   ), m = () => s === "group" ? e : /* @__PURE__ */ n.jsxs("div", { className: v, children: [
     !!c && /* @__PURE__ */ n.jsx("span", { className: p, children: c }),
-    /* @__PURE__ */ n.jsx("span", { className: oe.icon, children: t || o.slice(0, 2).toUpperCase() })
+    /* @__PURE__ */ n.jsx("span", { className: ne.icon, children: t || o.slice(0, 2).toUpperCase() })
   ] }), S = () => /* @__PURE__ */ n.jsxs("div", { children: [
-    /* @__PURE__ */ n.jsxs("div", { className: v, onClick: b, children: [
+    /* @__PURE__ */ n.jsxs("div", { className: v, onClick: g, children: [
       /* @__PURE__ */ n.jsxs("span", { children: [
-        t && /* @__PURE__ */ n.jsx("span", { className: oe.icon, children: t }),
+        t && /* @__PURE__ */ n.jsx("span", { className: ne.icon, children: t }),
         " ",
         o
       ] }),
       /* @__PURE__ */ n.jsxs("span", { children: [
         !!c && /* @__PURE__ */ n.jsx("span", { className: p, children: c }),
-        a && r && (l ? /* @__PURE__ */ n.jsx(un, {}) : /* @__PURE__ */ n.jsx(gn, {}))
+        a && r && (l ? /* @__PURE__ */ n.jsx(un, {}) : /* @__PURE__ */ n.jsx(bn, {}))
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx(Fa, { in: !r || l, children: /* @__PURE__ */ n.jsx("div", { className: oe.collapseContent, children: C() }) })
+    /* @__PURE__ */ n.jsx(Fa, { in: !r || l, children: /* @__PURE__ */ n.jsx("div", { className: ne.collapseContent, children: C() }) })
   ] });
-  return /* @__PURE__ */ n.jsx("div", { className: oe.collapse, children: g ? m() : S() });
+  return /* @__PURE__ */ n.jsx("div", { className: ne.collapse, children: b ? m() : S() });
 }, Za = "_element_nvqb0_1", Ot = {
   element: Za,
   default: "_default_nvqb0_11"
 }, qa = ({ children: e, icon: t }) => {
-  const { isCompact: o } = be();
+  const { isCompact: o } = ge();
   return /* @__PURE__ */ n.jsx("div", { className: o ? Ot.element : Ot.default, children: o ? /* @__PURE__ */ n.jsx("span", { children: t }) : e });
 }, ct = {
   size: (e) => ({
@@ -3316,11 +3310,11 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
   showControlButton: r = !0,
   contrast: s = !1
 }) => {
-  const [a, c] = Q(e), [l, h] = Q(a === "compact"), g = a === "compact", b = Ya(a, s, t), v = z(
+  const [a, c] = Q(e), [l, h] = Q(a === "compact"), b = a === "compact", g = Ya(a, s, t), v = z(
     ae.content,
     l && ae.contentPosition,
     l && a === "large" && ae.shadow
-  ), p = bt.toArray(o), C = dt(p, to), m = dt(p, Qt), S = dt(p, oo), j = () => {
+  ), p = gt.toArray(o), C = dt(p, to), m = dt(p, Qt), S = dt(p, oo), j = () => {
     h((I) => !I);
   }, _ = () => {
     l && c("large");
@@ -3331,7 +3325,7 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
     fa,
     {
       value: {
-        isCompact: g,
+        isCompact: b,
         variant: t,
         contrast: s,
         handleToggleHover: j,
@@ -3343,7 +3337,7 @@ const la = "_root_fbawy_1", ca = "_content_fbawy_71", da = "_placeholder_fbawy_8
         /* @__PURE__ */ n.jsxs(
           "div",
           {
-            style: b,
+            style: g,
             className: v,
             onMouseEnter: _,
             onMouseLeave: x,
@@ -3476,8 +3470,8 @@ const Ua = "_root_128nx_1", Ga = "_icon_128nx_113", Xa = "_closeIcon_128nx_117",
     counter: c,
     children: l,
     className: h,
-    onClose: g,
-    ...b
+    onClose: b,
+    ...g
   }, v) => {
     const p = z(
       he.root,
@@ -3486,9 +3480,9 @@ const Ua = "_root_128nx_1", Ga = "_icon_128nx_113", Xa = "_closeIcon_128nx_117",
       r && he.invalid,
       s && he.disabled
     ), C = os(e, t), m = () => {
-      !s && g && g();
+      !s && b && b();
     };
-    return /* @__PURE__ */ n.jsxs("span", { ref: v, style: C, className: p, ...b, children: [
+    return /* @__PURE__ */ n.jsxs("span", { ref: v, style: C, className: p, ...g, children: [
       a && /* @__PURE__ */ n.jsx("span", { className: he.icon, children: a }),
       l,
       c && t === "m" && /* @__PURE__ */ n.jsx("span", { className: he.counter, children: c }),
@@ -3497,7 +3491,7 @@ const Ua = "_root_128nx_1", Ga = "_icon_128nx_113", Xa = "_closeIcon_128nx_117",
   }
 );
 no.displayName = "Tag";
-const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t_65", as = "_textArea_1wa3t_54", ss = "_clearIconContainer_1wa3t_96", ls = "_textAreaResizer_1wa3t_108", cs = "_filled_1wa3t_121", ds = "_disabled_1wa3t_130", hs = "_invalid_1wa3t_168", ne = {
+const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t_65", as = "_textArea_1wa3t_54", ss = "_clearIconContainer_1wa3t_96", ls = "_textAreaResizer_1wa3t_108", cs = "_filled_1wa3t_121", ds = "_disabled_1wa3t_130", hs = "_invalid_1wa3t_168", re = {
   root: ns,
   textAreaWrapper: rs,
   label: is,
@@ -3539,7 +3533,7 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
       break;
   }
   return t;
-}, gs = (e) => {
+}, bs = (e) => {
   const t = us(e);
   return {
     "--text-area-border-radius": t.borderRadius,
@@ -3554,7 +3548,7 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
     "--label-line-height-active": t.labelLineHeightActive,
     "--icon-size": t.iconSize
   };
-}, bs = R(
+}, gs = R(
   ({
     className: e,
     proportions: t = "m",
@@ -3565,24 +3559,24 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
     disabled: c = !1,
     maxLength: l,
     showLengthHint: h = !!l,
-    hintText: g,
-    showCorrectHintIcon: b = !1,
+    hintText: b,
+    showCorrectHintIcon: g = !1,
     hasError: v = !1,
     isHintAlwaysShown: p = !1,
     onClear: C,
     ...m
   }, S) => {
-    const j = ge(), _ = gs(t), x = se(null);
+    const j = be(), _ = bs(t), x = se(null);
     We(() => {
       var A;
       a && ((A = x.current) == null || A.focus());
     }, [a]);
     const I = z(
-      ne.root,
+      re.root,
       e,
-      c && ne.disabled,
-      v && ne.invalid,
-      s && ne.filled
+      c && re.disabled,
+      v && re.invalid,
+      s && re.filled
     );
     return /* @__PURE__ */ n.jsxs(
       "div",
@@ -3591,14 +3585,14 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
         style: _,
         ref: S,
         children: [
-          /* @__PURE__ */ n.jsxs("div", { className: ne.textAreaWrapper, children: [
-            /* @__PURE__ */ n.jsx("label", { className: ne.label, htmlFor: j, children: o }),
+          /* @__PURE__ */ n.jsxs("div", { className: re.textAreaWrapper, children: [
+            /* @__PURE__ */ n.jsx("label", { className: re.label, htmlFor: j, children: o }),
             /* @__PURE__ */ n.jsx(
               "textarea",
               {
                 id: j,
                 value: s,
-                className: ne.textArea,
+                className: re.textArea,
                 placeholder: r,
                 maxLength: l,
                 disabled: c,
@@ -3609,12 +3603,12 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
             C && s && /* @__PURE__ */ n.jsx(
               "button",
               {
-                className: ne.clearIconContainer,
+                className: re.clearIconContainer,
                 onClick: c ? void 0 : C,
                 children: /* @__PURE__ */ n.jsx(Ue, {})
               }
             ),
-            /* @__PURE__ */ n.jsx("div", { className: ne.textAreaResizer, children: /* @__PURE__ */ n.jsx(fn, {}) })
+            /* @__PURE__ */ n.jsx("div", { className: re.textAreaResizer, children: /* @__PURE__ */ n.jsx(fn, {}) })
           ] }),
           /* @__PURE__ */ n.jsx(
             Ge,
@@ -3622,11 +3616,11 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
               disabled: c,
               filledLength: (s == null ? void 0 : s.length) || 0,
               hasError: v,
-              hintText: g,
+              hintText: b,
               isFilled: !!s,
               isHintAlwaysShown: p,
               maxLength: l,
-              showCorrectHintIcon: b,
+              showCorrectHintIcon: g,
               showLengthHint: h
             }
           )
@@ -3635,7 +3629,7 @@ const ns = "_root_1wa3t_1", rs = "_textAreaWrapper_1wa3t_54", is = "_label_1wa3t
     );
   }
 );
-bs.displayName = "TextArea";
+gs.displayName = "TextArea";
 const vs = "_root_s90is_1", fs = "_icon_s90is_43", ps = "_arrow_s90is_48", Cs = "_wrapper_s90is_64", _s = "_visible_s90is_71", Ie = {
   root: vs,
   icon: fs,
@@ -3699,10 +3693,10 @@ const vs = "_root_s90is_1", fs = "_icon_s90is_43", ps = "_arrow_s90is_48", Cs =
     children: c,
     ...l
   }, h) => {
-    const [g, b] = Q(!1), v = `${Ie.root} ${g || a ? Ie.visible : ""} ${o}`, p = xs(r), C = () => {
-      typeof a != "boolean" && b(!0);
+    const [b, g] = Q(!1), v = `${Ie.root} ${b || a ? Ie.visible : ""} ${o}`, p = xs(r), C = () => {
+      typeof a != "boolean" && g(!0);
     }, m = () => {
-      typeof a != "boolean" && b(!1);
+      typeof a != "boolean" && g(!1);
     };
     return /* @__PURE__ */ n.jsxs(
       "div",
@@ -3724,7 +3718,7 @@ const vs = "_root_s90is_1", fs = "_icon_s90is_43", ps = "_arrow_s90is_48", Cs =
   }
 );
 ws.displayName = "Tooltip";
-const ys = "_root_1dhdg_1", Ss = "_label_1dhdg_64", js = "_main_1dhdg_69", $s = "_error_1dhdg_78", zs = "_disabled_1dhdg_78", ks = "_middleSection_1dhdg_133", Ls = "_children_1dhdg_149", Hs = "_childrenActive_1dhdg_154", Rs = "_labelActive_1dhdg_159", Ns = "_hideLabel_1dhdg_167", Is = "_hideLabelActive_1dhdg_168", As = "_rightIcon_1dhdg_173", Ws = "_clearIcon_1dhdg_177", Es = "_hideClearIcon_1dhdg_181", Ts = "_borderNone_1dhdg_185", Bs = "_icon_1dhdg_189", Ds = "_fullWidth_1dhdg_193", D = {
+const ys = "_root_1x741_1", Ss = "_label_1x741_64", js = "_main_1x741_69", $s = "_error_1x741_78", zs = "_disabled_1x741_78", ks = "_middleSection_1x741_133", Ls = "_children_1x741_149", Hs = "_childrenActive_1x741_155", Rs = "_labelActive_1x741_162", Ns = "_hideLabel_1x741_170", Is = "_hideLabelActive_1x741_171", As = "_rightIcon_1x741_176", Ws = "_clearIcon_1x741_180", Es = "_hideClearIcon_1x741_184", Ts = "_borderNone_1x741_188", Bs = "_icon_1x741_192", Ds = "_fullWidth_1x741_196", D = {
   root: ys,
   label: Ss,
   main: js,
@@ -3836,8 +3830,8 @@ const ys = "_root_1dhdg_1", Ss = "_label_1dhdg_64", js = "_main_1dhdg_69", $s =
     inputRef: c,
     keepLabel: l = !0,
     proportions: h = "m",
-    hasError: g,
-    bordered: b = !0,
+    hasError: b,
+    bordered: g = !0,
     disabled: v,
     value: p,
     onClick: C,
@@ -3859,8 +3853,8 @@ const ys = "_root_1dhdg_1", Ss = "_label_1dhdg_64", js = "_main_1dhdg_69", $s =
       !p && D.hideClearIcon
     ), q = z(
       D.root,
-      !b && D.borderNone,
-      g && D.error,
+      !g && D.borderNone,
+      b && D.error,
       v && D.disabled,
       S && D.fullWidth,
       j.className
@@ -3888,7 +3882,9 @@ const ys = "_root_1dhdg_1", Ss = "_label_1dhdg_64", js = "_main_1dhdg_69", $s =
               {
                 className: D.middleSection,
                 onClick: W,
-                onMouseDown: (re) => re.preventDefault(),
+                onMouseDown: (te) => {
+                  te.target !== (c == null ? void 0 : c.current) && te.preventDefault();
+                },
                 children: [
                   e && /* @__PURE__ */ n.jsx("label", { htmlFor: m, className: I, children: e }),
                   a && /* @__PURE__ */ n.jsx("div", { className: x, children: a })
@@ -3941,13 +3937,13 @@ const Ys = "_root_1ebif_1", Us = {
     bordered: c = !0,
     proportions: l = "m",
     keepLabel: h = !0,
-    hasError: g,
-    id: b,
+    hasError: b,
+    id: g,
     value: v,
     fullWidth: p = !1,
     ...C
   }, m) => {
-    const S = se(null), j = ge(), _ = b || j, x = z(Us.root, C.className);
+    const S = se(null), j = be(), _ = g || j, x = z(Us.root, C.className);
     return /* @__PURE__ */ n.jsx(
       ro,
       {
@@ -3962,7 +3958,7 @@ const Ys = "_root_1ebif_1", Us = {
         keepLabel: h,
         bordered: c,
         inputRef: S,
-        hasError: g,
+        hasError: b,
         disabled: C.disabled,
         value: v,
         id: _,
@@ -4005,8 +4001,8 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
     proportions: c = "m",
     disabled: l = !1,
     filterable: h = !0,
-    onSearch: g,
-    className: b,
+    onSearch: b,
+    className: g,
     fullWidth: v,
     ...p
   }, C) => {
@@ -4015,7 +4011,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
     ), I = z(
       ue.root,
       v && ue.fullWidth,
-      b
+      g
     ), A = Oe(() => Fe(o, t) === _ || !h ? o : o.filter(
       (F) => F.label.toLocaleLowerCase().includes(_.toLocaleLowerCase())
     ), [_, o, t, h]), q = () => {
@@ -4061,9 +4057,9 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
           onFocus: Y,
           onChange: (W) => {
             const { value: F } = W.target;
-            x(F), g && g(F);
+            x(F), b && b(F);
           },
-          readOnly: !h && !g
+          readOnly: !h && !b
         }
       ),
       !m && /* @__PURE__ */ n.jsx(Ge, { ...p, className: ue.hint }),
@@ -4083,7 +4079,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
   }
 ), Zt = R(
   ({ category: e, proportions: t, color: o, margin: r, className: s, style: a = {}, ...c }, l) => {
-    const h = "p", b = {
+    const h = "p", g = {
       ...M(e, t),
       color: o,
       margin: r || 0,
@@ -4092,7 +4088,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
     return /* @__PURE__ */ n.jsx(
       h,
       {
-        style: b,
+        style: g,
         className: s,
         ref: l,
         ...c
@@ -4121,7 +4117,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
   chevron: dl,
   chevronActive: hl,
   chevronButton: ul
-}, gl = ({ isOpen: e }) => /* @__PURE__ */ n.jsx("button", { type: "button", className: ht.chevronButton, children: /* @__PURE__ */ n.jsx(
+}, bl = ({ isOpen: e }) => /* @__PURE__ */ n.jsx("button", { type: "button", className: ht.chevronButton, children: /* @__PURE__ */ n.jsx(
   Ut,
   {
     className: z(e && ht.chevronActive, ht.chevron)
@@ -4136,8 +4132,8 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
       hasError: c,
       search: l = "",
       searchPlaceholder: h,
-      onSearch: g,
-      label: b,
+      onSearch: b,
+      label: g,
       id: v,
       placeholder: p,
       proportions: C = "m",
@@ -4145,23 +4141,23 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
       filterable: S = !0,
       customNoOptionsText: j,
       ..._
-    } = e, x = se(null), I = se(null), A = se(null), [q, N] = Q(0), [Y, W] = Q(!1), [F, re] = Q(""), ye = Oe(
+    } = e, x = se(null), I = se(null), A = se(null), [q, N] = Q(0), [Y, W] = Q(!1), [F, te] = Q(""), ye = Oe(
       () => r.filter((w) => o.includes(w.value)),
       [r, o]
     ), le = Oe(() => S ? r.filter(
       (w) => w.label.toLowerCase().includes(F.toLowerCase())
     ) : r, [S, r, F]), O = (w) => {
       var U;
-      (U = I.current) == null || U.focus(), re(""), g && g(""), W(!1), o.find((ie) => ie === w) ? s(o.filter((ie) => ie !== w)) : s([...o, w]);
+      (U = I.current) == null || U.focus(), te(""), b && b(""), W(!1), o.find((ie) => ie === w) ? s(o.filter((ie) => ie !== w)) : s([...o, w]);
     }, V = (w) => {
-      g && g(w.target.value), re(w.target.value), W(!0);
+      b && b(w.target.value), te(w.target.value), W(!0);
     }, ee = (w) => {
       s(o.filter((U) => U !== w));
     }, ve = () => {
       s([]), W(!1);
     };
     return Ct(x, () => {
-      W(!1), g && g(""), A.current && (A.current.scrollLeft = 0);
+      W(!1), b && b(""), A.current && (A.current.scrollLeft = 0);
     }), We(() => {
       var w;
       N(((w = x.current) == null ? void 0 : w.offsetWidth) || 0);
@@ -4174,7 +4170,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
           value: o.length,
           ref: t,
           id: v,
-          label: b,
+          label: g,
           placeholder: p,
           hasError: c,
           proportions: C,
@@ -4182,7 +4178,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
           onClear: ve,
           onClick: () => W((w) => !w),
           inputRef: I,
-          rightIcon: /* @__PURE__ */ n.jsx(gl, { isOpen: Y }),
+          rightIcon: /* @__PURE__ */ n.jsx(bl, { isOpen: Y }),
           children: /* @__PURE__ */ n.jsx("div", { style: { width: `${q}px`, overflowX: "hidden" }, children: /* @__PURE__ */ n.jsxs("div", { className: Ae.tags, ref: A, children: [
             ye.map((w, U) => /* @__PURE__ */ n.jsx(
               no,
@@ -4196,7 +4192,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
               },
               U
             )),
-            (S || !!g) && /* @__PURE__ */ n.jsx(
+            (S || !!b) && /* @__PURE__ */ n.jsx(
               _t,
               {
                 id: v,
@@ -4232,8 +4228,8 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
       )
     ] });
   }
-), bl = "_root_157hg_1", vl = "_container_157hg_19", fl = "_rounded_157hg_32", pl = "_hide_157hg_1", Cl = "_drawer_157hg_41", _l = "_title_157hg_53", ml = "_subTitle_157hg_60", xl = "_animateShow_157hg_69", wl = "_animateHide_157hg_73", yl = "_icon_157hg_77", Sl = "_content_157hg_83", X = {
-  root: bl,
+), gl = "_root_157hg_1", vl = "_container_157hg_19", fl = "_rounded_157hg_32", pl = "_hide_157hg_1", Cl = "_drawer_157hg_41", _l = "_title_157hg_53", ml = "_subTitle_157hg_60", xl = "_animateShow_157hg_69", wl = "_animateHide_157hg_73", yl = "_icon_157hg_77", Sl = "_content_157hg_83", X = {
+  root: gl,
   container: vl,
   rounded: fl,
   hide: pl,
@@ -4255,11 +4251,11 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
   isCloseOnEscape: l = !0,
   type: h = "default"
 }) => {
-  const g = z(
+  const b = z(
     X.root,
     X.container,
     h === "rounded" && X.rounded
-  ), b = z(
+  ), g = z(
     X.drawer,
     h === "rounded" && X.rounded,
     s ? X.animateShow : X.animateHide
@@ -4275,7 +4271,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
   }, [s, l, t]), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: g,
+      className: b,
       "data-testid": "container",
       id: s ? "" : X.hide,
       onClick: () => c ? t() : null,
@@ -4286,7 +4282,7 @@ const Gs = "_root_1uxuf_1", Xs = "_listItem_1uxuf_6", Ks = "_chevron_1uxuf_12",
             width: e
           },
           "data-testid": "drawer",
-          className: b,
+          className: g,
           onClick: (v) => v.stopPropagation(),
           children: [
             /* @__PURE__ */ n.jsxs("div", { className: X.title, children: [
@@ -4337,7 +4333,7 @@ export {
   ln as ChevronLeftIcon,
   cn as ChevronRightIcon,
   Fa as Collapse,
-  gn as DirectionDownIcon,
+  bn as DirectionDownIcon,
   un as DirectionUpIcon,
   ft as Divider,
   jl as Drawer,
@@ -4353,7 +4349,7 @@ export {
   an as MinusIcon,
   mi as Pagination,
   El as Progress,
-  gt as Radio,
+  bt as Radio,
   Ri as RadioGroup,
   Jt as Search,
   Pi as SearchAccent,
@@ -4361,7 +4357,7 @@ export {
   Wl as Select,
   Tl as SelectMultiple,
   we as Sidebar,
-  bn as SidebarIcon,
+  gn as SidebarIcon,
   vn as SidebarOutlineIcon,
   Yi as Skeleton,
   Ll as StarIcon,
@@ -4370,7 +4366,7 @@ export {
   Tn as TabGroup,
   Zn as TabMenu,
   no as Tag,
-  bs as TextArea,
+  gs as TextArea,
   ws as Tooltip,
   Zt as Typography,
   fn as UnionIcon,