@julseb-lib/react 0.0.44 → 0.0.46

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import k, { StyleSheetManager as C8, css as y, keyframes as P2 } from "styled-components";
 import { ThemeProvider as Wi } from "styled-components";
 import I1, { Fragment as l0, useState as P, useRef as o2, useCallback as c2, useEffect as z2, forwardRef as C, useLayoutEffect as n3, useMemo as G0, createContext as S1, useContext as N1, useReducer as $8, lazy as V1, Suspense as E1, memo as A8, createRef as L8, createElement as D1, isValidElement as R8 } from "react";
-import { uuid as J, slugify as l1, stringifyPx as O, scrollToTop as D0, detectLanguage as _8, convertYoutube as j8, getRandomString as R0, capitalize as O2, filterObject as I8, getPercentage as M3, generateNumbers as G1, enableScroll as T0, disableScroll as g3, convertDateShort as M0, getYesterday as S8, convertDate as N8, getToday as c1, toSentenceCase as T1, formatDate as V8 } from "@julseb-lib/utils";
+import { uuid as J, slugify as l1, stringifyPx as O, scrollToTop as D0, detectLanguage as _8, convertYoutube as j8, getRandomString as L0, capitalize as O2, filterObject as I8, getPercentage as M3, generateNumbers as G1, enableScroll as T0, disableScroll as g3, convertDateShort as n0, getYesterday as S8, convertDate as N8, getToday as c1, toSentenceCase as T1, formatDate as V8 } from "@julseb-lib/utils";
 import { addDay as Xi, addMonth as qi, addYear as Qi, calculateAverage as Ji, calculateTotalSum as lf, capitalize as cf, convertDate as ef, convertDateShort as af, convertPrice as tf, convertToEmail as hf, convertYoutube as df, deleteDuplicates as ff, detectLanguage as rf, disableScroll as mf, emailRegex as sf, enableScroll as of, filterObject as pf, formatDate as zf, formatHour as vf, generateNumbers as nf, getFirstName as Mf, getInitials as gf, getLastName as kf, getPercentage as bf, getRandom as wf, getRandomAvatar as uf, getRandomDate as xf, getRandomNumber as Hf, getRandomString as yf, getRandomTime as Cf, getTimeNow as $f, getToday as Af, getTomorrow as Lf, getYesterday as Rf, hexToRgb as _f, passwordRegex as jf, rgbToHex as If, scrollToTop as Sf, slugify as Nf, sortByFrequency as Vf, stringifyPx as Ef, toCamelCase as Df, toConstantCase as Gf, toDotCase as Tf, toKebabCase as Of, toPascalCase as Bf, toPathCase as Yf, toSentenceCase as Pf, toSnakeCase as Ff, toTitleCase as Uf, unslugify as Zf, uuid as Wf } from "@julseb-lib/utils";
-import { useSearchParams as _0, NavLink as E8, Link as S2, useNavigate as D8, createSearchParams as G8, useLocation as T8 } from "react-router-dom";
+import { useSearchParams as R0, NavLink as E8, Link as S2, useNavigate as D8, createSearchParams as G8, useLocation as T8 } from "react-router-dom";
 import O8 from "react-inlinesvg";
 import B8 from "fuse.js";
 import { HelmetData as Y8, Helmet as P8 } from "react-helmet-async";
@@ -912,7 +912,7 @@ const U8 = 0.6, B2 = 32, N = (l) => l.forEach(
 function ll(l) {
   return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
 }
-var r3 = { exports: {} }, y0 = {};
+var r3 = { exports: {} }, x0 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -924,7 +924,7 @@ var r3 = { exports: {} }, y0 = {};
  */
 var e1;
 function cl() {
-  if (e1) return y0;
+  if (e1) return x0;
   e1 = 1;
   var l = I1, c = Symbol.for("react.element"), e = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, h = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
   function f(i, r, s) {
@@ -934,9 +934,9 @@ function cl() {
     if (i && i.defaultProps) for (o in r = i.defaultProps, r) p[o] === void 0 && (p[o] = r[o]);
     return { $$typeof: c, type: i, key: z, ref: g, props: p, _owner: h.current };
   }
-  return y0.Fragment = e, y0.jsx = f, y0.jsxs = f, y0;
+  return x0.Fragment = e, x0.jsx = f, x0.jsxs = f, x0;
 }
-var C0 = {};
+var H0 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -1114,16 +1114,16 @@ function el() {
 ` + o0 + w;
       }
     }
-    var W0 = !1, I0;
+    var W0 = !1, j0;
     {
       var c8 = typeof WeakMap == "function" ? WeakMap : Map;
-      I0 = new c8();
+      j0 = new c8();
     }
     function T3(w, _) {
       if (!w || W0)
         return "";
       {
-        var D = I0.get(w);
+        var D = j0.get(w);
         if (D !== void 0)
           return D;
       }
@@ -1178,7 +1178,7 @@ function el() {
                   if (v2--, M2--, M2 < 0 || a2[v2] !== u2[M2]) {
                     var j2 = `
 ` + a2[v2].replace(" at new ", " at ");
-                    return w.displayName && j2.includes("<anonymous>") && (j2 = j2.replace("<anonymous>", w.displayName)), typeof w == "function" && I0.set(w, j2), j2;
+                    return w.displayName && j2.includes("<anonymous>") && (j2 = j2.replace("<anonymous>", w.displayName)), typeof w == "function" && j0.set(w, j2), j2;
                   }
                 while (v2 >= 1 && M2 >= 0);
               break;
@@ -1188,7 +1188,7 @@ function el() {
         W0 = !1, q2.current = s2, w2(), Error.prepareStackTrace = f2;
       }
       var v0 = w ? w.displayName || w.name : "", a0 = v0 ? p0(v0) : "";
-      return typeof w == "function" && I0.set(w, a0), a0;
+      return typeof w == "function" && j0.set(w, a0), a0;
     }
     function e8(w, _, D) {
       return T3(w, !1);
@@ -1197,7 +1197,7 @@ function el() {
       var _ = w.prototype;
       return !!(_ && _.isReactComponent);
     }
-    function S0(w, _, D) {
+    function I0(w, _, D) {
       if (w == null)
         return "";
       if (typeof w == "function")
@@ -1215,28 +1215,28 @@ function el() {
           case r:
             return e8(w.render);
           case p:
-            return S0(w.type, _, D);
+            return I0(w.type, _, D);
           case z: {
             var Z = w, f2 = Z._payload, s2 = Z._init;
             try {
-              return S0(s2(f2), _, D);
+              return I0(s2(f2), _, D);
             } catch {
             }
           }
         }
       return "";
     }
-    var x0 = Object.prototype.hasOwnProperty, O3 = {}, B3 = u.ReactDebugCurrentFrame;
-    function N0(w) {
+    var w0 = Object.prototype.hasOwnProperty, O3 = {}, B3 = u.ReactDebugCurrentFrame;
+    function S0(w) {
       if (w) {
-        var _ = w._owner, D = S0(w.type, w._source, _ ? _.type : null);
+        var _ = w._owner, D = I0(w.type, w._source, _ ? _.type : null);
         B3.setExtraStackFrame(D);
       } else
         B3.setExtraStackFrame(null);
     }
     function t8(w, _, D, Z, f2) {
       {
-        var s2 = Function.call.bind(x0);
+        var s2 = Function.call.bind(w0);
         for (var h2 in w)
           if (s2(w, h2)) {
             var a2 = void 0;
@@ -1249,7 +1249,7 @@ function el() {
             } catch (v2) {
               a2 = v2;
             }
-            a2 && !(a2 instanceof Error) && (N0(f2), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Z || "React class", D, h2, typeof a2), N0(null)), a2 instanceof Error && !(a2.message in O3) && (O3[a2.message] = !0, N0(f2), x("Failed %s type: %s", D, a2.message), N0(null));
+            a2 && !(a2 instanceof Error) && (S0(f2), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Z || "React class", D, h2, typeof a2), S0(null)), a2 instanceof Error && !(a2.message in O3) && (O3[a2.message] = !0, S0(f2), x("Failed %s type: %s", D, a2.message), S0(null));
           }
       }
     }
@@ -1277,7 +1277,7 @@ function el() {
       if (i8(w))
         return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", d8(w)), Y3(w);
     }
-    var H0 = u.ReactCurrentOwner, f8 = {
+    var u0 = u.ReactCurrentOwner, f8 = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -1285,7 +1285,7 @@ function el() {
     }, F3, U3, X0;
     X0 = {};
     function r8(w) {
-      if (x0.call(w, "ref")) {
+      if (w0.call(w, "ref")) {
         var _ = Object.getOwnPropertyDescriptor(w, "ref").get;
         if (_ && _.isReactWarning)
           return !1;
@@ -1293,7 +1293,7 @@ function el() {
       return w.ref !== void 0;
     }
     function m8(w) {
-      if (x0.call(w, "key")) {
+      if (w0.call(w, "key")) {
         var _ = Object.getOwnPropertyDescriptor(w, "key").get;
         if (_ && _.isReactWarning)
           return !1;
@@ -1301,9 +1301,9 @@ function el() {
       return w.key !== void 0;
     }
     function s8(w, _) {
-      if (typeof w.ref == "string" && H0.current && _ && H0.current.stateNode !== _) {
-        var D = U(H0.current.type);
-        X0[D] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', U(H0.current.type), w.ref), X0[D] = !0);
+      if (typeof w.ref == "string" && u0.current && _ && u0.current.stateNode !== _) {
+        var D = U(u0.current.type);
+        X0[D] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', U(u0.current.type), w.ref), X0[D] = !0);
       }
     }
     function o8(w, _) {
@@ -1362,7 +1362,7 @@ function el() {
         var s2, h2 = {}, a2 = null, u2 = null;
         D !== void 0 && (P3(D), a2 = "" + D), m8(_) && (P3(_.key), a2 = "" + _.key), r8(_) && (u2 = _.ref, s8(_, f2));
         for (s2 in _)
-          x0.call(_, s2) && !f8.hasOwnProperty(s2) && (h2[s2] = _[s2]);
+          w0.call(_, s2) && !f8.hasOwnProperty(s2) && (h2[s2] = _[s2]);
         if (w && w.defaultProps) {
           var v2 = w.defaultProps;
           for (s2 in v2)
@@ -1372,13 +1372,13 @@ function el() {
           var M2 = typeof w == "function" ? w.displayName || w.name || "Unknown" : w;
           a2 && o8(h2, M2), u2 && p8(h2, M2);
         }
-        return z8(w, a2, u2, f2, Z, H0.current, h2);
+        return z8(w, a2, u2, f2, Z, u0.current, h2);
       }
     }
     var q0 = u.ReactCurrentOwner, Z3 = u.ReactDebugCurrentFrame;
     function z0(w) {
       if (w) {
-        var _ = w._owner, D = S0(w.type, w._source, _ ? _.type : null);
+        var _ = w._owner, D = I0(w.type, w._source, _ ? _.type : null);
         Z3.setExtraStackFrame(D);
       } else
         Z3.setExtraStackFrame(null);
@@ -1513,7 +1513,7 @@ Check the top-level render call using <` + D + ">.");
             else
               q3(j2, w);
         }
-        if (x0.call(_, "key")) {
+        if (w0.call(_, "key")) {
           var a0 = U(w), y2 = Object.keys(_).filter(function(y8) {
             return y8 !== "key";
           }), l3 = y2.length > 0 ? "{key: someKey, " + y2.join(": ..., ") + ": ...}" : "{key: someKey}";
@@ -1537,8 +1537,8 @@ React keys must be passed directly to JSX without using spread:
       return J3(w, _, D, !1);
     }
     var u8 = w8, x8 = b8;
-    C0.Fragment = a, C0.jsx = u8, C0.jsxs = x8;
-  }()), C0;
+    H0.Fragment = a, H0.jsx = u8, H0.jsxs = x8;
+  }()), H0;
 }
 process.env.NODE_ENV === "production" ? r3.exports = cl() : r3.exports = el();
 var t = r3.exports;
