@scbt-ecom/ui 0.85.1 → 0.86.1

package/dist/widget.js

@@ -1,35 +1,35 @@
 var De = Object.defineProperty;
-var Qt = (e) => {
+var Vt = (e) => {
   throw TypeError(e);
 };
 var He = (e, t, r) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Nt = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), Ct = (e, t, r) => t.has(e) || Qt("Cannot " + r);
-var h = (e, t, r) => (Ct(e, t, "read from private field"), r ? r.call(e) : t.get(e)), M = (e, t, r) => t.has(e) ? Qt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), w = (e, t, r, n) => (Ct(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), q = (e, t, r) => (Ct(e, t, "access private method"), r);
+var St = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), _t = (e, t, r) => t.has(e) || Vt("Cannot " + r);
+var h = (e, t, r) => (_t(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? Vt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), j = (e, t, r, n) => (_t(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), q = (e, t, r) => (_t(e, t, "access private method"), r);
 var bt = (e, t, r, n) => ({
   set _(i) {
-    w(e, t, i, r);
+    j(e, t, i, r);
   },
   get _() {
     return h(e, t, n);
   }
 });
 import { j as o } from "./mergeRefs-Danc3mp8.js";
-import { S as ge, F as je, Q as Re, G as F, J as Vt, T as ze, W as Le, X as $t, Y as $, Z as Qe, _ as Ve, $ as $e, a0 as We, a1 as Wt, a2 as At, a3 as Ae, a4 as qt, a5 as Ut, a6 as qe, B as ht, c as D, R as B, n as ye, t as Ue, H as P, i as b, y as pt, q as Tt, L as Ke, o as Ot, A as dt, z as ke, a7 as Ze, r as Xe, U as yt, s as Ye, a8 as Ft, a9 as Je, M as Ge } from "./index-D-n_ZccO.js";
-import { c as a, T as O } from "./typeGuards-CSiImkUY.js";
-import * as ut from "react";
-import { lazy as E, useCallback as we, useState as A, useMemo as kt, createElement as Bt, useRef as Et, useReducer as se, memo as Pt, forwardRef as tr, useEffect as _t } from "react";
-import { i as Kt } from "./isClient-C9aZtt2Q.js";
-import { s as er, c as wt, a as rr, l as nr, r as ve } from "./renderImage-D1GvKq_K.js";
-import { u as at, b as Dt, a as or, g as vt, F as ir } from "./useDebounce-CEu2ysPk.js";
-import { z as Ne, Z as Ht } from "./index-BO81H324.js";
-import { au as Ce } from "./utils-CnDzHNQ6.js";
-import { a as dr, u as ar } from "./useFieldsProgress-DvWCpALA.js";
-import { createPortal as Ie } from "react-dom";
-var L, pe, lr = (pe = class extends ge {
+import { Y as be, Z as je, _ as Re, $ as O, a0 as $t, a1 as ze, a2 as Le, a3 as Wt, a4 as W, a5 as Qe, a6 as Ve, a7 as $e, a8 as We, a9 as At, aa as qt, ab as Ae, ac as Ut, ad as Kt, ae as qe, B as wt, c as D, R as T, n as ye, F as Ue, E as P, i as c, Q as pt, r as Ke, t as Ze, p as Bt, L as Ye, o as Et, A as at, U as ke, af as Xe, q as Je, W as vt, z as Ge, ag as Pt, ah as se, M as tr } from "./index-Bz84dAoh.js";
+import { c as a, T as _ } from "./typeGuards-CSiImkUY.js";
+import * as mt from "react";
+import { lazy as B, useCallback as we, useState as R, memo as Nt, useMemo as ft, createElement as Ct, useRef as Dt, useReducer as er, forwardRef as rr, useEffect as Ft } from "react";
+import { i as Zt } from "./isClient-C9aZtt2Q.js";
+import { s as nr, c as It, r as it, a as or, l as ir } from "./renderImage-D1GvKq_K.js";
+import { u as lt, b as Ht, a as dr, g as Mt, F as ar } from "./useDebounce-CEu2ysPk.js";
+import { z as ve, Z as Rt } from "./index-BO81H324.js";
+import { au as Ne } from "./utils-CnDzHNQ6.js";
+import { a as lr, u as ur } from "./useFieldsProgress-DvWCpALA.js";
+import { createPortal as Ce } from "react-dom";
+var Q, pe, mr = (pe = class extends be {
   constructor(t = {}) {
     super();
-    M(this, L);
-    this.config = t, w(this, L, /* @__PURE__ */ new Map());
+    N(this, Q);
+    this.config = t, j(this, Q, /* @__PURE__ */ new Map());
   }
   build(t, r, n) {
     const i = r.queryKey, d = r.queryHash ?? je(i, r);
@@ -44,67 +44,67 @@ var L, pe, lr = (pe = class extends ge {
     }), this.add(l)), l;
   }
   add(t) {
-    h(this, L).has(t.queryHash) || (h(this, L).set(t.queryHash, t), this.notify({
+    h(this, Q).has(t.queryHash) || (h(this, Q).set(t.queryHash, t), this.notify({
       type: "added",
       query: t
     }));
   }
   remove(t) {
-    const r = h(this, L).get(t.queryHash);
-    r && (t.destroy(), r === t && h(this, L).delete(t.queryHash), this.notify({ type: "removed", query: t }));
+    const r = h(this, Q).get(t.queryHash);
+    r && (t.destroy(), r === t && h(this, Q).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
-    F.batch(() => {
+    O.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
     });
   }
   get(t) {
-    return h(this, L).get(t);
+    return h(this, Q).get(t);
   }
   getAll() {
-    return [...h(this, L).values()];
+    return [...h(this, Q).values()];
   }
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => Vt(r, n)
+      (n) => $t(r, n)
     );
   }
   findAll(t = {}) {
     const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((n) => Vt(t, n)) : r;
+    return Object.keys(t).length > 0 ? r.filter((n) => $t(t, n)) : r;
   }
   notify(t) {
-    F.batch(() => {
+    O.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
     });
   }
   onFocus() {
-    F.batch(() => {
+    O.batch(() => {
       this.getAll().forEach((t) => {
         t.onFocus();
       });
     });
   }
   onOnline() {
-    F.batch(() => {
+    O.batch(() => {
       this.getAll().forEach((t) => {
         t.onOnline();
       });
     });
   }
-}, L = new WeakMap(), pe), Q, T, tt, V, U, fe, ur = (fe = class extends ze {
+}, Q = new WeakMap(), pe), V, S, s, $, U, fe, xr = (fe = class extends ze {
   constructor(t) {
     super();
-    M(this, V);
-    M(this, Q);
-    M(this, T);
-    M(this, tt);
-    this.mutationId = t.mutationId, w(this, T, t.mutationCache), w(this, Q, []), this.state = t.state || mr(), this.setOptions(t.options), this.scheduleGc();
+    N(this, $);
+    N(this, V);
+    N(this, S);
+    N(this, s);
+    this.mutationId = t.mutationId, j(this, S, t.mutationCache), j(this, V, []), this.state = t.state || hr(), this.setOptions(t.options), this.scheduleGc();
   }
   setOptions(t) {
     this.options = t, this.updateGcTime(this.options.gcTime);
@@ -113,114 +113,114 @@ var L, pe, lr = (pe = class extends ge {
     return this.options.meta;
   }
   addObserver(t) {
-    h(this, Q).includes(t) || (h(this, Q).push(t), this.clearGcTimeout(), h(this, T).notify({
+    h(this, V).includes(t) || (h(this, V).push(t), this.clearGcTimeout(), h(this, S).notify({
       type: "observerAdded",
       mutation: this,
       observer: t
     }));
   }
   removeObserver(t) {
-    w(this, Q, h(this, Q).filter((r) => r !== t)), this.scheduleGc(), h(this, T).notify({
+    j(this, V, h(this, V).filter((r) => r !== t)), this.scheduleGc(), h(this, S).notify({
       type: "observerRemoved",
       mutation: this,
       observer: t
     });
   }
   optionalRemove() {
-    h(this, Q).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, T).remove(this));
+    h(this, V).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, S).remove(this));
   }
   continue() {
     var t;
-    return ((t = h(this, tt)) == null ? void 0 : t.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    return ((t = h(this, s)) == 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, m, x, u, p, f, y, c, v, j, N, S, R, I, _, z, J, ft, ct;
+    var d, l, u, x, m, p, f, I, y, F, k, M, E, z, v, C, L, X, ct, gt;
     const r = () => {
-      q(this, V, U).call(this, { type: "continue" });
+      q(this, $, U).call(this, { type: "continue" });
     };
-    w(this, tt, Le({
+    j(this, s, Le({
       fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (C, G) => {
-        q(this, V, U).call(this, { type: "failed", failureCount: C, error: G });
+      onFail: (w, J) => {
+        q(this, $, U).call(this, { type: "failed", failureCount: w, error: J });
       },
       onPause: () => {
-        q(this, V, U).call(this, { type: "pause" });
+        q(this, $, U).call(this, { type: "pause" });
       },
       onContinue: r,
       retry: this.options.retry ?? 0,
       retryDelay: this.options.retryDelay,
       networkMode: this.options.networkMode,
-      canRun: () => h(this, T).canRun(this)
+      canRun: () => h(this, S).canRun(this)
     }));
-    const n = this.state.status === "pending", i = !h(this, tt).canStart();
+    const n = this.state.status === "pending", i = !h(this, s).canStart();
     try {
       if (n)
         r();
       else {
-        q(this, V, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, T).config).onMutate) == null ? void 0 : l.call(
+        q(this, $, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, S).config).onMutate) == null ? void 0 : l.call(
           d,
           t,
           this
         ));
-        const G = await ((x = (m = this.options).onMutate) == null ? void 0 : x.call(m, t));
-        G !== this.state.context && q(this, V, U).call(this, {
+        const J = await ((x = (u = this.options).onMutate) == null ? void 0 : x.call(u, t));
+        J !== this.state.context && q(this, $, U).call(this, {
           type: "pending",
-          context: G,
+          context: J,
           variables: t,
           isPaused: i
         });
       }
-      const C = await h(this, tt).start();
-      return await ((p = (u = h(this, T).config).onSuccess) == null ? void 0 : p.call(
-        u,
-        C,
+      const w = await h(this, s).start();
+      return await ((p = (m = h(this, S).config).onSuccess) == null ? void 0 : p.call(
+        m,
+        w,
         t,
         this.state.context,
         this
-      )), await ((y = (f = this.options).onSuccess) == null ? void 0 : y.call(f, C, t, this.state.context)), await ((v = (c = h(this, T).config).onSettled) == null ? void 0 : v.call(
-        c,
-        C,
+      )), await ((I = (f = this.options).onSuccess) == null ? void 0 : I.call(f, w, t, this.state.context)), await ((F = (y = h(this, S).config).onSettled) == null ? void 0 : F.call(
+        y,
+        w,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((N = (j = this.options).onSettled) == null ? void 0 : N.call(j, C, null, t, this.state.context)), q(this, V, U).call(this, { type: "success", data: C }), C;
-    } catch (C) {
+      )), await ((M = (k = this.options).onSettled) == null ? void 0 : M.call(k, w, null, t, this.state.context)), q(this, $, U).call(this, { type: "success", data: w }), w;
+    } catch (w) {
       try {
-        throw await ((R = (S = h(this, T).config).onError) == null ? void 0 : R.call(
-          S,
-          C,
+        throw await ((z = (E = h(this, S).config).onError) == null ? void 0 : z.call(
+          E,
+          w,
           t,
           this.state.context,
           this
-        )), await ((_ = (I = this.options).onError) == null ? void 0 : _.call(
-          I,
-          C,
+        )), await ((C = (v = this.options).onError) == null ? void 0 : C.call(
+          v,
+          w,
           t,
           this.state.context
-        )), await ((J = (z = h(this, T).config).onSettled) == null ? void 0 : J.call(
-          z,
+        )), await ((X = (L = h(this, S).config).onSettled) == null ? void 0 : X.call(
+          L,
           void 0,
-          C,
+          w,
           this.state.variables,
           this.state.context,
           this
-        )), await ((ct = (ft = this.options).onSettled) == null ? void 0 : ct.call(
-          ft,
+        )), await ((gt = (ct = this.options).onSettled) == null ? void 0 : gt.call(
+          ct,
           void 0,
-          C,
+          w,
           t,
           this.state.context
-        )), C;
+        )), w;
       } finally {
-        q(this, V, U).call(this, { type: "error", error: C });
+        q(this, $, U).call(this, { type: "error", error: w });
       }
     } finally {
-      h(this, T).runNext(this);
+      h(this, S).runNext(this);
     }
   }
-}, Q = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), V = new WeakSet(), U = function(t) {
+}, V = new WeakMap(), S = new WeakMap(), s = new WeakMap(), $ = new WeakSet(), U = function(t) {
   const r = (n) => {
     switch (t.type) {
       case "failed":
@@ -274,17 +274,17 @@ var L, pe, lr = (pe = class extends ge {
         };
     }
   };
-  this.state = r(this.state), F.batch(() => {
-    h(this, Q).forEach((n) => {
+  this.state = r(this.state), O.batch(() => {
+    h(this, V).forEach((n) => {
       n.onMutationUpdate(t);
-    }), h(this, T).notify({
+    }), h(this, S).notify({
       mutation: this,
       type: "updated",
       action: t
     });
   });
 }, fe);
-function mr() {
+function hr() {
   return {
     context: void 0,
     data: void 0,
@@ -297,26 +297,26 @@ function mr() {
     submittedAt: 0
   };
 }
-var W, H, xt, ce, xr = (ce = class extends ge {
+var A, H, ht, ce, pr = (ce = class extends be {
   constructor(t = {}) {
     super();
-    M(this, W);
-    M(this, H);
-    M(this, xt);
-    this.config = t, w(this, W, /* @__PURE__ */ new Set()), w(this, H, /* @__PURE__ */ new Map()), w(this, xt, 0);
+    N(this, A);
+    N(this, H);
+    N(this, ht);
+    this.config = t, j(this, A, /* @__PURE__ */ new Set()), j(this, H, /* @__PURE__ */ new Map()), j(this, ht, 0);
   }
   build(t, r, n) {
-    const i = new ur({
+    const i = new xr({
       mutationCache: this,
-      mutationId: ++bt(this, xt)._,
+      mutationId: ++bt(this, ht)._,
       options: t.defaultMutationOptions(r),
       state: n
     });
     return this.add(i), i;
   }
   add(t) {
-    h(this, W).add(t);
-    const r = gt(t);
+    h(this, A).add(t);
+    const r = jt(t);
     if (typeof r == "string") {
       const n = h(this, H).get(r);
       n ? n.push(t) : h(this, H).set(r, [t]);
@@ -324,8 +324,8 @@ var W, H, xt, ce, xr = (ce = class extends ge {
     this.notify({ type: "added", mutation: t });
   }
   remove(t) {
-    if (h(this, W).delete(t)) {
-      const r = gt(t);
+    if (h(this, A).delete(t)) {
+      const r = jt(t);
       if (typeof r == "string") {
         const n = h(this, H).get(r);
         if (n)
@@ -338,7 +338,7 @@ var W, H, xt, ce, xr = (ce = class extends ge {
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
-    const r = gt(t);
+    const r = jt(t);
     if (typeof r == "string") {
       const n = h(this, H).get(r), i = n == null ? void 0 : n.find(
         (d) => d.state.status === "pending"
@@ -349,7 +349,7 @@ var W, H, xt, ce, xr = (ce = class extends ge {
   }
   runNext(t) {
     var n;
-    const r = gt(t);
+    const r = jt(t);
     if (typeof r == "string") {
       const i = (n = h(this, H).get(r)) == null ? void 0 : n.find((d) => d !== t && d.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
@@ -357,26 +357,26 @@ var W, H, xt, ce, xr = (ce = class extends ge {
       return Promise.resolve();
   }
   clear() {
-    F.batch(() => {
-      h(this, W).forEach((t) => {
+    O.batch(() => {
+      h(this, A).forEach((t) => {
         this.notify({ type: "removed", mutation: t });
-      }), h(this, W).clear(), h(this, H).clear();
+      }), h(this, A).clear(), h(this, H).clear();
     });
   }
   getAll() {
-    return Array.from(h(this, W));
+    return Array.from(h(this, A));
   }
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => $t(r, n)
+      (n) => Wt(r, n)
     );
   }
   findAll(t = {}) {
-    return this.getAll().filter((r) => $t(t, r));
+    return this.getAll().filter((r) => Wt(t, r));
   }
   notify(t) {
-    F.batch(() => {
+    O.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
@@ -384,74 +384,74 @@ var W, H, xt, ce, xr = (ce = class extends ge {
   }
   resumePausedMutations() {
     const t = this.getAll().filter((r) => r.state.isPaused);
-    return F.batch(
+    return O.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch($))
+        t.map((r) => r.continue().catch(W))
       )
     );
   }
-}, W = new WeakMap(), H = new WeakMap(), xt = new WeakMap(), ce);
-function gt(e) {
+}, A = new WeakMap(), H = new WeakMap(), ht = new WeakMap(), ce);
+function jt(e) {
   var t;
   return (t = e.options.scope) == null ? void 0 : t.id;
 }
-function Zt(e) {
+function Yt(e) {
   return {
     onFetch: (t, r) => {
-      var p, f, y, c, v;
-      const n = t.options, i = (y = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : y.direction, d = ((c = t.state.data) == null ? void 0 : c.pages) || [], l = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
-      let m = { pages: [], pageParams: [] }, x = 0;
-      const u = async () => {
-        let j = !1;
-        const N = (I) => {
-          Object.defineProperty(I, "signal", {
+      var p, f, I, y, F;
+      const n = t.options, i = (I = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : I.direction, d = ((y = t.state.data) == null ? void 0 : y.pages) || [], l = ((F = t.state.data) == null ? void 0 : F.pageParams) || [];
+      let u = { pages: [], pageParams: [] }, x = 0;
+      const m = async () => {
+        let k = !1;
+        const M = (v) => {
+          Object.defineProperty(v, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? j = !0 : t.signal.addEventListener("abort", () => {
-              j = !0;
+            get: () => (t.signal.aborted ? k = !0 : t.signal.addEventListener("abort", () => {
+              k = !0;
             }), t.signal)
           });
-        }, S = Qe(t.options, t.fetchOptions), R = async (I, _, z) => {
-          if (j)
+        }, E = Qe(t.options, t.fetchOptions), z = async (v, C, L) => {
+          if (k)
             return Promise.reject();
-          if (_ == null && I.pages.length)
-            return Promise.resolve(I);
-          const ft = (() => {
-            const Lt = {
+          if (C == null && v.pages.length)
+            return Promise.resolve(v);
+          const ct = (() => {
+            const Qt = {
               client: t.client,
               queryKey: t.queryKey,
-              pageParam: _,
-              direction: z ? "backward" : "forward",
+              pageParam: C,
+              direction: L ? "backward" : "forward",
               meta: t.options.meta
             };
-            return N(Lt), Lt;
-          })(), ct = await S(ft), { maxPages: C } = t.options, G = z ? Ve : $e;
+            return M(Qt), Qt;
+          })(), gt = await E(ct), { maxPages: w } = t.options, J = L ? Ve : $e;
           return {
-            pages: G(I.pages, ct, C),
-            pageParams: G(I.pageParams, _, C)
+            pages: J(v.pages, gt, w),
+            pageParams: J(v.pageParams, C, w)
           };
         };
         if (i && d.length) {
-          const I = i === "backward", _ = I ? hr : Xt, z = {
+          const v = i === "backward", C = v ? fr : Xt, L = {
             pages: d,
             pageParams: l
-          }, J = _(n, z);
-          m = await R(z, J, I);
+          }, X = C(n, L);
+          u = await z(L, X, v);
         } else {
-          const I = e ?? d.length;
+          const v = e ?? d.length;
           do {
-            const _ = x === 0 ? l[0] ?? n.initialPageParam : Xt(n, m);
-            if (x > 0 && _ == null)
+            const C = x === 0 ? l[0] ?? n.initialPageParam : Xt(n, u);
+            if (x > 0 && C == null)
               break;
-            m = await R(m, _), x++;
-          } while (x < I);
+            u = await z(u, C), x++;
+          } while (x < v);
         }
-        return m;
+        return u;
       };
       t.options.persister ? t.fetchFn = () => {
-        var j, N;
-        return (N = (j = t.options).persister) == null ? void 0 : N.call(
-          j,
-          u,
+        var k, M;
+        return (M = (k = t.options).persister) == null ? void 0 : M.call(
+          k,
+          m,
           {
             client: t.client,
             queryKey: t.queryKey,
@@ -460,7 +460,7 @@ function Zt(e) {
           },
           r
         );
-      } : t.fetchFn = u;
+      } : t.fetchFn = m;
     }
   };
 }
@@ -473,35 +473,35 @@ function Xt(e, { pages: t, pageParams: r }) {
     r
   ) : void 0;
 }
-function hr(e, { pages: t, pageParams: r }) {
+function fr(e, { pages: t, pageParams: r }) {
   var n;
   return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, r[0], r) : void 0;
 }
-var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
+var b, K, Z, et, rt, Y, nt, ot, ge, cr = (ge = class {
   constructor(e = {}) {
-    M(this, k);
-    M(this, K);
-    M(this, Z);
-    M(this, et);
-    M(this, rt);
-    M(this, X);
-    M(this, nt);
-    M(this, ot);
-    w(this, k, e.queryCache || new lr()), w(this, K, e.mutationCache || new xr()), w(this, Z, e.defaultOptions || {}), w(this, et, /* @__PURE__ */ new Map()), w(this, rt, /* @__PURE__ */ new Map()), w(this, X, 0);
+    N(this, b);
+    N(this, K);
+    N(this, Z);
+    N(this, et);
+    N(this, rt);
+    N(this, Y);
+    N(this, nt);
+    N(this, ot);
+    j(this, b, e.queryCache || new mr()), j(this, K, e.mutationCache || new pr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
   }
   mount() {
-    bt(this, X)._++, h(this, X) === 1 && (w(this, nt, We.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, k).onFocus());
-    })), w(this, ot, Wt.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, k).onOnline());
+    bt(this, Y)._++, h(this, Y) === 1 && (j(this, nt, We.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), h(this, b).onFocus());
+    })), j(this, ot, At.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), h(this, b).onOnline());
     })));
   }
   unmount() {
     var e, t;
-    bt(this, X)._--, h(this, X) === 0 && ((e = h(this, nt)) == null || e.call(this), w(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), w(this, ot, void 0));
+    bt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), j(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), j(this, ot, void 0));
   }
   isFetching(e) {
-    return h(this, k).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return h(this, b).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
     return h(this, K).findAll({ ...e, status: "pending" }).length;
@@ -516,28 +516,28 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
   getQueryData(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, k).get(t.queryHash)) == null ? void 0 : r.state.data;
+    return (r = h(this, b).get(t.queryHash)) == null ? void 0 : r.state.data;
   }
   ensureQueryData(e) {
-    const t = this.defaultQueryOptions(e), r = h(this, k).build(this, t), n = r.state.data;
-    return n === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && r.isStaleByTime(At(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(n));
+    const t = this.defaultQueryOptions(e), r = h(this, b).build(this, t), n = r.state.data;
+    return n === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && r.isStaleByTime(qt(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(n));
   }
   getQueriesData(e) {
-    return h(this, k).findAll(e).map(({ queryKey: t, state: r }) => {
+    return h(this, b).findAll(e).map(({ queryKey: t, state: r }) => {
       const n = r.data;
       return [t, n];
     });
   }
   setQueryData(e, t, r) {
-    const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, k).get(
+    const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, b).get(
       n.queryHash
     ), d = i == null ? void 0 : i.state.data, l = Ae(t, d);
     if (l !== void 0)
-      return h(this, k).build(this, n).setData(l, { ...r, manual: !0 });
+      return h(this, b).build(this, n).setData(l, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
-    return F.batch(
-      () => h(this, k).findAll(e).map(({ queryKey: n }) => [
+    return O.batch(
+      () => h(this, b).findAll(e).map(({ queryKey: n }) => [
         n,
         this.setQueryData(n, t, r)
       ])
@@ -546,21 +546,21 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
   getQueryState(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, k).get(
+    return (r = h(this, b).get(
       t.queryHash
     )) == null ? void 0 : r.state;
   }
   removeQueries(e) {
-    const t = h(this, k);
-    F.batch(() => {
+    const t = h(this, b);
+    O.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
       });
     });
   }
   resetQueries(e, t) {
-    const r = h(this, k);
-    return F.batch(() => (r.findAll(e).forEach((n) => {
+    const r = h(this, b);
+    return O.batch(() => (r.findAll(e).forEach((n) => {
       n.reset();
     }), this.refetchQueries(
       {
@@ -571,13 +571,13 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
     )));
   }
   cancelQueries(e, t = {}) {
-    const r = { revert: !0, ...t }, n = F.batch(
-      () => h(this, k).findAll(e).map((i) => i.cancel(r))
+    const r = { revert: !0, ...t }, n = O.batch(
+      () => h(this, b).findAll(e).map((i) => i.cancel(r))
     );
-    return Promise.all(n).then($).catch($);
+    return Promise.all(n).then(W).catch(W);
   }
   invalidateQueries(e, t = {}) {
-    return F.batch(() => (h(this, k).findAll(e).forEach((r) => {
+    return O.batch(() => (h(this, b).findAll(e).forEach((r) => {
       r.invalidate();
     }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
@@ -591,39 +591,39 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
     const r = {
       ...t,
       cancelRefetch: t.cancelRefetch ?? !0
-    }, n = F.batch(
-      () => h(this, k).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
+    }, n = O.batch(
+      () => h(this, b).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
         let d = i.fetch(void 0, r);
-        return r.throwOnError || (d = d.catch($)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
+        return r.throwOnError || (d = d.catch(W)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
       })
     );
-    return Promise.all(n).then($);
+    return Promise.all(n).then(W);
   }
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const r = h(this, k).build(this, t);
+    const r = h(this, b).build(this, t);
     return r.isStaleByTime(
-      At(t.staleTime, r)
+      qt(t.staleTime, r)
     ) ? r.fetch(t) : Promise.resolve(r.state.data);
   }
   prefetchQuery(e) {
-    return this.fetchQuery(e).then($).catch($);
+    return this.fetchQuery(e).then(W).catch(W);
   }
   fetchInfiniteQuery(e) {
-    return e.behavior = Zt(e.pages), this.fetchQuery(e);
+    return e.behavior = Yt(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then($).catch($);
+    return this.fetchInfiniteQuery(e).then(W).catch(W);
   }
   ensureInfiniteQueryData(e) {
-    return e.behavior = Zt(e.pages), this.ensureQueryData(e);
+    return e.behavior = Yt(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
-    return Wt.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
+    return At.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return h(this, k);
+    return h(this, b);
   }
   getMutationCache() {
     return h(this, K);
@@ -632,10 +632,10 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
     return h(this, Z);
   }
   setDefaultOptions(e) {
-    w(this, Z, e);
+    j(this, Z, e);
   }
   setQueryDefaults(e, t) {
-    h(this, et).set(qt(e), {
+    h(this, et).set(Ut(e), {
       queryKey: e,
       defaultOptions: t
     });
@@ -643,11 +643,11 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
   getQueryDefaults(e) {
     const t = [...h(this, et).values()], r = {};
     return t.forEach((n) => {
-      Ut(e, n.queryKey) && Object.assign(r, n.defaultOptions);
+      Kt(e, n.queryKey) && Object.assign(r, n.defaultOptions);
     }), r;
   }
   setMutationDefaults(e, t) {
-    h(this, rt).set(qt(e), {
+    h(this, rt).set(Ut(e), {
       mutationKey: e,
       defaultOptions: t
     });
@@ -655,7 +655,7 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
   getMutationDefaults(e) {
     const t = [...h(this, rt).values()], r = {};
     return t.forEach((n) => {
-      Ut(e, n.mutationKey) && Object.assign(r, n.defaultOptions);
+      Kt(e, n.mutationKey) && Object.assign(r, n.defaultOptions);
     }), r;
   }
   defaultQueryOptions(e) {
@@ -681,40 +681,40 @@ var k, K, Z, et, rt, X, nt, ot, be, pr = (be = class {
     };
   }
   clear() {
-    h(this, k).clear(), h(this, K).clear();
-  }
-}, k = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), X = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), be);
-const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resolve().then(() => Co)), br = E(() => Promise.resolve().then(() => zn)), gr = E(() => Promise.resolve().then(() => Qn)), jr = E(() => Promise.resolve().then(() => qr)), yr = E(() => Promise.resolve().then(() => Dr)), kr = E(() => Promise.resolve().then(() => an)), wr = E(() => Promise.resolve().then(() => tn)), vr = E(() => Promise.resolve().then(() => oo)), Nr = E(() => Promise.resolve().then(() => Kr)), Cr = E(() => Promise.resolve().then(() => Tn)), Ir = E(() => Promise.resolve().then(() => Er)), Mr = E(() => Promise.resolve().then(() => _o)), _r = {
-  header: yr,
-  seoHeader: vr,
-  banner: fr,
-  calculator: cr,
-  form: br,
-  formDialog: gr,
-  stepper: Nr,
-  benefit: Ir,
-  longBanner: wr,
-  usefulInfo: Cr,
-  interLinking: kr,
-  footer: jr,
-  infoBlock: Mr
-}, Sr = Object.keys(_r), g = Sr.reduce(
+    h(this, b).clear(), h(this, K).clear();
+  }
+}, b = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ge);
+const gr = B(() => Promise.resolve().then(() => Qr)), br = B(() => Promise.resolve().then(() => Oo)), jr = B(() => Promise.resolve().then(() => Wn)), yr = B(() => Promise.resolve().then(() => qn)), kr = B(() => Promise.resolve().then(() => Zr)), wr = B(() => Promise.resolve().then(() => Rr)), vr = B(() => Promise.resolve().then(() => hn)), Nr = B(() => Promise.resolve().then(() => dn)), Cr = B(() => Promise.resolve().then(() => mo)), Ir = B(() => Promise.resolve().then(() => Gr)), Mr = B(() => Promise.resolve().then(() => Pn)), Sr = B(() => Promise.resolve().then(() => Dr)), _r = B(() => Promise.resolve().then(() => Bo)), Or = {
+  header: wr,
+  seoHeader: Cr,
+  banner: gr,
+  calculator: br,
+  form: jr,
+  formDialog: yr,
+  stepper: Ir,
+  benefit: Sr,
+  longBanner: Nr,
+  usefulInfo: Mr,
+  interLinking: vr,
+  footer: kr,
+  infoBlock: _r
+}, Tr = Object.keys(Or), g = Tr.reduce(
   (e, t) => (e[t] = t, e),
   {}
-), Tr = (e) => we(() => {
+), Fr = (e) => we(() => {
   switch (e.handler) {
     case "navigate": {
       const { url: r, target: n, rel: i } = e;
-      Kt && (window == null || window.open(r, n, i));
+      Zt && (window == null || window.open(r, n, i));
       break;
     }
     case "scroll": {
       const { widgetId: r } = e ?? "";
-      er({ widgetId: r });
+      nr({ widgetId: r });
       break;
     }
     case "dialog": {
-      if (!Kt) return;
+      if (!Zt) return;
       const { dialogId: r } = e ?? {}, n = document.getElementById(r);
       if (!n) {
         console.error("Такого элемента в DOM не существует", r);
@@ -723,10 +723,10 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       n.show();
     }
   }
-}, [e]), Y = ({ handlerOptions: e, className: t, ...r }) => {
-  const n = Tr(e);
-  return /* @__PURE__ */ o.jsx(ht, { className: a(t), onClick: n, ...r, children: r.children });
-}, Or = D(
+}, [e]), tt = ({ handlerOptions: e, className: t, ...r }) => {
+  const n = Fr(e);
+  return /* @__PURE__ */ o.jsx(wt, { className: a(t), onClick: n, ...r, children: r.children });
+}, Br = D(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -737,7 +737,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       }
     }
   }
-), Fr = ({
+), Er = ({
   subtitle: e,
   title: t,
   img: r,
@@ -745,15 +745,15 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   classes: i,
   withButton: d,
   button: l,
-  variant: m,
+  variant: u,
   color: x
 }) => {
-  const { isDesktop: u } = at();
+  const { isDesktop: m } = lt();
   return /* @__PURE__ */ o.jsxs(
     "li",
     {
       style: { backgroundColor: x ?? "#F3F4F7" },
-      className: a(Or({ variant: m }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      className: a(Br({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
           /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
@@ -766,14 +766,14 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
               }
             )
           ] }),
-          d && u && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(Y, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
-        (n || u) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && O.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
+        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
     },
     t
   );
-}, Br = D("grid gap-4", {
+}, Pr = D("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -781,7 +781,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Yt = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(B, { className: n == null ? void 0 : n.container, children: [
+}), Jt = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(T, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -789,21 +789,21 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ o.jsx("ul", { className: a(Br({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Fr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
-] }) }), Er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  /* @__PURE__ */ o.jsx("ul", { className: a(Pr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Er, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+] }) }), Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Benefit: Yt,
-  default: Yt
-}, Symbol.toStringTag, { value: "Module" })), Pr = ({ variant: e, details: t }) => {
+  Benefit: Jt,
+  default: Jt
+}, Symbol.toStringTag, { value: "Module" })), Hr = ({ variant: e, details: t }) => {
   switch (e) {
     case "withButton":
-      return /* @__PURE__ */ o.jsx(Y, { ...t });
+      return /* @__PURE__ */ o.jsx(tt, { ...t });
     case "withPhone":
-      return /* @__PURE__ */ o.jsx(ye, { classes: { root: "items-end" }, ...t, phone: wt(t.phone) });
+      return /* @__PURE__ */ o.jsx(ye, { classes: { root: "items-end" }, ...t, phone: It(t.phone) });
     default:
       return null;
   }
-}, Jt = (e) => {
+}, Gt = (e) => {
   const { logoPath: t = "/", logoType: r = "main", classes: n } = e;
   return /* @__PURE__ */ o.jsx(
     "header",
@@ -811,7 +811,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       id: g.header,
       "data-test-id": g.header,
       className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
-      children: /* @__PURE__ */ o.jsx(B, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      children: /* @__PURE__ */ o.jsx(T, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ o.jsx(
           "a",
           {
@@ -826,37 +826,87 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
             children: Ue[r]
           }
         ),
-        Pr(e)
+        Hr(e)
       ] }) })
     }
   );
-}, Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Header: Jt,
-  default: Jt
-}, Symbol.toStringTag, { value: "Module" })), Hr = ({
-  headTitle: e,
-  subtitle: t,
-  buttonsConfig: r,
-  advantages: n,
-  classes: i,
-  imgMobile: d,
-  imgDesktop: l,
-  imgAlt: m,
-  color: x,
-  renderImage: u
-}) => {
-  var N;
-  const { isDesktop: p, isMobile: f } = at(), { primary: y, secondary: c } = r || {}, v = (S) => u ? u(S) : /* @__PURE__ */ o.jsx("img", { ...S }), j = /* @__PURE__ */ o.jsx(
+  Header: Gt,
+  default: Gt
+}, Symbol.toStringTag, { value: "Module" })), Ie = ({ buttonConfig: e, classes: t }) => {
+  const { primary: r, secondary: n } = e || {};
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
       className: a(
-        "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
+        "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
+        { "flex items-center gap-4": n == null ? void 0 : n.enabled },
+        t == null ? void 0 : t.group
       ),
-      children: (n == null ? void 0 : n.details) && ((N = n == null ? void 0 : n.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ o.jsx(St, { ...n })
+      children: [
+        r.enabled && /* @__PURE__ */ o.jsx(
+          tt,
+          {
+            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
+            size: "lg",
+            intent: "primary",
+            ...r.buttonContent
+          }
+        ),
+        (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
+          tt,
+          {
+            intent: "secondary",
+            size: "lg",
+            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
+            ...r.buttonContent
+          }
+        )
+      ]
     }
   );
+}, kt = ({ details: e, classes: t }) => {
+  const { variant: r, items: n } = e ?? {};
+  return /* @__PURE__ */ o.jsx("div", { className: a("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      id: "advantages",
+      className: a(
+        "z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
+        { "desktop:max-w-[860px]": r === "threeCards" },
+        { "desktop:max-w-[1140px]": r === "fourCards" },
+        t == null ? void 0 : t.advantagesContainer
+      ),
+      children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
+        "div",
+        {
+          className: a(
+            'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
+            t == null ? void 0 : t.item
+          ),
+          children: [
+            /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
+            /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
+          ]
+        },
+        i
+      ))
+    }
+  ) });
+}, zr = ({
+  headTitle: e,
+  subtitle: t,
+  buttonsConfig: r,
+  advantages: n,
+  classes: i,
+  imageDesktop: d,
+  imageMobile: l,
+  renderImageCb: u,
+  backgroundColor: x
+}) => {
+  var f;
+  const { isMobile: m } = lt(), p = (n == null ? void 0 : n.details) && ((f = n == null ? void 0 : n.details) == null ? void 0 : f.items.length) > 0;
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
       "section",
@@ -866,12 +916,20 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
         style: { backgroundColor: x ?? "#d9edff" },
         className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: v(f ? { src: d.src, alt: m, className: a("h-full w-full object-cover object-center") } : {
-            src: l.src,
-            alt: m,
-            className: a("h-full w-full object-cover object-center")
+          /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? it({
+            imgProps: {
+              className: "h-full w-full object-cover object-center",
+              ...l
+            },
+            renderImageCb: u
+          }) : it({
+            imgProps: {
+              className: "h-full w-full object-cover object-center",
+              ...d
+            },
+            renderImageCb: u
           }) }),
-          /* @__PURE__ */ o.jsxs(B, { className: a("h-full", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ o.jsxs(T, { className: a("h-full", i == null ? void 0 : i.container), children: [
             /* @__PURE__ */ o.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
               /* @__PURE__ */ o.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ o.jsx(
@@ -889,57 +947,44 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
                   }
                 )
               ] }),
-              /* @__PURE__ */ o.jsxs(
-                "div",
-                {
-                  className: a(
-                    "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: [
-                    y.enabled && /* @__PURE__ */ o.jsx(
-                      Y,
-                      {
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
-                        size: "lg",
-                        intent: "primary",
-                        ...y.buttonContent
-                      }
-                    ),
-                    (c == null ? void 0 : c.enabled) && /* @__PURE__ */ o.jsx(
-                      Y,
-                      {
-                        intent: "secondary",
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...y.buttonContent
-                      }
-                    )
-                  ]
-                }
-              )
+              /* @__PURE__ */ o.jsx(Ie, { buttonConfig: r })
             ] }) }),
-            p && (n == null ? void 0 : n.enabled) && j
+            (n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
+              kt,
+              {
+                classes: {
+                  root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
+                },
+                ...n
+              }
+            )
           ] })
         ]
       }
     ),
-    f && (n == null ? void 0 : n.enabled) && j
+    (n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
+      kt,
+      {
+        classes: {
+          root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
+        },
+        ...n
+      }
+    )
   ] });
-}, Gt = ({
+}, Lr = ({
   headTitle: e,
   subtitle: t,
   buttonsConfig: r,
   advantages: n,
   classes: i,
-  imgMobile: d,
-  imgDesktop: l,
-  imgAlt: m,
-  color: x,
-  renderImage: u
+  renderImageCb: d,
+  imageDesktop: l,
+  imageMobile: u,
+  backgroundColor: x
 }) => {
-  var c, v;
-  const { primary: p, secondary: f } = r || {}, y = (j) => u ? u(j) : /* @__PURE__ */ o.jsx("img", { ...j });
+  var p;
+  const m = (n == null ? void 0 : n.details) && ((p = n == null ? void 0 : n.details) == null ? void 0 : p.items.length) > 0;
   return /* @__PURE__ */ o.jsxs(
     "section",
     {
@@ -948,7 +993,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       "data-test-id": g.banner,
       className: a("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs(B, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
+        /* @__PURE__ */ o.jsxs(T, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
           /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
             /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
               /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
@@ -967,33 +1012,13 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
                   }
                 )
               ] }),
-              /* @__PURE__ */ o.jsxs(
-                "div",
+              /* @__PURE__ */ o.jsx(
+                Ie,
                 {
-                  className: a(
-                    "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": f == null ? void 0 : f.enabled },
-                    i == null ? void 0 : i.group
-                  ),
-                  children: [
-                    p.enabled && /* @__PURE__ */ o.jsx(
-                      Y,
-                      {
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
-                        size: "lg",
-                        intent: "primary",
-                        ...p.buttonContent
-                      }
-                    ),
-                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ o.jsx(
-                      Y,
-                      {
-                        intent: "secondary",
-                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...p.buttonContent
-                      }
-                    )
-                  ]
+                  buttonConfig: r,
+                  classes: {
+                    group: "z-10"
+                  }
                 }
               )
             ] }),
@@ -1004,7 +1029,13 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
                   "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: y({ src: d.src, alt: m, className: a("h-full object-contain") })
+                children: it({
+                  imgProps: {
+                    className: "h-full object-contain",
+                    ...u
+                  },
+                  renderImageCb: d
+                })
               }
             ),
             /* @__PURE__ */ o.jsx(
@@ -1014,33 +1045,33 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
                   "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: y({
-                  src: l.src,
-                  alt: m,
-                  className: a("h-full object-contain")
+                children: it({
+                  imgProps: {
+                    className: "h-full object-contain",
+                    ...l
+                  },
+                  renderImageCb: d
                 })
               }
             )
           ] }),
-          (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
-            "div",
+          (n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
+            kt,
             {
-              className: a(
-                "items-center justify-center rounded-md p-4 pb-8 mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:flex desktop:translate-x-1/2 desktop:p-0",
-                i == null ? void 0 : i.advantageContainer
-              ),
-              children: (n == null ? void 0 : n.details) && ((c = n == null ? void 0 : n.details) == null ? void 0 : c.items.length) > 0 && /* @__PURE__ */ o.jsx(St, { ...n })
+              classes: {
+                root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
+              },
+              ...n
             }
           )
         ] }),
-        (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
-          "div",
+        (n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
+          kt,
           {
-            className: a(
-              "flex items-center justify-center bg-color-white px-4 pb-8 pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:hidden desktop:translate-x-1/2 desktop:p-0",
-              i == null ? void 0 : i.advantageContainer
-            ),
-            children: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ o.jsx(St, { ...n })
+            classes: {
+              root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
+            },
+            ...n
           }
         )
       ]
@@ -1048,58 +1079,28 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   );
 }, st = ({ variant: e, ...t }) => {
   switch (e) {
-    case "separateImg":
-      return /* @__PURE__ */ o.jsx(Gt, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ o.jsx(Hr, { ...t });
+      return /* @__PURE__ */ o.jsx(zr, { ...t });
     default:
-      return /* @__PURE__ */ o.jsx(Gt, { ...t });
+      return /* @__PURE__ */ o.jsx(Lr, { ...t });
   }
-}, Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Banner: st,
   default: st
-}, Symbol.toStringTag, { value: "Module" })), St = ({ details: e, classes: t }) => {
-  const { variant: r, items: n } = e ?? {};
-  return /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      id: "advantages",
-      className: a(
-        "z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-        { "desktop:max-w-[860px]": r === "threeCards" },
-        { "desktop:max-w-[1140px]": r === "fourCards" },
-        t == null ? void 0 : t.root
-      ),
-      children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
-        "div",
-        {
-          className: a(
-            'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
-            t == null ? void 0 : t.item
-          ),
-          children: [
-            /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
-          ]
-        },
-        i
-      ))
-    }
-  );
-}, zr = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n }) => /* @__PURE__ */ o.jsx(
+}, Symbol.toStringTag, { value: "Module" })), Vr = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
     href: n,
     "aria-label": r.replace("social/", ""),
-    children: /* @__PURE__ */ o.jsx(b, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    children: /* @__PURE__ */ o.jsx(c, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
   n
-)) }), Lr = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
+)) }), $r = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
   ye,
   {
-    phone: wt(r),
+    phone: It(r),
     text: n,
     classes: {
       root: a(t == null ? void 0 : t.phoneWrapper),
@@ -1108,7 +1109,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     }
   },
   r
-)) }), Qr = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
+)) }), Wr = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: a(
@@ -1135,21 +1136,21 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       ] }, n))
     )
   }
