@scbt-ecom/ui 0.91.3 → 0.91.4

package/dist/widget.js

@@ -1,46 +1,46 @@
 var De = Object.defineProperty;
-var Wt = (e) => {
+var At = (e) => {
   throw TypeError(e);
 };
 var He = (e, t, r) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Tt = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), Ft = (e, t, r) => t.has(e) || Wt("Cannot " + r);
-var h = (e, t, r) => (Ft(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? Wt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), j = (e, t, r, n) => (Ft(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), q = (e, t, r) => (Ft(e, t, "access private method"), r);
+var Tt = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), Ft = (e, t, r) => t.has(e) || At("Cannot " + r);
+var h = (e, t, r) => (Ft(e, t, "read from private field"), r ? r.call(e) : t.get(e)), S = (e, t, r) => t.has(e) ? At("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, n) => (Ft(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), q = (e, t, r) => (Ft(e, t, "access private method"), r);
 var jt = (e, t, r, n) => ({
   set _(i) {
-    j(e, t, i, r);
+    y(e, t, i, r);
   },
   get _() {
     return h(e, t, n);
   }
 });
-import { Z as we, _ as ve, $ as ze, a0 as T, a1 as At, a2 as Le, a3 as Qe, a4 as qt, a5 as W, a6 as $e, a7 as Ve, a8 as We, a9 as Ae, aa as Ut, ab as Kt, ac as qe, ad as Zt, ae as Yt, af as Ue, j as o, B as ht, c as D, R as F, o as Ne, G as Ke, F as R, i as c, T as pt, s as Ze, v as Ye, q as Nt, L as Xe, p as Pt, A as dt, W as Rt, ag as Je, r as Ge, X as Ct, E as se, ah as Dt, ai as tr, M as er } from "./index-BLcEyVj0.js";
-import { c as l, T as _ } from "./typeGuards-BHbj394R.js";
+import { Z as we, _ as ve, $ as ze, a0 as T, a1 as Wt, a2 as Le, a3 as Qe, a4 as qt, a5 as A, a6 as $e, a7 as Ve, a8 as Ae, a9 as We, aa as Ut, ab as Kt, ac as qe, ad as Zt, ae as Yt, af as Ue, j as o, B as ht, c as D, R as F, o as Ne, G as Ke, F as R, i as c, T as pt, s as Ze, v as Ye, q as Nt, L as Xe, p as Pt, A as dt, W as Rt, ag as Je, r as Ge, X as Ct, E as se, ah as Dt, ai as tr, M as er } from "./index-DGpsSEYL.js";
+import { c as a, T as j } from "./typeGuards-BHbj394R.js";
 import * as ut from "react";
 import { lazy as B, useCallback as Ce, useState as O, memo as ft, useMemo as ct, createElement as St, useRef as Ht, useReducer as rr, forwardRef as nr, useEffect as wt } from "react";
 import { i as Xt } from "./isClient-C9aZtt2Q.js";
 import { s as or, c as It, a as ir, l as dr } from "./localStorageActions-CkWWvUS3.js";
-import { u as lt, b as Mt, a as lr, g as _t, F as ar } from "./useDebounce-5MeprqTX.js";
+import { u as at, b as Mt, a as ar, g as _t, F as lr } from "./useDebounce-DqiN3mnG.js";
 import { z as zt, Z as Ot } from "./index-Cj4n5Vtu.js";
 import { au as Lt } from "./utils-U4W3nat7.js";
-import { b as ur, u as mr, a as xr } from "./useFieldsProgress-C918amw-.js";
+import { b as ur, u as mr, a as xr } from "./useFieldsProgress-C13Klwl7.js";
 import { createPortal as Se } from "react-dom";
 var Q, ge, hr = (ge = class extends we {
   constructor(t = {}) {
     super();
-    N(this, Q);
-    this.config = t, j(this, Q, /* @__PURE__ */ new Map());
+    S(this, Q);
+    this.config = t, y(this, Q, /* @__PURE__ */ new Map());
   }
   build(t, r, n) {
     const i = r.queryKey, d = r.queryHash ?? ve(i, r);
-    let a = this.get(d);
-    return a || (a = new ze({
+    let l = this.get(d);
+    return l || (l = new ze({
       client: t,
       queryKey: i,
       queryHash: d,
       options: t.defaultQueryOptions(r),
       state: n,
       defaultOptions: t.getQueryDefaults(i)
-    }), this.add(a)), a;
+    }), this.add(l)), l;
   }
   add(t) {
     h(this, Q).has(t.queryHash) || (h(this, Q).set(t.queryHash, t), this.notify({
@@ -68,12 +68,12 @@ var Q, ge, hr = (ge = class extends we {
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => At(r, n)
+      (n) => Wt(r, n)
     );
   }
   findAll(t = {}) {
     const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((n) => At(t, n)) : r;
+    return Object.keys(t).length > 0 ? r.filter((n) => Wt(t, n)) : r;
   }
   notify(t) {
     T.batch(() => {
@@ -96,14 +96,14 @@ var Q, ge, hr = (ge = class extends we {
       });
     });
   }
-}, Q = new WeakMap(), ge), $, M, s, V, U, je, pr = (je = class extends Le {
+}, Q = new WeakMap(), ge), $, _, s, V, U, je, pr = (je = class extends Le {
   constructor(t) {
     super();
-    N(this, V);
-    N(this, $);
-    N(this, M);
-    N(this, s);
-    this.mutationId = t.mutationId, j(this, M, t.mutationCache), j(this, $, []), this.state = t.state || fr(), this.setOptions(t.options), this.scheduleGc();
+    S(this, V);
+    S(this, $);
+    S(this, _);
+    S(this, s);
+    this.mutationId = t.mutationId, y(this, _, t.mutationCache), y(this, $, []), this.state = t.state || fr(), this.setOptions(t.options), this.scheduleGc();
   }
   setOptions(t) {
     this.options = t, this.updateGcTime(this.options.gcTime);
@@ -112,21 +112,21 @@ var Q, ge, hr = (ge = class extends we {
     return this.options.meta;
   }
   addObserver(t) {
-    h(this, $).includes(t) || (h(this, $).push(t), this.clearGcTimeout(), h(this, M).notify({
+    h(this, $).includes(t) || (h(this, $).push(t), this.clearGcTimeout(), h(this, _).notify({
       type: "observerAdded",
       mutation: this,
       observer: t
     }));
   }
   removeObserver(t) {
-    j(this, $, h(this, $).filter((r) => r !== t)), this.scheduleGc(), h(this, M).notify({
+    y(this, $, h(this, $).filter((r) => r !== t)), this.scheduleGc(), h(this, _).notify({
       type: "observerRemoved",
       mutation: this,
       observer: t
     });
   }
   optionalRemove() {
-    h(this, $).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, M).remove(this));
+    h(this, $).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, _).remove(this));
   }
   continue() {
     var t;
@@ -134,14 +134,14 @@ var Q, ge, hr = (ge = class extends we {
     this.execute(this.state.variables);
   }
   async execute(t) {
-    var d, a, u, x, m, p, f, S, y, E, k, I, P, z, v, C, L, X, bt, gt;
+    var d, l, u, x, m, p, f, k, w, E, v, M, P, z, C, I, L, X, bt, gt;
     const r = () => {
       q(this, V, U).call(this, { type: "continue" });
     };
-    j(this, s, Qe({
+    y(this, s, Qe({
       fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (w, J) => {
-        q(this, V, U).call(this, { type: "failed", failureCount: w, error: J });
+      onFail: (N, J) => {
+        q(this, V, U).call(this, { type: "failed", failureCount: N, error: J });
       },
       onPause: () => {
         q(this, V, U).call(this, { type: "pause" });
@@ -150,14 +150,14 @@ var Q, ge, hr = (ge = class extends we {
       retry: this.options.retry ?? 0,
       retryDelay: this.options.retryDelay,
       networkMode: this.options.networkMode,
-      canRun: () => h(this, M).canRun(this)
+      canRun: () => h(this, _).canRun(this)
     }));
     const n = this.state.status === "pending", i = !h(this, s).canStart();
     try {
       if (n)
         r();
       else {
-        q(this, V, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((a = (d = h(this, M).config).onMutate) == null ? void 0 : a.call(
+        q(this, V, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, _).config).onMutate) == null ? void 0 : l.call(
           d,
           t,
           this
@@ -170,56 +170,56 @@ var Q, ge, hr = (ge = class extends we {
           isPaused: i
         });
       }
-      const w = await h(this, s).start();
-      return await ((p = (m = h(this, M).config).onSuccess) == null ? void 0 : p.call(
+      const N = await h(this, s).start();
+      return await ((p = (m = h(this, _).config).onSuccess) == null ? void 0 : p.call(
         m,
-        w,
+        N,
         t,
         this.state.context,
         this
-      )), await ((S = (f = this.options).onSuccess) == null ? void 0 : S.call(f, w, t, this.state.context)), await ((E = (y = h(this, M).config).onSettled) == null ? void 0 : E.call(
-        y,
+      )), await ((k = (f = this.options).onSuccess) == null ? void 0 : k.call(f, N, t, this.state.context)), await ((E = (w = h(this, _).config).onSettled) == null ? void 0 : E.call(
         w,
+        N,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((I = (k = this.options).onSettled) == null ? void 0 : I.call(k, w, null, t, this.state.context)), q(this, V, U).call(this, { type: "success", data: w }), w;
-    } catch (w) {
+      )), await ((M = (v = this.options).onSettled) == null ? void 0 : M.call(v, N, null, t, this.state.context)), q(this, V, U).call(this, { type: "success", data: N }), N;
+    } catch (N) {
       try {
-        throw await ((z = (P = h(this, M).config).onError) == null ? void 0 : z.call(
+        throw await ((z = (P = h(this, _).config).onError) == null ? void 0 : z.call(
           P,
-          w,
+          N,
           t,
           this.state.context,
           this
-        )), await ((C = (v = this.options).onError) == null ? void 0 : C.call(
-          v,
-          w,
+        )), await ((I = (C = this.options).onError) == null ? void 0 : I.call(
+          C,
+          N,
           t,
           this.state.context
-        )), await ((X = (L = h(this, M).config).onSettled) == null ? void 0 : X.call(
+        )), await ((X = (L = h(this, _).config).onSettled) == null ? void 0 : X.call(
           L,
           void 0,
-          w,
+          N,
           this.state.variables,
           this.state.context,
           this
         )), await ((gt = (bt = this.options).onSettled) == null ? void 0 : gt.call(
           bt,
           void 0,
-          w,
+          N,
           t,
           this.state.context
-        )), w;
+        )), N;
       } finally {
-        q(this, V, U).call(this, { type: "error", error: w });
+        q(this, V, U).call(this, { type: "error", error: N });
       }
     } finally {
-      h(this, M).runNext(this);
+      h(this, _).runNext(this);
     }
   }
-}, $ = new WeakMap(), M = new WeakMap(), s = new WeakMap(), V = new WeakSet(), U = function(t) {
+}, $ = new WeakMap(), _ = new WeakMap(), s = new WeakMap(), V = new WeakSet(), U = function(t) {
   const r = (n) => {
     switch (t.type) {
       case "failed":
@@ -276,7 +276,7 @@ var Q, ge, hr = (ge = class extends we {
   this.state = r(this.state), T.batch(() => {
     h(this, $).forEach((n) => {
       n.onMutationUpdate(t);
-    }), h(this, M).notify({
+    }), h(this, _).notify({
       mutation: this,
       type: "updated",
       action: t
@@ -296,13 +296,13 @@ function fr() {
     submittedAt: 0
   };
 }
-var A, H, xt, ye, cr = (ye = class extends we {
+var W, H, xt, ye, cr = (ye = class extends we {
   constructor(t = {}) {
     super();
-    N(this, A);
-    N(this, H);
-    N(this, xt);
-    this.config = t, j(this, A, /* @__PURE__ */ new Set()), j(this, H, /* @__PURE__ */ new Map()), j(this, xt, 0);
+    S(this, W);
+    S(this, H);
+    S(this, xt);
+    this.config = t, y(this, W, /* @__PURE__ */ new Set()), y(this, H, /* @__PURE__ */ new Map()), y(this, xt, 0);
   }
   build(t, r, n) {
     const i = new pr({
@@ -314,7 +314,7 @@ var A, H, xt, ye, cr = (ye = class extends we {
     return this.add(i), i;
   }
   add(t) {
-    h(this, A).add(t);
+    h(this, W).add(t);
     const r = yt(t);
     if (typeof r == "string") {
       const n = h(this, H).get(r);
@@ -323,7 +323,7 @@ var A, H, xt, ye, cr = (ye = class extends we {
     this.notify({ type: "added", mutation: t });
   }
   remove(t) {
-    if (h(this, A).delete(t)) {
+    if (h(this, W).delete(t)) {
       const r = yt(t);
       if (typeof r == "string") {
         const n = h(this, H).get(r);
@@ -357,13 +357,13 @@ var A, H, xt, ye, cr = (ye = class extends we {
   }
   clear() {
     T.batch(() => {
-      h(this, A).forEach((t) => {
+      h(this, W).forEach((t) => {
         this.notify({ type: "removed", mutation: t });
-      }), h(this, A).clear(), h(this, H).clear();
+      }), h(this, W).clear(), h(this, H).clear();
     });
   }
   getAll() {
-    return Array.from(h(this, A));
+    return Array.from(h(this, W));
   }
   find(t) {
     const r = { exact: !0, ...t };
@@ -385,11 +385,11 @@ var A, H, xt, ye, cr = (ye = class extends we {
     const t = this.getAll().filter((r) => r.state.isPaused);
     return T.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(W))
+        t.map((r) => r.continue().catch(A))
       )
     );
   }
-}, A = new WeakMap(), H = new WeakMap(), xt = new WeakMap(), ye);
+}, W = new WeakMap(), H = new WeakMap(), xt = new WeakMap(), ye);
 function yt(e) {
   var t;
   return (t = e.options.scope) == null ? void 0 : t.id;
@@ -397,59 +397,59 @@ function yt(e) {
 function Jt(e) {
   return {
     onFetch: (t, r) => {
-      var p, f, S, y, E;
-      const n = t.options, i = (S = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : S.direction, d = ((y = t.state.data) == null ? void 0 : y.pages) || [], a = ((E = t.state.data) == null ? void 0 : E.pageParams) || [];
+      var p, f, k, w, E;
+      const n = t.options, i = (k = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : k.direction, d = ((w = t.state.data) == null ? void 0 : w.pages) || [], l = ((E = t.state.data) == null ? void 0 : E.pageParams) || [];
       let u = { pages: [], pageParams: [] }, x = 0;
       const m = async () => {
-        let k = !1;
-        const I = (v) => {
-          Object.defineProperty(v, "signal", {
+        let v = !1;
+        const M = (C) => {
+          Object.defineProperty(C, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? k = !0 : t.signal.addEventListener("abort", () => {
-              k = !0;
+            get: () => (t.signal.aborted ? v = !0 : t.signal.addEventListener("abort", () => {
+              v = !0;
             }), t.signal)
           });
-        }, P = $e(t.options, t.fetchOptions), z = async (v, C, L) => {
-          if (k)
+        }, P = $e(t.options, t.fetchOptions), z = async (C, I, L) => {
+          if (v)
             return Promise.reject();
-          if (C == null && v.pages.length)
-            return Promise.resolve(v);
+          if (I == null && C.pages.length)
+            return Promise.resolve(C);
           const bt = (() => {
             const Vt = {
               client: t.client,
               queryKey: t.queryKey,
-              pageParam: C,
+              pageParam: I,
               direction: L ? "backward" : "forward",
               meta: t.options.meta
             };
-            return I(Vt), Vt;
-          })(), gt = await P(bt), { maxPages: w } = t.options, J = L ? Ve : We;
+            return M(Vt), Vt;
+          })(), gt = await P(bt), { maxPages: N } = t.options, J = L ? Ve : Ae;
           return {
-            pages: J(v.pages, gt, w),
-            pageParams: J(v.pageParams, C, w)
+            pages: J(C.pages, gt, N),
+            pageParams: J(C.pageParams, I, N)
           };
         };
         if (i && d.length) {
-          const v = i === "backward", C = v ? br : Gt, L = {
+          const C = i === "backward", I = C ? br : Gt, L = {
             pages: d,
-            pageParams: a
-          }, X = C(n, L);
-          u = await z(L, X, v);
+            pageParams: l
+          }, X = I(n, L);
+          u = await z(L, X, C);
         } else {
-          const v = e ?? d.length;
+          const C = e ?? d.length;
           do {
-            const C = x === 0 ? a[0] ?? n.initialPageParam : Gt(n, u);
-            if (x > 0 && C == null)
+            const I = x === 0 ? l[0] ?? n.initialPageParam : Gt(n, u);
+            if (x > 0 && I == null)
               break;
-            u = await z(u, C), x++;
-          } while (x < v);
+            u = await z(u, I), x++;
+          } while (x < C);
         }
         return u;
       };
       t.options.persister ? t.fetchFn = () => {
-        var k, I;
-        return (I = (k = t.options).persister) == null ? void 0 : I.call(
-          k,
+        var v, M;
+        return (M = (v = t.options).persister) == null ? void 0 : M.call(
+          v,
           m,
           {
             client: t.client,
@@ -478,26 +478,26 @@ function br(e, { pages: t, pageParams: r }) {
 }
 var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
   constructor(e = {}) {
-    N(this, g);
-    N(this, K);
-    N(this, Z);
-    N(this, et);
-    N(this, rt);
-    N(this, Y);
-    N(this, nt);
-    N(this, ot);
-    j(this, g, e.queryCache || new hr()), j(this, K, e.mutationCache || new cr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
+    S(this, g);
+    S(this, K);
+    S(this, Z);
+    S(this, et);
+    S(this, rt);
+    S(this, Y);
+    S(this, nt);
+    S(this, ot);
+    y(this, g, e.queryCache || new hr()), y(this, K, e.mutationCache || new cr()), y(this, Z, e.defaultOptions || {}), y(this, et, /* @__PURE__ */ new Map()), y(this, rt, /* @__PURE__ */ new Map()), y(this, Y, 0);
   }
   mount() {
-    jt(this, Y)._++, h(this, Y) === 1 && (j(this, nt, Ae.subscribe(async (e) => {
+    jt(this, Y)._++, h(this, Y) === 1 && (y(this, nt, We.subscribe(async (e) => {
       e && (await this.resumePausedMutations(), h(this, g).onFocus());
-    })), j(this, ot, Ut.subscribe(async (e) => {
+    })), y(this, ot, Ut.subscribe(async (e) => {
       e && (await this.resumePausedMutations(), h(this, g).onOnline());
     })));
   }
   unmount() {
     var e, t;
-    jt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), j(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), j(this, ot, void 0));
+    jt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), y(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), y(this, ot, void 0));
   }
   isFetching(e) {
     return h(this, g).findAll({ ...e, fetchStatus: "fetching" }).length;
@@ -530,9 +530,9 @@ var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
   setQueryData(e, t, r) {
     const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, g).get(
       n.queryHash
-    ), d = i == null ? void 0 : i.state.data, a = qe(t, d);
-    if (a !== void 0)
-      return h(this, g).build(this, n).setData(a, { ...r, manual: !0 });
+    ), d = i == null ? void 0 : i.state.data, l = qe(t, d);
+    if (l !== void 0)
+      return h(this, g).build(this, n).setData(l, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
     return T.batch(
@@ -573,7 +573,7 @@ var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
     const r = { revert: !0, ...t }, n = T.batch(
       () => h(this, g).findAll(e).map((i) => i.cancel(r))
     );
-    return Promise.all(n).then(W).catch(W);
+    return Promise.all(n).then(A).catch(A);
   }
   invalidateQueries(e, t = {}) {
     return T.batch(() => (h(this, g).findAll(e).forEach((r) => {
@@ -593,10 +593,10 @@ var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
     }, n = T.batch(
       () => h(this, g).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
         let d = i.fetch(void 0, r);
-        return r.throwOnError || (d = d.catch(W)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
+        return r.throwOnError || (d = d.catch(A)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
       })
     );
-    return Promise.all(n).then(W);
+    return Promise.all(n).then(A);
   }
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
@@ -607,13 +607,13 @@ var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
     ) ? r.fetch(t) : Promise.resolve(r.state.data);
   }
   prefetchQuery(e) {
-    return this.fetchQuery(e).then(W).catch(W);
+    return this.fetchQuery(e).then(A).catch(A);
   }
   fetchInfiniteQuery(e) {
     return e.behavior = Jt(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then(W).catch(W);
+    return this.fetchInfiniteQuery(e).then(A).catch(A);
   }
   ensureInfiniteQueryData(e) {
     return e.behavior = Jt(e.pages), this.ensureQueryData(e);
@@ -631,7 +631,7 @@ var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
     return h(this, Z);
   }
   setDefaultOptions(e) {
-    j(this, Z, e);
+    y(this, Z, e);
   }
   setQueryDefaults(e, t) {
     h(this, et).set(Zt(e), {
@@ -683,7 +683,7 @@ var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
     h(this, g).clear(), h(this, K).clear();
   }
 }, g = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ke);
-const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resolve().then(() => Bo)), kr = B(() => Promise.resolve().then(() => Un)), wr = B(() => Promise.resolve().then(() => Zn)), vr = B(() => Promise.resolve().then(() => Jr)), Nr = B(() => Promise.resolve().then(() => Qr)), Cr = B(() => Promise.resolve().then(() => cn)), Sr = B(() => Promise.resolve().then(() => un)), Ir = B(() => Promise.resolve().then(() => po)), Mr = B(() => Promise.resolve().then(() => en)), _r = B(() => Promise.resolve().then(() => Hn)), Or = B(() => Promise.resolve().then(() => zr)), Tr = B(() => Promise.resolve().then(() => Ro)), Fr = B(() => Promise.resolve().then(() => Zo)), Br = {
+const jr = B(() => Promise.resolve().then(() => Ar)), yr = B(() => Promise.resolve().then(() => Bo)), kr = B(() => Promise.resolve().then(() => Un)), wr = B(() => Promise.resolve().then(() => Zn)), vr = B(() => Promise.resolve().then(() => Jr)), Nr = B(() => Promise.resolve().then(() => Qr)), Cr = B(() => Promise.resolve().then(() => cn)), Sr = B(() => Promise.resolve().then(() => un)), Ir = B(() => Promise.resolve().then(() => po)), Mr = B(() => Promise.resolve().then(() => en)), _r = B(() => Promise.resolve().then(() => Hn)), Or = B(() => Promise.resolve().then(() => zr)), Tr = B(() => Promise.resolve().then(() => Ro)), Fr = B(() => Promise.resolve().then(() => Zo)), Br = {
   header: Nr,
   seoHeader: Ir,
   banner: jr,
@@ -725,7 +725,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   }
 }, [e]), tt = ({ handlerOptions: e, className: t, ...r }) => {
   const n = Pr(e);
-  return /* @__PURE__ */ o.jsx(ht, { className: l(t), onClick: n, ...r, children: r.children });
+  return /* @__PURE__ */ o.jsx(ht, { className: a(t), onClick: n, ...r, children: r.children });
 }, Rr = D(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
@@ -744,31 +744,31 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   mobileImg: n,
   classes: i,
   withButton: d,
-  button: a,
+  button: l,
   variant: u,
   color: x
 }) => {
-  const { isDesktop: m } = lt();
+  const { isDesktop: m } = at();
   return /* @__PURE__ */ o.jsxs(
     "li",
     {
       style: { backgroundColor: x ?? "#F3F4F7" },
-      className: l(Rr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      className: a(Rr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
-            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: e },
-                className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
+                className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          d && m && (a == null ? void 0 : a.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: l("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...a })
+          d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
-        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
+        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && j.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
     },
     t
@@ -781,15 +781,15 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), st = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: l(n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(F, { className: n == null ? void 0 : n.container, children: [
+}), st = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: a(n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(F, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ o.jsx(
     "div",
     {
       dangerouslySetInnerHTML: { __html: e },
-      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ o.jsx("ul", { className: l(Hr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Dr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+  /* @__PURE__ */ o.jsx("ul", { className: a(Hr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Dr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
 ] }) }), zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Benefit: st,
@@ -810,8 +810,8 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     {
       id: b.header,
       "data-test-id": b.header,
-      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
-      children: /* @__PURE__ */ o.jsx(F, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
+      children: /* @__PURE__ */ o.jsx(F, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ o.jsx(
           "a",
           {
@@ -819,7 +819,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: l(
+            className: a(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               n == null ? void 0 : n.logo
             ),
@@ -839,7 +839,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "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": n == null ? void 0 : n.enabled },
         t == null ? void 0 : t.group
@@ -848,7 +848,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         r.enabled && /* @__PURE__ */ o.jsx(
           tt,
           {
-            className: l("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
+            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
             size: "lg",
             intent: "primary",
             ...r.buttonContent
@@ -859,7 +859,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
           {
             intent: "secondary",
             size: "lg",
-            className: l("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
+            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
             ...r.buttonContent
           }
         )
@@ -868,11 +868,11 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   );
 }, vt = ({ details: e, classes: t }) => {
   const { variant: r, items: n } = e ?? {};
-  return /* @__PURE__ */ o.jsx("div", { className: l("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("div", { className: a("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
     "div",
     {
       id: "advantages",
-      className: l(
+      className: a(
         "z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
         { "desktop:max-w-[860px]": r === "threeCards" },
         { "desktop:max-w-[1140px]": r === "fourCards" },
@@ -881,13 +881,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
             t == null ? void 0 : t.item
           ),
           children: [
-            /* @__PURE__ */ o.jsx(R, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
+            /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
+            /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
           ]
         },
         i
@@ -901,35 +901,35 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   advantages: n,
   classes: i,
   images: d,
-  backgroundColor: a
+  backgroundColor: l
 }) => {
   var m;
-  const { isMobile: u } = lt(), x = (n == null ? void 0 : n.details) && ((m = n == null ? void 0 : n.details) == null ? void 0 : m.items.length) > 0;
+  const { isMobile: u } = at(), x = (n == null ? void 0 : n.details) && ((m = n == null ? void 0 : n.details) == null ? void 0 : m.items.length) > 0;
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
       "section",
       {
         id: b.banner,
         "data-test-id": b.banner,
-        style: { backgroundColor: a ?? "#d9edff" },
-        className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        style: { backgroundColor: l ?? "#d9edff" },
+        className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
           /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: u ? /* @__PURE__ */ o.jsx("img", { src: d == null ? void 0 : d.mobile, className: "h-full w-full object-cover object-center", alt: d == null ? void 0 : d.alt }) : /* @__PURE__ */ o.jsx("img", { src: d == null ? void 0 : d.desktop, alt: d == null ? void 0 : d.alt, className: "h-full w-full object-cover object-center" }) }),
-          /* @__PURE__ */ o.jsxs(F, { className: l("h-full", i == null ? void 0 : i.container), children: [
-            /* @__PURE__ */ o.jsx("div", { className: l("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
+          /* @__PURE__ */ o.jsxs(F, { className: a("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ o.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
               /* @__PURE__ */ o.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
@@ -965,7 +965,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   advantages: n,
   classes: i,
   images: d,
-  backgroundColor: a
+  backgroundColor: l
 }) => {
   var x;
   const u = (n == null ? void 0 : n.details) && ((x = n == null ? void 0 : n.details) == null ? void 0 : x.items.length) > 0;
@@ -973,26 +973,26 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     "section",
     {
       id: b.banner,
-      style: { backgroundColor: a ?? "#d9edff" },
+      style: { backgroundColor: l ?? "#d9edff" },
       "data-test-id": b.banner,
-      className: l("", i == null ? void 0 : i.root),
+      className: a("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs(F, { className: l("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ o.jsxs(F, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
             /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-              /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
+              /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
@@ -1009,7 +1009,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: l(
+                className: a(
                   "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
@@ -1019,7 +1019,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: l(
+                className: a(
                   "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
@@ -1056,56 +1056,56 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     default:
       return /* @__PURE__ */ o.jsx(Vr, { ...t });
   }
-}, Wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Banner: ee,
   default: ee
-}, Symbol.toStringTag, { value: "Module" })), Ar = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n, ...i }) => /* @__PURE__ */ o.jsx(
+}, Symbol.toStringTag, { value: "Module" })), Wr = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n, ...i }) => /* @__PURE__ */ o.jsx(
   "a",
   {
-    className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
+    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
     href: n,
     "aria-label": r.replace("social/", ""),
     ...i,
-    children: /* @__PURE__ */ o.jsx(c, { name: r, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    children: /* @__PURE__ */ o.jsx(c, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
   n
-)) }), qr = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
+)) }), qr = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
   Ne,
   {
     phone: It(r),
     text: n,
     classes: {
-      root: l(t == null ? void 0 : t.phoneWrapper),
-      text: l("text-color-footer", t == null ? void 0 : t.phoneText),
-      link: l("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
+      root: a(t == null ? void 0 : t.phoneWrapper),
+      text: a("text-color-footer", t == null ? void 0 : t.phoneText),
+      link: a("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
   r
 )) }), Ur = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: l(
+    className: a(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
       e == null ? void 0 : e.navRoot
     ),
     children: t == null ? void 0 : t.map(
-      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-        /* @__PURE__ */ o.jsx("div", { className: l("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
-        /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: a, ...u }) => /* @__PURE__ */ o.jsx(
+      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+        /* @__PURE__ */ o.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
+        /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l, ...u }) => /* @__PURE__ */ o.jsx(
           pt,
           {
             href: d,
-            "aria-label": a,
+            "aria-label": l,
             intent: "white",
             classes: {
               link: e == null ? void 0 : e.navLink,
               icon: e == null ? void 0 : e.navLinkIcon
             },
             ...u,
-            children: a
+            children: l
           },
-          a
+          l
         )) })
       ] }, n))
     )
@@ -1115,7 +1115,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l("desk-body-regular-m text-color-footer [&_>p]:inline", t == null ? void 0 : t.copyRight),
+      className: a("desk-body-regular-m text-color-footer [&_>p]:inline", t == null ? void 0 : t.copyRight),
       dangerouslySetInnerHTML: {
         __html: `© 2004-${r} ${e}`
       }
@@ -1126,8 +1126,8 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
-    children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: l("size-full", e == null ? void 0 : e.footerLogoIcon) })
+    className: a("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
+    children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
 ), Yr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   pt,
@@ -1138,22 +1138,22 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: l("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
+      link: a("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
       icon: e == null ? void 0 : e.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
 ), Xr = ({ text: e, classes: t }) => {
-  const [r, n] = ut.useState(!1), [i, d] = ut.useState(!1), a = ut.useRef(null);
+  const [r, n] = ut.useState(!1), [i, d] = ut.useState(!1), l = ut.useRef(null);
   return ut.useEffect(() => {
-    const u = a.current;
+    const u = l.current;
     u && d(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ o.jsxs("div", { className: l("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
     /* @__PURE__ */ o.jsx(
       "div",
       {
-        ref: a,
-        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
+        ref: l,
+        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
         dangerouslySetInnerHTML: { __html: e }
       }
     ),
@@ -1163,7 +1163,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         tabIndex: 0,
         role: "button",
         onClick: () => n((u) => !u),
-        className: l(
+        className: a(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           t == null ? void 0 : t.ligalButton
         ),
@@ -1178,42 +1178,42 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   copyright: n,
   classes: i,
   details: d,
-  siteMap: a = !0
+  siteMap: l = !0
 }) => /* @__PURE__ */ o.jsx(
   "footer",
   {
     id: b.footer,
     "data-test-id": b.footer,
-    className: l("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ o.jsx(F, { className: l(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: l("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
+    className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
+    children: /* @__PURE__ */ o.jsx(F, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
             i == null ? void 0 : i.footerHead
           ),
           children: [
-            /* @__PURE__ */ o.jsxs("div", { className: l(i == null ? void 0 : i.footerSocialBlock), children: [
+            /* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
               /* @__PURE__ */ o.jsx(Zr, { classes: i == null ? void 0 : i.footerLogo }),
-              e.enabled && /* @__PURE__ */ o.jsx(Ar, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
+              e.enabled && /* @__PURE__ */ o.jsx(Wr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
             t.enabled && /* @__PURE__ */ o.jsx(qr, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !_.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Ur, { details: d, classes: i == null ? void 0 : i.navLinks }),
+      !j.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Ur, { details: d, classes: i == null ? void 0 : i.navLinks }),
       r.enabled && /* @__PURE__ */ o.jsx(Xr, { text: r.text }),
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
             i == null ? void 0 : i.footerBottom
           ),
           children: [
             n.enabled && /* @__PURE__ */ o.jsx(Kr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
-            a && /* @__PURE__ */ o.jsx(Yr, { classes: i == null ? void 0 : i.siteMap })
+            l && /* @__PURE__ */ o.jsx(Yr, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
@@ -1224,12 +1224,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   Footer: re,
   default: re
 }, Symbol.toStringTag, { value: "Module" })), Gr = (e) => {
-  var d, a;
+  var d, l;
   const { classes: t, index: r, title: n, description: i } = e;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
         t == null ? void 0 : t.singleStep
       ),
@@ -1237,31 +1237,31 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: l(
+            className: a(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
               t == null ? void 0 : t.numeric
             ),
             children: r
           }
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2"), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
             n && /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: n },
-                className: l("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+                className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
               }
             ),
             /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: i ?? "" },
-                className: l("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+                className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
               }
             )
           ] }),
-          e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: l("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: l("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (a = e == null ? void 0 : e.image) == null ? void 0 : a.alt }) })
+          e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: a("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: a("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (l = e == null ? void 0 : e.image) == null ? void 0 : l.alt }) })
         ] })
       ]
     }
@@ -1289,12 +1289,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         },
         ...i
       },
-      children: e.details.map((a, u) => /* @__PURE__ */ o.jsx(
+      children: e.details.map((l, u) => /* @__PURE__ */ o.jsx(
         Ye,
         {
           variant: "fullScreen",
           slideIndex: u,
-          ...a,
+          ...l,
           classes: {
             slide: "mobile:w-[328px]  desktop:w-[1140px]",
             ...d
@@ -1304,11 +1304,11 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       ))
     }
   );
-}, tn = ft(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: l("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
+}, tn = ft(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
-    className: l(
+    className: a(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
       { "bg-icon-primary-default text-color-white": t === i },
       n == null ? void 0 : n.tab
@@ -1318,9 +1318,9 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   i
 )) })), ne = ({ steppers: e, classes: t }) => {
   var x, m;
-  const r = e && (e == null ? void 0 : e.length) > 1, [n, i] = O(r ? (x = e == null ? void 0 : e[0]) == null ? void 0 : x.headline : ""), d = ct(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), a = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e == null ? void 0 : e[a];
-  return /* @__PURE__ */ o.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(F, { className: l(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
-    /* @__PURE__ */ o.jsx(R, { as: "h2", className: l("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
+  const r = e && (e == null ? void 0 : e.length) > 1, [n, i] = O(r ? (x = e == null ? void 0 : e[0]) == null ? void 0 : x.headline : ""), d = ct(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e == null ? void 0 : e[l];
+  return /* @__PURE__ */ o.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(F, { className: a(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
+    /* @__PURE__ */ o.jsx(R, { as: "h2", className: a("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
     /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-6 desktop:gap-10", children: [
       r && /* @__PURE__ */ o.jsx(
         tn,
@@ -1335,7 +1335,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: l(
+          className: a(
             "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
             t == null ? void 0 : t.stepsWrapper,
             { "mobile:hidden": u.withImages }
@@ -1433,7 +1433,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), ln = ({ data: e, intent: t }) => {
+}), an = ({ data: e, intent: t }) => {
   const {
     title: r,
     description: n,
@@ -1441,14 +1441,14 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       enabled: !1
     }
   } = e;
-  return /* @__PURE__ */ o.jsx("li", { className: l(on({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ o.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ o.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: r }),
-      i.enabled && /* @__PURE__ */ o.jsx(Nt, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  return /* @__PURE__ */ o.jsx("li", { className: a(on({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ o.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: r }),
+      i.enabled && /* @__PURE__ */ o.jsx(Nt, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, Bt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: l(rn({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), an = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: l(nn({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(ln, { intent: t, data: n }, i)) }), oe = ({
+}, Bt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(rn({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), ln = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(nn({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(an, { intent: t, data: n }, i)) }), oe = ({
   headline: e,
   buttonConfig: t,
   intent: r = "twoItems",
@@ -1456,30 +1456,30 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   image: i,
   classes: d
 }) => {
-  const a = r === "fourItems", u = r === "twoItems", x = i && "url" in i && _.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ o.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(F, { className: l(d == null ? void 0 : d.container), children: [
+  const l = r === "fourItems", u = r === "twoItems", x = i && "url" in i && j.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
+  return /* @__PURE__ */ o.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(F, { className: a(d == null ? void 0 : d.container), children: [
     u && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e }),
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: l(
+        className: a(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          a && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: l(dn({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
+          l && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, desktopHidden: !0 }),
+          /* @__PURE__ */ o.jsx("div", { className: a(dn({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
           /* @__PURE__ */ o.jsxs(
             "div",
             {
-              className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
+              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                a && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(an, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                l && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, mobileHidden: !0 }),
+                /* @__PURE__ */ o.jsx(ln, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
                   tt,
                   {
-                    className: l("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
                     intent: "secondary",
                     ...t.buttonContent
@@ -1504,7 +1504,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   "div",
   {
     tabIndex: 0,
-    className: l(
+    className: a(
       "relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
       "bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
       r == null ? void 0 : r.root
@@ -1512,7 +1512,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: l(
+        className: a(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
           { "items-center": t },
@@ -1550,14 +1550,14 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     /* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), _e = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), _e = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ o.jsx(
     "a",
     {
       href: e.href,
       target: "_blank",
       rel: "noreferrer",
-      className: l(
+      className: a(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
         n == null ? void 0 : n.linksMainLink
       ),
@@ -1573,52 +1573,52 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
       children: t == null ? void 0 : t.text
     }
   )
 ] }), ie = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: a } = lt();
+  const { isMobile: l } = at();
   return /* @__PURE__ */ o.jsx(Me, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && a },
+        { "justify-center": !n && l },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
           /* @__PURE__ */ o.jsxs("div", { children: [
-            /* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
+            /* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
+            /* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
           ] }),
-          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: a, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Pt, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Pt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
 }, de = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: a } = lt();
+  const { isMobile: l } = at();
   return /* @__PURE__ */ o.jsx(Me, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && a },
+        { "justify-center": !n && l },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ o.jsx(mn, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: a, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+          /* @__PURE__ */ o.jsx(mn, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Pt, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Pt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
@@ -1630,20 +1630,20 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       return /* @__PURE__ */ o.jsx(ie, { ...e });
     case Et.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, a = !n && !i ? ut.Fragment : "div";
+      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? ut.Fragment : "div";
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
             d == null ? void 0 : d.root
           ),
           children: [
-            /* @__PURE__ */ o.jsxs(a, { className: l("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
-              n && /* @__PURE__ */ o.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
-              i && /* @__PURE__ */ o.jsx(Pt, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
+            /* @__PURE__ */ o.jsxs(l, { className: a("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
+              n && /* @__PURE__ */ o.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
+              i && /* @__PURE__ */ o.jsx(Pt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
             ] }),
-            /* @__PURE__ */ o.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
+            /* @__PURE__ */ o.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
               /* @__PURE__ */ o.jsx(
                 de,
                 {
@@ -1671,12 +1671,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         }
       );
   }
-}, di = (e) => xn(e), le = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n, ...i }) => /* @__PURE__ */ o.jsx(
+}, di = (e) => xn(e), ae = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n, ...i }) => /* @__PURE__ */ o.jsx(
   pt,
   {
     classes: {
-      link: l("w-max", t == null ? void 0 : t.linkText),
-      icon: l(t == null ? void 0 : t.linkIcon)
+      link: a("w-max", t == null ? void 0 : t.linkText),
+      icon: a(t == null ? void 0 : t.linkIcon)
     },
     intent: "dark",
     href: r,
@@ -1685,32 +1685,32 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   },
   r
 )) }), hn = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
-  var d, a, u;
-  const { isMobile: i } = lt();
-  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+  var d, l, u;
+  const { isMobile: i } = at();
+  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
-      /* @__PURE__ */ o.jsx(le, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
+      /* @__PURE__ */ o.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
+      /* @__PURE__ */ o.jsx(ae, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ o.jsx(
       dt,
       {
         defaultOpen: !0,
         label: e,
-        icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...r,
         classes: {
           ...r == null ? void 0 : r.classes,
           header: {
-            trigger: l("p-0 bg-color-blue-grey-100", (a = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : a.trigger)
+            trigger: a("p-0 bg-color-blue-grey-100", (l = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
           },
-          contentInner: l("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
+          contentInner: a("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ o.jsx(le, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ o.jsx(ae, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, pn = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(hn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), fn = D("grid gap-4 grid-cols-1", {
+}, pn = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(hn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), fn = D("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1721,14 +1721,14 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   defaultVariants: {
     variant: "fourCols"
   }
-}), ae = ({
+}), le = ({
   variant: e,
   details: t,
   headline: r,
   mobileAccordionProps: n,
   rootAccordionProps: i,
   classes: d,
-  defaultOpen: a
+  defaultOpen: l
 }) => {
   var u, x, m;
   return /* @__PURE__ */ o.jsx(
@@ -1736,34 +1736,34 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     {
       id: b.interLinking,
       "data-test-id": b.interLinking,
-      className: l("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
+      className: a("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
       children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(
         dt,
         {
-          defaultOpen: a,
-          label: /* @__PURE__ */ o.jsx(R, { as: "h4", className: l("text-left", d == null ? void 0 : d.headline), children: r }),
+          defaultOpen: l,
+          label: /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: r }),
           ...i,
           classes: {
             ...i == null ? void 0 : i.classes,
             header: {
-              trigger: l("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
+              trigger: a("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
             },
-            content: l("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
+            content: a("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
           },
-          children: /* @__PURE__ */ o.jsx("div", { className: l(fn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(pn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
+          children: /* @__PURE__ */ o.jsx("div", { className: a(fn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(pn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
         }
       ) })
     }
   );
 }, cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InterLinking: ae,
-  default: ae
-}, Symbol.toStringTag, { value: "Module" })), bn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
+  InterLinking: le,
+  default: le
+}, Symbol.toStringTag, { value: "Module" })), bn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(d),
-    className: l(
+    className: a(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
         "bg-icon-primary-default text-color-white": t === d
@@ -1774,7 +1774,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   },
   i
 )) }), gn = (e) => e.variant === "HTML", jn = (e) => e.variant === "DOCUMENTS", yn = (e) => e.variant === "TABLE", kn = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
-  const i = /* @__PURE__ */ o.jsx("div", { className: l(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
+  const i = /* @__PURE__ */ o.jsx("div", { className: a(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
 }, wn = (e, t) => ({
   rows: e == null ? void 0 : e.map(({ row: r }) => ({
@@ -1800,7 +1800,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), Cn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: l(Nn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: l("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), Sn = D("desktop:grid mobile:hidden items-center", {
+}), Cn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(Nn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), Sn = D("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1811,13 +1811,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), In = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: l(Sn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, a) => /* @__PURE__ */ o.jsx(
+}), In = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Sn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: l("desk-body-regular-l text-color-dark", { "font-medium": a !== 0 }, i == null ? void 0 : i.cell),
+    className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
     children: d && d
   },
-  a
+  l
 )) }), Mn = D("mobile:flex desktop:hidden flex-col gap-2", {
   variants: {
     tableVariant: {
@@ -1825,12 +1825,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), _n = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: l(Mn({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: a }, u) => /* @__PURE__ */ o.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
-  a && /* @__PURE__ */ o.jsx("div", { className: l("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: a }),
+}), _n = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Mn({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
+  l && /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
   /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "mob-body-regular-l text-color-dark",
         {
           "font-medium": u !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
@@ -1842,9 +1842,9 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   )
 ] }, u)) }), On = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
   var u;
-  const d = ((u = wn(t, r)) == null ? void 0 : u.rows) ?? [], a = !!(r && r.length > 0);
-  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    a && /* @__PURE__ */ o.jsx(Cn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+  const d = ((u = wn(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
+  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+    l && /* @__PURE__ */ o.jsx(Cn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
     t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(
       In,
       {
@@ -1859,7 +1859,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     d == null ? void 0 : d.map((x, m) => /* @__PURE__ */ o.jsx(
       _n,
       {
-        headingsExist: a,
+        headingsExist: l,
         tableVariant: e,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
@@ -1875,17 +1875,17 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   config: n,
   rows: i,
   title: d,
-  headings: a,
+  headings: l,
   accordionConfig: u,
   classes: x
 }) => {
-  const m = /* @__PURE__ */ o.jsxs("div", { className: l(vn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
-    d && /* @__PURE__ */ o.jsx(R, { as: "h4", className: l("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
-    /* @__PURE__ */ o.jsx(On, { tableVariant: e, rows: i, headings: a, columnsVariant: r }),
+  const m = /* @__PURE__ */ o.jsxs("div", { className: a(vn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
+    d && /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
+    /* @__PURE__ */ o.jsx(On, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
     t && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
+        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
         dangerouslySetInnerHTML: { __html: t ?? "" }
       }
     )
@@ -1911,57 +1911,57 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: l(
+    className: a(
       "group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus",
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ o.jsx(c, { name: Fn[n], className: l(Bn({ iconType: n }), i == null ? void 0 : i.icon) }),
-      /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
-        /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
-        /* @__PURE__ */ o.jsxs("div", { className: l("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
+      /* @__PURE__ */ o.jsx(c, { name: Fn[n], className: a(Bn({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
+        /* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
           Number(t),
           " КБ"
         ] })
       ] })
     ]
   }
-), Pn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: a }) => {
-  const u = /* @__PURE__ */ o.jsxs("div", { className: l("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
+), Pn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
+  const u = /* @__PURE__ */ o.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
     r && /* @__PURE__ */ o.jsx(R, { as: "h3", className: "mb-4", children: r }),
-    /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(En, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
-    i && /* @__PURE__ */ o.jsx("div", { className: l("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
+    /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(En, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
+    i && /* @__PURE__ */ o.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...a, children: (a == null ? void 0 : a.children) || u }) : u });
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
 }, Rn = ({ entity: e, classes: t, accordionsConfig: r }) => {
   var n, i, d;
   switch (!0) {
     case gn(e):
-      return (n = e.details) == null ? void 0 : n.map((a, u) => {
+      return (n = e.details) == null ? void 0 : n.map((l, u) => {
         var x;
-        return /* @__PURE__ */ o.jsx(kn, { ...a, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
+        return /* @__PURE__ */ o.jsx(kn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
       });
     case jn(e):
-      return (i = e.details) == null ? void 0 : i.map((a, u) => {
+      return (i = e.details) == null ? void 0 : i.map((l, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
           Pn,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
-            ...a,
+            ...l,
             classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.documents
           },
           u
         );
       });
     case yn(e):
-      return (d = e.details) == null ? void 0 : d.map((a, u) => {
+      return (d = e.details) == null ? void 0 : d.map((l, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
           Tn,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
-            ...a,
+            ...l,
             classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.table
           },
           u
@@ -1970,13 +1970,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     default:
       return null;
   }
-}, Dn = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Rn({ entity: e, classes: t, accordionsConfig: r }) }), ue = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
+}, Dn = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Rn({ entity: e, classes: t, accordionsConfig: r }) }), ue = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
   var u, x;
-  const [i, d] = O(0), a = ct(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: l(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(F, { className: l(r == null ? void 0 : r.container), children: [
-    /* @__PURE__ */ o.jsx(R, { className: l(r == null ? void 0 : r.headline), as: "h2", children: e }),
-    /* @__PURE__ */ o.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(bn, { tabsNames: a, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
-    /* @__PURE__ */ o.jsx("div", { className: l("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(Dn, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
+  const [i, d] = O(0), l = ct(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
+  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(F, { className: a(r == null ? void 0 : r.container), children: [
+    /* @__PURE__ */ o.jsx(R, { className: a(r == null ? void 0 : r.headline), as: "h2", children: e }),
+    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(bn, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
+    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(Dn, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
   ] }) });
 }, Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1999,7 +1999,7 @@ class zn {
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
   traverse(t, r = "string", n) {
-    const { includeSolidText: i, recursive: d, element: a } = this.options || {};
+    const { includeSolidText: i, recursive: d, element: l } = this.options || {};
     switch (t.nodeType) {
       case this.ELEMENT_NODE:
         const u = t, x = u.tagName.toLowerCase();
@@ -2007,7 +2007,7 @@ class zn {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
         }
-        if (a && x !== a)
+        if (l && x !== l)
           break;
         if (r === "node")
           n.push(t);
@@ -2038,11 +2038,11 @@ class zn {
    * @returns Массив тегов или нод
    */
   async parse(t, r = "string") {
-    const { includeBody: n } = this.options || {}, i = [], d = [], a = await this.parseFromString(t), u = r === "string" ? i : d;
+    const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), u = r === "string" ? i : d;
     if (n)
-      this.traverse(a.body, r, u);
+      this.traverse(l.body, r, u);
     else
-      for (const x of a.body.childNodes)
+      for (const x of l.body.childNodes)
         this.traverse(x, r, u);
     return { stringNodes: i, nodes: d };
   }
@@ -2057,7 +2057,7 @@ class zn {
   }
 }
 const Ln = typeof window < "u";
-class li extends zn {
+class ai extends zn {
   constructor(t) {
     super(t);
   }
@@ -2073,14 +2073,14 @@ const it = ({ html: e, as: t, ...r }) => {
   ...r.args.progress
 })) : null, $n = ["getFioSchema"], Oe = (e, t, r) => {
   const n = e[t];
-  if (_.isNil(n))
+  if (j.isNil(n))
     throw new Error(`validation for type ${String(t)} not found`);
-  if (!_.isFunction(n))
+  if (!j.isFunction(n))
     throw new Error(`Cannot generate ${String(t)} because is not a function`);
   return n(r);
-}, Vn = (e, t) => Oe(zt.base, e, t), Wn = (e, t) => Oe(zt.dadata, e, t), $t = (e) => {
+}, Vn = (e, t) => Oe(zt.base, e, t), An = (e, t) => Oe(zt.dadata, e, t), $t = (e) => {
   const r = ((e == null ? void 0 : e.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
-    const d = $n.includes(i.validation.type) ? Wn(
+    const d = $n.includes(i.validation.type) ? An(
       i.validation.type,
       i.validation.args
     ) : Vn(
@@ -2090,16 +2090,24 @@ const it = ({ html: e, as: t, ...r }) => {
     return n[i.name] = d, n;
   }, {});
   return Lt(r);
-}, An = new gr(), Te = ({ children: e }) => /* @__PURE__ */ o.jsx(Je, { client: An, children: e }), qn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+}, Wn = new gr(), Te = ({ children: e }) => /* @__PURE__ */ o.jsx(Je, { client: Wn, children: e }), qn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: l(
+    className: a(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ o.jsx(Ct.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
+      /* @__PURE__ */ o.jsx(
+        Ct.CheckboxBase,
+        {
+          "aria-label": "Согласие на обработку персональных данных",
+          classes: n == null ? void 0 : n.checkbox,
+          checked: t,
+          onCheckedChange: r
+        }
+      ),
       /* @__PURE__ */ o.jsx(it, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
@@ -2110,21 +2118,21 @@ const it = ({ html: e, as: t, ...r }) => {
   approvement: n,
   chips: i,
   submitProps: d,
-  classes: a,
+  classes: l,
   buttonGroup: u
 }) => {
-  var z, v;
-  const { submitCallback: x } = d || {}, [m, p] = O(!1), f = $t(e), S = Ot.getZodDefaults(f), { control: y, handleSubmit: E } = Mt({
+  var z, C;
+  const { submitCallback: x } = d || {}, [m, p] = O(!1), f = $t(e), k = Ot.getZodDefaults(f), { control: w, handleSubmit: E } = Mt({
     schema: f,
-    defaultValues: S,
+    defaultValues: k,
     mode: "onBlur"
-  }), k = Qn(r, e), I = ur({ control: y, fields: k || [], schema: f }), P = (C) => {
-    x && x({ ...C, agree: m });
+  }), v = Qn(r, e), M = ur({ control: w, fields: v || [], schema: f }), P = (I) => {
+    x && x({ ...I, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx("section", { id: b.form, "data-test-id": b.form, className: l("w-full", a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx("section", { id: b.form, "data-test-id": b.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
     F,
     {
-      className: l(
+      className: a(
         "!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
         "relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"
       ),
@@ -2132,53 +2140,53 @@ const it = ({ html: e, as: t, ...r }) => {
         i.enabled && /* @__PURE__ */ o.jsxs(
           "div",
           {
-            className: l(
+            className: a(
               "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
               "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
               "right-4 top-4 w-max",
-              (z = a == null ? void 0 : a.chips) == null ? void 0 : z.root
+              (z = l == null ? void 0 : l.chips) == null ? void 0 : z.root
             ),
             children: [
-              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: l("size-6", (v = a == null ? void 0 : a.chips) == null ? void 0 : v.icon) }),
+              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-6", (C = l == null ? void 0 : l.chips) == null ? void 0 : C.icon) }),
               i.content
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(R, { as: "h2", className: l("desktop:hidden", a == null ? void 0 : a.title), children: t }),
-        /* @__PURE__ */ o.jsx(R, { as: "h3", className: l("mobile:hidden", a == null ? void 0 : a.title), children: t }),
+        /* @__PURE__ */ o.jsx(R, { as: "h2", className: a("desktop:hidden", l == null ? void 0 : l.title), children: t }),
+        /* @__PURE__ */ o.jsx(R, { as: "h3", className: a("mobile:hidden", l == null ? void 0 : l.title), children: t }),
         /* @__PURE__ */ o.jsxs(
           "form",
           {
             onSubmit: E(P),
-            className: l("flex w-full flex-col gap-y-6", "desktop:gap-y-8", a == null ? void 0 : a.form),
+            className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
               r.enabled && /* @__PURE__ */ o.jsx(
                 Ge,
                 {
-                  progress: I,
+                  progress: M,
                   topContent: /* @__PURE__ */ o.jsx(it, { html: r.title }),
                   bottomContent: /* @__PURE__ */ o.jsx(it, { html: r.subtitle }),
                   maxPercent: r.maxPercent,
-                  classes: a == null ? void 0 : a.progressBar
+                  classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ o.jsx(Qt, { control: y, fields: e }),
+              /* @__PURE__ */ o.jsx(Qt, { control: w, fields: e }),
               /* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                qn(n, m, p, a == null ? void 0 : a.approvement),
-                /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, L) => {
-                  const X = C.type === "submit" && n.type === "checkbox" ? !m : !1;
+                qn(n, m, p, l == null ? void 0 : l.approvement),
+                /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((I, L) => {
+                  const X = I.type === "submit" && n.type === "checkbox" ? !m : !1;
                   return /* @__PURE__ */ St(
                     ht,
                     {
-                      ...C,
+                      ...I,
                       key: L,
                       disabled: X,
-                      className: l(
+                      className: a(
                         "w-full whitespace-nowrap",
                         {
                           "w-full": !!n
                         },
-                        a == null ? void 0 : a.submit
+                        l == null ? void 0 : l.submit
                       )
                     }
                   );
@@ -2197,13 +2205,21 @@ const it = ({ html: e, as: t, ...r }) => {
 }, Symbol.toStringTag, { value: "Module" })), Kn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: l(
+    className: a(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ o.jsx(Ct.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
+      /* @__PURE__ */ o.jsx(
+        Ct.CheckboxBase,
+        {
+          "aria-label": "Согласие на обработку персональных данных",
+          classes: n == null ? void 0 : n.checkbox,
+          checked: t,
+          onCheckedChange: r
+        }
+      ),
       /* @__PURE__ */ o.jsx(it, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
@@ -2214,28 +2230,28 @@ const it = ({ html: e, as: t, ...r }) => {
   submitProps: n,
   dialogId: i,
   classes: d,
-  buttonGroup: a,
+  buttonGroup: l,
   ...u
 }) => {
-  const { submitCallback: x } = n ?? {}, [m, p] = O(!1), f = $t(e), S = Ot.getZodDefaults(f), { control: y, handleSubmit: E } = Mt({
+  const { submitCallback: x } = n ?? {}, [m, p] = O(!1), f = $t(e), k = Ot.getZodDefaults(f), { control: w, handleSubmit: E } = Mt({
     schema: f,
-    defaultValues: S,
+    defaultValues: k,
     mode: "onBlur"
-  }), k = (I) => {
-    x && x({ ...I, agree: m });
+  }), v = (M) => {
+    x && x({ ...M, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx(se, { id: i, title: t, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: E(k), className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ o.jsx(Qt, { control: y, fields: e }),
+  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx(se, { id: i, title: t, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: E(v), className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ o.jsx(Qt, { control: w, fields: e }),
     Kn(r, m, p, d == null ? void 0 : d.approvement),
-    a == null ? void 0 : a.map((I, P) => {
-      const z = I.type === "submit" && r.type === "checkbox" ? !m : !1;
+    l == null ? void 0 : l.map((M, P) => {
+      const z = M.type === "submit" && r.type === "checkbox" ? !m : !1;
       return /* @__PURE__ */ St(
         ht,
         {
-          ...I,
+          ...M,
           key: P,
           disabled: z,
-          className: l(
+          className: a(
             "w-full whitespace-nowrap",
             {
               "w-full": !!r
@@ -2250,7 +2266,7 @@ const it = ({ html: e, as: t, ...r }) => {
   __proto__: null,
   DynamicFormDialog: xe,
   default: xe
-}, Symbol.toStringTag, { value: "Module" })), at = () => ({
+}, Symbol.toStringTag, { value: "Module" })), lt = () => ({
   approve: {
     icon: {
       element: /* @__PURE__ */ o.jsx(c, { name: "status/iconMark" }),
@@ -2311,23 +2327,23 @@ const it = ({ html: e, as: t, ...r }) => {
       text: "Вернуться на главную"
     }
   }
-}), ai = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(F, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), li = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(F, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: l(
+      className: a(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${at()[e].icon.bg}`
+        `${lt()[e].icon.bg}`
       ),
-      children: at()[e].icon.element
+      children: lt()[e].icon.element
     }
   ),
   /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ o.jsx(R, { as: "h2", children: at()[e].title }),
-    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: at()[e].description })
+    /* @__PURE__ */ o.jsx(R, { as: "h2", children: lt()[e].title }),
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: lt()[e].description })
   ] }),
-  /* @__PURE__ */ o.jsx(ht, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: at()[e].button.text })
-] }) }) }), Fe = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: l("desk-body-regular-m", t), ...r, children: e.label }), Yn = [
+  /* @__PURE__ */ o.jsx(ht, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: lt()[e].button.text })
+] }) }) }), Fe = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Yn = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2341,14 +2357,14 @@ const it = ({ html: e, as: t, ...r }) => {
     disabled: !0
   }
 ], kt = (e, t, r, n) => e.map((i, d) => {
-  const a = d === n;
+  const l = d === n;
   return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-x-1", children: [
     /* @__PURE__ */ o.jsx(
       Fe,
       {
         breadcrumb: i,
-        className: l(r, {
-          "pointer-events-none text-color-primary-disabled": a,
+        className: a(r, {
+          "pointer-events-none text-color-primary-disabled": l,
           "text-color-blue-grey-600": i.disabled
         })
       }
@@ -2356,16 +2372,16 @@ const it = ({ html: e, as: t, ...r }) => {
     d !== e.length - 1 && t
   ] }, i.label);
 }), Xn = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Yn }) => {
-  const [i, d] = O(!1), a = Ht(null);
-  lr(a, () => d(!1));
+  const [i, d] = O(!1), l = Ht(null);
+  ar(l, () => d(!1));
   const { first: u, middle: x, last: m } = ct(() => {
-    let f = [], S = [], y = [];
-    return t && (f = n.slice(0, t), S = n.slice(t, n.length - t), y = n.slice(n.length - t)), { first: f, middle: S, last: y };
-  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("size-4", r == null ? void 0 : r.separator) });
+    let f = [], k = [], w = [];
+    return t && (f = n.slice(0, t), k = n.slice(t, n.length - t), w = n.slice(n.length - t)), { first: f, middle: k, last: w };
+  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
         r == null ? void 0 : r.root
@@ -2384,8 +2400,8 @@ const it = ({ html: e, as: t, ...r }) => {
                 /* @__PURE__ */ o.jsx(
                   "ul",
                   {
-                    ref: a,
-                    className: l(
+                    ref: l,
+                    className: a(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -2397,7 +2413,7 @@ const it = ({ html: e, as: t, ...r }) => {
                       Fe,
                       {
                         breadcrumb: f,
-                        className: l(
+                        className: a(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
                           "text-color-dark hover:bg-color-primary-tr-hover",
@@ -2461,13 +2477,13 @@ const Jn = (e, t) => {
         transition: { duration: 0.2 },
         className: 'absolute z-20 w-full bg-color-white after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]',
         children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
-          var a;
+          var l;
           const d = i.link ? "a" : "p";
           return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
             i.title && /* @__PURE__ */ o.jsxs(
               d,
               {
-                href: ((a = i.link) == null ? void 0 : a.href) ?? void 0,
+                href: ((l = i.link) == null ? void 0 : l.href) ?? void 0,
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
                 children: [
                   i.title,
@@ -2490,18 +2506,18 @@ const Jn = (e, t) => {
   );
 }, ro = nr(({ category: e, active: t, onActiveTabChange: r }, n) => {
   var x, m;
-  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), a = t && !_.isArrayEmpty(e.children), u = e.link ? _.isStringEmpty(e.link.href) ? "span" : "a" : "span";
+  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = t && !j.isArrayEmpty(e.children), u = e.link ? j.isStringEmpty(e.link.href) ? "span" : "a" : "span";
   return /* @__PURE__ */ o.jsxs(
     Dt.div,
     {
       ref: n,
-      className: l(
+      className: a(
         "relative flex cursor-default items-center justify-center py-4 text-color-dark",
         'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
         "after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
         {
-          "text-color-primary-default": a,
-          "after:w-full": a
+          "text-color-primary-default": l,
+          "after:w-full": l
         }
       ),
       onMouseEnter: () => r(e.title),
@@ -2509,7 +2525,7 @@ const Jn = (e, t) => {
       onFocus: () => r(e.title),
       children: [
         /* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m = e.link) == null ? void 0 : m.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
-        a && /* @__PURE__ */ o.jsx(
+        l && /* @__PURE__ */ o.jsx(
           eo,
           {
             categories: e.children,
@@ -2546,7 +2562,7 @@ const Jn = (e, t) => {
       ]
     }
   ) });
-}, io = ft(oo), lo = ({
+}, io = ft(oo), ao = ({
   category: e,
   selectedCategory: t,
   onCurrentCategoryChange: r,
@@ -2560,7 +2576,7 @@ const Jn = (e, t) => {
     onClick: () => {
       r(e.children[0]), n(e);
     },
-    className: l("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+    className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
@@ -2568,46 +2584,46 @@ const Jn = (e, t) => {
       e.children.length > 1 && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: l(
+          className: a(
             "absolute right-0 top-full z-10 flex w-max flex-col",
             "invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
             "rounded-sm p-1"
           ),
-          children: e.children.map((a) => /* @__PURE__ */ o.jsx(
+          children: e.children.map((l) => /* @__PURE__ */ o.jsx(
             "span",
             {
               onClick: (u) => {
-                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(a);
+                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(l);
               },
-              className: l(
+              className: a(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
                 {
-                  "text-color-primary-default": t.title === a.title
+                  "text-color-primary-default": t.title === l.title
                 }
               ),
-              children: a.title
+              children: l.title
             },
-            a.title
+            l.title
           ))
         }
       )
     ]
   }
-), ao = ({ categories: e, helpers: t, phone: r }) => {
+), lo = ({ categories: e, helpers: t, phone: r }) => {
   const [n, i] = Gn({ root: e[0].children[0], current: e[0].children[0] });
   return /* @__PURE__ */ o.jsxs("div", { className: "mobile:hidden", children: [
     /* @__PURE__ */ o.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
       /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
       e.map((d) => {
-        const a = n.root.title === d.title;
+        const l = n.root.title === d.title;
         return /* @__PURE__ */ o.jsx(
-          lo,
+          ao,
           {
             category: d,
             selectedCategory: n.current,
             onCurrentCategoryChange: (u) => i(sn(u)),
             onRootCategoryChange: (u) => i(to(u)),
-            active: a
+            active: l
           },
           d.title
         );
@@ -2648,7 +2664,7 @@ const Jn = (e, t) => {
         trigger: "py-2 data-[open=false]:bg-color-white",
         label: "desk-body-regular-m"
       },
-      content: l(
+      content: a(
         "relative",
         'after:content-"" after:absolute after:w-[calc(100%-32px)]',
         "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
@@ -2671,8 +2687,8 @@ const Jn = (e, t) => {
           }
         ),
         t.children.map((d) => {
-          var a;
-          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (a = d.link) == null ? void 0 : a.href, className: "w-full", children: d.title }) }, d.title);
+          var l;
+          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full", children: d.title }) }, d.title);
         })
       ] }, t.title);
     }) })
@@ -2682,17 +2698,17 @@ const Jn = (e, t) => {
   value: t.title ?? "",
   label: t.title ?? ""
 })), xo = ({ categories: e, helpers: t, phone: r, ...n }) => {
-  const i = mo(e), [d, a] = O(i[0]), u = (m) => {
-    _.isUndefined(m) || _.isArray(m) || a(m);
+  const i = mo(e), [d, l] = O(i[0]), u = (m) => {
+    j.isUndefined(m) || j.isArray(m) || l(m);
   }, x = ct(() => {
     var m;
-    return _.isUndefined(d) || _.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
+    return j.isUndefined(d) || j.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
   }, [d, e]);
   return /* @__PURE__ */ o.jsxs(
     Dt.div,
     {
       ...n,
-      className: l(
+      className: a(
         "absolute z-10 w-full max-w-[calc(636px-32px)]",
         "absolute left-1/2 top-full bg-color-white p-4",
         "-translate-x-1/2 overflow-x-hidden",
@@ -2704,7 +2720,7 @@ const Jn = (e, t) => {
         /* @__PURE__ */ o.jsx(Ct.SelectBase, { label: "Категория", options: i, value: d, onChange: u }),
         /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: x.map((m) => {
           var p;
-          return _.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = m.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(uo, { category: m }, m.title);
+          return j.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = m.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(uo, { category: m }, m.title);
         }) }),
         /* @__PURE__ */ o.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
         /* @__PURE__ */ o.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
@@ -2725,7 +2741,7 @@ const Jn = (e, t) => {
   );
 }, ho = ({ categories: e, helpers: t, phone: r }) => {
   var x, m, p;
-  const n = Ht(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, a] = O(!1), u = () => a(!d);
+  const n = Ht(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, l] = O(!1), u = () => l(!d);
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
@@ -2733,7 +2749,7 @@ const Jn = (e, t) => {
       className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",
       children: [
         /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-        /* @__PURE__ */ o.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(c, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+        /* @__PURE__ */ o.jsx("button", { "aria-label": "Open menu", type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(c, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
         d && Se(
           /* @__PURE__ */ o.jsx(
             xo,
@@ -2753,16 +2769,16 @@ const Jn = (e, t) => {
     }
   );
 }, he = ({ categories: e, helpers: t, phone: r, breadcrumbs: n, classes: i }) => {
-  const { isMobile: d } = lt();
-  return /* @__PURE__ */ o.jsx("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: l("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(F, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ o.jsx(ho, { categories: e.map((a) => a.children).flat(), helpers: t, phone: r }),
-    /* @__PURE__ */ o.jsx(ao, { categories: e, helpers: t, phone: r }),
+  const { isMobile: d } = at();
+  return /* @__PURE__ */ o.jsx("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: a("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(F, { className: "mx-auto w-full", children: [
+    /* @__PURE__ */ o.jsx(ho, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
+    /* @__PURE__ */ o.jsx(lo, { categories: e, helpers: t, phone: r }),
     /* @__PURE__ */ o.jsx(
       Xn,
       {
         ellipsis: d ? 1 : void 0,
         breadcrumbs: n,
-        matcher: (a) => ({ label: ir(a.label).split("-").join(" ") })
+        matcher: (l) => ({ label: ir(l.label).split("-").join(" ") })
       }
     )
   ] }) });
@@ -2794,17 +2810,17 @@ const Jn = (e, t) => {
       return Ee(e, Number(t));
   }
 }, co = (e) => Object.values(e).reduce((r, n) => r.merge($t(n.fields)), Lt({})), bo = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Pe = (e, t) => {
-  const r = Object.entries(t).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = bo(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
+  const r = Object.entries(t).map(([x, m]) => [x, j.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = bo(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
 }, go = (e, t) => e.map((r) => ({
   ...r,
   value: Be(r.value) ? Pe(r.value.formula, t) : r.value
-})), jo = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
+})), jo = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
   t && /* @__PURE__ */ o.jsx(R, { as: "h3", className: r == null ? void 0 : r.title, children: t }),
-  e && /* @__PURE__ */ o.jsx("div", { className: l("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
-] }) }), yo = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: l("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
-  /* @__PURE__ */ o.jsx("div", { className: l("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Ee(r, Number(t)) })
+  e && /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
+] }) }), yo = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
+  /* @__PURE__ */ o.jsx("div", { className: a("desk-title-bold-l flex items-center gap-1 text-color-dark mobile:mob-title-bold-l", n == null ? void 0 : n.value), children: Ee(r, Number(t)) })
 ] }), ko = ({ hint: e, value: t, label: r, mode: n, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
@@ -2820,7 +2836,7 @@ const Jn = (e, t) => {
   /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: l("desk-body-medium-l text-color-dark", {
+      className: a("desk-body-medium-l text-color-dark", {
         "[&&]:desk-title-bold-s": d,
         "text-color-primary-default": i === "blue"
       }),
@@ -2829,11 +2845,11 @@ const Jn = (e, t) => {
   )
 ] }), wo = ({ infoList: e, classes: t }) => {
   const { watch: r } = _t(), n = r(), i = go(e, n);
-  return /* @__PURE__ */ o.jsx("div", { className: l("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(ko, { ...d }, d.label)) });
-}, vo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: l("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1", n == null ? void 0 : n.block), children: [
-    /* @__PURE__ */ o.jsx(c, { name: e, className: l("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
-    /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
+  return /* @__PURE__ */ o.jsx("div", { className: a("mb-6 mt-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(ko, { ...d }, d.label)) });
+}, vo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1", n == null ? void 0 : n.block), children: [
+    /* @__PURE__ */ o.jsx(c, { name: e, className: a("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
+    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
   ] }),
   r && /* @__PURE__ */ o.jsx(
     Nt,
@@ -2846,8 +2862,8 @@ const Jn = (e, t) => {
   )
 ] }), No = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
   e && /* @__PURE__ */ o.jsx(vo, { ...e, classes: n == null ? void 0 : n.assistHint }),
-  /* @__PURE__ */ o.jsx("div", { className: l("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
-  r && /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
+  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
+  r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
 ] }), Co = ({
   rootDescription: e,
   bottomDescription: t,
@@ -2855,11 +2871,11 @@ const Jn = (e, t) => {
   title: n,
   subtitle: i,
   buttonsConfig: d,
-  infoList: a,
+  infoList: l,
   suffix: u,
   assistHint: x,
   classes: m
-}) => /* @__PURE__ */ o.jsxs("div", { className: l("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
+}) => /* @__PURE__ */ o.jsxs("div", { className: a("w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8", m == null ? void 0 : m.wrapper), children: [
   /* @__PURE__ */ o.jsx(
     yo,
     {
@@ -2870,7 +2886,7 @@ const Jn = (e, t) => {
     }
   ),
   /* @__PURE__ */ o.jsx(jo, { title: n, subtitle: i, classes: m == null ? void 0 : m.calculatedInfoHead }),
-  /* @__PURE__ */ o.jsx(wo, { infoList: a, classes: m == null ? void 0 : m.calculatorInfoBody }),
+  /* @__PURE__ */ o.jsx(wo, { infoList: l, classes: m == null ? void 0 : m.calculatorInfoBody }),
   /* @__PURE__ */ o.jsx(
     No,
     {
@@ -2884,10 +2900,10 @@ const Jn = (e, t) => {
   slidersGroupConfig: e,
   additionalSliderGroupConfig: t
 }) => {
-  const [r, n] = O(!1), { watch: i, setValue: d } = _t(), a = e == null ? void 0 : e.fields.find(({ args: P }) => P.name === "sum"), { args: u } = a || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: S, name: y } = (t == null ? void 0 : t.args) ?? {}, E = i(y), k = Number(x ?? 0) - (f ?? p);
+  const [r, n] = O(!1), { watch: i, setValue: d } = _t(), l = e == null ? void 0 : e.fields.find(({ args: P }) => P.name === "sum"), { args: u } = l || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: k, name: w } = (t == null ? void 0 : t.args) ?? {}, E = i(w), v = Number(x ?? 0) - (f ?? p);
   return wt(() => {
-    E > k && d(y, k);
-  }, [k, E, d, f]), wt(() => {
+    E > v && d(w, v);
+  }, [v, E, d, f]), wt(() => {
     Number(x) === f && n(!1);
   }, [n, x, f]), {
     sliderVisible: r,
@@ -2896,12 +2912,12 @@ const Jn = (e, t) => {
     sumName: m,
     sumDefaultValue: p,
     sumValue: f,
-    additionalSliderMax: k,
+    additionalSliderMax: v,
     onCheckedChange: () => {
-      n((P) => !P), E <= 0 && d(y, S), Number(x) === f && (d(m ?? "", f - So), d(y, S));
+      n((P) => !P), E <= 0 && d(w, k), Number(x) === f && (d(m ?? "", f - So), d(w, k));
     },
-    sliderSumExist: !_.isObjectEmpty(a == null ? void 0 : a.args),
-    sliderSumCorrectType: (a == null ? void 0 : a.args.componentType) === "algorithmic" || (a == null ? void 0 : a.args.componentType) === "step"
+    sliderSumExist: !j.isObjectEmpty(l == null ? void 0 : l.args),
+    sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
   };
 }, Io = (e) => {
   switch (e) {
@@ -2918,21 +2934,21 @@ const Jn = (e, t) => {
   modalProps: i,
   contentVariant: d
 }) => {
-  const [a, u] = mr(!1);
-  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
-    r && /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
+  const [l, u] = mr(!1);
+  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
+    r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
     /* @__PURE__ */ o.jsx(
       "button",
       {
         onClick: () => u(!0),
-        className: l(
+        className: a(
           "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
           n == null ? void 0 : n.button
         ),
         children: e
       }
     ),
-    /* @__PURE__ */ o.jsx(er, { title: t, isModalOpen: a, closeModal: () => u(!1), ...i, children: Io(d) })
+    /* @__PURE__ */ o.jsx(er, { title: t, isModalOpen: l, closeModal: () => u(!1), ...i, children: Io(d) })
   ] });
 }, G = ({ fields: e }) => {
   const { control: t } = _t();
@@ -2942,13 +2958,13 @@ const Jn = (e, t) => {
   additionalSliderGroupConfig: t,
   classes: r
 }) => {
-  const { control: n } = _t(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: a } = Re({
+  const { control: n } = _t(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = Re({
     slidersGroupConfig: e,
     additionalSliderGroupConfig: t
   });
-  return _.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: l("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
-      /* @__PURE__ */ o.jsx(Ct.SwitchBase, { checked: i, onCheckedChange: a }),
+  return j.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: a("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
+      /* @__PURE__ */ o.jsx(Ct.SwitchBase, { checked: i, onCheckedChange: l }),
       /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
     i && /* @__PURE__ */ o.jsx(
@@ -2964,21 +2980,21 @@ const Jn = (e, t) => {
     )
   ] });
 }, Oo = ({ modalConfig: e, fieldsGroup: t, classes: r }) => {
-  var d;
+  var d, l, u, x, m, p, f, k;
   const { sliderSumExist: n, sliderSumCorrectType: i } = Re({
     slidersGroupConfig: t.slidersGroupConfig,
     additionalSliderGroupConfig: t.additionalSliderGroupConfig
   });
-  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col gap-6 mobile:w-full desktop:gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
     (e == null ? void 0 : e.triggerText) && (e == null ? void 0 : e.contentVariant) && /* @__PURE__ */ o.jsx(Mo, { classes: r == null ? void 0 : r.modalClasses, ...e }),
-    (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
-    (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.slidersGroupConfig }),
-    (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupTabConfig }),
-    (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
-    (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupConfig }),
-    (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupCardConfig }),
-    (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
-    ((d = t.additionalSliderGroupConfig) == null ? void 0 : d.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
+    (t == null ? void 0 : t.selectGroupConfig) && !j.isArrayEmpty((d = t == null ? void 0 : t.selectGroupConfig) == null ? void 0 : d.fields) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
+    (t == null ? void 0 : t.slidersGroupConfig) && !j.isArrayEmpty((l = t == null ? void 0 : t.slidersGroupConfig) == null ? void 0 : l.fields) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.slidersGroupConfig }),
+    (t == null ? void 0 : t.radioGroupTabConfig) && !j.isArrayEmpty((u = t == null ? void 0 : t.radioGroupTabConfig) == null ? void 0 : u.fields) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupTabConfig }),
+    (t == null ? void 0 : t.checkboxGroupConfig) && !j.isArrayEmpty((x = t == null ? void 0 : t.checkboxGroupConfig) == null ? void 0 : x.fields) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
+    (t == null ? void 0 : t.radioGroupConfig) && !j.isArrayEmpty((m = t == null ? void 0 : t.radioGroupConfig) == null ? void 0 : m.fields) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupConfig }),
+    (t == null ? void 0 : t.radioGroupCardConfig) && !j.isArrayEmpty((p = t == null ? void 0 : t.radioGroupCardConfig) == null ? void 0 : p.fields) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupCardConfig }),
+    (t == null ? void 0 : t.switchGroupConfig) && !j.isArrayEmpty((f = t == null ? void 0 : t.switchGroupConfig) == null ? void 0 : f.fields) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
+    ((k = t.additionalSliderGroupConfig) == null ? void 0 : k.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
       _o,
       {
         slidersGroupConfig: t.slidersGroupConfig,
@@ -2986,11 +3002,11 @@ const Jn = (e, t) => {
       }
     )
   ] });
-}, To = ft(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: l("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
+}, To = ft(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
-    className: l(
+    className: a(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
       { "bg-icon-primary-default text-color-white": t === i },
       n == null ? void 0 : n.tab
@@ -3007,24 +3023,24 @@ const Jn = (e, t) => {
     schema: n,
     mode: "onBlur",
     defaultValues: Ot.getZodDefaults(n)
-  }), d = i.watch(), { rootValue: a } = e;
+  }), d = i.watch(), { rootValue: l } = e;
   wt(() => {
     dr.setItem("calculatorData", JSON.stringify(d));
   }, [d]);
-  const u = Be(a) ? Pe(a.formula, d) : a, x = { ...e, rootValue: u };
-  return /* @__PURE__ */ o.jsx(ar, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
+  const u = Be(l) ? Pe(l.formula, d) : l, x = { ...e, rootValue: u };
+  return /* @__PURE__ */ o.jsx(lr, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ o.jsx(Oo, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
     /* @__PURE__ */ o.jsx(Co, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
   ] }) });
 }, pe = ({ calculators: e, headline: t, classes: r }) => {
   var m;
-  const n = e.length > 1, [i, d] = O(n ? (m = e[0]) == null ? void 0 : m.name : ""), a = ct(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? a == null ? void 0 : a.findIndex((p) => p.name === i) : 0, x = e[u];
-  return /* @__PURE__ */ o.jsx("section", { id: b.calculator, "data-test-id": b.calculator, className: l(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(F, { className: l(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: l(r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsx(R, { className: l("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
+  const n = e.length > 1, [i, d] = O(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = ct(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
+  return /* @__PURE__ */ o.jsx("section", { id: b.calculator, "data-test-id": b.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(F, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsx(R, { className: a("mb-8 desktop:mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
     n && /* @__PURE__ */ o.jsx(
       To,
       {
-        calculatorTabs: a,
+        calculatorTabs: l,
         activeCalculator: i,
         setActiveCalculator: d,
         classes: r == null ? void 0 : r.calculatorTabs
@@ -3045,21 +3061,21 @@ const Jn = (e, t) => {
   __proto__: null,
   Calculator: pe,
   default: pe
-}, Symbol.toStringTag, { value: "Module" })), Eo = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Po = ({ heading: e, buttonsGroup: t, description: r, images: n, linksList: i, classes: d }) => {
-  const a = t && (t == null ? void 0 : t.length) > 0, u = i && (i == null ? void 0 : i.length) > 0;
-  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", d == null ? void 0 : d.wrapper), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4 mobile:mb-2", d == null ? void 0 : d.textBlock), children: [
-      /* @__PURE__ */ o.jsx(R, { as: "h2", className: l(d == null ? void 0 : d.heading), children: e }),
+}, Symbol.toStringTag, { value: "Module" })), Eo = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Po = ({ heading: e, buttonsGroup: t, description: r, images: n, linksList: i, classes: d }) => {
+  const l = t && (t == null ? void 0 : t.length) > 0, u = i && (i == null ? void 0 : i.length) > 0;
+  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.wrapper), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 mobile:mb-2", d == null ? void 0 : d.textBlock), children: [
+      /* @__PURE__ */ o.jsx(R, { as: "h2", className: a(d == null ? void 0 : d.heading), children: e }),
       r && /* @__PURE__ */ o.jsx(
         "p",
         {
           dangerouslySetInnerHTML: { __html: r },
-          className: l("desk-body-regular-l text-color-dark", d == null ? void 0 : d.description)
+          className: a("desk-body-regular-l text-color-dark", d == null ? void 0 : d.description)
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: l("h-full w-full desktop:hidden", d == null ? void 0 : d.imageMobileWrapper), children: /* @__PURE__ */ o.jsx("img", { src: n == null ? void 0 : n.mobile, alt: n == null ? void 0 : n.alt, className: l("h-full w-full object-contain", d == null ? void 0 : d.imageMobile) }) }),
-    a && /* @__PURE__ */ o.jsx("div", { className: l("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", d == null ? void 0 : d.buttonsGroup), children: t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...x }, m)) }),
+    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", d == null ? void 0 : d.imageMobileWrapper), children: /* @__PURE__ */ o.jsx("img", { src: n == null ? void 0 : n.mobile, alt: n == null ? void 0 : n.alt, className: a("h-full w-full object-contain", d == null ? void 0 : d.imageMobile) }) }),
+    l && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", d == null ? void 0 : d.buttonsGroup), children: t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...x }, m)) }),
     u && /* @__PURE__ */ o.jsx(Eo, { linksList: i, classes: d == null ? void 0 : d.linksList })
   ] });
 }, fe = (e) => {
@@ -3070,16 +3086,16 @@ const Jn = (e, t) => {
       id: b.infoBlock,
       "data-test-id": b.infoBlock,
       style: { backgroundColor: r },
-      className: l("py-14", i == null ? void 0 : i.root),
-      children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center justify-between gap-11 mobile:flex-col", i == null ? void 0 : i.container), children: [
+      className: a("py-14", i == null ? void 0 : i.root),
+      children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-11 mobile:flex-col", i == null ? void 0 : i.container), children: [
         /* @__PURE__ */ o.jsx(Po, { images: n, classes: i == null ? void 0 : i.rootContent, ...d }),
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: l("h-[200px] w-full max-w-[432px] mobile:hidden", i == null ? void 0 : i.imageDesktopWrapper, {
+            className: a("h-[200px] w-full max-w-[432px] mobile:hidden", i == null ? void 0 : i.imageDesktopWrapper, {
               "h-[238px]": t === "md"
             }),
-            children: /* @__PURE__ */ o.jsx("img", { src: n == null ? void 0 : n.desktop, alt: n == null ? void 0 : n.alt, className: l("h-full w-full object-contain", i == null ? void 0 : i.imageDesktop) })
+            children: /* @__PURE__ */ o.jsx("img", { src: n == null ? void 0 : n.desktop, alt: n == null ? void 0 : n.alt, className: a("h-full w-full object-contain", i == null ? void 0 : i.imageDesktop) })
           }
         )
       ] }) })
@@ -3117,16 +3133,16 @@ const Jn = (e, t) => {
   }, []), /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "invisible flex size-16 items-center justify-center rounded-full bg-color-secondary-default opacity-0 transition-all hover:bg-color-secondary-hover",
         { "opacity-1 visible": t && !e }
       ),
       children: /* @__PURE__ */ o.jsx(c, { name: "general/heart", className: "size-7 fill-transparent stroke-white stroke-[3px]" })
     }
   );
-}), zo = "Спасибо за оценку!", Lo = ({ title: e = zo, classes: t }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-center gap-4 text-center", t == null ? void 0 : t.wrapper), children: [
-  /* @__PURE__ */ o.jsx(c, { name: "status/succesCircle", className: l(t == null ? void 0 : t.icon) }),
-  /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l", t == null ? void 0 : t.title), children: e })
+}), zo = "Спасибо за оценку!", Lo = ({ title: e = zo, classes: t }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-center gap-4 text-center", t == null ? void 0 : t.wrapper), children: [
+  /* @__PURE__ */ o.jsx(c, { name: "status/succesCircle", className: a(t == null ? void 0 : t.icon) }),
+  /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", t == null ? void 0 : t.title), children: e })
 ] }), Qo = "Расскажите о впечатлениях", $o = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
   "Вам нравится сайт банка? ",
   /* @__PURE__ */ o.jsx("br", {}),
@@ -3139,7 +3155,7 @@ const Jn = (e, t) => {
   subtitle: i = $o,
   classes: d
 }) => {
-  const { control: a, handleSubmit: u } = Mt({
+  const { control: l, handleSubmit: u } = Mt({
     mode: "onBlur",
     schema: ce,
     defaultValues: Ot.getZodDefaults(ce)
@@ -3151,40 +3167,40 @@ const Jn = (e, t) => {
       ...m
     }), r("finally"));
   };
-  return /* @__PURE__ */ o.jsxs("form", { onSubmit: u(x), className: l("flex flex-col gap-4", d == null ? void 0 : d.form), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2 text-center", d == null ? void 0 : d.textBlock), children: [
-      /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l", d == null ? void 0 : d.title), children: n }),
-      /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l", d == null ? void 0 : d.subtitle), children: i })
+  return /* @__PURE__ */ o.jsxs("form", { onSubmit: u(x), className: a("flex flex-col gap-4", d == null ? void 0 : d.form), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2 text-center", d == null ? void 0 : d.textBlock), children: [
+      /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", d == null ? void 0 : d.title), children: n }),
+      /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l", d == null ? void 0 : d.subtitle), children: i })
     ] }),
     /* @__PURE__ */ o.jsx(
       Rt.TextareaControl,
       {
-        control: a,
+        control: l,
         name: "review",
         label: "Поделитесь вашим мнением",
         classes: d == null ? void 0 : d.textareaClasses
       }
     ),
-    /* @__PURE__ */ o.jsx(ht, { type: "submit", size: "sm", intent: "negative", className: l("w-full", d == null ? void 0 : d.button), children: "Отправить" })
+    /* @__PURE__ */ o.jsx(ht, { type: "submit", size: "sm", intent: "negative", className: a("w-full", d == null ? void 0 : d.button), children: "Отправить" })
   ] });
-}, Wo = Array(5).fill(0), Ao = "Ваше мнение важно для нас!", qo = "Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее", Uo = ({
+}, Ao = Array(5).fill(0), Wo = "Ваше мнение важно для нас!", qo = "Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее", Uo = ({
   handleMouseLeave: e,
   hoveredRatings: t,
   selectedRating: r,
   handleSelectRating: n,
   handleMouseEnter: i,
-  title: d = Ao,
-  subtitle: a = qo,
+  title: d = Wo,
+  subtitle: l = qo,
   classes: u
-}) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-center gap-4", u == null ? void 0 : u.wrapper), children: [
-  /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2 text-center", u == null ? void 0 : u.textBlock), children: [
-    /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l", u == null ? void 0 : u.title), children: d }),
-    /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l", u == null ? void 0 : u.subtitle), children: a })
+}) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-center gap-4", u == null ? void 0 : u.wrapper), children: [
+  /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2 text-center", u == null ? void 0 : u.textBlock), children: [
+    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", u == null ? void 0 : u.title), children: d }),
+    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l", u == null ? void 0 : u.subtitle), children: l })
   ] }),
-  /* @__PURE__ */ o.jsx("div", { className: l("flex items-center gap-2", u == null ? void 0 : u.ratingsWrapper), children: Wo.map((x, m) => /* @__PURE__ */ o.jsx(
+  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-2", u == null ? void 0 : u.ratingsWrapper), children: Ao.map((x, m) => /* @__PURE__ */ o.jsx(
     "button",
     {
-      className: l("size-8", u == null ? void 0 : u.ratingBtn),
+      className: a("size-8", u == null ? void 0 : u.ratingBtn),
       onMouseEnter: () => i(m + 1),
       onMouseLeave: () => e(),
       onClick: () => n(m + 1),
@@ -3192,7 +3208,7 @@ const Jn = (e, t) => {
         c,
         {
           name: "general/heart",
-          className: l("fill-[#b0c0d2] transition-colors duration-12", u == null ? void 0 : u.ratingIcon, {
+          className: a("fill-[#b0c0d2] transition-colors duration-12", u == null ? void 0 : u.ratingIcon, {
             "fill-secondary-default": m < (t || r)
           })
         }
@@ -3201,7 +3217,7 @@ const Jn = (e, t) => {
     m
   )) })
 ] }), Ko = ({ formStep: e, setFormStep: t, ratingProps: r, ...n }) => {
-  var i, d, a;
+  var i, d, l;
   switch (e) {
     case "rating":
       return /* @__PURE__ */ o.jsx(Uo, { ...r, classes: (i = n.classes) == null ? void 0 : i.selectRating, ...n.selectRatingStepProps });
@@ -3217,11 +3233,11 @@ const Jn = (e, t) => {
         }
       );
     case "finally":
-      return /* @__PURE__ */ o.jsx(Lo, { classes: (a = n.classes) == null ? void 0 : a.finally, ...n.finallyStepProps });
+      return /* @__PURE__ */ o.jsx(Lo, { classes: (l = n.classes) == null ? void 0 : l.finally, ...n.finallyStepProps });
   }
 }, be = (e) => {
   const [t, r] = O("rating"), n = Do(r), { classes: i } = e;
-  return /* @__PURE__ */ o.jsx("div", { className: l("fixed right-5 top-[80%] z-[1000]", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("div", { className: a("fixed right-5 top-[80%] z-[1000]", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsx(
     Nt,
     {
       side: "top",
@@ -3234,7 +3250,7 @@ const Jn = (e, t) => {
       },
       triggerElement: /* @__PURE__ */ o.jsx(Ho, {}),
       ...e == null ? void 0 : e.popoverProps,
-      children: /* @__PURE__ */ o.jsx("div", { className: l("w-full", i == null ? void 0 : i.wrapper), children: Ko({ formStep: t, setFormStep: r, ratingProps: n, ...e }) })
+      children: /* @__PURE__ */ o.jsx("div", { className: a("w-full", i == null ? void 0 : i.wrapper), children: Ko({ formStep: t, setFormStep: r, ratingProps: n, ...e }) })
     }
   ) });
 }, Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3253,14 +3269,14 @@ export {
   Fo as CalculatorView,
   me as DynamicForm,
   xe as DynamicFormDialog,
-  ai as FallbacksView,
+  li as FallbacksView,
   Qt as FieldMapper,
   re as Footer,
-  li as HTMLParser,
+  ai as HTMLParser,
   it as HTMLRenderer,
   te as Header,
   fe as InfoBlock,
-  ae as InterLinking,
+  le as InterLinking,
   Er as KEYS_OF_WIDGET_LIST,
   oe as LongBanner,
   he as SeoHeader,
@@ -3268,7 +3284,7 @@ export {
   ue as UsefulInfo,
   be as UserFeedback,
   Br as WIDGET_LIST_MAP,
-  An as queryClient,
+  Wn as queryClient,
   b as widgetIds
 };
 //# sourceMappingURL=widget.js.map