@@ -1789,7 +1789,7 @@ const pl = /* @__PURE__ */ new Map([
   ul: "ul",
   ol: "ol",
   dl: "dl"
-}, $0 = {
+}, y0 = {
   libColors: {
     black: "black",
     white: "white",
@@ -1933,8 +1933,7 @@ const pl = /* @__PURE__ */ new Map([
     success: "success",
     error: "error",
     warning: "warning",
-    info: "info",
-    loading: "loading"
+    info: "info"
   },
   toasterPositions: {
     "top-left": "top-left",
@@ -4004,7 +4003,7 @@ const pl = /* @__PURE__ */ new Map([
     ColorsShort: (n = "primary") => a.get(n),
     AllColors: (n) => h.get(n),
     ColorsAndOverlays: (n) => n ? Object.keys(
-      $0.overlays
+      y0.overlays
     ).find((u) => u === n) ? m.Overlay(n) : m.AllColors(n, l, c) : null,
     ColorsHoverDefault: (n = "primary") => n === "currentColor" ? "currentColor" : (/* @__PURE__ */ new Map([
       ["primary", e.PRIMARY_500],
@@ -5585,7 +5584,7 @@ const h1 = C(
       }
     })();
   }, [l, c]), e;
-}, u0 = (l, c, e) => {
+}, b0 = (l, c, e) => {
   z2(() => {
     const a = ({ code: d }) => {
       l.includes(d) && c();
@@ -5626,7 +5625,7 @@ const h1 = C(
     a(), window.addEventListener("resize", () => a());
   }, [l]), c;
 }, Yd = (l, c = 20) => {
-  const [e] = _0(), a = e.get("page") || 1, h = typeof a == "string" ? parseInt(a) : a || 1, d = () => {
+  const [e] = R0(), a = e.get("page") || 1, h = typeof a == "string" ? parseInt(a) : a || 1, d = () => {
     const i = h * c - c, r = i + c;
     return l == null ? void 0 : l.slice(i, r);
   }, f = () => Math.ceil(((l == null ? void 0 : l.length) || 0) / c);
@@ -5640,7 +5639,7 @@ const h1 = C(
   queries: e,
   totalPages: a
 }) => {
-  const [h, d] = _0(), f = c2(() => {
+  const [h, d] = R0(), f = c2(() => {
     const s = l - 1;
     c(s), d(
       e ? {
@@ -5893,174 +5892,8 @@ const Pd = (l) => {
       ) : l
     }
   );
-}, Ud = () => N1(f4), Y0 = ({ $size: l }) => y`
-    width: ${l && O(l)};
-    height: ${l && O(l)};
-    position: relative;
-`, Il = P2`
-    0% {
-        transform: rotate(0deg);
-    }
-
-    100% {
-        transform: rotate(360deg);
-    }
-`, x3 = (l = "linear") => y`
-    animation: ${Il} 1200ms ${l} infinite;
-`, r4 = k.span`
-    ${Y0};
-    display: inline-block;
-    border-radius: ${E.CIRCLE};
-    border: ${({ $borderWidth: l }) => l}px solid transparent;
-    border-bottom-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
-    ${x3()}
-`, m4 = k.span`
-    ${Y0};
-    display: inline-block;
-    border-radius: ${E.CIRCLE};
-    border: ${({ $borderWidth: l }) => l}px solid transparent;
-    border-top-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
-    border-bottom-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
-    ${x3()}
-`, s4 = k.span`
-    ${Y0};
-    display: inline-block;
-
-    span {
-        display: block;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        border: ${({ $borderWidth: l }) => l}px solid transparent;
-        border-top-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
-        border-radius: ${E.CIRCLE};
-        ${x3("cubic-bezier(0.5, 0, 0.5, 1)")}
-
-        &:first-child {
-            animation-delay: -450ms;
-        }
-
-        &:nth-child(2) {
-            animation-delay: -300ms;
-        }
-
-        &:last-child {
-            animation-delay: -150ms;
-        }
-    }
-`, a3 = P2`
-    0% {
-        opacity: 1;
-    }
-
-    50%, 100% {
-        opacity: 0.5;
-    }
-`, t3 = "1000ms", o4 = k.span`
-    ${Y0};
-    ${m.Flexbox({
-  $inline: !0,
-  $alignItems: "center",
-  $justifyContent: "center",
-  $gap: "xxs"
-})}
-
-    span {
-        aspect-ratio: 1;
-        flex-grow: 1;
-        display: inline-block;
-        border-radius: ${E.CIRCLE};
-        background-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
-
-        &:first-child {
-            animation: ${a3} ${t3} infinite alternate;
-            animation-delay: 0;
-        }
-
-        &:nth-child(2) {
-            animation: ${a3} ${t3} infinite linear
-                alternate;
-            animation-delay: 250ms;
-        }
-
-        &:last-child {
-            animation: ${a3} ${t3} infinite alternate;
-            animation-delay: 500ms;
-        }
-    }
-`;
-N([
-  r4,
-  m4,
-  s4,
-  o4
-]);
-const Sl = C(
-  ({ "data-testid": l, as: c, size: e, color: a, borderWidth: h = 8, ...d }, f) => /* @__PURE__ */ t.jsx(
-    r4,
-    {
-      "data-testid": l,
-      ref: f,
-      as: c,
-      $size: e,
-      $color: a,
-      $borderWidth: h,
-      ...d
-    }
-  )
-), Nl = C(
-  ({ "data-testid": l, as: c, size: e, color: a, borderWidth: h = 8, ...d }, f) => /* @__PURE__ */ t.jsx(
-    m4,
-    {
-      "data-testid": l,
-      ref: f,
-      as: c,
-      $size: e,
-      $color: a,
-      $borderWidth: h,
-      ...d
-    }
-  )
-), Vl = C(
-  ({ "data-testid": l, as: c, size: e, color: a, borderWidth: h = 8, ...d }, f) => /* @__PURE__ */ t.jsxs(
-    s4,
-    {
-      "data-testid": l,
-      ref: f,
-      as: c,
-      $size: e,
-      $color: a,
-      $borderWidth: h,
-      ...d,
-      children: [
-        /* @__PURE__ */ t.jsx("span", {}),
-        /* @__PURE__ */ t.jsx("span", {}),
-        /* @__PURE__ */ t.jsx("span", {}),
-        /* @__PURE__ */ t.jsx("span", {})
-      ]
-    }
-  )
-), El = C(
-  ({ "data-testid": l, as: c, size: e, color: a, ...h }, d) => /* @__PURE__ */ t.jsxs(
-    o4,
-    {
-      "data-testid": l,
-      ref: d,
-      as: c,
-      $size: e,
-      $color: a,
-      ...h,
-      children: [
-        /* @__PURE__ */ t.jsx("span", {}),
-        /* @__PURE__ */ t.jsx("span", {}),
-        /* @__PURE__ */ t.jsx("span", {})
-      ]
-    }
-  )
-), w0 = C(
-  ({ variant: l, size: c = 48, color: e = "primary", ...a }, h) => l === 2 ? /* @__PURE__ */ t.jsx(Nl, { ref: h, size: c, color: e, ...a }) : l === 3 ? /* @__PURE__ */ t.jsx(Vl, { ref: h, size: c, color: e, ...a }) : l === 4 ? /* @__PURE__ */ t.jsx(El, { ref: h, size: c, color: e, ...a }) : /* @__PURE__ */ t.jsx(Sl, { ref: h, size: c, color: e, ...a })
-);
-var p4 = { exports: {} };
+}, Ud = () => N1(f4);
+var r4 = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -6095,9 +5928,9 @@ var p4 = { exports: {} };
     }
     l.exports ? (e.default = e, l.exports = e) : window.classNames = e;
   })();
-})(p4);
-var Dl = p4.exports;
-const T = /* @__PURE__ */ ll(Dl), d2 = ({
+})(r4);
+var Il = r4.exports;
+const T = /* @__PURE__ */ ll(Il), d2 = ({
   "data-testid": l,
   icon: c,
   size: e,
@@ -6105,7 +5938,7 @@ const T = /* @__PURE__ */ ll(Dl), d2 = ({
   className: h,
   baseUrl: d
 }) => typeof c != "string" ? c : /* @__PURE__ */ t.jsx(
-  yc,
+  bc,
   {
     "data-testid": l,
     className: h,
@@ -6124,7 +5957,7 @@ const T = /* @__PURE__ */ ll(Dl), d2 = ({
     }
 `;
 N([e2]);
-const Gl = ({
+const Sl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6151,7 +5984,7 @@ const Gl = ({
       }
     )
   }
-), z4 = ({
+), m4 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6188,7 +6021,7 @@ const Gl = ({
       )
     ]
   }
-), H3 = ({
+), x3 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6215,7 +6048,7 @@ const Gl = ({
       }
     )
   }
-), y3 = ({
+), H3 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6253,7 +6086,7 @@ const Gl = ({
       )
     ]
   }
-), v4 = ({
+), s4 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6280,7 +6113,7 @@ const Gl = ({
       }
     )
   }
-), n4 = ({
+), o4 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6307,7 +6140,7 @@ const Gl = ({
       }
     )
   }
-), P0 = ({
+), Y0 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6334,7 +6167,7 @@ const Gl = ({
       }
     )
   }
-), j0 = ({
+), _0 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6361,7 +6194,7 @@ const Gl = ({
       }
     )
   }
-), Tl = ({
+), Nl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6388,7 +6221,7 @@ const Gl = ({
       }
     )
   }
-), M4 = ({
+), p4 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6420,7 +6253,7 @@ const Gl = ({
       )
     ]
   }
-), g4 = ({
+), z4 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6458,7 +6291,7 @@ const Gl = ({
       )
     ]
   }
-), F0 = ({
+), P0 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6485,7 +6318,7 @@ const Gl = ({
       }
     )
   }
-), Ol = ({
+), Vl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6523,7 +6356,7 @@ const Gl = ({
       )
     ]
   }
-), k4 = ({
+), v4 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6568,7 +6401,7 @@ const Gl = ({
       )
     ]
   }
-), Bl = ({
+), El = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6589,7 +6422,7 @@ const Gl = ({
     ...h,
     children: /* @__PURE__ */ t.jsx("path", { d: "M5 11H19V13H5V11Z", fill: "currentColor" })
   }
-), C3 = ({
+), y3 = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6616,7 +6449,7 @@ const Gl = ({
       }
     )
   }
-), Yl = ({
+), Dl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6654,7 +6487,7 @@ const Gl = ({
       )
     ]
   }
-), Pl = ({
+), Gl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6681,7 +6514,7 @@ const Gl = ({
       }
     )
   }
-), Fl = ({
+), Tl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6708,7 +6541,7 @@ const Gl = ({
       }
     )
   }
-), Ul = ({
+), Ol = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6735,7 +6568,7 @@ const Gl = ({
       }
     )
   }
-), Zl = ({
+), Bl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6762,7 +6595,7 @@ const Gl = ({
       }
     )
   }
-), Wl = ({
+), Yl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6807,7 +6640,7 @@ const Gl = ({
       )
     ]
   }
-), Kl = ({
+), Pl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6834,7 +6667,7 @@ const Gl = ({
       }
     )
   }
-), Xl = ({
+), Fl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6879,7 +6712,7 @@ const Gl = ({
       )
     ]
   }
-), ql = ({
+), Ul = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6906,7 +6739,7 @@ const Gl = ({
       }
     )
   }
-), Ql = ({
+), Zl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6942,7 +6775,7 @@ const Gl = ({
       )
     ]
   }
-), Jl = ({
+), Wl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6969,7 +6802,7 @@ const Gl = ({
       }
     )
   }
-), lc = ({
+), Kl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -6996,7 +6829,7 @@ const Gl = ({
       }
     )
   }
-), cc = ({
+), Xl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7023,7 +6856,7 @@ const Gl = ({
       }
     )
   }
-), ec = ({
+), ql = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7050,7 +6883,7 @@ const Gl = ({
       }
     )
   }
-), ac = ({
+), Ql = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7077,7 +6910,7 @@ const Gl = ({
       }
     )
   }
-), tc = ({
+), Jl = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7113,7 +6946,7 @@ const Gl = ({
       )
     ]
   }
-), hc = ({
+), lc = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7149,7 +6982,7 @@ const Gl = ({
       )
     ]
   }
-), dc = ({
+), cc = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7185,7 +7018,7 @@ const Gl = ({
       )
     ]
   }
-), ic = ({
+), ec = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7223,7 +7056,7 @@ const Gl = ({
       )
     ]
   }
-), fc = ({
+), ac = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7250,7 +7083,7 @@ const Gl = ({
       }
     )
   }
-), rc = ({
+), tc = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7277,7 +7110,7 @@ const Gl = ({
       }
     )
   }
-), mc = ({
+), hc = ({
   "data-testid": l,
   className: c,
   size: e = 64,
@@ -7304,33 +7137,31 @@ const Gl = ({
       }
     )
   }
-), sc = P2`
-    0% { transform: translateX(-100%); }
+), dc = P2`
+0% { transform: translateX(-100%); }
 
-    100% { transform: translateX(0); }
-`, oc = P2`
-    0% { transform: translateX(0); }
+100% { transform: translateX(0); }
+`, ic = P2`
+0% { transform: translateX(0); }
 
-    100% { transform: translateX(-100%); }
-`, pc = P2`
-    0% { transform: translateX(100%); }
+100% { transform: translateX(-100%); }
+`, fc = P2`
+0% { transform: translateX(100%); }
 
-    100% { transform: translateX(0); }
-`, zc = P2`
-    0% { transform: translateX(0); }
+100% { transform: translateX(0); }
+`, rc = P2`
+0% { transform: translateX(0); }
 
-    100% { transform: translateX(100%); }
-`, b4 = k.div`
+100% { transform: translateX(100%); }
+`, n4 = k.div`
     position: relative;
     width: 100%;
+    max-width: ${({ $maxWidth: l }) => O(l)};
     padding: ${R.S};
     border-radius: ${E.M};
-    background-color: ${({ theme: l, $backgroundColor: c }) => m.AllColors(c, l)};
-    color: ${({ theme: l, $textColor: c }) => m.AllColors(c, l)};
     transition: ${F.SHORT};
+    border: 1px solid;
     overflow: hidden;
-    ${({ $border: l }) => m.Border(l)};
-    ${({ $shadow: l }) => m.Shadow(l)};
 
     ${({ $toasterPosition: l }) => {
   const c = "200ms ease";
@@ -7338,26 +7169,56 @@ const Gl = ({
     case "top-left":
     case "bottom-left":
       return y`
-                    animation: ${oc} ${c};
+                    animation: ${ic} ${c};
 
                     &.Open {
-                        animation: ${sc} ${c};
+                        animation: ${dc} ${c};
                     }
                 `;
     case "top-right":
     case "bottom-right":
       return y`
-                    animation: ${zc} ${c};
+                    animation: ${rc} ${c};
 
                     &.Open {
-                        animation: ${pc} ${c};
+                        animation: ${fc} ${c};
                     }
                 `;
     default:
       return null;
   }
 }}
-`, w4 = k.div`
+
+    ${({ $status: l, theme: c }) => {
+  switch (l) {
+    case "success":
+      return y`
+                    background-color: ${m.AllColors("success-50", c)};
+                    border-color: ${m.AllColors("success", c)};
+                `;
+    case "error":
+      return y`
+                    background-color: ${m.AllColors("danger-50", c)};
+                    border-color: ${m.AllColors("danger", c)};
+                `;
+    case "warning":
+      return y`
+                    background-color: ${m.AllColors("warning-50", c)};
+                    border-color: ${m.AllColors("warning", c)};
+                `;
+    case "info":
+      return y`
+                    background-color: ${m.AllColors(
+        "secondary-50",
+        c
+      )};
+                    border-color: ${m.AllColors("secondary", c)};
+                `;
+    default:
+      return null;
+  }
+}}
+`, M4 = k.div`
     width: 100%;
     ${m.Flexbox({
   $gap: "xs"
@@ -7373,7 +7234,7 @@ const Gl = ({
   $alignItems: "center",
   $justifyContent: "center"
 })}
-`, u4 = k.button`
+`, g4 = k.button`
     width: ${f1}px;
     height: ${f1}px;
     padding: 0;
@@ -7395,19 +7256,19 @@ const Gl = ({
             color: ${({ theme: l }) => m.ColorsHoverActive("gray", l)};
         }
     }
-`, vc = P2`
-    0% { width: 100%; }
+`, mc = P2`
+0% { width: 100%; }
 
-    100% { width: 0; }
-`, x4 = k.span`
+100% { width: 0; }
+`, k4 = k.span`
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 4px;
     background-color: ${({ theme: l, $backgroundColor: c }) => m.AllColors(c, l)};
-    animation: ${vc} ${({ $duration: l }) => l}ms linear forwards;
-`, H4 = k.div`
+    animation: ${mc} ${({ $duration: l }) => l}ms linear forwards;
+`, b4 = k.div`
     position: fixed;
     width: 300px;
     height: fit-content;
@@ -7449,14 +7310,14 @@ const Gl = ({
 }}
 `;
 N([
-  b4,
-  w4,
+  n4,
+  M4,
   m3,
-  u4,
-  x4,
-  H4
+  g4,
+  k4,
+  b4
 ]);
-const r1 = 24, nc = C(
+const r1 = 24, sc = C(
   ({
     "data-testid": l,
     as: c,
@@ -7465,46 +7326,45 @@ const r1 = 24, nc = C(
     title: h,
     id: d = J(),
     options: f,
-    toastStyle: i,
+    maxWidth: i = 400,
     toasterPosition: r,
     role: s = "alert",
     hideCloseButton: o,
-    ...p
-  }, z) => {
-    var $, A, L, j, I;
-    const g = wc(), [M, n] = P(!0), H = c2(() => {
-      n(!1), setTimeout(() => g.remove(d), 200);
-    }, [d, g]), u = o2(null);
+    status: p,
+    ...z
+  }, g) => {
+    var A, L, j, I;
+    const M = nc(), [n, H] = P(!0), u = c2(() => {
+      H(!1), setTimeout(() => M.remove(d), 200);
+    }, [d, M]), x = o2(null);
     z2(() => {
       const S = f == null ? void 0 : f.duration;
       S && setTimeout(() => {
-        H();
+        u();
       }, S);
-    }, [f == null ? void 0 : f.duration, H]);
-    const x = e || (f == null ? void 0 : f.body);
+    }, [f == null ? void 0 : f.duration, u]);
+    const $ = e || (f == null ? void 0 : f.body);
     return /* @__PURE__ */ t.jsxs(
-      b4,
+      n4,
       {
         "data-testid": l,
-        ref: $2([z, u]),
+        ref: $2([g, x]),
         as: c,
         role: s,
         id: d,
-        className: T(a, { Open: M }),
-        $backgroundColor: (i == null ? void 0 : i.backgroundColor) || "background",
-        $border: (i == null ? void 0 : i.border) || { color: "gray-200" },
-        $shadow: i == null ? void 0 : i.shadow,
-        $textColor: (i == null ? void 0 : i.textColor) || "font",
+        className: T(a, { Open: n }),
+        $status: p,
+        $maxWidth: i,
         $toasterPosition: r,
-        ...p,
+        ...z,
         children: [
           /* @__PURE__ */ t.jsxs(
-            w4,
+            M4,
             {
               "data-testid": l && `${l}.TitleContainer`,
               className: a && "TitleContainer",
               children: [
-                (($ = f == null ? void 0 : f.icons) == null ? void 0 : $.left) && /* @__PURE__ */ t.jsx(
+                ((A = f == null ? void 0 : f.icons) == null ? void 0 : A.left) && /* @__PURE__ */ t.jsx(
                   m3,
                   {
                     "data-testid": l && `${l}.TitleContainer.IconContainerLeft`,
@@ -7515,7 +7375,7 @@ const r1 = 24, nc = C(
                         "data-testid": l && `${l}.TitleContainer.IconContainerLeft.Icon`,
                         className: a && "Icon",
                         icon: f.icons.left,
-                        size: ((A = f.iconSizes) == null ? void 0 : A.left) || 16,
+                        size: ((L = f.iconSizes) == null ? void 0 : L.left) || 16,
                         color: f == null ? void 0 : f.iconLeftColor,
                         baseUrl: f == null ? void 0 : f.iconsBaseUrl
                       }
@@ -7538,9 +7398,9 @@ const r1 = 24, nc = C(
                     "data-testid": l && `${l}.TitleContainer.IconContainerRight`,
                     className: a && "IconContainerRight",
                     children: /* @__PURE__ */ t.jsx(
-                      u4,
+                      g4,
                       {
-                        onClick: H,
+                        onClick: u,
                         "aria-label": (f == null ? void 0 : f.labelClose) || "Close toast",
                         "data-testid": l && `${l}.TitleContainer.IconContainerRight.CloseButton`,
                         className: a && "CloseButton",
@@ -7549,15 +7409,15 @@ const r1 = 24, nc = C(
                           {
                             "data-testid": l && `${l}.TitleContainer.IconContainerRight.CloseButton.Icon`,
                             className: a && "CloseIcon",
-                            icon: ((L = f == null ? void 0 : f.icons) == null ? void 0 : L.close) || /* @__PURE__ */ t.jsx(
-                              F0,
+                            icon: ((j = f == null ? void 0 : f.icons) == null ? void 0 : j.close) || /* @__PURE__ */ t.jsx(
+                              P0,
                               {
                                 size: r1,
                                 "data-testid": l && `${l}.TitleContainer.IconContainerRight.CloseButton.Icon`,
                                 className: a && "CloseIcon"
                               }
                             ),
-                            size: ((j = f == null ? void 0 : f.iconSizes) == null ? void 0 : j.close) || r1,
+                            size: ((I = f == null ? void 0 : f.iconSizes) == null ? void 0 : I.close) || r1,
                             color: "currentColor",
                             baseUrl: f == null ? void 0 : f.iconsBaseUrl
                           }
@@ -7569,60 +7429,53 @@ const r1 = 24, nc = C(
               ]
             }
           ),
-          x && /* @__PURE__ */ t.jsx(
+          $ && /* @__PURE__ */ t.jsx(
             X,
             {
               "data-testid": l && `${l}.Body`,
               className: a && "Body",
-              children: x
+              children: $
             }
           ),
           (f == null ? void 0 : f.withTimer) && /* @__PURE__ */ t.jsx(
-            x4,
+            k4,
             {
               "data-testid": l && `${l}.Timer`,
               className: a && "Timer",
-              $duration: (f == null ? void 0 : f.duration) || 3e3,
-              $backgroundColor: (f == null ? void 0 : f.timerBackgroundColor) || ((I = i == null ? void 0 : i.border) == null ? void 0 : I.color) || "gray-200"
+              $duration: (f == null ? void 0 : f.duration) ?? 3e3,
+              $backgroundColor: (f == null ? void 0 : f.timerBackgroundColor) ?? "success-200"
             }
           )
         ]
       }
     );
   }
-), n0 = 16, Mc = {
+), N0 = 16, oc = {
   success: {
-    backgroundColor: "success-50",
-    borderColor: "success",
+    status: "success",
+    timerColor: "success",
     iconLeftColor: "success",
-    iconLeftSize: n0
+    iconLeftSize: N0
   },
   error: {
-    backgroundColor: "danger-50",
-    borderColor: "danger",
+    status: "error",
+    timerColor: "danger",
     iconLeftColor: "danger",
-    iconLeftSize: n0
+    iconLeftSize: N0
   },
   warning: {
-    backgroundColor: "warning-50",
-    borderColor: "warning",
+    status: "warning",
+    timerColor: "warning",
     iconLeftColor: "warning",
-    iconLeftSize: n0
+    iconLeftSize: N0
   },
   info: {
-    backgroundColor: "primary-50",
-    borderColor: "primary",
+    status: "info",
+    timerColor: "primary",
     iconLeftColor: "primary",
-    iconLeftSize: n0
-  },
-  loading: {
-    backgroundColor: "white",
-    borderColor: "gray",
-    iconLeftColor: "gray",
-    iconLeftSize: n0,
-    iconLeft: /* @__PURE__ */ t.jsx(w0, { size: n0, borderWidth: 2 })
+    iconLeftSize: N0
   }
-}, gc = C(
+}, pc = C(
   ({
     "data-testid": l,
     as: c,
@@ -7633,7 +7486,7 @@ const r1 = 24, nc = C(
     position: f = "bottom-right",
     ...i
   }, r) => /* @__PURE__ */ t.jsx(
-    H4,
+    b4,
     {
       "data-testid": l,
       as: c,
@@ -7643,9 +7496,9 @@ const r1 = 24, nc = C(
       ...i,
       children: a.map((s) => {
         var p, z, g, M, n, H, u, x, $, A, L, j, I, S, B, Y, t2, W, U, q, G;
-        const o = Mc[status || "success"];
+        const o = oc[s.status || "success"];
         return /* @__PURE__ */ t.jsx(
-          nc,
+          sc,
           {
             "data-testid": ((p = s.options) == null ? void 0 : p["data-testid"]) || s["data-testid"] || l && `${l}.Toast`,
             className: ((z = s.options) == null ? void 0 : z.className) || s.className || e && "Toast",
@@ -7668,21 +7521,18 @@ const r1 = 24, nc = C(
               labelClose: ((W = s.options) == null ? void 0 : W.labelClose) || (h == null ? void 0 : h.labelClose),
               body: (U = s.options) == null ? void 0 : U.body,
               id: ((q = s.options) == null ? void 0 : q.id) || s.id,
-              timerBackgroundColor: ((G = s.options) == null ? void 0 : G.timerBackgroundColor) || o.borderColor,
+              timerBackgroundColor: ((G = s.options) == null ? void 0 : G.timerBackgroundColor) || o.timerColor,
               ...h,
               ...s.options
             },
-            toastStyle: {
-              backgroundColor: o.backgroundColor,
-              border: { color: o.borderColor }
-            }
+            status: s.status
           },
           J()
         );
       })
     }
   )
-), kc = (l, c) => {
+), zc = (l, c) => {
   switch (c.type) {
     case "ADD_TOAST":
       return {
@@ -7700,7 +7550,7 @@ const r1 = 24, nc = C(
     default:
       throw new Error(`Unhandled action type: ${c.type}`);
   }
-}, y4 = S1(null), bc = {
+}, w4 = S1(null), vc = {
   toasts: []
 }, Zd = ({
   "data-testid": l,
@@ -7709,7 +7559,7 @@ const r1 = 24, nc = C(
   toastOptions: a,
   position: h
 }) => {
-  const [d, f] = $8(kc, bc), i = (M, n, H) => f({
+  const [d, f] = $8(zc, vc), i = (M, n, H) => f({
     type: "ADD_TOAST",
     payload: {
       id: J(),
@@ -7722,7 +7572,7 @@ const r1 = 24, nc = C(
     payload: M
   });
   return /* @__PURE__ */ t.jsxs(
-    y4.Provider,
+    w4.Provider,
     {
       value: {
         success: r,
@@ -7735,7 +7585,7 @@ const r1 = 24, nc = C(
       children: [
         e,
         /* @__PURE__ */ t.jsx(
-          gc,
+          pc,
           {
             toasts: d.toasts,
             isOpen: !!d.toasts.length,
@@ -7748,7 +7598,7 @@ const r1 = 24, nc = C(
       ]
     }
   );
-}, wc = () => N1(y4), $3 = k.div`
+}, nc = () => N1(w4), C3 = k.div`
     position: relative;
     z-index: 0;
     background-color: ${({ theme: l }) => l.GRAY_500};
@@ -7758,8 +7608,8 @@ const r1 = 24, nc = C(
     aspect-ratio: ${({ $aspectRatio: l }) => l};
     ${({ $borderRadius: l }) => m.BorderRadius(l)}
 `;
-N([$3]);
-const C4 = k.div`
+N([C3]);
+const u4 = k.div`
     position: relative;
     background-color: ${({ $backgroundColor: l, theme: c }) => m.AllColors(l, c)};
     ${({ $gap: l }) => m.Flexbox({
@@ -7773,8 +7623,8 @@ const C4 = k.div`
         min-height: inherit;
     }
 `;
-N([C4]);
-const uc = C(
+N([u4]);
+const Mc = C(
   ({
     "data-testid": l,
     as: c,
@@ -7783,7 +7633,7 @@ const uc = C(
     backgroundColor: h = "transparent",
     ...d
   }, f) => /* @__PURE__ */ t.jsx(
-    C4,
+    u4,
     {
       "data-testid": l,
       ref: f,
@@ -7799,7 +7649,7 @@ const uc = C(
   ["large", d0.MAIN_LARGE],
   ["form", d0.MAIN_FORM],
   ["full", d0.MAIN_FULL]
-])).get(l), $4 = k.main`
+])).get(l), x4 = k.main`
     position: relative;
     width: 100%;
     height: auto;
@@ -7830,8 +7680,8 @@ const uc = C(
         height: unset;
     }
 `;
-N([$4]);
-const xc = C(
+N([x4]);
+const gc = C(
   ({
     "data-testid": l,
     as: c,
@@ -7841,7 +7691,7 @@ const xc = C(
     minHeight: d = "100vh",
     ...f
   }, i) => /* @__PURE__ */ t.jsx(
-    $4,
+    x4,
     {
       "data-testid": l,
       ref: i,
@@ -7853,14 +7703,14 @@ const xc = C(
       children: e
     }
   )
-), Hc = (l) => typeof l == "number" ? O(l) : (/* @__PURE__ */ new Map([
+), kc = (l) => typeof l == "number" ? O(l) : (/* @__PURE__ */ new Map([
   ["default", d0.ASIDE_DEFAULT],
   ["small", d0.ASIDE_SMALL]
-])).get(l), A4 = k.aside`
+])).get(l), H4 = k.aside`
     position: relative;
     width: 100%;
     min-height: ${({ $minHeight: l }) => O(l)};
-    max-width: ${({ $size: l }) => Hc(l || "default")};
+    max-width: ${({ $size: l }) => kc(l || "default")};
     padding: ${R.XXL} 0;
     ${m.Flexbox({
   $flexDirection: "column",
@@ -7877,7 +7727,7 @@ const xc = C(
         height: inherit;
     }
 `;
-N([A4]);
+N([H4]);
 const Wd = C(
   ({
     "data-testid": l,
@@ -7887,7 +7737,7 @@ const Wd = C(
     minHeight: h = "100vh",
     ...d
   }, f) => /* @__PURE__ */ t.jsx(
-    A4,
+    H4,
     {
       "data-testid": l,
       ref: f,
@@ -7898,7 +7748,7 @@ const Wd = C(
       children: e
     }
   )
-), L4 = k.section`
+), y4 = k.section`
     ${({ $gap: l }) => m.Flexbox({
   $flexDirection: "column",
   $alignItems: "flex-start",
@@ -7911,10 +7761,10 @@ const Wd = C(
         flex-shrink: 0;
     }
 `;
-N([L4]);
+N([y4]);
 const Kd = C(
   ({ "data-testid": l, as: c, children: e, gap: a = "m", ...h }, d) => /* @__PURE__ */ t.jsx(
-    L4,
+    y4,
     {
       "data-testid": l,
       ref: d,
@@ -7924,10 +7774,10 @@ const Kd = C(
       children: e
     }
   )
-), R4 = k.div`
+), C4 = k.div`
     ${m.Grid}
 `;
-N([R4]);
+N([C4]);
 const Xd = C(
   ({
     "data-testid": l,
@@ -7945,7 +7795,7 @@ const Xd = C(
     padding: z,
     ...g
   }, M) => /* @__PURE__ */ t.jsx(
-    R4,
+    C4,
     {
       "data-testid": l,
       ref: M,
@@ -7964,10 +7814,10 @@ const Xd = C(
       children: e
     }
   )
-), _4 = k.div`
+), $4 = k.div`
     ${m.Flexbox}
 `;
-N([_4]);
+N([$4]);
 const g2 = C(
   ({
     "data-testid": l,
@@ -7986,7 +7836,7 @@ const g2 = C(
     padding: g,
     ...M
   }, n) => /* @__PURE__ */ t.jsx(
-    _4,
+    $4,
     {
       "data-testid": l,
       ref: n,
@@ -8006,7 +7856,7 @@ const g2 = C(
       children: e
     }
   )
-), j4 = k(O8)`
+), A4 = k(O8)`
     width: ${({ $size: l }) => O(l)};
     height: ${({ $size: l }) => O(l)};
     fill: ${({ theme: l, $color: c }) => m.AllColors(c, l)};
@@ -8015,8 +7865,8 @@ const g2 = C(
         fill: ${({ theme: l, $color: c }) => m.AllColors(c, l)};
     }
 `;
-N([j4]);
-const yc = C(
+N([A4]);
+const bc = C(
   ({
     "data-testid": l,
     src: c,
@@ -8025,7 +7875,7 @@ const yc = C(
     baseURL: h = "/icons",
     ...d
   }, f) => /* @__PURE__ */ t.jsx(
-    j4,
+    A4,
     {
       "data-testid": l,
       innerRef: f,
@@ -8035,7 +7885,7 @@ const yc = C(
       ...d
     }
   )
-), Cc = C(
+), wc = C(
   ({ "data-testid": l, isNavLink: c, to: e, href: a, onClick: h, blank: d, end: f, ...i }, r) => h ? /* @__PURE__ */ t.jsx(
     "button",
     {
@@ -8076,7 +7926,7 @@ const yc = C(
       ...i
     }
   ) : null
-), I4 = k.span`
+), L4 = k.span`
     border: 1px solid
         ${({ theme: l, $accentColor: c }) => m.AllColors(c, l)};
     border-bottom-width: ${({ $size: l }) => l === "small" ? 2 : 3}px;
@@ -8086,8 +7936,8 @@ const yc = C(
     background-color: ${({ theme: l, $accentColor: c }) => m.Colors50(c, l)};
     color: ${({ theme: l }) => l.FONT};
 `;
-N([I4]);
-const S4 = C(
+N([L4]);
+const R4 = C(
   ({
     "data-testid": l,
     as: c,
@@ -8097,7 +7947,7 @@ const S4 = C(
     withSeparator: d,
     ...f
   }, i) => /* @__PURE__ */ t.jsx(
-    I4,
+    L4,
     {
       "data-testid": l,
       ref: i,
@@ -8108,7 +7958,7 @@ const S4 = C(
       children: e.join(d ? " + " : "")
     }
   )
-), N4 = (l, c) => {
+), _4 = (l, c) => {
   const e = (h) => Number(h.replace("px", ""));
   return (/* @__PURE__ */ new Map([
     [
@@ -8145,7 +7995,7 @@ const S4 = C(
     ["p", e(C2["font-sizes"].body.px)],
     ["small", e(C2["font-sizes"].small.px)]
   ])).get(l);
-}, V4 = k.div`
+}, j4 = k.div`
     ${({ $gap: l }) => m.Flexbox({
   $gap: l
 })}
@@ -8153,15 +8003,15 @@ const S4 = C(
     & > *:not(span) {
         flex-grow: 1;
     }
-`, E4 = k.span`
-    height: ${({ $tag: l, $display: c, $iconSize: e }) => e ? O(e * 1.5) : O((N4(l, c) || 16) * 1.5)};
+`, I4 = k.span`
+    height: ${({ $tag: l, $display: c, $iconSize: e }) => e ? O(e * 1.5) : O((_4(l, c) || 16) * 1.5)};
     ${m.Flexbox({
   $inline: !0,
   $alignItems: "center",
   $justifyContent: "center"
 })};
 `;
-N([V4, E4]);
+N([j4, I4]);
 const qd = C(
   ({
     "data-testid": l,
@@ -8187,7 +8037,7 @@ const qd = C(
       ...g
     };
     return /* @__PURE__ */ t.jsxs(
-      V4,
+      j4,
       {
         "data-testid": l,
         ref: M,
@@ -8197,7 +8047,7 @@ const qd = C(
         $gap: p,
         children: [
           /* @__PURE__ */ t.jsx(
-            E4,
+            I4,
             {
               "data-testid": l && `${l}.IconContainer`,
               className: a && "IconContainer",
@@ -8210,7 +8060,7 @@ const qd = C(
                   "data-testid": l && `${l}.IconContainer.Icon`,
                   className: a && "Icon",
                   icon: d,
-                  size: i || N4(s, o),
+                  size: i || _4(s, o),
                   color: f,
                   baseUrl: r
                 }
@@ -8222,17 +8072,17 @@ const qd = C(
       }
     );
   }
-), $c = C(
+), uc = C(
   ({ children: l = "", highlightedText: c, className: e, highlightStyle: a, ...h }, d) => /* @__PURE__ */ t.jsx(X, { ref: d, className: e, ...h, children: ml(
     l,
     c,
     e,
     a
   ) })
-), Ac = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm, s1 = C(({ children: l, blank: c, className: e, ...a }, h) => {
+), xc = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/gm, s1 = C(({ children: l, blank: c, className: e, ...a }, h) => {
   const d = l ? l.split(" ") : [];
   return /* @__PURE__ */ t.jsx(X, { ref: h, className: e, ...a, children: d == null ? void 0 : d.map(
-    (f) => f.match(Ac) ? /* @__PURE__ */ t.jsxs(l0, { children: [
+    (f) => f.match(xc) ? /* @__PURE__ */ t.jsxs(l0, { children: [
       /* @__PURE__ */ t.jsx(
         "a",
         {
@@ -8246,7 +8096,7 @@ const qd = C(
       " "
     ] }, J()) : f + " "
   ) });
-}), D4 = k.div`
+}), S4 = k.div`
     position: relative;
     width: fit-content;
     display: inline-block;
@@ -8254,7 +8104,7 @@ const qd = C(
     &.Visible {
         z-index: 20;
     }
-`, G4 = k.div`
+`, N4 = k.div`
     max-width: unset;
     white-space: nowrap;
     font-size: ${K.SMALL};
@@ -8364,8 +8214,8 @@ const qd = C(
             }
         `}
 `;
-N([D4, G4]);
-const Lc = C(
+N([S4, N4]);
+const Hc = C(
   ({
     "data-testid": l,
     as: c,
@@ -8396,7 +8246,7 @@ const Lc = C(
       A(!1);
     }, []);
     return /* @__PURE__ */ t.jsxs(
-      D4,
+      S4,
       {
         "data-testid": l,
         ref: H,
@@ -8408,7 +8258,7 @@ const Lc = C(
         ...n,
         children: [
           /* @__PURE__ */ t.jsx(
-            G4,
+            N4,
             {
               "data-testid": l && `${l}.Tooltip`,
               className: T(
@@ -8430,7 +8280,7 @@ const Lc = C(
       }
     );
   }
-), T4 = k.hr`
+), V4 = k.hr`
     display: block;
     width: 100%;
     max-width: ${({ $maxWidth: l }) => O(l)};
@@ -8443,8 +8293,8 @@ const Lc = C(
         border-radius: ${E.ROUND};
     }
 `;
-N([T4]);
-const O4 = C(
+N([V4]);
+const E4 = C(
   ({
     "data-testid": l,
     as: c,
@@ -8456,7 +8306,7 @@ const O4 = C(
     isRounded: i,
     ...r
   }, s) => /* @__PURE__ */ t.jsx(
-    T4,
+    V4,
     {
       "data-testid": l,
       ref: s,
@@ -8469,7 +8319,7 @@ const O4 = C(
       ...r
     }
   )
-), Rc = P2`
+), yc = P2`
     from {
         left: -150px;
     }
@@ -8477,7 +8327,7 @@ const O4 = C(
     to {
         left: 106%;
     }
-`, _c = P2`
+`, Cc = P2`
     0% {
         opacity: 0.5;
     }
@@ -8485,7 +8335,7 @@ const O4 = C(
     100% {
         opacity: 1;
     }
-`, B4 = ({
+`, D4 = ({
   $width: l = "100%",
   $maxWidth: c,
   $height: e,
@@ -8505,7 +8355,7 @@ const O4 = C(
     flex: ${f};
     flex-grow: ${i};
     ${m.BorderRadius(d)}
-`, Y4 = y`
+`, G4 = y`
     position: absolute;
     top: -200px;
     bottom: -200px;
@@ -8513,26 +8363,26 @@ const O4 = C(
     filter: blur(20px);
     transform: skew(-15deg);
     background-color: ${({ theme: l }) => l.WHITE};
-    animation: ${Rc} 2000ms infinite;
+    animation: ${yc} 2000ms infinite;
     opacity: 0.7;
-`, P4 = k(g2)`
-    ${B4}
+`, T4 = k(g2)`
+    ${D4}
     ${({ $border: l }) => m.Border(l)}
     ${({ $padding: l }) => m.Padding(l)}
-`, F4 = k.span`
-    ${Y4}
-`, U4 = k.div`
-    ${B4}
+`, O4 = k.span`
+    ${G4}
+`, B4 = k.div`
+    ${D4}
     ${({ $animation: l }) => l === "pulse" ? y`
-                  animation: ${_c} 1000ms infinite alternate;
+                  animation: ${Cc} 1000ms infinite alternate;
               ` : l === "shine" && y`
                   &:after {
                       content: "";
-                      ${Y4}
+                      ${G4}
                   }
               `}
 `;
-N([F4, P4, U4]);
+N([O4, T4, B4]);
 const Qd = C(
   ({
     "data-testid": l,
@@ -8548,7 +8398,7 @@ const Qd = C(
     animation: o,
     ...p
   }, z) => /* @__PURE__ */ t.jsx(
-    U4,
+    B4,
     {
       "data-testid": l,
       ref: z,
@@ -8565,9 +8415,9 @@ const Qd = C(
       ...p
     }
   )
-), jc = C(
+), $c = C(
   ({ "data-testid": l, as: c, ...e }, a) => /* @__PURE__ */ t.jsx(
-    F4,
+    O4,
     {
       "data-testid": l,
       ref: a,
@@ -8594,7 +8444,7 @@ const Qd = C(
     children: M,
     ...n
   }, H) => /* @__PURE__ */ t.jsxs(
-    P4,
+    T4,
     {
       "data-testid": l,
       ref: H,
@@ -8614,7 +8464,7 @@ const Qd = C(
       children: [
         M,
         g && /* @__PURE__ */ t.jsx(
-          jc,
+          $c,
           {
             "data-testid": l && `${l}.Shine`,
             className: e && "Shine"
@@ -8623,7 +8473,7 @@ const Qd = C(
       ]
     }
   )
-), Ic = V1(() => Promise.resolve().then(() => Sc)), o1 = C(
+), Ac = V1(() => Promise.resolve().then(() => Lc)), o1 = C(
   ({
     "data-testid": l,
     fallback: c,
@@ -8640,7 +8490,7 @@ const Qd = C(
     imgFallback: z,
     ...g
   }, M) => /* @__PURE__ */ t.jsx(E1, { fallback: c, children: /* @__PURE__ */ t.jsx(
-    Ic,
+    Ac,
     {
       "data-testid": e ? l && `${l}.Image` : l,
       className: e ? a && "Image" : a,
@@ -8660,7 +8510,7 @@ const Qd = C(
       ...g
     }
   ) })
-), Z4 = k.img`
+), Y4 = k.img`
     display: block;
     width: ${({ $width: l }) => O(l)};
     height: ${({ $height: l }) => O(l)};
@@ -8686,13 +8536,13 @@ const Qd = C(
         font-weight: ${r2.BOLD};
         font-size: ${({ $fallbackFontSize: l }) => m.FontSize(l)};
     }
-`, A3 = k.figure`
+`, $3 = k.figure`
     position: relative;
     overflow: hidden;
     width: ${({ $width: l }) => O(l)};
     height: ${({ $height: l }) => O(l)};
     ${({ $borderRadius: l }) => m.BorderRadius(l)};
-`, L3 = k(X).attrs({ as: "figcaption" })`
+`, A3 = k(X).attrs({ as: "figcaption" })`
     background: ${({ theme: l, $backgroundColor: c }) => m.ColorsAndOverlays(c, l)};
     color: ${({ theme: l, $textColor: c }) => m.AllColors(c, l)};
     padding: ${R.S};
@@ -8702,12 +8552,12 @@ const Qd = C(
     width: 100%;
     z-index: 1;
 `;
-N([Z4, A3, L3]);
-const Sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+N([Y4, $3, A3]);
+const Lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Caption: L3,
-  ImgContainer: A3,
-  default: Z4
+  Caption: A3,
+  ImgContainer: $3,
+  default: Y4
 }, Symbol.toStringTag, { value: "Module" })), m0 = C(
   ({
     "data-testid": l,
@@ -8721,7 +8571,7 @@ const Sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     borderRadius: r,
     fit: s,
     fallback: o = /* @__PURE__ */ t.jsx(
-      $3,
+      C3,
       {
         $aspectRatio: i,
         $width: d,
@@ -8749,7 +8599,7 @@ const Sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       ...g
     };
     return h ? /* @__PURE__ */ t.jsxs(
-      A3,
+      $3,
       {
         "data-testid": l,
         className: c,
@@ -8761,7 +8611,7 @@ const Sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         children: [
           /* @__PURE__ */ t.jsx(o1, { ...n }),
           /* @__PURE__ */ t.jsx(
-            L3,
+            A3,
             {
               "data-testid": l && `${l}.Caption`,
               className: c && "Caption",
@@ -8776,7 +8626,7 @@ const Sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ) : /* @__PURE__ */ t.jsx(o1, { ...n });
   }
 );
-function Nc(l, c, e = globalThis) {
+function Rc(l, c, e = globalThis) {
   const a = o2();
   z2(() => a.current = c, [c]), z2(() => {
     if (!e.addEventListener) return;
@@ -8788,20 +8638,20 @@ function Nc(l, c, e = globalThis) {
     };
   }, [e, l]);
 }
-function Vc(l, c) {
+function _c(l, c) {
   l.forEach((e, a) => c[a % c.length].push(e));
 }
-const W4 = ({ $gap: l }) => y`
+const P4 = ({ $gap: l }) => y`
     display: grid;
     grid-gap: ${m.Spacer(l)};
-`, K4 = k.div`
-    ${W4};
+`, F4 = k.div`
+    ${P4};
     grid-auto-flow: column;
-`, X4 = k.div`
-    ${W4};
+`, U4 = k.div`
+    ${P4};
     height: fit-content;
 `;
-N([K4, X4]);
+N([F4, U4]);
 const li = C(
   ({
     "data-testid": l,
@@ -8812,26 +8662,26 @@ const li = C(
     ...d
   }, f) => {
     const i = o2(null), [r, s] = P(a), o = [...Array(a)].map(() => []);
-    Vc(e, o);
+    _c(e, o);
     const p = c2(
       () => s(
         Math.ceil(window.innerWidth / (window.innerWidth / r))
       ),
       [r]
     );
-    return z2(p, [r, p]), Nc("resize", p), /* @__PURE__ */ t.jsx(
-      K4,
+    return z2(p, [r, p]), Rc("resize", p), /* @__PURE__ */ t.jsx(
+      F4,
       {
         "data-testid": l,
         as: c,
         ref: $2([i, f]),
         $gap: h,
         ...d,
-        children: [...Array(r)].map((z, g) => /* @__PURE__ */ t.jsx(X4, { $gap: h, children: o[g] }, J()))
+        children: [...Array(r)].map((z, g) => /* @__PURE__ */ t.jsx(U4, { $gap: h, children: o[g] }, J()))
       }
     );
   }
-), q4 = k.div`
+), Z4 = k.div`
     width: 100%;
     grid-column: 1/4;
     aspect-ratio: ${({ $aspectRatio: l }) => l};
@@ -8846,7 +8696,7 @@ const li = C(
             }
         `}
 `;
-N([q4]);
+N([Z4]);
 const ci = C(
   ({
     "data-testid": l,
@@ -8857,7 +8707,7 @@ const ci = C(
     padding: d,
     ...f
   }, i) => /* @__PURE__ */ t.jsx(
-    q4,
+    Z4,
     {
       "data-testid": l,
       ref: i,
@@ -8869,7 +8719,7 @@ const ci = C(
       children: e
     }
   )
-), Ec = V1(() => import("./styles-BCSPldCD.js")), ei = C(
+), jc = V1(() => import("./styles-BCSPldCD.js")), ei = C(
   ({
     "data-testid": l,
     src: c,
@@ -8887,7 +8737,7 @@ const ci = C(
     E1,
     {
       fallback: /* @__PURE__ */ t.jsx(
-        $3,
+        C3,
         {
           $width: a,
           $height: h,
@@ -8895,7 +8745,7 @@ const ci = C(
         }
       ),
       children: /* @__PURE__ */ t.jsxs(
-        Ec,
+        jc,
         {
           "data-testid": l,
           ref: z,
@@ -8915,13 +8765,13 @@ const ci = C(
       )
     }
   )
-), Q4 = k.iframe`
+), W4 = k.iframe`
     display: block;
     aspect-ratio: ${({ $aspectRatio: l }) => l};
     width: ${({ $width: l }) => O(l)};
     height: ${({ $height: l }) => O(l)};
 `;
-N([Q4]);
+N([W4]);
 const ai = C(
   ({
     "data-testid": l,
@@ -8931,7 +8781,7 @@ const ai = C(
     aspectRatio: h = "16/9",
     ...d
   }, f) => /* @__PURE__ */ t.jsx(
-    Q4,
+    W4,
     {
       "data-testid": l,
       ref: f,
@@ -8945,7 +8795,7 @@ const ai = C(
       ...d
     }
   )
-), J4 = k.span`
+), K4 = k.span`
     min-width: var(--badge-size);
     height: var(--badge-size);
     background-color: ${({ $backgroundColor: l, theme: c }) => m.AllColors(l, c)};
@@ -8963,8 +8813,8 @@ const ai = C(
             ${m.Padding(e)}
         `}
 `;
-N([J4]);
-const A0 = C(
+N([K4]);
+const C0 = C(
   ({
     "data-testid": l,
     className: c,
@@ -8983,14 +8833,14 @@ const A0 = C(
     },
     ...g
   }, M) => {
-    const n = R0(10, !0), H = (c == null ? void 0 : c.split(" ")[0]) || n;
+    const n = L0(10, !0), H = (c == null ? void 0 : c.split(" ")[0]) || n;
     return r0(`
             ${e ? `#${e}` : `.${H}`} {
                 --badge-size: ${h}px;
                 --badge-font-size: ${p2(h)}px;
             }
         `), /* @__PURE__ */ t.jsxs(
-      J4,
+      K4,
       {
         "data-testid": l,
         ref: M,
@@ -9021,7 +8871,7 @@ const A0 = C(
       }
     );
   }
-), l7 = ({
+), X4 = ({
   $borderRadius: l,
   $backgroundColor: c,
   $contentColor: e
@@ -9039,13 +8889,13 @@ const A0 = C(
         width: var(--avatar-size);
         height: var(--avatar-size);
     }
-`, c7 = k.span`
-    ${l7}
+`, q4 = k.span`
+    ${X4}
     position: relative;
     padding: 0;
     border-style: inherit;
-`, e7 = k.span`
-    ${l7}
+`, Q4 = k.span`
+    ${X4}
     ${({ $border: l }) => m.Border(l)};
     overflow: hidden;
     position: relative;
@@ -9054,7 +8904,7 @@ const A0 = C(
     line-height: var(--avatar-size);
     text-transform: uppercase;
     font-size: ${({ $fontSize: l }) => m.FontSize(l)};
-`, a7 = k(A0)`
+`, J4 = k(C0)`
     position: absolute;
     right: ${({ $width: l, $paddingLeftRight: c }) => `calc((${l / 2}px + ${m.Spacer(c)}) * -1)`};
     ${({ $outline: l }) => m.Outline(l)}
@@ -9066,7 +8916,7 @@ const A0 = C(
     &.PositionBottom {
         bottom: ${R.XXS};
     }
-`, t7 = k.span`
+`, l7 = k.span`
     width: ${({ $size: l }) => O(l)};
     height: ${({ $size: l }) => O(l)};
     font-weight: ${r2.BLACK};
@@ -9075,10 +8925,10 @@ const A0 = C(
     font-size: ${({ $fontSize: l }) => m.FontSize(l)};
 `;
 N([
-  c7,
-  e7,
-  a7,
-  t7
+  q4,
+  Q4,
+  J4,
+  l7
 ]);
 const p1 = C(
   ({
@@ -9100,13 +8950,13 @@ const p1 = C(
     fontSize: n = "body",
     ...H
   }, u) => {
-    const x = R0(10, !0), $ = (e == null ? void 0 : e.split(" ")[0]) || x;
+    const x = L0(10, !0), $ = (e == null ? void 0 : e.split(" ")[0]) || x;
     return r0(`
             ${a ? `#${a}` : `.${$}`} {
             --avatar-size: ${r}px;
             }
         `), /* @__PURE__ */ t.jsxs(
-      e7,
+      Q4,
       {
         "data-testid": h && l ? `${l}.Avatar` : l,
         ref: h ? void 0 : u,
@@ -9138,7 +8988,7 @@ const p1 = C(
               fallback: typeof o == "object" ? (
                 // @ts-ignore
                 /* @__PURE__ */ t.jsx(
-                  t7,
+                  l7,
                   {
                     $backgroundColor: o.fallbackBackgroundColor ?? d,
                     $fontColor: o.fallbackFontColor ?? s,
@@ -9203,7 +9053,7 @@ const p1 = C(
       ...M
     };
     return d ? /* @__PURE__ */ t.jsxs(
-      c7,
+      q4,
       {
         "data-testid": l,
         ref: n,
@@ -9218,7 +9068,7 @@ const p1 = C(
         children: [
           /* @__PURE__ */ t.jsx(p1, { ...x }),
           /* @__PURE__ */ t.jsx(
-            a7,
+            J4,
             {
               "data-testid": l && `${l}.Badge`,
               className: T(
@@ -9241,6 +9091,172 @@ const p1 = C(
       }
     ) : /* @__PURE__ */ t.jsx(p1, { ...x });
   }
+), F0 = ({ $size: l }) => y`
+    width: ${l && O(l)};
+    height: ${l && O(l)};
+    position: relative;
+`, Ic = P2`
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+`, L3 = (l = "linear") => y`
+    animation: ${Ic} 1200ms ${l} infinite;
+`, c7 = k.span`
+    ${F0};
+    display: inline-block;
+    border-radius: ${E.CIRCLE};
+    border: ${({ $borderWidth: l }) => l}px solid transparent;
+    border-bottom-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
+    ${L3()}
+`, e7 = k.span`
+    ${F0};
+    display: inline-block;
+    border-radius: ${E.CIRCLE};
+    border: ${({ $borderWidth: l }) => l}px solid transparent;
+    border-top-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
+    border-bottom-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
+    ${L3()}
+`, a7 = k.span`
+    ${F0};
+    display: inline-block;
+
+    span {
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        border: ${({ $borderWidth: l }) => l}px solid transparent;
+        border-top-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
+        border-radius: ${E.CIRCLE};
+        ${L3("cubic-bezier(0.5, 0, 0.5, 1)")}
+
+        &:first-child {
+            animation-delay: -450ms;
+        }
+
+        &:nth-child(2) {
+            animation-delay: -300ms;
+        }
+
+        &:last-child {
+            animation-delay: -150ms;
+        }
+    }
+`, a3 = P2`
+    0% {
+        opacity: 1;
+    }
+
+    50%, 100% {
+        opacity: 0.5;
+    }
+`, t3 = "1000ms", t7 = k.span`
+    ${F0};
+    ${m.Flexbox({
+  $inline: !0,
+  $alignItems: "center",
+  $justifyContent: "center",
+  $gap: "xxs"
+})}
+
+    span {
+        aspect-ratio: 1;
+        flex-grow: 1;
+        display: inline-block;
+        border-radius: ${E.CIRCLE};
+        background-color: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
+
+        &:first-child {
+            animation: ${a3} ${t3} infinite alternate;
+            animation-delay: 0;
+        }
+
+        &:nth-child(2) {
+            animation: ${a3} ${t3} infinite linear
+                alternate;
+            animation-delay: 250ms;
+        }
+
+        &:last-child {
+            animation: ${a3} ${t3} infinite alternate;
+            animation-delay: 500ms;
+        }
+    }
+`;
+N([
+  c7,
+  e7,
+  a7,
+  t7
+]);
+const Sc = C(
+  ({ "data-testid": l, as: c, size: e, color: a, borderWidth: h = 8, ...d }, f) => /* @__PURE__ */ t.jsx(
+    c7,
+    {
+      "data-testid": l,
+      ref: f,
+      as: c,
+      $size: e,
+      $color: a,
+      $borderWidth: h,
+      ...d
+    }
+  )
+), Nc = C(
+  ({ "data-testid": l, as: c, size: e, color: a, borderWidth: h = 8, ...d }, f) => /* @__PURE__ */ t.jsx(
+    e7,
+    {
+      "data-testid": l,
+      ref: f,
+      as: c,
+      $size: e,
+      $color: a,
+      $borderWidth: h,
+      ...d
+    }
+  )
+), Vc = C(
+  ({ "data-testid": l, as: c, size: e, color: a, borderWidth: h = 8, ...d }, f) => /* @__PURE__ */ t.jsxs(
+    a7,
+    {
+      "data-testid": l,
+      ref: f,
+      as: c,
+      $size: e,
+      $color: a,
+      $borderWidth: h,
+      ...d,
+      children: [
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {})
+      ]
+    }
+  )
+), Ec = C(
+  ({ "data-testid": l, as: c, size: e, color: a, ...h }, d) => /* @__PURE__ */ t.jsxs(
+    t7,
+    {
+      "data-testid": l,
+      ref: d,
+      as: c,
+      $size: e,
+      $color: a,
+      ...h,
+      children: [
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {})
+      ]
+    }
+  )
+), $0 = C(
+  ({ variant: l, size: c = 48, color: e = "primary", ...a }, h) => l === 2 ? /* @__PURE__ */ t.jsx(Nc, { ref: h, size: c, color: e, ...a }) : l === 3 ? /* @__PURE__ */ t.jsx(Vc, { ref: h, size: c, color: e, ...a }) : l === 4 ? /* @__PURE__ */ t.jsx(Ec, { ref: h, size: c, color: e, ...a }) : /* @__PURE__ */ t.jsx(Sc, { ref: h, size: c, color: e, ...a })
 ), h7 = k.button`
     border: none;
     background-color: transparent;
@@ -9362,7 +9378,7 @@ const d7 = C(
     ${k3}
 `;
 N([i7]);
-const b0 = C(
+const k0 = C(
   ({
     "data-testid": l,
     "aria-label": c = "Button",
@@ -9427,8 +9443,8 @@ const b0 = C(
               baseUrl: g
             }
           ),
-          u && (x === 4 ? /* @__PURE__ */ t.jsx(w0, { variant: 4, ...S }) : /* @__PURE__ */ t.jsx(
-            w0,
+          u && (x === 4 ? /* @__PURE__ */ t.jsx($0, { variant: 4, ...S }) : /* @__PURE__ */ t.jsx(
+            $0,
             {
               variant: x,
               borderWidth: 2,
@@ -9520,8 +9536,8 @@ const z1 = C(
         $shadow: n,
         $size: H,
         ...j,
-        children: f ? u === 4 ? /* @__PURE__ */ t.jsx(w0, { variant: 4, ...S }) : /* @__PURE__ */ t.jsx(
-          w0,
+        children: f ? u === 4 ? /* @__PURE__ */ t.jsx($0, { variant: 4, ...S }) : /* @__PURE__ */ t.jsx(
+          $0,
           {
             variant: u,
             borderWidth: L,
@@ -9595,7 +9611,7 @@ const z1 = C(
       ...I
     };
     return i && r ? /* @__PURE__ */ t.jsx(
-      Lc,
+      Hc,
       {
         "data-testid": l,
         className: L,
@@ -9649,7 +9665,7 @@ const z1 = C(
         ...o
       }
     ) : /* @__PURE__ */ t.jsx(
-      b0,
+      k0,
       {
         ...s,
         borderRadius: 0,
@@ -10750,7 +10766,7 @@ const F2 = ({
   }, {
     status: d,
     iconPassed: f = /* @__PURE__ */ t.jsx(
-      y3,
+      H3,
       {
         "data-testid": l && `${l}.Validation.Passed.Icon`,
         ...h
@@ -10758,7 +10774,7 @@ const F2 = ({
     ),
     iconPassedSize: i = h3,
     iconNotPassed: r = /* @__PURE__ */ t.jsx(
-      g4,
+      z4,
       {
         "data-testid": l && `${l}.Validation.NotPassed.Icon`,
         ...h
@@ -10841,7 +10857,7 @@ const Oc = ({
     status: a,
     message: h,
     iconNotPassed: d = /* @__PURE__ */ t.jsx(
-      g4,
+      z4,
       {
         "data-testid": l && `${l}.ValidationHelper.IconContainer.Icon`,
         className: c && "ValidationIconBottom",
@@ -10851,7 +10867,7 @@ const Oc = ({
     ),
     iconNotPassedSize: f = J2("small"),
     iconPassed: i = /* @__PURE__ */ t.jsx(
-      y3,
+      H3,
       {
         "data-testid": l && `${l}.ValidationHelper.IconContainer.Icon`,
         className: c && "ValidationIconBottom",
@@ -11310,7 +11326,7 @@ const Uc = C(
     type: g,
     iconCalendarSize: M = 16,
     iconCalendar: n = /* @__PURE__ */ t.jsx(
-      z4,
+      m4,
       {
         "data-testid": l && `${l}.Button.Icon`,
         className: r && "Icon",
@@ -11573,14 +11589,14 @@ const Uc = C(
               Y2,
               {
                 icon: j === "password" ? (x == null ? void 0 : x.iconShow) || /* @__PURE__ */ t.jsx(
-                  fc,
+                  ac,
                   {
                     "data-testid": l && `${l}.Button.Icon`,
                     className: r && "Icon",
                     size: (x == null ? void 0 : x.iconShowSize) || 16
                   }
                 ) : (x == null ? void 0 : x.iconHide) || /* @__PURE__ */ t.jsx(
-                  ic,
+                  ec,
                   {
                     "data-testid": l && `${l}.Button.Icon`,
                     className: r && "Icon",
@@ -11619,7 +11635,7 @@ const Uc = C(
     clearSearch: s,
     iconClearSize: o = 24,
     iconClear: p = /* @__PURE__ */ t.jsx(
-      F0,
+      P0,
       {
         "data-testid": l && `${l}.Button.Icon`,
         className: i && "Icon",
@@ -11639,7 +11655,7 @@ const Uc = C(
       var B;
       return (B = j == null ? void 0 : j.current) == null ? void 0 : B.focus();
     }, []), S = n || [""];
-    return u0(S, () => I()), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    return b0(S, () => I()), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       (x || z) && /* @__PURE__ */ t.jsxs(
         E2,
         {
@@ -11715,7 +11731,7 @@ const Uc = C(
               }
             ),
             H && !L && /* @__PURE__ */ t.jsx(
-              S4,
+              R4,
               {
                 "data-testid": l && `${l}.Keys`,
                 keys: B1(S),
@@ -11743,7 +11759,7 @@ const Uc = C(
     children: o,
     iconSelectSize: p = 12,
     iconSelect: z = /* @__PURE__ */ t.jsx(
-      H3,
+      x3,
       {
         "data-testid": l && `${l}.Button.Icon`,
         className: r && "Icon",
@@ -11988,7 +12004,7 @@ const Uc = C(
     disabled: s,
     iconClockSize: o = 16,
     iconClock: p = /* @__PURE__ */ t.jsx(
-      M4,
+      p4,
       {
         "data-testid": l && `${l}.Button.Icon`,
         className: r && "Icon",
@@ -12279,7 +12295,7 @@ const ae = ({
         "data-testid": l && `${l}.EmptyContainer.Icon`,
         className: c && "IconEmpty",
         icon: (h == null ? void 0 : h.empty) ?? /* @__PURE__ */ t.jsx(
-          k4,
+          v4,
           {
             "data-testid": l && `${l}.EmptyContainer.Icon`,
             className: c && "IconEmpty",
@@ -12316,7 +12332,7 @@ const ae = ({
         "data-testid": l && `${l}.EmptyContainer.Icon`,
         className: c && "IconEmpty",
         icon: (h == null ? void 0 : h.hover) ?? /* @__PURE__ */ t.jsx(
-          Ol,
+          Vl,
           {
             "data-testid": l && `${l}.HoverContainer.Icon`,
             className: c && "IconHover",
@@ -12630,7 +12646,7 @@ const ri = C(
     label: f,
     iconCheckSize: i = 14,
     iconCheck: r = /* @__PURE__ */ t.jsx(
-      v4,
+      s4,
       {
         size: i,
         "data-testid": l && `${l}.CheckContainer.Checkbox.Icon`,
@@ -13326,7 +13342,7 @@ const V0 = {
       [p]
     ), _2 = {
       search: /* @__PURE__ */ t.jsx(
-        Yl,
+        Dl,
         {
           size: (M == null ? void 0 : M.search) || V0.SEARCH,
           "data-testid": l && `${l}.ListInput.SearchContainer.Icon`,
@@ -13334,7 +13350,7 @@ const V0 = {
         }
       ),
       caret: /* @__PURE__ */ t.jsx(
-        H3,
+        x3,
         {
           size: (M == null ? void 0 : M.search) || V0.CARET,
           "data-testid": l && `${l}.LeftContainer.CountryButton.CaretIcon`,
@@ -13678,7 +13694,7 @@ const n1 = 32, si = C(
                   "data-testid": l && `${l}.Button.Minus`,
                   className: c && "ButtonMinus",
                   icon: (u == null ? void 0 : u.minus) || /* @__PURE__ */ t.jsx(
-                    Bl,
+                    El,
                     {
                       "data-testid": l && `${l}.Button.Minus.Icon`,
                       className: c && "IconMinus",
@@ -13749,7 +13765,7 @@ const n1 = 32, si = C(
                   "data-testid": l && `${l}.Button.Plus`,
                   className: c && "ButtonPlus",
                   icon: (u == null ? void 0 : u.plus) || /* @__PURE__ */ t.jsx(
-                    C3,
+                    y3,
                     {
                       "data-testid": l && `${l}.Button.Plus.Icon`,
                       className: c && "IconPlus",
@@ -14362,7 +14378,7 @@ const g1 = C(
                               className: c,
                               inputBackground: o,
                               icon: (H == null ? void 0 : H.caret) || /* @__PURE__ */ t.jsx(
-                                H3,
+                                x3,
                                 {
                                   "data-testid": l && `${l}.Button.Caret`,
                                   className: c && "Caret",
@@ -14448,7 +14464,7 @@ const _h = C(
     ...S
   }, B) => {
     const Y = !!(a || h || d || f || i), t2 = { left: 16, clear: 16 }, W = u3(), U = o2(null), q = $ || [""];
-    u0(
+    b0(
       q,
       c2(() => {
         var w2;
@@ -14581,7 +14597,7 @@ const _h = C(
                               className: e,
                               onClick: R2,
                               icon: (H == null ? void 0 : H.clear) || /* @__PURE__ */ t.jsx(
-                                F0,
+                                P0,
                                 {
                                   "data-testid": l && `${l}.Button.Icon`,
                                   className: e && "ClearIcon",
@@ -14596,7 +14612,7 @@ const _h = C(
                             }
                           ) : null,
                           A && $ && !W && !L && /* @__PURE__ */ t.jsx(
-                            S4,
+                            R4,
                             {
                               "data-testid": l && `${l}.Keys`,
                               className: e && "Keys",
@@ -14639,7 +14655,7 @@ const _h = C(
                       onClick: () => _2(w2),
                       isActive: q2 === m2,
                       isHovered: o === w2,
-                      children: /* @__PURE__ */ t.jsx($c, { highlightedText: o, children: w2 })
+                      children: /* @__PURE__ */ t.jsx(uc, { highlightedText: o, children: w2 })
                     },
                     J()
                   )) }) : /* @__PURE__ */ t.jsx(
@@ -14720,7 +14736,7 @@ const vi = C(
       checked: p2(B0)
     }, $ = {
       default: /* @__PURE__ */ t.jsx(
-        Ul,
+        Ol,
         {
           "data-testid": l && `${l}.RatingContainer.Button.Icon.Default`,
           className: c && "IconRatingDefault",
@@ -14728,7 +14744,7 @@ const vi = C(
         }
       ),
       checked: /* @__PURE__ */ t.jsx(
-        Fl,
+        Tl,
         {
           "data-testid": l && `${l}.RatingContainer.Button.Icon.Checked`,
           className: c && "IconRatingChecked",
@@ -14979,7 +14995,7 @@ const Mi = C(
               className: c && "ButtonsContainer",
               children: [
                 a && /* @__PURE__ */ t.jsx(
-                  b0,
+                  k0,
                   {
                     "data-testid": l && `${l}.ButtonsContainer.ButtonSubmit`,
                     className: c && "ButtonSubmit",
@@ -14998,7 +15014,7 @@ const Mi = C(
                   }
                 ),
                 h && (h.onClick ? /* @__PURE__ */ t.jsx(
-                  b0,
+                  k0,
                   {
                     type: "button",
                     onClick: h.onClick,
@@ -15006,7 +15022,7 @@ const Mi = C(
                     ...h
                   }
                 ) : /* @__PURE__ */ t.jsx(
-                  b0,
+                  k0,
                   {
                     to: h.to,
                     ...p,
@@ -15250,14 +15266,14 @@ const jh = C(
                     className: c && "RightContainer",
                     children: [
                       r && (typeof r == "object" ? /* @__PURE__ */ t.jsx(
-                        A0,
+                        C0,
                         {
                           icon: r.icon,
                           iconSize: r.iconSize,
                           number: r.number,
                           ...u
                         }
-                      ) : /* @__PURE__ */ t.jsx(A0, { ...u })),
+                      ) : /* @__PURE__ */ t.jsx(C0, { ...u })),
                       s && /* @__PURE__ */ t.jsx(
                         X,
                         {
@@ -15415,7 +15431,7 @@ const Sh = C(
             className: c && "SeparatorContainer",
             $color: r,
             children: i === "chevron" ? /* @__PURE__ */ t.jsx(
-              j0,
+              _0,
               {
                 size: 16,
                 "data-testid": l && `${l}.SeparatorContainer.Icon`,
@@ -15645,7 +15661,7 @@ const Vh = ({
             children: /* @__PURE__ */ t.jsx(
               d2,
               {
-                icon: typeof a == "string" ? a === "chevron" ? /* @__PURE__ */ t.jsx(n4, { ...i }) : /* @__PURE__ */ t.jsx(C3, { ...i }) : a,
+                icon: typeof a == "string" ? a === "chevron" ? /* @__PURE__ */ t.jsx(o4, { ...i }) : /* @__PURE__ */ t.jsx(y3, { ...i }) : a,
                 baseUrl: void 0
               }
             )
@@ -15829,14 +15845,20 @@ const Vh = ({
   $gap: l
 })}
 
+    &:disabled {
+        color: ${({ theme: l }) => l.GRAY_500};
+    }
+
     @media ${V.HOVER} {
-        &:hover {
-            background-color: ${({ theme: l, $accentColor: c }) => m.ColorsHoverHover(c, l)};
-            color: ${({ theme: l }) => l.BACKGROUND};
-        }
+        &:not(:disabled) {
+            &:hover {
+                background-color: ${({ theme: l, $accentColor: c }) => m.ColorsHoverHover(c, l)};
+                color: ${({ theme: l }) => l.BACKGROUND};
+            }
 
-        &:active {
-            background-color: ${({ theme: l, $accentColor: c }) => m.ColorsHoverActive(c, l)};
+            &:active {
+                background-color: ${({ theme: l, $accentColor: c }) => m.ColorsHoverActive(c, l)};
+            }
         }
     }
 `, x5 = k.span`
@@ -16029,7 +16051,7 @@ const Oh = {
     border: z,
     ...g
   }, M) => {
-    const n = Oh[o], H = R0(10, !0), u = (e == null ? void 0 : e.split(" ")[0]) || H;
+    const n = Oh[o], H = L0(10, !0), u = (e == null ? void 0 : e.split(" ")[0]) || H;
     return r0(`
             ${a ? `#${a}` : `.${u}`} {
                 --alert-max-width: ${O(d || "100%")};
@@ -16116,7 +16138,7 @@ const k1 = 48, Bh = "Close modal", ui = C(
     const g = c2(() => {
       d(!1), T0();
     }, [d]);
-    u0(
+    b0(
       ["Escape"],
       c2(() => {
         h && !f && g();
@@ -16124,7 +16146,7 @@ const k1 = 48, Bh = "Close modal", ui = C(
     );
     const M = o2(null);
     K2(M, () => g());
-    const n = R0(10, !0), H = (a == null ? void 0 : a.split(" ")[0]) || n;
+    const n = L0(10, !0), H = (a == null ? void 0 : a.split(" ")[0]) || n;
     return r0(`
             ${o ? `#${o}` : `.${H}`} {
                 --modal-content-width: ${O(s || "90%")};
@@ -16157,7 +16179,7 @@ const k1 = 48, Bh = "Close modal", ui = C(
               className: a && "ButtonClose",
               "aria-label": (i == null ? void 0 : i.label) || Bh,
               icon: (i == null ? void 0 : i.icon) || /* @__PURE__ */ t.jsx(
-                F0,
+                P0,
                 {
                   size: p2(k1),
                   "data-testid": l && `${l}.ButtonClose.Icon`,
@@ -16271,7 +16293,7 @@ const t0 = C(
     gap: z,
     ...g
   }, M) => {
-    const [n] = _0(), H = Number(n.get("page")) || 1, [u, x] = P(H), { handlePrev: $, handleNext: A, handlePage: L } = i4({
+    const [n] = R0(), H = Number(n.get("page")) || 1, [u, x] = P(H), { handlePrev: $, handleNext: A, handlePage: L } = i4({
       currentPage: u,
       setCurrentPage: x,
       queries: d
@@ -16306,7 +16328,7 @@ const t0 = C(
                   className: a && "IconPrevious",
                   size: p2((s == null ? void 0 : s.previous) || 32),
                   icon: (r == null ? void 0 : r.previous) || /* @__PURE__ */ t.jsx(
-                    P0,
+                    Y0,
                     {
                       "data-testid": l && `${l}.PaginationButton.Previous.Icon`,
                       className: a && "IconPrevious",
@@ -16396,7 +16418,7 @@ const t0 = C(
                   className: a && "IconNext",
                   size: p2((s == null ? void 0 : s.next) || 32),
                   icon: (r == null ? void 0 : r.next) || /* @__PURE__ */ t.jsx(
-                    j0,
+                    _0,
                     {
                       "data-testid": l && `${l}.PaginationButton.Next.Icon`,
                       className: a && "IconNext",
@@ -16458,7 +16480,7 @@ const w1 = 32, Hi = C(
     accentColor: g = "primary",
     ...M
   }, n) => {
-    const [H] = _0(), u = Number(H.get("page")) || 1, [x, $] = P(u), { handlePrev: A, handleNext: L, handlePage: j } = i4({
+    const [H] = R0(), u = Number(H.get("page")) || 1, [x, $] = P(u), { handlePrev: A, handleNext: L, handlePage: j } = i4({
       currentPage: x,
       setCurrentPage: $,
       queries: o,
@@ -16524,7 +16546,7 @@ const w1 = 32, Hi = C(
               "data-testid": l && `${l}.Button.Prev`,
               className: e && "ButtonPrev",
               icon: (i == null ? void 0 : i.prev) || /* @__PURE__ */ t.jsx(
-                P0,
+                Y0,
                 {
                   "data-testid": l && `${l}.Button.Prev.Icon`,
                   className: e && "IconPrev",
@@ -16549,7 +16571,7 @@ const w1 = 32, Hi = C(
               "data-testid": l && `${l}.Button.Next`,
               className: e && "ButtonNext",
               icon: (i == null ? void 0 : i.next) || /* @__PURE__ */ t.jsx(
-                j0,
+                _0,
                 {
                   "data-testid": l && `${l}.Button.Next.Icon`,
                   className: e && "IconNext",
@@ -16660,7 +16682,7 @@ const Yh = C(
     isDone: i,
     iconActiveSize: r = 16,
     iconActive: s = /* @__PURE__ */ t.jsx(
-      y3,
+      H3,
       {
         "data-testid": l && `${l}.NumberContainer.Icon`,
         className: a && "Icon",
@@ -16824,7 +16846,7 @@ const Ci = C(
     id: r,
     ...s
   }, o) => {
-    const p = R0(10, !0), z = (e == null ? void 0 : e.split(" ")[0]) || p;
+    const p = L0(10, !0), z = (e == null ? void 0 : e.split(" ")[0]) || p;
     return r0(`
             ${r ? `#${r}` : `.${z}`} {
                 --progress-value: ${M3(a, Number(i))}%;
@@ -16857,7 +16879,7 @@ function Fh(l) {
   const c = !Number.isFinite(+l), e = l > 100;
   return c ? 0 : e ? 100 : +l;
 }
-const L0 = 64, V5 = k.span`
+const A0 = 64, V5 = k.span`
     position: relative;
 `, E5 = k.svg``, D5 = k.circle`
     stroke: ${({ $color: l, theme: c }) => m.AllColors(l, c)};
@@ -16866,8 +16888,8 @@ const L0 = 64, V5 = k.span`
         transition: ${F.PROGRESS_CIRCLE};
     }
 `, G5 = k.span`
-    width: ${L0}px;
-    height: ${L0}px;
+    width: ${A0}px;
+    height: ${A0}px;
     position: absolute;
     top: 0;
     left: 0;
@@ -16921,8 +16943,8 @@ const x1 = ({
       E5,
       {
         "data-testid": l,
-        width: L0,
-        height: L0,
+        width: A0,
+        height: A0,
         viewBox: "0 0 200 200",
         ref: d,
         ...h,
@@ -17008,7 +17030,7 @@ const x1 = ({
                     "data-testid": l && `${l}.Icon`,
                     className: r && "ProgressIcon",
                     icon: h,
-                    size: d ?? L0 * 0.4,
+                    size: d ?? A0 * 0.4,
                     color: "gray",
                     baseUrl: f
                   }
@@ -17261,7 +17283,7 @@ const Wh = C(
     queries: r,
     ...s
   }, o) => {
-    const [p, z] = _0(), g = p.get("tab") || d.toString(), [M, n] = P(
+    const [p, z] = R0(), g = p.get("tab") || d.toString(), [M, n] = P(
       i ? Number(g) : d
     ), H = (u) => {
       n(u), i && z(
@@ -17603,14 +17625,14 @@ const C1 = 24, $1 = 32, A1 = ({
     },
     icons: z = {
       prev: /* @__PURE__ */ t.jsx(
-        P0,
+        Y0,
         {
           "data-testid": d ?? (l && `${l}.SlideshowButton.${a === "right" ? "Next" : "Prev"}.Icon`),
           size: p == null ? void 0 : p.prev
         }
       ),
       next: /* @__PURE__ */ t.jsx(
-        j0,
+        _0,
         {
           "data-testid": d ?? (l && `${l}.SlideshowButton.${a === "right" ? "Next" : "Prev"}.Icon`),
           size: p == null ? void 0 : p.next
@@ -17974,7 +17996,7 @@ const Jh = C(
         className: e,
         $backgroundColor: a,
         ...i,
-        children: /* @__PURE__ */ t.jsx(w0, { ...s })
+        children: /* @__PURE__ */ t.jsx($0, { ...s })
       }
     );
   }
@@ -18205,7 +18227,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
               ),
               id: "message-container-scroll-button",
               icon: (d == null ? void 0 : d.icon) ?? /* @__PURE__ */ t.jsx(
-                n4,
+                o4,
                 {
                   "data-testid": l && `${l}.ScrollButton.Icon`,
                   className: e && "ScrollIcon",
@@ -18240,7 +18262,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
       },
       [a.setMessage, f]
     );
-    u0(
+    b0(
       ["Enter"],
       () => {
         o && a.message.length && e();
@@ -18279,7 +18301,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
             }
           ),
           h != null && h.text ? /* @__PURE__ */ t.jsx(
-            b0,
+            k0,
             {
               "data-testid": l && `${l}.SubmitButton`,
               className: c && "SubmitButton",
@@ -18297,7 +18319,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
               className: c && "SubmitButton",
               type: "submit",
               icon: (h == null ? void 0 : h.icon) ?? /* @__PURE__ */ t.jsx(
-                Pl,
+                Gl,
                 {
                   "data-testid": l && `${l}.SubmitButton.Icon`,
                   className: c && "IconSubmit",
@@ -18331,7 +18353,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
     dateFormat: p = "short",
     ...z
   }, g) => {
-    const M = p === "short" ? M0 : N8;
+    const M = p === "short" ? n0 : N8;
     return /* @__PURE__ */ t.jsxs(
       g2,
       {
@@ -18362,7 +18384,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
               "data-testid": l && `${l}.DateAndTime`,
               className: e && "DateAndTime",
               children: [
-                f && (M0(f) === M0(/* @__PURE__ */ new Date()) ? r : M0(f) === M0(S8()) ? s : M(f)),
+                f && (n0(f) === n0(/* @__PURE__ */ new Date()) ? r : n0(f) === n0(S8()) ? s : M(f)),
                 f && i && ` ${o} `,
                 i && i
               ]
@@ -18433,7 +18455,7 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
             }
           ),
           /* @__PURE__ */ t.jsx(
-            O4,
+            E4,
             {
               "data-testid": l && `${l}.Separator`,
               className: e && "Separator"
@@ -18459,48 +18481,48 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
   {
     name: "bold",
     code: "** **",
-    defaultIcon: /* @__PURE__ */ t.jsx(Zl, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Bl, { size: b2 })
   },
   {
     name: "italic",
     code: "* *",
-    defaultIcon: /* @__PURE__ */ t.jsx(ql, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Ul, { size: b2 })
   },
   {
     name: "strikethrough",
     code: "~~ ~~",
-    defaultIcon: /* @__PURE__ */ t.jsx(ec, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(ql, { size: b2 })
   },
   {
     name: "underline",
     code: "<u> </u>",
-    defaultIcon: /* @__PURE__ */ t.jsx(rc, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(tc, { size: b2 })
   },
   {
     displayName: "Unordered list",
     name: "ul",
     code: `
 - `,
-    defaultIcon: /* @__PURE__ */ t.jsx(ac, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Ql, { size: b2 })
   },
   {
     displayName: "Ordered list",
     name: "ol",
     code: `
 1. `,
-    defaultIcon: /* @__PURE__ */ t.jsx(Jl, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Wl, { size: b2 })
   },
   {
     name: "link",
     code: "[](URL here)",
-    defaultIcon: /* @__PURE__ */ t.jsx(Ql, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Zl, { size: b2 })
   },
   {
     name: "quote",
     displayName: "Blockquote",
     code: `
 > `,
-    defaultIcon: /* @__PURE__ */ t.jsx(lc, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Kl, { size: b2 })
   },
   {
     displayName: "Separator",
@@ -18510,43 +18532,43 @@ const ld = C(({ "data-testid": l, as: c, children: e, ...a }, h) => /* @__PURE__
 ---
 
 `,
-    defaultIcon: /* @__PURE__ */ t.jsx(cc, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Xl, { size: b2 })
   },
   {
     name: "code",
     code: "``",
-    defaultIcon: /* @__PURE__ */ t.jsx(Kl, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Pl, { size: b2 })
   },
   {
     displayName: "Code block",
     name: "codeBlock",
     code: "\n```\n\n```\n",
-    defaultIcon: /* @__PURE__ */ t.jsx(Wl, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Yl, { size: b2 })
   },
   {
     name: "comment",
     code: `
 <!--  -->
 `,
-    defaultIcon: /* @__PURE__ */ t.jsx(Xl, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Fl, { size: b2 })
   },
   {
     name: "image",
     code: "![](https://example.com/your-image.png)",
-    defaultIcon: /* @__PURE__ */ t.jsx(k4, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(v4, { size: b2 })
   }
 ], hd = [
   {
     name: "editorCode",
-    defaultIcon: /* @__PURE__ */ t.jsx(tc, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(Jl, { size: b2 })
   },
   {
     name: "editorLive",
-    defaultIcon: /* @__PURE__ */ t.jsx(hc, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(lc, { size: b2 })
   },
   {
     name: "editorPreview",
-    defaultIcon: /* @__PURE__ */ t.jsx(dc, { size: b2 })
+    defaultIcon: /* @__PURE__ */ t.jsx(cc, { size: b2 })
   }
 ], dd = [
   {
@@ -18788,7 +18810,7 @@ const fd = ({
       isOpen: f,
       children: [
         /* @__PURE__ */ t.jsx(
-          b0,
+          k0,
           {
             "data-testid": l && `${l}.EditorContainer.ButtonsContainer.ActionButtonsContainer.DropdownContainer.ButtonDropdown`,
             className: e && "ButtonDropdown",
@@ -19255,7 +19277,7 @@ const L1 = 24, Ni = C(
       a && (navigator.clipboard.writeText(a.toString()), n(!0)), setTimeout(() => n(!1), 1e3);
     }, u = {
       icon: (s == null ? void 0 : s.copy) ?? /* @__PURE__ */ t.jsx(
-        Tl,
+        Nl,
         {
           "data-testid": l && `${l}.CopyButton.IconCopy`,
           className: e && "IconCopy",
@@ -19265,7 +19287,7 @@ const L1 = 24, Ni = C(
       tooltip: (r == null ? void 0 : r.copy) ?? "Copy"
     }, x = {
       icon: (s == null ? void 0 : s.copied) ?? /* @__PURE__ */ t.jsx(
-        v4,
+        s4,
         {
           "data-testid": l && `${l}.CopyButton.IconCopied`,
           className: e && "IconCopied",
@@ -19366,7 +19388,7 @@ const Ei = C(
     "data-testid": l,
     className: c,
     icon: e = /* @__PURE__ */ t.jsx(
-      Gl,
+      Sl,
       {
         size: p2(48),
         "data-testid": l && `${l}.Button.Icon`,
@@ -19419,11 +19441,11 @@ const Ei = C(
     object-position: left center;
     position: relative;
     z-index: 999;
-`, g0 = k(S2)`
+`, M0 = k(S2)`
     position: relative;
     z-index: 999;
     line-height: ${n2.BODY};
-`, k0 = k(d7)`
+`, g0 = k(d7)`
     display: none;
     z-index: 999;
 
@@ -19451,7 +19473,7 @@ const Ei = C(
     }
 
     & > a,
-    & > button:not(${k0}),
+    & > button:not(${g0}),
     & > nav > a,
     & > nav > button {
         font-size: ${K.BODY};
@@ -19462,7 +19484,7 @@ const Ei = C(
         font-weight: ${r2.REGULAR};
 
         &.active,
-        &${g0} {
+        &${M0} {
             font-weight: ${r2.BLACK};
         }
     }
@@ -19484,7 +19506,7 @@ const Ei = C(
 
     ${({ $variant: l, $linkColor: c }) => (l === "white" || l === "transparent") && y`
             & > a,
-            & > button:not(${k0}),
+            & > button:not(${g0}),
             & > nav > a,
             & > nav > button {
                 color: ${({ theme: e }) => m.ColorsHoverDefault(c, e)};
@@ -19500,7 +19522,7 @@ const Ei = C(
                 }
             }
 
-            & > ${g0} {
+            & > ${M0} {
                 color: ${({ theme: e }) => m.ColorsHoverDefault(c, e)};
             }
         `}
@@ -19520,7 +19542,7 @@ const Ei = C(
                             background-color: ${c.PRIMARY_500};
 
                             & > a,
-                            & > button:not(${k0}),
+                            & > button:not(${g0}),
                             & > nav > a,
                             & > nav > button {
                                 color: ${({ theme: d }) => m.ColorsHoverDefault("white", d)};
@@ -19542,7 +19564,7 @@ const Ei = C(
                                 }
                             }
 
-                            & > ${g0} {
+                            & > ${M0} {
                                 color: ${({ theme: d }) => m.ColorsHoverDefault("white", d)};
                             }
                         }
@@ -19557,10 +19579,10 @@ const Ei = C(
                     color: ${m.AllColors(a, c)};
 
                     & > a,
-                    & > button:not(${k0}),
+                    & > button:not(${g0}),
                     & > nav > a,
                     & > nav > button,
-                    & > ${g0} {
+                    & > ${M0} {
                         color: ${m.ColorsHoverDefault(h, c)};
 
                         @media ${V.HOVER} {
@@ -19676,8 +19698,8 @@ const Ei = C(
 `;
 N([
   p3,
+  M0,
   g0,
-  k0,
   C6,
   $6,
   A6,
@@ -19696,7 +19718,7 @@ const R1 = C(
   }, r) => {
     const s = () => d ? typeof d == "string" ? d : e ? d.open : d.closed : a === "drawer" && e || h === "primary" || a === "full" || a === "top" && e && h === "transparent" ? "white" : "primary";
     return /* @__PURE__ */ t.jsx(
-      k0,
+      g0,
       {
         "data-testid": l && `${l}.HeaderBurger`,
         ref: r,
@@ -19777,7 +19799,7 @@ const R1 = C(
   link: c,
   className: e
 }) => R8(c) ? c : /* @__PURE__ */ t.jsx(
-  Cc,
+  wc,
   {
     "data-testid": c["data-testid"] || l && `${l}.NavLink`,
     className: c.className || e && "NavLink",
@@ -19892,7 +19914,7 @@ const R1 = C(
     );
   }
   return /* @__PURE__ */ t.jsx(
-    g0,
+    M0,
     {
       "data-testid": l && `${l}.HeaderLogo`,
       as: f ? "a" : S2,
@@ -19936,7 +19958,7 @@ const R1 = C(
       }));
     }, [m2]);
     const k2 = o2(null);
-    u0("Escape", () => {
+    b0("Escape", () => {
       A && I();
     });
     const H2 = {
@@ -20024,7 +20046,7 @@ const R1 = C(
 `, _6 = k(A2).attrs({ size: T2 })`
     position: relative;
     z-index: 100;
-`, j6 = k(C3).attrs({ size: T2 })`
+`, j6 = k(y3).attrs({ size: T2 })`
     transition: ${F.SHORT};
     transform: rotate(0deg);
 
@@ -20536,7 +20558,7 @@ const Ti = C(
     const $ = () => {
       d(!1), T0();
     };
-    return u0("Escape", () => {
+    return b0("Escape", () => {
       !i && h && $();
     }), /* @__PURE__ */ t.jsxs(
       G6,
@@ -20605,8 +20627,8 @@ const Ti = C(
   ),
   c ? /* @__PURE__ */ t.jsx(Jh, { ...e }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     d && /* @__PURE__ */ t.jsx(nd, { ...d, children: (d == null ? void 0 : d.nav) && (d == null ? void 0 : d.nav) }),
-    i ? l : /* @__PURE__ */ t.jsx(uc, { className: "wrapper", ...r, children: s === "single" ? /* @__PURE__ */ t.jsx(
-      xc,
+    i ? l : /* @__PURE__ */ t.jsx(Mc, { className: "wrapper", ...r, children: s === "single" ? /* @__PURE__ */ t.jsx(
+      gc,
       {
         className: "main",
         minHeight: p,
@@ -20664,7 +20686,7 @@ const xd = C(
     id: a,
     iconDragSize: h = 24,
     iconDrag: d = /* @__PURE__ */ t.jsx(
-      mc,
+      hc,
       {
         "data-testid": l && `${l}.IconDrag`,
         className: e && "IconDrag",
@@ -20752,7 +20774,7 @@ const xd = C(
               className: e && "DragListItemRightContainer",
               children: [
                 (i == null ? void 0 : i.badge) && (typeof i.badge == "object" ? /* @__PURE__ */ t.jsx(
-                  A0,
+                  C0,
                   {
                     icon: i.badge.icon,
                     iconSize: i.badge.iconSize,
@@ -20760,7 +20782,7 @@ const xd = C(
                     size: 4,
                     ...M
                   }
-                ) : /* @__PURE__ */ t.jsx(A0, { ...M })),
+                ) : /* @__PURE__ */ t.jsx(C0, { ...M })),
                 (i == null ? void 0 : i.date) && /* @__PURE__ */ t.jsx(
                   X,
                   {
@@ -20833,7 +20855,7 @@ const xd = C(
               iconDragBaseUrl: i
             }
           ),
-          !g && j !== r.length - 1 && /* @__PURE__ */ t.jsx(O4, { "data-testid": l && `${l}.Separator` })
+          !g && j !== r.length - 1 && /* @__PURE__ */ t.jsx(E4, { "data-testid": l && `${l}.Separator` })
         ] }, L.id))) ?? e
       }
     );
@@ -21391,7 +21413,7 @@ const Cd = ({
                       "data-testid": l && `${l}.Calendar.Header.NavButton.Prev.Icon`,
                       className: c && "CalendarNavButtonIcon",
                       icon: (i == null ? void 0 : i.prev) ?? /* @__PURE__ */ t.jsx(
-                        P0,
+                        Y0,
                         {
                           "data-testid": l && `${l}.Calendar.Header.NavButton.Prev.Icon`,
                           className: c && "CalendarNavButtonIcon",
@@ -21429,7 +21451,7 @@ const Cd = ({
                       "data-testid": l && `${l}.Calendar.Header.NavButton.Next.Icon`,
                       className: c && "CalendarNavButtonIcon",
                       icon: (i == null ? void 0 : i.next) ?? /* @__PURE__ */ t.jsx(
-                        j0,
+                        _0,
                         {
                           "data-testid": l && `${l}.Calendar.Header.NavButton.Next.Icon`,
                           className: c && "CalendarNavButtonIcon",
@@ -21655,7 +21677,7 @@ const Cd = ({
                         onClick: G,
                         onFocus: G,
                         tabIndex: M,
-                        value: M0(d),
+                        value: n0(d),
                         onChange: Q,
                         disabled: g,
                         $inputVariant: p,
@@ -21680,7 +21702,7 @@ const Cd = ({
                               "data-testid": l,
                               className: c,
                               icon: (i == null ? void 0 : i.calendar) ?? /* @__PURE__ */ t.jsx(
-                                z4,
+                                m4,
                                 {
                                   "data-testid": l && `${l}.InputWrapper.InputRightContainer.Button.CalendarIcon`,
                                   className: c && "CalendarIcon",
@@ -21759,7 +21781,7 @@ const Fi = C(
     iconBaseUrl: h,
     iconClockSize: d = 16,
     iconClock: f = /* @__PURE__ */ t.jsx(
-      M4,
+      p4,
       {
         "data-testid": l && `${l}.RightContainer.IconClock`,
         className: c && "IconClock",
@@ -21788,7 +21810,7 @@ const Fi = C(
     ...Y
   }, t2) => {
     const W = !!(r || s || o || p || z), U = o2(null);
-    let q = Object.keys(x === "30min" ? $0.halfHours : x === "15min" ? $0.quarterHours : x === "1min" ? $0.minutes : $0.hours);
+    let q = Object.keys(x === "30min" ? y0.halfHours : x === "15min" ? y0.quarterHours : x === "1min" ? y0.minutes : y0.hours);
     $ && (q = q.splice(
       q.indexOf(q.find((i2) => i2 === $)),
       q.length - 1
@@ -21974,10 +21996,10 @@ export {
   zi as Autocomplete,
   ti as Avatar,
   Ei as BackToTop,
-  A0 as Badge,
+  C0 as Badge,
   ki as Breadcrumbs,
   d7 as Burger,
-  b0 as Button,
+  k0 as Button,
   hi as ButtonGroup,
   A2 as ButtonIcon,
   b as COLORS_DARK,
@@ -21996,7 +22018,7 @@ export {
   K as FONT_SIZES,
   r2 as FONT_WEIGHTS,
   Vi as Fade,
-  $3 as Fallback,
+  C3 as Fallback,
   Yi as Fieldset,
   g2 as Flexbox,
   bd as Footer,
@@ -22005,11 +22027,11 @@ export {
   Xd as Grid,
   nd as Header,
   ud as Helmet,
-  $c as Highlight,
-  O4 as Hr,
+  uc as Highlight,
+  E4 as Hr,
   U8 as ICON_MULTIPLIER,
   B2 as INPUT_HEIGHT,
-  yc as Icon,
+  bc as Icon,
   Di as IconMenu,
   Md as IconMenuItem,
   m0 as Image,
@@ -22021,19 +22043,19 @@ export {
   mi as InputPhone,
   ni as InputPin,
   oi as InputSlider,
-  S4 as Key,
+  R4 as Key,
   d0 as LAYOUTS,
   C2 as LIB_TOKENS,
   n2 as LINE_HEIGHTS,
   W2 as LibThemeColors,
-  Cc as Link,
+  wc as Link,
   s1 as Linkify,
   gi as ListGroup,
   Ih as ListGroupItem,
   jh as ListGroupTitle,
-  w0 as Loader,
+  $0 as Loader,
   V as MEDIA,
-  xc as Main,
+  gc as Main,
   Si as MarkdownContainer,
   Ii as MarkdownEditor,
   li as Masonry,
@@ -22061,7 +22083,7 @@ export {
   pi as Select,
   Qd as Skeleton,
   Jd as SkeletonCard,
-  jc as SkeletonShine,
+  $c as SkeletonShine,
   Li as Slideshow,
   Zh as SrOnly,
   Yh as Step,
@@ -22084,15 +22106,15 @@ export {
   Wi as ThemeProvider,
   Fd as ThemeProviderWrapper,
   Fi as Timepicker,
-  nc as Toast,
-  y4 as ToastContext,
+  sc as Toast,
+  w4 as ToastContext,
   Zd as ToasterProviderWrapper,
-  Lc as Tooltip,
+  Hc as Tooltip,
   t1 as Tr,
   di as Truncate,
   fl as URL_REGEX,
   ei as Video,
-  uc as Wrapper,
+  Mc as Wrapper,
   ai as Youtube,
   Xi as addDay,
   qi as addMonth,
@@ -22157,14 +22179,14 @@ export {
   Gd as useFetch,
   Td as useForm,
   Od as useIsOverflow,
-  u0 as useKeyPress,
+  b0 as useKeyPress,
   Ud as useLibTheme,
   w3 as useMaxWidth,
   $2 as useMergeRefs,
   Bd as useMinWidth,
   Yd as usePaginatedData,
   i4 as usePagination,
-  wc as useToast,
+  nc as useToast,
   u3 as useTouchScreen,
   Pd as useTranslation,
   Wf as uuid