-), Vr = ({ text: e, classes: t }) => /* @__PURE__ */ o.jsx(
+), Ar = ({ text: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
     dangerouslySetInnerHTML: { __html: e }
   }
-), $r = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+), qr = ({ classes: e }) => /* @__PURE__ */ o.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__ */ o.jsx(b, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
+    children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
-), Wr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+), Ur = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   pt,
   {
     intent: "white",
@@ -1163,11 +1164,11 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     },
     children: "Карта сайта"
   }
-), Ar = ({ text: e, classes: t }) => {
-  const [r, n] = ut.useState(!1), [i, d] = ut.useState(!1), l = ut.useRef(null);
-  return ut.useEffect(() => {
-    const m = l.current;
-    m && d(m.scrollHeight > m.clientHeight);
+), Kr = ({ text: e, classes: t }) => {
+  const [r, n] = mt.useState(!1), [i, d] = mt.useState(!1), l = mt.useRef(null);
+  return mt.useEffect(() => {
+    const u = l.current;
+    u && d(u.scrollHeight > u.clientHeight);
   }, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
     /* @__PURE__ */ o.jsx(
       "div",
@@ -1182,7 +1183,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => n((m) => !m),
+        onClick: () => n((u) => !u),
         className: a(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           t == null ? void 0 : t.ligalButton
@@ -1205,7 +1206,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     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__ */ o.jsx(B, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
+    children: /* @__PURE__ */ o.jsx(T, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
@@ -1215,15 +1216,15 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
           ),
           children: [
             /* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
-              /* @__PURE__ */ o.jsx($r, { classes: i == null ? void 0 : i.footerLogo }),
-              e.enabled && /* @__PURE__ */ o.jsx(zr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
+              /* @__PURE__ */ o.jsx(qr, { classes: i == null ? void 0 : i.footerLogo }),
+              e.enabled && /* @__PURE__ */ o.jsx(Vr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
-            t.enabled && /* @__PURE__ */ o.jsx(Lr, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
+            t.enabled && /* @__PURE__ */ o.jsx($r, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !O.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Qr, { details: d, classes: i == null ? void 0 : i.navLinks }),
-      r.enabled && /* @__PURE__ */ o.jsx(Ar, { text: r.text }),
+      !_.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Wr, { details: d, classes: i == null ? void 0 : i.navLinks }),
+      r.enabled && /* @__PURE__ */ o.jsx(Kr, { text: r.text }),
       /* @__PURE__ */ o.jsxs(
         "div",
         {
@@ -1232,25 +1233,26 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
             i == null ? void 0 : i.footerBottom
           ),
           children: [
-            n.enabled && /* @__PURE__ */ o.jsx(Vr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
-            l && /* @__PURE__ */ o.jsx(Wr, { classes: i == null ? void 0 : i.siteMap })
+            n.enabled && /* @__PURE__ */ o.jsx(Ar, { text: n.text, classes: i == null ? void 0 : i.copyright }),
+            l && /* @__PURE__ */ o.jsx(Ur, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
     ] }) })
   }
-), qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Footer: te,
   default: te
-}, Symbol.toStringTag, { value: "Module" })), Ur = ({ classes: e, index: t, variant: r, title: n, description: i }) => {
-  const d = r === "withTitleAndDescription" && n;
+}, Symbol.toStringTag, { value: "Module" })), Yr = (e) => {
+  var d, l;
+  const { classes: t, index: r, title: n, description: i } = e;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
       className: a(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-        e == null ? void 0 : e.singleStep
+        t == null ? void 0 : t.singleStep
       ),
       children: [
         /* @__PURE__ */ o.jsx(
@@ -1258,47 +1260,117 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
           {
             className: a(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
-              e == null ? void 0 : e.numeric
+              t == null ? void 0 : t.numeric
             ),
-            children: t
+            children: r
           }
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
-          d && /* @__PURE__ */ o.jsx(
-            "div",
-            {
-              dangerouslySetInnerHTML: { __html: n },
-              className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", e == null ? void 0 : e.title)
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            "div",
-            {
-              dangerouslySetInnerHTML: { __html: i ?? "" },
-              className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description)
-            }
-          )
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
+            n && /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                dangerouslySetInnerHTML: { __html: n },
+                className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+              }
+            ),
+            /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                dangerouslySetInnerHTML: { __html: i ?? "" },
+                className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+              }
+            )
+          ] }),
+          e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: a("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: a("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (l = e == null ? void 0 : e.image) == null ? void 0 : l.alt }) })
         ] })
       ]
     }
   );
