@scbt-ecom/ui 0.11.2 → 0.12.0

package/dist/client.js

@@ -1,4 +1,4 @@
-import { j as b, u as Mt, S as Ph, d as nr, e as Ln, f as ms, h as Je, k as ze, l as gs, m as fE, c as R, I as He, n as Jb, o as pE, D as hE, C as mE, p as gE, q as vE, r as bE, i as yE, t as xE, H as vs, a as Vl, b as CE, v as Bl, w as SE, x as yo, y as wE, E as Ub, F as Dc, G as Nc, J as EE, K as IE, M as AE, N as TE, O as kE, Q as Kb, P as qb, z as ME, g as OE, _ as vi, L as RE, B as qu, A as Qb, R as Mf, s as PE } from "./Advantages-BekdFZ62.js";
+import { j as b, u as Mt, S as Ph, d as nr, e as Ln, f as ms, h as Je, k as ze, l as gs, m as fE, c as O, I as He, n as Jb, o as pE, D as hE, C as mE, p as gE, q as vE, r as bE, i as yE, t as xE, H as vs, a as Vl, b as CE, v as Bl, w as SE, x as yo, y as wE, E as Ub, F as Dc, G as Nc, J as EE, K as IE, M as AE, N as TE, O as kE, Q as Kb, P as qb, z as ME, g as OE, _ as vi, L as RE, B as qu, A as Qb, R as Mf, s as PE } from "./Advantages-BekdFZ62.js";
 import * as w from "react";
 import Y, { useCallback as he, useSyncExternalStore as Qu, createContext as tt, useContext as Me, useId as gn, useEffect as Oe, Component as ey, useLayoutEffect as to, useRef as fe, useInsertionEffect as ty, useMemo as Ie, forwardRef as rr, Fragment as Xt, createElement as ny, Children as DE, isValidElement as ry, useState as Re, cloneElement as NE, useReducer as Of, createRef as FE, useDebugValue as iy, useImperativeHandle as VE } from "react";
 import { queryOptions as BE, keepPreviousData as LE, useQuery as jE } from "@tanstack/react-query";
