@devbonnysid/ui-kit-default 1.0.5 → 1.0.6

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import U, { useMemo as T, useState as z, useRef as A, useEffect as O, useCallback as j, useLayoutEffect as S1, createContext as v2, useContext as w2, memo as z2, forwardRef as _2 } from "react";
+import U, { useMemo as T, useState as z, useRef as A, useEffect as G, useCallback as j, useLayoutEffect as S1, createContext as v2, useContext as w2, memo as z2, forwardRef as _2 } from "react";
 import { createPortal as $2 } from "react-dom";
 function e5(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -14,10 +14,10 @@ var V1 = { exports: {} }, f1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Q1;
+var X1;
 function t5() {
-  if (Q1) return f1;
-  Q1 = 1;
+  if (X1) return f1;
+  X1 = 1;
   var e = Symbol.for("react.transitional.element"), C = Symbol.for("react.fragment");
   function l(o, n, r) {
     var c = null;
@@ -46,15 +46,15 @@ var v1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var X1;
+var z1;
 function C5() {
-  return X1 || (X1 = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === D ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
+  return z1 || (z1 = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(u) {
+      if (u == null) return null;
+      if (typeof u == "function")
+        return u.$$typeof === D ? null : u.displayName || u.name || null;
+      if (typeof u == "string") return u;
+      switch (u) {
         case L:
           return "Fragment";
         case Z:
@@ -68,141 +68,141 @@ function C5() {
         case F:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
+      if (typeof u == "object")
+        switch (typeof u.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
+        ), u.$$typeof) {
           case g:
             return "Portal";
           case E:
-            return d.displayName || "Context";
+            return u.displayName || "Context";
           case M:
-            return (d._context.displayName || "Context") + ".Consumer";
+            return (u._context.displayName || "Context") + ".Consumer";
           case w:
-            var v = d.render;
-            return d = d.displayName, d || (d = v.displayName || v.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+            var v = u.render;
+            return u = u.displayName, u || (u = v.displayName || v.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
           case N:
-            return v = d.displayName || null, v !== null ? v : e(d.type) || "Memo";
+            return v = u.displayName || null, v !== null ? v : e(u.type) || "Memo";
           case y:
-            v = d._payload, d = d._init;
+            v = u._payload, u = u._init;
             try {
-              return e(d(v));
+              return e(u(v));
             } catch {
             }
         }
       return null;
     }
-    function C(d) {
-      return "" + d;
+    function C(u) {
+      return "" + u;
     }
-    function l(d) {
+    function l(u) {
       try {
-        C(d);
+        C(u);
         var v = !1;
       } catch {
         v = !0;
       }
       if (v) {
         v = console;
-        var V = v.error, I = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var V = v.error, I = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
         return V.call(
           v,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
-        ), C(d);
+        ), C(u);
       }
     }
-    function o(d) {
-      if (d === L) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === y)
+    function o(u) {
+      if (u === L) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === y)
         return "<...>";
       try {
-        var v = e(d);
+        var v = e(u);
         return v ? "<" + v + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var d = H.A;
-      return d === null ? null : d.getOwner();
+      var u = H.A;
+      return u === null ? null : u.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
-    function c(d) {
-      if (B.call(d, "key")) {
-        var v = Object.getOwnPropertyDescriptor(d, "key").get;
+    function c(u) {
+      if (B.call(u, "key")) {
+        var v = Object.getOwnPropertyDescriptor(u, "key").get;
         if (v && v.isReactWarning) return !1;
       }
-      return d.key !== void 0;
+      return u.key !== void 0;
     }
-    function s(d, v) {
+    function s(u, v) {
       function V() {
         Y || (Y = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           v
         ));
       }
-      V.isReactWarning = !0, Object.defineProperty(d, "key", {
+      V.isReactWarning = !0, Object.defineProperty(u, "key", {
         get: V,
         configurable: !0
       });
     }
     function i() {
-      var d = e(this.type);
-      return t1[d] || (t1[d] = !0, console.error(
+      var u = e(this.type);
+      return t1[u] || (t1[u] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), d = this.props.ref, d !== void 0 ? d : null;
+      )), u = this.props.ref, u !== void 0 ? u : null;
     }
-    function S(d, v, V, I, $, C1) {
+    function d(u, v, V, I, $, C1) {
       var b = V.ref;
-      return d = {
+      return u = {
         $$typeof: f,
-        type: d,
+        type: u,
         key: v,
         props: V,
         _owner: I
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(d, "ref", {
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
         get: i
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
+      }), Object.defineProperty(u, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(u, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: $
-      }), Object.defineProperty(d, "_debugTask", {
+      }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: C1
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function m(d, v, V, I, $, C1) {
+    function p(u, v, V, I, $, C1) {
       var b = v.children;
       if (b !== void 0)
         if (I)
           if (R(b)) {
             for (I = 0; I < b.length; I++)
-              u(b[I]);
+              S(b[I]);
             Object.freeze && Object.freeze(b);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else u(b);
+        else S(b);
       if (B.call(v, "key")) {
-        b = e(d);
+        b = e(u);
         var X = Object.keys(v).filter(function(E1) {
           return E1 !== "key";
         });
@@ -226,9 +226,9 @@ React keys must be passed directly to JSX without using spread:
       } else V = v;
       return b && s(
         V,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), S(
-        d,
+        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
+      ), d(
+        u,
         b,
         V,
         n(),
@@ -236,50 +236,50 @@ React keys must be passed directly to JSX without using spread:
         C1
       );
     }
-    function u(d) {
-      p(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === y && (d._payload.status === "fulfilled" ? p(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+    function S(u) {
+      m(u) ? u._store && (u._store.validated = 1) : typeof u == "object" && u !== null && u.$$typeof === y && (u._payload.status === "fulfilled" ? m(u._payload.value) && u._payload.value._store && (u._payload.value._store.validated = 1) : u._store && (u._store.validated = 1));
     }
-    function p(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === f;
+    function m(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === f;
     }
     var a = U, f = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), L = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), E = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), J = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), H = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, R = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
     a = {
-      react_stack_bottom_frame: function(d) {
-        return d();
+      react_stack_bottom_frame: function(u) {
+        return u();
       }
     };
     var Y, t1 = {}, r1 = a.react_stack_bottom_frame.bind(
       a,
       r
     )(), d1 = K(o(r)), u1 = {};
-    v1.Fragment = L, v1.jsx = function(d, v, V) {
+    v1.Fragment = L, v1.jsx = function(u, v, V) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return m(
-        d,
+      return p(
+        u,
         v,
         V,
         !1,
         I ? Error("react-stack-top-frame") : r1,
-        I ? K(o(d)) : d1
+        I ? K(o(u)) : d1
       );
-    }, v1.jsxs = function(d, v, V) {
+    }, v1.jsxs = function(u, v, V) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return m(
-        d,
+      return p(
+        u,
         v,
         V,
         !0,
         I ? Error("react-stack-top-frame") : r1,
-        I ? K(o(d)) : d1
+        I ? K(o(u)) : d1
       );
     };
   })()), v1;
 }
-var z1;
+var _1;
 function l5() {
-  return z1 || (z1 = 1, process.env.NODE_ENV === "production" ? V1.exports = t5() : V1.exports = C5()), V1.exports;
+  return _1 || (_1 = 1, process.env.NODE_ENV === "production" ? V1.exports = t5() : V1.exports = C5()), V1.exports;
 }
 var k = l5(), H1 = { exports: {} };
 /*!
@@ -287,9 +287,9 @@ var k = l5(), H1 = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var _1;
+var $1;
 function n5() {
-  return _1 || (_1 = 1, (function(e) {
+  return $1 || ($1 = 1, (function(e) {
     (function() {
       var C = {}.hasOwnProperty;
       function l() {
@@ -321,7 +321,7 @@ function n5() {
   })(H1)), H1.exports;
 }
 var r5 = n5();
-const o5 = /* @__PURE__ */ e5(r5), q = (e) => o5.bind(e), $1 = (e, C, l) => Math.min(Math.max(e, C), l);
+const o5 = /* @__PURE__ */ e5(r5), q = (e) => o5.bind(e), e2 = (e, C, l) => Math.min(Math.max(e, C), l);
 var J2 = /* @__PURE__ */ ((e) => (e.TOP = "top", e.RIGHT = "right", e.LEFT = "left", e.BOTTOM = "bottom", e))(J2 || {}), c5 = /* @__PURE__ */ ((e) => (e.START = "start", e.CENTER = "center", e.END = "end", e))(c5 || {});
 const s5 = ({
   placementSide: e,
@@ -332,12 +332,12 @@ const s5 = ({
   isPortal: r
 }) => {
   let c, s;
-  const i = e === void 0, S = C === void 0, m = window.innerWidth, u = window.innerHeight, p = o.getBoundingClientRect(), a = n.getBoundingClientRect(), f = p.height + l, g = a.top, L = u - a.bottom;
+  const i = e === void 0, d = C === void 0, p = window.innerWidth, S = window.innerHeight, m = o.getBoundingClientRect(), a = n.getBoundingClientRect(), f = m.height + l, g = a.top, L = S - a.bottom;
   i ? L >= f ? c = "bottom" : g >= f ? c = "top" : c = "bottom" : c = e;
-  const h = c === "top" || c === "bottom", Z = h ? m - a.left : m - a.right, M = h ? a.right : a.left, E = h ? p.width : p.width + l;
-  S ? Z >= E ? s = "start" : M >= E ? s = "end" : s = "center" : s = C;
+  const h = c === "top" || c === "bottom", Z = h ? p - a.left : p - a.right, M = h ? a.right : a.left, E = h ? m.width : m.width + l;
+  d ? Z >= E ? s = "start" : M >= E ? s = "end" : s = "center" : s = C;
   let w = 0, J = 0;
-  return h ? (c === "top" && (r ? J = a.y - p.height - l : J = -a.height - l - p.height), c === "bottom" && (r ? J = a.y + a.height + l : J = a.height + l), s === "start" && (r ? w = a.x : w = 0), s === "end" && (r ? w = a.x + a.width - p.width : w = a.width), s === "center" && (r ? w = a.x + a.width / 2 - p.width / 2 : w = a.width / 2 - p.width / 2)) : (c === "left" && (r ? w = a.y - p.width - l : w = -p.width - l), c === "right" && (r ? w = a.y + a.width + l : w = a.width + l), s === "start" && (r ? J = a.y : J = 0), s === "end" && (r ? J = a.y + a.height - p.height : J = a.height), s === "center" && (r ? J = a.y + a.height / 2 - p.height / 2 : J = a.height / 2 - p.height / 2)), J = $1(J, 0, u - p.height), w = $1(w, 0, m - p.width), {
+  return h ? (c === "top" && (r ? J = a.y - m.height - l : J = -a.height - l - m.height), c === "bottom" && (r ? J = a.y + a.height + l : J = a.height + l), s === "start" && (r ? w = a.x : w = 0), s === "end" && (r ? w = a.x + a.width - m.width : w = a.width), s === "center" && (r ? w = a.x + a.width / 2 - m.width / 2 : w = a.width / 2 - m.width / 2)) : (c === "left" && (r ? w = a.y - m.width - l : w = -m.width - l), c === "right" && (r ? w = a.y + a.width + l : w = a.width + l), s === "start" && (r ? J = a.y : J = 0), s === "end" && (r ? J = a.y + a.height - m.height : J = a.height), s === "center" && (r ? J = a.y + a.height / 2 - m.height / 2 : J = a.height / 2 - m.height / 2)), J = e2(J, 0, S - m.height), w = e2(w, 0, p - m.width), {
     x: w,
     y: J,
     side: c,
@@ -365,12 +365,12 @@ const s5 = ({
   const o = C?.["content-type"] || C?.["Content-Type"] || "application/octet-stream", n = C?.["content-disposition"] || C?.["Content-Disposition"];
   let r = l;
   if (typeof n == "string") {
-    const m = /filename\*?=(?:UTF-8''|")?([^";]+)/i.exec(n);
-    if (m?.[1])
+    const p = /filename\*?=(?:UTF-8''|")?([^";]+)/i.exec(n);
+    if (p?.[1])
       try {
-        r = decodeURIComponent(m[1].replace(/"/g, ""));
+        r = decodeURIComponent(p[1].replace(/"/g, ""));
       } catch {
-        r = m[1].replace(/"/g, "");
+        r = p[1].replace(/"/g, "");
       }
   }
   let c;
@@ -380,18 +380,18 @@ const s5 = ({
     c = new Blob([e], { type: o });
   else if (typeof e == "string")
     if (/^[A-Za-z0-9+/=\r\n]+$/.test(e) && e.length % 4 === 0) {
-      const u = atob(e.replace(/\s+/g, "")), p = new Uint8Array(u.length);
-      for (let a = 0; a < u.length; a++) p[a] = u.charCodeAt(a);
-      c = new Blob([p], { type: o });
+      const S = atob(e.replace(/\s+/g, "")), m = new Uint8Array(S.length);
+      for (let a = 0; a < S.length; a++) m[a] = S.charCodeAt(a);
+      c = new Blob([m], { type: o });
     } else
       c = new Blob([e], { type: o });
   else
     throw new TypeError("Unexpected data type for download");
-  const s = window.URL, i = document.createElement("a"), S = s.createObjectURL(c);
+  const s = window.URL, i = document.createElement("a"), d = s.createObjectURL(c);
   try {
-    i.href = S, i.target = "_blank", i.download = r, i.style.display = "none", document.body.appendChild(i), i.click();
+    i.href = d, i.target = "_blank", i.download = r, i.style.display = "none", document.body.appendChild(i), i.click();
   } finally {
-    i.remove(), s.revokeObjectURL(S);
+    i.remove(), s.revokeObjectURL(d);
   }
 }, V3 = (e, C = 2) => new Intl.NumberFormat("en-US", {
   minimumFractionDigits: C,
@@ -410,12 +410,12 @@ function x3(e, C, l = 1, o = 1) {
     const a = l1(1, s), f = l1(e - s + 1, e);
     return [...a, "…", ...f];
   }
-  const i = Math.max(C - o, l + 1), S = Math.min(C + o, e - l), m = [];
-  m.push(...r);
-  const u = i - r[r.length - 1];
-  u === 2 ? m.push(i - 1) : u > 2 && m.push("…"), m.push(...l1(i, S));
-  const p = c[0] - S;
-  return p === 2 ? m.push(S + 1) : p > 2 && m.push("…"), m.push(...c), m;
+  const i = Math.max(C - o, l + 1), d = Math.min(C + o, e - l), p = [];
+  p.push(...r);
+  const S = i - r[r.length - 1];
+  S === 2 ? p.push(i - 1) : S > 2 && p.push("…"), p.push(...l1(i, d));
+  const m = c[0] - d;
+  return m === 2 ? p.push(d + 1) : m > 2 && p.push("…"), p.push(...c), p;
 }
 const d5 = () => {
   if (typeof window < "u") {
@@ -457,7 +457,7 @@ const d5 = () => {
   count: x5,
   loader: Z5,
   "tooltip-container": "Button-module__tooltip-container___-kd0v"
-}, M5 = q(g2), e2 = ({ icon: e }) => typeof e == "string" ? /* @__PURE__ */ k.jsx(_, { type: e, className: M5("icon") }) : e, x1 = q(g2);
+}, M5 = q(g2), t2 = ({ icon: e }) => typeof e == "string" ? /* @__PURE__ */ k.jsx(_, { type: e, className: M5("icon") }) : e, x1 = q(g2);
 var L2 = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.TERTIARY = "tertiary", e.QUATERNARY = "quaternary", e))(L2 || {}), E2 = /* @__PURE__ */ ((e) => (e.LARGE = "large", e.MEDIUM = "medium", e.SMALL = "small", e))(E2 || {});
 const R5 = ({
   disabled: e,
@@ -469,10 +469,10 @@ const R5 = ({
   variant: c = "primary",
   prefix: s,
   suffix: i,
-  size: S = "large",
-  isLoading: m,
-  children: u,
-  count: p,
+  size: d = "large",
+  isLoading: p,
+  children: S,
+  count: m,
   isActive: a,
   hint: f,
   ref: g,
@@ -481,30 +481,30 @@ const R5 = ({
   "button",
   {
     ref: g,
-    className: x1(l, "button", c, S, {
+    className: x1(l, "button", c, d, {
       active: a,
       fullWidth: o,
-      isLoading: m
+      isLoading: p
     }),
-    disabled: L1(e) ? m : e,
+    disabled: L1(e) ? p : e,
     onClick: C,
     type: n,
     ...L,
     children: [
-      m && /* @__PURE__ */ k.jsx(W1, { size: k1.MEDIUM, className: x1("loader") }),
-      s && /* @__PURE__ */ k.jsx(e2, { icon: s }),
-      (r || u) && /* @__PURE__ */ k.jsx("span", { className: x1("text"), children: r || u }),
-      i && /* @__PURE__ */ k.jsx(e2, { icon: i }),
-      !!p && /* @__PURE__ */ k.jsx("span", { className: x1("count"), children: p })
+      p && /* @__PURE__ */ k.jsx(P1, { size: k1.MEDIUM, className: x1("loader") }),
+      s && /* @__PURE__ */ k.jsx(t2, { icon: s }),
+      (r || S) && /* @__PURE__ */ k.jsx("span", { className: x1("text"), children: r || S }),
+      i && /* @__PURE__ */ k.jsx(t2, { icon: i }),
+      !!m && /* @__PURE__ */ k.jsx("span", { className: x1("count"), children: m })
     ]
   }
 ), H5 = "Caption-module__icon___nGwO6", y5 = "Caption-module__hint___Rjvi-", I5 = "Caption-module__caption___rfvpO", U5 = {
   icon: H5,
   hint: y5,
   caption: I5
-}, t2 = q(U5), O1 = ({ caption: e, hint: C }) => /* @__PURE__ */ k.jsxs("div", { className: t2("caption"), children: [
+}, C2 = q(U5), q1 = ({ caption: e, hint: C }) => /* @__PURE__ */ k.jsxs("div", { className: C2("caption"), children: [
   e,
-  C && /* @__PURE__ */ k.jsx(P1, { text: C, placementSide: J2.TOP, children: /* @__PURE__ */ k.jsx(_, { type: "circle-help", className: t2("icon", "hint") }) })
+  C && /* @__PURE__ */ k.jsx(Q1, { text: C, placementSide: J2.TOP, children: /* @__PURE__ */ k.jsx(_, { type: "circle-help", className: C2("icon", "hint") }) })
 ] }), N5 = "Icon-module__icon___J5RH5", K5 = "Icon-module__small___n0yvX", T5 = "Icon-module__medium___r6TsR", b5 = "Icon-module__large___H12p-", B5 = {
   icon: N5,
   small: K5,
@@ -699,11 +699,11 @@ const M7 = q(B5), _ = ({
   error: O7,
   input: q7
 };
-var Y7 = /* @__PURE__ */ ((e) => (e.LARGE = "LARGE", e.MEDIUM = "MEDIUM", e))(Y7 || {}), B1 = /* @__PURE__ */ ((e) => (e.MARKED = "MARKED", e.MIXED = "MIXED", e))(B1 || {}), h2 = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e))(h2 || {});
+var Y7 = /* @__PURE__ */ ((e) => (e.LARGE = "LARGE", e.MEDIUM = "MEDIUM", e))(Y7 || {}), A1 = /* @__PURE__ */ ((e) => (e.MARKED = "MARKED", e.MIXED = "MIXED", e))(A1 || {}), h2 = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e))(h2 || {});
 const n1 = q(F7), D7 = {
   MARKED: "check",
   MIXED: "minus"
-}, q1 = ({
+}, F1 = ({
   isError: e,
   errorText: C,
   variant: l = "MARKED",
@@ -713,17 +713,17 @@ const n1 = q(F7), D7 = {
   onChange: c,
   onChangeValue: s,
   caption: i,
-  captionPosition: S = "right",
-  size: m = "LARGE",
-  onFocus: u,
-  onBlur: p,
+  captionPosition: d = "right",
+  size: p = "LARGE",
+  onFocus: S,
+  onBlur: m,
   onKeyDown: a,
   ...f
 }) => {
   const [g, L] = z(!1), h = (y) => {
-    L(!0), u?.(y);
+    L(!0), S?.(y);
   }, Z = (y) => {
-    L(!1), p?.(y);
+    L(!1), m?.(y);
   }, M = (y) => y.stopPropagation(), E = () => {
     o || s?.(!r);
   }, w = (y) => {
@@ -732,13 +732,13 @@ const n1 = q(F7), D7 = {
     s?.(y.target.checked), c?.(y);
   }, x = T(() => /* @__PURE__ */ k.jsx(_, { type: D7[l], className: n1("icon", { hasValue: !!r }) }), [l, r]), N = T(() => {
     if (i || C)
-      return /* @__PURE__ */ k.jsxs("div", { className: n1("textContainer", m), children: [
+      return /* @__PURE__ */ k.jsxs("div", { className: n1("textContainer", p), children: [
         i && /* @__PURE__ */ k.jsx("div", { className: n1("caption"), children: i || n }),
         e && C && /* @__PURE__ */ k.jsx("div", { className: n1("error"), children: C })
       ] });
-  }, [i, C, e, n, m]);
-  return /* @__PURE__ */ k.jsxs("label", { className: n1("wrapper", m, { disabled: o, isError: e, isActive: r }), onClick: E, children: [
-    S === "left" && N,
+  }, [i, C, e, n, p]);
+  return /* @__PURE__ */ k.jsxs("label", { className: n1("wrapper", p, { disabled: o, isError: e, isActive: r }), onClick: E, children: [
+    d === "left" && N,
     /* @__PURE__ */ k.jsx("div", { className: n1("checkboxWrapper"), children: /* @__PURE__ */ k.jsxs("div", { className: n1("checkbox", { isFocused: g }), children: [
       x,
       /* @__PURE__ */ k.jsx(
@@ -757,12 +757,12 @@ const n1 = q(F7), D7 = {
         }
       )
     ] }) }),
-    S === "right" && N
+    d === "right" && N
   ] });
 };
-var W7 = (e) => e.type === "checkbox", J1 = (e) => e instanceof Date, F1 = (e) => e == null;
+var W7 = (e) => e.type === "checkbox", J1 = (e) => e instanceof Date, Y1 = (e) => e == null;
 const V2 = (e) => typeof e == "object";
-var s1 = (e) => !F1(e) && !Array.isArray(e) && V2(e) && !J1(e), P7 = (e) => s1(e) && e.target ? W7(e.target) ? e.target.checked : e.target.value : e, Q7 = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, X7 = (e, C) => e.has(Q7(C)), z7 = (e) => {
+var s1 = (e) => !Y1(e) && !Array.isArray(e) && V2(e) && !J1(e), P7 = (e) => s1(e) && e.target ? W7(e.target) ? e.target.checked : e.target.value : e, Q7 = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, X7 = (e, C) => e.has(Q7(C)), z7 = (e) => {
   const C = e.constructor && e.constructor.prototype;
   return s1(C) && C.hasOwnProperty("isPrototypeOf");
 }, _7 = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
@@ -781,36 +781,36 @@ function x2(e) {
     return e;
   return C;
 }
-var Z2 = (e) => /^\w*$/.test(e), A1 = (e) => e === void 0, $7 = (e) => Array.isArray(e) ? e.filter(Boolean) : [], M2 = (e) => $7(e.replace(/["|']|\]/g, "").split(/\.|\[/)), W = (e, C, l) => {
+var Z2 = (e) => /^\w*$/.test(e), j1 = (e) => e === void 0, $7 = (e) => Array.isArray(e) ? e.filter(Boolean) : [], M2 = (e) => $7(e.replace(/["|']|\]/g, "").split(/\.|\[/)), W = (e, C, l) => {
   if (!C || !s1(e))
     return l;
-  const o = (Z2(C) ? [C] : M2(C)).reduce((n, r) => F1(n) ? n : n[r], e);
-  return A1(o) || o === e ? A1(e[C]) ? l : e[C] : o;
-}, y1 = (e) => typeof e == "boolean", C2 = (e, C, l) => {
+  const o = (Z2(C) ? [C] : M2(C)).reduce((n, r) => Y1(n) ? n : n[r], e);
+  return j1(o) || o === e ? j1(e[C]) ? l : e[C] : o;
+}, y1 = (e) => typeof e == "boolean", l2 = (e, C, l) => {
   let o = -1;
   const n = Z2(C) ? [C] : M2(C), r = n.length, c = r - 1;
   for (; ++o < r; ) {
     const s = n[o];
     let i = l;
     if (o !== c) {
-      const S = e[s];
-      i = s1(S) || Array.isArray(S) ? S : isNaN(+n[o + 1]) ? {} : [];
+      const d = e[s];
+      i = s1(d) || Array.isArray(d) ? d : isNaN(+n[o + 1]) ? {} : [];
     }
     if (s === "__proto__" || s === "constructor" || s === "prototype")
       return;
     e[s] = i, e = e[s];
   }
 };
-const l2 = {
+const n2 = {
   BLUR: "blur",
   CHANGE: "change"
-}, n2 = {
+}, r2 = {
   all: "all"
-}, Y1 = U.createContext(null);
-Y1.displayName = "HookFormContext";
-const a1 = () => U.useContext(Y1), e0 = (e) => {
+}, D1 = U.createContext(null);
+D1.displayName = "HookFormContext";
+const a1 = () => U.useContext(D1), e0 = (e) => {
   const { children: C, ...l } = e;
-  return U.createElement(Y1.Provider, { value: l }, C);
+  return U.createElement(D1.Provider, { value: l }, C);
 };
 var t0 = (e, C, l, o = !0) => {
   const n = {
@@ -820,7 +820,7 @@ var t0 = (e, C, l, o = !0) => {
     Object.defineProperty(n, r, {
       get: () => {
         const c = r;
-        return C._proxyFormState[c] !== n2.all && (C._proxyFormState[c] = !o || n2.all), l && (l[c] = !0), e[c];
+        return C._proxyFormState[c] !== r2.all && (C._proxyFormState[c] = !o || r2.all), l && (l[c] = !0), e[c];
       }
     });
   return n;
@@ -841,19 +841,19 @@ function C0(e) {
     name: n,
     formState: i.current,
     exact: r,
-    callback: (S) => {
+    callback: (d) => {
       !o && s({
         ...l._formState,
-        ...S
+        ...d
       });
     }
   }), [n, o, r]), U.useEffect(() => {
     i.current.isValid && l._setValid(!0);
   }, [l]), U.useMemo(() => t0(c, l, i.current, !1), [c, l]);
 }
-var l0 = (e) => typeof e == "string", n0 = (e, C, l, o, n) => l0(e) ? W(l, e, n) : Array.isArray(e) ? e.map((r) => W(l, r)) : l, r2 = (e) => F1(e) || !V2(e);
+var l0 = (e) => typeof e == "string", n0 = (e, C, l, o, n) => l0(e) ? W(l, e, n) : Array.isArray(e) ? e.map((r) => W(l, r)) : l, o2 = (e) => Y1(e) || !V2(e);
 function H2(e, C, l = /* @__PURE__ */ new WeakSet()) {
-  if (r2(e) || r2(C))
+  if (o2(e) || o2(C))
     return e === C;
   if (J1(e) && J1(C))
     return e.getTime() === C.getTime();
@@ -876,9 +876,9 @@ function H2(e, C, l = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 function r0(e) {
-  const C = a1(), { control: l = C.control, name: o, defaultValue: n, disabled: r, exact: c, compute: s } = e || {}, i = U.useRef(n), S = U.useRef(s), m = U.useRef(void 0);
-  S.current = s;
-  const u = U.useMemo(() => l._getWatch(o, i.current), [l, o]), [p, a] = U.useState(S.current ? S.current(u) : u);
+  const C = a1(), { control: l = C.control, name: o, defaultValue: n, disabled: r, exact: c, compute: s } = e || {}, i = U.useRef(n), d = U.useRef(s), p = U.useRef(void 0);
+  d.current = s;
+  const S = U.useMemo(() => l._getWatch(o, i.current), [l, o]), [m, a] = U.useState(d.current ? d.current(S) : S);
   return R2(() => l._subscribe({
     name: o,
     formState: {
@@ -888,64 +888,64 @@ function r0(e) {
     callback: (f) => {
       if (!r) {
         const g = n0(o, l._names, f.values || l._formValues, !1, i.current);
-        if (S.current) {
-          const L = S.current(g);
-          H2(L, m.current) || (a(L), m.current = L);
+        if (d.current) {
+          const L = d.current(g);
+          H2(L, p.current) || (a(L), p.current = L);
         } else
           a(g);
       }
     }
-  }), [l, r, o, c]), U.useEffect(() => l._removeUnmounted()), p;
+  }), [l, r, o, c]), U.useEffect(() => l._removeUnmounted()), m;
 }
 function R1(e) {
-  const C = a1(), { name: l, disabled: o, control: n = C.control, shouldUnregister: r, defaultValue: c } = e, s = X7(n._names.array, l), i = U.useMemo(() => W(n._formValues, l, W(n._defaultValues, l, c)), [n, l, c]), S = r0({
+  const C = a1(), { name: l, disabled: o, control: n = C.control, shouldUnregister: r, defaultValue: c } = e, s = X7(n._names.array, l), i = U.useMemo(() => W(n._formValues, l, W(n._defaultValues, l, c)), [n, l, c]), d = r0({
     control: n,
     name: l,
     defaultValue: i,
     exact: !0
-  }), m = C0({
+  }), p = C0({
     control: n,
     name: l,
     exact: !0
-  }), u = U.useRef(e), p = U.useRef(void 0), a = U.useRef(n.register(l, {
+  }), S = U.useRef(e), m = U.useRef(void 0), a = U.useRef(n.register(l, {
     ...e.rules,
-    value: S,
+    value: d,
     ...y1(e.disabled) ? { disabled: e.disabled } : {}
   }));
-  u.current = e;
+  S.current = e;
   const f = U.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!W(m.errors, l)
+      get: () => !!W(p.errors, l)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!W(m.dirtyFields, l)
+      get: () => !!W(p.dirtyFields, l)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!W(m.touchedFields, l)
+      get: () => !!W(p.touchedFields, l)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!W(m.validatingFields, l)
+      get: () => !!W(p.validatingFields, l)
     },
     error: {
       enumerable: !0,
-      get: () => W(m.errors, l)
+      get: () => W(p.errors, l)
     }
-  }), [m, l]), g = U.useCallback((M) => a.current.onChange({
+  }), [p, l]), g = U.useCallback((M) => a.current.onChange({
     target: {
       value: P7(M),
       name: l
     },
-    type: l2.CHANGE
+    type: n2.CHANGE
   }), [l]), L = U.useCallback(() => a.current.onBlur({
     target: {
       value: W(n._formValues, l),
       name: l
     },
-    type: l2.BLUR
+    type: n2.BLUR
   }), [l, n._formValues]), h = U.useCallback((M) => {
     const E = W(n._fields, l);
     E && M && (E._f.ref = {
@@ -956,27 +956,27 @@ function R1(e) {
     });
   }, [n._fields, l]), Z = U.useMemo(() => ({
     name: l,
-    value: S,
-    ...y1(o) || m.disabled ? { disabled: m.disabled || o } : {},
+    value: d,
+    ...y1(o) || p.disabled ? { disabled: p.disabled || o } : {},
     onChange: g,
     onBlur: L,
     ref: h
-  }), [l, o, m.disabled, g, L, h, S]);
+  }), [l, o, p.disabled, g, L, h, d]);
   return U.useEffect(() => {
-    const M = n._options.shouldUnregister || r, E = p.current;
+    const M = n._options.shouldUnregister || r, E = m.current;
     E && E !== l && !s && n.unregister(E), n.register(l, {
-      ...u.current.rules,
-      ...y1(u.current.disabled) ? { disabled: u.current.disabled } : {}
+      ...S.current.rules,
+      ...y1(S.current.disabled) ? { disabled: S.current.disabled } : {}
     });
     const w = (J, x) => {
       const N = W(n._fields, J);
       N && N._f && (N._f.mount = x);
     };
     if (w(l, !0), M) {
-      const J = x2(W(n._options.defaultValues, l, u.current.defaultValue));
-      C2(n._defaultValues, l, J), A1(W(n._formValues, l)) && C2(n._formValues, l, J);
+      const J = x2(W(n._options.defaultValues, l, S.current.defaultValue));
+      l2(n._defaultValues, l, J), j1(W(n._formValues, l)) && l2(n._formValues, l, J);
     }
-    return !s && n.register(l), p.current = l, () => {
+    return !s && n.register(l), m.current = l, () => {
       (s ? M && !n._state.action : M) ? n.unregister(l) : w(l, !1);
     };
   }, [l, n, s, r]), U.useEffect(() => {
@@ -986,9 +986,9 @@ function R1(e) {
     });
   }, [o, l, n]), U.useMemo(() => ({
     field: Z,
-    formState: m,
+    formState: p,
     fieldState: f
-  }), [Z, m, f]);
+  }), [Z, p, f]);
 }
 const y3 = ({
   name: e,
@@ -1000,19 +1000,19 @@ const y3 = ({
   onChangeValue: c,
   ...s
 }) => {
-  const { control: i, clearErrors: S } = a1(), { fieldState: m, field: u } = R1({ name: e, rules: C, control: i }), p = A(r), a = (f) => {
-    c && c(f), u.onChange(f);
+  const { control: i, clearErrors: d } = a1(), { fieldState: p, field: S } = R1({ name: e, rules: C, control: i }), m = A(r), a = (f) => {
+    c && c(f), S.onChange(f);
   };
-  return O(() => {
-    r !== p.current && n && (S(e), p.current = r);
+  return G(() => {
+    r !== m.current && n && (d(e), m.current = r);
   }, [r]), /* @__PURE__ */ k.jsx(
-    q1,
+    F1,
     {
-      ...u,
-      isError: !!m?.error || l,
-      errorText: m?.error?.message || o || "",
+      ...S,
+      isError: !!p?.error || l,
+      errorText: p?.error?.message || o || "",
       onChangeValue: a,
-      value: u.value,
+      value: S.value,
       disabled: r,
       ...s
     }
@@ -1021,7 +1021,7 @@ const y3 = ({
   container: o0,
   error: c0,
   description: s0
-}, I1 = q(i0), D1 = ({
+}, I1 = q(i0), W1 = ({
   errorText: e,
   description: C,
   isError: l,
@@ -1040,7 +1040,7 @@ const y3 = ({
   ...n
 }) => /* @__PURE__ */ k.jsx(e0, { ...e, children: /* @__PURE__ */ k.jsx("form", { ...n, onSubmit: C ? e.handleSubmit(C) : void 0, ref: l, children: o }) }), U3 = (e, C = 0) => {
   const [l, o] = z(e), n = A(null);
-  return O(() => (n.current && clearTimeout(n.current), n.current = window.setTimeout(() => {
+  return G(() => (n.current && clearTimeout(n.current), n.current = window.setTimeout(() => {
     o(e);
   }, C), () => {
     n.current && clearTimeout(n.current);
@@ -1055,8 +1055,8 @@ const y3 = ({
   referenceRef: c,
   isPortal: s
 }) => {
-  const i = A(null), [S, m] = z(), u = j(() => {
-    r.current && c.current && m(
+  const i = A(null), [d, p] = z(), S = j(() => {
+    r.current && c.current && p(
       s5({
         gap: l,
         reference: c.current,
@@ -1069,24 +1069,24 @@ const y3 = ({
   }, [l, c, r, c, o, n, s]);
   return S1(() => {
     if (!r.current || !c.current) return;
-    let p = 0, a = 0;
-    return p = requestAnimationFrame(() => {
-      a = requestAnimationFrame(() => u());
+    let m = 0, a = 0;
+    return m = requestAnimationFrame(() => {
+      a = requestAnimationFrame(() => S());
     }), () => {
-      cancelAnimationFrame(p), cancelAnimationFrame(a);
+      cancelAnimationFrame(m), cancelAnimationFrame(a);
     };
-  }, [u]), S1(() => (C && window.addEventListener("resize", u), () => {
-    window.removeEventListener("resize", u);
+  }, [S]), S1(() => (C && window.addEventListener("resize", S), () => {
+    window.removeEventListener("resize", S);
   }), [C]), S1(() => {
-    let p = null;
-    return r.current && (p = new ResizeObserver(() => {
-      i.current && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(u);
-    }), p.observe(r.current)), () => {
-      p?.disconnect(), i.current && cancelAnimationFrame(i.current);
+    let m = null;
+    return r.current && (m = new ResizeObserver(() => {
+      i.current && cancelAnimationFrame(i.current), i.current = requestAnimationFrame(S);
+    }), m.observe(r.current)), () => {
+      m?.disconnect(), i.current && cancelAnimationFrame(i.current);
     };
-  }, []), S1(() => (e && window.addEventListener("scroll", u, !0), () => {
-    window.removeEventListener("scroll", u, !0);
-  }), [e]), { computed: S, recalc: u };
+  }, []), S1(() => (e && window.addEventListener("scroll", S, !0), () => {
+    window.removeEventListener("scroll", S, !0);
+  }), [e]), { computed: d, recalc: S };
 }, d0 = (e = !1) => {
   const [C, l] = z(e), o = j(() => {
     l(!0);
@@ -1094,16 +1094,16 @@ const y3 = ({
     l(!1);
   }, []);
   return { isHidden: C, hide: o, reveal: n };
-}, j1 = "_";
-function u0(e, C, l = j1) {
+}, G1 = "_";
+function u0(e, C, l = G1) {
   if (!e) return [];
   const o = [];
   let n = !1;
-  const r = Array.isArray(C), s = (typeof C == "object" && C !== null ? C : void 0) || {}, i = (r ? C : void 0) || [], S = typeof C == "string" ? C : void 0;
-  let m = 0;
-  const u = (p, a) => S && p === S ? { type: "slot", test: () => !0 } : s[p] ? { type: "slot", test: (f) => s[p].test(f) } : i[a] && p === l ? { type: "slot", test: (f) => i[a].test(f) } : null;
-  for (let p = 0; p < e.length; p++) {
-    const a = e[p];
+  const r = Array.isArray(C), s = (typeof C == "object" && C !== null ? C : void 0) || {}, i = (r ? C : void 0) || [], d = typeof C == "string" ? C : void 0;
+  let p = 0;
+  const S = (m, a) => d && m === d ? { type: "slot", test: () => !0 } : s[m] ? { type: "slot", test: (f) => s[m].test(f) } : i[a] && m === l ? { type: "slot", test: (f) => i[a].test(f) } : null;
+  for (let m = 0; m < e.length; m++) {
+    const a = e[m];
     if (a === "[") {
       n = !0;
       continue;
@@ -1112,15 +1112,15 @@ function u0(e, C, l = j1) {
       n = !1;
       continue;
     }
-    const f = u(a, m);
-    f && m++, o.push(f ?? { type: "literal", char: a, keep: n });
+    const f = S(a, p);
+    f && p++, o.push(f ?? { type: "literal", char: a, keep: n });
   }
   return o;
 }
 const y2 = ({
   mask: e,
-  replacement: C = j1,
-  replacementPlaceholder: l = j1
+  replacement: C = G1,
+  replacementPlaceholder: l = G1
 }) => {
   const o = T(
     () => u0(e, C, l),
@@ -1128,15 +1128,15 @@ const y2 = ({
   ), n = j(
     (c) => {
       if (!e) return c;
-      let s = "", i = 0, S = 0, m = 0;
-      for (; S < o.length && i < c.length; S++) {
-        const p = o[S], a = c[i];
-        p.type === "literal" ? a === p.char ? (s += a, i++) : s += p.char : p.type === "slot" && p.test(a) && (s += a, i++, m++);
+      let s = "", i = 0, d = 0, p = 0;
+      for (; d < o.length && i < c.length; d++) {
+        const m = o[d], a = c[i];
+        m.type === "literal" ? a === m.char ? (s += a, i++) : s += m.char : m.type === "slot" && m.test(a) && (s += a, i++, p++);
       }
-      const u = o.filter((p) => p.type === "slot").length;
-      if (m === u && S < o.length)
-        for (let p = S; p < o.length; p++) {
-          const a = o[p];
+      const S = o.filter((m) => m.type === "slot").length;
+      if (p === S && d < o.length)
+        for (let m = d; m < o.length; m++) {
+          const a = o[m];
           a.type === "literal" && (s += a.char);
         }
       return s;
@@ -1146,9 +1146,9 @@ const y2 = ({
     (c) => {
       if (!e) return c;
       let s = "", i = 0;
-      for (let S = 0; S < o.length && i < c.length; S++) {
-        const m = o[S], u = c[i];
-        m.type === "literal" ? u === m.char && (m.keep && (s += u), i++) : m.type === "slot" && (m.test(u) && (s += u), i++);
+      for (let d = 0; d < o.length && i < c.length; d++) {
+        const p = o[d], S = c[i];
+        p.type === "literal" ? S === p.char && (p.keep && (s += S), i++) : p.type === "slot" && (p.test(S) && (s += S), i++);
       }
       return s;
     },
@@ -1158,38 +1158,43 @@ const y2 = ({
 }, I2 = (e = !1) => {
   const [C, l] = z(e), o = j(() => l(!0), []), n = j(() => l(!1), []), r = j(() => l((c) => !c), []);
   return { isOpen: C, open: o, close: n, toggle: r, setIsOpen: l };
-}, p0 = typeof window < "u" ? window.localStorage : void 0, U1 = "__use-persisted-state__", o2 = (e) => {
+}, p0 = typeof window < "u" ? window.localStorage : void 0, U1 = "__use-persisted-state__", N1 = (e) => {
   if (e !== null)
     try {
       return JSON.parse(e);
     } catch {
       return;
     }
-}, S0 = typeof window < "u" ? S1 : O, m0 = ({
+}, S0 = typeof window < "u" ? S1 : G, m0 = ({
   key: e,
   initialValue: C,
   storage: l = p0
 }) => {
   const o = A(!0), n = A(l);
-  O(() => {
+  G(() => {
     n.current = l;
   }, [l]);
   const [r, c] = z(() => {
-    const s = n.current;
-    if (!s)
+    const i = n.current;
+    if (!i)
       return typeof C == "function" ? C() : C;
-    const i = o2(s.getItem(e));
-    return i !== void 0 ? i : typeof C == "function" ? C() : C;
-  });
+    const d = N1(i.getItem(e));
+    return d !== void 0 ? d : typeof C == "function" ? C() : C;
+  }), s = (i) => {
+    c((d) => {
+      const p = JSON.stringify(d), S = JSON.stringify(i);
+      return p === S ? d : i;
+    });
+  };
   return S0(() => {
-    const s = n.current;
-    if (s) {
+    const i = n.current;
+    if (i) {
       if (o.current) {
         o.current = !1;
         return;
       }
       try {
-        s.setItem(e, JSON.stringify(r)), typeof window < "u" && window.dispatchEvent(
+        i.setItem(e, JSON.stringify(r)), typeof window < "u" && window.dispatchEvent(
           new CustomEvent(U1, {
             detail: { key: e, value: r }
           })
@@ -1197,28 +1202,30 @@ const y2 = ({
       } catch {
       }
     }
-  }, [e, r]), O(() => {
+  }, [e, r]), G(() => {
     if (typeof window > "u") return;
-    const s = (i) => {
-      const S = i;
-      if (S.detail?.key !== e) return;
-      const m = S.detail.value;
-      c((u) => {
-        const p = JSON.stringify(u), a = JSON.stringify(m);
-        return p === a ? u : m;
-      });
+    const i = (d) => {
+      const p = d;
+      if (p.detail?.key !== e) return;
+      const S = p.detail.value;
+      s(S);
     };
-    return window.addEventListener(U1, s), () => {
-      window.removeEventListener(U1, s);
+    return window.addEventListener(U1, i), () => {
+      window.removeEventListener(U1, i);
     };
-  }, [e]), O(() => {
-    const s = n.current;
-    if (!s) return;
-    const i = o2(s.getItem(e));
-    i !== void 0 && c((S) => {
-      const m = JSON.stringify(S), u = JSON.stringify(i);
-      return m === u ? S : i;
-    });
+  }, [e]), G(() => {
+    const i = n.current;
+    if (!i) return;
+    const d = N1(i.getItem(e));
+    d !== void 0 && s(d);
+  }, [e]), G(() => {
+    if (typeof window > "u") return;
+    const i = (d) => {
+      if (d.key !== e) return;
+      const p = N1(d.newValue);
+      p !== void 0 && s(p);
+    };
+    return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
   }, [e]), [r, c];
 }, N3 = ({ callback: e, interval: C = 1e4, startImmediately: l }) => {
   const o = A(0), n = j(() => {
@@ -1226,13 +1233,13 @@ const y2 = ({
   }, [e, C]), r = j(() => {
     o.current && (window.clearInterval(o.current), o.current = 0);
   }, []);
-  return O(() => (l && n(), () => r()), []), { start: n, stop: r };
+  return G(() => (l && n(), () => r()), []), { start: n, stop: r };
 }, K3 = (e) => {
   const [C, l] = m0({
     key: e?.storageKey || "theme",
     initialValue: e?.initialTheme || d5()
   });
-  return O(() => {
+  return G(() => {
     typeof document < "u" && document.body.setAttribute("data-theme", C);
   }, [C]), { theme: C, setTheme: l };
 }, k0 = (e, C, l, o) => {
@@ -1256,10 +1263,10 @@ const y2 = ({
     };
     e.on("initialized", l);
   }
-}, G1 = (e, C, l) => {
+}, O1 = (e, C, l) => {
   e.loadNamespaces(C, N2(e, l));
 }, s2 = (e, C, l, o) => {
-  if (i1(l) && (l = [l]), e.options.preload && e.options.preload.indexOf(C) > -1) return G1(e, l, o);
+  if (i1(l) && (l = [l]), e.options.preload && e.options.preload.indexOf(C) > -1) return O1(e, l, o);
   l.forEach((n) => {
     e.options.ns.indexOf(n) < 0 && e.options.ns.push(n);
   }), e.loadLanguages(C, N2(e, o));
@@ -1318,7 +1325,7 @@ class M0 {
     return Object.keys(this.usedNamespaces);
   }
 }
-var Z1 = { exports: {} }, N1 = {};
+var Z1 = { exports: {} }, K1 = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1330,46 +1337,46 @@ var Z1 = { exports: {} }, N1 = {};
  */
 var i2;
 function R0() {
-  if (i2) return N1;
+  if (i2) return K1;
   i2 = 1;
   var e = U;
-  function C(u, p) {
-    return u === p && (u !== 0 || 1 / u === 1 / p) || u !== u && p !== p;
+  function C(S, m) {
+    return S === m && (S !== 0 || 1 / S === 1 / m) || S !== S && m !== m;
   }
   var l = typeof Object.is == "function" ? Object.is : C, o = e.useState, n = e.useEffect, r = e.useLayoutEffect, c = e.useDebugValue;
-  function s(u, p) {
-    var a = p(), f = o({ inst: { value: a, getSnapshot: p } }), g = f[0].inst, L = f[1];
+  function s(S, m) {
+    var a = m(), f = o({ inst: { value: a, getSnapshot: m } }), g = f[0].inst, L = f[1];
     return r(
       function() {
-        g.value = a, g.getSnapshot = p, i(g) && L({ inst: g });
+        g.value = a, g.getSnapshot = m, i(g) && L({ inst: g });
       },
-      [u, a, p]
+      [S, a, m]
     ), n(
       function() {
-        return i(g) && L({ inst: g }), u(function() {
+        return i(g) && L({ inst: g }), S(function() {
           i(g) && L({ inst: g });
         });
       },
-      [u]
+      [S]
     ), c(a), a;
   }
-  function i(u) {
-    var p = u.getSnapshot;
-    u = u.value;
+  function i(S) {
+    var m = S.getSnapshot;
+    S = S.value;
     try {
-      var a = p();
-      return !l(u, a);
+      var a = m();
+      return !l(S, a);
     } catch {
       return !0;
     }
   }
-  function S(u, p) {
-    return p();
+  function d(S, m) {
+    return m();
   }
-  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? S : s;
-  return N1.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : m, N1;
+  var p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : s;
+  return K1.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : p, K1;
 }
-var K1 = {};
+var T1 = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1386,15 +1393,15 @@ function H0() {
       return a === f && (a !== 0 || 1 / a === 1 / f) || a !== a && f !== f;
     }
     function C(a, f) {
-      m || n.startTransition === void 0 || (m = !0, console.error(
+      p || n.startTransition === void 0 || (p = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
       var g = f();
-      if (!u) {
+      if (!S) {
         var L = f();
         r(g, L) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), u = !0);
+        ), S = !0);
       }
       L = c({
         inst: { value: g, getSnapshot: f }
@@ -1412,7 +1419,7 @@ function H0() {
           });
         },
         [a]
-      ), S(g), g;
+      ), d(g), g;
     }
     function l(a) {
       var f = a.getSnapshot;
@@ -1428,9 +1435,9 @@ function H0() {
       return f();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = U, r = typeof Object.is == "function" ? Object.is : e, c = n.useState, s = n.useEffect, i = n.useLayoutEffect, S = n.useDebugValue, m = !1, u = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : C;
-    K1.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), K1;
+    var n = U, r = typeof Object.is == "function" ? Object.is : e, c = n.useState, s = n.useEffect, i = n.useLayoutEffect, d = n.useDebugValue, p = !1, S = !1, m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : C;
+    T1.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : m, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), T1;
 }
 var d2;
 function y0() {
@@ -1456,46 +1463,46 @@ const U0 = (e, C) => i1(C) ? C : v0(C) && i1(C.defaultValue) ? C.defaultValue :
   }), [r, C]), {
     useSuspense: s,
     keyPrefix: i
-  } = c, S = T(() => {
+  } = c, d = T(() => {
     const E = e;
     return i1(E) ? [E] : E;
   }, [e, n, r]);
-  r?.reportNamespaces?.addUsedNamespaces?.(S);
-  const m = A(0), u = j((E) => {
+  r?.reportNamespaces?.addUsedNamespaces?.(d);
+  const p = A(0), S = j((E) => {
     if (!r) return K0;
     const {
       bindI18n: w,
       bindI18nStore: J
     } = c, x = () => {
-      m.current += 1, E();
+      p.current += 1, E();
     };
     return w && r.on(w, x), J && r.store.on(J, x), () => {
       w && w.split(" ").forEach((N) => r.off(N, x)), J && J.split(" ").forEach((N) => r.store.off(N, x));
     };
-  }, [r, c]), p = A(), a = j(() => {
+  }, [r, c]), m = A(), a = j(() => {
     if (!r)
       return N0;
-    const E = !!(r.isInitialized || r.initializedStoreOnce) && S.every((F) => f0(F, r, c)), w = C.lng || r.language, J = m.current, x = p.current;
+    const E = !!(r.isInitialized || r.initializedStoreOnce) && d.every((F) => f0(F, r, c)), w = C.lng || r.language, J = p.current, x = m.current;
     if (x && x.ready === E && x.lng === w && x.keyPrefix === i && x.revision === J)
       return x;
     const y = {
-      t: r.getFixedT(w, c.nsMode === "fallback" ? S : S[0], i),
+      t: r.getFixedT(w, c.nsMode === "fallback" ? d : d[0], i),
       ready: E,
       lng: w,
       keyPrefix: i,
       revision: J
     };
-    return p.current = y, y;
-  }, [r, S, i, c, C.lng]), [f, g] = z(0), {
+    return m.current = y, y;
+  }, [r, d, i, c, C.lng]), [f, g] = z(0), {
     t: L,
     ready: h
-  } = I0.useSyncExternalStore(u, a, a);
-  O(() => {
+  } = I0.useSyncExternalStore(S, a, a);
+  G(() => {
     if (r && !h && !s) {
       const E = () => g((w) => w + 1);
-      C.lng ? s2(r, C.lng, S, E) : G1(r, S, E);
+      C.lng ? s2(r, C.lng, d, E) : O1(r, d, E);
     }
-  }, [r, C.lng, S, h, s, f]);
+  }, [r, C.lng, d, h, s, f]);
   const Z = r || {}, M = T(() => {
     const E = [L, Z, h];
     return E.t = L, E.i18n = Z, E.ready = h, E;
@@ -1503,7 +1510,7 @@ const U0 = (e, C) => i1(C) ? C : v0(C) && i1(C.defaultValue) ? C.defaultValue :
   if (r && s && !h)
     throw new Promise((E) => {
       const w = () => E();
-      C.lng ? s2(r, C.lng, S, w) : G1(r, S, w);
+      C.lng ? s2(r, C.lng, d, w) : O1(r, d, w);
     });
   return M;
 }, b0 = "No options", B0 = "Reset all", A0 = "Search", j0 = "Select all", G0 = {
@@ -1582,14 +1589,14 @@ const U0 = (e, C) => i1(C) ? C : v0(C) && i1(C.defaultValue) ? C.defaultValue :
     const i = u2(C) + 1;
     if (!L1(r) && i > r)
       return;
-    const S = i.toFixed(o);
-    e(String(S));
+    const d = i.toFixed(o);
+    e(String(d));
   }, [o, e, C]), s = j(() => {
     const i = u2(C) - 1;
     if (!L1(n) && i < n)
       return;
-    const S = i.toFixed(o);
-    (l || Number(S) >= 0) && e(S);
+    const d = i.toFixed(o);
+    (l || Number(d) >= 0) && e(d);
   }, [l, o, e, C]);
   return { increment: c, decrement: s };
 }, T2 = ({ value: e, maxLength: C }) => L1(C) ? e : e.slice(0, C), u8 = (e) => e, p8 = {
@@ -1627,13 +1634,13 @@ const U0 = (e, C) => i1(C) ? C : v0(C) && i1(C.defaultValue) ? C.defaultValue :
   mask: o
 }) => {
   const n = y2({ mask: o, replacement: l, replacementPlaceholder: C }), r = T(() => p8[e] ?? T2, [e]), c = T(() => S8[e] ?? u8, [e]), s = j(
-    (S) => {
-      const m = r(S);
-      return n.apply(m);
+    (d) => {
+      const p = r(d);
+      return n.apply(p);
     },
     [r, n.apply]
   ), i = j(
-    (S) => c(n.clean(S)),
+    (d) => c(n.clean(d)),
     [e]
   );
   return { format: s, clean: i };
@@ -1669,10 +1676,10 @@ const o1 = q(M8), R8 = {
   errorText: c,
   disabled: s,
   isLoading: i,
-  className: S,
-  prefix: m,
-  suffix: u,
-  hint: p,
+  className: d,
+  prefix: p,
+  suffix: S,
+  hint: m,
   children: a,
   mask: f,
   replacement: g,
@@ -1698,10 +1705,10 @@ const o1 = q(M8), R8 = {
   ref: d1,
   ...u1
 }) => {
-  const { isHidden: d, reveal: v, hide: V } = d0(l === "password"), [I, $] = z(!1), C1 = B ?? R8[l], b = T(
+  const { isHidden: u, reveal: v, hide: V } = d0(l === "password"), [I, $] = z(!1), C1 = B ?? R8[l], b = T(
     () => !!(c && r || n),
     [c, r, n]
-  ), X = T(() => !!(i || N || u || y || F), [i, N, u, y, F]), e1 = a8({ type: l, isHidden: d }), { format: E1, clean: O2 } = m8({ type: l, mask: f, replacement: g, replacementPlaceholder: L }), { increment: q2, decrement: F2 } = d8({
+  ), X = T(() => !!(i || N || S || y || F), [i, N, S, y, F]), e1 = a8({ type: l, isHidden: u }), { format: E1, clean: O2 } = m8({ type: l, mask: f, replacement: g, replacementPlaceholder: L }), { increment: q2, decrement: F2 } = d8({
     max: h,
     min: Z,
     decimals: K,
@@ -1739,8 +1746,8 @@ const o1 = q(M8), R8 = {
   }, X2 = (P) => {
     J("");
   };
-  return /* @__PURE__ */ k.jsxs("label", { className: o1(S, "input"), children: [
-    o && /* @__PURE__ */ k.jsx(O1, { caption: o, hint: p }),
+  return /* @__PURE__ */ k.jsxs("label", { className: o1(d, "input"), children: [
+    o && /* @__PURE__ */ k.jsx(q1, { caption: o, hint: m }),
     /* @__PURE__ */ k.jsxs(
       "div",
       {
@@ -1751,7 +1758,7 @@ const o1 = q(M8), R8 = {
           isWithNumberControls: N
         }),
         children: [
-          m && /* @__PURE__ */ k.jsx("div", { className: o1("prefix"), children: m }),
+          p && /* @__PURE__ */ k.jsx("div", { className: o1("prefix"), children: p }),
           /* @__PURE__ */ k.jsx(
             "input",
             {
@@ -1769,13 +1776,13 @@ const o1 = q(M8), R8 = {
             }
           ),
           X && /* @__PURE__ */ k.jsxs("div", { className: o1("right"), children: [
-            i && /* @__PURE__ */ k.jsx(W1, { className: o1("loader") }),
+            i && /* @__PURE__ */ k.jsx(P1, { className: o1("loader") }),
             F && !!e && /* @__PURE__ */ k.jsx(K2, { type: "close", onClick: X2 }),
-            u && /* @__PURE__ */ k.jsx("div", { className: o1("suffix"), children: u }),
+            S && /* @__PURE__ */ k.jsx("div", { className: o1("suffix"), children: S }),
             y && /* @__PURE__ */ k.jsx(
               t8,
               {
-                isHidden: d,
+                isHidden: u,
                 disabled: s,
                 hide: V,
                 reveal: v,
@@ -1788,7 +1795,7 @@ const o1 = q(M8), R8 = {
       }
     ),
     b && /* @__PURE__ */ k.jsx(
-      D1,
+      W1,
       {
         isError: r,
         errorText: c,
@@ -1807,19 +1814,19 @@ const o1 = q(M8), R8 = {
   disabled: c,
   ...s
 }) => {
-  const { control: i, clearErrors: S } = a1(), { fieldState: m, field: u } = R1({ name: e, rules: C, control: i }), p = A(c), a = (f) => {
-    n && n(f), u.onChange(f);
+  const { control: i, clearErrors: d } = a1(), { fieldState: p, field: S } = R1({ name: e, rules: C, control: i }), m = A(c), a = (f) => {
+    n && n(f), S.onChange(f);
   };
-  return O(() => {
-    c !== p.current && r && (S(e), p.current = c);
+  return G(() => {
+    c !== m.current && r && (d(e), m.current = c);
   }, [c]), /* @__PURE__ */ k.jsx(
     B2,
     {
-      ...u,
-      isError: !!m?.error || l,
-      errorText: m?.error?.message || o || "",
+      ...S,
+      isError: !!p?.error || l,
+      errorText: p?.error?.message || o || "",
       onChangeValue: a,
-      value: u.value,
+      value: S.value,
       disabled: c,
       ...s
     }
@@ -1827,25 +1834,25 @@ const o1 = q(M8), R8 = {
 }, H8 = "Loader-module__loader___Ukoov", y8 = "Loader-module__spin___HfHqf", I8 = {
   loader: H8,
   spin: y8
-}, U8 = q(I8), W1 = ({
+}, U8 = q(I8), P1 = ({
   size: e = k1.LARGE,
   className: C,
   type: l = "spinner-filled"
-}) => /* @__PURE__ */ k.jsx(_, { "data-testid": "loader", type: l, size: e, className: U8(C, "loader") }), G = [];
+}) => /* @__PURE__ */ k.jsx(_, { "data-testid": "loader", type: l, size: e, className: U8(C, "loader") }), O = [];
 for (let e = 0; e < 256; ++e)
-  G.push((e + 256).toString(16).slice(1));
+  O.push((e + 256).toString(16).slice(1));
 function N8(e, C = 0) {
-  return (G[e[C + 0]] + G[e[C + 1]] + G[e[C + 2]] + G[e[C + 3]] + "-" + G[e[C + 4]] + G[e[C + 5]] + "-" + G[e[C + 6]] + G[e[C + 7]] + "-" + G[e[C + 8]] + G[e[C + 9]] + "-" + G[e[C + 10]] + G[e[C + 11]] + G[e[C + 12]] + G[e[C + 13]] + G[e[C + 14]] + G[e[C + 15]]).toLowerCase();
+  return (O[e[C + 0]] + O[e[C + 1]] + O[e[C + 2]] + O[e[C + 3]] + "-" + O[e[C + 4]] + O[e[C + 5]] + "-" + O[e[C + 6]] + O[e[C + 7]] + "-" + O[e[C + 8]] + O[e[C + 9]] + "-" + O[e[C + 10]] + O[e[C + 11]] + O[e[C + 12]] + O[e[C + 13]] + O[e[C + 14]] + O[e[C + 15]]).toLowerCase();
 }
-let T1;
+let b1;
 const K8 = new Uint8Array(16);
 function T8() {
-  if (!T1) {
+  if (!b1) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    T1 = crypto.getRandomValues.bind(crypto);
+    b1 = crypto.getRandomValues.bind(crypto);
   }
-  return T1(K8);
+  return b1(K8);
 }
 const b8 = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), p2 = { randomUUID: b8 };
 function B8(e, C, l) {
@@ -1872,7 +1879,7 @@ const j8 = (e = "popup-root") => {
   };
 }, S2 = ({ children: e, id: C }) => {
   const l = A(j8(C));
-  return O(() => {
+  return G(() => {
     l.current.alreadyHas || document.body.appendChild(l.current.element);
   }, []), $2(e, l.current.element);
 }, G8 = "Popover-module__popover___rvS3X", O8 = "Popover-module__arrow___MQRkr", q8 = "Popover-module__top___rqvC6", F8 = "Popover-module__bottom___lawQw", Y8 = {
@@ -1890,10 +1897,10 @@ const j8 = (e = "popup-root") => {
   className: c,
   gap: s,
   closeOnBlur: i = !1,
-  portalId: S = "popup-root",
-  closeOnMouseLeave: m = !1,
-  mouseLeaveDelay: u = 120,
-  onBlur: p,
+  portalId: d = "popup-root",
+  closeOnMouseLeave: p = !1,
+  mouseLeaveDelay: S = 120,
+  onBlur: m,
   onClick: a,
   onMouseDown: f,
   isPortal: g = !0,
@@ -1925,12 +1932,12 @@ const j8 = (e = "popup-root") => {
   }, []), Y = A(!1), t1 = (v) => {
     if (!i) return;
     const V = v.relatedTarget;
-    H(V) || (C(), p?.(v));
+    H(V) || (C(), m?.(v));
   }, r1 = j(() => {
-    m && (K(), !Y.current && !R.current.anchor && !R.current.dropdown && (B.current = window.setTimeout(() => {
+    p && (K(), !Y.current && !R.current.anchor && !R.current.dropdown && (B.current = window.setTimeout(() => {
       !R.current.anchor && !R.current.dropdown && !Y.current && C();
-    }, u)));
-  }, [m, u, C, K]);
+    }, S)));
+  }, [p, S, C, K]);
   S1(() => {
     const v = () => {
       M && C();
@@ -1940,32 +1947,32 @@ const j8 = (e = "popup-root") => {
     return window.addEventListener("resize", v), window.addEventListener("scroll", V, !0), () => {
       window.removeEventListener("resize", v), window.removeEventListener("scroll", V, !0);
     };
-  }, [E, M, C]), O(() => {
-    if (!m) return;
+  }, [E, M, C]), G(() => {
+    if (!p) return;
     const v = L.current, V = x.current;
     if (!v) return;
     const I = () => {
       R.current.anchor = !0, K();
     }, $ = (X) => {
       const e1 = X.relatedTarget;
-      H(e1) || v.contains(e1) || (B.current = window.setTimeout(C, u));
+      H(e1) || v.contains(e1) || (B.current = window.setTimeout(C, S));
     }, C1 = () => {
       R.current.dropdown = !0, K();
     }, b = (X) => {
       const e1 = X.relatedTarget;
-      H(e1) || (B.current = window.setTimeout(C, u));
+      H(e1) || (B.current = window.setTimeout(C, S));
     };
     return v.addEventListener("pointerenter", I, !0), v.addEventListener("pointerleave", $, !0), V && (V.addEventListener("pointerenter", C1, !0), V.addEventListener("pointerleave", b, !0)), () => {
       K(), v.removeEventListener("pointerenter", I, !0), v.removeEventListener("pointerleave", $, !0), V && (V.removeEventListener("pointerenter", C1, !0), V.removeEventListener("pointerleave", b, !0));
     };
   }, [
-    m,
+    p,
     x,
     L,
     r1,
     K,
     H
-  ]), O(() => {
+  ]), G(() => {
     const v = (V) => {
       if (!w)
         return;
@@ -1973,7 +1980,7 @@ const j8 = (e = "popup-root") => {
       !H(I) && !L.current?.contains(I) && C();
     };
     return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
-  }, [H, C, w]), O(() => {
+  }, [H, C, w]), G(() => {
     const v = (V) => {
       if (!i)
         return;
@@ -1986,7 +1993,7 @@ const j8 = (e = "popup-root") => {
     v.stopPropagation(), f?.(v);
   }, u1 = (v) => {
     v.stopPropagation(), a?.(v);
-  }, d = /* @__PURE__ */ k.jsx(
+  }, u = /* @__PURE__ */ k.jsx(
     "div",
     {
       "data-dd-root": !0,
@@ -2009,7 +2016,7 @@ const j8 = (e = "popup-root") => {
       children: o
     }
   );
-  return y ? g ? /* @__PURE__ */ k.jsx(S2, { id: S, children: d }) : d : /* @__PURE__ */ k.jsx(m2.Provider, { value: D, children: g ? /* @__PURE__ */ k.jsx(S2, { id: S, children: d }) : d });
+  return y ? g ? /* @__PURE__ */ k.jsx(S2, { id: d, children: u }) : u : /* @__PURE__ */ k.jsx(m2.Provider, { value: D, children: g ? /* @__PURE__ */ k.jsx(S2, { id: d, children: u }) : u });
 }, P8 = "SelectOptionItem-module__value___2uely", Q8 = {
   "select-option": "SelectOptionItem-module__select-option___-CPdj",
   value: P8,
@@ -2037,7 +2044,7 @@ const c1 = q(Q8), g1 = z2(
       if (o === "single" && r)
         return /* @__PURE__ */ k.jsx(_, { type: "check", className: c1("select-option-check-icon") });
       if (o === "multi")
-        return /* @__PURE__ */ k.jsx(q1, { value: r, disabled: s });
+        return /* @__PURE__ */ k.jsx(F1, { value: r, disabled: s });
     }, [r, o, s]);
     return /* @__PURE__ */ k.jsxs(
       "button",
@@ -2085,10 +2092,10 @@ const X8 = "SelectList-module__hasScroll___Pdpcl", z8 = {
   isWithSelectAll: c,
   isWithSearch: s,
   onSelectAll: i,
-  onClose: S,
-  gap: m = 0,
-  placementSide: u,
-  placementAlignment: p,
+  onClose: d,
+  gap: p = 0,
+  placementSide: S,
+  placementAlignment: m,
   referenceRef: a
 }) => {
   const [f, g] = z(""), [L, h] = z(!1), Z = !!C?.length, M = s && Z, E = c && n && Z, w = A(null), { t: J } = P0(), x = T(() => C?.filter(
@@ -2108,7 +2115,7 @@ const X8 = "SelectList-module__hasScroll___Pdpcl", z8 = {
     );
   }), [x, r, e, l, n, Z]), y = T(() => {
     if (n && Array.isArray(e) && e)
-      return e.length === C?.length ? B1.MARKED : B1.MIXED;
+      return e.length === C?.length ? A1.MARKED : A1.MIXED;
   }, [e, C, n]), F = T(() => n && Array.isArray(e) && !!e?.length, [e, n]), D = () => {
     i && i(F ? void 0 : C);
   }, H = () => {
@@ -2119,17 +2126,17 @@ const X8 = "SelectList-module__hasScroll___Pdpcl", z8 = {
   }, B = (R) => {
     R.code === "Enter" && R.preventDefault();
   };
-  return O(() => {
+  return G(() => {
     H();
   }, [x]), /* @__PURE__ */ k.jsxs(
     A2,
     {
       className: w1("select-list"),
       referenceRef: a,
-      gap: m,
-      placementAlignment: p,
-      placementSide: u,
-      onClose: S,
+      gap: p,
+      placementAlignment: m,
+      placementSide: S,
+      onClose: d,
       children: [
         M && /* @__PURE__ */ k.jsx("div", { className: w1("select-list-header"), children: s && /* @__PURE__ */ k.jsx(
           B2,
@@ -2143,7 +2150,7 @@ const X8 = "SelectList-module__hasScroll___Pdpcl", z8 = {
           }
         ) }),
         E && /* @__PURE__ */ k.jsx("div", { className: w1("select-list-subheader"), children: c && /* @__PURE__ */ k.jsx(
-          q1,
+          F1,
           {
             value: F,
             variant: y,
@@ -2188,10 +2195,10 @@ const Q = q(o3), s3 = ({
   value: c,
   description: s,
   className: i,
-  placeholder: S,
-  isLoading: m,
-  onChange: u,
-  searchPlaceholder: p,
+  placeholder: d,
+  isLoading: p,
+  onChange: S,
+  searchPlaceholder: m,
   options: a,
   isWithSelectAll: f,
   isWithSearch: g,
@@ -2200,17 +2207,17 @@ const Q = q(o3), s3 = ({
   isMulti: Z,
   disabled: M
 }) => {
-  const E = A(null), w = I2(), J = T(() => c && (Z ? !!c.length : !!c), [c, Z]), x = T(() => M ?? m, [m, M]), N = (H) => {
-    if (u)
+  const E = A(null), w = I2(), J = T(() => c && (Z ? !!c.length : !!c), [c, Z]), x = T(() => M ?? p, [p, M]), N = (H) => {
+    if (S)
       if (Z) {
         const B = Array.isArray(c) ? c : [c].filter(Boolean);
-        u(
+        S(
           B.map((R) => R?.value).includes(H.value) ? B.filter((R) => R?.value !== H.value) : [...B, H]
         );
       } else
-        u(H), L && w.close();
+        S(H), L && w.close();
   }, y = (H) => {
-    Z && u?.(H);
+    Z && S?.(H);
   }, F = T(() => {
     if (c)
       if (Z) {
@@ -2226,7 +2233,7 @@ const Q = q(o3), s3 = ({
               }
             ),
             !!B.length && /* @__PURE__ */ k.jsx(
-              P1,
+              Q1,
               {
                 text: B.map((R) => /* @__PURE__ */ k.jsx(
                   g1,
@@ -2256,10 +2263,10 @@ const Q = q(o3), s3 = ({
           }
         );
   }, [c, Z, x]), D = (H) => {
-    H.preventDefault(), H.stopPropagation(), u?.(void 0);
+    H.preventDefault(), H.stopPropagation(), S?.(void 0);
   };
   return /* @__PURE__ */ k.jsxs("div", { className: Q(i, "select", e), children: [
-    C && /* @__PURE__ */ k.jsx(O1, { caption: C, hint: l }),
+    C && /* @__PURE__ */ k.jsx(q1, { caption: C, hint: l }),
     /* @__PURE__ */ k.jsxs("div", { className: Q("select-control-wrapper"), children: [
       /* @__PURE__ */ k.jsxs(
         "button",
@@ -2272,7 +2279,7 @@ const Q = q(o3), s3 = ({
           children: [
             /* @__PURE__ */ k.jsxs("div", { className: Q("select-control-content"), children: [
               o && /* @__PURE__ */ k.jsx(_, { type: o, className: Q("select-control-icon") }),
-              S && !J && /* @__PURE__ */ k.jsx(G2, { className: Q("select-placeholder"), children: S }),
+              d && !J && /* @__PURE__ */ k.jsx(G2, { className: Q("select-placeholder"), children: d }),
               J && /* @__PURE__ */ k.jsx("div", { className: Q("select-value"), children: F })
             ] }),
             /* @__PURE__ */ k.jsxs("div", { className: Q("controls"), children: [
@@ -2285,14 +2292,14 @@ const Q = q(o3), s3 = ({
                   variant: L2.TERTIARY
                 }
               ),
-              !m && /* @__PURE__ */ k.jsx(
+              !p && /* @__PURE__ */ k.jsx(
                 _,
                 {
                   type: "chevron",
                   className: Q("select-control-icon", { isOpened: w.isOpen })
                 }
               ),
-              m && /* @__PURE__ */ k.jsx(W1, { className: Q("select-control-loader") })
+              p && /* @__PURE__ */ k.jsx(P1, { className: Q("select-control-loader") })
             ] })
           ]
         }
@@ -2309,13 +2316,13 @@ const Q = q(o3), s3 = ({
           isWithSelectAll: f,
           isWithSearch: g,
           isMulti: Z,
-          searchPlaceholder: p,
+          searchPlaceholder: m,
           onSelectAll: y
         }
       )
     ] }),
     /* @__PURE__ */ k.jsx(
-      D1,
+      W1,
       {
         description: s,
         isError: n,
@@ -2335,11 +2342,11 @@ const Q = q(o3), s3 = ({
   disabled: s,
   ...i
 }) => {
-  const { control: S, watch: m, clearErrors: u } = a1(), { fieldState: p, field: a } = R1({ name: e, rules: C, control: S }), f = n ?? m(e), g = A(s), L = (h) => {
+  const { control: d, watch: p, clearErrors: S } = a1(), { fieldState: m, field: a } = R1({ name: e, rules: C, control: d }), f = n ?? p(e), g = A(s), L = (h) => {
     c && c(h), a.onChange(h);
   };
-  return O(() => {
-    s !== g.current && r && (u(e), g.current = s);
+  return G(() => {
+    s !== g.current && r && (S(e), g.current = s);
   }, [s, f]), /* @__PURE__ */ k.jsx(
     s3,
     {
@@ -2347,8 +2354,8 @@ const Q = q(o3), s3 = ({
       disabled: s,
       value: f,
       onChange: L,
-      isError: !!p?.error || l,
-      errorText: p?.error?.message || o,
+      isError: !!m?.error || l,
+      errorText: m?.error?.message || o,
       ...i
     }
   );
@@ -2370,10 +2377,10 @@ const Q = q(o3), s3 = ({
     hint: c,
     isError: s,
     errorText: i,
-    disabled: S,
-    onChangeValue: m,
-    className: u,
-    mask: p,
+    disabled: d,
+    onChangeValue: p,
+    className: S,
+    mask: m,
     replacementPlaceholder: a,
     replacement: f,
     onKeyDown: g,
@@ -2383,25 +2390,25 @@ const Q = q(o3), s3 = ({
     isTrimOnBlur: M,
     ...E
   }, w) => {
-    const [J, x] = z(!1), { apply: N, clean: y } = y2({ mask: p, replacement: f, replacementPlaceholder: a }), F = T(() => {
+    const [J, x] = z(!1), { apply: N, clean: y } = y2({ mask: m, replacement: f, replacementPlaceholder: a }), F = T(() => {
       if (e)
         return N(e);
     }, [e]), D = (K) => {
       K.code === "Space" && !L && K.preventDefault(), g?.(K);
     }, H = (K) => {
       const Y = y(K.target.value);
-      m?.(Y), o?.({
+      p?.(Y), o?.({
         ...K,
         target: { ...K.target, value: Y },
         currentTarget: { ...K.currentTarget, value: Y }
       });
     }, B = (K) => {
-      x(!1), M && e && m?.(e.trim()), l?.(K);
+      x(!1), M && e && p?.(e.trim()), l?.(K);
     }, R = (K) => {
       x(!0), C?.(K);
     };
-    return /* @__PURE__ */ k.jsxs("label", { className: k2(u, "textarea"), children: [
-      n && /* @__PURE__ */ k.jsx(O1, { caption: n, hint: c }),
+    return /* @__PURE__ */ k.jsxs("label", { className: k2(S, "textarea"), children: [
+      n && /* @__PURE__ */ k.jsx(q1, { caption: n, hint: c }),
       /* @__PURE__ */ k.jsx(
         "textarea",
         {
@@ -2413,7 +2420,7 @@ const Q = q(o3), s3 = ({
             isResizeableHorizontal: Z,
             isResizeableBoth: h && Z
           }),
-          disabled: S,
+          disabled: d,
           value: F,
           onFocus: R,
           onBlur: B,
@@ -2423,12 +2430,12 @@ const Q = q(o3), s3 = ({
         }
       ),
       /* @__PURE__ */ k.jsx(
-        D1,
+        W1,
         {
           description: r,
           isError: s,
           errorText: i,
-          disabled: S
+          disabled: d
         }
       )
     ] });
@@ -2445,26 +2452,26 @@ const A3 = ({
   disabled: c,
   ...s
 }) => {
-  const { control: i, clearErrors: S } = a1(), { fieldState: m, field: u } = R1({ name: e, rules: C, control: i }), p = A(c), a = (f) => {
-    n && n(f), u.onChange(f);
+  const { control: i, clearErrors: d } = a1(), { fieldState: p, field: S } = R1({ name: e, rules: C, control: i }), m = A(c), a = (f) => {
+    n && n(f), S.onChange(f);
   };
-  return O(() => {
-    c !== p.current && r && (S(e), p.current = c);
+  return G(() => {
+    c !== m.current && r && (d(e), m.current = c);
   }, [c]), /* @__PURE__ */ k.jsx(
     j2,
     {
-      ...u,
-      isError: !!m?.error || l,
-      errorText: m?.error?.message || o || "",
+      ...S,
+      isError: !!p?.error || l,
+      errorText: p?.error?.message || o || "",
       onChangeValue: a,
-      value: u.value,
+      value: S.value,
       disabled: c,
       ...s
     }
   );
 }, k3 = "Tooltip-module__tooltip___LjRUX", f3 = {
   tooltip: k3
-}, f2 = q(f3), P1 = ({
+}, f2 = q(f3), Q1 = ({
   id: e = "tooltip",
   children: C,
   text: l,
@@ -2474,21 +2481,21 @@ const A3 = ({
   placementSide: c,
   placementAlignment: s
 }) => {
-  const i = A(null), S = I2(), m = () => {
-    o || S.open();
-  }, u = () => {
-    S.close();
+  const i = A(null), d = I2(), p = () => {
+    o || d.open();
+  }, S = () => {
+    d.close();
   };
   return /* @__PURE__ */ k.jsxs(
     "div",
     {
       className: f2(n),
       ref: i,
-      onMouseEnter: m,
-      onMouseLeave: u,
+      onMouseEnter: p,
+      onMouseLeave: S,
       children: [
         C,
-        S.isOpen && /* @__PURE__ */ k.jsx(
+        d.isOpen && /* @__PURE__ */ k.jsx(
           A2,
           {
             className: f2("tooltip"),
@@ -2502,7 +2509,7 @@ const A3 = ({
             closeOnScroll: !0,
             width: "min(fit-content, 100%)",
             gap: r,
-            onClose: S.close,
+            onClose: d.close,
             children: l
           }
         )
@@ -2513,7 +2520,7 @@ const A3 = ({
   "text-shorter": "TextShorter-module__text-shorter___2XK8d",
   content: v3,
   isHidden: w3
-}, b1 = q(J3), G2 = ({
+}, B1 = q(J3), G2 = ({
   tooltip: e = !0,
   className: C,
   children: l,
@@ -2522,10 +2529,10 @@ const A3 = ({
   const n = /* @__PURE__ */ k.jsx(k.Fragment, { children: l }), [r, c] = z(!1), s = (i) => {
     c(i.currentTarget.scrollWidth > i.currentTarget.clientWidth);
   };
-  return e && r ? /* @__PURE__ */ k.jsx("div", { className: b1(C, "text-shorter"), children: /* @__PURE__ */ k.jsx(P1, { id: o, text: n, children: /* @__PURE__ */ k.jsx("div", { className: b1("content"), onMouseEnter: e ? s : void 0, children: l }) }) }) : /* @__PURE__ */ k.jsx(
+  return e && r ? /* @__PURE__ */ k.jsx("div", { className: B1(C, "text-shorter"), children: /* @__PURE__ */ k.jsx(Q1, { id: o, text: n, children: /* @__PURE__ */ k.jsx("div", { className: B1("content"), onMouseEnter: e ? s : void 0, children: l }) }) }) : /* @__PURE__ */ k.jsx(
     "div",
     {
-      className: b1(C, "content", "text-shorter"),
+      className: B1(C, "content", "text-shorter"),
       onMouseEnter: e ? s : void 0,
       children: l
     }
@@ -2535,13 +2542,13 @@ export {
   R5 as Button,
   E2 as ButtonSizes,
   L2 as ButtonVariants,
-  O1 as Caption,
-  q1 as Checkbox,
+  q1 as Caption,
+  F1 as Checkbox,
   h2 as CheckboxCaptionPosition,
   Y7 as CheckboxSizes,
-  B1 as CheckboxVariants,
-  j1 as DEFAULT_MASK_PLACEHOLDER,
-  D1 as Description,
+  A1 as CheckboxVariants,
+  G1 as DEFAULT_MASK_PLACEHOLDER,
+  W1 as Description,
   I3 as Form,
   y3 as FormCheckbox,
   b3 as FormInput,
@@ -2553,7 +2560,7 @@ export {
   k1 as IconSize,
   B2 as Input,
   b2 as InputSizes,
-  W1 as Loader,
+  P1 as Loader,
   c5 as PlacementAlignment,
   J2 as PlacementSide,
   A2 as Popover,
@@ -2566,10 +2573,10 @@ export {
   i5 as THOUSAND_SEPARATOR_REGEXP,
   G2 as TextShorter,
   j2 as Textarea,
-  P1 as Tooltip,
+  Q1 as Tooltip,
   M1 as UI_KIT_NS,
   q as bindStyles,
-  $1 as clamp,
+  e2 as clamp,
   s5 as computeCoordsFromPlacement,
   E3 as convertScientificNumberToString,
   a5 as convertThousands,