-}, ee = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ o.jsx(B, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsx(P, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: e }),
-  /* @__PURE__ */ o.jsx(
-    "div",
+}, Xr = ({ currentStepper: e, classes: t }) => {
+  const [r, n] = R(0), { carouselClasses: i, carouselSlideClasses: d } = t || {};
+  return /* @__PURE__ */ o.jsx(
+    Ke,
     {
-      className: a(
-        "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-        n == null ? void 0 : n.stepsWrapper
-      ),
-      children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(Ur, { variant: r, ...i, index: d + 1, classes: n == null ? void 0 : n.step }, i.description))
+      carouselOptions: {
+        dragFree: !1
+      },
+      visibleIndex: r,
+      setVisibleIndex: n,
+      autoPlayOptions: {
+        active: !1
+      },
+      classes: {
+        containerWithNavClasses: {
+          wrapper: "gap-4"
+        },
+        root: "desktop:hidden",
+        carouselContentClasses: {
+          slidesOverlay: "max-w-full w-full"
+        },
+        ...i
+      },
+      children: e.details.map((l, u) => /* @__PURE__ */ o.jsx(
+        Ze,
+        {
+          variant: "fullScreen",
+          slideIndex: u,
+          ...l,
+          classes: {
+            slide: "mobile:w-[328px]  desktop:w-[1140px]",
+            ...d
+          }
+        },
+        u
+      ))
     }
-  )
-] }) }) }), Kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  );
+}, Jr = Nt(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
+  "button",
+  {
+    onClick: () => r(i),
+    className: a(
+      "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
+      { "bg-icon-primary-default text-color-white": t === i },
+      n == null ? void 0 : n.tab
+    ),
+    children: i
+  },
+  i
+)) })), ee = ({ steppers: e, classes: t }) => {
+  var x, m;
+  const r = e.length > 1, [n, i] = R(r ? (x = e[0]) == null ? void 0 : x.headline : ""), d = ft(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e[l];
+  return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(T, { className: a(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
+    /* @__PURE__ */ o.jsx(P, { as: "h2", className: a("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
+    /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-6 desktop:gap-10", children: [
+      r && /* @__PURE__ */ o.jsx(
+        Jr,
+        {
+          stepperTabs: d,
+          activeStepper: n,
+          setActiveStepper: i,
+          classes: t == null ? void 0 : t.stepperTabs
+        }
+      ),
+      u.withImages && /* @__PURE__ */ o.jsx(Xr, { classes: t == null ? void 0 : t.stepperCarousel, currentStepper: u }),
+      /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: a(
+            "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
+            t == null ? void 0 : t.stepsWrapper,
+            { "mobile:hidden": u.withImages }
+          ),
+          children: (m = u.details) == null ? void 0 : m.map((p, f) => /* @__PURE__ */ Ct(Yr, { ...p, key: p.description, index: f + 1, classes: t == null ? void 0 : t.step }))
+        }
+      )
+    ] })
+  ] }) }) }, u.headline);
+}, Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Stepper: ee,
   default: ee