@@ -410,22 +410,22 @@ function xy(t) {
 }
 var oI = uy, sI = hy, aI = gy, lI = vy, cI = yy;
 const Cy = w.forwardRef(
-  ({ children: t, classes: e, ...n }, r) => /* @__PURE__ */ b.jsx(aI, { className: R("rounded-sm bg-color-primary-light-default", e == null ? void 0 : e.header), children: /* @__PURE__ */ b.jsxs(
+  ({ children: t, classes: e, ...n }, r) => /* @__PURE__ */ b.jsx(aI, { className: O("rounded-sm bg-color-primary-light-default", e == null ? void 0 : e.header), children: /* @__PURE__ */ b.jsxs(
     lI,
     {
       ref: r,
-      className: R(
+      className: O(
         "group flex w-full cursor-pointer items-center justify-between gap-5 rounded-sm border border-solid border-transparent bg-color-transparent px-6 py-5 outline-0 focus:border-primary-default",
         e == null ? void 0 : e.trigger
       ),
       ...n,
       children: [
-        /* @__PURE__ */ b.jsx("div", { className: R("desk-body-medium-l text-color-dark", e == null ? void 0 : e.inner), children: t }),
+        /* @__PURE__ */ b.jsx("div", { className: O("desk-body-medium-l text-color-dark", e == null ? void 0 : e.inner), children: t }),
         /* @__PURE__ */ b.jsx(
           He,
           {
             name: "arrows/arrowCircle",
-            className: R(
+            className: O(
               "size-8 rotate-180 text-icon-blue-grey-800 transition-all group-data-[state=open]:rotate-0",
               e == null ? void 0 : e.icon
             )
@@ -436,16 +436,16 @@ const Cy = w.forwardRef(
   ) })
 );
 Cy.displayName = "AccordionHeader";
-const uI = ({ children: t, label: e, classes: n, defaultOpen: r }) => /* @__PURE__ */ b.jsx(oI, { className: R("flex flex-col gap-5", n == null ? void 0 : n.accordion), type: "multiple", defaultValue: r, children: /* @__PURE__ */ b.jsxs(sI, { className: R("w-full disabled:text-color-dark", n == null ? void 0 : n.item), value: e.toString(), children: [
+const uI = ({ children: t, label: e, classes: n, defaultOpen: r }) => /* @__PURE__ */ b.jsx(oI, { className: O("flex flex-col gap-5", n == null ? void 0 : n.accordion), type: "multiple", defaultValue: r, children: /* @__PURE__ */ b.jsxs(sI, { className: O("w-full disabled:text-color-dark", n == null ? void 0 : n.item), value: e.toString(), children: [
   /* @__PURE__ */ b.jsx(Cy, { classes: n, children: e }),
   /* @__PURE__ */ b.jsx(
     cI,
     {
-      className: R(
+      className: O(
         "desk-body-regular-l overflow-hidden bg-color-transparent text-color-dark transition-all data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown",
         n == null ? void 0 : n.content
       ),
-      children: /* @__PURE__ */ b.jsx("div", { className: R("p-6", n == null ? void 0 : n.contentInner), children: t })
+      children: /* @__PURE__ */ b.jsx("div", { className: O("p-6", n == null ? void 0 : n.contentInner), children: t })
     }
   )
 ] }) });
@@ -1370,24 +1370,24 @@ function ZI(t = {}) {
       });
     }
   }, v = (E, A) => {
-    !e.disabled && (u.isValidating || u.validatingFields) && ((E || Array.from(a.mount)).forEach((O) => {
-      O && (A ? Ge(n.validatingFields, O, A) : dt(n.validatingFields, O));
+    !e.disabled && (u.isValidating || u.validatingFields) && ((E || Array.from(a.mount)).forEach((R) => {
+      R && (A ? Ge(n.validatingFields, R, A) : dt(n.validatingFields, R));
     }), d.state.next({
       validatingFields: n.validatingFields,
       isValidating: !jt(n.validatingFields)
     }));
-  }, y = (E, A = [], O, Q, H = !0, z = !0) => {
-    if (Q && O && !e.disabled) {
+  }, y = (E, A = [], R, Q, H = !0, z = !0) => {
+    if (Q && R && !e.disabled) {
       if (s.action = !0, z && Array.isArray(oe(r, E))) {
-        const N = O(oe(r, E), Q.argA, Q.argB);
+        const N = R(oe(r, E), Q.argA, Q.argB);
         H && Ge(r, E, N);
       }
       if (z && Array.isArray(oe(n.errors, E))) {
-        const N = O(oe(n.errors, E), Q.argA, Q.argB);
+        const N = R(oe(n.errors, E), Q.argA, Q.argB);
         H && Ge(n.errors, E, N), XI(n.errors, E);
       }
       if (u.touchedFields && z && Array.isArray(oe(n.touchedFields, E))) {
-        const N = O(oe(n.touchedFields, E), Q.argA, Q.argB);
+        const N = R(oe(n.touchedFields, E), Q.argA, Q.argB);
         H && Ge(n.touchedFields, E, N);
       }
       u.dirtyFields && (n.dirtyFields = lo(i, o)), d.state.next({
@@ -1408,34 +1408,34 @@ function ZI(t = {}) {
       errors: n.errors,
       isValid: !1
     });
-  }, x = (E, A, O, Q) => {
+  }, x = (E, A, R, Q) => {
     const H = oe(r, E);
     if (H) {
-      const z = oe(o, E, qe(O) ? oe(i, E) : O);
+      const z = oe(o, E, qe(R) ? oe(i, E) : R);
       qe(z) || Q && Q.defaultChecked || A ? Ge(o, E, A ? z : Bc(H._f)) : J(E, z), s.mount && g();
     }
-  }, I = (E, A, O, Q, H) => {
+  }, I = (E, A, R, Q, H) => {
     let z = !1, N = !1;
     const Z = {
       name: E
     };
     if (!e.disabled) {
       const pe = !!(oe(r, E) && oe(r, E)._f && oe(r, E)._f.disabled);
-      if (!O || Q) {
+      if (!R || Q) {
         u.isDirty && (N = n.isDirty, n.isDirty = Z.isDirty = V(), z = N !== Z.isDirty);
         const Se = pe || hr(oe(i, E), A);
         N = !!(!pe && oe(n.dirtyFields, E)), Se || pe ? dt(n.dirtyFields, E) : Ge(n.dirtyFields, E, !0), Z.dirtyFields = n.dirtyFields, z = z || u.dirtyFields && N !== !Se;
       }
-      if (O) {
+      if (R) {
         const Se = oe(n.touchedFields, E);
-        Se || (Ge(n.touchedFields, E, O), Z.touchedFields = n.touchedFields, z = z || u.touchedFields && Se !== O);
+        Se || (Ge(n.touchedFields, E, R), Z.touchedFields = n.touchedFields, z = z || u.touchedFields && Se !== R);
       }
       z && H && d.state.next(Z);
     }
     return z ? Z : {};
-  }, k = (E, A, O, Q) => {
+  }, k = (E, A, R, Q) => {
     const H = oe(n.errors, E), z = u.isValid && Ht(A) && n.isValid !== A;
-    if (e.delayError && O ? (l = m(() => C(E, O)), l(e.delayError)) : (clearTimeout(c), l = null, O ? Ge(n.errors, E, O) : dt(n.errors, E)), (O ? !hr(H, O) : H) || !jt(Q) || z) {
+    if (e.delayError && R ? (l = m(() => C(E, R)), l(e.delayError)) : (clearTimeout(c), l = null, R ? Ge(n.errors, E, R) : dt(n.errors, E)), (R ? !hr(H, R) : H) || !jt(Q) || z) {
       const N = {
         ...Q,
         ...z && Ht(A) ? { isValid: A } : {},
@@ -1454,14 +1454,14 @@ function ZI(t = {}) {
   }, M = async (E) => {
     const { errors: A } = await T(E);
     if (E)
-      for (const O of E) {
-        const Q = oe(A, O);
-        Q ? Ge(n.errors, O, Q) : dt(n.errors, O);
+      for (const R of E) {
+        const Q = oe(A, R);
+        Q ? Ge(n.errors, R, Q) : dt(n.errors, R);
       }
     else
       n.errors = A;
     return A;
-  }, L = async (E, A, O = {
+  }, L = async (E, A, R = {
     valid: !0
   }) => {
     for (const Q in E) {
@@ -1472,23 +1472,23 @@ function ZI(t = {}) {
           const Z = a.array.has(z.name), pe = H._f && HI(H._f);
           pe && u.validatingFields && v([Q], !0);
           const Se = await Gh(H, o, h, e.shouldUseNativeValidation && !A, Z);
-          if (pe && u.validatingFields && v([Q]), Se[z.name] && (O.valid = !1, A))
+          if (pe && u.validatingFields && v([Q]), Se[z.name] && (R.valid = !1, A))
             break;
           !A && (oe(Se, z.name) ? Z ? LI(n.errors, Se, z.name) : Ge(n.errors, z.name, Se[z.name]) : dt(n.errors, z.name));
         }
-        !jt(N) && await L(N, A, O);
+        !jt(N) && await L(N, A, R);
       }
     }
-    return O.valid;
+    return R.valid;
   }, W = () => {
     for (const E of a.unMount) {
       const A = oe(r, E);
-      A && (A._f.refs ? A._f.refs.every((O) => !Vc(O)) : !Vc(A._f.ref)) && re(E);
+      A && (A._f.refs ? A._f.refs.every((R) => !Vc(R)) : !Vc(A._f.ref)) && re(E);
     }
     a.unMount = /* @__PURE__ */ new Set();
-  }, V = (E, A) => !e.disabled && (E && A && Ge(o, E, A), !hr($(), i)), B = (E, A, O) => jy(E, a, {
+  }, V = (E, A) => !e.disabled && (E && A && Ge(o, E, A), !hr($(), i)), B = (E, A, R) => jy(E, a, {
     ...s.mount ? o : qe(A) ? i : Mn(E) ? { [E]: A } : A
-  }, O, A), G = (E) => Xl(oe(s.mount ? o : i, E, e.shouldUnregister ? oe(i, E, []) : [])), J = (E, A, O = {}) => {
+  }, R, A), G = (E) => Xl(oe(s.mount ? o : i, E, e.shouldUnregister ? oe(i, E, []) : [])), J = (E, A, R = {}) => {
     const Q = oe(r, E);
     let H = A;
     if (Q) {
@@ -1498,76 +1498,76 @@ function ZI(t = {}) {
         values: { ...o }
       })));
     }
-    (O.shouldDirty || O.shouldTouch) && I(E, H, O.shouldTouch, O.shouldDirty, !0), O.shouldValidate && P(E);
-  }, F = (E, A, O) => {
+    (R.shouldDirty || R.shouldTouch) && I(E, H, R.shouldTouch, R.shouldDirty, !0), R.shouldValidate && P(E);
+  }, F = (E, A, R) => {
     for (const Q in A) {
       const H = A[Q], z = `${E}.${Q}`, N = oe(r, z);
-      (a.array.has(E) || st(H) || N && !N._f) && !Zr(H) ? F(z, H, O) : J(z, H, O);
+      (a.array.has(E) || st(H) || N && !N._f) && !Zr(H) ? F(z, H, R) : J(z, H, R);
     }
-  }, j = (E, A, O = {}) => {
+  }, j = (E, A, R = {}) => {
     const Q = oe(r, E), H = a.array.has(E), z = Lt(A);
     Ge(o, E, z), H ? (d.array.next({
       name: E,
       values: { ...o }
-    }), (u.isDirty || u.dirtyFields) && O.shouldDirty && d.state.next({
+    }), (u.isDirty || u.dirtyFields) && R.shouldDirty && d.state.next({
       name: E,
       dirtyFields: lo(i, o),
       isDirty: V(E, z)
-    })) : Q && !Q._f && !Dt(z) ? F(E, z, O) : J(E, z, O), Fh(E, a) && d.state.next({ ...n }), d.values.next({
+    })) : Q && !Q._f && !Dt(z) ? F(E, z, R) : J(E, z, R), Fh(E, a) && d.state.next({ ...n }), d.values.next({
       name: s.mount ? E : void 0,
       values: { ...o }
     });
   }, ee = async (E) => {
     s.mount = !0;
     const A = E.target;
-    let O = A.name, Q = !0;
-    const H = oe(r, O), z = () => A.type ? Bc(H._f) : Dy(E), N = (Z) => {
-      Q = Number.isNaN(Z) || Zr(Z) && isNaN(Z.getTime()) || hr(Z, oe(o, O, Z));
+    let R = A.name, Q = !0;
+    const H = oe(r, R), z = () => A.type ? Bc(H._f) : Dy(E), N = (Z) => {
+      Q = Number.isNaN(Z) || Zr(Z) && isNaN(Z.getTime()) || hr(Z, oe(o, R, Z));
     };
     if (H) {
       let Z, pe;
-      const Se = z(), Ze = E.type === wa.BLUR || E.type === wa.FOCUS_OUT, xn = !$I(H._f) && !e.resolver && !oe(n.errors, O) && !H._f.deps || WI(Ze, oe(n.touchedFields, O), n.isSubmitted, p, f), qt = Fh(O, a, Ze);
-      Ge(o, O, Se), Ze ? (H._f.onBlur && H._f.onBlur(E), l && l(0)) : H._f.onChange && H._f.onChange(E);
-      const jn = I(O, Se, Ze, !1), Lr = !jt(jn) || qt;
+      const Se = z(), Ze = E.type === wa.BLUR || E.type === wa.FOCUS_OUT, xn = !$I(H._f) && !e.resolver && !oe(n.errors, R) && !H._f.deps || WI(Ze, oe(n.touchedFields, R), n.isSubmitted, p, f), qt = Fh(R, a, Ze);
+      Ge(o, R, Se), Ze ? (H._f.onBlur && H._f.onBlur(E), l && l(0)) : H._f.onChange && H._f.onChange(E);
+      const jn = I(R, Se, Ze, !1), Lr = !jt(jn) || qt;
       if (!Ze && d.values.next({
-        name: O,
+        name: R,
         type: E.type,
         values: { ...o }
       }), xn)
-        return u.isValid && (e.mode === "onBlur" ? Ze && g() : g()), Lr && d.state.next({ name: O, ...qt ? {} : jn });
+        return u.isValid && (e.mode === "onBlur" ? Ze && g() : g()), Lr && d.state.next({ name: R, ...qt ? {} : jn });
       if (!Ze && qt && d.state.next({ ...n }), e.resolver) {
-        const { errors: Bt } = await T([O]);
+        const { errors: Bt } = await T([R]);
         if (N(Se), Q) {
-          const Cn = _h(n.errors, r, O), ar = _h(Bt, r, Cn.name || O);
-          Z = ar.error, O = ar.name, pe = jt(Bt);
+          const Cn = _h(n.errors, r, R), ar = _h(Bt, r, Cn.name || R);
+          Z = ar.error, R = ar.name, pe = jt(Bt);
         }
       } else
-        v([O], !0), Z = (await Gh(H, o, h, e.shouldUseNativeValidation))[O], v([O]), N(Se), Q && (Z ? pe = !1 : u.isValid && (pe = await L(r, !0)));
-      Q && (H._f.deps && P(H._f.deps), k(O, pe, Z, jn));
+        v([R], !0), Z = (await Gh(H, o, h, e.shouldUseNativeValidation))[R], v([R]), N(Se), Q && (Z ? pe = !1 : u.isValid && (pe = await L(r, !0)));
+      Q && (H._f.deps && P(H._f.deps), k(R, pe, Z, jn));
     }
   }, ie = (E, A) => {
     if (oe(n.errors, A) && E.focus)
       return E.focus(), 1;
   }, P = async (E, A = {}) => {
-    let O, Q;
+    let R, Q;
     const H = ko(E);
     if (e.resolver) {
       const z = await M(qe(E) ? E : H);
-      O = jt(z), Q = E ? !H.some((N) => oe(z, N)) : O;
+      R = jt(z), Q = E ? !H.some((N) => oe(z, N)) : R;
     } else E ? (Q = (await Promise.all(H.map(async (z) => {
       const N = oe(r, z);
       return await L(N && N._f ? { [z]: N } : N);
-    }))).every(Boolean), !(!Q && !n.isValid) && g()) : Q = O = await L(r);
+    }))).every(Boolean), !(!Q && !n.isValid) && g()) : Q = R = await L(r);
     return d.state.next({
-      ...!Mn(E) || u.isValid && O !== n.isValid ? {} : { name: E },
-      ...e.resolver || !E ? { isValid: O } : {},
+      ...!Mn(E) || u.isValid && R !== n.isValid ? {} : { name: E },
+      ...e.resolver || !E ? { isValid: R } : {},
       errors: n.errors
     }), A.shouldFocus && !Q && Mo(r, ie, E ? H : a.mount), Q;
   }, $ = (E) => {
     const A = {
       ...s.mount ? o : i
     };
-    return qe(E) ? A : Mn(E) ? oe(A, E) : E.map((O) => oe(A, O));
+    return qe(E) ? A : Mn(E) ? oe(A, E) : E.map((R) => oe(A, R));
   }, X = (E, A) => ({
     invalid: !!oe((A || n).errors, E),
     isDirty: !!oe((A || n).dirtyFields, E),
@@ -1578,7 +1578,7 @@ function ZI(t = {}) {
     E && ko(E).forEach((A) => dt(n.errors, A)), d.state.next({
       errors: E ? n.errors : {}
     });
-  }, ne = (E, A, O) => {
+  }, ne = (E, A, R) => {
     const Q = (oe(r, E, { _f: {} })._f || {}).ref, H = oe(n.errors, E) || {}, { ref: z, message: N, type: Z, ...pe } = H;
     Ge(n.errors, E, {
       ...pe,
@@ -1588,36 +1588,36 @@ function ZI(t = {}) {
       name: E,
       errors: n.errors,
       isValid: !1
-    }), O && O.shouldFocus && Q && Q.focus && Q.focus();
+    }), R && R.shouldFocus && Q && Q.focus && Q.focus();
   }, ae = (E, A) => kn(E) ? d.values.subscribe({
-    next: (O) => E(B(void 0, A), O)
+    next: (R) => E(B(void 0, A), R)
   }) : B(E, A, !0), re = (E, A = {}) => {
-    for (const O of E ? ko(E) : a.mount)
-      a.mount.delete(O), a.array.delete(O), A.keepValue || (dt(r, O), dt(o, O)), !A.keepError && dt(n.errors, O), !A.keepDirty && dt(n.dirtyFields, O), !A.keepTouched && dt(n.touchedFields, O), !A.keepIsValidating && dt(n.validatingFields, O), !e.shouldUnregister && !A.keepDefaultValue && dt(i, O);
+    for (const R of E ? ko(E) : a.mount)
+      a.mount.delete(R), a.array.delete(R), A.keepValue || (dt(r, R), dt(o, R)), !A.keepError && dt(n.errors, R), !A.keepDirty && dt(n.dirtyFields, R), !A.keepTouched && dt(n.touchedFields, R), !A.keepIsValidating && dt(n.validatingFields, R), !e.shouldUnregister && !A.keepDefaultValue && dt(i, R);
     d.values.next({
       values: { ...o }
     }), d.state.next({
       ...n,
       ...A.keepDirty ? { isDirty: V() } : {}
     }), !A.keepIsValid && g();
-  }, se = ({ disabled: E, name: A, field: O, fields: Q, value: H }) => {
+  }, se = ({ disabled: E, name: A, field: R, fields: Q, value: H }) => {
     if (Ht(E) && s.mount || E) {
-      const z = E ? void 0 : qe(H) ? Bc(O ? O._f : oe(Q, A)._f) : H;
+      const z = E ? void 0 : qe(H) ? Bc(R ? R._f : oe(Q, A)._f) : H;
       (E || !E && !qe(z)) && Ge(o, A, z), I(A, z, !1, !1, !0);
     }
   }, ce = (E, A = {}) => {
-    let O = oe(r, E);
+    let R = oe(r, E);
     const Q = Ht(A.disabled) || Ht(e.disabled);
     return Ge(r, E, {
-      ...O || {},
+      ...R || {},
       _f: {
-        ...O && O._f ? O._f : { ref: { name: E } },
+        ...R && R._f ? R._f : { ref: { name: E } },
         name: E,
         mount: !0,
         ...A
       }
-    }), a.mount.add(E), O ? se({
-      field: O,
+    }), a.mount.add(E), R ? se({
+      field: R,
       disabled: Ht(A.disabled) ? A.disabled : e.disabled,
       name: E,
       value: A.value
@@ -1636,13 +1636,13 @@ function ZI(t = {}) {
       onBlur: ee,
       ref: (H) => {
         if (H) {
-          ce(E, A), O = oe(r, E);
-          const z = qe(H.value) && H.querySelectorAll && H.querySelectorAll("input,select,textarea")[0] || H, N = zI(z), Z = O._f.refs || [];
-          if (N ? Z.find((pe) => pe === z) : z === O._f.ref)
+          ce(E, A), R = oe(r, E);
+          const z = qe(H.value) && H.querySelectorAll && H.querySelectorAll("input,select,textarea")[0] || H, N = zI(z), Z = R._f.refs || [];
+          if (N ? Z.find((pe) => pe === z) : z === R._f.ref)
             return;
           Ge(r, E, {
             _f: {
-              ...O._f,
+              ...R._f,
               ...N ? {
                 refs: [
                   ...Z.filter(Vc),
@@ -1654,20 +1654,20 @@ function ZI(t = {}) {
             }
           }), x(E, !1, void 0, z);
         } else
-          O = oe(r, E, {}), O._f && (O._f.mount = !1), (e.shouldUnregister || A.shouldUnregister) && !(Ny(a.array, E) && s.action) && a.unMount.add(E);
+          R = oe(r, E, {}), R._f && (R._f.mount = !1), (e.shouldUnregister || A.shouldUnregister) && !(Ny(a.array, E) && s.action) && a.unMount.add(E);
       }
     };
   }, me = () => e.shouldFocusError && Mo(r, ie, a.mount), ye = (E) => {
-    Ht(E) && (d.state.next({ disabled: E }), Mo(r, (A, O) => {
-      const Q = oe(r, O);
+    Ht(E) && (d.state.next({ disabled: E }), Mo(r, (A, R) => {
+      const Q = oe(r, R);
       Q && (A.disabled = Q._f.disabled || E, Array.isArray(Q._f.refs) && Q._f.refs.forEach((H) => {
         H.disabled = Q._f.disabled || E;
       }));
     }, 0, !1));
-  }, Pe = (E, A) => async (O) => {
+  }, Pe = (E, A) => async (R) => {
     let Q;
-    if (O && (O.preventDefault && O.preventDefault(), O.persist && O.persist()), e.disabled) {
-      A && await A({ ...n.errors }, O);
+    if (R && (R.preventDefault && R.preventDefault(), R.persist && R.persist()), e.disabled) {
+      A && await A({ ...n.errors }, R);
       return;
     }
     let H = Lt(o);
@@ -1683,12 +1683,12 @@ function ZI(t = {}) {
         errors: {}
       });
       try {
-        await E(H, O);
+        await E(H, R);
       } catch (z) {
         Q = z;
       }
     } else
-      A && await A({ ...n.errors }, O), me(), setTimeout(me);
+      A && await A({ ...n.errors }, R), me(), setTimeout(me);
     if (d.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
@@ -1700,8 +1700,8 @@ function ZI(t = {}) {
   }, D = (E, A = {}) => {
     oe(r, E) && (qe(A.defaultValue) ? j(E, Lt(oe(i, E))) : (j(E, A.defaultValue), Ge(i, E, Lt(A.defaultValue))), A.keepTouched || dt(n.touchedFields, E), A.keepDirty || (dt(n.dirtyFields, E), n.isDirty = A.defaultValue ? V(E, Lt(oe(i, E))) : V()), A.keepError || (dt(n.errors, E), u.isValid && g()), d.state.next({ ...n }));
   }, _e = (E, A = {}) => {
-    const O = E ? Lt(E) : i, Q = Lt(O), H = jt(E), z = H ? i : Q;
-    if (A.keepDefaultValues || (i = O), !A.keepValues) {
+    const R = E ? Lt(E) : i, Q = Lt(R), H = jt(E), z = H ? i : Q;
+    if (A.keepDefaultValues || (i = R), !A.keepValues) {
       if (A.keepDirtyValues) {
         const N = /* @__PURE__ */ new Set([
           ...a.mount,
@@ -1830,7 +1830,7 @@ function ZI(t = {}) {
     unregister: re,
     setError: ne,
     setFocus: (E, A = {}) => {
-      const O = oe(r, E), Q = O && O._f;
+      const R = oe(r, E), Q = R && R._f;
       if (Q) {
         const H = Q.refs ? Q.refs[0] : Q.ref;
         H.focus && (H.focus(), A.shouldSelect && kn(H.select) && H.select());
@@ -1977,12 +1977,12 @@ const Q$ = ({ schema: t, ...e }) => JI({
 }) => {
   const [c, u] = w.useState(!1), d = w.useRef(null), { isMobile: f } = Wl();
   return Ry(d, () => u(!1)), /* @__PURE__ */ b.jsx(TI, { children: /* @__PURE__ */ b.jsx(kI, { open: c, onOpenChange: u, defaultOpen: s, delayDuration: n, children: /* @__PURE__ */ b.jsxs("div", { onClick: () => u(!!f), children: [
-    /* @__PURE__ */ b.jsx(MI, { asChild: !0, className: R("cursor-pointer", a == null ? void 0 : a.trigger), children: t }),
+    /* @__PURE__ */ b.jsx(MI, { asChild: !0, className: O("cursor-pointer", a == null ? void 0 : a.trigger), children: t }),
     /* @__PURE__ */ b.jsxs(
       OI,
       {
         onPointerDownOutside: (p) => p.preventDefault(),
-        className: R(
+        className: O(
           "desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm",
           a == null ? void 0 : a.content
         ),
@@ -1993,7 +1993,7 @@ const Q$ = ({ schema: t, ...e }) => JI({
         ...l,
         children: [
           e,
-          /* @__PURE__ */ b.jsx(RI, { width: 12, height: 6, className: R("fill-white", a == null ? void 0 : a.arrow) })
+          /* @__PURE__ */ b.jsx(RI, { width: 12, height: 6, className: O("fill-white", a == null ? void 0 : a.arrow) })
         ]
       }
     )
@@ -2357,13 +2357,13 @@ const tW = ({ renderContent: t, defaultActiveTabId: e = "1", value: n, onChangeT
       value: n,
       onValueChange: r,
       defaultValue: e,
-      className: R("flex flex-col", i == null ? void 0 : i.root),
+      className: O("flex flex-col", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ b.jsx(bA, { "aria-label": "Manage your account", className: R("flex items-center gap-4", i == null ? void 0 : i.list), children: (o = t == null ? void 0 : t.triggers) == null ? void 0 : o.map(({ id: a, label: l }) => /* @__PURE__ */ b.jsx(
+        /* @__PURE__ */ b.jsx(bA, { "aria-label": "Manage your account", className: O("flex items-center gap-4", i == null ? void 0 : i.list), children: (o = t == null ? void 0 : t.triggers) == null ? void 0 : o.map(({ id: a, label: l }) => /* @__PURE__ */ b.jsx(
           yA,
           {
             value: a,
-            className: R(
+            className: O(
               'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',
               i == null ? void 0 : i.trigger
             ),
@@ -2371,7 +2371,7 @@ const tW = ({ renderContent: t, defaultActiveTabId: e = "1", value: n, onChangeT
           },
           a
         )) }),
-        /* @__PURE__ */ b.jsx("div", { className: R("flex flex-col gap-4", i == null ? void 0 : i.contentsWrapper), children: (s = t == null ? void 0 : t.contents) == null ? void 0 : s.map(({ id: a, body: l, accordion: c }) => c && (c != null && c.title) ? /* @__PURE__ */ b.jsx($h, { value: a, className: R("py-8", i == null ? void 0 : i.content), children: /* @__PURE__ */ b.jsx(uI, { label: c == null ? void 0 : c.title, children: l }) }, a) : /* @__PURE__ */ b.jsx($h, { value: a, className: R("py-8", i == null ? void 0 : i.content), children: l }, a)) })
+        /* @__PURE__ */ b.jsx("div", { className: O("flex flex-col gap-4", i == null ? void 0 : i.contentsWrapper), children: (s = t == null ? void 0 : t.contents) == null ? void 0 : s.map(({ id: a, body: l, accordion: c }) => c && (c != null && c.title) ? /* @__PURE__ */ b.jsx($h, { value: a, className: O("py-8", i == null ? void 0 : i.content), children: /* @__PURE__ */ b.jsx(uI, { label: c == null ? void 0 : c.title, children: l }) }, a) : /* @__PURE__ */ b.jsx($h, { value: a, className: O("py-8", i == null ? void 0 : i.content), children: l }, a)) })
       ]
     }
   );
@@ -7152,14 +7152,14 @@ const _O = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
   animate: { opacity: 1, scale: 1 },
   exit: { opacity: 0, scale: 0 },
   transition: { duration: 0.3, ease: "easeInOut" }
-}, WO = ({ title: t, closeModal: e, classes: n }) => /* @__PURE__ */ b.jsxs("div", { className: R("flex items-start justify-between gap-4", n == null ? void 0 : n.header), children: [
-  t && /* @__PURE__ */ b.jsx(vs, { as: "h3", className: R("flex-1 text-color-dark", n == null ? void 0 : n.title), children: t }),
+}, WO = ({ title: t, closeModal: e, classes: n }) => /* @__PURE__ */ b.jsxs("div", { className: O("flex items-start justify-between gap-4", n == null ? void 0 : n.header), children: [
+  t && /* @__PURE__ */ b.jsx(vs, { as: "h3", className: O("flex-1 text-color-dark", n == null ? void 0 : n.title), children: t }),
   /* @__PURE__ */ b.jsx(
     He,
     {
       onClick: e,
       name: "general/close",
-      className: R("size-8 cursor-pointer text-icon-dark-hover", n == null ? void 0 : n.icon)
+      className: O("size-8 cursor-pointer text-icon-dark-hover", n == null ? void 0 : n.icon)
     }
   )
 ] }), iW = ({
@@ -7176,7 +7176,7 @@ const _O = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
     {
       tabIndex: -1,
       onClick: o,
-      className: R(
+      className: O(
         "z-1000 fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay",
         s == null ? void 0 : s.overlay
       ),
@@ -7188,14 +7188,14 @@ const _O = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
         rg.div,
         {
           onClick: (c) => c.stopPropagation(),
-          className: R(
+          className: O(
             "w-full max-w-[600px] rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8",
             s == null ? void 0 : s.modal
           ),
           ...$O,
           children: [
             /* @__PURE__ */ b.jsx(WO, { title: t, closeModal: o, classes: s }),
-            /* @__PURE__ */ b.jsx("div", { className: R("mt-4", s == null ? void 0 : s.content), children: e })
+            /* @__PURE__ */ b.jsx("div", { className: O("mt-4", s == null ? void 0 : s.content), children: e })
           ]
         }
       )
@@ -7591,7 +7591,7 @@ const FR = Vl(
       intent: "info"
     }
   }
-), ag = ({ intent: t, text: e, customIcon: n, closure: r = !0, content: i, id: o }) => /* @__PURE__ */ b.jsxs("div", { className: R(FR({ intent: t })), children: [
+), ag = ({ intent: t, text: e, customIcon: n, closure: r = !0, content: i, id: o }) => /* @__PURE__ */ b.jsxs("div", { className: O(FR({ intent: t })), children: [
   /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ b.jsx("span", { className: "size-6", children: n }),
     /* @__PURE__ */ b.jsx("div", { className: "desk-body-regular-m text-color-white", children: e })
@@ -7626,11 +7626,11 @@ const FR = Vl(
       }
     }
   );
-}, BR = ({ keyList: t, classes: e }) => /* @__PURE__ */ b.jsx("div", { className: R("flex items-center gap-1", e == null ? void 0 : e.root), children: t == null ? void 0 : t.map((n, r) => /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center gap-1", e == null ? void 0 : e.keys), children: [
+}, BR = ({ keyList: t, classes: e }) => /* @__PURE__ */ b.jsx("div", { className: O("flex items-center gap-1", e == null ? void 0 : e.root), children: t == null ? void 0 : t.map((n, r) => /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center gap-1", e == null ? void 0 : e.keys), children: [
   /* @__PURE__ */ b.jsx(
     "span",
     {
-      className: R(
+      className: O(
         "desk-body-regular-s rounded-sm border border-solid border-warm-grey-200 px-2 py-1 capitalize",
         e == null ? void 0 : e.key
       ),
@@ -7650,10 +7650,10 @@ const FR = Vl(
   defaultVariants: {
     size: "full"
   }
-}), xi = ({ size: t, className: e, children: n }) => /* @__PURE__ */ b.jsx("div", { className: R(LR({ size: t }), e), children: n }), jR = ({ badge: t, withValidateIcons: e, isValid: n, isInvalid: r, classes: i }) => /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-  n && e && /* @__PURE__ */ b.jsx(He, { name: "general/check", className: R("size-6 text-icon-positive-default", i == null ? void 0 : i.successIcon) }),
-  r && e && /* @__PURE__ */ b.jsx(He, { name: "info/warningCircle", className: R("size-5 text-icon-secondary-default", i == null ? void 0 : i.errorIcon) }),
-  t && !n && /* @__PURE__ */ b.jsx(CE, { className: R("bg-color-positive text-color-white", i == null ? void 0 : i.badge), children: t })
+}), xi = ({ size: t, className: e, children: n }) => /* @__PURE__ */ b.jsx("div", { className: O(LR({ size: t }), e), children: n }), jR = ({ badge: t, withValidateIcons: e, isValid: n, isInvalid: r, classes: i }) => /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+  n && e && /* @__PURE__ */ b.jsx(He, { name: "general/check", className: O("size-6 text-icon-positive-default", i == null ? void 0 : i.successIcon) }),
+  r && e && /* @__PURE__ */ b.jsx(He, { name: "info/warningCircle", className: O("size-5 text-icon-secondary-default", i == null ? void 0 : i.errorIcon) }),
+  t && !n && /* @__PURE__ */ b.jsx(CE, { className: O("bg-color-positive text-color-white", i == null ? void 0 : i.badge), children: t })
 ] }), GR = ({ onClickIcon: t, onKeyDownIcon: e, icon: n, classes: r }) => {
   const i = (t || e) && {
     role: "button",
@@ -7662,7 +7662,7 @@ const FR = Vl(
     onClick: t,
     onKeyDown: e
   };
-  return /* @__PURE__ */ b.jsx("span", { ...i, className: R("outline-none", r == null ? void 0 : r.icon), children: n });
+  return /* @__PURE__ */ b.jsx("span", { ...i, className: O("outline-none", r == null ? void 0 : r.icon), children: n });
 }, Is = ({
   badge: t,
   invalid: e,
@@ -7674,7 +7674,7 @@ const FR = Vl(
   classes: a
 }) => {
   const l = !e && n, c = e && n;
-  return /* @__PURE__ */ b.jsxs("div", { className: R("mr-4 flex items-center gap-4", a == null ? void 0 : a.fieldAttachmentRoot), children: [
+  return /* @__PURE__ */ b.jsxs("div", { className: O("mr-4 flex items-center gap-4", a == null ? void 0 : a.fieldAttachmentRoot), children: [
     i && /* @__PURE__ */ b.jsx(GR, { icon: i, onClickIcon: o, onKeyDownIcon: s, classes: a }),
     /* @__PURE__ */ b.jsx(
       jR,
@@ -7691,7 +7691,7 @@ const FR = Vl(
   "label",
   {
     htmlFor: e,
-    className: R(
+    className: O(
       "desk-body-regular-l pointer-events-none absolute left-4 top-2/4 -translate-y-1/2 text-color-blue-grey-600 transition-all duration-15 group-focus-within:desk-body-regular-s group-focus-within:top-2 group-focus-within:translate-y-0 group-focus-within:bg-color-transparent group-focus-within:text-color-tetriary",
       { "!top-2 translate-y-0 !bg-color-transparent text-color-tetriary [&&]:desk-body-regular-s": r },
       { "text-color-disabled": t },
@@ -7708,7 +7708,7 @@ const FR = Vl(
 ), As = ({ children: t, error: e, disabled: n, classes: r, label: i, value: o, fieldId: s }) => /* @__PURE__ */ b.jsxs(
   "div",
   {
-    className: R(
+    className: O(
       "relative flex items-center justify-between rounded-sm border border-solid border-transparent bg-color-blue-grey-100 transition-colors hover:bg-color-blue-grey-200 focus:outline-blue-grey-800 active:bg-color-blue-grey-100 group-focus-within:border-blue-grey-800",
       { "!border-negative": e },
       { "!bg-color-blue-grey-100": n },
@@ -7733,7 +7733,7 @@ const FR = Vl(
   defaultVariants: {
     intent: "simple"
   }
-}), Ut = ({ intent: t, as: e = "p", disabled: n, text: r, className: i, ...o }) => r ? /* @__PURE__ */ b.jsx(e, { className: R(zR({ intent: t, disabled: n }), i), ...o, children: r }) : null, sW = ({
+}), Ut = ({ intent: t, as: e = "p", disabled: n, text: r, className: i, ...o }) => r ? /* @__PURE__ */ b.jsx(e, { className: O(zR({ intent: t, disabled: n }), i), ...o, children: r }) : null, sW = ({
   label: t,
   helperText: e,
   control: n,
@@ -7775,7 +7775,7 @@ const FR = Vl(
                   onChange: (S) => {
                     m(S), p(d.name);
                   },
-                  className: R(
+                  className: O(
                     "desk-body-regular-l h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all",
                     o == null ? void 0 : o.input
                   ),
@@ -8100,17 +8100,17 @@ function Kx(t) {
   }, X = function(te, E, A) {
     return Va(te, E, y(te), A);
   }, _ = function(te, E, A) {
-    var O = y(E), Q = qR(E, T, te, A, O, C, S);
-    return Q = Va(E, Q, O), Q;
+    var R = y(E), Q = qR(E, T, te, A, R, C, S);
+    return Q = Va(E, Q, R), Q;
   }, ne = function(te) {
     var E = te.formattedValue;
     E === void 0 && (E = "");
-    var A = te.input, O = te.source, Q = te.event, H = te.numAsString, z;
+    var A = te.input, R = te.source, Q = te.event, H = te.numAsString, z;
     if (A) {
       var N = te.inputValue || A.value, Z = qc(A);
       A.value = E, z = _(N, E, Z), z !== void 0 && $(A, z, E);
     }
-    E !== T && B(P(E, H), { event: Q, source: O });
+    E !== T && B(P(E, H), { event: Q, source: R });
   };
   Oe(function() {
     var te = V.current, E = te.formattedValue, A = te.numAsString;
@@ -8128,7 +8128,7 @@ function Kx(t) {
     }
   }, [T]);
   var se = function(te, E, A) {
-    var O = E.target, Q = W.current ? ZR(W.current, O.selectionEnd) : Yx(T, te), H = Object.assign(Object.assign({}, Q), { lastValue: T }), z = a(te, H), N = ie(z);
+    var R = E.target, Q = W.current ? ZR(W.current, R.selectionEnd) : Yx(T, te), H = Object.assign(Object.assign({}, Q), { lastValue: T }), z = a(te, H), N = ie(z);
     if (z = a(N, void 0), d && !d(P(N, z))) {
       var Z = E.target, pe = qc(Z), Se = _(te, T, pe);
       return Z.value = T, $(Z, Se, T), !1;
@@ -8143,20 +8143,20 @@ function Kx(t) {
     }), !0;
   }, ce = function(te, E) {
     E === void 0 && (E = 0);
-    var A = te.selectionStart, O = te.selectionEnd;
-    W.current = { selectionStart: A, selectionEnd: O + E };
+    var A = te.selectionStart, R = te.selectionEnd;
+    W.current = { selectionStart: A, selectionEnd: R + E };
   }, me = function(te) {
-    var E = te.target, A = E.value, O = se(A, te, Uo.event);
-    O && f(te), W.current = void 0;
+    var E = te.target, A = E.value, R = se(A, te, Uo.event);
+    R && f(te), W.current = void 0;
   }, ye = function(te) {
-    var E = te.target, A = te.key, O = E.selectionStart, Q = E.selectionEnd, H = E.value;
+    var E = te.target, A = te.key, R = E.selectionStart, Q = E.selectionEnd, H = E.value;
     H === void 0 && (H = "");
     var z;
-    A === "ArrowLeft" || A === "Backspace" ? z = Math.max(O - 1, 0) : A === "ArrowRight" ? z = Math.min(O + 1, H.length) : A === "Delete" && (z = O);
+    A === "ArrowLeft" || A === "Backspace" ? z = Math.max(R - 1, 0) : A === "ArrowRight" ? z = Math.min(R + 1, H.length) : A === "Delete" && (z = R);
     var N = 0;
-    A === "Delete" && O === Q && (N = 1);
+    A === "Delete" && R === Q && (N = 1);
     var Z = A === "ArrowLeft" || A === "ArrowRight";
-    if (z === void 0 || O !== Q && !Z) {
+    if (z === void 0 || R !== Q && !Z) {
       p(te), ce(E, N);
       return;
     }
@@ -8168,10 +8168,10 @@ function Kx(t) {
     pe !== z && $(E, pe, H), p(te), ce(E, N);
   }, Pe = function(te) {
     var E = te.target, A = function() {
-      var O = E.selectionStart, Q = E.selectionEnd, H = E.value;
-      if (H === void 0 && (H = ""), O === Q) {
-        var z = X(H, O);
-        z !== O && $(E, z, H);
+      var R = E.selectionStart, Q = E.selectionEnd, H = E.value;
+      if (H === void 0 && (H = ""), R === Q) {
+        var z = X(H, R);
+        z !== R && $(E, z, H);
       }
     };
     A(), requestAnimationFrame(function() {
@@ -8181,10 +8181,10 @@ function Kx(t) {
     te.persist && te.persist();
     var E = te.target, A = te.currentTarget;
     j.current = E, ee.current.focusTimeout = setTimeout(function() {
-      var O = E.selectionStart, Q = E.selectionEnd, H = E.value;
+      var R = E.selectionStart, Q = E.selectionEnd, H = E.value;
       H === void 0 && (H = "");
-      var z = X(H, O);
-      z !== O && !(O === 0 && Q === H.length) && $(E, z, H), m(Object.assign(Object.assign({}, te), { currentTarget: A }));
+      var z = X(H, R);
+      z !== R && !(R === 0 && Q === H.length) && $(E, z, H), m(Object.assign(Object.assign({}, te), { currentTarget: A }));
     }, 0);
   }, _e = function(te) {
     j.current = null, clearTimeout(ee.current.focusTimeout), clearTimeout(ee.current.setCaretTimeout), g(te);
@@ -8554,7 +8554,7 @@ const gP = (t, e) => ({ onValueChange: ({ inputValue: s, onChange: a, source: l
                   onFocus: (F) => k({ event: F, setShowMask: C }),
                   onBlur: (F) => T({ event: F, setShowMask: C, hookFormBlur: W }),
                   getInputRef: V,
-                  className: R(
+                  className: O(
                     "desk-body-regular-l h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all",
                     c == null ? void 0 : c.input
                   ),
@@ -8726,12 +8726,12 @@ const cW = ({
     {
       name: o.name,
       control: t,
-      render: ({ field: { onChange: a, value: l, ...c }, fieldState: { error: u } }) => /* @__PURE__ */ b.jsxs("div", { className: R("flex max-w-[450px] flex-col", i == null ? void 0 : i.root), children: [
-        /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center gap-2", i == null ? void 0 : i.wrapper), children: [
+      render: ({ field: { onChange: a, value: l, ...c }, fieldState: { error: u } }) => /* @__PURE__ */ b.jsxs("div", { className: O("flex max-w-[450px] flex-col", i == null ? void 0 : i.root), children: [
+        /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center gap-2", i == null ? void 0 : i.wrapper), children: [
           /* @__PURE__ */ b.jsx(
             "div",
             {
-              className: R(
+              className: O(
                 "flex size-10 items-center justify-center rounded-full transition-all focus-within:bg-color-primary-tr-focus hover:bg-color-primary-tr-hover",
                 i == null ? void 0 : i.field,
                 { "!bg-color-transparent": r }
@@ -8745,7 +8745,7 @@ const cW = ({
                   disabled: r,
                   defaultChecked: l,
                   checked: l,
-                  className: R(
+                  className: O(
                     "flex size-6 cursor-pointer items-center justify-center rounded-sm border border-solid border-blue-grey-700 outline-none active:bg-color-primary-tr-pressed disabled:border-transparent data-[state=checked]:bg-color-primary-default data-[state=checked]:disabled:bg-color-primary-disabled data-[state=unchecked]:disabled:bg-color-blue-grey-300",
                     { "!border-negative": !!(u != null && u.message) },
                     i == null ? void 0 : i.input
@@ -8755,8 +8755,8 @@ const cW = ({
                   children: /* @__PURE__ */ b.jsx(
                     SP,
                     {
-                      className: R("flex items-center justify-center data-[state=checked]:text-icon-white", i == null ? void 0 : i.indicator),
-                      children: /* @__PURE__ */ b.jsx(He, { name: "general/check", className: R("size-5", i == null ? void 0 : i.icon) })
+                      className: O("flex items-center justify-center data-[state=checked]:text-icon-white", i == null ? void 0 : i.indicator),
+                      children: /* @__PURE__ */ b.jsx(He, { name: "general/check", className: O("size-5", i == null ? void 0 : i.icon) })
                     }
                   )
                 }
@@ -8766,7 +8766,7 @@ const cW = ({
           /* @__PURE__ */ b.jsx(
             "label",
             {
-              className: R(
+              className: O(
                 "desk-body-regular-m flex-1 cursor-pointer text-color-dark",
                 { "text-color-disabled": r },
                 i == null ? void 0 : i.label
@@ -8905,7 +8905,7 @@ const dW = ({
     {
       name: o.name,
       control: n,
-      render: ({ field: { onChange: a, value: l, ...c }, fieldState: { error: u } }) => /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center gap-2", e == null ? void 0 : e.root), children: [
+      render: ({ field: { onChange: a, value: l, ...c }, fieldState: { error: u } }) => /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center gap-2", e == null ? void 0 : e.root), children: [
         /* @__PURE__ */ b.jsx(
           TP,
           {
@@ -8914,7 +8914,7 @@ const dW = ({
             onCheckedChange: a,
             value: l,
             checked: l,
-            className: R(
+            className: O(
               "h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2 outline-offset-4 outline-transparent focus:outline-primary-focus data-[state=checked]:bg-color-primary-default hover:data-[state=checked]:bg-color-primary-hover",
               { "data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200": t },
               e == null ? void 0 : e.input
@@ -8925,7 +8925,7 @@ const dW = ({
               kP,
               {
                 id: s,
-                className: R(
+                className: O(
                   "block size-5 rounded-full bg-color-white transition-all duration-200 will-change-transform data-[state=checked]:translate-x-4",
                   e == null ? void 0 : e.thumb
                 )
@@ -8933,11 +8933,11 @@ const dW = ({
             )
           }
         ),
-        /* @__PURE__ */ b.jsxs("div", { className: R("flex flex-col", e == null ? void 0 : e.textBlock), children: [
+        /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col", e == null ? void 0 : e.textBlock), children: [
           /* @__PURE__ */ b.jsx(
             "label",
             {
-              className: R("desk-body-regular-l text-color-dark", { "text-color-disabled": t }, e == null ? void 0 : e.label),
+              className: O("desk-body-regular-l text-color-dark", { "text-color-disabled": t }, e == null ? void 0 : e.label),
               htmlFor: s,
               children: i
             }
@@ -8945,7 +8945,7 @@ const dW = ({
           /* @__PURE__ */ b.jsx(
             Ut,
             {
-              className: R("mt-0", e == null ? void 0 : e.message),
+              className: O("mt-0", e == null ? void 0 : e.message),
               intent: u != null && u.message ? "error" : "simple",
               text: (u == null ? void 0 : u.message) || r,
               disabled: t
@@ -8980,18 +8980,18 @@ const dW = ({
         /* @__PURE__ */ b.jsxs(
           "div",
           {
-            className: R(
+            className: O(
               "relative flex h-[120px] flex-col rounded-sm border border-solid border-transparent bg-color-blue-grey-100 transition-colors hover:bg-color-blue-grey-200 focus:outline-blue-grey-800 active:bg-color-blue-grey-100 group-focus-within:border-blue-grey-800",
               { "!border-negative": m },
               { "!bg-color-blue-grey-100": r },
               o == null ? void 0 : o.field
             ),
             children: [
-              /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center justify-between px-4 pt-2", o == null ? void 0 : o.head), children: [
+              /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center justify-between px-4 pt-2", o == null ? void 0 : o.head), children: [
                 /* @__PURE__ */ b.jsx(
                   "label",
                   {
-                    className: R("desk-body-regular-s text-color-tetriary", { "text-color-disabled": r }, o == null ? void 0 : o.label),
+                    className: O("desk-body-regular-s text-color-tetriary", { "text-color-disabled": r }, o == null ? void 0 : o.label),
                     htmlFor: p,
                     children: t
                   }
@@ -9007,20 +9007,20 @@ const dW = ({
                     invalid: g,
                     isTouched: v,
                     classes: {
-                      fieldAttachmentRoot: R("mr-0", o == null ? void 0 : o.fieldAttachmentRoot),
+                      fieldAttachmentRoot: O("mr-0", o == null ? void 0 : o.fieldAttachmentRoot),
                       ...o
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ b.jsx("div", { className: R("flex w-full items-start px-4 py-2", o == null ? void 0 : o.scrollArea), children: /* @__PURE__ */ b.jsx(
+              /* @__PURE__ */ b.jsx("div", { className: O("flex w-full items-start px-4 py-2", o == null ? void 0 : o.scrollArea), children: /* @__PURE__ */ b.jsx(
                 "textarea",
                 {
                   "aria-invalid": m != null && m.message ? "true" : "false",
                   id: p,
                   disabled: r,
                   placeholder: d,
-                  className: R(
+                  className: O(
                     "customScrollbar-y desk-body-regular-l h-[78px] w-full flex-1 resize-none rounded-md bg-color-transparent text-color-dark outline-none transition-all placeholder:text-color-blue-grey-600",
                     { "placeholder:text-color-disabled": r },
                     o == null ? void 0 : o.input
@@ -11726,28 +11726,28 @@ const R2 = (t, e) => {
     z1,
     {
       transition: !0,
-      className: R(
+      className: O(
         "scrollHidden absolute top-14 z-50 mt-2 flex w-full flex-col bg-color-white transition-[transform,_opacity] empty:invisible data-[closed]:scale-95 data-[closed]:opacity-0",
         e == null ? void 0 : e.options
       ),
       children: /* @__PURE__ */ b.jsx(
         "div",
         {
-          className: R("rounded-sm border border-solid border-blue-grey-700 p-1", {
+          className: O("rounded-sm border border-solid border-blue-grey-700 p-1", {
             "border-transparent p-0": !n
           }),
-          children: /* @__PURE__ */ b.jsx("div", { className: R("customScrollbar-y !max-h-[246px] overflow-x-hidden", e == null ? void 0 : e.optionsScrollArea), children: n && /* @__PURE__ */ b.jsx(b.Fragment, { children: t == null ? void 0 : t.map(({ value: r, additionalText: i, isDisabled: o }, s) => /* @__PURE__ */ b.jsx(
+          children: /* @__PURE__ */ b.jsx("div", { className: O("customScrollbar-y !max-h-[246px] overflow-x-hidden", e == null ? void 0 : e.optionsScrollArea), children: n && /* @__PURE__ */ b.jsx(b.Fragment, { children: t == null ? void 0 : t.map(({ value: r, additionalText: i, isDisabled: o }, s) => /* @__PURE__ */ b.jsx(
             _1,
             {
               disabled: o,
               value: r ?? "",
-              className: R(
+              className: O(
                 "flex max-w-[calc(100%-2px)] cursor-pointer items-center justify-between gap-2 rounded-sm p-2 transition-colors hover:bg-color-primary-tr-hover hover:text-color-primary-hover data-[disabled]:pointer-events-none data-[disabled]:bg-color-blue-grey-100 data-[focus]:bg-color-primary-tr-hover data-[disabled]:text-color-disabled data-[focus]:text-color-primary-hover",
                 e == null ? void 0 : e.option
               ),
-              children: /* @__PURE__ */ b.jsxs("div", { className: R("flex flex-col gap-1", e == null ? void 0 : e.optionValueView), children: [
-                /* @__PURE__ */ b.jsx("p", { className: R("desk-body-regular-l", e == null ? void 0 : e.optionSuggestionValue), children: r }),
-                i && /* @__PURE__ */ b.jsx("span", { className: R("desk-body-regular-s text-color-tetriary", e == null ? void 0 : e.optionAdditionalText), children: i })
+              children: /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col gap-1", e == null ? void 0 : e.optionValueView), children: [
+                /* @__PURE__ */ b.jsx("p", { className: O("desk-body-regular-l", e == null ? void 0 : e.optionSuggestionValue), children: r }),
+                i && /* @__PURE__ */ b.jsx("span", { className: O("desk-body-regular-s text-color-tetriary", e == null ? void 0 : e.optionAdditionalText), children: i })
               ] })
             },
             s
@@ -11806,7 +11806,7 @@ const R2 = (t, e) => {
                       onChange: (M) => {
                         C(M.target.value), g(M.target.value), p && p();
                       },
-                      className: R(
+                      className: O(
                         "desk-body-regular-l z-10 h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all",
                         a == null ? void 0 : a.input
                       ),
@@ -15700,51 +15700,51 @@ var xL = /* @__PURE__ */ rr(function(t, e) {
   }, n));
 }), CL = xL;
 const SL = (t, e, n) => ({
-  dropdownIndicator: () => R("absolute top-1/2 right-4 !p-0 -translate-y-1/2", n == null ? void 0 : n.dropdownIndicator),
-  indicatorsContainer: () => R("", n == null ? void 0 : n.indicatorsContainer),
-  input: () => R(
+  dropdownIndicator: () => O("absolute top-1/2 right-4 !p-0 -translate-y-1/2", n == null ? void 0 : n.dropdownIndicator),
+  indicatorsContainer: () => O("", n == null ? void 0 : n.indicatorsContainer),
+  input: () => O(
     "desk-body-regular-l !p-0 !m-0 z-10 rounded-md bg-color-transparent text-color-dark outline-none transition-all",
     n == null ? void 0 : n.inputCombobox
   ),
-  valueContainer: () => R("desk-body-regular-l mr-7 gap-2 !p-0", n == null ? void 0 : n.valueContainer),
-  control: () => R(
+  valueContainer: () => O("desk-body-regular-l mr-7 gap-2 !p-0", n == null ? void 0 : n.valueContainer),
+  control: () => O(
     "p-4 !min-h-[56px] !bg-color-transparent !border-transparent transition-colors !shadow-[0px_0px_0px_0px_rgba(0,0,0,0)]",
     { "p-0 pt-5 pl-4": !t },
     n == null ? void 0 : n.controlCombobox
   ),
-  container: () => R("w-full !static", n == null ? void 0 : n.containerCombobox),
-  menuList: () => R("scrollHidden !customScrollbar-y !max-h-[246px] flex flex-col gap-[2px] overflow-x-hidden p-2", n == null ? void 0 : n.menuList),
-  menu: (r) => R(
+  container: () => O("w-full !static", n == null ? void 0 : n.containerCombobox),
+  menuList: () => O("scrollHidden !customScrollbar-y !max-h-[246px] flex flex-col gap-[2px] overflow-x-hidden p-2", n == null ? void 0 : n.menuList),
+  menu: (r) => O(
     "absolute !p-0 top-14 transition-all z-10 mt-2 flex w-full flex-col rounded-md border border-solid border-blue-grey-700 bg-color-white p-2 transition-all empty:invisible  !shadow-[0px_0px_0px_0px_rgba(0,0,0,0)]",
     { "scale-100 visible opacity-100": r.selectProps.menuIsOpen },
     { "scale-95 invisible opacity-0": !r.selectProps.menuIsOpen },
     n == null ? void 0 : n.menuCombobox
   ),
-  group: () => R("bg-color-positive z-10", n == null ? void 0 : n.groupCombobox),
-  option: (r) => R(
+  group: () => O("bg-color-positive z-10", n == null ? void 0 : n.groupCombobox),
+  option: (r) => O(
     "flex !pl-10 cursor-pointer bg-color-initial text-color-initial items-center justify-between gap-2 active:!bg-color-blue-grey-200 rounded-sm px-3 py-3 hover:!bg-color-blue-grey-200 data-[disabled]:pointer-events-none data-[disabled]:!bg-color-blue-grey-100 data-[selected=true]:!bg-color-negative data-[disabled]:!text-color-disabled focus:!bg-color-blue-grey-200  active:!bg-color-blue-grey-200 hover:text-color-primary-hover",
     { "!pl-2": !t },
     { "!bg-color-primary-tr-focus !text-color-primary-hover": r.isSelected },
     { "!bg-color-primary-tr-focus !text-color-primary-hover": r.isFocused },
     n == null ? void 0 : n.optionCombobox
   ),
-  noOptionsMessage: () => R("!desk-body-regular-m !text-color-tetriary", n == null ? void 0 : n.noOptionsMessage),
-  singleValue: () => R("!m-0", n == null ? void 0 : n.singleValue),
-  multiValue: () => R("!bg-color-blue-grey-300 truncate max-w-[300px] !rounded-sm px-[8px] !m-0 py-[5px]", n == null ? void 0 : n.multiValue),
-  multiValueLabel: () => R("[&&]:desk-body-regular-l !p-0 pl-[6px] !text-color-secondary", n == null ? void 0 : n.multiValueLabel),
-  multiValueRemove: () => R("hover:!bg-color-transparent", n == null ? void 0 : n.multiValueRemove),
-  placeholder: () => R("!text-icon-blue-grey-600 !desk-body-regular-l", { "!text-color-disabled": e }, n == null ? void 0 : n.placeholderCombobox),
-  indicatorSeparator: () => R("!hidden", n == null ? void 0 : n.indicatorSeparator)
+  noOptionsMessage: () => O("!desk-body-regular-m !text-color-tetriary", n == null ? void 0 : n.noOptionsMessage),
+  singleValue: () => O("!m-0", n == null ? void 0 : n.singleValue),
+  multiValue: () => O("!bg-color-blue-grey-300 truncate max-w-[300px] !rounded-sm px-[8px] !m-0 py-[5px]", n == null ? void 0 : n.multiValue),
+  multiValueLabel: () => O("[&&]:desk-body-regular-l !p-0 pl-[6px] !text-color-secondary", n == null ? void 0 : n.multiValueLabel),
+  multiValueRemove: () => O("hover:!bg-color-transparent", n == null ? void 0 : n.multiValueRemove),
+  placeholder: () => O("!text-icon-blue-grey-600 !desk-body-regular-l", { "!text-color-disabled": e }, n == null ? void 0 : n.placeholderCombobox),
+  indicatorSeparator: () => O("!hidden", n == null ? void 0 : n.indicatorSeparator)
 }), wL = ({ isSelected: t, classes: e, ...n }) => {
   const r = (i) => {
     n.innerProps.onClick && n.innerProps.onClick(i);
   };
-  return /* @__PURE__ */ b.jsxs("div", { className: R("relative flex cursor-pointer items-center", e == null ? void 0 : e.optionCustom), children: [
+  return /* @__PURE__ */ b.jsxs("div", { className: O("relative flex cursor-pointer items-center", e == null ? void 0 : e.optionCustom), children: [
     n.isMulti && /* @__PURE__ */ b.jsx(
       "span",
       {
         onClick: r,
-        className: R(
+        className: O(
           "absolute left-1 flex size-6 items-center justify-center rounded-sm border-2 border-blue-grey-700",
           { "border-none bg-color-primary-default": t },
           e == null ? void 0 : e.checkboxIsMulti
@@ -15753,7 +15753,7 @@ const SL = (t, e, n) => ({
           He,
           {
             name: "general/check",
-            className: R("size-5 text-icon-white", { invisible: !t }, e == null ? void 0 : e.checkboxIsMultiIcon)
+            className: O("size-5 text-icon-white", { invisible: !t }, e == null ? void 0 : e.checkboxIsMultiIcon)
           }
         )
       }
@@ -15764,13 +15764,13 @@ const SL = (t, e, n) => ({
   He,
   {
     name: "arrows/arrowRight",
-    className: R(
+    className: O(
       "size-6 rotate-90 text-icon-blue-grey-600 transition-all",
       { "-rotate-90": e.selectProps.menuIsOpen },
       t == null ? void 0 : t.indicatorIcon
     )
   }
-) }), IL = ({ classes: t, ...e }) => /* @__PURE__ */ b.jsx(pc.MultiValueRemove, { ...e, children: /* @__PURE__ */ b.jsx(He, { name: "general/close", className: R("size-4 text-icon-blue-grey-800", t == null ? void 0 : t.multiRemoveIcon) }) }), xW = ({
+) }), IL = ({ classes: t, ...e }) => /* @__PURE__ */ b.jsx(pc.MultiValueRemove, { ...e, children: /* @__PURE__ */ b.jsx(He, { name: "general/close", className: O("size-4 text-icon-blue-grey-800", t == null ? void 0 : t.multiRemoveIcon) }) }), xW = ({
   options: t,
   control: e,
   defaultValue: n,
@@ -15797,7 +15797,7 @@ const SL = (t, e, n) => ({
         /* @__PURE__ */ b.jsxs(
           "div",
           {
-            className: R(
+            className: O(
               "relative flex rounded-sm border border-solid border-transparent bg-color-blue-grey-100 transition-colors hover:bg-color-blue-grey-200 focus:outline-blue-grey-800 active:bg-color-blue-grey-100 group-focus-within:border-blue-grey-800",
               { "!border-negative": S },
               { "!bg-color-blue-grey-100": o }
@@ -16284,11 +16284,11 @@ function WL(t, e) {
 }
 var GC = Zp, XL = VC, YL = BC, ZL = LC;
 const JL = w.forwardRef(
-  ({ min: t, max: e, classes: n, ...r }, i) => /* @__PURE__ */ b.jsx("div", { className: R("absolute bottom-[-7px] w-full px-4", n == null ? void 0 : n.sliderWrapper), children: /* @__PURE__ */ b.jsxs(
+  ({ min: t, max: e, classes: n, ...r }, i) => /* @__PURE__ */ b.jsx("div", { className: O("absolute bottom-[-7px] w-full px-4", n == null ? void 0 : n.sliderWrapper), children: /* @__PURE__ */ b.jsxs(
     GC,
     {
       ref: i,
-      className: R("relative flex h-4 w-full touch-none select-none items-center", n == null ? void 0 : n.sliderRoot),
+      className: O("relative flex h-4 w-full touch-none select-none items-center", n == null ? void 0 : n.sliderRoot),
       min: t,
       max: e,
       ...r,
@@ -16296,18 +16296,18 @@ const JL = w.forwardRef(
         /* @__PURE__ */ b.jsx(
           XL,
           {
-            className: R(
+            className: O(
               "relative h-[2px] w-full grow overflow-hidden rounded-full bg-color-blue-grey-500",
               n == null ? void 0 : n.sliderTrack
             ),
-            children: /* @__PURE__ */ b.jsx(YL, { className: R("absolute h-full bg-color-primary-default", n == null ? void 0 : n.sliderRange) })
+            children: /* @__PURE__ */ b.jsx(YL, { className: O("absolute h-full bg-color-primary-default", n == null ? void 0 : n.sliderRange) })
           }
         ),
         /* @__PURE__ */ b.jsx(
           ZL,
           {
             "aria-label": "slider-thumb",
-            className: R(
+            className: O(
               'ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors hover:before:absolute hover:before:left-1/2 hover:before:top-1/2 hover:before:h-8 hover:before:w-8 hover:before:-translate-x-1/2 hover:before:-translate-y-1/2 hover:before:rounded-full hover:before:bg-color-primary-tr-hover hover:before:content-[""] focus:outline-none focus:before:bg-color-primary-tr-pressed disabled:pointer-events-none disabled:opacity-50',
               n == null ? void 0 : n.sliderThumb
             )
@@ -16353,7 +16353,7 @@ const SW = ({
     {
       control: r,
       name: v.name,
-      render: ({ field: { onChange: M, value: L, onBlur: W }, fieldState: { error: V } }) => /* @__PURE__ */ b.jsxs("div", { className: R("flex flex-col gap-1", i == null ? void 0 : i.sliderRoot), children: [
+      render: ({ field: { onChange: M, value: L, onBlur: W }, fieldState: { error: V } }) => /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col gap-1", i == null ? void 0 : i.sliderRoot), children: [
         /* @__PURE__ */ b.jsxs(xi, { size: e, className: i == null ? void 0 : i.sliderContainer, children: [
           /* @__PURE__ */ b.jsx(
             As,
@@ -16364,7 +16364,7 @@ const SW = ({
               fieldId: C,
               disabled: o,
               classes: {
-                fieldWrapperRoot: R(
+                fieldWrapperRoot: O(
                   "bg-color-white hover:bg-color-blue-grey-200 focus-within:bg-color-blue-grey-200 focus:bg-color-blue-grey-200 border-blue-grey-500",
                   i == null ? void 0 : i.fieldWrapperRoot
                 ),
@@ -16389,7 +16389,7 @@ const SW = ({
                     onValueChange: ({ floatValue: B }) => {
                       k(M, B), s && s(B);
                     },
-                    className: R(
+                    className: O(
                       "group/slider desk-title-bold-s h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all",
                       i == null ? void 0 : i.input
                     ),
@@ -16416,7 +16416,7 @@ const SW = ({
                     onClickIcon: x,
                     onKeyDownIcon: g,
                     classes: {
-                      icon: R("group/icon", i == null ? void 0 : i.icon),
+                      icon: O("group/icon", i == null ? void 0 : i.icon),
                       ...i
                     }
                   }
@@ -16434,9 +16434,9 @@ const SW = ({
             }
           )
         ] }),
-        /* @__PURE__ */ b.jsxs("div", { className: R("flex justify-between", i == null ? void 0 : i.textWrapper), children: [
-          /* @__PURE__ */ b.jsx("span", { className: R("desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.spanLeft), children: u }),
-          /* @__PURE__ */ b.jsx("span", { className: R("desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.spanRight), children: d })
+        /* @__PURE__ */ b.jsxs("div", { className: O("flex justify-between", i == null ? void 0 : i.textWrapper), children: [
+          /* @__PURE__ */ b.jsx("span", { className: O("desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.spanLeft), children: u }),
+          /* @__PURE__ */ b.jsx("span", { className: O("desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.spanRight), children: d })
         ] })
       ] })
     }
@@ -31674,7 +31674,7 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
         {
           type: "button",
           onClick: i,
-          className: R(
+          className: O(
             "flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white",
             { "!bg-color-primary-hover !text-color-white": o }
           ),
@@ -31703,7 +31703,7 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
         {
           type: "button",
           onClick: () => t.chain().focus().toggleHeading({ level: e }).run(),
-          className: R(
+          className: O(
             "desk-body-regular-l flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",
             { "!bg-color-primary-hover !text-color-white": t.isActive("heading", { level: e }) }
           ),
@@ -31735,7 +31735,7 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
     {
       title: "Обернуть в ссылку",
       onClick: e,
-      className: R(
+      className: O(
         "flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white",
         { "!bg-color-primary-hover !text-color-white": t.isActive("link") }
       ),
@@ -31763,7 +31763,7 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
         type: "button",
         style: { background: n },
         onClick: () => t.chain().focus().setColor(n).run(),
-        className: R(
+        className: O(
           "desk-body-regular-m cursor-pointer rounded-sm px-3 py-1 text-left text-color-white outline-none transition-transform hover:scale-105",
           { "text-color-dark": n === "#FFFFFF" }
         ),
@@ -31796,15 +31796,15 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
         return c.replace(/\xA0/g, " ");
       },
       attributes: {
-        class: R("p-4 outline-none min-h-[240px]", i == null ? void 0 : i.editor)
+        class: O("p-4 outline-none min-h-[240px]", i == null ? void 0 : i.editor)
       }
     },
     ...a
   });
-  return l ? /* @__PURE__ */ b.jsxs("div", { className: R("flex flex-col", i == null ? void 0 : i.root), children: [
-    /* @__PURE__ */ b.jsxs("div", { className: R("relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200", i == null ? void 0 : i.wrapper), children: [
+  return l ? /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col", i == null ? void 0 : i.root), children: [
+    /* @__PURE__ */ b.jsxs("div", { className: O("relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200", i == null ? void 0 : i.wrapper), children: [
       /* @__PURE__ */ b.jsx(t5, { editor: l }),
-      !e && /* @__PURE__ */ b.jsx("p", { className: R("absolute left-4 top-16 text-color-disabled", i == null ? void 0 : i.label), children: n }),
+      !e && /* @__PURE__ */ b.jsx("p", { className: O("absolute left-4 top-16 text-color-disabled", i == null ? void 0 : i.label), children: n }),
       /* @__PURE__ */ b.jsx(o_, { editor: l })
     ] }),
     /* @__PURE__ */ b.jsx(
@@ -31861,7 +31861,7 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
   return /* @__PURE__ */ b.jsxs(
     "div",
     {
-      className: R(
+      className: O(
         'flex h-[64px] w-[476px] rounded-sm bg-[length:100%_100%] bg-no-repeat hover:border hover:border-primary-hover hover:bg-color-primary-tr-hover focus-visible:border focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none active:border active:border-primary-hover active:bg-color-primary-tr-pressed [&:not(:hover)(:focus-visible)(:active)(:disabled)]:bg-[url("/static/files/border.svg")]',
         n == null ? void 0 : n.borderContent,
         { "bg-color-primary-light-default opacity-50": r },
@@ -31870,11 +31870,11 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
       ref: s,
       ...a,
       children: [
-        /* @__PURE__ */ b.jsxs("div", { className: R("flex h-full w-full items-center justify-center gap-2", n == null ? void 0 : n.wrapperTextContent), children: [
-          /* @__PURE__ */ b.jsx(He, { name: "files/upload", className: R("text-icon-primary-default", n == null ? void 0 : n.uploaderIcon) }),
-          /* @__PURE__ */ b.jsxs("p", { className: R("desk-body-regular-l select-none text-icon-primary-default", n == null ? void 0 : n.wrapperTextContent), children: [
+        /* @__PURE__ */ b.jsxs("div", { className: O("flex h-full w-full items-center justify-center gap-2", n == null ? void 0 : n.wrapperTextContent), children: [
+          /* @__PURE__ */ b.jsx(He, { name: "files/upload", className: O("text-icon-primary-default", n == null ? void 0 : n.uploaderIcon) }),
+          /* @__PURE__ */ b.jsxs("p", { className: O("desk-body-regular-l select-none text-icon-primary-default", n == null ? void 0 : n.wrapperTextContent), children: [
             "Выберите файл",
-            /* @__PURE__ */ b.jsx("span", { className: R("text-icon-blue-grey-600", n == null ? void 0 : n.selectFileTextSpan), children: " или перетащите сюда" })
+            /* @__PURE__ */ b.jsx("span", { className: O("text-icon-blue-grey-600", n == null ? void 0 : n.selectFileTextSpan), children: " или перетащите сюда" })
           ] })
         ] }),
         /* @__PURE__ */ b.jsx(
@@ -31884,7 +31884,7 @@ const Ow = Mw(!1, !0), Rw = Mw(!0, !0), MH = Ot.create({
             ref: e.inputRef,
             disabled: r,
             ...e.getInputProps(),
-            className: R(n == null ? void 0 : n.uploaderInput)
+            className: O(n == null ? void 0 : n.uploaderInput)
           }
         )
       ]
@@ -34452,7 +34452,7 @@ function Ww() {
   var re = he(function(N) {
     T ? T(N) : console.error(N);
   }, [T]), se = he(function(N) {
-    N.preventDefault(), N.persist(), O(N), ne.current = [].concat(K5(ne.current), [N.target]), oa(N) && Promise.resolve(i(N)).then(function(Z) {
+    N.preventDefault(), N.persist(), R(N), ne.current = [].concat(K5(ne.current), [N.target]), oa(N) && Promise.resolve(i(N)).then(function(Z) {
       if (!(Dl(N) && !k)) {
         var pe = Z.length, Se = pe > 0 && L5({
           files: Z,
@@ -34474,7 +34474,7 @@ function Ww() {
       return re(Z);
     });
   }, [i, c, re, k, L, s, o, a, l, M]), ce = he(function(N) {
-    N.preventDefault(), N.persist(), O(N);
+    N.preventDefault(), N.persist(), R(N);
     var Z = oa(N);
     if (Z && N.dataTransfer)
       try {
@@ -34483,7 +34483,7 @@ function Ww() {
       }
     return Z && d && d(N), !1;
   }, [d, k]), me = he(function(N) {
-    N.preventDefault(), N.persist(), O(N);
+    N.preventDefault(), N.persist(), R(N);
     var Z = ne.current.filter(function(Se) {
       return G.current && G.current.contains(Se);
     }), pe = Z.indexOf(N.target);
@@ -34520,7 +34520,7 @@ function Ww() {
       type: "setFiles"
     }), f && f(pe, Se, Z), Se.length > 0 && h && h(Se, Z), pe.length > 0 && p && p(pe, Z);
   }, [ie, a, L, s, o, l, f, p, h, M]), Pe = he(function(N) {
-    N.preventDefault(), N.persist(), O(N), ne.current = [], oa(N) && Promise.resolve(i(N)).then(function(Z) {
+    N.preventDefault(), N.persist(), R(N), ne.current = [], oa(N) && Promise.resolve(i(N)).then(function(Z) {
       Dl(N) && !k || ye(Z, N);
     }).catch(function(Z) {
       return re(Z);
@@ -34570,7 +34570,7 @@ function Ww() {
     return x ? null : te(Z);
   }, A = function(Z) {
     return I ? null : te(Z);
-  }, O = function(Z) {
+  }, R = function(Z) {
     k && Z.stopPropagation();
   }, Q = Ie(function() {
     return function() {
@@ -34708,24 +34708,24 @@ const s$ = ({ dropzoneOptions: t, controlledFiles: e, onValueChange: n }) => {
   }, [t]), /* @__PURE__ */ b.jsx(b.Fragment, { children: r ? /* @__PURE__ */ b.jsx(
     Zy,
     {
-      triggerElement: /* @__PURE__ */ b.jsx("p", { ref: n, className: R("desk-body-regular-m max-w-[300px] truncate text-color-dark"), children: t.name }),
+      triggerElement: /* @__PURE__ */ b.jsx("p", { ref: n, className: O("desk-body-regular-m max-w-[300px] truncate text-color-dark"), children: t.name }),
       children: t.name
     }
-  ) : /* @__PURE__ */ b.jsx("p", { ref: n, className: R("desk-body-regular-m text-color-dark", e == null ? void 0 : e.fileText), children: t.name }) });
+  ) : /* @__PURE__ */ b.jsx("p", { ref: n, className: O("desk-body-regular-m text-color-dark", e == null ? void 0 : e.fileText), children: t.name }) });
 }, l$ = ({ filesStatus: t, removeFile: e, classes: n, file: r, index: i }) => {
   const o = r.size / 1024 / 1024;
-  return /* @__PURE__ */ b.jsxs("li", { className: R("flex h-6 items-center justify-between p-1", n == null ? void 0 : n.fileWrapperContent), children: [
-    /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center gap-2", n == null ? void 0 : n.fileContent), children: [
+  return /* @__PURE__ */ b.jsxs("li", { className: O("flex h-6 items-center justify-between p-1", n == null ? void 0 : n.fileWrapperContent), children: [
+    /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center gap-2", n == null ? void 0 : n.fileContent), children: [
       t[r.name] === "loading" && /* @__PURE__ */ b.jsx(RE, { size: "sm" }),
       t[r.name] === "success" && /* @__PURE__ */ b.jsx(He, { name: "general/check", className: "text-icon-positive-default" }),
       /* @__PURE__ */ b.jsx(a$, { file: r, classes: n })
     ] }),
-    /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center gap-2", n == null ? void 0 : n.fileButtonDeleteWrapper), children: [
+    /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center gap-2", n == null ? void 0 : n.fileButtonDeleteWrapper), children: [
       /* @__PURE__ */ b.jsx("p", { className: "desk-body-regular-m text-color-blue-grey-600", children: `${o.toFixed(1)} MB` }),
-      /* @__PURE__ */ b.jsx("button", { className: R("cursor-pointer", n == null ? void 0 : n.fileButtonDelete), onClick: () => e(i), children: /* @__PURE__ */ b.jsx(He, { name: "general/close", className: R("text-icon-blue-grey-600", n == null ? void 0 : n.fileDeleteIcon) }) })
+      /* @__PURE__ */ b.jsx("button", { className: O("cursor-pointer", n == null ? void 0 : n.fileButtonDelete), onClick: () => e(i), children: /* @__PURE__ */ b.jsx(He, { name: "general/close", className: O("text-icon-blue-grey-600", n == null ? void 0 : n.fileDeleteIcon) }) })
     ] })
   ] }, r.name);
-}, c$ = ({ controlledFiles: t, filesStatus: e, classes: n, removeFile: r }) => t && t.length > 0 ? /* @__PURE__ */ b.jsx("ul", { className: R("flex max-w-[476px] flex-col gap-1 px-1", n == null ? void 0 : n.filesWrapperContent), children: t.map((o, s) => /* @__PURE__ */ b.jsx(l$, { file: o, index: s, filesStatus: e, removeFile: r, classes: n }, s)) }) : null, u$ = w.forwardRef(function({
+}, c$ = ({ controlledFiles: t, filesStatus: e, classes: n, removeFile: r }) => t && t.length > 0 ? /* @__PURE__ */ b.jsx("ul", { className: O("flex max-w-[476px] flex-col gap-1 px-1", n == null ? void 0 : n.filesWrapperContent), children: t.map((o, s) => /* @__PURE__ */ b.jsx(l$, { file: o, index: s, filesStatus: e, removeFile: r, classes: n }, s)) }) : null, u$ = w.forwardRef(function({
   dropzoneOptions: e = Pw,
   controlledFiles: n,
   onValueChange: r,
@@ -34741,7 +34741,7 @@ const s$ = ({ dropzoneOptions: t, controlledFiles: e, onValueChange: n }) => {
     onValueChange: r
   });
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    /* @__PURE__ */ b.jsxs("div", { className: R("relative mb-3 w-[476px]", a == null ? void 0 : a.wrapperMainContent), children: [
+    /* @__PURE__ */ b.jsxs("div", { className: O("relative mb-3 w-[476px]", a == null ? void 0 : a.wrapperMainContent), children: [
       /* @__PURE__ */ b.jsx(r5, { ref: c, name: l, classes: a, error: s, disabled: o, dropzoneState: f }),
       /* @__PURE__ */ b.jsx(
         Ut,
@@ -34988,11 +34988,11 @@ var y$ = "RadioGroupIndicator", nE = w.forwardRef(
 );
 nE.displayName = y$;
 var x$ = Qw, C$ = tE, S$ = nE;
-const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.jsx(b.Fragment, { children: t == null ? void 0 : t.map(({ label: r, value: i, isDisabled: o }) => /* @__PURE__ */ b.jsxs("div", { className: R("flex items-center gap-2", e == null ? void 0 : e.radioOption), children: [
+const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.jsx(b.Fragment, { children: t == null ? void 0 : t.map(({ label: r, value: i, isDisabled: o }) => /* @__PURE__ */ b.jsxs("div", { className: O("flex items-center gap-2", e == null ? void 0 : e.radioOption), children: [
   /* @__PURE__ */ b.jsx(
     "div",
     {
-      className: R(
+      className: O(
         "flex size-10 items-center justify-center rounded-full transition-all focus-within:bg-color-primary-tr-focus hover:bg-color-primary-tr-hover",
         e == null ? void 0 : e.radio,
         { "!bg-color-transparent": o }
@@ -35001,7 +35001,7 @@ const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.j
         C$,
         {
           disabled: o,
-          className: R(
+          className: O(
             "relative size-6 cursor-pointer rounded-full border-2 border-solid bg-color-transparent outline-none transition-all data-[state=checked]:border-primary-default data-[state=unchecked]:border-blue-grey-700",
             {
               "data-[state=checked]:!border-primary-disabled data-[state=unchecked]:border-transparent data-[state=unchecked]:bg-color-blue-grey-300": o
@@ -35014,7 +35014,7 @@ const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.j
           children: /* @__PURE__ */ b.jsx(
             S$,
             {
-              className: R(
+              className: O(
                 'after:content-[" "] relative flex h-full w-full items-center justify-center after:block after:size-3 after:rounded-full after:bg-color-primary-default',
                 { "after:bg-color-primary-disabled": o },
                 e == null ? void 0 : e.radioIndicator
@@ -35029,7 +35029,7 @@ const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.j
     "label",
     {
       htmlFor: i,
-      className: R(
+      className: O(
         "desk-body-regular-l cursor-pointer text-color-dark",
         { "text-color-disabled": o },
         e == null ? void 0 : e.radioLabel
@@ -35061,16 +35061,16 @@ const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.j
   {
     name: a.name,
     control: e,
-    render: ({ field: { onChange: l, value: c, ...u }, fieldState: { error: d } }) => /* @__PURE__ */ b.jsxs("div", { className: R("flex max-w-max flex-col gap-4", o == null ? void 0 : o.root), children: [
-      n && /* @__PURE__ */ b.jsx("span", { className: R("desk-body-regular-l text-color-dark", o == null ? void 0 : o.groupName), children: n }),
-      /* @__PURE__ */ b.jsxs("div", { className: R("flex flex-col", o == null ? void 0 : o.field), children: [
+    render: ({ field: { onChange: l, value: c, ...u }, fieldState: { error: d } }) => /* @__PURE__ */ b.jsxs("div", { className: O("flex max-w-max flex-col gap-4", o == null ? void 0 : o.root), children: [
+      n && /* @__PURE__ */ b.jsx("span", { className: O("desk-body-regular-l text-color-dark", o == null ? void 0 : o.groupName), children: n }),
+      /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col", o == null ? void 0 : o.field), children: [
         /* @__PURE__ */ b.jsx(
           x$,
           {
             onValueChange: l,
             value: c,
             defaultValue: c,
-            className: R(E$({ orientation: s }), o == null ? void 0 : o.radioGroup),
+            className: O(E$({ orientation: s }), o == null ? void 0 : o.radioGroup),
             ...u,
             ...a,
             children: /* @__PURE__ */ b.jsx(w$, { radioItemsGroup: t, error: !!(d != null && d.message), classes: o })
@@ -35156,7 +35156,7 @@ const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.j
 ), k$ = ({ optionsList: t, menuIsOpen: e, onSelectOption: n }) => /* @__PURE__ */ b.jsx(
   "div",
   {
-    className: R(
+    className: O(
       "invisible absolute top-[64px] z-10 h-[208px] w-full scale-0 rounded-sm bg-color-white p-1 opacity-0 shadow-sm transition-all",
       { "opacity-1 scale-1 visible": e }
     ),
@@ -35217,7 +35217,7 @@ const w$ = ({ radioItemsGroup: t, classes: e, error: n }) => /* @__PURE__ */ b.j
                   allowNegative: !1,
                   disabled: o,
                   value: g,
-                  className: R(
+                  className: O(
                     "desk-body-regular-l h-[56px] w-full rounded-md bg-color-transparent px-4 pt-5 text-color-dark outline-none transition-all",
                     i == null ? void 0 : i.input
                   ),
@@ -35308,9 +35308,9 @@ var sE = w.createContext({}), aE = w.forwardRef((t, e) => {
         X(null), ne(null);
         return;
       }
-      let A = U.selectionStart, O = U.selectionEnd, Q = U.selectionDirection, H = U.maxLength, z = U.value, N = F.current.prev, Z = -1, pe = -1, Se;
-      if (z.length !== 0 && A !== null && O !== null) {
-        let jn = A === O, Lr = A === z.length && z.length < H;
+      let A = U.selectionStart, R = U.selectionEnd, Q = U.selectionDirection, H = U.maxLength, z = U.value, N = F.current.prev, Z = -1, pe = -1, Se;
+      if (z.length !== 0 && A !== null && R !== null) {
+        let jn = A === R, Lr = A === z.length && z.length < H;
         if (jn && !Lr) {
           let Bt = A;
           if (Bt === 0) Z = 0, pe = 1, Se = "forward";
@@ -35327,14 +35327,14 @@ var sE = w.createContext({}), aE = w.forwardRef((t, e) => {
         }
         Z !== -1 && pe !== -1 && Z !== pe && B.current.setSelectionRange(Z, pe, Se);
       }
-      let Ze = Z !== -1 ? Z : A, xn = pe !== -1 ? pe : O, qt = Se ?? Q;
+      let Ze = Z !== -1 ? Z : A, xn = pe !== -1 ? pe : R, qt = Se ?? Q;
       X(Ze), ne(xn), F.current.prev = [Ze, xn, qt];
     }
     if (document.addEventListener("selectionchange", De, { capture: !0 }), De(), document.activeElement === U && P(!0), !document.getElementById("input-otp-style")) {
       let A = document.createElement("style");
       if (A.id = "input-otp-style", document.head.appendChild(A), A.sheet) {
-        let O = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        bo(A.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), bo(A.sheet, `[data-input-otp]:autofill { ${O} }`), bo(A.sheet, `[data-input-otp]:-webkit-autofill { ${O} }`), bo(A.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), bo(A.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+        let R = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
+        bo(A.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), bo(A.sheet, `[data-input-otp]:autofill { ${R} }`), bo(A.sheet, `[data-input-otp]:-webkit-autofill { ${R} }`), bo(A.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), bo(A.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
       }
     }
     let te = () => {
@@ -35351,8 +35351,8 @@ var sE = w.createContext({}), aE = w.forwardRef((t, e) => {
     F$(() => {
       var U, le, De, te;
       (U = B.current) == null || U.dispatchEvent(new Event("input"));
-      let E = (le = B.current) == null ? void 0 : le.selectionStart, A = (De = B.current) == null ? void 0 : De.selectionEnd, O = (te = B.current) == null ? void 0 : te.selectionDirection;
-      E !== null && A !== null && (X(E), ne(A), F.current.prev = [E, A, O]);
+      let E = (le = B.current) == null ? void 0 : le.selectionStart, A = (De = B.current) == null ? void 0 : De.selectionEnd, R = (te = B.current) == null ? void 0 : te.selectionDirection;
+      E !== null && A !== null && (X(E), ne(A), F.current.prev = [E, A, R]);
     });
   }, [M, ie]), w.useEffect(() => {
     L !== void 0 && M !== L && L.length < o && M.length === o && (u == null || u(M));
@@ -35377,7 +35377,7 @@ var sE = w.createContext({}), aE = w.forwardRef((t, e) => {
     if (!f && (!J.current.isIOS || !U.clipboardData || !te)) return;
     let E = U.clipboardData.getData("text/plain"), A = f ? f(E) : E;
     console.log({ _content: E, content: A }), U.preventDefault();
-    let O = (le = B.current) == null ? void 0 : le.selectionStart, Q = (De = B.current) == null ? void 0 : De.selectionEnd, H = (O !== Q ? M.slice(0, O) + A + M.slice(Q) : M.slice(0, O) + A + M.slice(O)).slice(0, o);
+    let R = (le = B.current) == null ? void 0 : le.selectionStart, Q = (De = B.current) == null ? void 0 : De.selectionEnd, H = (R !== Q ? M.slice(0, R) + A + M.slice(Q) : M.slice(0, R) + A + M.slice(R)).slice(0, o);
     if (H.length > 0 && V && !V.test(H)) return;
     te.value = H, W(H);
     let z = Math.min(H.length, o - 1), N = H.length;
@@ -35436,8 +35436,8 @@ const lE = rr(({ classes: t, ...e }, n) => /* @__PURE__ */ b.jsx(
   aE,
   {
     ref: n,
-    containerClassName: R("flex items-center w-full", t == null ? void 0 : t.inputContainer),
-    className: R("disabled:cursor-not-allowed", t == null ? void 0 : t.input),
+    containerClassName: O("flex items-center w-full", t == null ? void 0 : t.inputContainer),
+    className: O("disabled:cursor-not-allowed", t == null ? void 0 : t.input),
     ...e
   }
 ));
@@ -35448,18 +35448,18 @@ const cE = rr(({ index: t, classes: e, ...n }, r) => {
     "div",
     {
       ref: r,
-      className: R(
+      className: O(
         "desk-headline-bold-m relative flex size-10 items-center justify-center bg-color-dark bg-color-transparent",
         e == null ? void 0 : e.singleChar
       ),
       ...n,
       children: [
         o,
-        s && /* @__PURE__ */ b.jsx("div", { className: R("pointer-events-none absolute inset-0 flex items-center justify-center", e == null ? void 0 : e.caretWrapper), children: /* @__PURE__ */ b.jsx("div", { className: R("h-5 w-px animate-caret-blink bg-color-dark duration-1000", e == null ? void 0 : e.caret) }) }),
+        s && /* @__PURE__ */ b.jsx("div", { className: O("pointer-events-none absolute inset-0 flex items-center justify-center", e == null ? void 0 : e.caretWrapper), children: /* @__PURE__ */ b.jsx("div", { className: O("h-5 w-px animate-caret-blink bg-color-dark duration-1000", e == null ? void 0 : e.caret) }) }),
         /* @__PURE__ */ b.jsx(
           "span",
           {
-            className: R("absolute bottom-0 h-px w-8 bg-color-blue-grey-500", { "bg-color-dark": a }, e == null ? void 0 : e.substrate)
+            className: O("absolute bottom-0 h-px w-8 bg-color-blue-grey-500", { "bg-color-dark": a }, e == null ? void 0 : e.substrate)
           }
         )
       ]
@@ -35484,8 +35484,8 @@ const MW = ({
     {
       control: t,
       name: s.name,
-      render: ({ field: { value: l, ...c }, fieldState: { error: u } }) => /* @__PURE__ */ b.jsxs("div", { className: R("m-auto w-max", n == null ? void 0 : n.root), children: [
-        /* @__PURE__ */ b.jsx(lE, { pattern: _$, value: l ?? "", ...c, maxLength: e, children: /* @__PURE__ */ b.jsx("div", { className: R("m-auto flex w-max items-center gap-4", n == null ? void 0 : n.wrapper), children: e > 0 && Array.from({ length: e }, (d, f) => /* @__PURE__ */ b.jsx(cE, { index: f }, f)) }) }),
+      render: ({ field: { value: l, ...c }, fieldState: { error: u } }) => /* @__PURE__ */ b.jsxs("div", { className: O("m-auto w-max", n == null ? void 0 : n.root), children: [
+        /* @__PURE__ */ b.jsx(lE, { pattern: _$, value: l ?? "", ...c, maxLength: e, children: /* @__PURE__ */ b.jsx("div", { className: O("m-auto flex w-max items-center gap-4", n == null ? void 0 : n.wrapper), children: e > 0 && Array.from({ length: e }, (d, f) => /* @__PURE__ */ b.jsx(cE, { index: f }, f)) }) }),
         /* @__PURE__ */ b.jsx(
           Ut,
           {
@@ -35505,21 +35505,21 @@ const MW = ({
     "div",
     {
       "data-id": "banner-buttons-group",
-      className: R(
+      className: O(
         "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
         { "flex items-center gap-4": r },
         e == null ? void 0 : e.group,
         n
       ),
       children: [
-        /* @__PURE__ */ b.jsx(qu, { intent: "primary", ...t.primary, isFull: !0, className: R("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: t.primary.children }),
+        /* @__PURE__ */ b.jsx(qu, { intent: "primary", ...t.primary, isFull: !0, className: O("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: t.primary.children }),
         r && /* @__PURE__ */ b.jsx(
           qu,
           {
             intent: "secondary",
             ...t == null ? void 0 : t.secondary,
             isFull: !0,
-            className: R("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
+            className: O("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
             children: (i = t == null ? void 0 : t.secondary) == null ? void 0 : i.children
           }
         )
@@ -35539,7 +35539,7 @@ const MW = ({
     "div",
     {
       "data-id": "banner-advantages",
-      className: R(
+      className: O(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         i == null ? void 0 : i.advantageContainer
       ),
@@ -35547,7 +35547,7 @@ const MW = ({
     }
   );
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    /* @__PURE__ */ b.jsxs("section", { "data-id": "banner-section", className: R("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.section), children: [
+    /* @__PURE__ */ b.jsxs("section", { "data-id": "banner-section", className: O("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.section), children: [
       /* @__PURE__ */ b.jsx(
         "div",
         {
@@ -35562,22 +35562,22 @@ const MW = ({
                 "data-id": "banner-image",
                 src: o,
                 alt: "Картинка баннера",
-                className: R("h-full w-full object-cover object-center", i == null ? void 0 : i.image)
+                className: O("h-full w-full object-cover object-center", i == null ? void 0 : i.image)
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ b.jsxs(Mf, { "data-id": "banner-container", className: R("h-full", i == null ? void 0 : i.container), children: [
-        /* @__PURE__ */ b.jsx("div", { "data-id": "banner", className: R("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ b.jsxs(
+      /* @__PURE__ */ b.jsxs(Mf, { "data-id": "banner-container", className: O("h-full", i == null ? void 0 : i.container), children: [
+        /* @__PURE__ */ b.jsx("div", { "data-id": "banner", className: O("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ b.jsxs(
           "div",
           {
             "data-id": "banner-text-block",
-            className: R("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock),
+            className: O("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock),
             children: [
               /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ b.jsx(vs, { "data-id": "banner-title", as: "h1", className: R("text-color-white", i == null ? void 0 : i.title), children: t }),
-                /* @__PURE__ */ b.jsx("p", { "data-id": "banner-subtitle", className: R("desk-body-regular-l text-color-white", i == null ? void 0 : i.subtitle), children: e })
+                /* @__PURE__ */ b.jsx(vs, { "data-id": "banner-title", as: "h1", className: O("text-color-white", i == null ? void 0 : i.title), children: t }),
+                /* @__PURE__ */ b.jsx("p", { "data-id": "banner-subtitle", className: O("desk-body-regular-l text-color-white", i == null ? void 0 : i.subtitle), children: e })
               ] }),
               /* @__PURE__ */ b.jsx(
                 uE,
@@ -35609,7 +35609,7 @@ const MW = ({
     "div",
     {
       "data-id": "banner-advantages",
-      className: R(
+      className: O(
         "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
         i == null ? void 0 : i.advantageContainer
       ),
@@ -35617,12 +35617,12 @@ const MW = ({
     }
   );
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    /* @__PURE__ */ b.jsx("section", { "data-id": "banner-section", className: R("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.section), children: /* @__PURE__ */ b.jsxs(Mf, { "data-id": "banner-container", className: R("relative", i == null ? void 0 : i.container), children: [
-      /* @__PURE__ */ b.jsxs("div", { "data-id": "banner", className: R("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
+    /* @__PURE__ */ b.jsx("section", { "data-id": "banner-section", className: O("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.section), children: /* @__PURE__ */ b.jsxs(Mf, { "data-id": "banner-container", className: O("relative", i == null ? void 0 : i.container), children: [
+      /* @__PURE__ */ b.jsxs("div", { "data-id": "banner", className: O("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
         /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-          /* @__PURE__ */ b.jsxs("div", { "data-id": "banner-text-block", className: R("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
-            /* @__PURE__ */ b.jsx(vs, { "data-id": "banner-title", as: "h1", className: R("text-color-dark", i == null ? void 0 : i.title), children: t }),
-            /* @__PURE__ */ b.jsx("p", { "data-id": "banner-subtitle", className: R("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle), children: e })
+          /* @__PURE__ */ b.jsxs("div", { "data-id": "banner-text-block", className: O("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
+            /* @__PURE__ */ b.jsx(vs, { "data-id": "banner-title", as: "h1", className: O("text-color-dark", i == null ? void 0 : i.title), children: t }),
+            /* @__PURE__ */ b.jsx("p", { "data-id": "banner-subtitle", className: O("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle), children: e })
           ] }),
           /* @__PURE__ */ b.jsx(uE, { buttonsConfig: n, classes: i })
         ] }),
@@ -35630,7 +35630,7 @@ const MW = ({
           "div",
           {
             "data-id": "banner-image-wrapper",
-            className: R("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
+            className: O("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
             children: /* @__PURE__ */ b.jsxs("picture", { children: [
               /* @__PURE__ */ b.jsx("source", { media: "(min-width: 1128px)", srcSet: s == null ? void 0 : s.large }),
               /* @__PURE__ */ b.jsx("source", { media: "(max-width: 1127px)", srcSet: s == null ? void 0 : s.mob }),
@@ -35640,7 +35640,7 @@ const MW = ({
                   "data-id": "banner-image",
                   src: o,
                   alt: "Картинка баннера",
-                  className: R("h-full object-cover", i == null ? void 0 : i.image)
+                  className: O("h-full object-cover", i == null ? void 0 : i.image)
                 }
               )
             ] })
@@ -35661,29 +35661,38 @@ const MW = ({
       return /* @__PURE__ */ b.jsx(Zb, { ...e });
   }
 }, $$ = ({ description: t, title: e, img: n, mobileImg: r, classes: i, index: o }) => {
-  const { isDesktop: s } = Wl(), a = /* @__PURE__ */ b.jsx(b.Fragment, { children: o === 0 && s && /* @__PURE__ */ b.jsx(qu, { intent: "primary", className: "desktop:w-[200px]", onClick: () => PE("personal_form"), size: "lg", children: "Оформить заявку" }) });
+  const { isDesktop: s } = Wl(), a = /* @__PURE__ */ b.jsx(b.Fragment, { children: o === 0 && s && /* @__PURE__ */ b.jsx(
+    qu,
+    {
+      intent: "primary",
+      className: O("desktop:w-[200px]", i == null ? void 0 : i.button),
+      onClick: () => PE("personal_form"),
+      size: "lg",
+      children: "Оформить заявку"
+    }
+  ) });
   return /* @__PURE__ */ b.jsxs(
     "li",
     {
-      className: R(
+      className: O(
         "flex flex-col overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0 desktop:first:col-span-full",
         { "pb-0": r },
         i == null ? void 0 : i.item
       ),
       children: [
-        /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col items-start justify-between px-4 desktop:py-8 desktop:pl-8", children: [
-          /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ b.jsx(vs, { as: "h4", className: "desktop:desk-title-bold-s", children: e }),
-            /* @__PURE__ */ b.jsx("p", { className: "mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", children: t })
+        /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col items-start justify-between px-4 desktop:py-8 desktop:pl-8", i == null ? void 0 : i.itemWrapper), children: [
+          /* @__PURE__ */ b.jsxs("div", { className: O("flex flex-col gap-4", i == null ? void 0 : i.itemTextContainer), children: [
+            /* @__PURE__ */ b.jsx(vs, { as: "h4", className: O("desktop:desk-title-bold-s", i == null ? void 0 : i.headingBenefitItem), children: e }),
+            /* @__PURE__ */ b.jsx("p", { className: O("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.itemDescription), children: t })
           ] }),
           a
         ] }),
-        (r || s) && /* @__PURE__ */ b.jsx("div", { className: "w-full", children: /* @__PURE__ */ b.jsx("img", { className: "h-[246px] object-cover", src: n, alt: e }) })
+        (r || s) && /* @__PURE__ */ b.jsx("div", { className: O("w-full", i == null ? void 0 : i.imgWrapper), children: /* @__PURE__ */ b.jsx("img", { className: O("h-[246px] object-cover", i == null ? void 0 : i.img), src: n, alt: e }) })
       ]
     },
     n
   );
-}, PW = ({ heading: t, content: e, classes: n }) => /* @__PURE__ */ b.jsx("section", { className: "pb-20", children: /* @__PURE__ */ b.jsxs(Mf, { children: [
+}, PW = ({ heading: t, content: e, classes: n }) => /* @__PURE__ */ b.jsx("section", { className: O("pb-20", n == null ? void 0 : n.section), children: /* @__PURE__ */ b.jsxs(Mf, { children: [
   /* @__PURE__ */ b.jsx(vs, { className: "mb-8", as: "h2", children: t }),
   /* @__PURE__ */ b.jsx("ul", { className: "grid grid-cols-1 gap-4 desktop:grid-cols-2", children: e == null ? void 0 : e.map((r, i) => /* @__PURE__ */ b.jsx($$, { index: i, classes: n, ...r }, r.img)) })
 ] }) });