@scbt-ecom/ui 0.78.9 → 0.79.0

package/dist/widget.js

@@ -1,56 +1,56 @@
 var Ft = Object.defineProperty;
-var Re = (t) => {
+var He = (t) => {
   throw TypeError(t);
 };
 var Et = (t, e, o) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var ve = (t, e, o) => Et(t, typeof e != "symbol" ? e + "" : e, o), Ne = (t, e, o) => e.has(t) || Re("Cannot " + o);
-var x = (t, e, o) => (Ne(t, e, "read from private field"), o ? o.call(t) : e.get(t)), M = (t, e, o) => e.has(t) ? Re("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), k = (t, e, o, n) => (Ne(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o), W = (t, e, o) => (Ne(t, e, "access private method"), o);
+var ve = (t, e, o) => Et(t, typeof e != "symbol" ? e + "" : e, o), Ne = (t, e, o) => e.has(t) || He("Cannot " + o);
+var h = (t, e, o) => (Ne(t, e, "read from private field"), o ? o.call(t) : e.get(t)), M = (t, e, o) => e.has(t) ? He("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), w = (t, e, o, n) => (Ne(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o), W = (t, e, o) => (Ne(t, e, "access private method"), o);
 var ce = (t, e, o, n) => ({
   set _(i) {
-    k(t, e, i, o);
+    w(t, e, i, o);
   },
   get _() {
-    return x(t, e, n);
+    return h(t, e, n);
   }
 });
-import { S as ct, h as ft, Q as Bt, n as O, m as He, R as Pt, c as Dt, a as ze, b as V, e as Rt, d as Ht, f as zt, g as Lt, o as Le, r as Qe, i as Qt, j as Ve, p as $e, s as Vt, k as r, B as ge, l as E, q as F, P as bt, t as $t, H as L, I as b, C as je, u as _e, L as At, v as Te, A as le, w as gt, x as qt, y as Wt, U as ye, D as Ut, z as Se, E as Kt, M as Zt } from "./index-03-Bjlyq.js";
-import { c as a, T as S } from "./typeGuards-CSiImkUY.js";
+import { S as ft, h as bt, Q as Bt, n as O, m as ze, R as Pt, c as Dt, a as Le, b as $, e as Rt, d as Ht, f as zt, g as Lt, o as Qe, r as Ve, i as Qt, j as $e, p as Ae, s as Vt, k as r, B as ge, l as E, q as F, P as gt, t as $t, H as Q, I as b, C as je, u as _e, L as At, v as Te, A as ae, w as jt, x as qt, y as Wt, U as ye, D as Ut, z as Se, E as Kt, M as Zt } from "./index-03-Bjlyq.js";
+import { c as l, T as S } from "./typeGuards-CSiImkUY.js";
 import * as ue from "react";
-import { lazy as B, useCallback as jt, useState as A, useMemo as se, createElement as yt, useRef as Oe, useReducer as Xt, memo as Fe, forwardRef as Yt, useEffect as Ae } from "react";
-import { i as qe } from "./isClient-C9aZtt2Q.js";
+import { lazy as B, useCallback as yt, useState as q, useMemo as se, createElement as Oe, useRef as Fe, useReducer as Xt, memo as Ee, forwardRef as Yt, useEffect as qe } from "react";
+import { i as We } from "./isClient-C9aZtt2Q.js";
 import { s as Jt, c as ke, a as Gt } from "./capitalize-B7CPmCdk.js";
-import { u as ee, b as Ee, a as er, f as we, F as tr } from "./useDebounce-DcKs_mq9.js";
-import { z as st, Z as Be } from "./index-B6WYooej.js";
+import { u as ee, b as Be, a as er, f as we, F as tr } from "./useDebounce-DcKs_mq9.js";
+import { z as st, Z as Pe } from "./index-B6WYooej.js";
 import { o as kt } from "./utils-Bu1Zg675.js";
 import { a as rr, u as nr } from "./useFieldsProgress-COFjjZK4.js";
 import { createPortal as wt } from "react-dom";
-var R, mt, or = (mt = class extends ct {
+var H, xt, or = (xt = class extends ft {
   constructor(e = {}) {
     super();
-    M(this, R);
-    this.config = e, k(this, R, /* @__PURE__ */ new Map());
+    M(this, H);
+    this.config = e, w(this, H, /* @__PURE__ */ new Map());
   }
   build(e, o, n) {
-    const i = o.queryKey, l = o.queryHash ?? ft(i, o);
-    let d = this.get(l);
+    const i = o.queryKey, a = o.queryHash ?? bt(i, o);
+    let d = this.get(a);
     return d || (d = new Bt({
       client: e,
       queryKey: i,
-      queryHash: l,
+      queryHash: a,
       options: e.defaultQueryOptions(o),
       state: n,
       defaultOptions: e.getQueryDefaults(i)
     }), this.add(d)), d;
   }
   add(e) {
-    x(this, R).has(e.queryHash) || (x(this, R).set(e.queryHash, e), this.notify({
+    h(this, H).has(e.queryHash) || (h(this, H).set(e.queryHash, e), this.notify({
       type: "added",
       query: e
     }));
   }
   remove(e) {
-    const o = x(this, R).get(e.queryHash);
-    o && (e.destroy(), o === e && x(this, R).delete(e.queryHash), this.notify({ type: "removed", query: e }));
+    const o = h(this, H).get(e.queryHash);
+    o && (e.destroy(), o === e && h(this, H).delete(e.queryHash), this.notify({ type: "removed", query: e }));
   }
   clear() {
     O.batch(() => {
@@ -60,20 +60,20 @@ var R, mt, or = (mt = class extends ct {
     });
   }
   get(e) {
-    return x(this, R).get(e);
+    return h(this, H).get(e);
   }
   getAll() {
-    return [...x(this, R).values()];
+    return [...h(this, H).values()];
   }
   find(e) {
     const o = { exact: !0, ...e };
     return this.getAll().find(
-      (n) => He(o, n)
+      (n) => ze(o, n)
     );
   }
   findAll(e = {}) {
     const o = this.getAll();
-    return Object.keys(e).length > 0 ? o.filter((n) => He(e, n)) : o;
+    return Object.keys(e).length > 0 ? o.filter((n) => ze(e, n)) : o;
   }
   notify(e) {
     O.batch(() => {
@@ -96,14 +96,14 @@ var R, mt, or = (mt = class extends ct {
       });
     });
   }
-}, R = new WeakMap(), mt), H, T, G, z, U, ht, ir = (ht = class extends Pt {
+}, H = new WeakMap(), xt), z, T, G, L, U, ht, ir = (ht = class extends Pt {
   constructor(e) {
     super();
+    M(this, L);
     M(this, z);
-    M(this, H);
     M(this, T);
     M(this, G);
-    this.mutationId = e.mutationId, k(this, T, e.mutationCache), k(this, H, []), this.state = e.state || lr(), this.setOptions(e.options), this.scheduleGc();
+    this.mutationId = e.mutationId, w(this, T, e.mutationCache), w(this, z, []), this.state = e.state || ar(), this.setOptions(e.options), this.scheduleGc();
   }
   setOptions(e) {
     this.options = e, this.updateGcTime(this.options.gcTime);
@@ -112,82 +112,82 @@ var R, mt, or = (mt = class extends ct {
     return this.options.meta;
   }
   addObserver(e) {
-    x(this, H).includes(e) || (x(this, H).push(e), this.clearGcTimeout(), x(this, T).notify({
+    h(this, z).includes(e) || (h(this, z).push(e), this.clearGcTimeout(), h(this, T).notify({
       type: "observerAdded",
       mutation: this,
       observer: e
     }));
   }
   removeObserver(e) {
-    k(this, H, x(this, H).filter((o) => o !== e)), this.scheduleGc(), x(this, T).notify({
+    w(this, z, h(this, z).filter((o) => o !== e)), this.scheduleGc(), h(this, T).notify({
       type: "observerRemoved",
       mutation: this,
       observer: e
     });
   }
   optionalRemove() {
-    x(this, H).length || (this.state.status === "pending" ? this.scheduleGc() : x(this, T).remove(this));
+    h(this, z).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, T).remove(this));
   }
   continue() {
     var e;
-    return ((e = x(this, G)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    return ((e = h(this, G)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var l, d, u, m, h, p, c, g, f, w, j, v, _, q, C, I, D, Q, xe, ae;
+    var a, d, u, m, x, p, c, g, f, v, j, k, _, D, C, I, R, V, he, le;
     const o = () => {
-      W(this, z, U).call(this, { type: "continue" });
+      W(this, L, U).call(this, { type: "continue" });
     };
-    k(this, G, Dt({
+    w(this, G, Dt({
       fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
       onFail: (N, pe) => {
-        W(this, z, U).call(this, { type: "failed", failureCount: N, error: pe });
+        W(this, L, U).call(this, { type: "failed", failureCount: N, error: pe });
       },
       onPause: () => {
-        W(this, z, U).call(this, { type: "pause" });
+        W(this, L, U).call(this, { type: "pause" });
       },
       onContinue: o,
       retry: this.options.retry ?? 0,
       retryDelay: this.options.retryDelay,
       networkMode: this.options.networkMode,
-      canRun: () => x(this, T).canRun(this)
+      canRun: () => h(this, T).canRun(this)
     }));
-    const n = this.state.status === "pending", i = !x(this, G).canStart();
+    const n = this.state.status === "pending", i = !h(this, G).canStart();
     try {
       if (n)
         o();
       else {
-        W(this, z, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((d = (l = x(this, T).config).onMutate) == null ? void 0 : d.call(
-          l,
+        W(this, L, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((d = (a = h(this, T).config).onMutate) == null ? void 0 : d.call(
+          a,
           e,
           this
         ));
         const pe = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
-        pe !== this.state.context && W(this, z, U).call(this, {
+        pe !== this.state.context && W(this, L, U).call(this, {
           type: "pending",
           context: pe,
           variables: e,
           isPaused: i
         });
       }
-      const N = await x(this, G).start();
-      return await ((p = (h = x(this, T).config).onSuccess) == null ? void 0 : p.call(
-        h,
+      const N = await h(this, G).start();
+      return await ((p = (x = h(this, T).config).onSuccess) == null ? void 0 : p.call(
+        x,
         N,
         e,
         this.state.context,
         this
-      )), await ((g = (c = this.options).onSuccess) == null ? void 0 : g.call(c, N, e, this.state.context)), await ((w = (f = x(this, T).config).onSettled) == null ? void 0 : w.call(
+      )), await ((g = (c = this.options).onSuccess) == null ? void 0 : g.call(c, N, e, this.state.context)), await ((v = (f = h(this, T).config).onSettled) == null ? void 0 : v.call(
         f,
         N,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((v = (j = this.options).onSettled) == null ? void 0 : v.call(j, N, null, e, this.state.context)), W(this, z, U).call(this, { type: "success", data: N }), N;
+      )), await ((k = (j = this.options).onSettled) == null ? void 0 : k.call(j, N, null, e, this.state.context)), W(this, L, U).call(this, { type: "success", data: N }), N;
     } catch (N) {
       try {
-        throw await ((q = (_ = x(this, T).config).onError) == null ? void 0 : q.call(
+        throw await ((D = (_ = h(this, T).config).onError) == null ? void 0 : D.call(
           _,
           N,
           e,
@@ -198,28 +198,28 @@ var R, mt, or = (mt = class extends ct {
           N,
           e,
           this.state.context
-        )), await ((Q = (D = x(this, T).config).onSettled) == null ? void 0 : Q.call(
-          D,
+        )), await ((V = (R = h(this, T).config).onSettled) == null ? void 0 : V.call(
+          R,
           void 0,
           N,
           this.state.variables,
           this.state.context,
           this
-        )), await ((ae = (xe = this.options).onSettled) == null ? void 0 : ae.call(
-          xe,
+        )), await ((le = (he = this.options).onSettled) == null ? void 0 : le.call(
+          he,
           void 0,
           N,
           e,
           this.state.context
         )), N;
       } finally {
-        W(this, z, U).call(this, { type: "error", error: N });
+        W(this, L, U).call(this, { type: "error", error: N });
       }
     } finally {
-      x(this, T).runNext(this);
+      h(this, T).runNext(this);
     }
   }
-}, H = new WeakMap(), T = new WeakMap(), G = new WeakMap(), z = new WeakSet(), U = function(e) {
+}, z = new WeakMap(), T = new WeakMap(), G = new WeakMap(), L = new WeakSet(), U = function(e) {
   const o = (n) => {
     switch (e.type) {
       case "failed":
@@ -274,16 +274,16 @@ var R, mt, or = (mt = class extends ct {
     }
   };
   this.state = o(this.state), O.batch(() => {
-    x(this, H).forEach((n) => {
+    h(this, z).forEach((n) => {
       n.onMutationUpdate(e);
-    }), x(this, T).notify({
+    }), h(this, T).notify({
       mutation: this,
       type: "updated",
       action: e
     });
   });
 }, ht);
-function lr() {
+function ar() {
   return {
     context: void 0,
     data: void 0,
@@ -296,42 +296,42 @@ function lr() {
     submittedAt: 0
   };
 }
-var $, P, he, xt, ar = (xt = class extends ct {
+var A, P, xe, pt, lr = (pt = class extends ft {
   constructor(e = {}) {
     super();
-    M(this, $);
+    M(this, A);
     M(this, P);
-    M(this, he);
-    this.config = e, k(this, $, /* @__PURE__ */ new Set()), k(this, P, /* @__PURE__ */ new Map()), k(this, he, 0);
+    M(this, xe);
+    this.config = e, w(this, A, /* @__PURE__ */ new Set()), w(this, P, /* @__PURE__ */ new Map()), w(this, xe, 0);
   }
   build(e, o, n) {
     const i = new ir({
       mutationCache: this,
-      mutationId: ++ce(this, he)._,
+      mutationId: ++ce(this, xe)._,
       options: e.defaultMutationOptions(o),
       state: n
     });
     return this.add(i), i;
   }
   add(e) {
-    x(this, $).add(e);
+    h(this, A).add(e);
     const o = fe(e);
     if (typeof o == "string") {
-      const n = x(this, P).get(o);
-      n ? n.push(e) : x(this, P).set(o, [e]);
+      const n = h(this, P).get(o);
+      n ? n.push(e) : h(this, P).set(o, [e]);
     }
     this.notify({ type: "added", mutation: e });
   }
   remove(e) {
-    if (x(this, $).delete(e)) {
+    if (h(this, A).delete(e)) {
       const o = fe(e);
       if (typeof o == "string") {
-        const n = x(this, P).get(o);
+        const n = h(this, P).get(o);
         if (n)
           if (n.length > 1) {
             const i = n.indexOf(e);
             i !== -1 && n.splice(i, 1);
-          } else n[0] === e && x(this, P).delete(o);
+          } else n[0] === e && h(this, P).delete(o);
       }
     }
     this.notify({ type: "removed", mutation: e });
@@ -339,8 +339,8 @@ var $, P, he, xt, ar = (xt = class extends ct {
   canRun(e) {
     const o = fe(e);
     if (typeof o == "string") {
-      const n = x(this, P).get(o), i = n == null ? void 0 : n.find(
-        (l) => l.state.status === "pending"
+      const n = h(this, P).get(o), i = n == null ? void 0 : n.find(
+        (a) => a.state.status === "pending"
       );
       return !i || i === e;
     } else
@@ -350,29 +350,29 @@ var $, P, he, xt, ar = (xt = class extends ct {
     var n;
     const o = fe(e);
     if (typeof o == "string") {
-      const i = (n = x(this, P).get(o)) == null ? void 0 : n.find((l) => l !== e && l.state.isPaused);
+      const i = (n = h(this, P).get(o)) == null ? void 0 : n.find((a) => a !== e && a.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
     } else
       return Promise.resolve();
   }
   clear() {
     O.batch(() => {
-      x(this, $).forEach((e) => {
+      h(this, A).forEach((e) => {
         this.notify({ type: "removed", mutation: e });
-      }), x(this, $).clear(), x(this, P).clear();
+      }), h(this, A).clear(), h(this, P).clear();
     });
   }
   getAll() {
-    return Array.from(x(this, $));
+    return Array.from(h(this, A));
   }
   find(e) {
     const o = { exact: !0, ...e };
     return this.getAll().find(
-      (n) => ze(o, n)
+      (n) => Le(o, n)
     );
   }
   findAll(e = {}) {
-    return this.getAll().filter((o) => ze(e, o));
+    return this.getAll().filter((o) => Le(e, o));
   }
   notify(e) {
     O.batch(() => {
@@ -385,73 +385,73 @@ var $, P, he, xt, ar = (xt = class extends ct {
     const e = this.getAll().filter((o) => o.state.isPaused);
     return O.batch(
       () => Promise.all(
-        e.map((o) => o.continue().catch(V))
+        e.map((o) => o.continue().catch($))
       )
     );
   }
-}, $ = new WeakMap(), P = new WeakMap(), he = new WeakMap(), xt);
+}, A = new WeakMap(), P = new WeakMap(), xe = new WeakMap(), pt);
 function fe(t) {
   var e;
   return (e = t.options.scope) == null ? void 0 : e.id;
 }
-function We(t) {
+function Ue(t) {
   return {
     onFetch: (e, o) => {
-      var p, c, g, f, w;
-      const n = e.options, i = (g = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : g.direction, l = ((f = e.state.data) == null ? void 0 : f.pages) || [], d = ((w = e.state.data) == null ? void 0 : w.pageParams) || [];
+      var p, c, g, f, v;
+      const n = e.options, i = (g = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : g.direction, a = ((f = e.state.data) == null ? void 0 : f.pages) || [], d = ((v = e.state.data) == null ? void 0 : v.pageParams) || [];
       let u = { pages: [], pageParams: [] }, m = 0;
-      const h = async () => {
+      const x = async () => {
         let j = !1;
-        const v = (C) => {
+        const k = (C) => {
           Object.defineProperty(C, "signal", {
             enumerable: !0,
             get: () => (e.signal.aborted ? j = !0 : e.signal.addEventListener("abort", () => {
               j = !0;
             }), e.signal)
           });
-        }, _ = Rt(e.options, e.fetchOptions), q = async (C, I, D) => {
+        }, _ = Rt(e.options, e.fetchOptions), D = async (C, I, R) => {
           if (j)
             return Promise.reject();
           if (I == null && C.pages.length)
             return Promise.resolve(C);
-          const Q = {
+          const V = {
             client: e.client,
             queryKey: e.queryKey,
             pageParam: I,
-            direction: D ? "backward" : "forward",
+            direction: R ? "backward" : "forward",
             meta: e.options.meta
           };
-          v(Q);
-          const xe = await _(
-            Q
-          ), { maxPages: ae } = e.options, N = D ? Ht : zt;
+          k(V);
+          const he = await _(
+            V
+          ), { maxPages: le } = e.options, N = R ? Ht : zt;
           return {
-            pages: N(C.pages, xe, ae),
-            pageParams: N(C.pageParams, I, ae)
+            pages: N(C.pages, he, le),
+            pageParams: N(C.pageParams, I, le)
           };
         };
-        if (i && l.length) {
-          const C = i === "backward", I = C ? dr : Ue, D = {
-            pages: l,
+        if (i && a.length) {
+          const C = i === "backward", I = C ? dr : Ke, R = {
+            pages: a,
             pageParams: d
-          }, Q = I(n, D);
-          u = await q(D, Q, C);
+          }, V = I(n, R);
+          u = await D(R, V, C);
         } else {
-          const C = t ?? l.length;
+          const C = t ?? a.length;
           do {
-            const I = m === 0 ? d[0] ?? n.initialPageParam : Ue(n, u);
+            const I = m === 0 ? d[0] ?? n.initialPageParam : Ke(n, u);
             if (m > 0 && I == null)
               break;
-            u = await q(u, I), m++;
+            u = await D(u, I), m++;
           } while (m < C);
         }
         return u;
       };
       e.options.persister ? e.fetchFn = () => {
-        var j, v;
-        return (v = (j = e.options).persister) == null ? void 0 : v.call(
+        var j, k;
+        return (k = (j = e.options).persister) == null ? void 0 : k.call(
           j,
-          h,
+          x,
           {
             client: e.client,
             queryKey: e.queryKey,
@@ -460,11 +460,11 @@ function We(t) {
           },
           o
         );
-      } : e.fetchFn = h;
+      } : e.fetchFn = x;
     }
   };
 }
-function Ue(t, { pages: e, pageParams: o }) {
+function Ke(t, { pages: e, pageParams: o }) {
   const n = e.length - 1;
   return e.length > 0 ? t.getNextPageParam(
     e[n],
@@ -477,7 +477,7 @@ function dr(t, { pages: e, pageParams: o }) {
   var n;
   return e.length > 0 ? (n = t.getPreviousPageParam) == null ? void 0 : n.call(t, e[0], e, o[0], o) : void 0;
 }
-var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
+var s, K, Z, te, re, X, ne, oe, ct, ur = (ct = class {
   constructor(t = {}) {
     M(this, s);
     M(this, K);
@@ -487,24 +487,24 @@ var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
     M(this, X);
     M(this, ne);
     M(this, oe);
-    k(this, s, t.queryCache || new or()), k(this, K, t.mutationCache || new ar()), k(this, Z, t.defaultOptions || {}), k(this, te, /* @__PURE__ */ new Map()), k(this, re, /* @__PURE__ */ new Map()), k(this, X, 0);
+    w(this, s, t.queryCache || new or()), w(this, K, t.mutationCache || new lr()), w(this, Z, t.defaultOptions || {}), w(this, te, /* @__PURE__ */ new Map()), w(this, re, /* @__PURE__ */ new Map()), w(this, X, 0);
   }
   mount() {
-    ce(this, X)._++, x(this, X) === 1 && (k(this, ne, Lt.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), x(this, s).onFocus());
-    })), k(this, oe, Le.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), x(this, s).onOnline());
+    ce(this, X)._++, h(this, X) === 1 && (w(this, ne, Lt.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), h(this, s).onFocus());
+    })), w(this, oe, Qe.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), h(this, s).onOnline());
     })));
   }
   unmount() {
     var t, e;
-    ce(this, X)._--, x(this, X) === 0 && ((t = x(this, ne)) == null || t.call(this), k(this, ne, void 0), (e = x(this, oe)) == null || e.call(this), k(this, oe, void 0));
+    ce(this, X)._--, h(this, X) === 0 && ((t = h(this, ne)) == null || t.call(this), w(this, ne, void 0), (e = h(this, oe)) == null || e.call(this), w(this, oe, void 0));
   }
   isFetching(t) {
-    return x(this, s).findAll({ ...t, fetchStatus: "fetching" }).length;
+    return h(this, s).findAll({ ...t, fetchStatus: "fetching" }).length;
   }
   isMutating(t) {
-    return x(this, K).findAll({ ...t, status: "pending" }).length;
+    return h(this, K).findAll({ ...t, status: "pending" }).length;
   }
   /**
    * Imperative (non-reactive) way to retrieve data for a QueryKey.
@@ -516,28 +516,28 @@ var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
   getQueryData(t) {
     var o;
     const e = this.defaultQueryOptions({ queryKey: t });
-    return (o = x(this, s).get(e.queryHash)) == null ? void 0 : o.state.data;
+    return (o = h(this, s).get(e.queryHash)) == null ? void 0 : o.state.data;
   }
   ensureQueryData(t) {
-    const e = this.defaultQueryOptions(t), o = x(this, s).build(this, e), n = o.state.data;
-    return n === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && o.isStaleByTime(Qe(e.staleTime, o)) && this.prefetchQuery(e), Promise.resolve(n));
+    const e = this.defaultQueryOptions(t), o = h(this, s).build(this, e), n = o.state.data;
+    return n === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && o.isStaleByTime(Ve(e.staleTime, o)) && this.prefetchQuery(e), Promise.resolve(n));
   }
   getQueriesData(t) {
-    return x(this, s).findAll(t).map(({ queryKey: e, state: o }) => {
+    return h(this, s).findAll(t).map(({ queryKey: e, state: o }) => {
       const n = o.data;
       return [e, n];
     });
   }
   setQueryData(t, e, o) {
-    const n = this.defaultQueryOptions({ queryKey: t }), i = x(this, s).get(
+    const n = this.defaultQueryOptions({ queryKey: t }), i = h(this, s).get(
       n.queryHash
-    ), l = i == null ? void 0 : i.state.data, d = Qt(e, l);
+    ), a = i == null ? void 0 : i.state.data, d = Qt(e, a);
     if (d !== void 0)
-      return x(this, s).build(this, n).setData(d, { ...o, manual: !0 });
+      return h(this, s).build(this, n).setData(d, { ...o, manual: !0 });
   }
   setQueriesData(t, e, o) {
     return O.batch(
-      () => x(this, s).findAll(t).map(({ queryKey: n }) => [
+      () => h(this, s).findAll(t).map(({ queryKey: n }) => [
         n,
         this.setQueryData(n, e, o)
       ])
@@ -546,12 +546,12 @@ var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
   getQueryState(t) {
     var o;
     const e = this.defaultQueryOptions({ queryKey: t });
-    return (o = x(this, s).get(
+    return (o = h(this, s).get(
       e.queryHash
     )) == null ? void 0 : o.state;
   }
   removeQueries(t) {
-    const e = x(this, s);
+    const e = h(this, s);
     O.batch(() => {
       e.findAll(t).forEach((o) => {
         e.remove(o);
@@ -559,7 +559,7 @@ var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
     });
   }
   resetQueries(t, e) {
-    const o = x(this, s);
+    const o = h(this, s);
     return O.batch(() => (o.findAll(t).forEach((n) => {
       n.reset();
     }), this.refetchQueries(
@@ -572,12 +572,12 @@ var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
   }
   cancelQueries(t, e = {}) {
     const o = { revert: !0, ...e }, n = O.batch(
-      () => x(this, s).findAll(t).map((i) => i.cancel(o))
+      () => h(this, s).findAll(t).map((i) => i.cancel(o))
     );
-    return Promise.all(n).then(V).catch(V);
+    return Promise.all(n).then($).catch($);
   }
   invalidateQueries(t, e = {}) {
-    return O.batch(() => (x(this, s).findAll(t).forEach((o) => {
+    return O.batch(() => (h(this, s).findAll(t).forEach((o) => {
       o.invalidate();
     }), (t == null ? void 0 : t.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
@@ -592,104 +592,104 @@ var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
       ...e,
       cancelRefetch: e.cancelRefetch ?? !0
     }, n = O.batch(
-      () => x(this, s).findAll(t).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
-        let l = i.fetch(void 0, o);
-        return o.throwOnError || (l = l.catch(V)), i.state.fetchStatus === "paused" ? Promise.resolve() : l;
+      () => h(this, s).findAll(t).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
+        let a = i.fetch(void 0, o);
+        return o.throwOnError || (a = a.catch($)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
       })
     );
-    return Promise.all(n).then(V);
+    return Promise.all(n).then($);
   }
   fetchQuery(t) {
     const e = this.defaultQueryOptions(t);
     e.retry === void 0 && (e.retry = !1);
-    const o = x(this, s).build(this, e);
+    const o = h(this, s).build(this, e);
     return o.isStaleByTime(
-      Qe(e.staleTime, o)
+      Ve(e.staleTime, o)
     ) ? o.fetch(e) : Promise.resolve(o.state.data);
   }
   prefetchQuery(t) {
-    return this.fetchQuery(t).then(V).catch(V);
+    return this.fetchQuery(t).then($).catch($);
   }
   fetchInfiniteQuery(t) {
-    return t.behavior = We(t.pages), this.fetchQuery(t);
+    return t.behavior = Ue(t.pages), this.fetchQuery(t);
   }
   prefetchInfiniteQuery(t) {
-    return this.fetchInfiniteQuery(t).then(V).catch(V);
+    return this.fetchInfiniteQuery(t).then($).catch($);
   }
   ensureInfiniteQueryData(t) {
-    return t.behavior = We(t.pages), this.ensureQueryData(t);
+    return t.behavior = Ue(t.pages), this.ensureQueryData(t);
   }
   resumePausedMutations() {
-    return Le.isOnline() ? x(this, K).resumePausedMutations() : Promise.resolve();
+    return Qe.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return x(this, s);
+    return h(this, s);
   }
   getMutationCache() {
-    return x(this, K);
+    return h(this, K);
   }
   getDefaultOptions() {
-    return x(this, Z);
+    return h(this, Z);
   }
   setDefaultOptions(t) {
-    k(this, Z, t);
+    w(this, Z, t);
   }
   setQueryDefaults(t, e) {
-    x(this, te).set(Ve(t), {
+    h(this, te).set($e(t), {
       queryKey: t,
       defaultOptions: e
     });
   }
   getQueryDefaults(t) {
-    const e = [...x(this, te).values()], o = {};
+    const e = [...h(this, te).values()], o = {};
     return e.forEach((n) => {
-      $e(t, n.queryKey) && Object.assign(o, n.defaultOptions);
+      Ae(t, n.queryKey) && Object.assign(o, n.defaultOptions);
     }), o;
   }
   setMutationDefaults(t, e) {
-    x(this, re).set(Ve(t), {
+    h(this, re).set($e(t), {
       mutationKey: t,
       defaultOptions: e
     });
   }
   getMutationDefaults(t) {
-    const e = [...x(this, re).values()], o = {};
+    const e = [...h(this, re).values()], o = {};
     return e.forEach((n) => {
-      $e(t, n.mutationKey) && Object.assign(o, n.defaultOptions);
+      Ae(t, n.mutationKey) && Object.assign(o, n.defaultOptions);
     }), o;
   }
   defaultQueryOptions(t) {
     if (t._defaulted)
       return t;
     const e = {
-      ...x(this, Z).queries,
+      ...h(this, Z).queries,
       ...this.getQueryDefaults(t.queryKey),
       ...t,
       _defaulted: !0
     };
-    return e.queryHash || (e.queryHash = ft(
+    return e.queryHash || (e.queryHash = bt(
       e.queryKey,
       e
     )), e.refetchOnReconnect === void 0 && (e.refetchOnReconnect = e.networkMode !== "always"), e.throwOnError === void 0 && (e.throwOnError = !!e.suspense), !e.networkMode && e.persister && (e.networkMode = "offlineFirst"), e.queryFn === Vt && (e.enabled = !1), e;
   }
   defaultMutationOptions(t) {
     return t != null && t._defaulted ? t : {
-      ...x(this, Z).mutations,
+      ...h(this, Z).mutations,
       ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
       ...t,
       _defaulted: !0
     };
   }
   clear() {
-    x(this, s).clear(), x(this, K).clear();
+    h(this, s).clear(), h(this, K).clear();
   }
-}, s = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), te = new WeakMap(), re = new WeakMap(), X = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), pt);
-const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resolve().then(() => yo)), xr = B(() => Promise.resolve().then(() => En)), pr = B(() => Promise.resolve().then(() => Pn)), cr = B(() => Promise.resolve().then(() => Lr)), fr = B(() => Promise.resolve().then(() => Sr)), br = B(() => Promise.resolve().then(() => tn)), gr = B(() => Promise.resolve().then(() => Zr)), jr = B(() => Promise.resolve().then(() => Gn)), yr = B(() => Promise.resolve().then(() => Vr)), sr = B(() => Promise.resolve().then(() => Nn)), kr = B(() => Promise.resolve().then(() => _r)), wr = {
+}, s = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), te = new WeakMap(), re = new WeakMap(), X = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), ct);
+const mr = B(() => Promise.resolve().then(() => Fr)), xr = B(() => Promise.resolve().then(() => yo)), hr = B(() => Promise.resolve().then(() => En)), pr = B(() => Promise.resolve().then(() => Pn)), cr = B(() => Promise.resolve().then(() => Lr)), fr = B(() => Promise.resolve().then(() => Sr)), br = B(() => Promise.resolve().then(() => tn)), gr = B(() => Promise.resolve().then(() => Zr)), jr = B(() => Promise.resolve().then(() => Gn)), yr = B(() => Promise.resolve().then(() => Vr)), sr = B(() => Promise.resolve().then(() => Nn)), kr = B(() => Promise.resolve().then(() => _r)), wr = {
   header: fr,
   seoHeader: jr,
   banner: mr,
-  calculator: hr,
-  form: xr,
+  calculator: xr,
+  form: hr,
   formDialog: pr,
   stepper: yr,
   benefit: kr,
@@ -700,11 +700,11 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
 }, vr = Object.keys(wr), y = vr.reduce(
   (t, e) => (t[e] = e, t),
   {}
-), Nr = (t) => jt(() => {
+), Nr = (t) => yt(() => {
   switch (t.handler) {
     case "navigate": {
       const { url: o, target: n, rel: i } = t;
-      qe && (window == null || window.open(o, n, i));
+      We && (window == null || window.open(o, n, i));
       break;
     }
     case "scroll": {
@@ -713,7 +713,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       break;
     }
     case "dialog": {
-      if (!qe) return;
+      if (!We) return;
       const { dialogId: o } = t ?? {}, n = document.getElementById(o);
       if (!n) {
         console.error("Такого элемента в DOM не существует", o);
@@ -724,7 +724,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   }
 }, [t]), Y = ({ handlerOptions: t, className: e, ...o }) => {
   const n = Nr(t);
-  return /* @__PURE__ */ r.jsx(ge, { className: a(e), onClick: n, ...o, children: o.children });
+  return /* @__PURE__ */ r.jsx(ge, { className: l(e), onClick: n, ...o, children: o.children });
 }, Cr = E(
   "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",
   {
@@ -742,32 +742,32 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   img: o,
   mobileImg: n,
   classes: i,
-  withButton: l,
+  withButton: a,
   button: d,
   variant: u,
   color: m
 }) => {
-  const { isDesktop: h } = ee();
+  const { isDesktop: x } = ee();
   return /* @__PURE__ */ r.jsxs(
     "li",
     {
       style: { backgroundColor: m ?? "#F3F4F7" },
-      className: a(Cr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      className: l(Cr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ r.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__ */ r.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
-            /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: { __html: e }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+        /* @__PURE__ */ r.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__ */ r.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: { __html: e }, className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ r.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: t },
-                className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
+                className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          l && h && (d == null ? void 0 : d.handlerOptions) && /* @__PURE__ */ r.jsx(Y, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...d })
+          a && x && (d == null ? void 0 : d.handlerOptions) && /* @__PURE__ */ r.jsx(Y, { intent: "primary", className: l("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...d })
         ] }),
-        (n || h) && o && /* @__PURE__ */ r.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: o && "url" in o && S.isObject(o) ? /* @__PURE__ */ r.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: o.url, alt: o.alt }) : o })
+        (n || x) && o && /* @__PURE__ */ r.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: o && "url" in o && S.isObject(o) ? /* @__PURE__ */ r.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: o.url, alt: o.alt }) : o })
       ]
     },
     e
@@ -780,37 +780,37 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Ke = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.benefit, "data-test-id": y.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(F, { className: n == null ? void 0 : n.container, children: [
+}), Ze = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.benefit, "data-test-id": y.benefit, className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(F, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ r.jsx(
     "div",
     {
       dangerouslySetInnerHTML: { __html: t },
-      className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ r.jsx("ul", { className: a(Ir({ variant: o }), n == null ? void 0 : n.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ r.jsx(Mr, { variant: o, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+  /* @__PURE__ */ r.jsx("ul", { className: l(Ir({ variant: o }), n == null ? void 0 : n.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ r.jsx(Mr, { variant: o, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
 ] }) }), _r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Benefit: Ke,
-  default: Ke
+  Benefit: Ze,
+  default: Ze
 }, Symbol.toStringTag, { value: "Module" })), Tr = ({ variant: t, details: e }) => {
   switch (t) {
     case "withButton":
       return /* @__PURE__ */ r.jsx(Y, { ...e });
     case "withPhone":
-      return /* @__PURE__ */ r.jsx(bt, { classes: { root: "items-end" }, ...e, phone: ke(e.phone) });
+      return /* @__PURE__ */ r.jsx(gt, { classes: { root: "items-end" }, ...e, phone: ke(e.phone) });
     default:
       return null;
   }
-}, Ze = (t) => {
+}, Xe = (t) => {
   const { logoPath: e = "/", logoType: o = "main", classes: n } = t;
   return /* @__PURE__ */ r.jsx(
     "header",
     {
       id: y.header,
       "data-test-id": y.header,
-      className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
-      children: /* @__PURE__ */ r.jsx(F, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
+      children: /* @__PURE__ */ r.jsx(F, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ r.jsx(
           "a",
           {
@@ -818,7 +818,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: a(
+            className: l(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               n == null ? void 0 : n.logo
             ),
@@ -831,29 +831,29 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   );
 }, Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Header: Ze,
-  default: Ze
+  Header: Xe,
+  default: Xe
 }, Symbol.toStringTag, { value: "Module" })), Or = ({
   headTitle: t,
   subtitle: e,
   buttonsConfig: o,
   advantages: n,
   classes: i,
-  imgMobile: l,
+  imgMobile: a,
   imgDesktop: d,
   imgAlt: u,
   color: m,
-  renderImage: h
+  renderImage: x
 }) => {
-  var v;
-  const { isDesktop: p, isMobile: c } = ee(), { primary: g, secondary: f } = o || {}, w = (_) => h ? h(_) : /* @__PURE__ */ r.jsx("img", { ..._ }), j = /* @__PURE__ */ r.jsx(
+  var k;
+  const { isDesktop: p, isMobile: c } = ee(), { primary: g, secondary: f } = o || {}, v = (_) => x ? x(_) : /* @__PURE__ */ r.jsx("img", { ..._ }), j = /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         i == null ? void 0 : i.advantageContainer
       ),
-      children: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+      children: (n == null ? void 0 : n.details) && ((k = n == null ? void 0 : n.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
     }
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -863,35 +863,35 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         id: y.banner,
         "data-test-id": y.banner,
         style: { backgroundColor: m ?? "#d9edff" },
-        className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: w(c ? { src: l.src, alt: u, className: a("h-full w-full object-cover object-center") } : {
+          /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: v(c ? { src: a.src, alt: u, className: l("h-full w-full object-cover object-center") } : {
             src: d.src,
             alt: u,
-            className: a("h-full w-full object-cover object-center")
+            className: l("h-full w-full object-cover object-center")
           }) }),
-          /* @__PURE__ */ r.jsxs(F, { className: a("h-full", i == null ? void 0 : i.container), children: [
-            /* @__PURE__ */ r.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ r.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__ */ r.jsxs(F, { className: l("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ r.jsx("div", { className: l("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ r.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__ */ r.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ r.jsxs(
                 "div",
                 {
-                  className: a(
+                  className: l(
                     "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col self-end 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:self-center desktop:px-0",
                     { "flex items-center gap-4": f == null ? void 0 : f.enabled },
                     i == null ? void 0 : i.group
@@ -900,7 +900,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                     g.enabled && /* @__PURE__ */ r.jsx(
                       Y,
                       {
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
+                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
                         ...g.buttonContent
@@ -910,7 +910,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                       Y,
                       {
                         intent: "secondary",
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
                         ...g.buttonContent
                       }
                     )
@@ -925,51 +925,51 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     ),
     c && (n == null ? void 0 : n.enabled) && j
   ] });
-}, Xe = ({
+}, Ye = ({
   headTitle: t,
   subtitle: e,
   buttonsConfig: o,
   advantages: n,
   classes: i,
-  imgMobile: l,
+  imgMobile: a,
   imgDesktop: d,
   imgAlt: u,
   color: m,
-  renderImage: h
+  renderImage: x
 }) => {
-  var w, j;
-  const { isMobile: p } = ee(), { primary: c, secondary: g } = o || {}, f = (v) => h ? h(v) : /* @__PURE__ */ r.jsx("img", { ...v });
+  var v, j;
+  const { isMobile: p } = ee(), { primary: c, secondary: g } = o || {}, f = (k) => x ? x(k) : /* @__PURE__ */ r.jsx("img", { ...k });
   return /* @__PURE__ */ r.jsxs(
     "section",
     {
       id: y.banner,
       style: { backgroundColor: m ?? "#d9edff" },
       "data-test-id": y.banner,
-      className: a("", i == null ? void 0 : i.root),
+      className: l("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ r.jsxs(F, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
-          /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ r.jsxs(F, { className: l("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
             /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-              /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
+              /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ r.jsxs(
                 "div",
                 {
-                  className: a(
+                  className: l(
                     "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": g == null ? void 0 : g.enabled },
                     i == null ? void 0 : i.group
@@ -978,7 +978,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                     c.enabled && /* @__PURE__ */ r.jsx(
                       Y,
                       {
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
+                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
                         ...c.buttonContent
@@ -988,7 +988,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                       Y,
                       {
                         intent: "secondary",
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
                         ...c.buttonContent
                       }
                     )
@@ -999,11 +999,11 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
             /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: a("relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
-                children: f(p ? { src: l.src, alt: u, className: a("h-full object-contain") } : {
+                className: l("relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
+                children: f(p ? { src: a.src, alt: u, className: l("h-full object-contain") } : {
                   src: d.src,
                   alt: u,
-                  className: a("h-full object-contain")
+                  className: l("h-full object-contain")
                 })
               }
             )
@@ -1011,18 +1011,18 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
           (n == null ? void 0 : n.enabled) && /* @__PURE__ */ r.jsx(
             "div",
             {
-              className: a(
+              className: l(
                 "items-center justify-center rounded-md p-4 pb-8 mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:flex desktop:translate-x-1/2 desktop:p-0",
                 i == null ? void 0 : i.advantageContainer
               ),
-              children: (n == null ? void 0 : n.details) && ((w = n == null ? void 0 : n.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+              children: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
             }
           )
         ] }),
         (n == null ? void 0 : n.enabled) && /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: a(
+            className: l(
               "flex items-center justify-center bg-color-white px-4 pb-8 pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:hidden desktop:translate-x-1/2 desktop:p-0",
               i == null ? void 0 : i.advantageContainer
             ),
@@ -1032,82 +1032,82 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       ]
     }
   );
-}, Ye = ({ variant: t, ...e }) => {
+}, Je = ({ variant: t, ...e }) => {
   switch (t) {
     case "separateImg":
-      return /* @__PURE__ */ r.jsx(Xe, { ...e });
+      return /* @__PURE__ */ r.jsx(Ye, { ...e });
     case "fullImg":
       return /* @__PURE__ */ r.jsx(Or, { ...e });
     default:
-      return /* @__PURE__ */ r.jsx(Xe, { ...e });
+      return /* @__PURE__ */ r.jsx(Ye, { ...e });
   }
 }, Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Banner: Ye,
-  default: Ye
+  Banner: Je,
+  default: Je
 }, Symbol.toStringTag, { value: "Module" })), Ie = ({ details: t, classes: e }) => {
   const { variant: o, items: n } = t ?? {};
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       id: "advantages",
-      className: a(
+      className: l(
         "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]": o === "threeCards" },
         { "desktop:max-w-[1140px]": o === "fourCards" },
         e == null ? void 0 : e.root
       ),
-      children: n == null ? void 0 : n.map(({ title: i, description: l }) => /* @__PURE__ */ r.jsxs(
+      children: n == null ? void 0 : n.map(({ title: i, description: a }) => /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             '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',
             e == null ? void 0 : e.item
           ),
           children: [
-            /* @__PURE__ */ r.jsx(L, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
-            /* @__PURE__ */ r.jsx("p", { className: a("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: l })
+            /* @__PURE__ */ r.jsx(Q, { as: "h4", className: l("text-color-dark", e == null ? void 0 : e.title), children: i }),
+            /* @__PURE__ */ r.jsx("p", { className: l("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: a })
           ]
         },
         i
       ))
     }
   );
-}, Er = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: o, href: n }) => /* @__PURE__ */ r.jsx(
+}, Er = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: o, href: n }) => /* @__PURE__ */ r.jsx(
   "a",
   {
-    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: n,
     "aria-label": o.replace("social/", ""),
-    children: /* @__PURE__ */ r.jsx(b, { name: o, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    children: /* @__PURE__ */ r.jsx(b, { name: o, className: l("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   n
-)) }), Br = ({ phones: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: o, text: n }) => /* @__PURE__ */ r.jsx(
-  bt,
+)) }), Br = ({ phones: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: o, text: n }) => /* @__PURE__ */ r.jsx(
+  gt,
   {
     phone: ke(o),
     text: n,
     classes: {
-      root: a(e == null ? void 0 : e.phoneWrapper),
-      text: a("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: a("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
+      root: l(e == null ? void 0 : e.phoneWrapper),
+      text: l("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: l("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
   o
 )) }), Pr = ({ classes: t, details: e }) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: a(
+    className: l(
       "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",
       t == null ? void 0 : t.navRoot
     ),
     children: e == null ? void 0 : e.map(
-      ({ column: o }) => o == null ? void 0 : o.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
-        /* @__PURE__ */ r.jsx("div", { className: a("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: n }),
-        /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: l, label: d }) => /* @__PURE__ */ r.jsx(
+      ({ column: o }) => o == null ? void 0 : o.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
+        /* @__PURE__ */ r.jsx("div", { className: l("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: n }),
+        /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: d }) => /* @__PURE__ */ r.jsx(
           je,
           {
-            href: l,
+            href: a,
             "aria-label": d,
             intent: "white",
             classes: {
@@ -1124,7 +1124,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
 ), Dr = ({ text: t, classes: e }) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
+    className: l("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
     dangerouslySetInnerHTML: { __html: t }
   }
 ), Rr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
@@ -1132,8 +1132,8 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: a("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", t == null ? void 0 : t.footerLogo),
-    children: /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoWhite", className: a("size-full", t == null ? void 0 : t.footerLogoIcon) })
+    className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", t == null ? void 0 : t.footerLogo),
+    children: /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoWhite", className: l("size-full", t == null ? void 0 : t.footerLogoIcon) })
   }
 ), Hr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
   je,
@@ -1144,22 +1144,22 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: a("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
+      link: l("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
       icon: t == null ? void 0 : t.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
 ), zr = ({ text: t, classes: e }) => {
-  const [o, n] = ue.useState(!1), [i, l] = ue.useState(!1), d = ue.useRef(null);
+  const [o, n] = ue.useState(!1), [i, a] = ue.useState(!1), d = ue.useRef(null);
   return ue.useEffect(() => {
     const u = d.current;
-    u && l(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ r.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
+    u && a(u.scrollHeight > u.clientHeight);
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: l("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
     /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: d,
-        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
+        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
         dangerouslySetInnerHTML: { __html: t }
       }
     ),
@@ -1169,7 +1169,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         tabIndex: 0,
         role: "button",
         onClick: () => n((u) => !u),
-        className: a(
+        className: l(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           e == null ? void 0 : e.ligalButton
         ),
@@ -1177,30 +1177,30 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       }
     )
   ] });
-}, Je = ({
+}, Ge = ({
   socialsLinks: t,
   phones: e,
   ligal: o,
   copyright: n,
   classes: i,
-  details: l,
+  details: a,
   siteMap: d = !0
 }) => /* @__PURE__ */ r.jsx(
   "footer",
   {
     id: y.footer,
     "data-test-id": y.footer,
-    className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ r.jsx(F, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ r.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
+    className: l("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
+    children: /* @__PURE__ */ r.jsx(F, { className: l(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ r.jsxs("div", { className: l("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             "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__ */ r.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
+            /* @__PURE__ */ r.jsxs("div", { className: l(i == null ? void 0 : i.footerSocialBlock), children: [
               /* @__PURE__ */ r.jsx(Rr, { classes: i == null ? void 0 : i.footerLogo }),
               t.enabled && /* @__PURE__ */ r.jsx(Er, { socialsLinks: t.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
@@ -1208,12 +1208,12 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
           ]
         }
       ),
-      !S.isArrayEmpty(l) && /* @__PURE__ */ r.jsx(Pr, { details: l, classes: i == null ? void 0 : i.navLinks }),
+      !S.isArrayEmpty(a) && /* @__PURE__ */ r.jsx(Pr, { details: a, classes: i == null ? void 0 : i.navLinks }),
       o.enabled && /* @__PURE__ */ r.jsx(zr, { text: o.text }),
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             "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
           ),
@@ -1227,14 +1227,14 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   }
 ), Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Footer: Je,
-  default: Je
+  Footer: Ge,
+  default: Ge
 }, Symbol.toStringTag, { value: "Module" })), Qr = ({ classes: t, index: e, variant: o, title: n, description: i }) => {
-  const l = o === "withTitleAndDescription" && n;
+  const a = o === "withTitleAndDescription" && n;
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "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
       ),
@@ -1242,48 +1242,48 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: a(
+            className: l(
               "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: e
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-2"), children: [
-          l && /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2"), children: [
+          a && /* @__PURE__ */ r.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: n },
-              className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+              className: l("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
             }
           ),
           /* @__PURE__ */ r.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: i ?? "" },
-              className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+              className: l("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
             }
           )
         ] })
       ]
     }
   );
-}, Ge = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.stepper, "data-test-id": y.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ r.jsx(F, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ r.jsx(L, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: t }),
+}, et = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.stepper, "data-test-id": y.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ r.jsx(F, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ r.jsx(Q, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: t }),
   /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
         n == null ? void 0 : n.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((i, l) => /* @__PURE__ */ r.jsx(Qr, { variant: o, ...i, index: l + 1, classes: n == null ? void 0 : n.step }, i.description))
+      children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ r.jsx(Qr, { variant: o, ...i, index: a + 1, classes: n == null ? void 0 : n.step }, i.description))
     }
   )
 ] }) }) }), Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Stepper: Ge,
-  default: Ge
+  Stepper: et,
+  default: et
 }, Symbol.toStringTag, { value: "Module" })), $r = E("", {
   variants: {
     intent: {
@@ -1376,45 +1376,45 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       enabled: !1
     }
   } = t;
-  return /* @__PURE__ */ r.jsx("li", { className: a(qr({ intent: e })), children: /* @__PURE__ */ r.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ r.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: o }),
-      i.enabled && /* @__PURE__ */ r.jsx(_e, { triggerElement: /* @__PURE__ */ r.jsx(b, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  return /* @__PURE__ */ r.jsx("li", { className: l(qr({ intent: e })), children: /* @__PURE__ */ r.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ r.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: o }),
+      i.enabled && /* @__PURE__ */ r.jsx(_e, { triggerElement: /* @__PURE__ */ r.jsx(b, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ r.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, Ce = ({ intent: t, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: a($r({ intent: t, desktopHidden: o, mobileHidden: n })), children: e }), Kr = ({ details: t, intent: e, withButton: o }) => /* @__PURE__ */ r.jsx("ul", { className: a(Ar({ intent: e, withButton: o })), children: t == null ? void 0 : t.map((n, i) => /* @__PURE__ */ r.jsx(Ur, { intent: e, data: n }, i)) }), et = ({
+}, Ce = ({ intent: t, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: l($r({ intent: t, desktopHidden: o, mobileHidden: n })), children: e }), Kr = ({ details: t, intent: e, withButton: o }) => /* @__PURE__ */ r.jsx("ul", { className: l(Ar({ intent: e, withButton: o })), children: t == null ? void 0 : t.map((n, i) => /* @__PURE__ */ r.jsx(Ur, { intent: e, data: n }, i)) }), tt = ({
   headline: t,
   buttonConfig: e,
   intent: o = "twoItems",
   details: n,
   image: i,
-  classes: l
+  classes: a
 }) => {
   const d = o === "fourItems", u = o === "twoItems", m = i && "url" in i && S.isObject(i) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ r.jsx("section", { id: y.longBanner, "data-test-id": y.longBanner, className: a(l == null ? void 0 : l.root), children: /* @__PURE__ */ r.jsxs(F, { className: a(l == null ? void 0 : l.container), children: [
+  return /* @__PURE__ */ r.jsx("section", { id: y.longBanner, "data-test-id": y.longBanner, className: l(a == null ? void 0 : a.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(a == null ? void 0 : a.container), children: [
     u && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t }),
     /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: a(
+        className: l(
           "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",
-          l == null ? void 0 : l.contentContainer
+          a == null ? void 0 : a.contentContainer
         ),
         children: [
           d && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t, desktopHidden: !0 }),
-          /* @__PURE__ */ r.jsx("div", { className: a(Wr({ intent: o, withButton: e == null ? void 0 : e.enabled }), l == null ? void 0 : l.imgContainer), children: m }),
+          /* @__PURE__ */ r.jsx("div", { className: l(Wr({ intent: o, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
           /* @__PURE__ */ r.jsxs(
             "div",
             {
-              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", l == null ? void 0 : l.textWithBtnContainer),
+              className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
                 d && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t, mobileHidden: !0 }),
                 /* @__PURE__ */ r.jsx(Kr, { details: n, intent: o, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
                 (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ r.jsx(
                   Y,
                   {
-                    className: a("w-full px-4 desktop:w-max", l == null ? void 0 : l.button),
+                    className: l("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
                     size: "lg",
                     intent: "secondary",
                     ...e.buttonContent
@@ -1429,8 +1429,8 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   ] }) });
 }, Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LongBanner: et,
-  default: et
+  LongBanner: tt,
+  default: tt
 }, Symbol.toStringTag, { value: "Module" })), Me = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
@@ -1439,7 +1439,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   "div",
   {
     tabIndex: 0,
-    className: a(
+    className: l(
       "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",
       o == null ? void 0 : o.root
@@ -1447,7 +1447,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     children: /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: a(
+        className: l(
           "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": e },
@@ -1485,14 +1485,14 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     /* @__PURE__ */ r.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ r.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), Nt = ({ mainLink: t, subLink: e, isMobile: o, classes: n }) => /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), Nt = ({ mainLink: t, subLink: e, isMobile: o, classes: n }) => /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ r.jsx(
     "a",
     {
       href: t.href,
       target: "_blank",
       rel: "noreferrer",
-      className: a(
+      className: l(
         '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
       ),
@@ -1508,79 +1508,79 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
       children: e == null ? void 0 : e.text
     }
   )
-] }), tt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: l }) => {
+] }), rt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: a }) => {
   const { isMobile: d } = ee();
-  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: l == null ? void 0 : l.authWrapper, children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "flex flex-1 items-center justify-between gap-1",
         { "justify-center": !n && d },
-        l == null ? void 0 : l.innerWrapper
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", l == null ? void 0 : l.textContent), children: [
+        /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
           /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(b, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", l == null ? void 0 : l.mtsLogo) }),
-            /* @__PURE__ */ r.jsx(b, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", l == null ? void 0 : l.megafonLogo) }),
-            /* @__PURE__ */ r.jsx(b, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", l == null ? void 0 : l.beelineLogo) })
+            /* @__PURE__ */ r.jsx(b, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", a == null ? void 0 : a.mtsLogo) }),
+            /* @__PURE__ */ r.jsx(b, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
+            /* @__PURE__ */ r.jsx(b, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
           ] }),
-          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: l == null ? void 0 : l.links }),
-          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("mobile:hidden", l == null ? void 0 : l.arrowIcon) })
+          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ r.jsx(Te, { className: a("bg-color-positive", l == null ? void 0 : l.badge), children: n })
+        n && /* @__PURE__ */ r.jsx(Te, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: n })
       ]
     }
   ) });
-}, rt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: l }) => {
+}, nt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: a }) => {
   const { isMobile: d } = ee();
-  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: l == null ? void 0 : l.authWrapper, children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "flex flex-1 items-center justify-between gap-1",
         { "justify-center": !n && d },
-        l == null ? void 0 : l.innerWrapper
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", l == null ? void 0 : l.textContent), children: [
-          /* @__PURE__ */ r.jsx(Xr, { className: a("size-7 desktop:size-8", l == null ? void 0 : l.esiaLogo) }),
-          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: l == null ? void 0 : l.links }),
-          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("mobile:hidden", l == null ? void 0 : l.arrowIcon) })
+        /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
+          /* @__PURE__ */ r.jsx(Xr, { className: l("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
+          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ r.jsx(Te, { className: a("bg-color-positive", l == null ? void 0 : l.badge), children: n })
+        n && /* @__PURE__ */ r.jsx(Te, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: n })
       ]
     }
   ) });
 }, Yr = (t) => {
   switch (t.mode) {
     case Me.ESIA:
-      return /* @__PURE__ */ r.jsx(rt, { ...t });
+      return /* @__PURE__ */ r.jsx(nt, { ...t });
     case Me.MOBILE_ID:
-      return /* @__PURE__ */ r.jsx(tt, { ...t });
+      return /* @__PURE__ */ r.jsx(rt, { ...t });
     case Me.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: o, subtitle: n, badge: i, classes: l } = t, d = !n && !i ? ue.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: o, subtitle: n, badge: i, classes: a } = t, d = !n && !i ? ue.Fragment : "div";
       return /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             "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",
-            l == null ? void 0 : l.root
+            a == null ? void 0 : a.root
           ),
           children: [
-            /* @__PURE__ */ r.jsxs(d, { className: a("flex w-full items-center justify-between gap-2", l == null ? void 0 : l.topContent), children: [
-              n && /* @__PURE__ */ r.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", l == null ? void 0 : l.subtitle), children: n }),
-              i && /* @__PURE__ */ r.jsx(Te, { className: a("bg-color-positive", l == null ? void 0 : l.badge), children: i })
+            /* @__PURE__ */ r.jsxs(d, { className: l("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
+              n && /* @__PURE__ */ r.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: n }),
+              i && /* @__PURE__ */ r.jsx(Te, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: i })
             ] }),
-            /* @__PURE__ */ r.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", l == null ? void 0 : l.authWrapper), children: [
+            /* @__PURE__ */ r.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
               /* @__PURE__ */ r.jsx(
-                rt,
+                nt,
                 {
                   ...e,
                   classes: {
@@ -1591,7 +1591,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                 }
               ),
               /* @__PURE__ */ r.jsx(
-                tt,
+                rt,
                 {
                   ...o,
                   classes: {
@@ -1606,12 +1606,12 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         }
       );
   }
-}, Oo = (t) => Yr(t), nt = ({ links: t, classes: e }) => /* @__PURE__ */ r.jsx("nav", { className: a("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: o, label: n }) => /* @__PURE__ */ r.jsx(
+}, Oo = (t) => Yr(t), ot = ({ links: t, classes: e }) => /* @__PURE__ */ r.jsx("nav", { className: l("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: o, label: n }) => /* @__PURE__ */ r.jsx(
   je,
   {
     classes: {
-      link: a("w-max", e == null ? void 0 : e.linkText),
-      icon: a(e == null ? void 0 : e.linkIcon)
+      link: l("w-max", e == null ? void 0 : e.linkText),
+      icon: l(e == null ? void 0 : e.linkIcon)
     },
     intent: "dark",
     href: o,
@@ -1619,32 +1619,32 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   },
   o
 )) }), Jr = ({ groupLabel: t, links: e, mobileAccordionProps: o, classes: n }) => {
-  var l, d, u;
+  var a, d, u;
   const { isMobile: i } = ee();
-  return /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: t }),
-      /* @__PURE__ */ r.jsx(nt, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
+      /* @__PURE__ */ r.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: t }),
+      /* @__PURE__ */ r.jsx(ot, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ r.jsx(
-      le,
+      ae,
       {
         defaultOpen: !0,
         label: t,
-        icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...o,
         classes: {
           ...o == null ? void 0 : o.classes,
           header: {
-            trigger: a("p-0 bg-color-blue-grey-100", (d = (l = o == null ? void 0 : o.classes) == null ? void 0 : l.header) == null ? void 0 : d.trigger)
+            trigger: l("p-0 bg-color-blue-grey-100", (d = (a = o == null ? void 0 : o.classes) == null ? void 0 : a.header) == null ? void 0 : d.trigger)
           },
-          contentInner: a("py-2 px-4", (u = o == null ? void 0 : o.classes) == null ? void 0 : u.contentInner)
+          contentInner: l("py-2 px-4", (u = o == null ? void 0 : o.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ r.jsx(nt, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ r.jsx(ot, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, Gr = ({ column: t, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx(Jr, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), en = E("grid gap-4 grid-cols-1", {
+}, Gr = ({ column: t, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx(Jr, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), en = E("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1655,68 +1655,68 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   defaultVariants: {
     variant: "fourCols"
   }
-}), ot = ({
+}), it = ({
   variant: t,
   details: e,
   headline: o,
   mobileAccordionProps: n,
   rootAccordionProps: i,
-  classes: l,
+  classes: a,
   defaultOpen: d
 }) => {
-  var u, m, h;
+  var u, m, x;
   return /* @__PURE__ */ r.jsx(
     "section",
     {
       id: y.interLinking,
       "data-test-id": y.interLinking,
-      className: a("min-w-full desktop:min-w-[1140px]", l == null ? void 0 : l.root),
+      className: l("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root),
       children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(
-        le,
+        ae,
         {
           defaultOpen: d,
-          label: /* @__PURE__ */ r.jsx(L, { as: "h4", className: a("text-left", l == null ? void 0 : l.headline), children: o }),
+          label: /* @__PURE__ */ r.jsx(Q, { as: "h4", className: l("text-left", a == null ? void 0 : a.headline), children: o }),
           ...i,
           classes: {
             ...i == null ? void 0 : i.classes,
             header: {
-              trigger: a("bg-color-blue-grey-100", (m = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : m.trigger)
+              trigger: l("bg-color-blue-grey-100", (m = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : m.trigger)
             },
-            content: a("max-w-full bg-color-blue-grey-100 relative", (h = i == null ? void 0 : i.classes) == null ? void 0 : h.content)
+            content: l("max-w-full bg-color-blue-grey-100 relative", (x = i == null ? void 0 : i.classes) == null ? void 0 : x.content)
           },
-          children: /* @__PURE__ */ r.jsx("div", { className: a(en({ variant: t }), l == null ? void 0 : l.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ r.jsx(Gr, { ...p, ...n, classes: l == null ? void 0 : l.column }, c)) })
+          children: /* @__PURE__ */ r.jsx("div", { className: l(en({ variant: t }), a == null ? void 0 : a.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ r.jsx(Gr, { ...p, ...n, classes: a == null ? void 0 : a.column }, c)) })
         }
       ) })
     }
   );
 }, tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InterLinking: ot,
-  default: ot
-}, Symbol.toStringTag, { value: "Module" })), rn = ({ tabsNames: t, activeTab: e, setActiveTab: o, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: t && t.map((i, l) => /* @__PURE__ */ r.jsx(
+  InterLinking: it,
+  default: it
+}, Symbol.toStringTag, { value: "Module" })), rn = ({ tabsNames: t, activeTab: e, setActiveTab: o, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: t && t.map((i, a) => /* @__PURE__ */ r.jsx(
   "button",
   {
-    onClick: () => o(l),
-    className: a(
+    onClick: () => o(a),
+    className: l(
       "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": e === l
+        "bg-icon-primary-default text-color-white": e === a
       },
       n == null ? void 0 : n.button
     ),
     children: i
   },
   i
-)) }), nn = (t) => t.variant === "HTML", on = (t) => t.variant === "DOCUMENTS", ln = (t) => t.variant === "TABLE", an = ({ html: t, config: e, classes: o, accordionConfig: n }) => {
-  const i = /* @__PURE__ */ r.jsx("div", { className: a(o == null ? void 0 : o.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(le, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
+)) }), nn = (t) => t.variant === "HTML", on = (t) => t.variant === "DOCUMENTS", an = (t) => t.variant === "TABLE", ln = ({ html: t, config: e, classes: o, accordionConfig: n }) => {
+  const i = /* @__PURE__ */ r.jsx("div", { className: l(o == null ? void 0 : o.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
 }, dn = (t, e) => ({
   rows: t == null ? void 0 : t.map(({ row: o }) => ({
     row: o == null ? void 0 : o.map((n, i) => {
-      var l;
+      var a;
       return {
         ...n,
-        heading: e && ((l = e[i]) == null ? void 0 : l.heading)
+        heading: e && ((a = e[i]) == null ? void 0 : a.heading)
       };
     })
   }))
@@ -1734,7 +1734,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), hn = ({ headings: t, columnsVariant: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: a(mn({ columnsVariant: e }), o == null ? void 0 : o.row), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx("div", { className: a("text-color-secondary", o == null ? void 0 : o.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), xn = E("desktop:grid mobile:hidden items-center", {
+}), xn = ({ headings: t, columnsVariant: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: l(mn({ columnsVariant: e }), o == null ? void 0 : o.row), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx("div", { className: l("text-color-secondary", o == null ? void 0 : o.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), hn = E("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1745,11 +1745,11 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), pn = ({ row: t, tableVariant: e, columnsVariant: o, rowIndex: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: a(xn({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: l }, d) => /* @__PURE__ */ r.jsx(
+}), pn = ({ row: t, tableVariant: e, columnsVariant: o, rowIndex: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: l(hn({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a }, d) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: a("desk-body-regular-l text-color-dark", { "font-medium": d !== 0 }, i == null ? void 0 : i.cell),
-    children: l && l
+    className: l("desk-body-regular-l text-color-dark", { "font-medium": d !== 0 }, i == null ? void 0 : i.cell),
+    children: a && a
   },
   d
 )) }), cn = E("mobile:flex desktop:hidden flex-col gap-2", {
@@ -1759,38 +1759,38 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), fn = ({ row: t, tableVariant: e, columnsVariant: o, headingsExist: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: a(cn({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: l, heading: d }, u) => /* @__PURE__ */ r.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
-  d && /* @__PURE__ */ r.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: d }),
+}), fn = ({ row: t, tableVariant: e, columnsVariant: o, headingsExist: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: l(cn({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a, heading: d }, u) => /* @__PURE__ */ r.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
+  d && /* @__PURE__ */ r.jsx("div", { className: l("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: d }),
   /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "mob-body-regular-l text-color-dark",
         {
           "font-medium": u !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && n
         },
         i == null ? void 0 : i.cell
       ),
-      children: l
+      children: a
     }
   )
 ] }, u)) }), bn = ({ tableVariant: t, rows: e, headings: o, columnsVariant: n, classes: i }) => {
   var u;
-  const l = ((u = dn(e, o)) == null ? void 0 : u.rows) ?? [], d = !!(o && o.length > 0);
-  return /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    d && /* @__PURE__ */ r.jsx(hn, { headings: o, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
-    e == null ? void 0 : e.map((m, h) => /* @__PURE__ */ r.jsx(
+  const a = ((u = dn(e, o)) == null ? void 0 : u.rows) ?? [], d = !!(o && o.length > 0);
+  return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+    d && /* @__PURE__ */ r.jsx(xn, { headings: o, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+    e == null ? void 0 : e.map((m, x) => /* @__PURE__ */ r.jsx(
       pn,
       {
-        rowIndex: h,
+        rowIndex: x,
         tableVariant: t,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
         ...m
       },
-      h
+      x
     )),
-    l == null ? void 0 : l.map((m, h) => /* @__PURE__ */ r.jsx(
+    a == null ? void 0 : a.map((m, x) => /* @__PURE__ */ r.jsx(
       fn,
       {
         headingsExist: d,
@@ -1799,7 +1799,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         classes: i == null ? void 0 : i.desktopRow,
         ...m
       },
-      h
+      x
     ))
   ] });
 }, gn = ({
@@ -1808,23 +1808,23 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   columnsVariant: o,
   config: n,
   rows: i,
-  title: l,
+  title: a,
   headings: d,
   accordionConfig: u,
   classes: m
 }) => {
-  const h = /* @__PURE__ */ r.jsxs("div", { className: a(un({ columnsVariant: o }), m == null ? void 0 : m.wrapper), children: [
-    l && /* @__PURE__ */ r.jsx(L, { as: "h4", className: a("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: l }),
+  const x = /* @__PURE__ */ r.jsxs("div", { className: l(un({ columnsVariant: o }), m == null ? void 0 : m.wrapper), children: [
+    a && /* @__PURE__ */ r.jsx(Q, { as: "h4", className: l("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: a }),
     /* @__PURE__ */ r.jsx(bn, { tableVariant: t, rows: i, headings: d, columnsVariant: o }),
     e && /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
+        className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
         dangerouslySetInnerHTML: { __html: e ?? "" }
       }
     )
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ r.jsx(le, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || x }) : x });
 }, jn = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
@@ -1845,35 +1845,35 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: a(
+    className: l(
       "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__ */ r.jsx(b, { name: jn[n], className: a(yn({ iconType: n }), i == null ? void 0 : i.icon) }),
-      /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
-        /* @__PURE__ */ r.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: t }),
-        /* @__PURE__ */ r.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
+      /* @__PURE__ */ r.jsx(b, { name: jn[n], className: l(yn({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ r.jsx("p", { className: l("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: t }),
+        /* @__PURE__ */ r.jsxs("div", { className: l("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
           Number(e),
           " КБ"
         ] })
       ] })
     ]
   }
-), kn = ({ docs: t, config: e, title: o, iconType: n, description: i, classes: l, accordionConfig: d }) => {
-  const u = /* @__PURE__ */ r.jsxs("div", { className: a("flex max-w-[680px] flex-col", l == null ? void 0 : l.wrapper), children: [
-    o && /* @__PURE__ */ r.jsx(L, { as: "h3", className: "mb-4", children: o }),
-    /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4", l == null ? void 0 : l.documentsWrapper), children: t == null ? void 0 : t.map((m) => /* @__PURE__ */ r.jsx(sn, { iconType: n, ...m, classes: l == null ? void 0 : l.singleDocument }, m.label)) }),
-    i && /* @__PURE__ */ r.jsx("div", { className: a("mt-4", l == null ? void 0 : l.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
+), kn = ({ docs: t, config: e, title: o, iconType: n, description: i, classes: a, accordionConfig: d }) => {
+  const u = /* @__PURE__ */ r.jsxs("div", { className: l("flex max-w-[680px] flex-col", a == null ? void 0 : a.wrapper), children: [
+    o && /* @__PURE__ */ r.jsx(Q, { as: "h3", className: "mb-4", children: o }),
+    /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: t == null ? void 0 : t.map((m) => /* @__PURE__ */ r.jsx(sn, { iconType: n, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
+    i && /* @__PURE__ */ r.jsx("div", { className: l("mt-4", a == null ? void 0 : a.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(le, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
 }, wn = ({ entity: t, classes: e, accordionsConfig: o }) => {
-  var n, i, l;
+  var n, i, a;
   switch (!0) {
     case nn(t):
       return (n = t.details) == null ? void 0 : n.map((d, u) => {
         var m;
-        return /* @__PURE__ */ r.jsx(an, { ...d, accordionConfig: o == null ? void 0 : o.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
+        return /* @__PURE__ */ r.jsx(ln, { ...d, accordionConfig: o == null ? void 0 : o.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
       });
     case on(t):
       return (i = t.details) == null ? void 0 : i.map((d, u) => {
@@ -1888,8 +1888,8 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
           u
         );
       });
-    case ln(t):
-      return (l = t.details) == null ? void 0 : l.map((d, u) => {
+    case an(t):
+      return (a = t.details) == null ? void 0 : a.map((d, u) => {
         var m;
         return /* @__PURE__ */ r.jsx(
           gn,
@@ -1904,21 +1904,21 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     default:
       return null;
   }
-}, vn = ({ entity: t, classes: e, accordionsConfig: o }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: wn({ entity: t, classes: e, accordionsConfig: o }) }), it = ({ headline: t, tabs: e, classes: o, accordionsConfig: n }) => {
+}, vn = ({ entity: t, classes: e, accordionsConfig: o }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: wn({ entity: t, classes: e, accordionsConfig: o }) }), at = ({ headline: t, tabs: e, classes: o, accordionsConfig: n }) => {
   var u, m;
-  const [i, l] = A(0), d = se(() => e == null ? void 0 : e.map((h) => h == null ? void 0 : h.tabName), [e]) ?? [];
-  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: y.usefulInfo, "data-test-id": y.usefulInfo, className: a(o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(F, { className: a(o == null ? void 0 : o.container), children: [
-    /* @__PURE__ */ r.jsx(L, { className: a(o == null ? void 0 : o.headline), as: "h2", children: t }),
-    /* @__PURE__ */ r.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", o == null ? void 0 : o.tabsWrapper), children: /* @__PURE__ */ r.jsx(rn, { tabsNames: d, activeTab: i, setActiveTab: l, classes: o == null ? void 0 : o.tabs }) }),
-    /* @__PURE__ */ r.jsx("div", { className: a("mt-6 flex flex-col gap-6", o == null ? void 0 : o.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((h, p) => /* @__PURE__ */ r.jsx(vn, { accordionsConfig: n, ...h, classes: o == null ? void 0 : o.entityClasses }, p)) })
+  const [i, a] = q(0), d = se(() => e == null ? void 0 : e.map((x) => x == null ? void 0 : x.tabName), [e]) ?? [];
+  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: y.usefulInfo, "data-test-id": y.usefulInfo, className: l(o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(o == null ? void 0 : o.container), children: [
+    /* @__PURE__ */ r.jsx(Q, { className: l(o == null ? void 0 : o.headline), as: "h2", children: t }),
+    /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", o == null ? void 0 : o.tabsWrapper), children: /* @__PURE__ */ r.jsx(rn, { tabsNames: d, activeTab: i, setActiveTab: a, classes: o == null ? void 0 : o.tabs }) }),
+    /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-6", o == null ? void 0 : o.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((x, p) => /* @__PURE__ */ r.jsx(vn, { accordionsConfig: n, ...x, classes: o == null ? void 0 : o.entityClasses }, p)) })
   ] }) });
 }, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UsefulInfo: it,
-  default: it
-}, Symbol.toStringTag, { value: "Module" })), Pe = ({ fields: t, control: e }) => t.map(({ type: o, args: n }) => {
-  const i = gt[o];
-  return /* @__PURE__ */ yt(i, { ...n, key: n.name, control: e });
+  UsefulInfo: at,
+  default: at
+}, Symbol.toStringTag, { value: "Module" })), De = ({ fields: t, control: e }) => t.map(({ type: o, args: n }) => {
+  const i = jt[o];
+  return /* @__PURE__ */ Oe(i, { ...n, key: n.name, control: e });
 });
 class Cn {
   constructor(e) {
@@ -1933,7 +1933,7 @@ class Cn {
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
   traverse(e, o = "string", n) {
-    const { includeSolidText: i, recursive: l, element: d } = this.options || {};
+    const { includeSolidText: i, recursive: a, element: d } = this.options || {};
     switch (e.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
@@ -1947,12 +1947,12 @@ class Cn {
         if (o === "node")
           n.push(e);
         else {
-          const h = u.outerHTML.trim();
-          n.push(h);
+          const x = u.outerHTML.trim();
+          n.push(x);
         }
-        if (l)
-          for (const h of e.childNodes)
-            this.traverse(h, o, n);
+        if (a)
+          for (const x of e.childNodes)
+            this.traverse(x, o, n);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
@@ -1961,8 +1961,8 @@ class Cn {
         if (o === "node")
           n.push(e);
         else {
-          const h = e.textContent;
-          h && n.push(h);
+          const x = e.textContent;
+          x && n.push(x);
         }
         break;
     }
@@ -1974,13 +1974,13 @@ class Cn {
    * @returns Массив тегов или нод
    */
   async parse(e, o = "string") {
-    const { includeBody: n } = this.options || {}, i = [], l = [], d = await this.parseFromString(e), u = o === "string" ? i : l;
+    const { includeBody: n } = this.options || {}, i = [], a = [], d = await this.parseFromString(e), u = o === "string" ? i : a;
     if (n)
       this.traverse(d.body, o, u);
     else
       for (const m of d.body.childNodes)
         this.traverse(m, o, u);
-    return { stringNodes: i, nodes: l };
+    return { stringNodes: i, nodes: a };
   }
   /**
    * Считает количество указанных тегов в HTML строке.
@@ -2014,22 +2014,22 @@ const ie = ({ html: t, as: e, ...o }) => {
   if (!S.isFunction(n))
     throw new Error(`Cannot generate ${String(e)} because is not a function`);
   return n(o);
-}, Tn = (t, e) => Ct(st.base, t, e), Sn = (t, e) => Ct(st.dadata, t, e), De = (t) => {
+}, Tn = (t, e) => Ct(st.base, t, e), Sn = (t, e) => Ct(st.dadata, t, e), Re = (t) => {
   const o = ((t == null ? void 0 : t.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
-    const l = _n.includes(i.validation.type) ? Sn(
+    const a = _n.includes(i.validation.type) ? Sn(
       i.validation.type,
       i.validation.args
     ) : Tn(
       i.validation.type,
       i.validation.args
     );
-    return n[i.name] = l, n;
+    return n[i.name] = a, n;
   }, {});
   return kt(o);
 }, On = new ur(), Mt = ({ children: t }) => /* @__PURE__ */ r.jsx(qt, { client: On, children: t }), Fn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
-    className: a(
+    className: l(
       "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"
@@ -2045,22 +2045,22 @@ const ie = ({ html: t, as: e, ...o }) => {
   progress: o,
   approvement: n,
   chips: i,
-  submitProps: l,
+  submitProps: a,
   classes: d,
   buttonGroup: u
 }) => {
-  var q, C;
-  const { submitCallback: m } = l || {}, [h, p] = A(!1), c = De(t), g = Be.getZodDefaults(c), { control: f, handleSubmit: w } = Ee({
+  var D, C;
+  const { submitCallback: m } = a || {}, [x, p] = q(!1), c = Re(t), g = Pe.getZodDefaults(c), { control: f, handleSubmit: v } = Be({
     schema: c,
     defaultValues: g,
     mode: "onBlur"
-  }), j = In(o, t), v = rr({ control: f, fields: j || [], schema: c }), _ = (I) => {
-    m && m({ ...I, agree: h });
+  }), j = In(o, t), k = rr({ control: f, fields: j || [], schema: c }), _ = (I) => {
+    m && m({ ...I, agree: x });
   };
-  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx("section", { id: y.form, "data-test-id": y.form, className: a("w-full", d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx("section", { id: y.form, "data-test-id": y.form, className: l("w-full", d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(
     F,
     {
-      className: a(
+      className: l(
         "!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"
       ),
@@ -2068,47 +2068,47 @@ const ie = ({ html: t, as: e, ...o }) => {
         i.enabled && /* @__PURE__ */ r.jsxs(
           "div",
           {
-            className: a(
+            className: l(
               "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",
-              (q = d == null ? void 0 : d.chips) == null ? void 0 : q.root
+              (D = d == null ? void 0 : d.chips) == null ? void 0 : D.root
             ),
             children: [
-              i.image && /* @__PURE__ */ r.jsx(b, { name: i.image, className: a("size-4", (C = d == null ? void 0 : d.chips) == null ? void 0 : C.icon) }),
+              i.image && /* @__PURE__ */ r.jsx(b, { name: i.image, className: l("size-4", (C = d == null ? void 0 : d.chips) == null ? void 0 : C.icon) }),
               i.content
             ]
           }
         ),
-        /* @__PURE__ */ r.jsx(L, { as: "h3", className: d == null ? void 0 : d.title, children: e }),
+        /* @__PURE__ */ r.jsx(Q, { as: "h3", className: d == null ? void 0 : d.title, children: e }),
         /* @__PURE__ */ r.jsxs(
           "form",
           {
-            onSubmit: w(_),
-            className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", d == null ? void 0 : d.form),
+            onSubmit: v(_),
+            className: l("flex w-full flex-col gap-y-6", "desktop:gap-y-8", d == null ? void 0 : d.form),
             children: [
               o.enabled && /* @__PURE__ */ r.jsx(
                 Wt,
                 {
-                  progress: v,
+                  progress: k,
                   topContent: /* @__PURE__ */ r.jsx(ie, { html: o.title }),
                   bottomContent: /* @__PURE__ */ r.jsx(ie, { html: o.subtitle }),
                   maxPercent: o.maxPercent,
                   classes: d == null ? void 0 : d.progressBar
                 }
               ),
-              /* @__PURE__ */ r.jsx(Pe, { control: f, fields: t }),
+              /* @__PURE__ */ r.jsx(De, { control: f, fields: t }),
               /* @__PURE__ */ r.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                Fn(n, h, p, d == null ? void 0 : d.approvement),
-                /* @__PURE__ */ r.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, D) => {
-                  const Q = I.type === "submit" && n.type === "checkbox" ? !h : !1;
-                  return /* @__PURE__ */ yt(
+                Fn(n, x, p, d == null ? void 0 : d.approvement),
+                /* @__PURE__ */ r.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, R) => {
+                  const V = I.type === "submit" && n.type === "checkbox" ? !x : !1;
+                  return /* @__PURE__ */ Oe(
                     ge,
                     {
                       ...I,
-                      key: D,
-                      disabled: Q,
-                      className: a(
+                      key: R,
+                      disabled: V,
+                      className: l(
                         "w-full whitespace-nowrap",
                         {
                           "w-full": !!n
@@ -2132,7 +2132,7 @@ const ie = ({ html: t, as: e, ...o }) => {
 }, Symbol.toStringTag, { value: "Module" })), Bn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
-    className: a(
+    className: l(
       "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"
@@ -2142,31 +2142,49 @@ const ie = ({ html: t, as: e, ...o }) => {
       /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
-), at = ({
+), dt = ({
   fields: t,
   title: e,
   approvement: o,
   submitProps: n,
   dialogId: i,
-  classes: l,
-  ...d
+  classes: a,
+  buttonGroup: d,
+  ...u
 }) => {
-  const { submitCallback: u, children: m, ...h } = n ?? {}, [p, c] = A(!1), g = De(t), f = Be.getZodDefaults(g), { control: w, handleSubmit: j } = Ee({
-    schema: g,
-    defaultValues: f,
+  const { submitCallback: m } = n ?? {}, [x, p] = q(!1), c = Re(t), g = Pe.getZodDefaults(c), { control: f, handleSubmit: v } = Be({
+    schema: c,
+    defaultValues: g,
     mode: "onBlur"
-  }), v = (_) => {
-    u && u({ ..._, agree: p });
+  }), j = (k) => {
+    m && m({ ...k, agree: x });
   };
-  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx(Ut, { id: i, title: e, ...d, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: j(v), className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ r.jsx(Pe, { control: w, fields: t }),
-    Bn(o, p, c, l == null ? void 0 : l.approvement),
-    /* @__PURE__ */ r.jsx(ge, { ...h, type: "submit", disabled: o.type === "checkbox" ? !p : !1, className: "w-full", children: m ?? "Отправить форму" })
+  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx(Ut, { id: i, title: e, ...u, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: v(j), className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ r.jsx(De, { control: f, fields: t }),
+    Bn(o, x, p, a == null ? void 0 : a.approvement),
+    d == null ? void 0 : d.map((k, _) => {
+      const D = k.type === "submit" && o.type === "checkbox" ? !x : !1;
+      return /* @__PURE__ */ Oe(
+        ge,
+        {
+          ...k,
+          key: _,
+          disabled: D,
+          className: l(
+            "w-full whitespace-nowrap",
+            {
+              "w-full": !!o
+            },
+            a == null ? void 0 : a.submit
+          )
+        }
+      );
+    })
   ] }) }) });
 }, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicFormDialog: at,
-  default: at
+  DynamicFormDialog: dt,
+  default: dt
 }, Symbol.toStringTag, { value: "Module" })), de = () => ({
   approve: {
     icon: {
@@ -2232,7 +2250,7 @@ const ie = ({ html: t, as: e, ...o }) => {
   /* @__PURE__ */ r.jsx(
     "span",
     {
-      className: a(
+      className: l(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
         `${de()[t].icon.bg}`
       ),
@@ -2240,11 +2258,11 @@ const ie = ({ html: t, as: e, ...o }) => {
     }
   ),
   /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ r.jsx(L, { as: "h2", children: de()[t].title }),
+    /* @__PURE__ */ r.jsx(Q, { as: "h2", children: de()[t].title }),
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: de()[t].description })
   ] }),
   /* @__PURE__ */ r.jsx(ge, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
-] }) }) }), It = ({ breadcrumb: t, className: e, ...o }) => /* @__PURE__ */ r.jsx("a", { href: t.path, className: a("desk-body-regular-m", e), ...o, children: t.label }), Dn = [
+] }) }) }), It = ({ breadcrumb: t, className: e, ...o }) => /* @__PURE__ */ r.jsx("a", { href: t.path, className: l("desk-body-regular-m", e), ...o, children: t.label }), Dn = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2257,32 +2275,32 @@ const ie = ({ html: t, as: e, ...o }) => {
     label: "В Тольятти",
     disabled: !0
   }
-], be = (t, e, o, n) => t.map((i, l) => {
-  const d = l === n;
+], be = (t, e, o, n) => t.map((i, a) => {
+  const d = a === n;
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ r.jsx(
       It,
       {
         breadcrumb: i,
-        className: a(o, {
+        className: l(o, {
           "pointer-events-none text-color-primary-disabled": d,
           "text-color-blue-grey-600": i.disabled
         })
       }
     ),
-    l !== t.length - 1 && e
+    a !== t.length - 1 && e
   ] }, i.label);
 }), Rn = ({ separator: t, ellipsis: e, classes: o, breadcrumbs: n = Dn }) => {
-  const [i, l] = A(!1), d = Oe(null);
-  er(d, () => l(!1));
-  const { first: u, middle: m, last: h } = se(() => {
+  const [i, a] = q(!1), d = Fe(null);
+  er(d, () => a(!1));
+  const { first: u, middle: m, last: x } = se(() => {
     let c = [], g = [], f = [];
     return e && (c = n.slice(0, e), g = n.slice(e, n.length - e), f = n.slice(n.length - e)), { first: c, middle: g, last: f };
-  }, [n, e]), p = t ?? /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("size-4", o == null ? void 0 : o.separator) });
+  }, [n, e]), p = t ?? /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("size-4", o == null ? void 0 : o.separator) });
   return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
         o == null ? void 0 : o.root
@@ -2297,12 +2315,12 @@ const ie = ({ html: t, as: e, ...o }) => {
             p,
             m.length > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
               /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ r.jsx("button", { onClick: () => l(!0), children: "..." }),
+                /* @__PURE__ */ r.jsx("button", { onClick: () => a(!0), children: "..." }),
                 /* @__PURE__ */ r.jsx(
                   "ul",
                   {
                     ref: d,
-                    className: a(
+                    className: l(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -2314,7 +2332,7 @@ const ie = ({ html: t, as: e, ...o }) => {
                       It,
                       {
                         breadcrumb: c,
-                        className: a(
+                        className: l(
                           "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",
@@ -2327,7 +2345,7 @@ const ie = ({ html: t, as: e, ...o }) => {
               ] }),
               p
             ] }),
-            be(h, p, o == null ? void 0 : o.breadcrumb, h.length - 1)
+            be(x, p, o == null ? void 0 : o.breadcrumb, x.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
@@ -2376,13 +2394,13 @@ const Hn = (t, e) => {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.2 },
-        className: "absolute w-full bg-color-white",
+        className: 'absolute w-full bg-color-white after:absolute after:left-1/2 after:top-0 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__ */ r.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: t.map((i) => {
           var d;
-          const l = i.link ? "a" : "p";
+          const a = i.link ? "a" : "p";
           return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-y-6", children: [
             i.title && /* @__PURE__ */ r.jsxs(
-              l,
+              a,
               {
                 href: ((d = i.link) == null ? void 0 : d.href) ?? void 0,
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
@@ -2406,13 +2424,13 @@ const Hn = (t, e) => {
     ((n = (o = document.body.querySelector("#modal-preview")) == null ? void 0 : o.contentDocument) == null ? void 0 : n.body) ?? document.body
   );
 }, $n = Yt(({ category: t, active: e, onActiveTabChange: o }, n) => {
-  var m, h;
-  const i = n && "current" in n ? n : null, l = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), d = e && !S.isArrayEmpty(t.children), u = S.isArrayEmpty(t.children) ? "a" : "span";
+  var m, x;
+  const i = n && "current" in n ? n : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), d = e && !S.isArrayEmpty(t.children), u = S.isArrayEmpty(t.children) ? "a" : "span";
   return /* @__PURE__ */ r.jsxs(
     Se.div,
     {
       ref: n,
-      className: a(
+      className: l(
         "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",
@@ -2425,23 +2443,23 @@ const Hn = (t, e) => {
       onMouseLeave: () => o(null),
       onFocus: () => o(t.title),
       children: [
-        /* @__PURE__ */ r.jsx(u, { href: u === "a" ? (h = t.link) == null ? void 0 : h.href : void 0, className: "desk-body-regular-m outline-none", children: t.title }),
+        /* @__PURE__ */ r.jsx(u, { href: u === "a" ? (x = t.link) == null ? void 0 : x.href : void 0, className: "desk-body-regular-m outline-none", children: t.title }),
         d && /* @__PURE__ */ r.jsx(
           Vn,
           {
             categories: t.children,
             style: {
-              top: l ? l.top + l.height : 0
+              top: a ? a.top + a.height : 0
             }
           }
         )
       ]
     }
   );
-}), An = Fe($n), qn = ({ categories: t }) => {
-  const [e, o] = A(null), n = jt((l) => {
-    o(l);
-  }, []), i = Oe(null);
+}), An = Ee($n), qn = ({ categories: t }) => {
+  const [e, o] = q(null), n = yt((a) => {
+    o(a);
+  }, []), i = Fe(null);
   return /* @__PURE__ */ r.jsx(Kt, { mode: "sync", children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -2449,35 +2467,35 @@ const Hn = (t, e) => {
       id: "tabs",
       className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
       children: [
-        t.map((l) => /* @__PURE__ */ r.jsx(
+        t.map((a) => /* @__PURE__ */ r.jsx(
           An,
           {
             ref: i,
-            category: l,
-            active: e === l.title,
+            category: a,
+            active: e === a.title,
             onActiveTabChange: n
           },
-          l.title
+          a.title
         )),
         /* @__PURE__ */ r.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
       ]
     }
   ) });
-}, Wn = Fe(qn), Un = ({
+}, Wn = Ee(qn), Un = ({
   category: t,
   selectedCategory: e,
   onCurrentCategoryChange: o,
   onRootCategoryChange: n,
   active: i,
-  ...l
+  ...a
 }) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    ...l,
+    ...a,
     onClick: () => {
       o(t.children[0]), n(t);
     },
-    className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+    className: l("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
@@ -2485,7 +2503,7 @@ const Hn = (t, e) => {
       t.children.length > 1 && /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: a(
+          className: l(
             "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"
@@ -2496,7 +2514,7 @@ const Hn = (t, e) => {
               onClick: (u) => {
                 u.stopPropagation(), u.nativeEvent.stopPropagation(), n(t), o(d);
               },
-              className: a(
+              className: l(
                 "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": e.title === d.title
@@ -2515,32 +2533,32 @@ const Hn = (t, e) => {
   return /* @__PURE__ */ r.jsxs("div", { className: "mobile:hidden", children: [
     /* @__PURE__ */ r.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__ */ r.jsx(b, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
-      t.map((l) => {
-        const d = n.root.title === l.title;
+      t.map((a) => {
+        const d = n.root.title === a.title;
         return /* @__PURE__ */ r.jsx(
           Un,
           {
-            category: l,
+            category: a,
             selectedCategory: n.current,
             onCurrentCategoryChange: (u) => i(Ln(u)),
             onRootCategoryChange: (u) => i(Qn(u)),
             active: d
           },
-          l.title
+          a.title
         );
       }),
       /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      e.map((l) => /* @__PURE__ */ r.jsxs(
+      e.map((a) => /* @__PURE__ */ r.jsxs(
         "a",
         {
-          href: l.link.href,
+          href: a.link.href,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
           children: [
-            l.link.icon && /* @__PURE__ */ r.jsx(b, { name: l.link.icon, className: "size-4" }),
-            l.title
+            a.link.icon && /* @__PURE__ */ r.jsx(b, { name: a.link.icon, className: "size-4" }),
+            a.title
           ]
         },
-        l.title
+        a.title
       )),
       /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
       /* @__PURE__ */ r.jsx(
@@ -2555,7 +2573,7 @@ const Hn = (t, e) => {
     /* @__PURE__ */ r.jsx(Wn, { categories: n.current.children })
   ] });
 }, Zn = ({ category: t }) => /* @__PURE__ */ r.jsx(
-  le,
+  ae,
   {
     label: t.title ?? "",
     icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: "-rotate-90" }),
@@ -2565,7 +2583,7 @@ const Hn = (t, e) => {
         trigger: "py-2 data-[open=false]:bg-color-white",
         label: "desk-body-regular-m"
       },
-      content: a(
+      content: l(
         "relative",
         'after:content-"" after:absolute after:w-[calc(100%-32px)]',
         "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
@@ -2587,9 +2605,9 @@ const Hn = (t, e) => {
             ]
           }
         ),
-        e.children.map((l) => {
+        e.children.map((a) => {
           var d;
-          return /* @__PURE__ */ r.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ r.jsx("a", { href: (d = l.link) == null ? void 0 : d.href, className: "w-full", children: l.title }) }, l.title);
+          return /* @__PURE__ */ r.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ r.jsx("a", { href: (d = a.link) == null ? void 0 : d.href, className: "w-full", children: a.title }) }, a.title);
         })
       ] }, e.title);
     }) })
@@ -2599,17 +2617,17 @@ const Hn = (t, e) => {
   value: e.title ?? "",
   label: e.title ?? ""
 })), Yn = ({ categories: t, helpers: e, phone: o, ...n }) => {
-  const i = Xn(t), [l, d] = A(i[0]), u = (h) => {
-    S.isUndefined(h) || S.isArray(h) || d(h);
+  const i = Xn(t), [a, d] = q(i[0]), u = (x) => {
+    S.isUndefined(x) || S.isArray(x) || d(x);
   }, m = se(() => {
-    var h;
-    return S.isUndefined(l) || S.isArray(l) ? [] : ((h = t.find((p) => p.title === l.value)) == null ? void 0 : h.children) ?? [];
-  }, [l, t]);
+    var x;
+    return S.isUndefined(a) || S.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
+  }, [a, t]);
   return /* @__PURE__ */ r.jsxs(
     Se.div,
     {
       ...n,
-      className: a(
+      className: l(
         "absolute 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",
@@ -2618,19 +2636,19 @@ const Hn = (t, e) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ r.jsx(ye.SelectBase, { label: "Категория", options: i, value: l, onChange: u }),
-        /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((h) => {
+        /* @__PURE__ */ r.jsx(ye.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
+        /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((x) => {
           var p;
-          return S.isArrayEmpty(h.children) ? /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsx("a", { href: (p = h.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: h.title }) }, h.title) : /* @__PURE__ */ r.jsx(Zn, { category: h }, h.title);
+          return S.isArrayEmpty(x.children) ? /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsx("a", { href: (p = x.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: x.title }) }, x.title) : /* @__PURE__ */ r.jsx(Zn, { category: x }, x.title);
         }) }),
         /* @__PURE__ */ r.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
         /* @__PURE__ */ r.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
-          e.map((h) => {
+          e.map((x) => {
             var p, c;
-            return /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: (p = h.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
-              ((c = h.link) == null ? void 0 : c.icon) && /* @__PURE__ */ r.jsx(b, { name: h.link.icon, className: "size-4" }),
-              h.title
-            ] }) }, h.title);
+            return /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: (p = x.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
+              ((c = x.link) == null ? void 0 : c.icon) && /* @__PURE__ */ r.jsx(b, { name: x.link.icon, className: "size-4" }),
+              x.title
+            ] }) }, x.title);
           }),
           /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: `tel:${o}`, className: "flex w-full items-center gap-x-1", children: [
             /* @__PURE__ */ r.jsx(b, { name: "communication/phone", className: "size-4" }),
@@ -2641,8 +2659,8 @@ const Hn = (t, e) => {
     }
   );
 }, Jn = ({ categories: t, helpers: e, phone: o }) => {
-  var m, h, p;
-  const n = Oe(null), i = (m = n.current) == null ? void 0 : m.getBoundingClientRect(), [l, d] = A(!1), u = () => d(!l);
+  var m, x, p;
+  const n = Fe(null), i = (m = n.current) == null ? void 0 : m.getBoundingClientRect(), [a, d] = q(!1), u = () => d(!a);
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -2650,8 +2668,8 @@ const Hn = (t, e) => {
       className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",
       children: [
         /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(b, { name: l ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-        l && wt(
+        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(b, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+        a && wt(
           /* @__PURE__ */ r.jsx(
             Yn,
             {
@@ -2664,29 +2682,29 @@ const Hn = (t, e) => {
           /**
            * Нужно для preview, чтобы категории рендерились в iframe
            */
-          ((p = (h = document.body.querySelector("#modal-preview")) == null ? void 0 : h.contentDocument) == null ? void 0 : p.body) ?? document.body
+          ((p = (x = document.body.querySelector("#modal-preview")) == null ? void 0 : x.contentDocument) == null ? void 0 : p.body) ?? document.body
         )
       ]
     }
   );
-}, dt = ({ categories: t, helpers: e, phone: o, breadcrumbs: n }) => {
+}, ut = ({ categories: t, helpers: e, phone: o, breadcrumbs: n }) => {
   const { isMobile: i } = ee();
   return /* @__PURE__ */ r.jsx("div", { id: y.seoHeader, "data-test-id": y.seoHeader, className: "w-full bg-color-white", children: /* @__PURE__ */ r.jsxs(F, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ r.jsx(Jn, { categories: t.map((l) => l.children).flat(), helpers: e, phone: o }),
+    /* @__PURE__ */ r.jsx(Jn, { categories: t.map((a) => a.children).flat(), helpers: e, phone: o }),
     /* @__PURE__ */ r.jsx(Kn, { categories: t, helpers: e, phone: o }),
     /* @__PURE__ */ r.jsx(
       Rn,
       {
         ellipsis: i ? 1 : void 0,
         breadcrumbs: n,
-        matcher: (l) => ({ label: Gt(l.label).split("-").join(" ") })
+        matcher: (a) => ({ label: Gt(a.label).split("-").join(" ") })
       }
     )
   ] }) });
 }, Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SeoHeader: dt,
-  default: dt
+  SeoHeader: ut,
+  default: ut
 }, Symbol.toStringTag, { value: "Module" })), _t = (t) => typeof t != "string" && "formula" in t, Tt = (t, e) => {
   let o = e;
   const n = {
@@ -2710,19 +2728,19 @@ const Hn = (t, e) => {
     default:
       return Tt(t, Number(e));
   }
-}, to = (t) => Object.values(t).reduce((o, n) => o.merge(De(n.fields)), kt({})), ro = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, St = (t, e) => {
-  const o = Object.entries(e).map(([m, h]) => [m, S.isNil(h) ? "1" : h]), n = o.map(([m]) => m), i = o.map(([, m]) => m), l = ro(t, Object.fromEntries(o)), u = new Function(...n, `return ${l};`)(...i.map(Number));
+}, to = (t) => Object.values(t).reduce((o, n) => o.merge(Re(n.fields)), kt({})), ro = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, St = (t, e) => {
+  const o = Object.entries(e).map(([m, x]) => [m, S.isNil(x) ? "1" : x]), n = o.map(([m]) => m), i = o.map(([, m]) => m), a = ro(t, Object.fromEntries(o)), u = new Function(...n, `return ${a};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
 }, no = (t, e) => t.map((o) => ({
   ...o,
   value: _t(o.value) ? St(o.value.formula, e) : o.value
 })), oo = ({ subtitle: t, title: e }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: (e || t) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
-  e && /* @__PURE__ */ r.jsx(L, { as: "h3", children: e }),
+  e && /* @__PURE__ */ r.jsx(Q, { as: "h3", children: e }),
   t && /* @__PURE__ */ r.jsx("div", { className: "desk-body-regular-l text-color-dark", children: t })
 ] }) }), io = ({ rootDescription: t, rootValue: e, suffix: o }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
   /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: t }),
   /* @__PURE__ */ r.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ r.jsx("span", { children: Tt(o, Number(e)) }) })
-] }), lo = ({ hint: t, value: e, label: o, mode: n, color: i = "dark", accent: l = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+] }), ao = ({ hint: t, value: e, label: o, mode: n, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: o }),
     t && /* @__PURE__ */ r.jsx(
@@ -2737,16 +2755,16 @@ const Hn = (t, e) => {
   /* @__PURE__ */ r.jsx(
     "span",
     {
-      className: a("desk-body-medium-l text-color-dark", {
-        "[&&]:desk-title-bold-s": l,
+      className: l("desk-body-medium-l text-color-dark", {
+        "[&&]:desk-title-bold-s": a,
         "text-color-primary-default": i === "blue"
       }),
       children: eo(n, e)
     }
   )
-] }), ao = ({ infoList: t }) => {
+] }), lo = ({ infoList: t }) => {
   const { watch: e } = we(), o = e(), n = no(t, o);
-  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: n == null ? void 0 : n.map((i) => /* @__PURE__ */ r.jsx(lo, { ...i }, i.label)) });
+  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: n == null ? void 0 : n.map((i) => /* @__PURE__ */ r.jsx(ao, { ...i }, i.label)) });
 }, uo = ({ iconName: t, text: e, hint: o }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
   /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
     /* @__PURE__ */ r.jsx(b, { name: t, className: "size-6 text-icon-blue-grey-800" }),
@@ -2755,42 +2773,42 @@ const Hn = (t, e) => {
   o && /* @__PURE__ */ r.jsx(_e, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(b, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: o }) })
 ] }), mo = ({ assistHint: t, buttonsConfig: e, bottomDescription: o }) => /* @__PURE__ */ r.jsxs("div", { children: [
   t && /* @__PURE__ */ r.jsx(uo, { ...t }),
-  /* @__PURE__ */ r.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ r.jsx(Y, { className: "w-full", ...n }, i)) }),
+  /* @__PURE__ */ r.jsx("div", { className: l("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ r.jsx(Y, { className: "w-full", ...n }, i)) }),
   o && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: o })
-] }), ho = ({
+] }), xo = ({
   rootDescription: t,
   bottomDescription: e,
   rootValue: o,
   title: n,
   subtitle: i,
-  buttonsConfig: l,
+  buttonsConfig: a,
   infoList: d,
   suffix: u,
   assistHint: m
 }) => /* @__PURE__ */ r.jsxs("div", { className: "w-[456px] rounded-md bg-color-blue-grey-100 p-8", children: [
   /* @__PURE__ */ r.jsx(io, { suffix: u, rootValue: o, rootDescription: t }),
   /* @__PURE__ */ r.jsx(oo, { title: n, subtitle: i }),
-  /* @__PURE__ */ r.jsx(ao, { infoList: d }),
-  /* @__PURE__ */ r.jsx(mo, { assistHint: m, buttonsConfig: l, bottomDescription: e })
-] }), xo = 2e4, Ot = ({
+  /* @__PURE__ */ r.jsx(lo, { infoList: d }),
+  /* @__PURE__ */ r.jsx(mo, { assistHint: m, buttonsConfig: a, bottomDescription: e })
+] }), ho = 2e4, Ot = ({
   slidersGroupConfig: t,
   additionalSliderGroupConfig: e
 }) => {
-  const [o, n] = A(!1), { watch: i, setValue: l } = we(), d = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = d || {}, { max: m, name: h, defaultValue: p } = u || {}, c = i(h), { min: g, name: f } = (e == null ? void 0 : e.args) ?? {}, w = i(f), j = Number(m ?? 0) - (c ?? p);
-  return Ae(() => {
-    w > j && l(f, j);
-  }, [j, w, l, c]), Ae(() => {
+  const [o, n] = q(!1), { watch: i, setValue: a } = we(), d = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = d || {}, { max: m, name: x, defaultValue: p } = u || {}, c = i(x), { min: g, name: f } = (e == null ? void 0 : e.args) ?? {}, v = i(f), j = Number(m ?? 0) - (c ?? p);
+  return qe(() => {
+    v > j && a(f, j);
+  }, [j, v, a, c]), qe(() => {
     Number(m) === c && n(!1);
   }, [n, m, c]), {
     sliderVisible: o,
     setSliderVisible: n,
     sumMax: m,
-    sumName: h,
+    sumName: x,
     sumDefaultValue: p,
     sumValue: c,
     additionalSliderMax: j,
     onCheckedChange: () => {
-      n((_) => !_), w <= 0 && l(f, g), Number(m) === c && (l(h ?? "", c - xo), l(f, g));
+      n((_) => !_), v <= 0 && a(f, g), Number(m) === c && (a(x ?? "", c - ho), a(f, g));
     },
     sliderSumExist: !S.isObjectEmpty(d == null ? void 0 : d.args),
     sliderSumCorrectType: (d == null ? void 0 : d.args.componentType) === "algorithmic" || (d == null ? void 0 : d.args.componentType) === "step"
@@ -2803,37 +2821,37 @@ const Hn = (t, e) => {
       return /* @__PURE__ */ r.jsx("div", { children: "content 2" });
   }
 }, co = ({ triggerText: t, modalTitle: e, description: o, contentVariant: n }) => {
-  const [i, l] = nr(!1);
+  const [i, a] = nr(!1);
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
     o && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: o }),
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => l(!0),
+        onClick: () => a(!0),
         className: "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
         children: t
       }
     ),
-    /* @__PURE__ */ r.jsx(Zt, { title: e, isModalOpen: i, closeModal: () => l(!1), children: po(n) })
+    /* @__PURE__ */ r.jsx(Zt, { title: e, isModalOpen: i, closeModal: () => a(!1), children: po(n) })
   ] });
 }, J = ({ fields: t }) => {
   const { control: e } = we();
-  return /* @__PURE__ */ r.jsx(Pe, { control: e, fields: t });
+  return /* @__PURE__ */ r.jsx(De, { control: e, fields: t });
 }, fo = ({
   slidersGroupConfig: t,
   additionalSliderGroupConfig: e
 }) => {
-  const { control: o } = we(), { sliderVisible: n, additionalSliderMax: i, onCheckedChange: l } = Ot({
+  const { control: o } = we(), { sliderVisible: n, additionalSliderMax: i, onCheckedChange: a } = Ot({
     slidersGroupConfig: t,
     additionalSliderGroupConfig: e
   });
   return S.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ r.jsx(ye.SwitchBase, { checked: n, onCheckedChange: l }),
+      /* @__PURE__ */ r.jsx(ye.SwitchBase, { checked: n, onCheckedChange: a }),
       /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
     n && /* @__PURE__ */ r.jsx(
-      gt.SliderControl,
+      jt.SliderControl,
       {
         ...e.args,
         control: o,
@@ -2867,11 +2885,11 @@ const Hn = (t, e) => {
       }
     )
   ] });
-}, go = Fe(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: o }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: n, label: i }) => /* @__PURE__ */ r.jsx(
+}, go = Ee(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: o }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: n, label: i }) => /* @__PURE__ */ r.jsx(
   "button",
   {
     onClick: () => o(n),
-    className: a(
+    className: l(
       "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": e === n }
     ),
@@ -2882,24 +2900,24 @@ const Hn = (t, e) => {
   calculatorInfoConfig: t,
   calculatorFieldsConfig: e
 }) => {
-  const o = to(e == null ? void 0 : e.fieldsGroup), n = Ee({
+  const o = to(e == null ? void 0 : e.fieldsGroup), n = Be({
     schema: o,
     mode: "onBlur",
-    defaultValues: Be.getZodDefaults(o)
-  }), i = n.watch(), { rootValue: l } = t, d = _t(l) ? St(l.formula, i) : l, u = { ...t, rootValue: d };
+    defaultValues: Pe.getZodDefaults(o)
+  }), i = n.watch(), { rootValue: a } = t, d = _t(a) ? St(a.formula, i) : a, u = { ...t, rootValue: d };
   return /* @__PURE__ */ r.jsx(tr, { ...n, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-16", children: [
     /* @__PURE__ */ r.jsx(bo, { ...e }),
-    /* @__PURE__ */ r.jsx(ho, { ...u })
+    /* @__PURE__ */ r.jsx(xo, { ...u })
   ] }) });
-}, ut = ({ calculators: t, headline: e }) => {
+}, mt = ({ calculators: t, headline: e }) => {
   var m;
-  const o = t.length > 1, [n, i] = A(o ? (m = t[0]) == null ? void 0 : m.name : ""), l = se(() => t == null ? void 0 : t.map(({ name: h, label: p }) => ({ name: h, label: p })), [t]), d = o ? l == null ? void 0 : l.findIndex((h) => h.name === n) : 0, u = t[d];
+  const o = t.length > 1, [n, i] = q(o ? (m = t[0]) == null ? void 0 : m.name : ""), a = se(() => t == null ? void 0 : t.map(({ name: x, label: p }) => ({ name: x, label: p })), [t]), d = o ? a == null ? void 0 : a.findIndex((x) => x.name === n) : 0, u = t[d];
   return /* @__PURE__ */ r.jsx("section", { id: y.calculator, children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
-    /* @__PURE__ */ r.jsx(L, { className: "mb-12", as: "h2", children: e }),
+    /* @__PURE__ */ r.jsx(Q, { className: "mb-12", as: "h2", children: e }),
     o && /* @__PURE__ */ r.jsx(
       go,
       {
-        calculatorTabs: l,
+        calculatorTabs: a,
         activeCalculator: n,
         setActiveCalculator: i
       }
@@ -2916,33 +2934,33 @@ const Hn = (t, e) => {
   ] }) }) });
 }, yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Calculator: ut,
-  default: ut
+  Calculator: mt,
+  default: mt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Ie as Advantages,
   Oo as AuthProvider,
-  Ye as Banner,
-  Xe as BannerWithSeparateImg,
-  Ke as Benefit,
+  Je as Banner,
+  Ye as BannerWithSeparateImg,
+  Ze as Benefit,
   Rn as Breadcrumbs,
   Y as ButtonWithHandlers,
-  ut as Calculator,
+  mt as Calculator,
   jo as CalculatorView,
   lt as DynamicForm,
-  at as DynamicFormDialog,
+  dt as DynamicFormDialog,
   Eo as FallbacksView,
-  Pe as FieldMapper,
-  Je as Footer,
+  De as FieldMapper,
+  Ge as Footer,
   Fo as HTMLParser,
   ie as HTMLRenderer,
-  Ze as Header,
-  ot as InterLinking,
+  Xe as Header,
+  it as InterLinking,
   vr as KEYS_OF_WIDGET_LIST,
-  et as LongBanner,
-  dt as SeoHeader,
-  Ge as Stepper,
-  it as UsefulInfo,
+  tt as LongBanner,
+  ut as SeoHeader,
+  et as Stepper,
+  at as UsefulInfo,
   wr as WIDGET_LIST_MAP,
   On as queryClient,
   y as widgetIds