-}, Symbol.toStringTag, { value: "Module" })), Zr = D("", {
+}, Symbol.toStringTag, { value: "Module" })), sr = D("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1314,7 +1386,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), Xr = D("", {
+}), tn = D("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1346,7 +1418,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), Yr = D("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), en = D("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',
@@ -1356,7 +1428,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), Jr = D("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), rn = D("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1382,7 +1454,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Gr = ({ data: e, intent: t }) => {
+}), nn = ({ data: e, intent: t }) => {
   const {
     title: r,
     description: n,
@@ -1390,14 +1462,14 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       enabled: !1
     }
   } = e;
-  return /* @__PURE__ */ o.jsx("li", { className: a(Yr({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ o.jsx("li", { className: a(en({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ o.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
       /* @__PURE__ */ o.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: r }),
-      i.enabled && /* @__PURE__ */ o.jsx(Tt, { triggerElement: /* @__PURE__ */ o.jsx(b, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+      i.enabled && /* @__PURE__ */ o.jsx(Bt, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
     /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, It = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(Zr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), sr = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(Xr({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(Gr, { intent: t, data: n }, i)) }), re = ({
+}, Ot = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(sr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), on = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(tn({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(nn, { intent: t, data: n }, i)) }), re = ({
   headline: e,
   buttonConfig: t,
   intent: r = "twoItems",
@@ -1405,9 +1477,9 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   image: i,
   classes: d
 }) => {
-  const l = r === "fourItems", m = r === "twoItems", x = i && "url" in i && O.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(B, { className: a(d == null ? void 0 : d.container), children: [
-    m && /* @__PURE__ */ o.jsx(It, { intent: r, headline: e }),
+  const l = r === "fourItems", u = r === "twoItems", x = i && "url" in i && _.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
+  return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(T, { className: a(d == null ? void 0 : d.container), children: [
+    u && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e }),
     /* @__PURE__ */ o.jsxs(
       "div",
       {
@@ -1416,17 +1488,17 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          l && /* @__PURE__ */ o.jsx(It, { intent: r, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: a(Jr({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
+          l && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e, desktopHidden: !0 }),
+          /* @__PURE__ */ o.jsx("div", { className: a(rn({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
           /* @__PURE__ */ o.jsxs(
             "div",
             {
               className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                l && /* @__PURE__ */ o.jsx(It, { intent: r, headline: e, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(sr, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                l && /* @__PURE__ */ o.jsx(Ot, { intent: r, headline: e, mobileHidden: !0 }),
+                /* @__PURE__ */ o.jsx(on, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
-                  Y,
+                  tt,
                   {
                     className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
@@ -1441,11 +1513,11 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       }
     )
   ] }) });
-}, tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LongBanner: re,
   default: re
-}, Symbol.toStringTag, { value: "Module" })), Mt = {
+}, Symbol.toStringTag, { value: "Module" })), Tt = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
@@ -1467,11 +1539,11 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
           { "items-center": t },
           r == null ? void 0 : r.wrapper
         ),
-        children: t ? /* @__PURE__ */ o.jsx(Ke, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : e
+        children: t ? /* @__PURE__ */ o.jsx(Ye, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : e
       }
     )
   }
-), en = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+), an = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ o.jsx(
     "path",
     {
@@ -1499,7 +1571,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     /* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), _e = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), Se = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ o.jsx(
     "a",
     {
@@ -1528,7 +1600,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     }
   )
 ] }), ne = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = at();
+  const { isMobile: l } = lt();
   return /* @__PURE__ */ o.jsx(Me, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
@@ -1540,19 +1612,19 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
           /* @__PURE__ */ o.jsxs("div", { children: [
-            /* @__PURE__ */ o.jsx(b, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ o.jsx(b, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ o.jsx(b, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
+            /* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
+            /* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
           ] }),
-          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ o.jsx(Se, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Ot, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Et, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
 }, oe = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = at();
+  const { isMobile: l } = lt();
   return /* @__PURE__ */ o.jsx(Me, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
@@ -1563,23 +1635,23 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       ),
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ o.jsx(en, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ o.jsx(an, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(Se, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Ot, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Et, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
-}, rn = (e) => {
+}, ln = (e) => {
   switch (e.mode) {
-    case Mt.ESIA:
+    case Tt.ESIA:
       return /* @__PURE__ */ o.jsx(oe, { ...e });
-    case Mt.MOBILE_ID:
+    case Tt.MOBILE_ID:
       return /* @__PURE__ */ o.jsx(ne, { ...e });
-    case Mt.COMBINE:
+    case Tt.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? ut.Fragment : "div";
+      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? mt.Fragment : "div";
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
@@ -1590,7 +1662,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
           children: [
             /* @__PURE__ */ o.jsxs(l, { className: a("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
               n && /* @__PURE__ */ o.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
-              i && /* @__PURE__ */ o.jsx(Ot, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
+              i && /* @__PURE__ */ o.jsx(Et, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
             ] }),
             /* @__PURE__ */ o.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
               /* @__PURE__ */ o.jsx(
@@ -1620,7 +1692,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
         }
       );
   }
-}, Qo = (e) => rn(e), ie = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n }) => /* @__PURE__ */ o.jsx(
+}, qo = (e) => ln(e), ie = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n }) => /* @__PURE__ */ o.jsx(
   pt,
   {
     classes: {
@@ -1632,33 +1704,33 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     children: n
   },
   r
-)) }), nn = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
-  var d, l, m;
-  const { isMobile: i } = at();
+)) }), un = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
+  var d, l, u;
+  const { isMobile: i } = lt();
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       /* @__PURE__ */ o.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
       /* @__PURE__ */ o.jsx(ie, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ o.jsx(
-      dt,
+      at,
       {
         defaultOpen: !0,
         label: e,
-        icon: /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...r,
         classes: {
           ...r == null ? void 0 : r.classes,
           header: {
             trigger: a("p-0 bg-color-blue-grey-100", (l = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
           },
-          contentInner: a("py-2 px-4", (m = r == null ? void 0 : r.classes) == null ? void 0 : m.contentInner)
+          contentInner: a("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
         },
         children: /* @__PURE__ */ o.jsx(ie, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, on = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(nn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), dn = D("grid gap-4 grid-cols-1", {
+}, mn = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(un, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), xn = D("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1678,15 +1750,15 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   classes: d,
   defaultOpen: l
 }) => {
-  var m, x, u;
+  var u, x, m;
   return /* @__PURE__ */ o.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),
-      children: /* @__PURE__ */ o.jsx(B, { children: /* @__PURE__ */ o.jsx(
-        dt,
+      children: /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsx(
+        at,
         {
           defaultOpen: l,
           label: /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: r }),
@@ -1694,20 +1766,20 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
           classes: {
             ...i == null ? void 0 : i.classes,
             header: {
-              trigger: a("bg-color-blue-grey-100", (x = (m = i == null ? void 0 : i.classes) == null ? void 0 : m.header) == null ? void 0 : x.trigger)
+              trigger: a("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
             },
-            content: a("max-w-full bg-color-blue-grey-100 relative", (u = i == null ? void 0 : i.classes) == null ? void 0 : u.content)
+            content: a("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
           },
-          children: /* @__PURE__ */ o.jsx("div", { className: a(dn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(on, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
+          children: /* @__PURE__ */ o.jsx("div", { className: a(xn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(mn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
         }
       ) })
     }
   );
-}, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   InterLinking: de,
   default: de
-}, Symbol.toStringTag, { value: "Module" })), ln = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
+}, Symbol.toStringTag, { value: "Module" })), pn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(d),
@@ -1721,10 +1793,10 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
     children: i
   },
   i
-)) }), un = (e) => e.variant === "HTML", mn = (e) => e.variant === "DOCUMENTS", xn = (e) => e.variant === "TABLE", hn = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
+)) }), fn = (e) => e.variant === "HTML", cn = (e) => e.variant === "DOCUMENTS", gn = (e) => e.variant === "TABLE", bn = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
   const i = /* @__PURE__ */ o.jsx("div", { className: a(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
-}, pn = (e, t) => ({
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
+}, jn = (e, t) => ({
   rows: e == null ? void 0 : e.map(({ row: r }) => ({
     row: r == null ? void 0 : r.map((n, i) => {
       var d;
@@ -1734,21 +1806,21 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       };
     })
   }))
-}), fn = D("flex flex-col", {
+}), yn = D("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), cn = D("desktop:grid mobile:hidden px-4 mb-4", {
+}), kn = D("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), bn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(cn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), gn = D("desktop:grid mobile:hidden items-center", {
+}), wn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(kn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), vn = D("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1759,21 +1831,21 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), jn = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(gn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
+}), Nn = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(vn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
     children: d && d
   },
   l
-)) }), yn = D("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), Cn = D("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"
     }
   }
-}), kn = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(yn({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, m) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
+}), In = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Cn({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
   l && /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
   /* @__PURE__ */ o.jsx(
     "div",
@@ -1781,31 +1853,31 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       className: a(
         "mob-body-regular-l text-color-dark",
         {
-          "font-medium": m !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
+          "font-medium": u !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
         },
         i == null ? void 0 : i.cell
       ),
       children: d
     }
   )
-] }, m)) }), wn = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
-  var m;
-  const d = ((m = pn(t, r)) == null ? void 0 : m.rows) ?? [], l = !!(r && r.length > 0);
+] }, u)) }), Mn = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
+  var u;
+  const d = ((u = jn(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    l && /* @__PURE__ */ o.jsx(bn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
-    t == null ? void 0 : t.map((x, u) => /* @__PURE__ */ o.jsx(
-      jn,
+    l && /* @__PURE__ */ o.jsx(wn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+    t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(
+      Nn,
       {
-        rowIndex: u,
+        rowIndex: m,
         tableVariant: e,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
         ...x
       },
-      u
+      m
     )),
-    d == null ? void 0 : d.map((x, u) => /* @__PURE__ */ o.jsx(
-      kn,
+    d == null ? void 0 : d.map((x, m) => /* @__PURE__ */ o.jsx(
+      In,
       {
         headingsExist: l,
         tableVariant: e,
@@ -1813,10 +1885,10 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
         classes: i == null ? void 0 : i.desktopRow,
         ...x
       },
-      u
+      m
     ))
   ] });
-}, vn = ({
+}, Sn = ({
   tableVariant: e,
   description: t,
   columnsVariant: r,
@@ -1824,12 +1896,12 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   rows: i,
   title: d,
   headings: l,
-  accordionConfig: m,
+  accordionConfig: u,
   classes: x
 }) => {
-  const u = /* @__PURE__ */ o.jsxs("div", { className: a(fn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
+  const m = /* @__PURE__ */ o.jsxs("div", { className: a(yn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
     d && /* @__PURE__ */ o.jsx(P, { as: "h4", className: a("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
-    /* @__PURE__ */ o.jsx(wn, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
+    /* @__PURE__ */ o.jsx(Mn, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
     t && /* @__PURE__ */ o.jsx(
       "div",
       {
@@ -1838,11 +1910,11 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       }
     )
   ] });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: n == null ? void 0 : n.accordionTitle, ...m, children: (m == null ? void 0 : m.children) || u }) : u });
-}, Nn = {
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || m }) : m });
+}, _n = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, Cn = D("size-8 transition-colors", {
+}, On = D("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1852,7 +1924,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), In = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
+}), Tn = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
   "a",
   {
     href: r,
@@ -1864,7 +1936,7 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ o.jsx(b, { name: Nn[n], className: a(Cn({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ o.jsx(c, { name: _n[n], className: a(On({ iconType: n }), i == null ? void 0 : i.icon) }),
       /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
         /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
         /* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
@@ -1874,70 +1946,70 @@ const fr = E(() => Promise.resolve().then(() => Rr)), cr = E(() => Promise.resol
       ] })
     ]
   }
-), Mn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
-  const m = /* @__PURE__ */ o.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
+), Fn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
+  const u = /* @__PURE__ */ o.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
     r && /* @__PURE__ */ o.jsx(P, { as: "h3", className: "mb-4", children: r }),
-    /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(In, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
+    /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(Tn, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
     i && /* @__PURE__ */ o.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || m }) : m });
-}, _n = ({ entity: e, classes: t, accordionsConfig: r }) => {
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
+}, Bn = ({ entity: e, classes: t, accordionsConfig: r }) => {
   var n, i, d;
   switch (!0) {
-    case un(e):
-      return (n = e.details) == null ? void 0 : n.map((l, m) => {
+    case fn(e):
+      return (n = e.details) == null ? void 0 : n.map((l, u) => {
         var x;
-        return /* @__PURE__ */ o.jsx(hn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, m);
+        return /* @__PURE__ */ o.jsx(bn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
       });
-    case mn(e):
-      return (i = e.details) == null ? void 0 : i.map((l, m) => {
+    case cn(e):
+      return (i = e.details) == null ? void 0 : i.map((l, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
-          Mn,
+          Fn,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
             ...l,
             classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.documents
           },
-          m
+          u
         );
       });
-    case xn(e):
-      return (d = e.details) == null ? void 0 : d.map((l, m) => {
+    case gn(e):
+      return (d = e.details) == null ? void 0 : d.map((l, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
-          vn,
+          Sn,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
             ...l,
             classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.table
           },
-          m
+          u
         );
       });
     default:
       return null;
   }
-}, Sn = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: _n({ entity: e, classes: t, accordionsConfig: r }) }), ae = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
-  var m, x;
-  const [i, d] = A(0), l = kt(() => t == null ? void 0 : t.map((u) => u == null ? void 0 : u.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(B, { className: a(r == null ? void 0 : r.container), children: [
+}, En = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Bn({ entity: e, classes: t, accordionsConfig: r }) }), ae = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
+  var u, x;
+  const [i, d] = R(0), l = ft(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
+  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(T, { className: a(r == null ? void 0 : r.container), children: [
     /* @__PURE__ */ o.jsx(P, { className: a(r == null ? void 0 : r.headline), as: "h2", children: e }),
-    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(ln, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
-    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (m = t == null ? void 0 : t[i]) == null ? void 0 : m.contents) == null ? void 0 : x.map((u, p) => /* @__PURE__ */ o.jsx(Sn, { accordionsConfig: n, ...u, classes: r == null ? void 0 : r.entityClasses }, p)) })
+    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(pn, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
+    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(En, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
   ] }) });
-}, Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   UsefulInfo: ae,
   default: ae
-}, Symbol.toStringTag, { value: "Module" })), Rt = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
+}, Symbol.toStringTag, { value: "Module" })), zt = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
   const i = ke[r];
-  return /* @__PURE__ */ Bt(i, { ...n, key: n.name, control: t });
+  return /* @__PURE__ */ Ct(i, { ...n, key: n.name, control: t });
 });
