@scbt-ecom/ui 0.67.0 → 0.67.2

package/dist/widget.js

@@ -1,108 +1,108 @@
 var ge = Object.defineProperty;
-var St = (e) => {
+var Et = (e) => {
   throw TypeError(e);
 };
 var je = (e, t, n) => t in e ? ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var it = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n), kt = (e, t, n) => t.has(e) || St("Cannot " + n);
-var h = (e, t, n) => (kt(e, t, "read from private field"), n ? n.call(e) : t.get(e)), C = (e, t, n) => t.has(e) ? St("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), y = (e, t, n, o) => (kt(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n), V = (e, t, n) => (kt(e, t, "access private method"), n);
-var ct = (e, t, n, o) => ({
+var at = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n), st = (e, t, n) => t.has(e) || Et("Cannot " + n);
+var x = (e, t, n) => (st(e, t, "read from private field"), n ? n.call(e) : t.get(e)), C = (e, t, n) => t.has(e) ? Et("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), y = (e, t, n, o) => (st(e, t, "write to private field"), o ? o.call(e, n) : t.set(e, n), n), V = (e, t, n) => (st(e, t, "access private method"), n);
+var pt = (e, t, n, o) => ({
   set _(i) {
     y(e, t, i, n);
   },
   get _() {
-    return h(e, t, o);
+    return x(e, t, o);
   }
 });
-import { S as Xt, x as Jt, Q as ye, y as T, z as Bt, E as se, F as ke, G as Rt, J as P, T as we, W as ve, X as Ne, Y as Ce, Z as _t, _ as Ht, $ as Ie, a0 as Dt, a1 as Pt, a2 as Me, j as r, B as jt, c as E, R as S, n as Yt, s as Te, H, i as f, t as yt, q as Mt, L as Ee, o as Tt, A as nt, v as Fe, a3 as Oe, r as Se, U as Gt, a4 as Et, a5 as Be, M as Re } from "./index-CVI7dOhZ.js";
-import { T as s, c as a } from "./typeGuards-Bhdr9KYW.js";
-import * as at from "react";
-import { useCallback as te, useState as z, useMemo as Ft, createElement as ee, Fragment as _e, useEffect as re, useRef as Ot, useReducer as He, memo as ne, forwardRef as De } from "react";
-import { s as Pe, c as st, g as Lt, a as Le } from "./uuid-2wKG15vy.js";
-import { i as oe } from "./isClient-C9aZtt2Q.js";
-import { u as Y, b as ie, a as ze, g as mt, F as Qe } from "./useDebounce-B-41PFpS.js";
+import { S as Kt, x as Zt, Q as ye, y as F, z as Ot, E as se, F as ke, G as St, J as P, T as we, W as ve, X as Ne, Y as Ce, Z as Bt, _ as Rt, $ as Ie, a0 as _t, a1 as Ht, a2 as Me, j as r, B as gt, c as T, R as S, n as Xt, s as Fe, H, i as f, t as jt, q as Ct, L as Te, o as It, A as ot, v as Ee, a3 as Oe, r as Se, U as Jt, a4 as Mt, a5 as Be, M as Re } from "./index-Cw6f0svP.js";
+import { T as s, c as d } from "./typeGuards-Bhdr9KYW.js";
+import * as lt from "react";
+import { useCallback as Yt, useState as z, useMemo as Ft, createElement as Gt, Fragment as _e, useEffect as te, useRef as Tt, useReducer as He, memo as ee, forwardRef as De } from "react";
+import { s as Pe, c as yt, g as Dt, a as Le } from "./uuid-2wKG15vy.js";
+import { i as re } from "./isClient-C9aZtt2Q.js";
+import { u as G, b as ne, a as ze, g as oe, F as Qe } from "./useDebounce-BZSs8EPD.js";
 import { o as Ae, z as Ve } from "./utils-DaXd4sci.js";
-import { z as de, Z as ae } from "./index-cm9kMt4X.js";
-import { a as qe, u as Ue } from "./useFieldsProgress-BQ99Vijl.js";
-import { createPortal as le } from "react-dom";
-var B, Wt, We = (Wt = class extends Xt {
+import { z as ie, Z as ae } from "./index-cm9kMt4X.js";
+import { a as qe, u as Ue } from "./useFieldsProgress-B_tgt_Hg.js";
+import { createPortal as de } from "react-dom";
+var B, qt, We = (qt = class extends Kt {
   constructor(t = {}) {
     super();
     C(this, B);
     this.config = t, y(this, B, /* @__PURE__ */ new Map());
   }
   build(t, n, o) {
-    const i = n.queryKey, d = n.queryHash ?? Jt(i, n);
-    let l = this.get(d);
+    const i = n.queryKey, a = n.queryHash ?? Zt(i, n);
+    let l = this.get(a);
     return l || (l = new ye({
       client: t,
       queryKey: i,
-      queryHash: d,
+      queryHash: a,
       options: t.defaultQueryOptions(n),
       state: o,
       defaultOptions: t.getQueryDefaults(i)
     }), this.add(l)), l;
   }
   add(t) {
-    h(this, B).has(t.queryHash) || (h(this, B).set(t.queryHash, t), this.notify({
+    x(this, B).has(t.queryHash) || (x(this, B).set(t.queryHash, t), this.notify({
       type: "added",
       query: t
     }));
   }
   remove(t) {
-    const n = h(this, B).get(t.queryHash);
-    n && (t.destroy(), n === t && h(this, B).delete(t.queryHash), this.notify({ type: "removed", query: t }));
+    const n = x(this, B).get(t.queryHash);
+    n && (t.destroy(), n === t && x(this, B).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
-    T.batch(() => {
+    F.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
     });
   }
   get(t) {
-    return h(this, B).get(t);
+    return x(this, B).get(t);
   }
   getAll() {
-    return [...h(this, B).values()];
+    return [...x(this, B).values()];
   }
   find(t) {
     const n = { exact: !0, ...t };
     return this.getAll().find(
-      (o) => Bt(n, o)
+      (o) => Ot(n, o)
     );
   }
   findAll(t = {}) {
     const n = this.getAll();
-    return Object.keys(t).length > 0 ? n.filter((o) => Bt(t, o)) : n;
+    return Object.keys(t).length > 0 ? n.filter((o) => Ot(t, o)) : n;
   }
   notify(t) {
-    T.batch(() => {
+    F.batch(() => {
       this.listeners.forEach((n) => {
         n(t);
       });
     });
   }
   onFocus() {
-    T.batch(() => {
+    F.batch(() => {
       this.getAll().forEach((t) => {
         t.onFocus();
       });
     });
   }
   onOnline() {
-    T.batch(() => {
+    F.batch(() => {
       this.getAll().forEach((t) => {
         t.onOnline();
       });
     });
   }
-}, B = new WeakMap(), Wt), R, M, X, _, q, $t, $e = ($t = class extends se {
+}, B = new WeakMap(), qt), R, M, J, _, q, Ut, $e = (Ut = class extends se {
   constructor(t) {
     super();
     C(this, _);
     C(this, R);
     C(this, M);
-    C(this, X);
+    C(this, J);
     this.mutationId = t.mutationId, y(this, M, t.mutationCache), y(this, R, []), this.state = t.state || Ke(), this.setOptions(t.options), this.scheduleGc();
   }
   setOptions(t) {
@@ -112,33 +112,33 @@ var B, Wt, We = (Wt = class extends Xt {
     return this.options.meta;
   }
   addObserver(t) {
-    h(this, R).includes(t) || (h(this, R).push(t), this.clearGcTimeout(), h(this, M).notify({
+    x(this, R).includes(t) || (x(this, R).push(t), this.clearGcTimeout(), x(this, M).notify({
       type: "observerAdded",
       mutation: this,
       observer: t
     }));
   }
   removeObserver(t) {
-    y(this, R, h(this, R).filter((n) => n !== t)), this.scheduleGc(), h(this, M).notify({
+    y(this, R, x(this, R).filter((n) => n !== t)), this.scheduleGc(), x(this, M).notify({
       type: "observerRemoved",
       mutation: this,
       observer: t
     });
   }
   optionalRemove() {
-    h(this, R).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, M).remove(this));
+    x(this, R).length || (this.state.status === "pending" ? this.scheduleGc() : x(this, M).remove(this));
   }
   continue() {
     var t;
-    return ((t = h(this, X)) == null ? void 0 : t.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    return ((t = x(this, J)) == null ? void 0 : t.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
     this.execute(this.state.variables);
   }
   async execute(t) {
-    var d, l, u, m, p, x, c, b, w, v, I, D, K, Q, N, F, A, Z, ht, ot;
+    var a, l, u, m, h, p, c, b, w, v, I, D, K, Q, N, E, A, Z, ht, it;
     const n = () => {
       V(this, _, q).call(this, { type: "continue" });
     };
-    y(this, X, ke({
+    y(this, J, ke({
       fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
       onFail: (k, xt) => {
         V(this, _, q).call(this, { type: "failed", failureCount: k, error: xt });
@@ -150,15 +150,15 @@ var B, Wt, We = (Wt = class extends Xt {
       retry: this.options.retry ?? 0,
       retryDelay: this.options.retryDelay,
       networkMode: this.options.networkMode,
-      canRun: () => h(this, M).canRun(this)
+      canRun: () => x(this, M).canRun(this)
     }));
-    const o = this.state.status === "pending", i = !h(this, X).canStart();
+    const o = this.state.status === "pending", i = !x(this, J).canStart();
     try {
       if (o)
         n();
       else {
-        V(this, _, q).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, M).config).onMutate) == null ? void 0 : l.call(
-          d,
+        V(this, _, q).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (a = x(this, M).config).onMutate) == null ? void 0 : l.call(
+          a,
           t,
           this
         ));
@@ -170,14 +170,14 @@ var B, Wt, We = (Wt = class extends Xt {
           isPaused: i
         });
       }
-      const k = await h(this, X).start();
-      return await ((x = (p = h(this, M).config).onSuccess) == null ? void 0 : x.call(
-        p,
+      const k = await x(this, J).start();
+      return await ((p = (h = x(this, M).config).onSuccess) == null ? void 0 : p.call(
+        h,
         k,
         t,
         this.state.context,
         this
-      )), await ((b = (c = this.options).onSuccess) == null ? void 0 : b.call(c, k, t, this.state.context)), await ((v = (w = h(this, M).config).onSettled) == null ? void 0 : v.call(
+      )), await ((b = (c = this.options).onSuccess) == null ? void 0 : b.call(c, k, t, this.state.context)), await ((v = (w = x(this, M).config).onSettled) == null ? void 0 : v.call(
         w,
         k,
         null,
@@ -187,25 +187,25 @@ var B, Wt, We = (Wt = class extends Xt {
       )), await ((D = (I = this.options).onSettled) == null ? void 0 : D.call(I, k, null, t, this.state.context)), V(this, _, q).call(this, { type: "success", data: k }), k;
     } catch (k) {
       try {
-        throw await ((Q = (K = h(this, M).config).onError) == null ? void 0 : Q.call(
+        throw await ((Q = (K = x(this, M).config).onError) == null ? void 0 : Q.call(
           K,
           k,
           t,
           this.state.context,
           this
-        )), await ((F = (N = this.options).onError) == null ? void 0 : F.call(
+        )), await ((E = (N = this.options).onError) == null ? void 0 : E.call(
           N,
           k,
           t,
           this.state.context
-        )), await ((Z = (A = h(this, M).config).onSettled) == null ? void 0 : Z.call(
+        )), await ((Z = (A = x(this, M).config).onSettled) == null ? void 0 : Z.call(
           A,
           void 0,
           k,
           this.state.variables,
           this.state.context,
           this
-        )), await ((ot = (ht = this.options).onSettled) == null ? void 0 : ot.call(
+        )), await ((it = (ht = this.options).onSettled) == null ? void 0 : it.call(
           ht,
           void 0,
           k,
@@ -216,10 +216,10 @@ var B, Wt, We = (Wt = class extends Xt {
         V(this, _, q).call(this, { type: "error", error: k });
       }
     } finally {
-      h(this, M).runNext(this);
+      x(this, M).runNext(this);
     }
   }
-}, R = new WeakMap(), M = new WeakMap(), X = new WeakMap(), _ = new WeakSet(), q = function(t) {
+}, R = new WeakMap(), M = new WeakMap(), J = new WeakMap(), _ = new WeakSet(), q = function(t) {
   const n = (o) => {
     switch (t.type) {
       case "failed":
@@ -273,16 +273,16 @@ var B, Wt, We = (Wt = class extends Xt {
         };
     }
   };
-  this.state = n(this.state), T.batch(() => {
-    h(this, R).forEach((o) => {
+  this.state = n(this.state), F.batch(() => {
+    x(this, R).forEach((o) => {
       o.onMutationUpdate(t);
-    }), h(this, M).notify({
+    }), x(this, M).notify({
       mutation: this,
       type: "updated",
       action: t
     });
   });
-}, $t);
+}, Ut);
 function Ke() {
   return {
     context: void 0,
@@ -296,51 +296,51 @@ function Ke() {
     submittedAt: 0
   };
 }
-var L, O, ut, Kt, Ze = (Kt = class extends Xt {
+var L, O, mt, Wt, Ze = (Wt = class extends Kt {
   constructor(t = {}) {
     super();
     C(this, L);
     C(this, O);
-    C(this, ut);
-    this.config = t, y(this, L, /* @__PURE__ */ new Set()), y(this, O, /* @__PURE__ */ new Map()), y(this, ut, 0);
+    C(this, mt);
+    this.config = t, y(this, L, /* @__PURE__ */ new Set()), y(this, O, /* @__PURE__ */ new Map()), y(this, mt, 0);
   }
   build(t, n, o) {
     const i = new $e({
       mutationCache: this,
-      mutationId: ++ct(this, ut)._,
+      mutationId: ++pt(this, mt)._,
       options: t.defaultMutationOptions(n),
       state: o
     });
     return this.add(i), i;
   }
   add(t) {
-    h(this, L).add(t);
-    const n = ft(t);
+    x(this, L).add(t);
+    const n = ct(t);
     if (typeof n == "string") {
-      const o = h(this, O).get(n);
-      o ? o.push(t) : h(this, O).set(n, [t]);
+      const o = x(this, O).get(n);
+      o ? o.push(t) : x(this, O).set(n, [t]);
     }
     this.notify({ type: "added", mutation: t });
   }
   remove(t) {
-    if (h(this, L).delete(t)) {
-      const n = ft(t);
+    if (x(this, L).delete(t)) {
+      const n = ct(t);
       if (typeof n == "string") {
-        const o = h(this, O).get(n);
+        const o = x(this, O).get(n);
         if (o)
           if (o.length > 1) {
             const i = o.indexOf(t);
             i !== -1 && o.splice(i, 1);
-          } else o[0] === t && h(this, O).delete(n);
+          } else o[0] === t && x(this, O).delete(n);
       }
     }
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
-    const n = ft(t);
+    const n = ct(t);
     if (typeof n == "string") {
-      const o = h(this, O).get(n), i = o == null ? void 0 : o.find(
-        (d) => d.state.status === "pending"
+      const o = x(this, O).get(n), i = o == null ? void 0 : o.find(
+        (a) => a.state.status === "pending"
       );
       return !i || i === t;
     } else
@@ -348,34 +348,34 @@ var L, O, ut, Kt, Ze = (Kt = class extends Xt {
   }
   runNext(t) {
     var o;
-    const n = ft(t);
+    const n = ct(t);
     if (typeof n == "string") {
-      const i = (o = h(this, O).get(n)) == null ? void 0 : o.find((d) => d !== t && d.state.isPaused);
+      const i = (o = x(this, O).get(n)) == null ? void 0 : o.find((a) => a !== t && a.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
     } else
       return Promise.resolve();
   }
   clear() {
-    T.batch(() => {
-      h(this, L).forEach((t) => {
+    F.batch(() => {
+      x(this, L).forEach((t) => {
         this.notify({ type: "removed", mutation: t });
-      }), h(this, L).clear(), h(this, O).clear();
+      }), x(this, L).clear(), x(this, O).clear();
     });
   }
   getAll() {
-    return Array.from(h(this, L));
+    return Array.from(x(this, L));
   }
   find(t) {
     const n = { exact: !0, ...t };
     return this.getAll().find(
-      (o) => Rt(n, o)
+      (o) => St(n, o)
     );
   }
   findAll(t = {}) {
-    return this.getAll().filter((n) => Rt(t, n));
+    return this.getAll().filter((n) => St(t, n));
   }
   notify(t) {
-    T.batch(() => {
+    F.batch(() => {
       this.listeners.forEach((n) => {
         n(t);
       });
@@ -383,24 +383,24 @@ var L, O, ut, Kt, Ze = (Kt = class extends Xt {
   }
   resumePausedMutations() {
     const t = this.getAll().filter((n) => n.state.isPaused);
-    return T.batch(
+    return F.batch(
       () => Promise.all(
         t.map((n) => n.continue().catch(P))
       )
     );
   }
-}, L = new WeakMap(), O = new WeakMap(), ut = new WeakMap(), Kt);
-function ft(e) {
+}, L = new WeakMap(), O = new WeakMap(), mt = new WeakMap(), Wt);
+function ct(e) {
   var t;
   return (t = e.options.scope) == null ? void 0 : t.id;
 }
-function zt(e) {
+function Pt(e) {
   return {
     onFetch: (t, n) => {
-      var x, c, b, w, v;
-      const o = t.options, i = (b = (c = (x = t.fetchOptions) == null ? void 0 : x.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : b.direction, d = ((w = t.state.data) == null ? void 0 : w.pages) || [], l = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
+      var p, c, b, w, v;
+      const o = t.options, i = (b = (c = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : b.direction, a = ((w = t.state.data) == null ? void 0 : w.pages) || [], l = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
       let u = { pages: [], pageParams: [] }, m = 0;
-      const p = async () => {
+      const h = async () => {
         let I = !1;
         const D = (N) => {
           Object.defineProperty(N, "signal", {
@@ -409,40 +409,40 @@ function zt(e) {
               I = !0;
             }), t.signal)
           });
-        }, K = we(t.options, t.fetchOptions), Q = async (N, F, A) => {
+        }, K = we(t.options, t.fetchOptions), Q = async (N, E, A) => {
           if (I)
             return Promise.reject();
-          if (F == null && N.pages.length)
+          if (E == null && N.pages.length)
             return Promise.resolve(N);
           const Z = {
             client: t.client,
             queryKey: t.queryKey,
-            pageParam: F,
+            pageParam: E,
             direction: A ? "backward" : "forward",
             meta: t.options.meta
           };
           D(Z);
           const ht = await K(
             Z
-          ), { maxPages: ot } = t.options, k = A ? ve : Ne;
+          ), { maxPages: it } = t.options, k = A ? ve : Ne;
           return {
-            pages: k(N.pages, ht, ot),
-            pageParams: k(N.pageParams, F, ot)
+            pages: k(N.pages, ht, it),
+            pageParams: k(N.pageParams, E, it)
           };
         };
-        if (i && d.length) {
-          const N = i === "backward", F = N ? Xe : Qt, A = {
-            pages: d,
+        if (i && a.length) {
+          const N = i === "backward", E = N ? Xe : Lt, A = {
+            pages: a,
             pageParams: l
-          }, Z = F(o, A);
+          }, Z = E(o, A);
           u = await Q(A, Z, N);
         } else {
-          const N = e ?? d.length;
+          const N = e ?? a.length;
           do {
-            const F = m === 0 ? l[0] ?? o.initialPageParam : Qt(o, u);
-            if (m > 0 && F == null)
+            const E = m === 0 ? l[0] ?? o.initialPageParam : Lt(o, u);
+            if (m > 0 && E == null)
               break;
-            u = await Q(u, F), m++;
+            u = await Q(u, E), m++;
           } while (m < N);
         }
         return u;
@@ -451,7 +451,7 @@ function zt(e) {
         var I, D;
         return (D = (I = t.options).persister) == null ? void 0 : D.call(
           I,
-          p,
+          h,
           {
             client: t.client,
             queryKey: t.queryKey,
@@ -460,11 +460,11 @@ function zt(e) {
           },
           n
         );
-      } : t.fetchFn = p;
+      } : t.fetchFn = h;
     }
   };
 }
-function Qt(e, { pages: t, pageParams: n }) {
+function Lt(e, { pages: t, pageParams: n }) {
   const o = t.length - 1;
   return t.length > 0 ? e.getNextPageParam(
     t[o],
@@ -477,34 +477,34 @@ function Xe(e, { pages: t, pageParams: n }) {
   var o;
   return t.length > 0 ? (o = e.getPreviousPageParam) == null ? void 0 : o.call(e, t[0], t, n[0], n) : void 0;
 }
-var j, U, W, G, tt, $, et, rt, Zt, Je = (Zt = class {
+var j, U, W, tt, et, $, rt, nt, $t, Je = ($t = class {
   constructor(e = {}) {
     C(this, j);
     C(this, U);
     C(this, W);
-    C(this, G);
     C(this, tt);
-    C(this, $);
     C(this, et);
+    C(this, $);
     C(this, rt);
-    y(this, j, e.queryCache || new We()), y(this, U, e.mutationCache || new Ze()), y(this, W, e.defaultOptions || {}), y(this, G, /* @__PURE__ */ new Map()), y(this, tt, /* @__PURE__ */ new Map()), y(this, $, 0);
+    C(this, nt);
+    y(this, j, e.queryCache || new We()), y(this, U, e.mutationCache || new Ze()), y(this, W, e.defaultOptions || {}), y(this, tt, /* @__PURE__ */ new Map()), y(this, et, /* @__PURE__ */ new Map()), y(this, $, 0);
   }
   mount() {
-    ct(this, $)._++, h(this, $) === 1 && (y(this, et, Ce.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, j).onFocus());
-    })), y(this, rt, _t.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, j).onOnline());
+    pt(this, $)._++, x(this, $) === 1 && (y(this, rt, Ce.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), x(this, j).onFocus());
+    })), y(this, nt, Bt.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), x(this, j).onOnline());
     })));
   }
   unmount() {
     var e, t;
-    ct(this, $)._--, h(this, $) === 0 && ((e = h(this, et)) == null || e.call(this), y(this, et, void 0), (t = h(this, rt)) == null || t.call(this), y(this, rt, void 0));
+    pt(this, $)._--, x(this, $) === 0 && ((e = x(this, rt)) == null || e.call(this), y(this, rt, void 0), (t = x(this, nt)) == null || t.call(this), y(this, nt, void 0));
   }
   isFetching(e) {
-    return h(this, j).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return x(this, j).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
-    return h(this, U).findAll({ ...e, status: "pending" }).length;
+    return x(this, U).findAll({ ...e, status: "pending" }).length;
   }
   /**
    * Imperative (non-reactive) way to retrieve data for a QueryKey.
@@ -516,28 +516,28 @@ var j, U, W, G, tt, $, et, rt, Zt, Je = (Zt = class {
   getQueryData(e) {
     var n;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (n = h(this, j).get(t.queryHash)) == null ? void 0 : n.state.data;
+    return (n = x(this, j).get(t.queryHash)) == null ? void 0 : n.state.data;
   }
   ensureQueryData(e) {
-    const t = this.defaultQueryOptions(e), n = h(this, j).build(this, t), o = n.state.data;
-    return o === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && n.isStaleByTime(Ht(t.staleTime, n)) && this.prefetchQuery(t), Promise.resolve(o));
+    const t = this.defaultQueryOptions(e), n = x(this, j).build(this, t), o = n.state.data;
+    return o === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && n.isStaleByTime(Rt(t.staleTime, n)) && this.prefetchQuery(t), Promise.resolve(o));
   }
   getQueriesData(e) {
-    return h(this, j).findAll(e).map(({ queryKey: t, state: n }) => {
+    return x(this, j).findAll(e).map(({ queryKey: t, state: n }) => {
       const o = n.data;
       return [t, o];
     });
   }
   setQueryData(e, t, n) {
-    const o = this.defaultQueryOptions({ queryKey: e }), i = h(this, j).get(
+    const o = this.defaultQueryOptions({ queryKey: e }), i = x(this, j).get(
       o.queryHash
-    ), d = i == null ? void 0 : i.state.data, l = Ie(t, d);
+    ), a = i == null ? void 0 : i.state.data, l = Ie(t, a);
     if (l !== void 0)
-      return h(this, j).build(this, o).setData(l, { ...n, manual: !0 });
+      return x(this, j).build(this, o).setData(l, { ...n, manual: !0 });
   }
   setQueriesData(e, t, n) {
-    return T.batch(
-      () => h(this, j).findAll(e).map(({ queryKey: o }) => [
+    return F.batch(
+      () => x(this, j).findAll(e).map(({ queryKey: o }) => [
         o,
         this.setQueryData(o, t, n)
       ])
@@ -546,21 +546,21 @@ var j, U, W, G, tt, $, et, rt, Zt, Je = (Zt = class {
   getQueryState(e) {
     var n;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (n = h(this, j).get(
+    return (n = x(this, j).get(
       t.queryHash
     )) == null ? void 0 : n.state;
   }
   removeQueries(e) {
-    const t = h(this, j);
-    T.batch(() => {
+    const t = x(this, j);
+    F.batch(() => {
       t.findAll(e).forEach((n) => {
         t.remove(n);
       });
     });
   }
   resetQueries(e, t) {
-    const n = h(this, j);
-    return T.batch(() => (n.findAll(e).forEach((o) => {
+    const n = x(this, j);
+    return F.batch(() => (n.findAll(e).forEach((o) => {
       o.reset();
     }), this.refetchQueries(
       {
@@ -571,13 +571,13 @@ var j, U, W, G, tt, $, et, rt, Zt, Je = (Zt = class {
     )));
   }
   cancelQueries(e, t = {}) {
-    const n = { revert: !0, ...t }, o = T.batch(
-      () => h(this, j).findAll(e).map((i) => i.cancel(n))
+    const n = { revert: !0, ...t }, o = F.batch(
+      () => x(this, j).findAll(e).map((i) => i.cancel(n))
     );
     return Promise.all(o).then(P).catch(P);
   }
   invalidateQueries(e, t = {}) {
-    return T.batch(() => (h(this, j).findAll(e).forEach((n) => {
+    return F.batch(() => (x(this, j).findAll(e).forEach((n) => {
       n.invalidate();
     }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
@@ -591,10 +591,10 @@ var j, U, W, G, tt, $, et, rt, Zt, Je = (Zt = class {
     const n = {
       ...t,
       cancelRefetch: t.cancelRefetch ?? !0
-    }, o = T.batch(
-      () => h(this, j).findAll(e).filter((i) => !i.isDisabled()).map((i) => {
-        let d = i.fetch(void 0, n);
-        return n.throwOnError || (d = d.catch(P)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
+    }, o = F.batch(
+      () => x(this, j).findAll(e).filter((i) => !i.isDisabled()).map((i) => {
+        let a = i.fetch(void 0, n);
+        return n.throwOnError || (a = a.catch(P)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
       })
     );
     return Promise.all(o).then(P);
@@ -602,88 +602,88 @@ var j, U, W, G, tt, $, et, rt, Zt, Je = (Zt = class {
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const n = h(this, j).build(this, t);
+    const n = x(this, j).build(this, t);
     return n.isStaleByTime(
-      Ht(t.staleTime, n)
+      Rt(t.staleTime, n)
     ) ? n.fetch(t) : Promise.resolve(n.state.data);
   }
   prefetchQuery(e) {
     return this.fetchQuery(e).then(P).catch(P);
   }
   fetchInfiniteQuery(e) {
-    return e.behavior = zt(e.pages), this.fetchQuery(e);
+    return e.behavior = Pt(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
     return this.fetchInfiniteQuery(e).then(P).catch(P);
   }
   ensureInfiniteQueryData(e) {
-    return e.behavior = zt(e.pages), this.ensureQueryData(e);
+    return e.behavior = Pt(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
-    return _t.isOnline() ? h(this, U).resumePausedMutations() : Promise.resolve();
+    return Bt.isOnline() ? x(this, U).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return h(this, j);
+    return x(this, j);
   }
   getMutationCache() {
-    return h(this, U);
+    return x(this, U);
   }
   getDefaultOptions() {
-    return h(this, W);
+    return x(this, W);
   }
   setDefaultOptions(e) {
     y(this, W, e);
   }
   setQueryDefaults(e, t) {
-    h(this, G).set(Dt(e), {
+    x(this, tt).set(_t(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...h(this, G).values()], n = {};
+    const t = [...x(this, tt).values()], n = {};
     return t.forEach((o) => {
-      Pt(e, o.queryKey) && Object.assign(n, o.defaultOptions);
+      Ht(e, o.queryKey) && Object.assign(n, o.defaultOptions);
     }), n;
   }
   setMutationDefaults(e, t) {
-    h(this, tt).set(Dt(e), {
+    x(this, et).set(_t(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
-    const t = [...h(this, tt).values()], n = {};
+    const t = [...x(this, et).values()], n = {};
     return t.forEach((o) => {
-      Pt(e, o.mutationKey) && Object.assign(n, o.defaultOptions);
+      Ht(e, o.mutationKey) && Object.assign(n, o.defaultOptions);
     }), n;
   }
   defaultQueryOptions(e) {
     if (e._defaulted)
       return e;
     const t = {
-      ...h(this, W).queries,
+      ...x(this, W).queries,
       ...this.getQueryDefaults(e.queryKey),
       ...e,
       _defaulted: !0
     };
-    return t.queryHash || (t.queryHash = Jt(
+    return t.queryHash || (t.queryHash = Zt(
       t.queryKey,
       t
     )), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.queryFn === Me && (t.enabled = !1), t;
   }
   defaultMutationOptions(e) {
     return e != null && e._defaulted ? e : {
-      ...h(this, W).mutations,
+      ...x(this, W).mutations,
       ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
       ...e,
       _defaulted: !0
     };
   }
   clear() {
-    h(this, j).clear(), h(this, U).clear();
+    x(this, j).clear(), x(this, U).clear();
   }
-}, j = new WeakMap(), U = new WeakMap(), W = new WeakMap(), G = new WeakMap(), tt = new WeakMap(), $ = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Zt);
+}, j = new WeakMap(), U = new WeakMap(), W = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), $ = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), $t);
 const Ye = [
   "header",
   "footer",
@@ -699,30 +699,30 @@ const Ye = [
 ], g = Ye.reduce(
   (e, t) => (e[t] = t, e),
   {}
-), Ge = ["getFioSchema"], ue = (e, t, n) => {
+), Ge = ["getFioSchema"], le = (e, t, n) => {
   const o = e[t];
   if (s.isNil(o))
     throw new Error(`validation for type ${String(t)} not found`);
   if (!s.isFunction(o))
     throw new Error(`Cannot generate ${String(t)} because is not a function`);
   return o(n);
-}, tr = (e, t) => ue(de.base, e, t), er = (e, t) => ue(de.dadata, e, t), me = (e) => {
+}, tr = (e, t) => le(ie.base, e, t), er = (e, t) => le(ie.dadata, e, t), ue = (e) => {
   const n = e.map((o) => ({ name: o.args.name, validation: o.args.validation })).reduce((o, i) => {
-    const d = Ge.includes(i.validation.type) ? er(
+    const a = Ge.includes(i.validation.type) ? er(
       i.validation.type,
       i.validation.args
     ) : tr(
       i.validation.type,
       i.validation.args
     );
-    return o[i.name] = d, o;
+    return o[i.name] = a, o;
   }, {});
   return Ae(n);
-}, rr = (e) => te(() => {
+}, rr = (e) => Yt(() => {
   switch (e.handler) {
     case "navigate": {
       const { url: n, target: o, rel: i } = e;
-      oe && (window == null || window.open(n, o, i));
+      re && (window == null || window.open(n, o, i));
       break;
     }
     case "scroll": {
@@ -731,10 +731,10 @@ const Ye = [
       break;
     }
   }
-}, [e]), J = ({ handlerOptions: e, ...t }) => {
+}, [e]), Y = ({ handlerOptions: e, ...t }) => {
   const n = rr(e);
-  return /* @__PURE__ */ r.jsx(jt, { onClick: n, ...t, children: t.children });
-}, nr = E(
+  return /* @__PURE__ */ r.jsx(gt, { onClick: n, ...t, children: t.children });
+}, nr = T(
   "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",
   {
     variants: {
@@ -751,37 +751,37 @@ const Ye = [
   img: n,
   mobileImg: o,
   classes: i,
-  withButton: d,
+  withButton: a,
   button: l,
   variant: u,
   color: m
 }) => {
-  const { isDesktop: p } = Y();
+  const { isDesktop: h } = G();
   return /* @__PURE__ */ r.jsxs(
     "li",
     {
       style: { backgroundColor: m ?? "#F3F4F7" },
-      className: a(nr({ variant: u }), { "pb-0": o }, { "pb-12": !o }, i == null ? void 0 : i.root),
+      className: d(nr({ variant: u }), { "pb-0": o }, { "pb-12": !o }, 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: t }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+        /* @__PURE__ */ r.jsxs("div", { className: d("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: d("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: d("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ r.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: e },
-                className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
+                className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          d && p && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ r.jsx(J, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          a && h && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ r.jsx(Y, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
-        (o || p) && n && /* @__PURE__ */ r.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: n && "url" in n && s.isObject(n) ? /* @__PURE__ */ r.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: n.url, alt: n.alt }) : n })
+        (o || h) && n && /* @__PURE__ */ r.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: n && "url" in n && s.isObject(n) ? /* @__PURE__ */ r.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: n.url, alt: n.alt }) : n })
       ]
     },
     t
   );
-}, ir = E("grid gap-4", {
+}, ir = T("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -789,33 +789,33 @@ const Ye = [
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Zn = ({ headline: e, details: t, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: a("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(S, { className: o == null ? void 0 : o.container, children: [
+}), Wn = ({ headline: e, details: t, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: d("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(S, { className: o == null ? void 0 : o.container, children: [
   /* @__PURE__ */ r.jsx(
     "div",
     {
       dangerouslySetInnerHTML: { __html: e },
-      className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", o == null ? void 0 : o.heading)
+      className: d("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", o == null ? void 0 : o.heading)
     }
   ),
-  /* @__PURE__ */ r.jsx("ul", { className: a(ir({ variant: n }), o == null ? void 0 : o.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ r.jsx(or, { variant: n, classes: o == null ? void 0 : o.item, ...i }, i.title)) })
-] }) }), dr = ({ variant: e, details: t }) => {
+  /* @__PURE__ */ r.jsx("ul", { className: d(ir({ variant: n }), o == null ? void 0 : o.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ r.jsx(or, { variant: n, classes: o == null ? void 0 : o.item, ...i }, i.title)) })
+] }) }), ar = ({ variant: e, details: t }) => {
   switch (e) {
     case "withButton":
-      return /* @__PURE__ */ r.jsx(J, { ...t });
+      return /* @__PURE__ */ r.jsx(Y, { ...t });
     case "withPhone":
-      return /* @__PURE__ */ r.jsx(Yt, { classes: { root: "items-end" }, ...t, phone: st(t.phone) });
+      return /* @__PURE__ */ r.jsx(Xt, { classes: { root: "items-end" }, ...t, phone: yt(t.phone) });
     default:
       return null;
   }
-}, Xn = (e) => {
+}, $n = (e) => {
   const { logoPath: t = "/", logoType: n = "main", classes: o } = e;
   return /* @__PURE__ */ r.jsx(
     "header",
     {
       id: g.header,
       "data-test-id": g.header,
-      className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", o == null ? void 0 : o.header),
-      children: /* @__PURE__ */ r.jsx(S, { className: a(o == null ? void 0 : o.container), children: /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center justify-between gap-5", o == null ? void 0 : o.wrapper), children: [
+      className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", o == null ? void 0 : o.header),
+      children: /* @__PURE__ */ r.jsx(S, { className: d(o == null ? void 0 : o.container), children: /* @__PURE__ */ r.jsxs("div", { className: d("flex items-center justify-between gap-5", o == null ? void 0 : o.wrapper), children: [
         /* @__PURE__ */ r.jsx(
           "a",
           {
@@ -823,36 +823,36 @@ const Ye = [
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: a(
+            className: d(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               o == null ? void 0 : o.logo
             ),
-            children: Te[n]
+            children: Fe[n]
           }
         ),
-        dr(e)
+        ar(e)
       ] }) })
     }
   );
-}, ar = ({
+}, dr = ({
   headTitle: e,
   subtitle: t,
   buttonsConfig: n,
   advantages: o,
   classes: i,
-  imgMobile: d,
+  imgMobile: a,
   imgDesktop: l,
   color: u
 }) => {
   var I;
-  const { isDesktop: m, isMobile: p } = Y(), { primary: x, secondary: c } = n || {}, b = d && "url" in d && s.isObject(d) ? /* @__PURE__ */ r.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: d.url }) : d, w = l && "url" in l && s.isObject(l) ? /* @__PURE__ */ r.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: l.url }) : l, v = /* @__PURE__ */ r.jsx(
+  const { isDesktop: m, isMobile: h } = G(), { primary: p, secondary: c } = n || {}, b = a && "url" in a && s.isObject(a) ? /* @__PURE__ */ r.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: a.url }) : a, w = l && "url" in l && s.isObject(l) ? /* @__PURE__ */ r.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: l.url }) : l, v = /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: d(
         "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: (o == null ? void 0 : o.details) && ((I = o == null ? void 0 : o.details) == null ? void 0 : I.items.length) > 0 && /* @__PURE__ */ r.jsx(Ct, { ...o })
+      children: (o == null ? void 0 : o.details) && ((I = o == null ? void 0 : o.details) == null ? void 0 : I.items.length) > 0 && /* @__PURE__ */ r.jsx(vt, { ...o })
     }
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -862,51 +862,51 @@ const Ye = [
         id: g.banner,
         "data-test-id": g.banner,
         style: { backgroundColor: u ?? "#d9edff" },
-        className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        className: d("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: p ? b : w }),
-          /* @__PURE__ */ r.jsxs(S, { 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.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: h ? b : w }),
+          /* @__PURE__ */ r.jsxs(S, { className: d("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ r.jsx("div", { className: d("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ r.jsxs("div", { className: d("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: e },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: d("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: d("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ r.jsxs(
                 "div",
                 {
-                  className: a(
+                  className: d(
                     "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": c == null ? void 0 : c.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    x.enabled && /* @__PURE__ */ r.jsx(
-                      J,
+                    p.enabled && /* @__PURE__ */ r.jsx(
+                      Y,
                       {
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
+                        className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
-                        ...x.buttonContent
+                        ...p.buttonContent
                       }
                     ),
                     (c == null ? void 0 : c.enabled) && /* @__PURE__ */ r.jsx(
-                      J,
+                      Y,
                       {
                         intent: "secondary",
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...x.buttonContent
+                        className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        ...p.buttonContent
                       }
                     )
                   ]
@@ -918,20 +918,20 @@ const Ye = [
         ]
       }
     ),
-    p && (o == null ? void 0 : o.enabled) && v
+    h && (o == null ? void 0 : o.enabled) && v
   ] });
-}, At = ({
+}, zt = ({
   headTitle: e,
   subtitle: t,
   buttonsConfig: n,
   advantages: o,
   classes: i,
-  imgMobile: d,
+  imgMobile: a,
   imgDesktop: l,
   color: u
 }) => {
   var w, v;
-  const { isMobile: m } = Y(), { primary: p, secondary: x } = n || {}, c = d && "url" in d && s.isObject(d) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: d.alt, src: d.url }) : d, b = l && "url" in l && s.isObject(l) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: l.alt, src: l.url }) : l;
+  const { isMobile: m } = G(), { primary: h, secondary: p } = n || {}, c = a && "url" in a && s.isObject(a) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: a.alt, src: a.url }) : a, b = l && "url" in l && s.isObject(l) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: l.alt, src: l.url }) : l;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
       "section",
@@ -939,50 +939,50 @@ const Ye = [
         id: g.banner,
         "data-test-id": g.banner,
         style: { backgroundColor: u ?? "#d9edff" },
-        className: a("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.root),
-        children: /* @__PURE__ */ r.jsxs(S, { className: a("relative", 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: [
+        className: d("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.root),
+        children: /* @__PURE__ */ r.jsxs(S, { className: d("relative", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ r.jsxs("div", { className: d("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: d("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: d("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: d("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ r.jsxs(
                 "div",
                 {
-                  className: a(
+                  className: d(
                     "grid-buttons-apply absolute bottom-6 left-1/2 z-10 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": x == null ? void 0 : x.enabled },
+                    { "flex items-center gap-4": p == null ? void 0 : p.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    p.enabled && /* @__PURE__ */ r.jsx(
-                      J,
+                    h.enabled && /* @__PURE__ */ r.jsx(
+                      Y,
                       {
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
+                        className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
-                        ...p.buttonContent
+                        ...h.buttonContent
                       }
                     ),
-                    (x == null ? void 0 : x.enabled) && /* @__PURE__ */ r.jsx(
-                      J,
+                    (p == null ? void 0 : p.enabled) && /* @__PURE__ */ r.jsx(
+                      Y,
                       {
                         intent: "secondary",
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...p.buttonContent
+                        className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        ...h.buttonContent
                       }
                     )
                   ]
@@ -992,7 +992,7 @@ const Ye = [
             /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: a(
+                className: d(
                   "relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
@@ -1003,11 +1003,11 @@ const Ye = [
           (o == null ? void 0 : o.enabled) && /* @__PURE__ */ r.jsx(
             "div",
             {
-              className: a(
+              className: d(
                 "items-center justify-center rounded-md bg-color-blue-grey-100 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: (o == null ? void 0 : o.details) && ((w = o == null ? void 0 : o.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ r.jsx(Ct, { ...o })
+              children: (o == null ? void 0 : o.details) && ((w = o == null ? void 0 : o.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ r.jsx(vt, { ...o })
             }
           )
         ] })
@@ -1016,86 +1016,86 @@ const Ye = [
     (o == null ? void 0 : o.enabled) && /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: a(
+        className: d(
           "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 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
         ),
-        children: (o == null ? void 0 : o.details) && ((v = o == null ? void 0 : o.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ct, { ...o })
+        children: (o == null ? void 0 : o.details) && ((v = o == null ? void 0 : o.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(vt, { ...o })
       }
     )
   ] });
-}, Jn = ({ variant: e, ...t }) => {
+}, Kn = ({ variant: e, ...t }) => {
   switch (e) {
     case "separateImg":
-      return /* @__PURE__ */ r.jsx(At, { ...t });
+      return /* @__PURE__ */ r.jsx(zt, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ r.jsx(ar, { ...t });
+      return /* @__PURE__ */ r.jsx(dr, { ...t });
     default:
-      return /* @__PURE__ */ r.jsx(At, { ...t });
+      return /* @__PURE__ */ r.jsx(zt, { ...t });
   }
-}, Ct = ({ details: e, classes: t }) => {
+}, vt = ({ details: e, classes: t }) => {
   const { variant: n, items: o } = e ?? {};
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       id: "advantages",
-      className: a(
+      className: d(
         "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]": n === "threeCards" },
         { "desktop:max-w-[1140px]": n === "fourCards" },
         t == null ? void 0 : t.root
       ),
-      children: o == null ? void 0 : o.map(({ title: i, description: d }) => /* @__PURE__ */ r.jsxs(
+      children: o == null ? void 0 : o.map(({ title: i, description: a }) => /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
             t == null ? void 0 : t.item
           ),
           children: [
-            /* @__PURE__ */ r.jsx(H, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__PURE__ */ r.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
+            /* @__PURE__ */ r.jsx(H, { as: "h4", className: d("text-color-dark", t == null ? void 0 : t.title), children: i }),
+            /* @__PURE__ */ r.jsx("p", { className: d("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: a })
           ]
         },
         i
       ))
     }
   );
-}, lr = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ r.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: n, href: o }) => /* @__PURE__ */ r.jsx(
+}, lr = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ r.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: n, href: o }) => /* @__PURE__ */ r.jsx(
   "a",
   {
-    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
+    className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
     href: o,
     "aria-label": n.replace("social/", ""),
-    children: /* @__PURE__ */ r.jsx(f, { name: n, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    children: /* @__PURE__ */ r.jsx(f, { name: n, className: d("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
   o
-)) }), ur = ({ phones: e, classes: t }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: n, text: o }) => /* @__PURE__ */ r.jsx(
-  Yt,
+)) }), ur = ({ phones: e, classes: t }) => /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: n, text: o }) => /* @__PURE__ */ r.jsx(
+  Xt,
   {
-    phone: st(n),
+    phone: yt(n),
     text: o,
     classes: {
-      root: a(t == null ? void 0 : t.phoneWrapper),
-      text: a("text-color-footer", t == null ? void 0 : t.phoneText),
-      link: a("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
+      root: d(t == null ? void 0 : t.phoneWrapper),
+      text: d("text-color-footer", t == null ? void 0 : t.phoneText),
+      link: d("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
   n
 )) }), mr = ({ classes: e, details: t }) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: a(
+    className: d(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
       e == null ? void 0 : e.navRoot
     ),
     children: t == null ? void 0 : t.map(
-      ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-        /* @__PURE__ */ r.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: o }),
-        /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l }) => /* @__PURE__ */ r.jsx(
-          yt,
+      ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+        /* @__PURE__ */ r.jsx("div", { className: d("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: o }),
+        /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: l }) => /* @__PURE__ */ r.jsx(
+          jt,
           {
-            href: d,
+            href: a,
             "aria-label": l,
             intent: "white",
             classes: {
@@ -1109,22 +1109,22 @@ const Ye = [
       ] }, o))
     )
   }
-), pr = ({ text: e, classes: t }) => /* @__PURE__ */ r.jsx(
+), hr = ({ text: e, classes: t }) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
+    className: d("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
     dangerouslySetInnerHTML: { __html: e }
   }
-), hr = ({ classes: e }) => /* @__PURE__ */ r.jsx(
+), xr = ({ classes: e }) => /* @__PURE__ */ r.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: a("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
-    children: /* @__PURE__ */ r.jsx(f, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
+    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
+    children: /* @__PURE__ */ r.jsx(f, { name: "brandLogos/logoWhite", className: d("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
-), xr = ({ classes: e }) => /* @__PURE__ */ r.jsx(
-  yt,
+), pr = ({ classes: e }) => /* @__PURE__ */ r.jsx(
+  jt,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -1132,22 +1132,22 @@ const Ye = [
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: a("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
+      link: d("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
       icon: e == null ? void 0 : e.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
 ), cr = ({ text: e, classes: t }) => {
-  const [n, o] = at.useState(!1), [i, d] = at.useState(!1), l = at.useRef(null);
-  return at.useEffect(() => {
+  const [n, o] = lt.useState(!1), [i, a] = lt.useState(!1), l = lt.useRef(null);
+  return lt.useEffect(() => {
     const u = l.current;
-    u && d(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ r.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+    u && a(u.scrollHeight > u.clientHeight);
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: d("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
     /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: l,
-        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, t == null ? void 0 : t.ligalText),
+        className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, t == null ? void 0 : t.ligalText),
         dangerouslySetInnerHTML: { __html: e }
       }
     ),
@@ -1157,7 +1157,7 @@ const Ye = [
         tabIndex: 0,
         role: "button",
         onClick: () => o((u) => !u),
-        className: a(
+        className: d(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           t == null ? void 0 : t.ligalButton
         ),
@@ -1165,60 +1165,60 @@ const Ye = [
       }
     )
   ] });
-}, Yn = ({
+}, Zn = ({
   socialsLinks: e,
   phones: t,
   ligal: n,
   copyright: o,
   classes: i,
-  details: d,
+  details: a,
   siteMap: l = !0
 }) => /* @__PURE__ */ r.jsx(
   "footer",
   {
     id: g.footer,
     "data-test-id": g.footer,
-    className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ r.jsx(S, { 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: d("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
+    children: /* @__PURE__ */ r.jsx(S, { className: d(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ r.jsxs("div", { className: d("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             "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.jsx(hr, { classes: i == null ? void 0 : i.footerLogo }),
+            /* @__PURE__ */ r.jsxs("div", { className: d(i == null ? void 0 : i.footerSocialBlock), children: [
+              /* @__PURE__ */ r.jsx(xr, { classes: i == null ? void 0 : i.footerLogo }),
               e.enabled && /* @__PURE__ */ r.jsx(lr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
             t.enabled && /* @__PURE__ */ r.jsx(ur, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !s.isArrayEmpty(d) && /* @__PURE__ */ r.jsx(mr, { details: d, classes: i == null ? void 0 : i.navLinks }),
+      !s.isArrayEmpty(a) && /* @__PURE__ */ r.jsx(mr, { details: a, classes: i == null ? void 0 : i.navLinks }),
       n.enabled && /* @__PURE__ */ r.jsx(cr, { text: n.text }),
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
             i == null ? void 0 : i.footerBottom
           ),
           children: [
-            o.enabled && /* @__PURE__ */ r.jsx(pr, { text: o.text, classes: i == null ? void 0 : i.copyright }),
-            l && /* @__PURE__ */ r.jsx(xr, { classes: i == null ? void 0 : i.siteMap })
+            o.enabled && /* @__PURE__ */ r.jsx(hr, { text: o.text, classes: i == null ? void 0 : i.copyright }),
+            l && /* @__PURE__ */ r.jsx(pr, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
     ] }) })
   }
 ), fr = ({ classes: e, index: t, variant: n, title: o, description: i }) => {
-  const d = n === "withTitleAndDescription" && o;
+  const a = n === "withTitleAndDescription" && o;
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "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",
         e == null ? void 0 : e.singleStep
       ),
@@ -1226,45 +1226,45 @@ const Ye = [
         /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: a(
+            className: d(
               "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",
               e == null ? void 0 : e.numeric
             ),
             children: t
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-2"), children: [
-          d && /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-2"), children: [
+          a && /* @__PURE__ */ r.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: o },
-              className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", e == null ? void 0 : e.title)
+              className: d("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", e == null ? void 0 : e.title)
             }
           ),
           /* @__PURE__ */ r.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: i ?? "" },
-              className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description)
+              className: d("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description)
             }
           )
         ] })
       ]
     }
   );
-}, Gn = ({ headline: e, details: t, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ r.jsx(S, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
-  /* @__PURE__ */ r.jsx(H, { as: "h2", className: a("text-color-dark", o == null ? void 0 : o.headline), children: e }),
+}, Xn = ({ headline: e, details: t, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ r.jsx(S, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+  /* @__PURE__ */ r.jsx(H, { as: "h2", className: d("text-color-dark", o == null ? void 0 : o.headline), children: e }),
   /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: d(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
         o == null ? void 0 : o.stepsWrapper
       ),
-      children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ r.jsx(fr, { variant: n, ...i, index: d + 1, classes: o == null ? void 0 : o.step }, i.description))
+      children: t == null ? void 0 : t.map((i, a) => /* @__PURE__ */ r.jsx(fr, { variant: n, ...i, index: a + 1, classes: o == null ? void 0 : o.step }, i.description))
     }
   )
-] }) }) }), br = E("", {
+] }) }) }), br = T("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1280,7 +1280,7 @@ const Ye = [
   defaultVariants: {
     intent: "twoItems"
   }
-}), gr = E("", {
+}), gr = T("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1312,7 +1312,7 @@ const Ye = [
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), jr = E("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), jr = T("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
   variants: {
     intent: {
       twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
@@ -1322,7 +1322,7 @@ const Ye = [
   defaultVariants: {
     intent: "twoItems"
   }
-}), yr = E("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), yr = T("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1356,45 +1356,45 @@ const Ye = [
       enabled: !1
     }
   } = e;
-  return /* @__PURE__ */ r.jsx("li", { className: a(jr({ intent: t })), 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: n }),
-      i.enabled && /* @__PURE__ */ r.jsx(Mt, { triggerElement: /* @__PURE__ */ r.jsx(f, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  return /* @__PURE__ */ r.jsx("li", { className: d(jr({ intent: t })), children: /* @__PURE__ */ r.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: d("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ r.jsx("h4", { className: d("mob-title-bold-m text-color-dark"), children: n }),
+      i.enabled && /* @__PURE__ */ r.jsx(Ct, { triggerElement: /* @__PURE__ */ r.jsx(f, { className: d("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: o } })
+    /* @__PURE__ */ r.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: o } })
   ] }) });
-}, wt = ({ intent: e, headline: t, desktopHidden: n = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: a(br({ intent: e, desktopHidden: n, mobileHidden: o })), children: t }), kr = ({ details: e, intent: t, withButton: n }) => /* @__PURE__ */ r.jsx("ul", { className: a(gr({ intent: t, withButton: n })), children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ r.jsx(sr, { intent: t, data: o }, i)) }), to = ({
+}, kt = ({ intent: e, headline: t, desktopHidden: n = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: d(br({ intent: e, desktopHidden: n, mobileHidden: o })), children: t }), kr = ({ details: e, intent: t, withButton: n }) => /* @__PURE__ */ r.jsx("ul", { className: d(gr({ intent: t, withButton: n })), children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ r.jsx(sr, { intent: t, data: o }, i)) }), Jn = ({
   headline: e,
   buttonConfig: t,
   intent: n = "twoItems",
   details: o,
   image: i,
-  classes: d
+  classes: a
 }) => {
   const l = n === "fourItems", u = n === "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: g.longBanner, "data-test-id": g.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(S, { className: a(d == null ? void 0 : d.container), children: [
-    u && /* @__PURE__ */ r.jsx(wt, { intent: n, headline: e }),
+  return /* @__PURE__ */ r.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: d(a == null ? void 0 : a.root), children: /* @__PURE__ */ r.jsxs(S, { className: d(a == null ? void 0 : a.container), children: [
+    u && /* @__PURE__ */ r.jsx(kt, { intent: n, headline: e }),
     /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: a(
+        className: d(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
-          d == null ? void 0 : d.contentContainer
+          a == null ? void 0 : a.contentContainer
         ),
         children: [
-          l && /* @__PURE__ */ r.jsx(wt, { intent: n, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ r.jsx("div", { className: a(yr({ intent: n, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: m }),
+          l && /* @__PURE__ */ r.jsx(kt, { intent: n, headline: e, desktopHidden: !0 }),
+          /* @__PURE__ */ r.jsx("div", { className: d(yr({ intent: n, withButton: t == null ? void 0 : t.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", d == null ? void 0 : d.textWithBtnContainer),
+              className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
-                l && /* @__PURE__ */ r.jsx(wt, { intent: n, headline: e, mobileHidden: !0 }),
+                l && /* @__PURE__ */ r.jsx(kt, { intent: n, headline: e, mobileHidden: !0 }),
                 /* @__PURE__ */ r.jsx(kr, { details: o, intent: n, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ r.jsx(
-                  J,
+                  Y,
                   {
-                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    className: d("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
                     size: "lg",
                     intent: "secondary",
                     ...t.buttonContent
@@ -1407,15 +1407,15 @@ const Ye = [
       }
     )
   ] }) });
-}, vt = {
+}, wt = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, pe = ({ children: e, isLoading: t, classes: n, loaderProps: o }) => /* @__PURE__ */ r.jsx(
+}, me = ({ children: e, isLoading: t, classes: n, loaderProps: o }) => /* @__PURE__ */ r.jsx(
   "div",
   {
     tabIndex: 0,
-    className: a(
+    className: d(
       "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",
       n == null ? void 0 : n.root
@@ -1423,13 +1423,13 @@ const Ye = [
     children: /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: a(
+        className: d(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
           { "items-center": t },
           n == null ? void 0 : n.wrapper
         ),
-        children: t ? /* @__PURE__ */ r.jsx(Ee, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : e
+        children: t ? /* @__PURE__ */ r.jsx(Te, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : e
       }
     )
   }
@@ -1461,14 +1461,14 @@ const Ye = [
     /* @__PURE__ */ r.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ r.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), he = ({ mainLink: e, subLink: t, isMobile: n, classes: o }) => /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
+] }), he = ({ mainLink: e, subLink: t, isMobile: n, classes: o }) => /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
   /* @__PURE__ */ r.jsx(
     "a",
     {
       href: e.href,
       target: "_blank",
       rel: "noreferrer",
-      className: a(
+      className: d(
         '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',
         o == null ? void 0 : o.linksMainLink
       ),
@@ -1476,7 +1476,7 @@ const Ye = [
     }
   ),
   (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ r.jsx(
-    yt,
+    jt,
     {
       intent: "blue",
       withUnderline: !0,
@@ -1484,79 +1484,79 @@ const Ye = [
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.linksSubLink)
+        link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.linksSubLink)
       },
       children: t == null ? void 0 : t.text
     }
   )
-] }), Vt = ({ mainLink: e, subLink: t, isLoading: n, badge: o, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = Y();
-  return /* @__PURE__ */ r.jsx(pe, { isLoading: n, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ r.jsxs(
+] }), Qt = ({ mainLink: e, subLink: t, isLoading: n, badge: o, loaderProps: i, classes: a }) => {
+  const { isMobile: l } = G();
+  return /* @__PURE__ */ r.jsx(me, { isLoading: n, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "flex flex-1 items-center justify-between gap-1",
         { "justify-center": !o && l },
-        d == null ? void 0 : d.innerWrapper
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+        /* @__PURE__ */ r.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
           /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(f, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ r.jsx(f, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ r.jsx(f, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ r.jsx(f, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8", a == null ? void 0 : a.mtsLogo) }),
+            /* @__PURE__ */ r.jsx(f, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
+            /* @__PURE__ */ r.jsx(f, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
           ] }),
-          /* @__PURE__ */ r.jsx(he, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ r.jsx(he, { mainLink: e, subLink: t, isMobile: l, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ r.jsx(Tt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: o })
+        o && /* @__PURE__ */ r.jsx(It, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
       ]
     }
   ) });
-}, qt = ({ mainLink: e, subLink: t, isLoading: n, badge: o, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = Y();
-  return /* @__PURE__ */ r.jsx(pe, { isLoading: n, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ r.jsxs(
+}, At = ({ mainLink: e, subLink: t, isLoading: n, badge: o, loaderProps: i, classes: a }) => {
+  const { isMobile: l } = G();
+  return /* @__PURE__ */ r.jsx(me, { isLoading: n, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: a(
+      className: d(
         "flex flex-1 items-center justify-between gap-1",
         { "justify-center": !o && l },
-        d == null ? void 0 : d.innerWrapper
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ r.jsx(wr, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ r.jsx(he, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+        /* @__PURE__ */ r.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
+          /* @__PURE__ */ r.jsx(wr, { className: d("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
+          /* @__PURE__ */ r.jsx(he, { mainLink: e, subLink: t, isMobile: l, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ r.jsx(Tt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: o })
+        o && /* @__PURE__ */ r.jsx(It, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
       ]
     }
   ) });
 }, vr = (e) => {
   switch (e.mode) {
-    case vt.ESIA:
-      return /* @__PURE__ */ r.jsx(qt, { ...e });
-    case vt.MOBILE_ID:
-      return /* @__PURE__ */ r.jsx(Vt, { ...e });
-    case vt.COMBINE:
+    case wt.ESIA:
+      return /* @__PURE__ */ r.jsx(At, { ...e });
+    case wt.MOBILE_ID:
+      return /* @__PURE__ */ r.jsx(Qt, { ...e });
+    case wt.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: n, subtitle: o, badge: i, classes: d } = e, l = !o && !i ? at.Fragment : "div";
+      const { esiaConfig: t, mobileIdConfig: n, subtitle: o, badge: i, classes: a } = e, l = !o && !i ? lt.Fragment : "div";
       return /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a(
+          className: d(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
-            d == null ? void 0 : d.root
+            a == null ? void 0 : a.root
           ),
           children: [
-            /* @__PURE__ */ r.jsxs(l, { className: a("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
-              o && /* @__PURE__ */ r.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: o }),
-              i && /* @__PURE__ */ r.jsx(Tt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
+            /* @__PURE__ */ r.jsxs(l, { className: d("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
+              o && /* @__PURE__ */ r.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: o }),
+              i && /* @__PURE__ */ r.jsx(It, { className: d("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", d == null ? void 0 : d.authWrapper), children: [
+            /* @__PURE__ */ r.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
               /* @__PURE__ */ r.jsx(
-                qt,
+                At,
                 {
                   ...t,
                   classes: {
@@ -1567,7 +1567,7 @@ const Ye = [
                 }
               ),
               /* @__PURE__ */ r.jsx(
-                Vt,
+                Qt,
                 {
                   ...n,
                   classes: {
@@ -1582,12 +1582,12 @@ const Ye = [
         }
       );
   }
-}, eo = (e) => vr(e), Ut = ({ links: e, classes: t }) => /* @__PURE__ */ r.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: n, label: o }) => /* @__PURE__ */ r.jsx(
-  yt,
+}, Yn = (e) => vr(e), Vt = ({ links: e, classes: t }) => /* @__PURE__ */ r.jsx("nav", { className: d("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: n, label: o }) => /* @__PURE__ */ r.jsx(
+  jt,
   {
     classes: {
-      link: a("w-max", t == null ? void 0 : t.linkText),
-      icon: a(t == null ? void 0 : t.linkIcon)
+      link: d("w-max", t == null ? void 0 : t.linkText),
+      icon: d(t == null ? void 0 : t.linkIcon)
     },
     intent: "dark",
     href: n,
@@ -1595,32 +1595,32 @@ const Ye = [
   },
   n
 )) }), Nr = ({ groupLabel: e, links: t, mobileAccordionProps: n, classes: o }) => {
-  var d, l, u;
-  const { isMobile: i } = Y();
-  return /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-2", o == null ? void 0 : o.columnGroup), children: [
+  var a, l, u;
+  const { isMobile: i } = G();
+  return /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col gap-2", o == null ? void 0 : o.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", o == null ? void 0 : o.columnGroupHeading), children: e }),
-      /* @__PURE__ */ r.jsx(Ut, { links: t, classes: o == null ? void 0 : o.linksList }, "desktop")
+      /* @__PURE__ */ r.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", o == null ? void 0 : o.columnGroupHeading), children: e }),
+      /* @__PURE__ */ r.jsx(Vt, { links: t, classes: o == null ? void 0 : o.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ r.jsx(
-      nt,
+      ot,
       {
         defaultOpen: !0,
         label: e,
-        icon: /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        icon: /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...n,
         classes: {
           ...n == null ? void 0 : n.classes,
           header: {
-            trigger: a("p-0 bg-color-blue-grey-100", (l = (d = n == null ? void 0 : n.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
+            trigger: d("p-0 bg-color-blue-grey-100", (l = (a = n == null ? void 0 : n.classes) == null ? void 0 : a.header) == null ? void 0 : l.trigger)
           },
-          contentInner: a("py-2 px-4", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.contentInner)
+          contentInner: d("py-2 px-4", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ r.jsx(Ut, { links: t, classes: o == null ? void 0 : o.linksList }, "mobile")
+        children: /* @__PURE__ */ r.jsx(Vt, { links: t, classes: o == null ? void 0 : o.linksList }, "mobile")
       }
     )
   ] });
-}, Cr = ({ column: e, mobileAccordionProps: t, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", n == null ? void 0 : n.column), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ r.jsx(Nr, { ...t, ...o, classes: n == null ? void 0 : n.columnGroup }, o.groupLabel)) }), Ir = E("grid gap-4 grid-cols-1", {
+}, Cr = ({ column: e, mobileAccordionProps: t, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", n == null ? void 0 : n.column), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ r.jsx(Nr, { ...t, ...o, classes: n == null ? void 0 : n.columnGroup }, o.groupLabel)) }), Ir = T("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1631,82 +1631,82 @@ const Ye = [
   defaultVariants: {
     variant: "fourCols"
   }
-}), ro = ({
+}), Gn = ({
   variant: e,
   details: t,
   headline: n,
   mobileAccordionProps: o,
   rootAccordionProps: i,
-  classes: d,
+  classes: a,
   defaultOpen: l
 }) => {
-  var u, m, p;
+  var u, m, h;
   return /* @__PURE__ */ r.jsx(
     "section",
     {
       id: g.interLinking,
       "data-test-id": g.interLinking,
-      className: a("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
+      className: d("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root),
       children: /* @__PURE__ */ r.jsx(S, { children: /* @__PURE__ */ r.jsx(
-        nt,
+        ot,
         {
           defaultOpen: l,
-          label: /* @__PURE__ */ r.jsx(H, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: n }),
+          label: /* @__PURE__ */ r.jsx(H, { as: "h4", className: d("text-left", a == null ? void 0 : a.headline), children: n }),
           ...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: d("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", (p = i == null ? void 0 : i.classes) == null ? void 0 : p.content)
+            content: d("max-w-full bg-color-blue-grey-100 relative", (h = i == null ? void 0 : i.classes) == null ? void 0 : h.content)
           },
-          children: /* @__PURE__ */ r.jsx("div", { className: a(Ir({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((x, c) => /* @__PURE__ */ r.jsx(Cr, { ...x, ...o, classes: d == null ? void 0 : d.column }, c)) })
+          children: /* @__PURE__ */ r.jsx("div", { className: d(Ir({ variant: e }), a == null ? void 0 : a.columnsWrapper), children: t == null ? void 0 : t.map((p, c) => /* @__PURE__ */ r.jsx(Cr, { ...p, ...o, classes: a == null ? void 0 : a.column }, c)) })
         }
       ) })
     }
   );
-}, Mr = ({ tabsNames: e, activeTab: t, setActiveTab: n, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: e && e.map((i, d) => /* @__PURE__ */ r.jsx(
+}, Mr = ({ tabsNames: e, activeTab: t, setActiveTab: n, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: d("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: e && e.map((i, a) => /* @__PURE__ */ r.jsx(
   "button",
   {
-    onClick: () => n(d),
-    className: a(
+    onClick: () => n(a),
+    className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
-        "bg-icon-primary-default text-color-white": t === d
+        "bg-icon-primary-default text-color-white": t === a
       },
       o == null ? void 0 : o.button
     ),
     children: i
   },
   i
-)) }), Tr = (e) => e.variant === "HTML", Er = (e) => e.variant === "DOCUMENTS", Fr = (e) => e.variant === "TABLE", Or = ({ html: e, config: t, classes: n, accordionConfig: o }) => {
-  const i = /* @__PURE__ */ r.jsx("div", { className: a(n == null ? void 0 : n.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ r.jsx(nt, { label: t == null ? void 0 : t.accordionTitle, ...o, children: (o == null ? void 0 : o.children) ?? i }) : i });
+)) }), Fr = (e) => e.variant === "HTML", Tr = (e) => e.variant === "DOCUMENTS", Er = (e) => e.variant === "TABLE", Or = ({ html: e, config: t, classes: n, accordionConfig: o }) => {
+  const i = /* @__PURE__ */ r.jsx("div", { className: d(n == null ? void 0 : n.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ r.jsx(ot, { label: t == null ? void 0 : t.accordionTitle, ...o, children: (o == null ? void 0 : o.children) ?? i }) : i });
 }, Sr = (e, t) => ({
   rows: e == null ? void 0 : e.map(({ row: n }) => ({
     row: n == null ? void 0 : n.map((o, i) => {
-      var d;
+      var a;
       return {
         ...o,
-        heading: t && ((d = t[i]) == null ? void 0 : d.heading)
+        heading: t && ((a = t[i]) == null ? void 0 : a.heading)
       };
     })
   }))
-}), Br = E("flex flex-col", {
+}), Br = T("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Rr = E("desktop:grid mobile:hidden px-4 mb-4", {
+}), Rr = T("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), _r = ({ headings: e, columnsVariant: t, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: a(Rr({ columnsVariant: t }), n == null ? void 0 : n.row), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ r.jsx("div", { className: a("text-color-secondary", n == null ? void 0 : n.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Hr = E("desktop:grid mobile:hidden items-center", {
+}), _r = ({ headings: e, columnsVariant: t, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: d(Rr({ columnsVariant: t }), n == null ? void 0 : n.row), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ r.jsx("div", { className: d("text-color-secondary", n == null ? void 0 : n.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Hr = T("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1717,52 +1717,52 @@ const Ye = [
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), Dr = ({ row: e, tableVariant: t, columnsVariant: n, rowIndex: o, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: a(Hr({ columnsVariant: n, tableVariant: t }), { "border-none": o === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ r.jsx(
+}), Dr = ({ row: e, tableVariant: t, columnsVariant: n, rowIndex: o, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: d(Hr({ columnsVariant: n, tableVariant: t }), { "border-none": o === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: a }, l) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
-    children: d && d
+    className: d("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
+    children: a && a
   },
   l
-)) }), Pr = E("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), Pr = T("mobile:flex desktop:hidden flex-col gap-2", {
   variants: {
     tableVariant: {
       filled: "px-4 py-4 odd:bg-color-primary-light-default",
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), Lr = ({ row: e, tableVariant: t, columnsVariant: n, headingsExist: o, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: a(Pr({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ r.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !o }, i == null ? void 0 : i.wrapper), children: [
-  l && /* @__PURE__ */ r.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
+}), Lr = ({ row: e, tableVariant: t, columnsVariant: n, headingsExist: o, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: d(Pr({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: a, heading: l }, u) => /* @__PURE__ */ r.jsxs("div", { className: d("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !o }, i == null ? void 0 : i.wrapper), children: [
+  l && /* @__PURE__ */ r.jsx("div", { className: d("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
   /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: d(
         "mob-body-regular-l text-color-dark",
         {
           "font-medium": u !== 0 && n === "twoCols" || n === "threeCols" || n === "twoCols" && o
         },
         i == null ? void 0 : i.cell
       ),
-      children: d
+      children: a
     }
   )
 ] }, u)) }), zr = ({ tableVariant: e, rows: t, headings: n, columnsVariant: o, classes: i }) => {
   var u;
-  const d = ((u = Sr(t, n)) == null ? void 0 : u.rows) ?? [], l = !!(n && n.length > 0);
-  return /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+  const a = ((u = Sr(t, n)) == null ? void 0 : u.rows) ?? [], l = !!(n && n.length > 0);
+  return /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-col", i == null ? void 0 : i.wrapper), children: [
     l && /* @__PURE__ */ r.jsx(_r, { headings: n, columnsVariant: o, classes: i == null ? void 0 : i.desktopHeading }),
-    t == null ? void 0 : t.map((m, p) => /* @__PURE__ */ r.jsx(
+    t == null ? void 0 : t.map((m, h) => /* @__PURE__ */ r.jsx(
       Dr,
       {
-        rowIndex: p,
+        rowIndex: h,
         tableVariant: e,
         columnsVariant: o,
         classes: i == null ? void 0 : i.desktopRow,
         ...m
       },
-      p
+      h
     )),
-    d == null ? void 0 : d.map((m, p) => /* @__PURE__ */ r.jsx(
+    a == null ? void 0 : a.map((m, h) => /* @__PURE__ */ r.jsx(
       Lr,
       {
         headingsExist: l,
@@ -1771,7 +1771,7 @@ const Ye = [
         classes: i == null ? void 0 : i.desktopRow,
         ...m
       },
-      p
+      h
     ))
   ] });
 }, Qr = ({
@@ -1780,27 +1780,27 @@ const Ye = [
   columnsVariant: n,
   config: o,
   rows: i,
-  title: d,
+  title: a,
   headings: l,
   accordionConfig: u,
   classes: m
 }) => {
-  const p = /* @__PURE__ */ r.jsxs("div", { className: a(Br({ columnsVariant: n }), m == null ? void 0 : m.wrapper), children: [
-    d && /* @__PURE__ */ r.jsx(H, { as: "h4", className: a("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: d }),
+  const h = /* @__PURE__ */ r.jsxs("div", { className: d(Br({ columnsVariant: n }), m == null ? void 0 : m.wrapper), children: [
+    a && /* @__PURE__ */ r.jsx(H, { as: "h4", className: d("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: a }),
     /* @__PURE__ */ r.jsx(zr, { tableVariant: e, rows: i, headings: l, columnsVariant: n }),
     t && /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
+        className: d("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
         dangerouslySetInnerHTML: { __html: t ?? "" }
       }
     )
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ r.jsx(nt, { label: o == null ? void 0 : o.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || p }) : p });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ r.jsx(ot, { label: o == null ? void 0 : o.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
 }, Ar = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, Vr = E("size-8 transition-colors", {
+}, Vr = T("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1817,37 +1817,37 @@ const Ye = [
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: a(
+    className: d(
       "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(f, { name: Ar[o], className: a(Vr({ iconType: o }), 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: e }),
-        /* @__PURE__ */ r.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
+      /* @__PURE__ */ r.jsx(f, { name: Ar[o], className: d(Vr({ iconType: o }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ r.jsxs("div", { className: d("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ r.jsx("p", { className: d("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
+        /* @__PURE__ */ r.jsxs("div", { className: d("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
           Number(t),
           " КБ"
         ] })
       ] })
     ]
   }
-), Ur = ({ docs: e, config: t, title: n, iconType: o, description: i, classes: d, accordionConfig: l }) => {
-  const u = /* @__PURE__ */ r.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
+), Ur = ({ docs: e, config: t, title: n, iconType: o, description: i, classes: a, accordionConfig: l }) => {
+  const u = /* @__PURE__ */ r.jsxs("div", { className: d("flex max-w-[680px] flex-col", a == null ? void 0 : a.wrapper), children: [
     n && /* @__PURE__ */ r.jsx(H, { as: "h3", className: "mb-4", children: n }),
-    /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((m) => /* @__PURE__ */ r.jsx(qr, { iconType: o, ...m, classes: d == null ? void 0 : d.singleDocument }, m.label)) }),
-    i && /* @__PURE__ */ r.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
+    /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: e == null ? void 0 : e.map((m) => /* @__PURE__ */ r.jsx(qr, { iconType: o, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
+    i && /* @__PURE__ */ r.jsx("div", { className: d("mt-4", a == null ? void 0 : a.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ r.jsx(nt, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ r.jsx(ot, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
 }, Wr = ({ entity: e, classes: t, accordionsConfig: n }) => {
-  var o, i, d;
+  var o, i, a;
   switch (!0) {
-    case Tr(e):
+    case Fr(e):
       return (o = e.details) == null ? void 0 : o.map((l, u) => {
         var m;
         return /* @__PURE__ */ r.jsx(Or, { ...l, accordionConfig: n == null ? void 0 : n.htmlAccordion, classes: (m = t == null ? void 0 : t.entities) == null ? void 0 : m.html }, u);
       });
-    case Er(e):
+    case Tr(e):
       return (i = e.details) == null ? void 0 : i.map((l, u) => {
         var m;
         return /* @__PURE__ */ r.jsx(
@@ -1860,8 +1860,8 @@ const Ye = [
           u
         );
       });
-    case Fr(e):
-      return (d = e.details) == null ? void 0 : d.map((l, u) => {
+    case Er(e):
+      return (a = e.details) == null ? void 0 : a.map((l, u) => {
         var m;
         return /* @__PURE__ */ r.jsx(
           Qr,
@@ -1876,22 +1876,22 @@ const Ye = [
     default:
       return null;
   }
-}, $r = ({ entity: e, classes: t, accordionsConfig: n }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Wr({ entity: e, classes: t, accordionsConfig: n }) }), no = ({ headline: e, tabs: t, classes: n, accordionsConfig: o }) => {
+}, $r = ({ entity: e, classes: t, accordionsConfig: n }) => /* @__PURE__ */ r.jsx("div", { className: d("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Wr({ entity: e, classes: t, accordionsConfig: n }) }), to = ({ headline: e, tabs: t, classes: n, accordionsConfig: o }) => {
   var u, m;
-  const [i, d] = z(0), l = Ft(() => t == null ? void 0 : t.map((p) => p == null ? void 0 : p.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(S, { className: a(n == null ? void 0 : n.container), children: [
-    /* @__PURE__ */ r.jsx(H, { className: a(n == null ? void 0 : n.headline), as: "h2", children: e }),
-    /* @__PURE__ */ r.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ r.jsx(Mr, { tabsNames: l, activeTab: i, setActiveTab: d, classes: n == null ? void 0 : n.tabs }) }),
-    /* @__PURE__ */ r.jsx("div", { className: a("mt-6 flex flex-col gap-6", n == null ? void 0 : n.contentWrapper), children: (m = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((p, x) => /* @__PURE__ */ r.jsx($r, { accordionsConfig: o, ...p, classes: n == null ? void 0 : n.entityClasses }, x)) })
+  const [i, a] = z(0), l = Ft(() => t == null ? void 0 : t.map((h) => h == null ? void 0 : h.tabName), [t]) ?? [];
+  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: d(n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(S, { className: d(n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ r.jsx(H, { className: d(n == null ? void 0 : n.headline), as: "h2", children: e }),
+    /* @__PURE__ */ r.jsx("div", { className: d("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ r.jsx(Mr, { tabsNames: l, activeTab: i, setActiveTab: a, classes: n == null ? void 0 : n.tabs }) }),
+    /* @__PURE__ */ r.jsx("div", { className: d("mt-6 flex flex-col gap-6", n == null ? void 0 : n.contentWrapper), children: (m = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((h, p) => /* @__PURE__ */ r.jsx($r, { accordionsConfig: o, ...h, classes: n == null ? void 0 : n.entityClasses }, p)) })
   ] }) });
-}, pt = ({ fields: e, control: t }) => e.map(({ type: n, args: o }) => {
-  const i = Fe[n];
-  return /* @__PURE__ */ ee(i, { ...o, key: o.name, control: t });
+}, xe = ({ fields: e, control: t }) => e.map(({ type: n, args: o }) => {
+  const i = Ee[n];
+  return /* @__PURE__ */ Gt(i, { ...o, key: o.name, control: t });
 });
 class Kr {
   constructor(t) {
-    it(this, "TEXT_NODE", 3);
-    it(this, "ELEMENT_NODE", 1);
+    at(this, "TEXT_NODE", 3);
+    at(this, "ELEMENT_NODE", 1);
     this.options = t;
   }
   /**
@@ -1901,7 +1901,7 @@ class Kr {
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
   traverse(t, n = "string", o) {
-    const { includeSolidText: i, recursive: d, element: l } = this.options || {};
+    const { includeSolidText: i, recursive: a, element: l } = this.options || {};
     switch (t.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
@@ -1915,12 +1915,12 @@ class Kr {
         if (n === "node")
           o.push(t);
         else {
-          const p = u.outerHTML.trim();
-          o.push(p);
+          const h = u.outerHTML.trim();
+          o.push(h);
         }
-        if (d)
-          for (const p of t.childNodes)
-            this.traverse(p, n, o);
+        if (a)
+          for (const h of t.childNodes)
+            this.traverse(h, n, o);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
@@ -1929,8 +1929,8 @@ class Kr {
         if (n === "node")
           o.push(t);
         else {
-          const p = t.textContent;
-          p && o.push(p);
+          const h = t.textContent;
+          h && o.push(h);
         }
         break;
     }
@@ -1942,13 +1942,13 @@ class Kr {
    * @returns Массив тегов или нод
    */
   async parse(t, n = "string") {
-    const { includeBody: o } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), u = n === "string" ? i : d;
+    const { includeBody: o } = this.options || {}, i = [], a = [], l = await this.parseFromString(t), u = n === "string" ? i : a;
     if (o)
       this.traverse(l.body, n, u);
     else
       for (const m of l.body.childNodes)
         this.traverse(m, n, u);
-    return { stringNodes: i, nodes: d };
+    return { stringNodes: i, nodes: a };
   }
   /**
    * Считает количество указанных тегов в HTML строке.
@@ -1969,7 +1969,7 @@ class Xr extends Kr {
     return Zr ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
   }
 }
-class It {
+class Nt {
   /**
    * Функция для парсинга ноды в react элемент
    */
@@ -1997,25 +1997,25 @@ class It {
             break;
           case "style":
             u = "style";
-            const p = {};
-            l.value.split(";").forEach((x) => {
-              const [c, b] = x.split(":");
+            const h = {};
+            l.value.split(";").forEach((p) => {
+              const [c, b] = p.split(":");
               if (c && b) {
                 const w = c.trim().replace(/-([a-z])/g, (v, I) => I.toUpperCase());
-                p[w] = b.trim();
+                h[w] = b.trim();
               }
-            }), m = p;
+            }), m = h;
             break;
         }
         i[u] = m;
       }
       i.key = Math.random().toString(36).substring(2, 9);
-      const d = [];
+      const a = [];
       for (const l of n.childNodes) {
         const u = this.parseNode(l);
-        u && d.push(u);
+        u && a.push(u);
       }
-      return ee(o, i, ...d);
+      return Gt(o, i, ...a);
     }
     return null;
   }
@@ -2024,62 +2024,62 @@ class It {
    */
   static async toReactNodes(t, n) {
     const o = new Xr(n), { nodes: i } = await o.parse(t, "node");
-    return i.map((d) => this.parseNode(d));
+    return i.map((a) => this.parseNode(a));
   }
 }
-it(It, "TEXT_NODE", 3), it(It, "ELEMENT_NODE", 1);
+at(Nt, "TEXT_NODE", 3), at(Nt, "ELEMENT_NODE", 1);
 const Jr = ({ promises: e }) => {
   const [t, n] = z([]);
-  return re(() => {
+  return te(() => {
     (async () => {
       n(await e);
     })();
   }, [e]), /* @__PURE__ */ r.jsx(r.Fragment, { children: t });
-}, gt = ({ html: e, options: t, as: n, ...o }) => {
-  const i = n ?? _e, d = n ? o : {}, l = It.toReactNodes(e, t);
+}, bt = ({ html: e, options: t, as: n, ...o }) => {
+  const i = n ?? _e, a = n ? o : {}, l = Nt.toReactNodes(e, t);
   return (
     // @ts-expect-error disable warning
-    /* @__PURE__ */ r.jsx(i, { ...d, children: /* @__PURE__ */ r.jsx(Jr, { promises: l }) })
+    /* @__PURE__ */ r.jsx(i, { ...a, children: /* @__PURE__ */ r.jsx(Jr, { promises: l }) })
   );
 }, Yr = (e, t) => e.enabled ? t.map((n) => ({
   name: n.args.name,
   ...n.args.progress
-})) : null, Gr = new Je(), tn = ({ children: e }) => /* @__PURE__ */ r.jsx(Oe, { client: Gr, children: e }), en = (e, t, n, o) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ r.jsx(gt, { html: e.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ r.jsxs(
+})) : null, Gr = new Je(), tn = ({ children: e }) => /* @__PURE__ */ r.jsx(Oe, { client: Gr, children: e }), en = (e, t, n, o) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ r.jsx(bt, { html: e.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
-    className: a(
+    className: d(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ r.jsx(Gt.CheckboxBase, { classes: o == null ? void 0 : o.checkbox, checked: t, onCheckedChange: n }),
-      /* @__PURE__ */ r.jsx(gt, { html: e.content, as: "div", className: o == null ? void 0 : o.content })
+      /* @__PURE__ */ r.jsx(Jt.CheckboxBase, { classes: o == null ? void 0 : o.checkbox, checked: t, onCheckedChange: n }),
+      /* @__PURE__ */ r.jsx(bt, { html: e.content, as: "div", className: o == null ? void 0 : o.content })
     ]
   }
-), oo = ({
+), eo = ({
   fields: e,
   title: t,
   progress: n,
   approvement: o,
   chips: i,
-  submitProps: d,
+  submitProps: a,
   classes: l
 }) => {
   var K, Q;
-  const { submitCallback: u, ...m } = d || {}, [p, x] = z(!1), c = me(e), { control: b, handleSubmit: w } = ie({
+  const { submitCallback: u, ...m } = a || {}, [h, p] = z(!1), c = ue(e), { control: b, handleSubmit: w } = ne({
     schema: c,
     defaultValues: ae.getZodDefaults(c),
     mode: "onBlur"
   }), v = Yr(n, e), I = qe({ control: b, fields: v || [], schema: c }), D = (N) => {
-    u && u({ ...N, agree: p }), console.warn(N);
+    u && u({ ...N, agree: h }), console.warn(N);
   };
   return /* @__PURE__ */ r.jsx(tn, { children: /* @__PURE__ */ r.jsxs(
     "div",
     {
       id: g.form,
       "data-test-id": g.form,
-      className: a(
+      className: d(
         "border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
         "relative flex flex-col gap-6 rounded-sm border py-8",
         l == null ? void 0 : l.root
@@ -2088,14 +2088,14 @@ const Jr = ({ promises: e }) => {
         i.enabled && /* @__PURE__ */ r.jsxs(
           "div",
           {
-            className: a(
+            className: d(
               "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",
               (K = l == null ? void 0 : l.chips) == null ? void 0 : K.root
             ),
             children: [
-              i.image && /* @__PURE__ */ r.jsx(f, { name: i.image, className: a("size-4", (Q = l == null ? void 0 : l.chips) == null ? void 0 : Q.icon) }),
+              i.image && /* @__PURE__ */ r.jsx(f, { name: i.image, className: d("size-4", (Q = l == null ? void 0 : l.chips) == null ? void 0 : Q.icon) }),
               i.content
             ]
           }
@@ -2105,28 +2105,28 @@ const Jr = ({ promises: e }) => {
           "form",
           {
             onSubmit: w(D),
-            className: a("flex w-[328px] flex-col gap-y-6", "desktop:w-[524px] desktop:gap-y-8", l == null ? void 0 : l.form),
+            className: d("flex w-[328px] flex-col gap-y-6", "desktop:w-[524px] desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
               n.enabled && /* @__PURE__ */ r.jsx(
                 Se,
                 {
                   progress: I,
-                  topContent: /* @__PURE__ */ r.jsx(gt, { html: n.title }),
-                  bottomContent: /* @__PURE__ */ r.jsx(gt, { html: n.subtitle }),
+                  topContent: /* @__PURE__ */ r.jsx(bt, { html: n.title }),
+                  bottomContent: /* @__PURE__ */ r.jsx(bt, { html: n.subtitle }),
                   maxPercent: n.maxPercent,
                   classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ r.jsx(pt, { control: b, fields: e }),
+              /* @__PURE__ */ r.jsx(xe, { control: b, fields: e }),
               /* @__PURE__ */ r.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
-                en(o, p, x, l == null ? void 0 : l.approvement),
+                en(o, h, p, l == null ? void 0 : l.approvement),
                 /* @__PURE__ */ r.jsx(
-                  jt,
+                  gt,
                   {
                     ...m,
                     type: "submit",
-                    disabled: o.type === "checkbox" ? !p : !1,
-                    className: a(
+                    disabled: o.type === "checkbox" ? !h : !1,
+                    className: d(
                       "w-full whitespace-nowrap",
                       {
                         "w-full desktop:w-[216px]": !!o
@@ -2204,11 +2204,11 @@ const Jr = ({ promises: e }) => {
       text: "Вернуться на главную"
     }
   }
-}), io = ({ status: e, navigationFn: t }) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ r.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), ro = ({ status: e, navigationFn: t }) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ r.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ r.jsx(
     "span",
     {
-      className: a(
+      className: d(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
         `${dt()[e].icon.bg}`
       ),
@@ -2219,65 +2219,65 @@ const Jr = ({ promises: e }) => {
     /* @__PURE__ */ r.jsx(H, { as: "h2", children: dt()[e].title }),
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: dt()[e].description })
   ] }),
-  /* @__PURE__ */ r.jsx(jt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: dt()[e].button.text })
-] }) }) }), xe = ({ breadcrumb: e, className: t, ...n }) => /* @__PURE__ */ r.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...n, children: e.label }), rn = ({ startsWith: e, endsWith: t, matcher: n, filter: o, rootEnabled: i = !0 }) => {
-  const [d, l] = z([]);
-  return re(() => {
-    if (!oe)
+  /* @__PURE__ */ r.jsx(gt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: dt()[e].button.text })
+] }) }) }), pe = ({ breadcrumb: e, className: t, ...n }) => /* @__PURE__ */ r.jsx("a", { href: e.path, className: d("desk-body-regular-m", t), ...n, children: e.label }), rn = ({ startsWith: e, endsWith: t, matcher: n, filter: o, rootEnabled: i = !0 }) => {
+  const [a, l] = z([]);
+  return te(() => {
+    if (!re)
       return;
-    let u = window.location.pathname.split("/").filter((x) => !s.isStringEmpty(x));
-    s.isUndefined(e) || (s.isString(e) ? u = u.slice(u.findIndex((x) => x === e)) : u = u.slice(e)), s.isUndefined(t) || (s.isString(t) ? u = u.slice(0, u.findIndex((x) => x === t) + 1) : u = u.slice(0, t + 1));
-    let m = [], p = "";
+    let u = window.location.pathname.split("/").filter((p) => !s.isStringEmpty(p));
+    s.isUndefined(e) || (s.isString(e) ? u = u.slice(u.findIndex((p) => p === e)) : u = u.slice(e)), s.isUndefined(t) || (s.isString(t) ? u = u.slice(0, u.findIndex((p) => p === t) + 1) : u = u.slice(0, t + 1));
+    let m = [], h = "";
     if (i) {
-      const x = {
+      const p = {
         index: 0,
-        id: Lt(),
+        id: Dt(),
         path: "/",
         label: "home"
       };
-      m.push(x);
+      m.push(p);
     }
-    u.forEach((x, c) => {
-      p += `/${x}`;
+    u.forEach((p, c) => {
+      h += `/${p}`;
       const b = {
         // while root enabled we need to increment index
         // cuz we have root breadcrumb
         index: i ? c + 1 : c,
-        id: Lt(),
-        path: p,
-        label: x
+        id: Dt(),
+        path: h,
+        label: p
       };
       m.push(b);
-    }), n && (m = m.map((x) => ({
-      ...x,
-      ...n(x)
+    }), n && (m = m.map((p) => ({
+      ...p,
+      ...n(p)
     }))), l(o ? m.filter(o) : m);
-  }, [t, o, n, i, e]), d;
-}, bt = (e, t, n, o) => e.map((i, d) => {
-  const l = d === o;
+  }, [t, o, n, i, e]), a;
+}, ft = (e, t, n, o) => e.map((i, a) => {
+  const l = a === o;
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ r.jsx(
-      xe,
+      pe,
       {
         breadcrumb: i,
-        className: a(n, {
+        className: d(n, {
           "pointer-events-none text-color-primary-disabled": l
         })
       }
     ),
-    d !== e.length - 1 && t
+    a !== e.length - 1 && t
   ] }, i.id);
 }), nn = ({ separator: e, ellipsis: t, classes: n, ...o }) => {
-  const [i, d] = z(!1), l = Ot(null);
-  ze(l, () => d(!1));
-  const u = rn(o), { first: m, middle: p, last: x } = Ft(() => {
+  const [i, a] = z(!1), l = Tt(null);
+  ze(l, () => a(!1));
+  const u = rn(o), { first: m, middle: h, last: p } = Ft(() => {
     let b = [], w = [], v = [];
     return t && (b = u.slice(0, t), w = u.slice(t, u.length - t), v = u.slice(u.length - t)), { first: b, middle: w, last: v };
-  }, [u, t]), c = e ?? /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: a("size-4", n == null ? void 0 : n.separator) });
+  }, [u, t]), c = e ?? /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: d("size-4", n == null ? void 0 : n.separator) });
   return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: a(
+      className: d(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
         n == null ? void 0 : n.root
@@ -2288,16 +2288,16 @@ const Jr = ({ promises: e }) => {
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            bt(m, c, n == null ? void 0 : n.breadcrumb),
+            ft(m, c, n == null ? void 0 : n.breadcrumb),
             c,
-            p.length > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            h.length > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
               /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ r.jsx("button", { onClick: () => d(!0), children: "..." }),
+                /* @__PURE__ */ r.jsx("button", { onClick: () => a(!0), children: "..." }),
                 /* @__PURE__ */ r.jsx(
                   "ul",
                   {
                     ref: l,
-                    className: a(
+                    className: d(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -2305,11 +2305,11 @@ const Jr = ({ promises: e }) => {
                         "visible opacity-100": i
                       }
                     ),
-                    children: p.map((b) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-                      xe,
+                    children: h.map((b) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                      pe,
                       {
                         breadcrumb: b,
-                        className: a(
+                        className: d(
                           "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",
@@ -2322,28 +2322,28 @@ const Jr = ({ promises: e }) => {
               ] }),
               c
             ] }),
-            bt(x, c, n == null ? void 0 : n.breadcrumb, x.length - 1)
+            ft(p, c, n == null ? void 0 : n.breadcrumb, p.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          bt(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
+          ft(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        bt(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
+        ft(u, c, n == null ? void 0 : n.breadcrumb, u.length - 1)
       )
     }
   );
 };
-var lt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(lt || {});
+var ut = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(ut || {});
 const on = (e, t) => {
   switch (t.type) {
-    case lt.ROOT:
+    case ut.ROOT:
       return {
         ...e,
         root: t.payload
       };
-    case lt.CURRENT:
+    case ut.CURRENT:
       return {
         ...e,
         current: t.payload
@@ -2351,20 +2351,20 @@ const on = (e, t) => {
     default:
       return e;
   }
-}, dn = (e) => {
+}, an = (e) => {
   const [t, n] = He(on, e);
   return [t, n];
-}, an = (e) => ({
-  type: lt.CURRENT,
+}, dn = (e) => ({
+  type: ut.CURRENT,
   payload: e
 }), ln = (e) => ({
-  type: lt.ROOT,
+  type: ut.ROOT,
   payload: e
 }), un = ({ categories: e, ...t }) => {
   var n, o;
-  return le(
+  return de(
     /* @__PURE__ */ r.jsx(
-      Et.div,
+      Mt.div,
       {
         ...t,
         layout: !0,
@@ -2374,10 +2374,10 @@ const on = (e, t) => {
         className: "absolute bg-color-white",
         children: /* @__PURE__ */ r.jsx("div", { className: "flex w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
           var l;
-          const d = 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(
-              d,
+              a,
               {
                 href: ((l = i.link) == null ? void 0 : l.href) ?? void 0,
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
@@ -2401,13 +2401,13 @@ const on = (e, t) => {
     ((o = (n = document.body.querySelector("#modal-preview")) == null ? void 0 : n.contentDocument) == null ? void 0 : o.body) ?? document.body
   );
 }, mn = De(({ category: e, active: t, onActiveTabChange: n }, o) => {
-  var m, p;
-  const i = o && "current" in o ? o : null, d = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = t && !s.isArrayEmpty(e.children), u = s.isArrayEmpty(e.children) ? "a" : "span";
+  var m, h;
+  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = t && !s.isArrayEmpty(e.children), u = s.isArrayEmpty(e.children) ? "a" : "span";
   return /* @__PURE__ */ r.jsxs(
-    Et.div,
+    Mt.div,
     {
       ref: o,
-      className: a(
+      className: d(
         "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",
@@ -2420,14 +2420,14 @@ const on = (e, t) => {
       onMouseLeave: () => n(null),
       onFocus: () => n(e.title),
       children: [
-        /* @__PURE__ */ r.jsx(u, { href: u === "a" ? (p = e.link) == null ? void 0 : p.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
+        /* @__PURE__ */ r.jsx(u, { href: u === "a" ? (h = e.link) == null ? void 0 : h.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
         l && /* @__PURE__ */ r.jsx(
           un,
           {
             categories: e.children,
             style: {
-              top: d ? d.top + d.height : 0,
-              left: d ? d.left : 0,
+              top: a ? a.top + a.height : 0,
+              left: a ? a.left : 0,
               width: window.innerWidth
             }
           }
@@ -2435,10 +2435,10 @@ const on = (e, t) => {
       ]
     }
   );
-}), pn = ne(mn), hn = ({ categories: e }) => {
-  const [t, n] = z(null), o = te((d) => {
-    n(d);
-  }, []), i = Ot(null);
+}), hn = ee(mn), xn = ({ categories: e }) => {
+  const [t, n] = z(null), o = Yt((a) => {
+    n(a);
+  }, []), i = Tt(null);
   return /* @__PURE__ */ r.jsx(Be, { mode: "sync", children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -2446,35 +2446,35 @@ const on = (e, t) => {
       id: "tabs",
       className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
       children: [
-        e.map((d) => /* @__PURE__ */ r.jsx(
-          pn,
+        e.map((a) => /* @__PURE__ */ r.jsx(
+          hn,
           {
             ref: i,
-            category: d,
-            active: t === d.title,
+            category: a,
+            active: t === a.title,
             onActiveTabChange: o
           },
-          d.title
+          a.title
         )),
         /* @__PURE__ */ r.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
       ]
     }
   ) });
-}, xn = ne(hn), cn = ({
+}, pn = ee(xn), cn = ({
   category: e,
   selectedCategory: t,
   onCurrentCategoryChange: n,
   onRootCategoryChange: o,
   active: i,
-  ...d
+  ...a
 }) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    ...d,
+    ...a,
     onClick: () => {
       n(e.children[0]), o(e);
     },
-    className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+    className: d("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
@@ -2482,7 +2482,7 @@ const on = (e, t) => {
       e.children.length > 1 && /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: a(
+          className: d(
             "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"
@@ -2493,7 +2493,7 @@ const on = (e, t) => {
               onClick: (u) => {
                 u.stopPropagation(), u.nativeEvent.stopPropagation(), o(e), n(l);
               },
-              className: a(
+              className: d(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
                 {
                   "text-color-primary-default": t.title === l.title
@@ -2508,36 +2508,36 @@ const on = (e, t) => {
     ]
   }
 ), fn = ({ categories: e, helpers: t, phone: n }) => {
-  const [o, i] = dn({ root: e[0].children[0], current: e[0].children[0] });
+  const [o, i] = an({ root: e[0].children[0], current: e[0].children[0] });
   return /* @__PURE__ */ r.jsxs(r.Fragment, { 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(f, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
-      e.map((d) => {
-        const l = o.root.title === d.title;
+      e.map((a) => {
+        const l = o.root.title === a.title;
         return /* @__PURE__ */ r.jsx(
           cn,
           {
-            category: d,
+            category: a,
             selectedCategory: o.current,
-            onCurrentCategoryChange: (u) => i(an(u)),
+            onCurrentCategoryChange: (u) => i(dn(u)),
             onRootCategoryChange: (u) => i(ln(u)),
             active: l
           },
-          d.title
+          a.title
         );
       }),
       /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      t.map((d) => /* @__PURE__ */ r.jsxs(
+      t.map((a) => /* @__PURE__ */ r.jsxs(
         "a",
         {
-          href: d.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: [
-            d.link.icon && /* @__PURE__ */ r.jsx(f, { name: d.link.icon, className: "size-4" }),
-            d.title
+            a.link.icon && /* @__PURE__ */ r.jsx(f, { name: a.link.icon, className: "size-4" }),
+            a.title
           ]
         },
-        d.title
+        a.title
       )),
       /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
       /* @__PURE__ */ r.jsx(
@@ -2545,14 +2545,14 @@ const on = (e, t) => {
         {
           href: `tel:${n}`,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
-          children: st(n, "x xxx xxx xx xx")
+          children: yt(n, "x xxx xxx xx xx")
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(xn, { categories: o.current.children })
+    /* @__PURE__ */ r.jsx(pn, { categories: o.current.children })
   ] });
 }, bn = ({ category: e }) => /* @__PURE__ */ r.jsx(
-  nt,
+  ot,
   {
     label: e.title ?? "",
     icon: /* @__PURE__ */ r.jsx(f, { name: "arrows/arrowRight", className: "-rotate-90" }),
@@ -2562,7 +2562,7 @@ const on = (e, t) => {
         trigger: "py-2 data-[open=false]:bg-color-white",
         label: "desk-body-regular-m"
       },
-      content: a(
+      content: d(
         "relative",
         'after:content-"" after:absolute after:w-[calc(100%-32px)]',
         "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
@@ -2584,9 +2584,9 @@ const on = (e, t) => {
             ]
           }
         ),
-        t.children.map((d) => {
+        t.children.map((a) => {
           var l;
-          return /* @__PURE__ */ r.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ r.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full", children: d.title }) }, d.title);
+          return /* @__PURE__ */ r.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ r.jsx("a", { href: (l = a.link) == null ? void 0 : l.href, className: "w-full", children: a.title }) }, a.title);
         })
       ] }, t.title);
     }) })
@@ -2596,17 +2596,17 @@ const on = (e, t) => {
   value: t.title ?? "",
   label: t.title ?? ""
 })), jn = ({ categories: e, helpers: t, phone: n, ...o }) => {
-  const i = gn(e), [d, l] = z(i[0]), u = (p) => {
-    s.isUndefined(p) || s.isArray(p) || l(p);
+  const i = gn(e), [a, l] = z(i[0]), u = (h) => {
+    s.isUndefined(h) || s.isArray(h) || l(h);
   }, m = Ft(() => {
-    var p;
-    return s.isUndefined(d) || s.isArray(d) ? [] : ((p = e.find((x) => x.title === d.value)) == null ? void 0 : p.children) ?? [];
-  }, [d, e]);
+    var h;
+    return s.isUndefined(a) || s.isArray(a) ? [] : ((h = e.find((p) => p.title === a.value)) == null ? void 0 : h.children) ?? [];
+  }, [a, e]);
   return /* @__PURE__ */ r.jsxs(
-    Et.div,
+    Mt.div,
     {
       ...o,
-      className: a(
+      className: d(
         "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",
@@ -2615,35 +2615,35 @@ const on = (e, t) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ r.jsx(Gt.SelectBase, { label: "Категория", options: i, value: d, onChange: u }),
-        /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((p) => {
-          var x;
-          return s.isArrayEmpty(p.children) ? /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsx("a", { href: (x = p.link) == null ? void 0 : x.href, className: "desk-body-regular-m inline-block w-full", children: p.title }) }, p.title) : /* @__PURE__ */ r.jsx(bn, { category: p }, p.title);
+        /* @__PURE__ */ r.jsx(Jt.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((h) => {
+          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(bn, { category: h }, h.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: [
-          t.map((p) => {
-            var x, c;
-            return /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: (x = p.link) == null ? void 0 : x.href, className: "flex w-full items-center gap-x-1", children: [
-              ((c = p.link) == null ? void 0 : c.icon) && /* @__PURE__ */ r.jsx(f, { name: p.link.icon, className: "size-4" }),
-              p.title
-            ] }) }, p.title);
+          t.map((h) => {
+            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(f, { name: h.link.icon, className: "size-4" }),
+              h.title
+            ] }) }, h.title);
           }),
           /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: `tel:${n}`, className: "flex w-full items-center gap-x-1", children: [
             /* @__PURE__ */ r.jsx(f, { name: "communication/phone", className: "size-4" }),
-            st(n)
+            yt(n)
           ] }) })
         ] })
       ]
     }
   );
 }, yn = ({ categories: e, helpers: t, phone: n }) => {
-  var m, p, x;
-  const o = Ot(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [d, l] = z(!1), u = () => l(!d);
+  var m, h, p;
+  const o = Tt(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, l] = z(!1), u = () => l(!a);
   return /* @__PURE__ */ r.jsxs("div", { ref: o, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
     /* @__PURE__ */ r.jsx(f, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-    /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(f, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-    d && le(
+    /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(f, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+    a && de(
       /* @__PURE__ */ r.jsx(
         jn,
         {
@@ -2656,11 +2656,11 @@ const on = (e, t) => {
       /**
        * Нужно для preview, чтобы категории рендерились в iframe
        */
-      ((x = (p = document.body.querySelector("#modal-preview")) == null ? void 0 : p.contentDocument) == null ? void 0 : x.body) ?? document.body
+      ((p = (h = document.body.querySelector("#modal-preview")) == null ? void 0 : h.contentDocument) == null ? void 0 : p.body) ?? document.body
     )
   ] });
-}, ao = ({ categories: e, helpers: t, phone: n }) => {
-  const { isMobile: o } = Y();
+}, no = ({ categories: e, helpers: t, phone: n }) => {
+  const { isMobile: o } = G();
   return /* @__PURE__ */ r.jsxs("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
     o ? /* @__PURE__ */ r.jsx(yn, { categories: e.map((i) => i.children).flat(), helpers: t, phone: n }) : /* @__PURE__ */ r.jsx(fn, { categories: e, helpers: t, phone: n }),
     /* @__PURE__ */ r.jsx(
@@ -2685,7 +2685,7 @@ const on = (e, t) => {
       break;
   }
   return new Intl.NumberFormat("ru-RU", o).format(n);
-}, sn = (e) => Object.values(e).reduce((n, o) => n.merge(me(o.fields)), Ve.object({})), kn = (e, t) => {
+}, sn = (e) => Object.values(e).reduce((n, o) => n.merge(ue(o.fields)), Ve.object({})), kn = (e, t) => {
   const o = (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t));
   if (o.length > 0)
     throw new Error(`Отсутствуют переменные для калькулятора: ${o.join(", ")}`);
@@ -2702,11 +2702,11 @@ const on = (e, t) => {
 ] }) }), Nn = ({ topDescription: e, rootValue: t, suffix: n }) => /* @__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: e }),
   /* @__PURE__ */ r.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ r.jsx("span", { children: fe(n, Number(t)) }) })
-] }), Cn = ({ hint: e, value: t, label: n, suffix: o, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+] }), Cn = ({ hint: e, value: t, label: n, suffix: o, 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: n }),
     e && /* @__PURE__ */ r.jsx(
-      Mt,
+      Ct,
       {
         withCloseBtn: !1,
         triggerElement: /* @__PURE__ */ r.jsx(f, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
@@ -2717,33 +2717,33 @@ const on = (e, t) => {
   /* @__PURE__ */ r.jsx(
     "span",
     {
-      className: a("desk-body-regular-l text-color-dark", {
-        "[&&]:desk-title-bold-s": d,
+      className: d("desk-body-regular-l text-color-dark", {
+        "[&&]:desk-title-bold-s": a,
         "text-color-primary-default": i === "blue"
       }),
       children: fe(o, Number(t))
     }
   )
 ] }), In = ({ infoList: e }) => {
-  const { watch: t } = mt(), n = t(), o = wn(e, n);
+  const { watch: t } = oe(), n = t(), o = wn(e, n);
   return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ r.jsx(Cn, { ...i }, i.label)) });
 }, Mn = ({ iconName: e, text: t, hint: n }) => /* @__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(f, { name: e, className: "size-6 text-icon-blue-grey-800" }),
     /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: t })
   ] }),
-  n && /* @__PURE__ */ r.jsx(Mt, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: n }) })
-] }), Tn = ({ assistHint: e, buttonProps: t, bottomDescription: n }) => /* @__PURE__ */ r.jsxs("div", { children: [
+  n && /* @__PURE__ */ r.jsx(Ct, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: n }) })
+] }), Fn = ({ assistHint: e, buttonProps: t, bottomDescription: n }) => /* @__PURE__ */ r.jsxs("div", { children: [
   e && /* @__PURE__ */ r.jsx(Mn, { ...e }),
-  t && /* @__PURE__ */ r.jsx(jt, { className: "w-full", ...t, children: t.children }),
+  t && /* @__PURE__ */ r.jsx(gt, { className: "w-full", ...t, children: t.children }),
   n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: n })
-] }), En = ({
+] }), Tn = ({
   topDescription: e,
   bottomDescription: t,
   rootValue: n,
   title: o,
   subtitle: i,
-  buttonProps: d,
+  buttonProps: a,
   infoList: l,
   suffix: u,
   assistHint: m
@@ -2751,8 +2751,8 @@ const on = (e, t) => {
   /* @__PURE__ */ r.jsx(Nn, { suffix: u, rootValue: n, topDescription: e }),
   /* @__PURE__ */ r.jsx(vn, { title: o, subtitle: i }),
   /* @__PURE__ */ r.jsx(In, { infoList: l }),
-  /* @__PURE__ */ r.jsx(Tn, { assistHint: m, buttonProps: d, bottomDescription: t })
-] }), Fn = (e) => {
+  /* @__PURE__ */ r.jsx(Fn, { assistHint: m, buttonProps: a, bottomDescription: t })
+] }), En = (e) => {
   switch (e) {
     case "content1":
       return /* @__PURE__ */ r.jsx("div", { children: "content 1" });
@@ -2760,75 +2760,69 @@ const on = (e, t) => {
       return /* @__PURE__ */ r.jsx("div", { children: "content 2" });
   }
 }, On = ({ triggerText: e, modalTitle: t, description: n, contentVariant: o }) => {
-  const [i, d] = Ue(!1);
+  const [i, a] = Ue(!1);
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
     n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: n }),
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => d(!0),
+        onClick: () => a(!0),
         className: "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
         children: e
       }
     ),
-    /* @__PURE__ */ r.jsx(Re, { title: t, isModalOpen: i, closeModal: () => d(!1), children: Fn(o) })
+    /* @__PURE__ */ r.jsx(Re, { title: t, isModalOpen: i, closeModal: () => a(!1), children: En(o) })
   ] });
-}, Nt = ({ fields: e }) => {
-  const { control: t } = mt();
-  return /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-4", children: /* @__PURE__ */ r.jsx(pt, { control: t, fields: e }) });
-}, Sn = ({ fields: e }) => {
-  const { control: t } = mt();
-  return /* @__PURE__ */ r.jsx(pt, { control: t, fields: e });
-}, Bn = ({ fields: e }) => {
-  const { control: t } = mt();
-  return /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(pt, { control: t, fields: e }) });
-}, Rn = ({ fields: e }) => {
-  const { control: t } = mt();
-  return /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(pt, { control: t, fields: e }) });
-}, _n = ({ modalConfig: e, fieldsGroup: t }) => /* @__PURE__ */ r.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
+}, X = ({ fields: e }) => {
+  const { control: t } = oe();
+  return /* @__PURE__ */ r.jsx(xe, { control: t, fields: e });
+}, Sn = ({ modalConfig: e, fieldsGroup: t }) => /* @__PURE__ */ r.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
   e && /* @__PURE__ */ r.jsx(On, { ...e }),
-  /* @__PURE__ */ r.jsx(Sn, { ...t == null ? void 0 : t.slidersGroupConfig }),
-  (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ r.jsx(Nt, { ...t == null ? void 0 : t.radioGroupTabConfig }),
-  (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ r.jsx(Bn, { ...t == null ? void 0 : t.checkboxGroupConfig }),
-  (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ r.jsx(Nt, { ...t == null ? void 0 : t.radioGroupConfig }),
-  (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ r.jsx(Nt, { ...t == null ? void 0 : t.radioGroupCardConfig }),
-  (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ r.jsx(Rn, { ...t == null ? void 0 : t.switchGroupConfig })
-] }), Hn = ({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: n }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: e == null ? void 0 : e.map(({ value: o, label: i }) => /* @__PURE__ */ r.jsx(
+  (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.selectGroupConfig }) }),
+  (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.slidersGroupConfig }),
+  (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.radioGroupTabConfig }),
+  (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
+  (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.radioGroupConfig }),
+  (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.radioGroupCardConfig }),
+  (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(X, { ...t == null ? void 0 : t.switchGroupConfig }) })
+] }), Bn = ({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: n }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: e == null ? void 0 : e.map(({ value: o, label: i }) => /* @__PURE__ */ r.jsx(
   "button",
   {
     onClick: () => n(o),
-    className: a(
+    className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
       { "bg-icon-primary-default text-color-white": t === o }
     ),
     children: i
   },
   o
-)) }), Dn = ({ calculatedInfoConfig: e, rootCalculatorConfig: t }) => {
-  const n = sn(t.fieldsGroup), o = ie({
+)) }), Rn = ({ calculatedInfoConfig: e, rootCalculatorConfig: t }) => {
+  const n = sn(t.fieldsGroup), o = ne({
     schema: n,
     mode: "onBlur",
     defaultValues: ae.getZodDefaults(n)
-  }), i = o.watch(), { rootValue: d } = e, l = ce(d) ? be(d.formula, i) : d, u = { ...e, rootValue: l };
+  }), i = o.watch();
+  console.log(i, "@watchedFields");
+  const { rootValue: a } = e, l = ce(a) ? be(a.formula, i) : a, u = { ...e, rootValue: l };
   return /* @__PURE__ */ r.jsx(Qe, { ...o, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-16", children: [
-    /* @__PURE__ */ r.jsx(_n, { ...t }),
-    /* @__PURE__ */ r.jsx(En, { ...u })
+    /* @__PURE__ */ r.jsx(Sn, { ...t }),
+    /* @__PURE__ */ r.jsx(Tn, { ...u })
   ] }) });
-}, lo = ({ calculators: e, calculatorTabs: t, headline: n }) => {
+}, oo = ({ calculators: e, calculatorTabs: t, headline: n }) => {
   var u;
-  const o = t && t.length > 1 && e.length > 1, [i, d] = z(o ? (u = t[0]) == null ? void 0 : u.value : ""), l = o ? e[t.findIndex((m) => m.value === i)] : e[0];
+  const o = t && t.length > 1 && e.length > 1, [i, a] = z(o ? (u = t[0]) == null ? void 0 : u.value : ""), l = o ? e[t.findIndex((m) => m.value === i)] : e[0];
   return /* @__PURE__ */ r.jsx("section", { id: g.calculator, children: /* @__PURE__ */ r.jsx(S, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
     /* @__PURE__ */ r.jsx(H, { className: "mb-12", as: "h2", children: n }),
     o && /* @__PURE__ */ r.jsx(
-      Hn,
+      Bn,
       {
         calculatorTabs: t,
         activeCalculator: i,
-        setActiveCalculator: d
+        setActiveCalculator: a
       }
     ),
     l && /* @__PURE__ */ r.jsx(
-      Dn,
+      Rn,
       {
         calculatedInfoConfig: l.calculatedInfoConfig,
         rootCalculatorConfig: l.rootCalculatorConfig
@@ -2838,29 +2832,29 @@ const on = (e, t) => {
   ] }) }) });
 };
 export {
-  Ct as Advantages,
-  eo as AuthProvider,
-  Jn as Banner,
-  At as BannerWithSeparateImg,
-  Zn as Benefit,
+  vt as Advantages,
+  Yn as AuthProvider,
+  Kn as Banner,
+  zt as BannerWithSeparateImg,
+  Wn as Benefit,
   nn as Breadcrumbs,
-  J as ButtonWithHandlers,
-  Dn as Calculator,
-  lo as CalculatorRoot,
-  oo as DynamicForm,
-  io as FallbacksView,
-  pt as FieldMapper,
-  Yn as Footer,
+  Y as ButtonWithHandlers,
+  Rn as Calculator,
+  oo as CalculatorRoot,
+  eo as DynamicForm,
+  ro as FallbacksView,
+  xe as FieldMapper,
+  Zn as Footer,
   Xr as HTMLParser,
-  gt as HTMLRenderer,
-  Xn as Header,
-  ro as InterLinking,
-  to as LongBanner,
-  ao as SeoHeader,
-  Gn as Stepper,
-  no as UsefulInfo,
+  bt as HTMLRenderer,
+  $n as Header,
+  Gn as InterLinking,
+  Jn as LongBanner,
+  no as SeoHeader,
+  Xn as Stepper,
+  to as UsefulInfo,
   Ye as WIDGET_LIST,
-  me as getDynamicSchema,
+  ue as getDynamicSchema,
   Gr as queryClient,
   g as widgetIds
 };