-class On {
+class Dn {
   constructor(t) {
-    Nt(this, "TEXT_NODE", 3);
-    Nt(this, "ELEMENT_NODE", 1);
+    St(this, "TEXT_NODE", 3);
+    St(this, "ELEMENT_NODE", 1);
     this.options = t;
   }
   /**
@@ -1951,7 +2023,7 @@ class On {
     switch (t.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
-        const m = t, x = m.tagName.toLowerCase();
+        const u = t, x = u.tagName.toLowerCase();
         if (x === "script") {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
@@ -1961,12 +2033,12 @@ class On {
         if (r === "node")
           n.push(t);
         else {
-          const u = m.outerHTML.trim();
-          n.push(u);
+          const m = u.outerHTML.trim();
+          n.push(m);
         }
         if (d)
-          for (const u of t.childNodes)
-            this.traverse(u, r, n);
+          for (const m of t.childNodes)
+            this.traverse(m, r, n);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
@@ -1975,8 +2047,8 @@ class On {
         if (r === "node")
           n.push(t);
         else {
-          const u = t.textContent;
-          u && n.push(u);
+          const m = t.textContent;
+          m && n.push(m);
         }
         break;
     }
@@ -1988,12 +2060,12 @@ class On {
    * @returns Массив тегов или нод
    */
   async parse(t, r = "string") {
-    const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), m = r === "string" ? i : d;
+    const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), u = r === "string" ? i : d;
     if (n)
-      this.traverse(l.body, r, m);
+      this.traverse(l.body, r, u);
     else
       for (const x of l.body.childNodes)
-        this.traverse(x, r, m);
+        this.traverse(x, r, u);
     return { stringNodes: i, nodes: d };
   }
   /**
@@ -2006,41 +2078,41 @@ class On {
     return r.length;
   }
 }
-const Fn = typeof window < "u";
-class Vo extends On {
+const Hn = typeof window < "u";
+class Uo extends Dn {
   constructor(t) {
     super(t);
   }
   async parseFromString(t) {
-    return Fn ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
+    return Hn ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
   }
 }
-const it = ({ html: e, as: t, ...r }) => {
+const dt = ({ html: e, as: t, ...r }) => {
   const n = t ?? "div";
   return /* @__PURE__ */ o.jsx(n, { dangerouslySetInnerHTML: { __html: e }, ...r });
-}, Bn = (e, t) => e.enabled ? t.map((r) => ({
+}, Rn = (e, t) => e.enabled ? t.map((r) => ({
   name: r.args.name,
   ...r.args.progress
-})) : null, En = ["getFioSchema"], Se = (e, t, r) => {
+})) : null, zn = ["getFioSchema"], _e = (e, t, r) => {
   const n = e[t];
-  if (O.isNil(n))
+  if (_.isNil(n))
     throw new Error(`validation for type ${String(t)} not found`);
-  if (!O.isFunction(n))
+  if (!_.isFunction(n))
     throw new Error(`Cannot generate ${String(t)} because is not a function`);
   return n(r);
-}, Pn = (e, t) => Se(Ne.base, e, t), Dn = (e, t) => Se(Ne.dadata, e, t), zt = (e) => {
+}, Ln = (e, t) => _e(ve.base, e, t), Qn = (e, t) => _e(ve.dadata, e, t), Lt = (e) => {
   const r = ((e == null ? void 0 : e.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
-    const d = En.includes(i.validation.type) ? Dn(
+    const d = zn.includes(i.validation.type) ? Qn(
       i.validation.type,
       i.validation.args
-    ) : Pn(
+    ) : Ln(
       i.validation.type,
       i.validation.args
     );
     return n[i.name] = d, n;
   }, {});
-  return Ce(r);
-}, Hn = new pr(), Te = ({ children: e }) => /* @__PURE__ */ o.jsx(Ze, { client: Hn, children: e }), Rn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+  return Ne(r);
+}, Vn = new cr(), Oe = ({ children: e }) => /* @__PURE__ */ o.jsx(Xe, { client: Vn, children: e }), $n = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(dt, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
     className: a(
@@ -2049,8 +2121,8 @@ const it = ({ html: e, as: t, ...r }) => {
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ o.jsx(yt.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
-      /* @__PURE__ */ o.jsx(it, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__PURE__ */ o.jsx(vt.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
+      /* @__PURE__ */ o.jsx(dt, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
 ), le = ({
@@ -2061,18 +2133,18 @@ const it = ({ html: e, as: t, ...r }) => {
   chips: i,
   submitProps: d,
   classes: l,
-  buttonGroup: m
+  buttonGroup: u
 }) => {
-  var R, I;
-  const { submitCallback: x } = d || {}, [u, p] = A(!1), f = zt(e), y = Ht.getZodDefaults(f), { control: c, handleSubmit: v } = Dt({
+  var z, v;
+  const { submitCallback: x } = d || {}, [m, p] = R(!1), f = Lt(e), I = Rt.getZodDefaults(f), { control: y, handleSubmit: F } = Ht({
     schema: f,
-    defaultValues: y,
+    defaultValues: I,
     mode: "onBlur"
-  }), j = Bn(r, e), N = dr({ control: c, fields: j || [], schema: f }), S = (_) => {
-    x && x({ ..._, agree: u });
+  }), k = Rn(r, e), M = lr({ control: y, fields: k || [], schema: f }), E = (C) => {
+    x && x({ ...C, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx("section", { id: g.form, "data-test-id": g.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
-    B,
+  return /* @__PURE__ */ o.jsx(Oe, { children: /* @__PURE__ */ o.jsx("section", { id: g.form, "data-test-id": g.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
+    T,
     {
       className: a(
         "!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
@@ -2086,10 +2158,10 @@ const it = ({ html: e, as: t, ...r }) => {
               "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",
-              (R = l == null ? void 0 : l.chips) == null ? void 0 : R.root
+              (z = l == null ? void 0 : l.chips) == null ? void 0 : z.root
             ),
             children: [
-              i.image && /* @__PURE__ */ o.jsx(b, { name: i.image, className: a("size-6", (I = l == null ? void 0 : l.chips) == null ? void 0 : I.icon) }),
+              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-6", (v = l == null ? void 0 : l.chips) == null ? void 0 : v.icon) }),
               i.content
             ]
           }
@@ -2099,30 +2171,30 @@ const it = ({ html: e, as: t, ...r }) => {
         /* @__PURE__ */ o.jsxs(
           "form",
           {
-            onSubmit: v(S),
+            onSubmit: F(E),
             className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
               r.enabled && /* @__PURE__ */ o.jsx(
-                Xe,
+                Je,
                 {
-                  progress: N,
-                  topContent: /* @__PURE__ */ o.jsx(it, { html: r.title }),
-                  bottomContent: /* @__PURE__ */ o.jsx(it, { html: r.subtitle }),
+                  progress: M,
+                  topContent: /* @__PURE__ */ o.jsx(dt, { html: r.title }),
+                  bottomContent: /* @__PURE__ */ o.jsx(dt, { html: r.subtitle }),
                   maxPercent: r.maxPercent,
                   classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ o.jsx(Rt, { control: c, fields: e }),
+              /* @__PURE__ */ o.jsx(zt, { control: y, fields: e }),
               /* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                Rn(n, u, p, l == null ? void 0 : l.approvement),
-                /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: m == null ? void 0 : m.map((_, z) => {
-                  const J = _.type === "submit" && n.type === "checkbox" ? !u : !1;
-                  return /* @__PURE__ */ Bt(
-                    ht,
+                $n(n, m, p, l == null ? void 0 : l.approvement),
+                /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, L) => {
+                  const X = C.type === "submit" && n.type === "checkbox" ? !m : !1;
+                  return /* @__PURE__ */ Ct(
+                    wt,
                     {
-                      ..._,
-                      key: z,
-                      disabled: J,
+                      ...C,
+                      key: L,
+                      disabled: X,
                       className: a(
                         "w-full whitespace-nowrap",
                         {
@@ -2140,11 +2212,11 @@ const it = ({ html: e, as: t, ...r }) => {
       ]
     }
   ) }) });
-}, zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DynamicForm: le,
   default: le
-}, Symbol.toStringTag, { value: "Module" })), Ln = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+}, Symbol.toStringTag, { value: "Module" })), An = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(dt, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
     className: a(
@@ -2153,8 +2225,8 @@ const it = ({ html: e, as: t, ...r }) => {
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ o.jsx(yt.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
-      /* @__PURE__ */ o.jsx(it, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__PURE__ */ o.jsx(vt.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
+      /* @__PURE__ */ o.jsx(dt, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
 ), ue = ({
@@ -2165,26 +2237,26 @@ const it = ({ html: e, as: t, ...r }) => {
   dialogId: i,
   classes: d,
   buttonGroup: l,
-  ...m
+  ...u
 }) => {
-  const { submitCallback: x } = n ?? {}, [u, p] = A(!1), f = zt(e), y = Ht.getZodDefaults(f), { control: c, handleSubmit: v } = Dt({
+  const { submitCallback: x } = n ?? {}, [m, p] = R(!1), f = Lt(e), I = Rt.getZodDefaults(f), { control: y, handleSubmit: F } = Ht({
     schema: f,
-    defaultValues: y,
+    defaultValues: I,
     mode: "onBlur"
-  }), j = (N) => {
-    x && x({ ...N, agree: u });
+  }), k = (M) => {
+    x && x({ ...M, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx(Ye, { id: i, title: t, ...m, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: v(j), className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ o.jsx(Rt, { control: c, fields: e }),
-    Ln(r, u, p, d == null ? void 0 : d.approvement),
-    l == null ? void 0 : l.map((N, S) => {
-      const R = N.type === "submit" && r.type === "checkbox" ? !u : !1;
-      return /* @__PURE__ */ Bt(
-        ht,
+  return /* @__PURE__ */ o.jsx(Oe, { children: /* @__PURE__ */ o.jsx(Ge, { id: i, title: t, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: F(k), className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ o.jsx(zt, { control: y, fields: e }),
+    An(r, m, p, d == null ? void 0 : d.approvement),
+    l == null ? void 0 : l.map((M, E) => {
+      const z = M.type === "submit" && r.type === "checkbox" ? !m : !1;
+      return /* @__PURE__ */ Ct(
+        wt,
         {
-          ...N,
-          key: S,
-          disabled: R,
+          ...M,
+          key: E,
+          disabled: z,
           className: a(
             "w-full whitespace-nowrap",
             {
@@ -2196,14 +2268,14 @@ const it = ({ html: e, as: t, ...r }) => {
       );
     })
   ] }) }) });
-}, Qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DynamicFormDialog: ue,
   default: ue
-}, Symbol.toStringTag, { value: "Module" })), lt = () => ({
+}, Symbol.toStringTag, { value: "Module" })), ut = () => ({
   approve: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(b, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ o.jsx(c, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
@@ -2218,7 +2290,7 @@ const it = ({ html: e, as: t, ...r }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(b, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ o.jsx(c, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
@@ -2233,7 +2305,7 @@ const it = ({ html: e, as: t, ...r }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(b, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ o.jsx(c, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
@@ -2248,7 +2320,7 @@ const it = ({ html: e, as: t, ...r }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ o.jsx(b, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ o.jsx(c, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
@@ -2261,23 +2333,23 @@ const it = ({ html: e, as: t, ...r }) => {
       text: "Вернуться на главную"
     }
   }
-}), $o = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(B, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), Ko = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(T, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ o.jsx(
     "span",
     {
       className: a(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${lt()[e].icon.bg}`
+        `${ut()[e].icon.bg}`
       ),
-      children: lt()[e].icon.element
+      children: ut()[e].icon.element
     }
   ),
   /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ o.jsx(P, { as: "h2", children: lt()[e].title }),
-    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: lt()[e].description })
+    /* @__PURE__ */ o.jsx(P, { as: "h2", children: ut()[e].title }),
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: ut()[e].description })
   ] }),
-  /* @__PURE__ */ o.jsx(ht, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: lt()[e].button.text })
-] }) }) }), Oe = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Vn = [
+  /* @__PURE__ */ o.jsx(wt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: ut()[e].button.text })
+] }) }) }), Te = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Un = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2290,11 +2362,11 @@ const it = ({ html: e, as: t, ...r }) => {
     label: "В Тольятти",
     disabled: !0
   }
-], jt = (e, t, r, n) => e.map((i, d) => {
+], yt = (e, t, r, n) => e.map((i, d) => {
   const l = d === n;
   return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-x-1", children: [
     /* @__PURE__ */ o.jsx(
-      Oe,
+      Te,
       {
         breadcrumb: i,
         className: a(r, {
@@ -2305,13 +2377,13 @@ const it = ({ html: e, as: t, ...r }) => {
     ),
     d !== e.length - 1 && t
   ] }, i.label);
-}), $n = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Vn }) => {
-  const [i, d] = A(!1), l = Et(null);
-  or(l, () => d(!1));
-  const { first: m, middle: x, last: u } = kt(() => {
-    let f = [], y = [], c = [];
-    return t && (f = n.slice(0, t), y = n.slice(t, n.length - t), c = n.slice(n.length - t)), { first: f, middle: y, last: c };
-  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
+}), Kn = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Un }) => {
+  const [i, d] = R(!1), l = Dt(null);
+  dr(l, () => d(!1));
+  const { first: u, middle: x, last: m } = ft(() => {
+    let f = [], I = [], y = [];
+    return t && (f = n.slice(0, t), I = n.slice(t, n.length - t), y = n.slice(n.length - t)), { first: f, middle: I, last: y };
+  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
   return /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -2326,7 +2398,7 @@ const it = ({ html: e, as: t, ...r }) => {
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            jt(m, p, r == null ? void 0 : r.breadcrumb),
+            yt(u, p, r == null ? void 0 : r.breadcrumb),
             p,
             x.length > 0 && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
@@ -2344,7 +2416,7 @@ const it = ({ html: e, as: t, ...r }) => {
                       }
                     ),
                     children: x.map((f) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
-                      Oe,
+                      Te,
                       {
                         breadcrumb: f,
                         className: a(
@@ -2360,28 +2432,28 @@ const it = ({ html: e, as: t, ...r }) => {
               ] }),
               p
             ] }),
-            jt(u, p, r == null ? void 0 : r.breadcrumb, u.length - 1)
+            yt(m, p, r == null ? void 0 : r.breadcrumb, m.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          jt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
+          yt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        jt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
+        yt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
       )
     }
   );
 };
-var mt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(mt || {});
-const Wn = (e, t) => {
+var xt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(xt || {});
+const Zn = (e, t) => {
   switch (t.type) {
-    case mt.ROOT:
+    case xt.ROOT:
       return {
         ...e,
         root: t.payload
       };
-    case mt.CURRENT:
+    case xt.CURRENT:
       return {
         ...e,
         current: t.payload
@@ -2389,20 +2461,20 @@ const Wn = (e, t) => {
     default:
       return e;
   }
-}, An = (e) => {
-  const [t, r] = se(Wn, e);
+}, Yn = (e) => {
+  const [t, r] = er(Zn, e);
   return [t, r];
-}, qn = (e) => ({
-  type: mt.CURRENT,
+}, Xn = (e) => ({
+  type: xt.CURRENT,
   payload: e
-}), Un = (e) => ({
-  type: mt.ROOT,
+}), Jn = (e) => ({
+  type: xt.ROOT,
   payload: e
-}), Kn = ({ categories: e, ...t }) => {
+}), Gn = ({ categories: e, ...t }) => {
   var r, n;
-  return Ie(
+  return Ce(
     /* @__PURE__ */ o.jsx(
-      Ft.div,
+      Pt.div,
       {
         ...t,
         layout: !0,
@@ -2421,13 +2493,13 @@ const Wn = (e, t) => {
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
                 children: [
                   i.title,
-                  /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowLink", className: "size-6" })
+                  /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink", className: "size-6" })
                 ]
               }
             ),
-            /* @__PURE__ */ o.jsx("ul", { className: "w-[328px]", children: i.children.map((m) => {
+            /* @__PURE__ */ o.jsx("ul", { className: "w-[328px]", children: i.children.map((u) => {
               var x;
-              return /* @__PURE__ */ o.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ o.jsx("a", { href: (x = m.link) == null ? void 0 : x.href, className: "w-full text-16", children: m.title }) }, m.title);
+              return /* @__PURE__ */ o.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ o.jsx("a", { href: (x = u.link) == null ? void 0 : x.href, className: "w-full text-16", children: u.title }) }, u.title);
             }) })
           ] }, i.title);
         }) })
@@ -2438,11 +2510,11 @@ const Wn = (e, t) => {
      */
     ((n = (r = document.body.querySelector("#modal-preview")) == null ? void 0 : r.contentDocument) == null ? void 0 : n.body) ?? document.body
   );
-}, Zn = tr(({ category: e, active: t, onActiveTabChange: r }, n) => {
-  var x, u;
-  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = t && !O.isArrayEmpty(e.children), m = O.isArrayEmpty(e.children) ? "a" : "span";
+}, sn = rr(({ category: e, active: t, onActiveTabChange: r }, n) => {
+  var x, m;
+  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = t && !_.isArrayEmpty(e.children), u = _.isArrayEmpty(e.children) ? "a" : "span";
   return /* @__PURE__ */ o.jsxs(
-    Ft.div,
+    Pt.div,
     {
       ref: n,
       className: a(
@@ -2458,9 +2530,9 @@ const Wn = (e, t) => {
       onMouseLeave: () => r(null),
       onFocus: () => r(e.title),
       children: [
-        /* @__PURE__ */ o.jsx(m, { href: m === "a" ? (u = e.link) == null ? void 0 : u.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
+        /* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m = e.link) == null ? void 0 : m.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
         l && /* @__PURE__ */ o.jsx(
-          Kn,
+          Gn,
           {
             categories: e.children,
             style: {
@@ -2471,11 +2543,11 @@ const Wn = (e, t) => {
       ]
     }
   );
-}), Xn = Pt(Zn), Yn = ({ categories: e }) => {
-  const [t, r] = A(null), n = we((d) => {
+}), to = Nt(sn), eo = ({ categories: e }) => {
+  const [t, r] = R(null), n = we((d) => {
     r(d);
-  }, []), i = Et(null);
-  return /* @__PURE__ */ o.jsx(Je, { mode: "sync", children: /* @__PURE__ */ o.jsxs(
+  }, []), i = Dt(null);
+  return /* @__PURE__ */ o.jsx(se, { mode: "sync", children: /* @__PURE__ */ o.jsxs(
     "div",
     {
       ref: i,
@@ -2483,7 +2555,7 @@ const Wn = (e, t) => {
       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__ */ o.jsx(
-          Xn,
+          to,
           {
             ref: i,
             category: d,
@@ -2496,7 +2568,7 @@ const Wn = (e, t) => {
       ]
     }
   ) });
-}, Jn = Pt(Yn), Gn = ({
+}, ro = Nt(eo), no = ({
   category: e,
   selectedCategory: t,
   onCurrentCategoryChange: r,
@@ -2526,8 +2598,8 @@ const Wn = (e, t) => {
           children: e.children.map((l) => /* @__PURE__ */ o.jsx(
             "span",
             {
-              onClick: (m) => {
-                m.stopPropagation(), m.nativeEvent.stopPropagation(), n(e), r(l);
+              onClick: (u) => {
+                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(l);
               },
               className: a(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
@@ -2543,20 +2615,20 @@ const Wn = (e, t) => {
       )
     ]
   }
-), sn = ({ categories: e, helpers: t, phone: r }) => {
-  const [n, i] = An({ root: e[0].children[0], current: e[0].children[0] });
+), oo = ({ categories: e, helpers: t, phone: r }) => {
+  const [n, i] = Yn({ root: e[0].children[0], current: e[0].children[0] });
   return /* @__PURE__ */ o.jsxs("div", { className: "mobile:hidden", children: [
     /* @__PURE__ */ o.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
-      /* @__PURE__ */ o.jsx(b, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
+      /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
       e.map((d) => {
         const l = n.root.title === d.title;
         return /* @__PURE__ */ o.jsx(
-          Gn,
+          no,
           {
             category: d,
             selectedCategory: n.current,
-            onCurrentCategoryChange: (m) => i(qn(m)),
-            onRootCategoryChange: (m) => i(Un(m)),
+            onCurrentCategoryChange: (u) => i(Xn(u)),
+            onRootCategoryChange: (u) => i(Jn(u)),
             active: l
           },
           d.title
@@ -2569,7 +2641,7 @@ const Wn = (e, t) => {
           href: d.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__ */ o.jsx(b, { name: d.link.icon, className: "size-4" }),
+            d.link.icon && /* @__PURE__ */ o.jsx(c, { name: d.link.icon, className: "size-4" }),
             d.title
           ]
         },
@@ -2581,17 +2653,17 @@ const Wn = (e, t) => {
         {
           href: `tel:${r}`,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
-          children: wt(r, "x xxx xxx xx xx")
+          children: It(r, "x xxx xxx xx xx")
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx(Jn, { categories: n.current.children })
+    /* @__PURE__ */ o.jsx(ro, { categories: n.current.children })
   ] });
-}, to = ({ category: e }) => /* @__PURE__ */ o.jsx(
-  dt,
+}, io = ({ category: e }) => /* @__PURE__ */ o.jsx(
+  at,
   {
     label: e.title ?? "",
-    icon: /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: "-rotate-90" }),
+    icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: "-rotate-90" }),
     classes: {
       root: "w-full",
       header: {
@@ -2616,7 +2688,7 @@ const Wn = (e, t) => {
             className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
             children: [
               t.title,
-              /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowLink" })
+              /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink" })
             ]
           }
         ),
@@ -2628,18 +2700,18 @@ const Wn = (e, t) => {
     }) })
   },
   e.title
-), eo = (e) => e.map((t) => ({
+), ao = (e) => e.map((t) => ({
   value: t.title ?? "",
   label: t.title ?? ""
-})), ro = ({ categories: e, helpers: t, phone: r, ...n }) => {
-  const i = eo(e), [d, l] = A(i[0]), m = (u) => {
-    O.isUndefined(u) || O.isArray(u) || l(u);
-  }, x = kt(() => {
-    var u;
-    return O.isUndefined(d) || O.isArray(d) ? [] : ((u = e.find((p) => p.title === d.value)) == null ? void 0 : u.children) ?? [];
+})), lo = ({ categories: e, helpers: t, phone: r, ...n }) => {
+  const i = ao(e), [d, l] = R(i[0]), u = (m) => {
+    _.isUndefined(m) || _.isArray(m) || l(m);
+  }, x = ft(() => {
+    var m;
+    return _.isUndefined(d) || _.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
   }, [d, e]);
   return /* @__PURE__ */ o.jsxs(
-    Ft.div,
+    Pt.div,
     {
       ...n,
       className: a(
@@ -2651,42 +2723,42 @@ const Wn = (e, t) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ o.jsx(yt.SelectBase, { label: "Категория", options: i, value: d, onChange: m }),
-        /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: x.map((u) => {
+        /* @__PURE__ */ o.jsx(vt.SelectBase, { label: "Категория", options: i, value: d, onChange: u }),
+        /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: x.map((m) => {
           var p;
-          return O.isArrayEmpty(u.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = u.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: u.title }) }, u.title) : /* @__PURE__ */ o.jsx(to, { category: u }, u.title);
+          return _.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = m.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(io, { category: m }, m.title);
         }) }),
         /* @__PURE__ */ o.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
         /* @__PURE__ */ o.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
-          t.map((u) => {
+          t.map((m) => {
             var p, f;
-            return /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: (p = u.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
-              ((f = u.link) == null ? void 0 : f.icon) && /* @__PURE__ */ o.jsx(b, { name: u.link.icon, className: "size-4" }),
-              u.title
-            ] }) }, u.title);
+            return /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: (p = m.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
+              ((f = m.link) == null ? void 0 : f.icon) && /* @__PURE__ */ o.jsx(c, { name: m.link.icon, className: "size-4" }),
+              m.title
+            ] }) }, m.title);
           }),
           /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: `tel:${r}`, className: "flex w-full items-center gap-x-1", children: [
-            /* @__PURE__ */ o.jsx(b, { name: "communication/phone", className: "size-4" }),
-            wt(r)
+            /* @__PURE__ */ o.jsx(c, { name: "communication/phone", className: "size-4" }),
+            It(r)
           ] }) })
         ] })
       ]
     }
   );
-}, no = ({ categories: e, helpers: t, phone: r }) => {
-  var x, u, p;
-  const n = Et(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, l] = A(!1), m = () => l(!d);
+}, uo = ({ categories: e, helpers: t, phone: r }) => {
+  var x, m, p;
+  const n = Dt(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, l] = R(!1), u = () => l(!d);
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
       ref: n,
       className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",
       children: [
-        /* @__PURE__ */ o.jsx(b, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-        /* @__PURE__ */ o.jsx("button", { type: "button", onClick: m, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(b, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-        d && Ie(
+        /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "w-[130px]" }),
+        /* @__PURE__ */ o.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(c, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+        d && Ce(
           /* @__PURE__ */ o.jsx(
-            ro,
+            lo,
             {
               categories: e,
               helpers: t,
@@ -2697,26 +2769,26 @@ const Wn = (e, t) => {
           /**
            * Нужно для preview, чтобы категории рендерились в iframe
            */
-          ((p = (u = document.body.querySelector("#modal-preview")) == null ? void 0 : u.contentDocument) == null ? void 0 : p.body) ?? document.body
+          ((p = (m = document.body.querySelector("#modal-preview")) == null ? void 0 : m.contentDocument) == null ? void 0 : p.body) ?? document.body
         )
       ]
     }
   );
 }, me = ({ categories: e, helpers: t, phone: r, breadcrumbs: n, classes: i }) => {
-  const { isMobile: d } = at();
-  return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: a("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(B, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ o.jsx(no, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
-    /* @__PURE__ */ o.jsx(sn, { categories: e, helpers: t, phone: r }),
+  const { isMobile: d } = lt();
+  return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: a("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(T, { className: "mx-auto w-full", children: [
+    /* @__PURE__ */ o.jsx(uo, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
+    /* @__PURE__ */ o.jsx(oo, { categories: e, helpers: t, phone: r }),
     /* @__PURE__ */ o.jsx(
-      $n,
+      Kn,
       {
         ellipsis: d ? 1 : void 0,
         breadcrumbs: n,
-        matcher: (l) => ({ label: rr(l.label).split("-").join(" ") })
+        matcher: (l) => ({ label: or(l.label).split("-").join(" ") })
       }
     )
   ] }) });
-}, oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SeoHeader: me,
   default: me
@@ -2736,33 +2808,33 @@ const Wn = (e, t) => {
       return null;
   }
   return new Intl.NumberFormat("ru-RU", n).format(r);
-}, io = (e, t) => {
+}, xo = (e, t) => {
   switch (e) {
     case "text":
       return t;
     default:
       return Be(e, Number(t));
   }
-}, ao = (e) => Object.values(e).reduce((r, n) => r.merge(zt(n.fields)), Ce({})), lo = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Ee = (e, t) => {
-  const r = Object.entries(t).map(([x, u]) => [x, O.isNil(u) ? "1" : u]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = lo(e, Object.fromEntries(r)), m = new Function(...n, `return ${d};`)(...i.map(Number));
-  return Number.isNaN(Number(m)) ? "0" : m.toString();
-}, uo = (e, t) => e.map((r) => ({
+}, ho = (e) => Object.values(e).reduce((r, n) => r.merge(Lt(n.fields)), Ne({})), po = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Ee = (e, t) => {
+  const r = Object.entries(t).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = po(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
+  return Number.isNaN(Number(u)) ? "0" : u.toString();
+}, fo = (e, t) => e.map((r) => ({
   ...r,
   value: Fe(r.value) ? Ee(r.value.formula, t) : r.value
-})), mo = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
+})), co = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
   t && /* @__PURE__ */ o.jsx(P, { as: "h3", className: r == null ? void 0 : r.title, children: t }),
   e && /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
-] }) }), xo = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
+] }) }), go = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
   /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
   /* @__PURE__ */ o.jsx("div", { className: a("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Be(r, Number(t)) })
-] }), ho = ({ hint: e, value: t, label: r, mode: n, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+] }), bo = ({ hint: e, value: t, label: r, mode: n, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
     e && /* @__PURE__ */ o.jsx(
-      Tt,
+      Bt,
       {
         withCloseBtn: !1,
-        triggerElement: /* @__PURE__ */ o.jsx(b, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
+        triggerElement: /* @__PURE__ */ o.jsx(c, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
         children: /* @__PURE__ */ o.jsx("p", { children: e })
       }
     )
@@ -2774,31 +2846,31 @@ const Wn = (e, t) => {
         "[&&]:desk-title-bold-s": d,
         "text-color-primary-default": i === "blue"
       }),
-      children: io(n, t)
+      children: xo(n, t)
     }
   )
-] }), po = ({ infoList: e, classes: t }) => {
-  const { watch: r } = vt(), n = r(), i = uo(e, n);
-  return /* @__PURE__ */ o.jsx("div", { className: a("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(ho, { ...d }, d.label)) });
-}, fo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
+] }), jo = ({ infoList: e, classes: t }) => {
+  const { watch: r } = Mt(), n = r(), i = fo(e, n);
+  return /* @__PURE__ */ o.jsx("div", { className: a("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(bo, { ...d }, d.label)) });
+}, yo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
   /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1", n == null ? void 0 : n.block), children: [
-    /* @__PURE__ */ o.jsx(b, { name: e, className: a("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
+    /* @__PURE__ */ o.jsx(c, { name: e, className: a("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
     /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
   ] }),
   r && /* @__PURE__ */ o.jsx(
-    Tt,
+    Bt,
     {
       withCloseBtn: !1,
-      triggerElement: /* @__PURE__ */ o.jsx(b, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }),
+      triggerElement: /* @__PURE__ */ o.jsx(c, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }),
       ...i,
       children: r
     }
   )
-] }), co = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
-  e && /* @__PURE__ */ o.jsx(fo, { ...e, classes: n == null ? void 0 : n.assistHint }),
-  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(Y, { className: "w-full", ...i }, d)) }),
+] }), ko = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
+  e && /* @__PURE__ */ o.jsx(yo, { ...e, classes: n == null ? void 0 : n.assistHint }),
+  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
   r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
-] }), bo = ({
+] }), wo = ({
   rootDescription: e,
   bottomDescription: t,
   rootValue: r,
@@ -2806,61 +2878,61 @@ const Wn = (e, t) => {
   subtitle: i,
   buttonsConfig: d,
   infoList: l,
-  suffix: m,
+  suffix: u,
   assistHint: x,
-  classes: u
-}) => /* @__PURE__ */ o.jsxs("div", { className: a("w-[456px] rounded-md bg-color-blue-grey-100 p-8", u == null ? void 0 : u.wrapper), children: [
+  classes: m
+}) => /* @__PURE__ */ o.jsxs("div", { className: a("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
   /* @__PURE__ */ o.jsx(
-    xo,
+    go,
     {
-      suffix: m,
+      suffix: u,
       rootValue: r,
       rootDescription: e,
-      classes: u == null ? void 0 : u.calculatedBlock
+      classes: m == null ? void 0 : m.calculatedBlock
     }
   ),
-  /* @__PURE__ */ o.jsx(mo, { title: n, subtitle: i, classes: u == null ? void 0 : u.calculatedInfoHead }),
-  /* @__PURE__ */ o.jsx(po, { infoList: l, classes: u == null ? void 0 : u.calculatorInfoBody }),
+  /* @__PURE__ */ o.jsx(co, { title: n, subtitle: i, classes: m == null ? void 0 : m.calculatedInfoHead }),
+  /* @__PURE__ */ o.jsx(jo, { infoList: l, classes: m == null ? void 0 : m.calculatorInfoBody }),
   /* @__PURE__ */ o.jsx(
-    co,
+    ko,
     {
       assistHint: x,
       buttonsConfig: d,
       bottomDescription: t,
-      classes: u == null ? void 0 : u.calculatorInfoFooter
+      classes: m == null ? void 0 : m.calculatorInfoFooter
     }
   )
-] }), go = 2e4, Pe = ({
+] }), vo = 2e4, Pe = ({
   slidersGroupConfig: e,
   additionalSliderGroupConfig: t
 }) => {
-  const [r, n] = A(!1), { watch: i, setValue: d } = vt(), l = e == null ? void 0 : e.fields.find(({ args: S }) => S.name === "sum"), { args: m } = l || {}, { max: x, name: u, defaultValue: p } = m || {}, f = i(u), { min: y, name: c } = (t == null ? void 0 : t.args) ?? {}, v = i(c), j = Number(x ?? 0) - (f ?? p);
-  return _t(() => {
-    v > j && d(c, j);
-  }, [j, v, d, f]), _t(() => {
+  const [r, n] = R(!1), { watch: i, setValue: d } = Mt(), l = e == null ? void 0 : e.fields.find(({ args: E }) => E.name === "sum"), { args: u } = l || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: I, name: y } = (t == null ? void 0 : t.args) ?? {}, F = i(y), k = Number(x ?? 0) - (f ?? p);
+  return Ft(() => {
+    F > k && d(y, k);
+  }, [k, F, d, f]), Ft(() => {
     Number(x) === f && n(!1);
   }, [n, x, f]), {
     sliderVisible: r,
     setSliderVisible: n,
     sumMax: x,
-    sumName: u,
+    sumName: m,
     sumDefaultValue: p,
     sumValue: f,
-    additionalSliderMax: j,
+    additionalSliderMax: k,
     onCheckedChange: () => {
-      n((S) => !S), v <= 0 && d(c, y), Number(x) === f && (d(u ?? "", f - go), d(c, y));
+      n((E) => !E), F <= 0 && d(y, I), Number(x) === f && (d(m ?? "", f - vo), d(y, I));
     },
-    sliderSumExist: !O.isObjectEmpty(l == null ? void 0 : l.args),
+    sliderSumExist: !_.isObjectEmpty(l == null ? void 0 : l.args),
     sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
   };
-}, jo = (e) => {
+}, No = (e) => {
   switch (e) {
     case "content1":
       return /* @__PURE__ */ o.jsx("div", { children: "content 1" });
     case "content2":
       return /* @__PURE__ */ o.jsx("div", { children: "content 2" });
   }
-}, yo = ({
+}, Co = ({
   triggerText: e,
   modalTitle: t,
   description: r,
@@ -2868,13 +2940,13 @@ const Wn = (e, t) => {
   modalProps: i,
   contentVariant: d
 }) => {
-  const [l, m] = ar(!1);
+  const [l, u] = ur(!1);
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
     r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
     /* @__PURE__ */ o.jsx(
       "button",
       {
-        onClick: () => m(!0),
+        onClick: () => u(!0),
         className: a(
           "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
           n == null ? void 0 : n.button
@@ -2882,23 +2954,23 @@ const Wn = (e, t) => {
         children: e
       }
     ),
-    /* @__PURE__ */ o.jsx(Ge, { title: t, isModalOpen: l, closeModal: () => m(!1), ...i, children: jo(d) })
+    /* @__PURE__ */ o.jsx(tr, { title: t, isModalOpen: l, closeModal: () => u(!1), ...i, children: No(d) })
   ] });
-}, s = ({ fields: e }) => {
-  const { control: t } = vt();
-  return /* @__PURE__ */ o.jsx(Rt, { control: t, fields: e });
-}, ko = ({
+}, G = ({ fields: e }) => {
+  const { control: t } = Mt();
+  return /* @__PURE__ */ o.jsx(zt, { control: t, fields: e });
+}, Io = ({
   slidersGroupConfig: e,
   additionalSliderGroupConfig: t,
   classes: r
 }) => {
-  const { control: n } = vt(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = Pe({
+  const { control: n } = Mt(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = Pe({
     slidersGroupConfig: e,
     additionalSliderGroupConfig: t
   });
-  return O.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
+  return _.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ o.jsxs("div", { className: a("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
-      /* @__PURE__ */ o.jsx(yt.SwitchBase, { checked: i, onCheckedChange: l }),
+      /* @__PURE__ */ o.jsx(vt.SwitchBase, { checked: i, onCheckedChange: l }),
       /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
     i && /* @__PURE__ */ o.jsx(
@@ -2913,30 +2985,30 @@ const Wn = (e, t) => {
       }
     )
   ] });
-}, wo = ({ modalConfig: e, fieldsGroup: t, classes: r }) => {
+}, Mo = ({ modalConfig: e, fieldsGroup: t, classes: r }) => {
   var d;
   const { sliderSumExist: n, sliderSumCorrectType: i } = Pe({
     slidersGroupConfig: t.slidersGroupConfig,
     additionalSliderGroupConfig: t.additionalSliderGroupConfig
   });
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
-    (e == null ? void 0 : e.triggerText) && (e == null ? void 0 : e.contentVariant) && /* @__PURE__ */ o.jsx(yo, { classes: r == null ? void 0 : r.modalClasses, ...e }),
-    (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.selectGroupConfig }) }),
-    (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.slidersGroupConfig }),
-    (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.radioGroupTabConfig }),
-    (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
-    (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.radioGroupConfig }),
-    (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.radioGroupCardConfig }),
-    (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(s, { ...t == null ? void 0 : t.switchGroupConfig }) }),
+    (e == null ? void 0 : e.triggerText) && (e == null ? void 0 : e.contentVariant) && /* @__PURE__ */ o.jsx(Co, { classes: r == null ? void 0 : r.modalClasses, ...e }),
+    (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
+    (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.slidersGroupConfig }),
+    (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupTabConfig }),
+    (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
+    (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupConfig }),
+    (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupCardConfig }),
+    (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
     ((d = t.additionalSliderGroupConfig) == null ? void 0 : d.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
-      ko,
+      Io,
       {
         slidersGroupConfig: t.slidersGroupConfig,
         additionalSliderGroupConfig: t.additionalSliderGroupConfig
       }
     )
   ] });
-}, vo = Pt(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
+}, So = Nt(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
@@ -2948,31 +3020,31 @@ const Wn = (e, t) => {
     children: d
   },
   i
-)) })), No = ({
+)) })), _o = ({
   calculatorInfoConfig: e,
   calculatorFieldsConfig: t,
   classes: r
 }) => {
-  const n = ao(t == null ? void 0 : t.fieldsGroup), i = Dt({
+  const n = ho(t == null ? void 0 : t.fieldsGroup), i = Ht({
     schema: n,
     mode: "onBlur",
-    defaultValues: Ht.getZodDefaults(n)
+    defaultValues: Rt.getZodDefaults(n)
   }), d = i.watch(), { rootValue: l } = e;
-  _t(() => {
-    nr.setItem("calculatorData", JSON.stringify(d));
+  Ft(() => {
+    ir.setItem("calculatorData", JSON.stringify(d));
   }, [d]);
-  const m = Fe(l) ? Ee(l.formula, d) : l, x = { ...e, rootValue: m };
-  return /* @__PURE__ */ o.jsx(ir, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsx(wo, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
-    /* @__PURE__ */ o.jsx(bo, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
+  const u = Fe(l) ? Ee(l.formula, d) : l, x = { ...e, rootValue: u };
+  return /* @__PURE__ */ o.jsx(ar, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsx(Mo, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
+    /* @__PURE__ */ o.jsx(wo, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
   ] }) });
 }, xe = ({ calculators: e, headline: t, classes: r }) => {
-  var u;
-  const n = e.length > 1, [i, d] = A(n ? (u = e[0]) == null ? void 0 : u.name : ""), l = kt(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), m = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[m];
-  return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(B, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
+  var m;
+  const n = e.length > 1, [i, d] = R(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = ft(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
+  return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(T, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ o.jsx(P, { className: a("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
     n && /* @__PURE__ */ o.jsx(
-      vo,
+      So,
       {
         calculatorTabs: l,
         activeCalculator: i,
@@ -2981,7 +3053,7 @@ const Wn = (e, t) => {
       }
     ),
     /* @__PURE__ */ o.jsx(
-      No,
+      _o,
       {
         name: x.name,
         label: x.label,
@@ -2991,11 +3063,11 @@ const Wn = (e, t) => {
       }
     )
   ] }) }) });
-}, Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Calculator: xe,
   default: xe
-}, Symbol.toStringTag, { value: "Module" })), Io = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Mo = ({
+}, Symbol.toStringTag, { value: "Module" })), To = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Fo = ({
   heading: e,
   buttonsGroup: t,
   imageMobile: r,
@@ -3004,21 +3076,27 @@ const Wn = (e, t) => {
   linksList: d,
   classes: l
 }) => {
-  const m = t && (t == null ? void 0 : t.length) > 0, x = d && (d == null ? void 0 : d.length) > 0;
+  const u = t && (t == null ? void 0 : t.length) > 0, x = d && (d == null ? void 0 : d.length) > 0;
   return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", l == null ? void 0 : l.wrapper), children: [
     /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 mobile:mb-2", l == null ? void 0 : l.textBlock), children: [
       /* @__PURE__ */ o.jsx(P, { as: "h2", className: a(l == null ? void 0 : l.heading), children: e }),
-      i && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description), children: i })
+      i && /* @__PURE__ */ o.jsx(
+        "p",
+        {
+          dangerouslySetInnerHTML: { __html: i },
+          className: a("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description)
+        }
+      )
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: ve({
+    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: it({
       imgProps: {
         className: a("object-contain w-full h-full", l == null ? void 0 : l.imageMobile),
         ...r
       },
       renderImageCb: n
     }) }),
-    m && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: t == null ? void 0 : t.map((u, p) => /* @__PURE__ */ o.jsx(ht, { className: "w-full desktop:w-[216px]", ...u }, p)) }),
-    x && /* @__PURE__ */ o.jsx(Io, { linksList: d, classes: l == null ? void 0 : l.linksList })
+    u && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: t == null ? void 0 : t.map((m, p) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...m }, p)) }),
+    x && /* @__PURE__ */ o.jsx(To, { linksList: d, classes: l == null ? void 0 : l.linksList })
   ] });
 }, he = (e) => {
   const { size: t = "md", renderImageCb: r, backgroundColor: n = "#F4F8FE", imageDesktop: i, classes: d, ...l } = e;
@@ -3029,15 +3107,15 @@ const Wn = (e, t) => {
       "data-test-id": g.infoBlock,
       style: { backgroundColor: n },
       className: a("py-14", d == null ? void 0 : d.root),
-      children: /* @__PURE__ */ o.jsx(B, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-11 mobile:flex-col", d == null ? void 0 : d.container), children: [
-        /* @__PURE__ */ o.jsx(Mo, { renderImageCb: r, classes: d == null ? void 0 : d.rootContent, ...l }),
+      children: /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-11 mobile:flex-col", d == null ? void 0 : d.container), children: [
+        /* @__PURE__ */ o.jsx(Fo, { renderImageCb: r, classes: d == null ? void 0 : d.rootContent, ...l }),
         /* @__PURE__ */ o.jsx(
           "div",
           {
             className: a("h-[200px] w-full max-w-[432px] mobile:hidden", d == null ? void 0 : d.imageDesktopWrapper, {
               "h-[238px]": t === "md"
             }),
-            children: ve({
+            children: it({
               imgProps: {
                 className: a("object-contain w-full h-full", d == null ? void 0 : d.imageDesktop),
                 ...i
@@ -3049,38 +3127,37 @@ const Wn = (e, t) => {
       ] }) })
     }
   );
-}, _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   InfoBlock: he,
   default: he
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  St as Advantages,
-  Qo as AuthProvider,
+  qo as AuthProvider,
   st as Banner,
-  Gt as BannerWithSeparateImg,
-  Yt as Benefit,
-  $n as Breadcrumbs,
-  Y as ButtonWithHandlers,
+  Lr as BannerWithSeparateImg,
+  Jt as Benefit,
+  Kn as Breadcrumbs,
+  tt as ButtonWithHandlers,
   xe as Calculator,
-  No as CalculatorView,
+  _o as CalculatorView,
   le as DynamicForm,
   ue as DynamicFormDialog,
-  $o as FallbacksView,
-  Rt as FieldMapper,
+  Ko as FallbacksView,
+  zt as FieldMapper,
   te as Footer,
-  Vo as HTMLParser,
-  it as HTMLRenderer,
-  Jt as Header,
+  Uo as HTMLParser,
+  dt as HTMLRenderer,
+  Gt as Header,
   he as InfoBlock,
   de as InterLinking,
-  Sr as KEYS_OF_WIDGET_LIST,
+  Tr as KEYS_OF_WIDGET_LIST,
   re as LongBanner,
   me as SeoHeader,
   ee as Stepper,
   ae as UsefulInfo,
-  _r as WIDGET_LIST_MAP,
-  Hn as queryClient,
+  Or as WIDGET_LIST_MAP,
+  Vn as queryClient,
   g as widgetIds
 };
 //# sourceMappingURL=widget.js.map