@scbt-ecom/ui 0.81.1 → 0.82.0

package/dist/widget.js

@@ -1,232 +1,232 @@
-var Ft = Object.defineProperty;
-var He = (t) => {
-  throw TypeError(t);
+var Ee = Object.defineProperty;
+var Qt = (e) => {
+  throw TypeError(e);
 };
-var Et = (t, e, o) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var ve = (t, e, o) => Et(t, typeof e != "symbol" ? e + "" : e, o), Ne = (t, e, o) => e.has(t) || He("Cannot " + o);
-var x = (t, e, o) => (Ne(t, e, "read from private field"), o ? o.call(t) : e.get(t)), M = (t, e, o) => e.has(t) ? He("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), k = (t, e, o, n) => (Ne(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o), W = (t, e, o) => (Ne(t, e, "access private method"), o);
-var ce = (t, e, o, n) => ({
+var Pe = (e, t, r) => t in e ? Ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var Nt = (e, t, r) => Pe(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 ft = (e, t, r, n) => ({
   set _(i) {
-    k(t, e, i, o);
+    w(e, t, i, r);
   },
   get _() {
-    return x(t, e, n);
+    return h(e, t, n);
   }
 });
-import { S as ft, h as bt, Q as Bt, n as O, m as ze, R as Pt, c as Dt, a as Le, b as $, e as Rt, d as Ht, f as zt, g as Lt, o as Qe, r as Ve, i as Qt, j as $e, p as Ae, s as Vt, k as r, B as ge, l as E, q as F, P as gt, t as $t, H as D, I as b, C as je, u as _e, L as At, v as Te, A as ie, w as jt, x as qt, y as Wt, U as ye, D as Ut, z as Se, E as Kt, M as Zt } from "./index-BatWr8jg.js";
-import { c as l, T as S } from "./typeGuards-CSiImkUY.js";
-import * as ue from "react";
-import { lazy as B, useCallback as yt, useState as q, useMemo as se, createElement as Oe, useRef as Fe, useReducer as Xt, memo as Ee, forwardRef as Yt, useEffect as qe } from "react";
-import { i as We } from "./isClient-C9aZtt2Q.js";
-import { s as Jt, c as ke, a as Gt } from "./capitalize-B7CPmCdk.js";
-import { u as ae, b as Be, a as er, f as we, F as tr } from "./useDebounce-maGDilFr.js";
-import { z as st, Z as Pe } from "./index-DQTqhWTt.js";
-import { o as kt } from "./utils-Bu1Zg675.js";
-import { a as rr, u as nr } from "./useFieldsProgress-egXj013a.js";
-import { createPortal as wt } from "react-dom";
-var z, ht, or = (ht = class extends ft {
-  constructor(e = {}) {
+import { S as be, h as ge, Q as De, n as F, m as Vt, R as He, c as Re, a as $t, b as $, e as ze, d as Le, f as Qe, g as Ve, o as At, r as Wt, i as $e, j as qt, p as Ut, s as Ae, k as o, B as gt, l as E, q as B, P as je, t as We, H, I as b, C as jt, u as Tt, L as qe, v as Ot, A as dt, w as ye, x as Ue, y as Ke, U as yt, D as Ze, z as Ft, E as Xe, M as Ye } from "./index-CkOdCUEp.js";
+import { c as a, T as O } from "./typeGuards-CSiImkUY.js";
+import * as ut from "react";
+import { lazy as P, useCallback as ke, useState as W, useMemo as kt, createElement as Bt, useRef as Et, useReducer as Je, memo as Pt, forwardRef as Ge, useEffect as _t } from "react";
+import { i as Kt } from "./isClient-C9aZtt2Q.js";
+import { s as se, c as wt, a as tr, l as er } from "./localStorageActions-DRn18qhh.js";
+import { u as at, b as Dt, a as rr, f as vt, F as nr } from "./useDebounce-maGDilFr.js";
+import { z as we, Z as Ht } from "./index-DQTqhWTt.js";
+import { o as ve } from "./utils-Bu1Zg675.js";
+import { a as or, u as ir } from "./useFieldsProgress-egXj013a.js";
+import { createPortal as Ne } from "react-dom";
+var L, he, dr = (he = class extends be {
+  constructor(t = {}) {
     super();
-    M(this, z);
-    this.config = e, k(this, z, /* @__PURE__ */ new Map());
-  }
-  build(e, o, n) {
-    const i = o.queryKey, a = o.queryHash ?? bt(i, o);
-    let d = this.get(a);
-    return d || (d = new Bt({
-      client: e,
+    M(this, L);
+    this.config = t, w(this, L, /* @__PURE__ */ new Map());
+  }
+  build(t, r, n) {
+    const i = r.queryKey, d = r.queryHash ?? ge(i, r);
+    let l = this.get(d);
+    return l || (l = new De({
+      client: t,
       queryKey: i,
-      queryHash: a,
-      options: e.defaultQueryOptions(o),
+      queryHash: d,
+      options: t.defaultQueryOptions(r),
       state: n,
-      defaultOptions: e.getQueryDefaults(i)
-    }), this.add(d)), d;
+      defaultOptions: t.getQueryDefaults(i)
+    }), this.add(l)), l;
   }
-  add(e) {
-    x(this, z).has(e.queryHash) || (x(this, z).set(e.queryHash, e), this.notify({
+  add(t) {
+    h(this, L).has(t.queryHash) || (h(this, L).set(t.queryHash, t), this.notify({
       type: "added",
-      query: e
+      query: t
     }));
   }
-  remove(e) {
-    const o = x(this, z).get(e.queryHash);
-    o && (e.destroy(), o === e && x(this, z).delete(e.queryHash), this.notify({ type: "removed", query: e }));
+  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 }));
   }
   clear() {
-    O.batch(() => {
-      this.getAll().forEach((e) => {
-        this.remove(e);
+    F.batch(() => {
+      this.getAll().forEach((t) => {
+        this.remove(t);
       });
     });
   }
-  get(e) {
-    return x(this, z).get(e);
+  get(t) {
+    return h(this, L).get(t);
   }
   getAll() {
-    return [...x(this, z).values()];
+    return [...h(this, L).values()];
   }
-  find(e) {
-    const o = { exact: !0, ...e };
+  find(t) {
+    const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => ze(o, n)
+      (n) => Vt(r, n)
     );
   }
-  findAll(e = {}) {
-    const o = this.getAll();
-    return Object.keys(e).length > 0 ? o.filter((n) => ze(e, n)) : o;
+  findAll(t = {}) {
+    const r = this.getAll();
+    return Object.keys(t).length > 0 ? r.filter((n) => Vt(t, n)) : r;
   }
-  notify(e) {
-    O.batch(() => {
-      this.listeners.forEach((o) => {
-        o(e);
+  notify(t) {
+    F.batch(() => {
+      this.listeners.forEach((r) => {
+        r(t);
       });
     });
   }
   onFocus() {
-    O.batch(() => {
-      this.getAll().forEach((e) => {
-        e.onFocus();
+    F.batch(() => {
+      this.getAll().forEach((t) => {
+        t.onFocus();
       });
     });
   }
   onOnline() {
-    O.batch(() => {
-      this.getAll().forEach((e) => {
-        e.onOnline();
+    F.batch(() => {
+      this.getAll().forEach((t) => {
+        t.onOnline();
       });
     });
   }
-}, z = new WeakMap(), ht), L, T, G, Q, U, xt, ir = (xt = class extends Pt {
-  constructor(e) {
+}, L = new WeakMap(), he), Q, T, tt, V, U, pe, ar = (pe = class extends He {
+  constructor(t) {
     super();
+    M(this, V);
     M(this, Q);
-    M(this, L);
     M(this, T);
-    M(this, G);
-    this.mutationId = e.mutationId, k(this, T, e.mutationCache), k(this, L, []), this.state = e.state || ar(), this.setOptions(e.options), this.scheduleGc();
+    M(this, tt);
+    this.mutationId = t.mutationId, w(this, T, t.mutationCache), w(this, Q, []), this.state = t.state || lr(), this.setOptions(t.options), this.scheduleGc();
   }
-  setOptions(e) {
-    this.options = e, this.updateGcTime(this.options.gcTime);
+  setOptions(t) {
+    this.options = t, this.updateGcTime(this.options.gcTime);
   }
   get meta() {
     return this.options.meta;
   }
-  addObserver(e) {
-    x(this, L).includes(e) || (x(this, L).push(e), this.clearGcTimeout(), x(this, T).notify({
+  addObserver(t) {
+    h(this, Q).includes(t) || (h(this, Q).push(t), this.clearGcTimeout(), h(this, T).notify({
       type: "observerAdded",
       mutation: this,
-      observer: e
+      observer: t
     }));
   }
-  removeObserver(e) {
-    k(this, L, x(this, L).filter((o) => o !== e)), this.scheduleGc(), x(this, T).notify({
+  removeObserver(t) {
+    w(this, Q, h(this, Q).filter((r) => r !== t)), this.scheduleGc(), h(this, T).notify({
       type: "observerRemoved",
       mutation: this,
-      observer: e
+      observer: t
     });
   }
   optionalRemove() {
-    x(this, L).length || (this.state.status === "pending" ? this.scheduleGc() : x(this, T).remove(this));
+    h(this, Q).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, T).remove(this));
   }
   continue() {
-    var e;
-    return ((e = x(this, G)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    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
     this.execute(this.state.variables);
   }
-  async execute(e) {
-    var a, d, u, m, h, p, c, y, f, w, g, v, _, R, C, I, H, V, xe, le;
-    const o = () => {
-      W(this, Q, U).call(this, { type: "continue" });
+  async execute(t) {
+    var d, l, m, x, u, p, f, y, c, v, g, N, S, R, I, _, z, J, ht, pt;
+    const r = () => {
+      q(this, V, U).call(this, { type: "continue" });
     };
-    k(this, G, Dt({
-      fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (N, pe) => {
-        W(this, Q, U).call(this, { type: "failed", failureCount: N, error: pe });
+    w(this, tt, Re({
+      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 });
       },
       onPause: () => {
-        W(this, Q, U).call(this, { type: "pause" });
+        q(this, V, U).call(this, { type: "pause" });
       },
-      onContinue: o,
+      onContinue: r,
       retry: this.options.retry ?? 0,
       retryDelay: this.options.retryDelay,
       networkMode: this.options.networkMode,
-      canRun: () => x(this, T).canRun(this)
+      canRun: () => h(this, T).canRun(this)
     }));
-    const n = this.state.status === "pending", i = !x(this, G).canStart();
+    const n = this.state.status === "pending", i = !h(this, tt).canStart();
     try {
       if (n)
-        o();
+        r();
       else {
-        W(this, Q, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((d = (a = x(this, T).config).onMutate) == null ? void 0 : d.call(
-          a,
-          e,
+        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(
+          d,
+          t,
           this
         ));
-        const pe = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
-        pe !== this.state.context && W(this, Q, U).call(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, {
           type: "pending",
-          context: pe,
-          variables: e,
+          context: G,
+          variables: t,
           isPaused: i
         });
       }
-      const N = await x(this, G).start();
-      return await ((p = (h = x(this, T).config).onSuccess) == null ? void 0 : p.call(
-        h,
-        N,
-        e,
+      const C = await h(this, tt).start();
+      return await ((p = (u = h(this, T).config).onSuccess) == null ? void 0 : p.call(
+        u,
+        C,
+        t,
         this.state.context,
         this
-      )), await ((y = (c = this.options).onSuccess) == null ? void 0 : y.call(c, N, e, this.state.context)), await ((w = (f = x(this, T).config).onSettled) == null ? void 0 : w.call(
-        f,
-        N,
+      )), 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,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((v = (g = this.options).onSettled) == null ? void 0 : v.call(g, N, null, e, this.state.context)), W(this, Q, U).call(this, { type: "success", data: N }), N;
-    } catch (N) {
+      )), await ((N = (g = this.options).onSettled) == null ? void 0 : N.call(g, C, null, t, this.state.context)), q(this, V, U).call(this, { type: "success", data: C }), C;
+    } catch (C) {
       try {
-        throw await ((R = (_ = x(this, T).config).onError) == null ? void 0 : R.call(
-          _,
-          N,
-          e,
+        throw await ((R = (S = h(this, T).config).onError) == null ? void 0 : R.call(
+          S,
+          C,
+          t,
           this.state.context,
           this
-        )), await ((I = (C = this.options).onError) == null ? void 0 : I.call(
+        )), await ((_ = (I = this.options).onError) == null ? void 0 : _.call(
+          I,
           C,
-          N,
-          e,
+          t,
           this.state.context
-        )), await ((V = (H = x(this, T).config).onSettled) == null ? void 0 : V.call(
-          H,
+        )), await ((J = (z = h(this, T).config).onSettled) == null ? void 0 : J.call(
+          z,
           void 0,
-          N,
+          C,
           this.state.variables,
           this.state.context,
           this
-        )), await ((le = (xe = this.options).onSettled) == null ? void 0 : le.call(
-          xe,
+        )), await ((pt = (ht = this.options).onSettled) == null ? void 0 : pt.call(
+          ht,
           void 0,
-          N,
-          e,
+          C,
+          t,
           this.state.context
-        )), N;
+        )), C;
       } finally {
-        W(this, Q, U).call(this, { type: "error", error: N });
+        q(this, V, U).call(this, { type: "error", error: C });
       }
     } finally {
-      x(this, T).runNext(this);
+      h(this, T).runNext(this);
     }
   }
-}, L = new WeakMap(), T = new WeakMap(), G = new WeakMap(), Q = new WeakSet(), U = function(e) {
-  const o = (n) => {
-    switch (e.type) {
+}, Q = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), V = new WeakSet(), U = function(t) {
+  const r = (n) => {
+    switch (t.type) {
       case "failed":
         return {
           ...n,
-          failureCount: e.failureCount,
-          failureReason: e.error
+          failureCount: t.failureCount,
+          failureReason: t.error
         };
       case "pause":
         return {
@@ -241,20 +241,20 @@ var z, ht, or = (ht = class extends ft {
       case "pending":
         return {
           ...n,
-          context: e.context,
+          context: t.context,
           data: void 0,
           failureCount: 0,
           failureReason: null,
           error: null,
-          isPaused: e.isPaused,
+          isPaused: t.isPaused,
           status: "pending",
-          variables: e.variables,
+          variables: t.variables,
           submittedAt: Date.now()
         };
       case "success":
         return {
           ...n,
-          data: e.data,
+          data: t.data,
           failureCount: 0,
           failureReason: null,
           error: null,
@@ -265,25 +265,25 @@ var z, ht, or = (ht = class extends ft {
         return {
           ...n,
           data: void 0,
-          error: e.error,
+          error: t.error,
           failureCount: n.failureCount + 1,
-          failureReason: e.error,
+          failureReason: t.error,
           isPaused: !1,
           status: "error"
         };
     }
   };
-  this.state = o(this.state), O.batch(() => {
-    x(this, L).forEach((n) => {
-      n.onMutationUpdate(e);
-    }), x(this, T).notify({
+  this.state = r(this.state), F.batch(() => {
+    h(this, Q).forEach((n) => {
+      n.onMutationUpdate(t);
+    }), h(this, T).notify({
       mutation: this,
       type: "updated",
-      action: e
+      action: t
     });
   });
-}, xt);
-function ar() {
+}, pe);
+function lr() {
   return {
     context: void 0,
     data: void 0,
@@ -296,215 +296,214 @@ function ar() {
     submittedAt: 0
   };
 }
-var A, P, he, pt, lr = (pt = class extends ft {
-  constructor(e = {}) {
+var A, D, xt, fe, ur = (fe = class extends be {
+  constructor(t = {}) {
     super();
     M(this, A);
-    M(this, P);
-    M(this, he);
-    this.config = e, k(this, A, /* @__PURE__ */ new Set()), k(this, P, /* @__PURE__ */ new Map()), k(this, he, 0);
+    M(this, D);
+    M(this, xt);
+    this.config = t, w(this, A, /* @__PURE__ */ new Set()), w(this, D, /* @__PURE__ */ new Map()), w(this, xt, 0);
   }
-  build(e, o, n) {
-    const i = new ir({
+  build(t, r, n) {
+    const i = new ar({
       mutationCache: this,
-      mutationId: ++ce(this, he)._,
-      options: e.defaultMutationOptions(o),
+      mutationId: ++ft(this, xt)._,
+      options: t.defaultMutationOptions(r),
       state: n
     });
     return this.add(i), i;
   }
-  add(e) {
-    x(this, A).add(e);
-    const o = fe(e);
-    if (typeof o == "string") {
-      const n = x(this, P).get(o);
-      n ? n.push(e) : x(this, P).set(o, [e]);
+  add(t) {
+    h(this, A).add(t);
+    const r = ct(t);
+    if (typeof r == "string") {
+      const n = h(this, D).get(r);
+      n ? n.push(t) : h(this, D).set(r, [t]);
     }
-    this.notify({ type: "added", mutation: e });
+    this.notify({ type: "added", mutation: t });
   }
-  remove(e) {
-    if (x(this, A).delete(e)) {
-      const o = fe(e);
-      if (typeof o == "string") {
-        const n = x(this, P).get(o);
+  remove(t) {
+    if (h(this, A).delete(t)) {
+      const r = ct(t);
+      if (typeof r == "string") {
+        const n = h(this, D).get(r);
         if (n)
           if (n.length > 1) {
-            const i = n.indexOf(e);
+            const i = n.indexOf(t);
             i !== -1 && n.splice(i, 1);
-          } else n[0] === e && x(this, P).delete(o);
+          } else n[0] === t && h(this, D).delete(r);
       }
     }
-    this.notify({ type: "removed", mutation: e });
+    this.notify({ type: "removed", mutation: t });
   }
-  canRun(e) {
-    const o = fe(e);
-    if (typeof o == "string") {
-      const n = x(this, P).get(o), i = n == null ? void 0 : n.find(
-        (a) => a.state.status === "pending"
+  canRun(t) {
+    const r = ct(t);
+    if (typeof r == "string") {
+      const n = h(this, D).get(r), i = n == null ? void 0 : n.find(
+        (d) => d.state.status === "pending"
       );
-      return !i || i === e;
+      return !i || i === t;
     } else
       return !0;
   }
-  runNext(e) {
+  runNext(t) {
     var n;
-    const o = fe(e);
-    if (typeof o == "string") {
-      const i = (n = x(this, P).get(o)) == null ? void 0 : n.find((a) => a !== e && a.state.isPaused);
+    const r = ct(t);
+    if (typeof r == "string") {
+      const i = (n = h(this, D).get(r)) == null ? void 0 : n.find((d) => d !== t && d.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
     } else
       return Promise.resolve();
   }
   clear() {
-    O.batch(() => {
-      x(this, A).forEach((e) => {
-        this.notify({ type: "removed", mutation: e });
-      }), x(this, A).clear(), x(this, P).clear();
+    F.batch(() => {
+      h(this, A).forEach((t) => {
+        this.notify({ type: "removed", mutation: t });
+      }), h(this, A).clear(), h(this, D).clear();
     });
   }
   getAll() {
-    return Array.from(x(this, A));
+    return Array.from(h(this, A));
   }
-  find(e) {
-    const o = { exact: !0, ...e };
+  find(t) {
+    const r = { exact: !0, ...t };
     return this.getAll().find(
-      (n) => Le(o, n)
+      (n) => $t(r, n)
     );
   }
-  findAll(e = {}) {
-    return this.getAll().filter((o) => Le(e, o));
+  findAll(t = {}) {
+    return this.getAll().filter((r) => $t(t, r));
   }
-  notify(e) {
-    O.batch(() => {
-      this.listeners.forEach((o) => {
-        o(e);
+  notify(t) {
+    F.batch(() => {
+      this.listeners.forEach((r) => {
+        r(t);
       });
     });
   }
   resumePausedMutations() {
-    const e = this.getAll().filter((o) => o.state.isPaused);
-    return O.batch(
+    const t = this.getAll().filter((r) => r.state.isPaused);
+    return F.batch(
       () => Promise.all(
-        e.map((o) => o.continue().catch($))
+        t.map((r) => r.continue().catch($))
       )
     );
   }
-}, A = new WeakMap(), P = new WeakMap(), he = new WeakMap(), pt);
-function fe(t) {
-  var e;
-  return (e = t.options.scope) == null ? void 0 : e.id;
+}, A = new WeakMap(), D = new WeakMap(), xt = new WeakMap(), fe);
+function ct(e) {
+  var t;
+  return (t = e.options.scope) == null ? void 0 : t.id;
 }
-function Ue(t) {
+function Zt(e) {
   return {
-    onFetch: (e, o) => {
-      var p, c, y, f, w;
-      const n = e.options, i = (y = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : y.direction, a = ((f = e.state.data) == null ? void 0 : f.pages) || [], d = ((w = e.state.data) == null ? void 0 : w.pageParams) || [];
-      let u = { pages: [], pageParams: [] }, m = 0;
-      const h = async () => {
+    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 g = !1;
-        const v = (C) => {
-          Object.defineProperty(C, "signal", {
+        const N = (I) => {
+          Object.defineProperty(I, "signal", {
             enumerable: !0,
-            get: () => (e.signal.aborted ? g = !0 : e.signal.addEventListener("abort", () => {
+            get: () => (t.signal.aborted ? g = !0 : t.signal.addEventListener("abort", () => {
               g = !0;
-            }), e.signal)
+            }), t.signal)
           });
-        }, _ = Rt(e.options, e.fetchOptions), R = async (C, I, H) => {
+        }, S = ze(t.options, t.fetchOptions), R = async (I, _, z) => {
           if (g)
             return Promise.reject();
-          if (I == null && C.pages.length)
-            return Promise.resolve(C);
-          const V = {
-            client: e.client,
-            queryKey: e.queryKey,
-            pageParam: I,
-            direction: H ? "backward" : "forward",
-            meta: e.options.meta
-          };
-          v(V);
-          const xe = await _(
-            V
-          ), { maxPages: le } = e.options, N = H ? Ht : zt;
+          if (_ == null && I.pages.length)
+            return Promise.resolve(I);
+          const ht = (() => {
+            const Lt = {
+              client: t.client,
+              queryKey: t.queryKey,
+              pageParam: _,
+              direction: z ? "backward" : "forward",
+              meta: t.options.meta
+            };
+            return N(Lt), Lt;
+          })(), pt = await S(ht), { maxPages: C } = t.options, G = z ? Le : Qe;
           return {
-            pages: N(C.pages, xe, le),
-            pageParams: N(C.pageParams, I, le)
+            pages: G(I.pages, pt, C),
+            pageParams: G(I.pageParams, _, C)
           };
         };
-        if (i && a.length) {
-          const C = i === "backward", I = C ? dr : Ke, H = {
-            pages: a,
-            pageParams: d
-          }, V = I(n, H);
-          u = await R(H, V, C);
+        if (i && d.length) {
+          const I = i === "backward", _ = I ? mr : Xt, z = {
+            pages: d,
+            pageParams: l
+          }, J = _(n, z);
+          m = await R(z, J, I);
         } else {
-          const C = t ?? a.length;
+          const I = e ?? d.length;
           do {
-            const I = m === 0 ? d[0] ?? n.initialPageParam : Ke(n, u);
-            if (m > 0 && I == null)
+            const _ = x === 0 ? l[0] ?? n.initialPageParam : Xt(n, m);
+            if (x > 0 && _ == null)
               break;
-            u = await R(u, I), m++;
-          } while (m < C);
+            m = await R(m, _), x++;
+          } while (x < I);
         }
-        return u;
+        return m;
       };
-      e.options.persister ? e.fetchFn = () => {
-        var g, v;
-        return (v = (g = e.options).persister) == null ? void 0 : v.call(
+      t.options.persister ? t.fetchFn = () => {
+        var g, N;
+        return (N = (g = t.options).persister) == null ? void 0 : N.call(
           g,
-          h,
+          u,
           {
-            client: e.client,
-            queryKey: e.queryKey,
-            meta: e.options.meta,
-            signal: e.signal
+            client: t.client,
+            queryKey: t.queryKey,
+            meta: t.options.meta,
+            signal: t.signal
           },
-          o
+          r
         );
-      } : e.fetchFn = h;
+      } : t.fetchFn = u;
     }
   };
 }
-function Ke(t, { pages: e, pageParams: o }) {
-  const n = e.length - 1;
-  return e.length > 0 ? t.getNextPageParam(
-    e[n],
-    e,
-    o[n],
-    o
+function Xt(e, { pages: t, pageParams: r }) {
+  const n = t.length - 1;
+  return t.length > 0 ? e.getNextPageParam(
+    t[n],
+    t,
+    r[n],
+    r
   ) : void 0;
 }
-function dr(t, { pages: e, pageParams: o }) {
+function mr(e, { pages: t, pageParams: r }) {
   var n;
-  return e.length > 0 ? (n = t.getPreviousPageParam) == null ? void 0 : n.call(t, e[0], e, o[0], o) : void 0;
+  return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, r[0], r) : void 0;
 }
-var s, K, Z, ee, te, X, re, ne, ct, ur = (ct = class {
-  constructor(t = {}) {
-    M(this, s);
+var k, K, Z, et, rt, X, nt, ot, ce, xr = (ce = class {
+  constructor(e = {}) {
+    M(this, k);
     M(this, K);
     M(this, Z);
-    M(this, ee);
-    M(this, te);
+    M(this, et);
+    M(this, rt);
     M(this, X);
-    M(this, re);
-    M(this, ne);
-    k(this, s, t.queryCache || new or()), k(this, K, t.mutationCache || new lr()), k(this, Z, t.defaultOptions || {}), k(this, ee, /* @__PURE__ */ new Map()), k(this, te, /* @__PURE__ */ new Map()), k(this, X, 0);
+    M(this, nt);
+    M(this, ot);
+    w(this, k, e.queryCache || new dr()), w(this, K, e.mutationCache || new ur()), w(this, Z, e.defaultOptions || {}), w(this, et, /* @__PURE__ */ new Map()), w(this, rt, /* @__PURE__ */ new Map()), w(this, X, 0);
   }
   mount() {
-    ce(this, X)._++, x(this, X) === 1 && (k(this, re, Lt.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), x(this, s).onFocus());
-    })), k(this, ne, Qe.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), x(this, s).onOnline());
+    ft(this, X)._++, h(this, X) === 1 && (w(this, nt, Ve.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), h(this, k).onFocus());
+    })), w(this, ot, At.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), h(this, k).onOnline());
     })));
   }
   unmount() {
-    var t, e;
-    ce(this, X)._--, x(this, X) === 0 && ((t = x(this, re)) == null || t.call(this), k(this, re, void 0), (e = x(this, ne)) == null || e.call(this), k(this, ne, void 0));
+    var e, t;
+    ft(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));
   }
-  isFetching(t) {
-    return x(this, s).findAll({ ...t, fetchStatus: "fetching" }).length;
+  isFetching(e) {
+    return h(this, k).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
-  isMutating(t) {
-    return x(this, K).findAll({ ...t, status: "pending" }).length;
+  isMutating(e) {
+    return h(this, K).findAll({ ...e, status: "pending" }).length;
   }
   /**
    * Imperative (non-reactive) way to retrieve data for a QueryKey.
@@ -513,219 +512,219 @@ var s, K, Z, ee, te, X, re, ne, ct, ur = (ct = class {
    * Hint: Do not use this function inside a component, because it won't receive updates.
    * Use `useQuery` to create a `QueryObserver` that subscribes to changes.
    */
-  getQueryData(t) {
-    var o;
-    const e = this.defaultQueryOptions({ queryKey: t });
-    return (o = x(this, s).get(e.queryHash)) == null ? void 0 : o.state.data;
-  }
-  ensureQueryData(t) {
-    const e = this.defaultQueryOptions(t), o = x(this, s).build(this, e), n = o.state.data;
-    return n === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && o.isStaleByTime(Ve(e.staleTime, o)) && this.prefetchQuery(e), Promise.resolve(n));
-  }
-  getQueriesData(t) {
-    return x(this, s).findAll(t).map(({ queryKey: e, state: o }) => {
-      const n = o.data;
-      return [e, n];
+  getQueryData(e) {
+    var r;
+    const t = this.defaultQueryOptions({ queryKey: e });
+    return (r = h(this, k).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(Wt(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(n));
+  }
+  getQueriesData(e) {
+    return h(this, k).findAll(e).map(({ queryKey: t, state: r }) => {
+      const n = r.data;
+      return [t, n];
     });
   }
-  setQueryData(t, e, o) {
-    const n = this.defaultQueryOptions({ queryKey: t }), i = x(this, s).get(
+  setQueryData(e, t, r) {
+    const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, k).get(
       n.queryHash
-    ), a = i == null ? void 0 : i.state.data, d = Qt(e, a);
-    if (d !== void 0)
-      return x(this, s).build(this, n).setData(d, { ...o, manual: !0 });
+    ), d = i == null ? void 0 : i.state.data, l = $e(t, d);
+    if (l !== void 0)
+      return h(this, k).build(this, n).setData(l, { ...r, manual: !0 });
   }
-  setQueriesData(t, e, o) {
-    return O.batch(
-      () => x(this, s).findAll(t).map(({ queryKey: n }) => [
+  setQueriesData(e, t, r) {
+    return F.batch(
+      () => h(this, k).findAll(e).map(({ queryKey: n }) => [
         n,
-        this.setQueryData(n, e, o)
+        this.setQueryData(n, t, r)
       ])
     );
   }
-  getQueryState(t) {
-    var o;
-    const e = this.defaultQueryOptions({ queryKey: t });
-    return (o = x(this, s).get(
-      e.queryHash
-    )) == null ? void 0 : o.state;
-  }
-  removeQueries(t) {
-    const e = x(this, s);
-    O.batch(() => {
-      e.findAll(t).forEach((o) => {
-        e.remove(o);
+  getQueryState(e) {
+    var r;
+    const t = this.defaultQueryOptions({ queryKey: e });
+    return (r = h(this, k).get(
+      t.queryHash
+    )) == null ? void 0 : r.state;
+  }
+  removeQueries(e) {
+    const t = h(this, k);
+    F.batch(() => {
+      t.findAll(e).forEach((r) => {
+        t.remove(r);
       });
     });
   }
-  resetQueries(t, e) {
-    const o = x(this, s);
-    return O.batch(() => (o.findAll(t).forEach((n) => {
+  resetQueries(e, t) {
+    const r = h(this, k);
+    return F.batch(() => (r.findAll(e).forEach((n) => {
       n.reset();
     }), this.refetchQueries(
       {
         type: "active",
-        ...t
+        ...e
       },
-      e
+      t
     )));
   }
-  cancelQueries(t, e = {}) {
-    const o = { revert: !0, ...e }, n = O.batch(
-      () => x(this, s).findAll(t).map((i) => i.cancel(o))
+  cancelQueries(e, t = {}) {
+    const r = { revert: !0, ...t }, n = F.batch(
+      () => h(this, k).findAll(e).map((i) => i.cancel(r))
     );
     return Promise.all(n).then($).catch($);
   }
-  invalidateQueries(t, e = {}) {
-    return O.batch(() => (x(this, s).findAll(t).forEach((o) => {
-      o.invalidate();
-    }), (t == null ? void 0 : t.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
+  invalidateQueries(e, t = {}) {
+    return F.batch(() => (h(this, k).findAll(e).forEach((r) => {
+      r.invalidate();
+    }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
-        ...t,
-        type: (t == null ? void 0 : t.refetchType) ?? (t == null ? void 0 : t.type) ?? "active"
+        ...e,
+        type: (e == null ? void 0 : e.refetchType) ?? (e == null ? void 0 : e.type) ?? "active"
       },
-      e
+      t
     )));
   }
-  refetchQueries(t, e = {}) {
-    const o = {
-      ...e,
-      cancelRefetch: e.cancelRefetch ?? !0
-    }, n = O.batch(
-      () => x(this, s).findAll(t).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
-        let a = i.fetch(void 0, o);
-        return o.throwOnError || (a = a.catch($)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
+  refetchQueries(e, t = {}) {
+    const r = {
+      ...t,
+      cancelRefetch: t.cancelRefetch ?? !0
+    }, n = F.batch(
+      () => h(this, k).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 Promise.all(n).then($);
   }
-  fetchQuery(t) {
-    const e = this.defaultQueryOptions(t);
-    e.retry === void 0 && (e.retry = !1);
-    const o = x(this, s).build(this, e);
-    return o.isStaleByTime(
-      Ve(e.staleTime, o)
-    ) ? o.fetch(e) : Promise.resolve(o.state.data);
+  fetchQuery(e) {
+    const t = this.defaultQueryOptions(e);
+    t.retry === void 0 && (t.retry = !1);
+    const r = h(this, k).build(this, t);
+    return r.isStaleByTime(
+      Wt(t.staleTime, r)
+    ) ? r.fetch(t) : Promise.resolve(r.state.data);
   }
-  prefetchQuery(t) {
-    return this.fetchQuery(t).then($).catch($);
+  prefetchQuery(e) {
+    return this.fetchQuery(e).then($).catch($);
   }
-  fetchInfiniteQuery(t) {
-    return t.behavior = Ue(t.pages), this.fetchQuery(t);
+  fetchInfiniteQuery(e) {
+    return e.behavior = Zt(e.pages), this.fetchQuery(e);
   }
-  prefetchInfiniteQuery(t) {
-    return this.fetchInfiniteQuery(t).then($).catch($);
+  prefetchInfiniteQuery(e) {
+    return this.fetchInfiniteQuery(e).then($).catch($);
   }
-  ensureInfiniteQueryData(t) {
-    return t.behavior = Ue(t.pages), this.ensureQueryData(t);
+  ensureInfiniteQueryData(e) {
+    return e.behavior = Zt(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
-    return Qe.isOnline() ? x(this, K).resumePausedMutations() : Promise.resolve();
+    return At.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return x(this, s);
+    return h(this, k);
   }
   getMutationCache() {
-    return x(this, K);
+    return h(this, K);
   }
   getDefaultOptions() {
-    return x(this, Z);
+    return h(this, Z);
   }
-  setDefaultOptions(t) {
-    k(this, Z, t);
+  setDefaultOptions(e) {
+    w(this, Z, e);
   }
-  setQueryDefaults(t, e) {
-    x(this, ee).set($e(t), {
-      queryKey: t,
-      defaultOptions: e
+  setQueryDefaults(e, t) {
+    h(this, et).set(qt(e), {
+      queryKey: e,
+      defaultOptions: t
     });
   }
-  getQueryDefaults(t) {
-    const e = [...x(this, ee).values()], o = {};
-    return e.forEach((n) => {
-      Ae(t, n.queryKey) && Object.assign(o, n.defaultOptions);
-    }), o;
+  getQueryDefaults(e) {
+    const t = [...h(this, et).values()], r = {};
+    return t.forEach((n) => {
+      Ut(e, n.queryKey) && Object.assign(r, n.defaultOptions);
+    }), r;
   }
-  setMutationDefaults(t, e) {
-    x(this, te).set($e(t), {
-      mutationKey: t,
-      defaultOptions: e
+  setMutationDefaults(e, t) {
+    h(this, rt).set(qt(e), {
+      mutationKey: e,
+      defaultOptions: t
     });
   }
-  getMutationDefaults(t) {
-    const e = [...x(this, te).values()], o = {};
-    return e.forEach((n) => {
-      Ae(t, n.mutationKey) && Object.assign(o, n.defaultOptions);
-    }), o;
+  getMutationDefaults(e) {
+    const t = [...h(this, rt).values()], r = {};
+    return t.forEach((n) => {
+      Ut(e, n.mutationKey) && Object.assign(r, n.defaultOptions);
+    }), r;
   }
-  defaultQueryOptions(t) {
-    if (t._defaulted)
-      return t;
-    const e = {
-      ...x(this, Z).queries,
-      ...this.getQueryDefaults(t.queryKey),
-      ...t,
+  defaultQueryOptions(e) {
+    if (e._defaulted)
+      return e;
+    const t = {
+      ...h(this, Z).queries,
+      ...this.getQueryDefaults(e.queryKey),
+      ...e,
       _defaulted: !0
     };
-    return e.queryHash || (e.queryHash = bt(
-      e.queryKey,
-      e
-    )), e.refetchOnReconnect === void 0 && (e.refetchOnReconnect = e.networkMode !== "always"), e.throwOnError === void 0 && (e.throwOnError = !!e.suspense), !e.networkMode && e.persister && (e.networkMode = "offlineFirst"), e.queryFn === Vt && (e.enabled = !1), e;
-  }
-  defaultMutationOptions(t) {
-    return t != null && t._defaulted ? t : {
-      ...x(this, Z).mutations,
-      ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
-      ...t,
+    return t.queryHash || (t.queryHash = ge(
+      t.queryKey,
+      t
+    )), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.queryFn === Ae && (t.enabled = !1), t;
+  }
+  defaultMutationOptions(e) {
+    return e != null && e._defaulted ? e : {
+      ...h(this, Z).mutations,
+      ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
+      ...e,
       _defaulted: !0
     };
   }
   clear() {
-    x(this, s).clear(), x(this, K).clear();
-  }
-}, s = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), X = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), ct);
-const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resolve().then(() => yo)), xr = B(() => Promise.resolve().then(() => En)), pr = B(() => Promise.resolve().then(() => Pn)), cr = B(() => Promise.resolve().then(() => Lr)), fr = B(() => Promise.resolve().then(() => Sr)), br = B(() => Promise.resolve().then(() => tn)), gr = B(() => Promise.resolve().then(() => Zr)), jr = B(() => Promise.resolve().then(() => Gn)), yr = B(() => Promise.resolve().then(() => Vr)), sr = B(() => Promise.resolve().then(() => Nn)), kr = B(() => Promise.resolve().then(() => _r)), wr = {
-  header: fr,
-  seoHeader: jr,
-  banner: mr,
-  calculator: hr,
-  form: xr,
-  formDialog: pr,
-  stepper: yr,
-  benefit: kr,
-  longBanner: gr,
-  usefulInfo: sr,
-  interLinking: br,
-  footer: cr
-}, vr = Object.keys(wr), j = vr.reduce(
-  (t, e) => (t[e] = e, t),
+    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(), ce);
+const hr = P(() => Promise.resolve().then(() => Pr)), pr = P(() => Promise.resolve().then(() => wo)), fr = P(() => Promise.resolve().then(() => Dn)), cr = P(() => Promise.resolve().then(() => Rn)), br = P(() => Promise.resolve().then(() => $r)), gr = P(() => Promise.resolve().then(() => Br)), jr = P(() => Promise.resolve().then(() => nn)), yr = P(() => Promise.resolve().then(() => Jr)), kr = P(() => Promise.resolve().then(() => eo)), wr = P(() => Promise.resolve().then(() => Wr)), vr = P(() => Promise.resolve().then(() => Mn)), Nr = P(() => Promise.resolve().then(() => Or)), Cr = {
+  header: gr,
+  seoHeader: kr,
+  banner: hr,
+  calculator: pr,
+  form: fr,
+  formDialog: cr,
+  stepper: wr,
+  benefit: Nr,
+  longBanner: yr,
+  usefulInfo: vr,
+  interLinking: jr,
+  footer: br
+}, Ir = Object.keys(Cr), j = Ir.reduce(
+  (e, t) => (e[t] = t, e),
   {}
-), Nr = (t) => yt(() => {
-  switch (t.handler) {
+), Mr = (e) => ke(() => {
+  switch (e.handler) {
     case "navigate": {
-      const { url: o, target: n, rel: i } = t;
-      We && (window == null || window.open(o, n, i));
+      const { url: r, target: n, rel: i } = e;
+      Kt && (window == null || window.open(r, n, i));
       break;
     }
     case "scroll": {
-      const { widgetId: o } = t ?? "";
-      Jt({ widgetId: o });
+      const { widgetId: r } = e ?? "";
+      se({ widgetId: r });
       break;
     }
     case "dialog": {
-      if (!We) return;
-      const { dialogId: o } = t ?? {}, n = document.getElementById(o);
+      if (!Kt) return;
+      const { dialogId: r } = e ?? {}, n = document.getElementById(r);
       if (!n) {
-        console.error("Такого элемента в DOM не существует", o);
+        console.error("Такого элемента в DOM не существует", r);
         break;
       }
       n.show();
     }
   }
-}, [t]), Y = ({ handlerOptions: t, className: e, ...o }) => {
-  const n = Nr(t);
-  return /* @__PURE__ */ r.jsx(ge, { className: l(e), onClick: n, ...o, children: o.children });
-}, Cr = E(
+}, [e]), Y = ({ handlerOptions: e, className: t, ...r }) => {
+  const n = Mr(e);
+  return /* @__PURE__ */ o.jsx(gt, { className: a(t), onClick: n, ...r, children: r.children });
+}, _r = E(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -736,43 +735,43 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       }
     }
   }
-), Mr = ({
-  subtitle: t,
-  title: e,
-  img: o,
+), Sr = ({
+  subtitle: e,
+  title: t,
+  img: r,
   mobileImg: n,
   classes: i,
-  withButton: a,
-  button: d,
-  variant: u,
-  color: m
+  withButton: d,
+  button: l,
+  variant: m,
+  color: x
 }) => {
-  const { isDesktop: h } = ae();
-  return /* @__PURE__ */ r.jsxs(
+  const { isDesktop: u } = at();
+  return /* @__PURE__ */ o.jsxs(
     "li",
     {
-      style: { backgroundColor: m ?? "#F3F4F7" },
-      className: l(Cr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      style: { backgroundColor: x ?? "#F3F4F7" },
+      className: a(_r({ variant: m }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
-          /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
-            /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: { __html: e }, className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
-            /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+            /* @__PURE__ */ o.jsx(
               "div",
               {
-                dangerouslySetInnerHTML: { __html: t },
-                className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
+                dangerouslySetInnerHTML: { __html: e },
+                className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          a && h && (d == null ? void 0 : d.handlerOptions) && /* @__PURE__ */ r.jsx(Y, { intent: "primary", className: l("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...d })
+          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 })
         ] }),
-        (n || h) && o && /* @__PURE__ */ r.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: o && "url" in o && S.isObject(o) ? /* @__PURE__ */ r.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: o.url, alt: o.alt }) : o })
+        (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 })
       ]
     },
-    e
+    t
   );
-}, Ir = E("grid gap-4", {
+}, Tr = E("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -780,137 +779,137 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Ze = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(F, { className: n == null ? void 0 : n.container, children: [
-  /* @__PURE__ */ r.jsx(
+}), Yt = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(B, { className: n == null ? void 0 : n.container, children: [
+  /* @__PURE__ */ o.jsx(
     "div",
     {
-      dangerouslySetInnerHTML: { __html: t },
-      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      dangerouslySetInnerHTML: { __html: e },
+      className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ r.jsx("ul", { className: l(Ir({ variant: o }), n == null ? void 0 : n.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ r.jsx(Mr, { variant: o, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
-] }) }), _r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  /* @__PURE__ */ o.jsx("ul", { className: a(Tr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Sr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+] }) }), Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Benefit: Ze,
-  default: Ze
-}, Symbol.toStringTag, { value: "Module" })), Tr = ({ variant: t, details: e }) => {
-  switch (t) {
+  Benefit: Yt,
+  default: Yt
+}, Symbol.toStringTag, { value: "Module" })), Fr = ({ variant: e, details: t }) => {
+  switch (e) {
     case "withButton":
-      return /* @__PURE__ */ r.jsx(Y, { ...e });
+      return /* @__PURE__ */ o.jsx(Y, { ...t });
     case "withPhone":
-      return /* @__PURE__ */ r.jsx(gt, { classes: { root: "items-end" }, ...e, phone: ke(e.phone) });
+      return /* @__PURE__ */ o.jsx(je, { classes: { root: "items-end" }, ...t, phone: wt(t.phone) });
     default:
       return null;
   }
-}, Xe = (t) => {
-  const { logoPath: e = "/", logoType: o = "main", classes: n } = t;
-  return /* @__PURE__ */ r.jsx(
+}, Jt = (e) => {
+  const { logoPath: t = "/", logoType: r = "main", classes: n } = e;
+  return /* @__PURE__ */ o.jsx(
     "header",
     {
       id: j.header,
       "data-test-id": j.header,
-      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
-      children: /* @__PURE__ */ r.jsx(F, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
-        /* @__PURE__ */ r.jsx(
+      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: [
+        /* @__PURE__ */ o.jsx(
           "a",
           {
-            href: e,
+            href: t,
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: l(
+            className: a(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               n == null ? void 0 : n.logo
             ),
-            children: $t[o]
+            children: We[r]
           }
         ),
-        Tr(t)
+        Fr(e)
       ] }) })
     }
   );
-}, Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Header: Xe,
-  default: Xe
-}, Symbol.toStringTag, { value: "Module" })), Or = ({
-  headTitle: t,
-  subtitle: e,
-  buttonsConfig: o,
+  Header: Jt,
+  default: Jt
+}, Symbol.toStringTag, { value: "Module" })), Er = ({
+  headTitle: e,
+  subtitle: t,
+  buttonsConfig: r,
   advantages: n,
   classes: i,
-  imgMobile: a,
-  imgDesktop: d,
-  imgAlt: u,
-  color: m,
-  renderImage: h
+  imgMobile: d,
+  imgDesktop: l,
+  imgAlt: m,
+  color: x,
+  renderImage: u
 }) => {
-  var v;
-  const { isDesktop: p, isMobile: c } = ae(), { primary: y, secondary: f } = o || {}, w = (_) => h ? h(_) : /* @__PURE__ */ r.jsx("img", { ..._ }), g = /* @__PURE__ */ r.jsx(
+  var N;
+  const { isDesktop: p, isMobile: f } = at(), { primary: y, secondary: c } = r || {}, v = (S) => u ? u(S) : /* @__PURE__ */ o.jsx("img", { ...S }), g = /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      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
       ),
-      children: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+      children: (n == null ? void 0 : n.details) && ((N = n == null ? void 0 : n.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ o.jsx(St, { ...n })
     }
   );
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsxs(
       "section",
       {
         id: j.banner,
         "data-test-id": j.banner,
-        style: { backgroundColor: m ?? "#d9edff" },
-        className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        style: { backgroundColor: x ?? "#d9edff" },
+        className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: w(c ? { src: a.src, alt: u, className: l("h-full w-full object-cover object-center") } : {
-            src: d.src,
-            alt: u,
-            className: l("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: 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__ */ r.jsxs(F, { className: l("h-full", i == null ? void 0 : i.container), children: [
-            /* @__PURE__ */ r.jsx("div", { className: l("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ r.jsxs("div", { className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
-              /* @__PURE__ */ r.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
-                /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ o.jsxs(B, { className: a("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ o.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
+              /* @__PURE__ */ o.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
+                /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: t },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    dangerouslySetInnerHTML: { __html: e },
+                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: e },
-                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    dangerouslySetInnerHTML: { __html: t },
+                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ r.jsxs(
+              /* @__PURE__ */ o.jsxs(
                 "div",
                 {
-                  className: l(
+                  className: a(
                     "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col self-end justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:self-center desktop:px-0",
-                    { "flex items-center gap-4": f == null ? void 0 : f.enabled },
+                    { "flex items-center gap-4": c == null ? void 0 : c.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    y.enabled && /* @__PURE__ */ r.jsx(
+                    y.enabled && /* @__PURE__ */ o.jsx(
                       Y,
                       {
-                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
+                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
                         ...y.buttonContent
                       }
                     ),
-                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ r.jsx(
+                    (c == null ? void 0 : c.enabled) && /* @__PURE__ */ o.jsx(
                       Y,
                       {
                         intent: "secondary",
-                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
                         ...y.buttonContent
                       }
                     )
@@ -923,72 +922,72 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         ]
       }
     ),
-    c && (n == null ? void 0 : n.enabled) && g
+    f && (n == null ? void 0 : n.enabled) && g
   ] });
-}, Ye = ({
-  headTitle: t,
-  subtitle: e,
-  buttonsConfig: o,
+}, Gt = ({
+  headTitle: e,
+  subtitle: t,
+  buttonsConfig: r,
   advantages: n,
   classes: i,
-  imgMobile: a,
-  imgDesktop: d,
-  imgAlt: u,
-  color: m,
-  renderImage: h
+  imgMobile: d,
+  imgDesktop: l,
+  imgAlt: m,
+  color: x,
+  renderImage: u
 }) => {
-  var f, w;
-  const { primary: p, secondary: c } = o || {}, y = (g) => h ? h(g) : /* @__PURE__ */ r.jsx("img", { ...g });
-  return /* @__PURE__ */ r.jsxs(
+  var c, v;
+  const { primary: p, secondary: f } = r || {}, y = (g) => u ? u(g) : /* @__PURE__ */ o.jsx("img", { ...g });
+  return /* @__PURE__ */ o.jsxs(
     "section",
     {
       id: j.banner,
-      style: { backgroundColor: m ?? "#d9edff" },
+      style: { backgroundColor: x ?? "#d9edff" },
       "data-test-id": j.banner,
-      className: l("", i == null ? void 0 : i.root),
+      className: a("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ r.jsxs(F, { className: l("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
-          /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
-            /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-              /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
-                /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ o.jsxs(B, { 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: [
+                /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: t },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    dangerouslySetInnerHTML: { __html: e },
+                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ o.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: e },
-                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    dangerouslySetInnerHTML: { __html: t },
+                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ r.jsxs(
+              /* @__PURE__ */ o.jsxs(
                 "div",
                 {
-                  className: l(
+                  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": c == null ? void 0 : c.enabled },
+                    { "flex items-center gap-4": f == null ? void 0 : f.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    p.enabled && /* @__PURE__ */ r.jsx(
+                    p.enabled && /* @__PURE__ */ o.jsx(
                       Y,
                       {
-                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
+                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
                         ...p.buttonContent
                       }
                     ),
-                    (c == null ? void 0 : c.enabled) && /* @__PURE__ */ r.jsx(
+                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ o.jsx(
                       Y,
                       {
                         intent: "secondary",
-                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
                         ...p.buttonContent
                       }
                     )
@@ -996,160 +995,160 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                 }
               )
             ] }),
-            /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: l(
+                className: a(
                   "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: y({ src: a.src, alt: u, className: l("h-full object-contain") })
+                children: y({ src: d.src, alt: m, className: a("h-full object-contain") })
               }
             ),
-            /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: l(
+                className: a(
                   "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
                 children: y({
-                  src: d.src,
-                  alt: u,
-                  className: l("h-full object-contain")
+                  src: l.src,
+                  alt: m,
+                  className: a("h-full object-contain")
                 })
               }
             )
           ] }),
-          (n == null ? void 0 : n.enabled) && /* @__PURE__ */ r.jsx(
+          (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
             "div",
             {
-              className: l(
+              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) && ((f = n == null ? void 0 : n.details) == null ? void 0 : f.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+              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 })
             }
           )
         ] }),
-        (n == null ? void 0 : n.enabled) && /* @__PURE__ */ r.jsx(
+        (n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: l(
+            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) && ((w = n == null ? void 0 : n.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+            children: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ o.jsx(St, { ...n })
           }
         )
       ]
     }
   );
-}, Je = ({ variant: t, ...e }) => {
-  switch (t) {
+}, st = ({ variant: e, ...t }) => {
+  switch (e) {
     case "separateImg":
-      return /* @__PURE__ */ r.jsx(Ye, { ...e });
+      return /* @__PURE__ */ o.jsx(Gt, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ r.jsx(Or, { ...e });
+      return /* @__PURE__ */ o.jsx(Er, { ...t });
     default:
-      return /* @__PURE__ */ r.jsx(Ye, { ...e });
+      return /* @__PURE__ */ o.jsx(Gt, { ...t });
   }
-}, Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Banner: Je,
-  default: Je
-}, Symbol.toStringTag, { value: "Module" })), Ie = ({ details: t, classes: e }) => {
-  const { variant: o, items: n } = t ?? {};
-  return /* @__PURE__ */ r.jsx(
+  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: l(
+      className: a(
         "z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-        { "desktop:max-w-[860px]": o === "threeCards" },
-        { "desktop:max-w-[1140px]": o === "fourCards" },
-        e == null ? void 0 : e.root
+        { "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: a }) => /* @__PURE__ */ r.jsxs(
+      children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
-            e == null ? void 0 : e.item
+            t == null ? void 0 : t.item
           ),
           children: [
-            /* @__PURE__ */ r.jsx(D, { as: "h4", className: l("text-color-dark", e == null ? void 0 : e.title), children: i }),
-            /* @__PURE__ */ r.jsx("p", { className: l("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: a })
+            /* @__PURE__ */ o.jsx(H, { 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
       ))
     }
   );
-}, Er = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: o, href: n }) => /* @__PURE__ */ r.jsx(
+}, Dr = ({ 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: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
     href: n,
-    "aria-label": o.replace("social/", ""),
-    children: /* @__PURE__ */ r.jsx(b, { name: o, className: l("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    "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) })
   },
   n
-)) }), Br = ({ phones: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: o, text: n }) => /* @__PURE__ */ r.jsx(
-  gt,
+)) }), Hr = ({ 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(
+  je,
   {
-    phone: ke(o),
+    phone: wt(r),
     text: n,
     classes: {
-      root: l(e == null ? void 0 : e.phoneWrapper),
-      text: l("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: l("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
+      root: a(t == null ? void 0 : t.phoneWrapper),
+      text: a("text-color-footer", t == null ? void 0 : t.phoneText),
+      link: a("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
-  o
-)) }), Pr = ({ classes: t, details: e }) => /* @__PURE__ */ r.jsx(
+  r
+)) }), Rr = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: l(
+    className: a(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
-      t == null ? void 0 : t.navRoot
+      e == null ? void 0 : e.navRoot
     ),
-    children: e == null ? void 0 : e.map(
-      ({ column: o }) => o == null ? void 0 : o.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
-        /* @__PURE__ */ r.jsx("div", { className: l("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: n }),
-        /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: d }) => /* @__PURE__ */ r.jsx(
-          je,
+    children: t == null ? void 0 : t.map(
+      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+        /* @__PURE__ */ o.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
+        /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l }) => /* @__PURE__ */ o.jsx(
+          jt,
           {
-            href: a,
-            "aria-label": d,
+            href: d,
+            "aria-label": l,
             intent: "white",
             classes: {
-              link: t == null ? void 0 : t.navLink,
-              icon: t == null ? void 0 : t.navLinkIcon
+              link: e == null ? void 0 : e.navLink,
+              icon: e == null ? void 0 : e.navLinkIcon
             },
-            children: d
+            children: l
           },
-          d
+          l
         )) })
       ] }, n))
     )
   }
-), Dr = ({ text: t, classes: e }) => /* @__PURE__ */ r.jsx(
+), zr = ({ text: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: l("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
-    dangerouslySetInnerHTML: { __html: t }
+    className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
+    dangerouslySetInnerHTML: { __html: e }
   }
-), Rr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
+), Lr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", t == null ? void 0 : t.footerLogo),
-    children: /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoWhite", className: l("size-full", t == null ? void 0 : t.footerLogoIcon) })
+    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) })
   }
-), Hr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
-  je,
+), Qr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+  jt,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -1157,147 +1156,147 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: l("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
-      icon: t == null ? void 0 : t.siteMapLinkIcon
+      link: a("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
+      icon: e == null ? void 0 : e.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), zr = ({ text: t, classes: e }) => {
-  const [o, n] = ue.useState(!1), [i, a] = ue.useState(!1), d = ue.useRef(null);
-  return ue.useEffect(() => {
-    const u = d.current;
-    u && a(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ r.jsxs("div", { className: l("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
-    /* @__PURE__ */ r.jsx(
+), Vr = ({ 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);
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+    /* @__PURE__ */ o.jsx(
       "div",
       {
-        ref: d,
-        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
-        dangerouslySetInnerHTML: { __html: t }
+        ref: l,
+        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
+        dangerouslySetInnerHTML: { __html: e }
       }
     ),
-    i && /* @__PURE__ */ r.jsx(
+    i && /* @__PURE__ */ o.jsx(
       "div",
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => n((u) => !u),
-        className: l(
+        onClick: () => n((m) => !m),
+        className: a(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
-          e == null ? void 0 : e.ligalButton
+          t == null ? void 0 : t.ligalButton
         ),
         children: "Подробнее"
       }
     )
   ] });
-}, Ge = ({
-  socialsLinks: t,
-  phones: e,
-  ligal: o,
+}, te = ({
+  socialsLinks: e,
+  phones: t,
+  ligal: r,
   copyright: n,
   classes: i,
-  details: a,
-  siteMap: d = !0
-}) => /* @__PURE__ */ r.jsx(
+  details: d,
+  siteMap: l = !0
+}) => /* @__PURE__ */ o.jsx(
   "footer",
   {
     id: j.footer,
     "data-test-id": j.footer,
-    className: l("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ r.jsx(F, { className: l(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ r.jsxs("div", { className: l("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
-      /* @__PURE__ */ r.jsxs(
+    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: [
+      /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
             i == null ? void 0 : i.footerHead
           ),
           children: [
-            /* @__PURE__ */ r.jsxs("div", { className: l(i == null ? void 0 : i.footerSocialBlock), children: [
-              /* @__PURE__ */ r.jsx(Rr, { classes: i == null ? void 0 : i.footerLogo }),
-              t.enabled && /* @__PURE__ */ r.jsx(Er, { socialsLinks: t.links, classes: i == null ? void 0 : i.socialLinks })
+            /* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
+              /* @__PURE__ */ o.jsx(Lr, { classes: i == null ? void 0 : i.footerLogo }),
+              e.enabled && /* @__PURE__ */ o.jsx(Dr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
-            e.enabled && /* @__PURE__ */ r.jsx(Br, { phones: e.items, classes: i == null ? void 0 : i.phonesBlock })
+            t.enabled && /* @__PURE__ */ o.jsx(Hr, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !S.isArrayEmpty(a) && /* @__PURE__ */ r.jsx(Pr, { details: a, classes: i == null ? void 0 : i.navLinks }),
-      o.enabled && /* @__PURE__ */ r.jsx(zr, { text: o.text }),
-      /* @__PURE__ */ r.jsxs(
+      !O.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Rr, { details: d, classes: i == null ? void 0 : i.navLinks }),
+      r.enabled && /* @__PURE__ */ o.jsx(Vr, { text: r.text }),
+      /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
             i == null ? void 0 : i.footerBottom
           ),
           children: [
-            n.enabled && /* @__PURE__ */ r.jsx(Dr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
-            d && /* @__PURE__ */ r.jsx(Hr, { classes: i == null ? void 0 : i.siteMap })
+            n.enabled && /* @__PURE__ */ o.jsx(zr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
+            l && /* @__PURE__ */ o.jsx(Qr, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
     ] }) })
   }
-), Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Footer: Ge,
-  default: Ge
-}, Symbol.toStringTag, { value: "Module" })), Qr = ({ classes: t, index: e, variant: o, title: n, description: i }) => {
-  const a = o === "withTitleAndDescription" && n;
-  return /* @__PURE__ */ r.jsxs(
+  Footer: te,
+  default: te
+}, Symbol.toStringTag, { value: "Module" })), Ar = ({ classes: e, index: t, variant: r, title: n, description: i }) => {
+  const d = r === "withTitleAndDescription" && n;
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-        t == null ? void 0 : t.singleStep
+        e == null ? void 0 : e.singleStep
       ),
       children: [
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: l(
+            className: a(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
-              t == null ? void 0 : t.numeric
+              e == null ? void 0 : e.numeric
             ),
-            children: e
+            children: t
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2"), children: [
-          a && /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
+          d && /* @__PURE__ */ o.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: n },
-              className: l("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+              className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", e == null ? void 0 : e.title)
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ o.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: i ?? "" },
-              className: l("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+              className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description)
             }
           )
         ] })
       ]
     }
   );
-}, et = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: j.stepper, "data-test-id": j.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ r.jsx(F, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ r.jsx(D, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: t }),
-  /* @__PURE__ */ r.jsx(
+}, ee = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: j.stepper, "data-test-id": j.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(H, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: e }),
+  /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
         n == null ? void 0 : n.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ r.jsx(Qr, { variant: o, ...i, index: a + 1, classes: n == null ? void 0 : n.step }, i.description))
+      children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(Ar, { variant: r, ...i, index: d + 1, classes: n == null ? void 0 : n.step }, i.description))
     }
   )
-] }) }) }), Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }) }) }), Wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Stepper: et,
-  default: et
-}, Symbol.toStringTag, { value: "Module" })), $r = E("", {
+  Stepper: ee,
+  default: ee
+}, Symbol.toStringTag, { value: "Module" })), qr = E("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1313,7 +1312,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), Ar = E("", {
+}), Ur = E("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1345,7 +1344,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), qr = E("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), Kr = E("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',
@@ -1355,7 +1354,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), Wr = E("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Zr = E("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1381,56 +1380,56 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Ur = ({ data: t, intent: e }) => {
+}), Xr = ({ data: e, intent: t }) => {
   const {
-    title: o,
+    title: r,
     description: n,
     popover: i = {
       enabled: !1
     }
-  } = t;
-  return /* @__PURE__ */ r.jsx("li", { className: l(qr({ intent: e })), children: /* @__PURE__ */ r.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ r.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: o }),
-      i.enabled && /* @__PURE__ */ r.jsx(_e, { triggerElement: /* @__PURE__ */ r.jsx(b, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  } = e;
+  return /* @__PURE__ */ o.jsx("li", { className: a(Kr({ 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 })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, Ce = ({ intent: t, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: l($r({ intent: t, desktopHidden: o, mobileHidden: n })), children: e }), Kr = ({ details: t, intent: e, withButton: o }) => /* @__PURE__ */ r.jsx("ul", { className: l(Ar({ intent: e, withButton: o })), children: t == null ? void 0 : t.map((n, i) => /* @__PURE__ */ r.jsx(Ur, { intent: e, data: n }, i)) }), tt = ({
-  headline: t,
-  buttonConfig: e,
-  intent: o = "twoItems",
+}, It = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(qr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), Yr = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(Ur({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(Xr, { intent: t, data: n }, i)) }), re = ({
+  headline: e,
+  buttonConfig: t,
+  intent: r = "twoItems",
   details: n,
   image: i,
-  classes: a
+  classes: d
 }) => {
-  const d = o === "fourItems", u = o === "twoItems", m = i && "url" in i && S.isObject(i) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ r.jsx("section", { id: j.longBanner, "data-test-id": j.longBanner, className: l(a == null ? void 0 : a.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(a == null ? void 0 : a.container), children: [
-    u && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t }),
-    /* @__PURE__ */ r.jsxs(
+  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: j.longBanner, "data-test-id": j.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 }),
+    /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: l(
+        className: a(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
-          a == null ? void 0 : a.contentContainer
+          d == null ? void 0 : d.contentContainer
         ),
         children: [
-          d && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t, desktopHidden: !0 }),
-          /* @__PURE__ */ r.jsx("div", { className: l(Wr({ intent: o, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
-          /* @__PURE__ */ r.jsxs(
+          l && /* @__PURE__ */ o.jsx(It, { intent: r, headline: e, desktopHidden: !0 }),
+          /* @__PURE__ */ o.jsx("div", { className: a(Zr({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
+          /* @__PURE__ */ o.jsxs(
             "div",
             {
-              className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
+              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                d && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t, mobileHidden: !0 }),
-                /* @__PURE__ */ r.jsx(Kr, { details: n, intent: o, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
-                (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ r.jsx(
+                l && /* @__PURE__ */ o.jsx(It, { intent: r, headline: e, mobileHidden: !0 }),
+                /* @__PURE__ */ o.jsx(Yr, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
                   Y,
                   {
-                    className: l("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
+                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
                     intent: "secondary",
-                    ...e.buttonContent
+                    ...t.buttonContent
                   }
                 )
               ]
@@ -1440,177 +1439,177 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       }
     )
   ] }) });
-}, Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LongBanner: tt,
-  default: tt
-}, Symbol.toStringTag, { value: "Module" })), Me = {
+  LongBanner: re,
+  default: re
+}, Symbol.toStringTag, { value: "Module" })), Mt = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, vt = ({ children: t, isLoading: e, classes: o, loaderProps: n }) => /* @__PURE__ */ r.jsx(
+}, Ce = ({ children: e, isLoading: t, classes: r, loaderProps: n }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     tabIndex: 0,
-    className: l(
+    className: a(
       "relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
       "bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
-      o == null ? void 0 : o.root
+      r == null ? void 0 : r.root
     ),
-    children: /* @__PURE__ */ r.jsx(
+    children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: l(
+        className: a(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
-          { "items-center": e },
-          o == null ? void 0 : o.wrapper
+          { "items-center": t },
+          r == null ? void 0 : r.wrapper
         ),
-        children: e ? /* @__PURE__ */ r.jsx(At, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : t
+        children: t ? /* @__PURE__ */ o.jsx(qe, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : e
       }
     )
   }
-), Xr = ({ ...t }) => /* @__PURE__ */ r.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-  /* @__PURE__ */ r.jsx(
+), Gr = ({ ...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",
     {
       d: "M30.3986 10.6149C30.2728 8.96576 29.014 6.85155 27.7553 5.83672C26.3398 4.79816 24.8691 3.83828 23.3497 2.96139C21.8418 2.06068 20.2871 1.24201 18.6923 0.508895C17.8404 0.15868 16.927 -0.0139306 16.007 0.00148264C15.0868 -0.0180029 14.1725 0.154761 13.3217 0.508895C11.7272 1.24253 10.1725 2.06119 8.66438 2.96139C6.23081 4.44134 4.25878 5.83672 4.25878 5.83672C3.22329 6.71008 2.43892 7.83418 1.97146 9.09195C1.87834 9.34251 2.07032 9.59987 2.33762 9.59987H4.2568C4.55401 9.59987 4.82321 9.43281 4.98085 9.18085C5.33539 8.61417 5.77902 8.10202 6.29948 7.66607C6.29948 7.66607 7.92774 6.52186 9.93709 5.3083C11.1823 4.57013 12.466 3.89884 13.7826 3.29725C14.485 3.00687 15.2399 2.8652 15.9998 2.88118C16.7593 2.86854 17.5136 3.01008 18.217 3.29725C19.5337 3.89841 20.8174 4.56972 22.0624 5.3083C23.317 6.02735 24.5313 6.81445 25.7 7.66607C26.7394 8.49823 27.7787 10.2319 27.8826 11.5841C27.8826 11.5841 28.1251 13.5952 28.1598 15.9772C28.1576 17.4483 28.0767 18.9183 27.9173 20.3807C27.6755 21.912 26.8879 23.3038 25.7 24.2988C25.7 24.2988 24.0718 25.4777 22.0624 26.6912C20.8172 27.4294 19.5335 28.1007 18.217 28.7023C17.5145 28.9927 16.7596 29.1343 15.9998 29.1184C15.2409 29.1343 14.4867 28.9963 13.7826 28.7127C12.4658 28.1115 11.1821 27.4402 9.93709 26.7016C7.92774 25.5228 6.29948 24.3092 6.29948 24.3092C5.84515 23.9454 5.39081 23.4094 5.01172 22.8082C4.85581 22.561 4.5896 22.3997 4.2973 22.3997H2.34718C2.07645 22.3997 1.88475 22.6629 1.98611 22.914C2.49249 24.168 3.37564 25.4212 4.25878 26.1332C4.25878 26.1332 6.23081 27.6132 8.66438 29.0508C10.1723 29.9515 11.7269 30.7702 13.3217 31.5033C14.1745 31.8492 15.088 32.0175 16.007 31.998C16.9273 32.0175 17.8416 31.8448 18.6923 31.4906C20.2869 30.757 21.8415 29.9383 23.3497 29.0381C25.7833 27.5582 27.7553 26.1205 27.7553 26.1205C29.1939 24.9072 30.1478 23.2098 30.4406 21.3424C30.6337 19.5589 30.7317 17.7663 30.7343 15.9723C30.6923 13.0673 30.3986 10.6149 30.3986 10.6149Z",
       fill: "url(#paint0_linear_6493_452)"
     }
   ),
-  /* @__PURE__ */ r.jsx(
+  /* @__PURE__ */ o.jsx(
     "path",
     {
       d: "M1.27985 12.4821C1.27985 12.1286 1.56638 11.8421 1.91985 11.8421H11.8398C12.1933 11.8421 12.4798 12.1286 12.4798 12.4821V14.4021C12.4798 14.7555 12.1933 15.0421 11.8398 15.0421H1.27985V12.4821Z",
       fill: "#0066B3"
     }
   ),
-  /* @__PURE__ */ r.jsx(
+  /* @__PURE__ */ o.jsx(
     "path",
     {
       d: "M1.27985 16.9618H21.4398C21.7933 16.9618 22.0798 17.2484 22.0798 17.6018V19.5218C22.0798 19.8752 21.7933 20.1618 21.4398 20.1618H1.91985C1.56638 20.1618 1.27985 19.8752 1.27985 19.5218V16.9618Z",
       fill: "#EE2F53"
     }
   ),
-  /* @__PURE__ */ r.jsx("defs", { children: /* @__PURE__ */ r.jsxs("linearGradient", { id: "paint0_linear_6493_452", x1: "16.0071", y1: "0", x2: "16.0071", y2: "31.9996", gradientUnits: "userSpaceOnUse", children: [
-    /* @__PURE__ */ r.jsx("stop", { stopColor: "#0066B3" }),
-    /* @__PURE__ */ r.jsx("stop", { offset: "0.354167", stopColor: "#0066B3" }),
-    /* @__PURE__ */ r.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
-    /* @__PURE__ */ r.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
+  /* @__PURE__ */ o.jsx("defs", { children: /* @__PURE__ */ o.jsxs("linearGradient", { id: "paint0_linear_6493_452", x1: "16.0071", y1: "0", x2: "16.0071", y2: "31.9996", gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ o.jsx("stop", { stopColor: "#0066B3" }),
+    /* @__PURE__ */ o.jsx("stop", { offset: "0.354167", stopColor: "#0066B3" }),
+    /* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
+    /* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), Nt = ({ mainLink: t, subLink: e, isMobile: o, classes: n }) => /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
-  /* @__PURE__ */ r.jsx(
+] }), Ie = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+  /* @__PURE__ */ o.jsx(
     "a",
     {
-      href: t.href,
+      href: e.href,
       target: "_blank",
       rel: "noreferrer",
-      className: l(
+      className: a(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
         n == null ? void 0 : n.linksMainLink
       ),
-      children: o ? t.mobileTitle : t.title
+      children: r ? e.mobileTitle : e.title
     }
   ),
-  (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ r.jsx(
-    je,
+  (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ o.jsx(
+    jt,
     {
       intent: "blue",
       withUnderline: !0,
-      href: e == null ? void 0 : e.href,
+      href: t == null ? void 0 : t.href,
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
-      children: e == null ? void 0 : e.text
+      children: t == null ? void 0 : t.text
     }
   )
-] }), rt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: a }) => {
-  const { isMobile: d } = ae();
-  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
+] }), ne = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
+  const { isMobile: l } = at();
+  return /* @__PURE__ */ o.jsx(Ce, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && d },
-        a == null ? void 0 : a.innerWrapper
+        { "justify-center": !n && l },
+        d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
-          /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(b, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", a == null ? void 0 : a.mtsLogo) }),
-            /* @__PURE__ */ r.jsx(b, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
-            /* @__PURE__ */ r.jsx(b, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
+        /* @__PURE__ */ 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__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: a == null ? void 0 : a.links }),
-          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
+          /* @__PURE__ */ o.jsx(Ie, { 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) })
         ] }),
-        n && /* @__PURE__ */ r.jsx(Te, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Ot, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
-}, nt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: a }) => {
-  const { isMobile: d } = ae();
-  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
+}, oe = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
+  const { isMobile: l } = at();
+  return /* @__PURE__ */ o.jsx(Ce, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && d },
-        a == null ? void 0 : a.innerWrapper
+        { "justify-center": !n && l },
+        d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
-          /* @__PURE__ */ r.jsx(Xr, { className: l("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
-          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: a == null ? void 0 : a.links }),
-          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
+        /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+          /* @__PURE__ */ o.jsx(Gr, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(Ie, { 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) })
         ] }),
-        n && /* @__PURE__ */ r.jsx(Te, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Ot, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
-}, Yr = (t) => {
-  switch (t.mode) {
-    case Me.ESIA:
-      return /* @__PURE__ */ r.jsx(nt, { ...t });
-    case Me.MOBILE_ID:
-      return /* @__PURE__ */ r.jsx(rt, { ...t });
-    case Me.COMBINE:
+}, sr = (e) => {
+  switch (e.mode) {
+    case Mt.ESIA:
+      return /* @__PURE__ */ o.jsx(oe, { ...e });
+    case Mt.MOBILE_ID:
+      return /* @__PURE__ */ o.jsx(ne, { ...e });
+    case Mt.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: o, subtitle: n, badge: i, classes: a } = t, d = !n && !i ? ue.Fragment : "div";
-      return /* @__PURE__ */ r.jsxs(
+      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? ut.Fragment : "div";
+      return /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: l(
+          className: a(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
-            a == null ? void 0 : a.root
+            d == null ? void 0 : d.root
           ),
           children: [
-            /* @__PURE__ */ r.jsxs(d, { className: l("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
-              n && /* @__PURE__ */ r.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: n }),
-              i && /* @__PURE__ */ r.jsx(Te, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: i })
+            /* @__PURE__ */ 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 })
             ] }),
-            /* @__PURE__ */ r.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
-              /* @__PURE__ */ r.jsx(
-                nt,
+            /* @__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(
+                oe,
                 {
-                  ...e,
+                  ...t,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...e.classes
+                    ...t.classes
                   }
                 }
               ),
-              /* @__PURE__ */ r.jsx(
-                rt,
+              /* @__PURE__ */ o.jsx(
+                ne,
                 {
-                  ...o,
+                  ...r,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...o.classes
+                    ...r.classes
                   }
                 }
               )
@@ -1619,45 +1618,45 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
         }
       );
   }
-}, Oo = (t) => Yr(t), ot = ({ links: t, classes: e }) => /* @__PURE__ */ r.jsx("nav", { className: l("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: o, label: n }) => /* @__PURE__ */ r.jsx(
-  je,
+}, Eo = (e) => sr(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(
+  jt,
   {
     classes: {
-      link: l("w-max", e == null ? void 0 : e.linkText),
-      icon: l(e == null ? void 0 : e.linkIcon)
+      link: a("w-max", t == null ? void 0 : t.linkText),
+      icon: a(t == null ? void 0 : t.linkIcon)
     },
     intent: "dark",
-    href: o,
+    href: r,
     children: n
   },
-  o
-)) }), Jr = ({ groupLabel: t, links: e, mobileAccordionProps: o, classes: n }) => {
-  var a, d, u;
-  const { isMobile: i } = ae();
-  return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
-    !i && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: t }),
-      /* @__PURE__ */ r.jsx(ot, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
+  r
+)) }), tn = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
+  var d, l, m;
+  const { isMobile: i } = at();
+  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+    !i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("h5", { className: 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__ */ r.jsx(
-      ie,
+    i && /* @__PURE__ */ o.jsx(
+      dt,
       {
         defaultOpen: !0,
-        label: t,
-        icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...o,
+        label: e,
+        icon: /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...r,
         classes: {
-          ...o == null ? void 0 : o.classes,
+          ...r == null ? void 0 : r.classes,
           header: {
-            trigger: l("p-0 bg-color-blue-grey-100", (d = (a = o == null ? void 0 : o.classes) == null ? void 0 : a.header) == null ? void 0 : d.trigger)
+            trigger: a("p-0 bg-color-blue-grey-100", (l = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
           },
-          contentInner: l("py-2 px-4", (u = o == null ? void 0 : o.classes) == null ? void 0 : u.contentInner)
+          contentInner: a("py-2 px-4", (m = r == null ? void 0 : r.classes) == null ? void 0 : m.contentInner)
         },
-        children: /* @__PURE__ */ r.jsx(ot, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ o.jsx(ie, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, Gr = ({ column: t, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx(Jr, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), en = E("grid gap-4 grid-cols-1", {
+}, en = ({ 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(tn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), rn = E("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1668,86 +1667,86 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   defaultVariants: {
     variant: "fourCols"
   }
-}), it = ({
-  variant: t,
-  details: e,
-  headline: o,
+}), de = ({
+  variant: e,
+  details: t,
+  headline: r,
   mobileAccordionProps: n,
   rootAccordionProps: i,
-  classes: a,
-  defaultOpen: d
+  classes: d,
+  defaultOpen: l
 }) => {
-  var u, m, h;
-  return /* @__PURE__ */ r.jsx(
+  var m, x, u;
+  return /* @__PURE__ */ o.jsx(
     "section",
     {
       id: j.interLinking,
       "data-test-id": j.interLinking,
-      className: l("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root),
-      children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(
-        ie,
+      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,
         {
-          defaultOpen: d,
-          label: /* @__PURE__ */ r.jsx(D, { as: "h4", className: l("text-left", a == null ? void 0 : a.headline), children: o }),
+          defaultOpen: l,
+          label: /* @__PURE__ */ o.jsx(H, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: r }),
           ...i,
           classes: {
             ...i == null ? void 0 : i.classes,
             header: {
-              trigger: l("bg-color-blue-grey-100", (m = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : m.trigger)
+              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)
             },
-            content: l("max-w-full bg-color-blue-grey-100 relative", (h = i == null ? void 0 : i.classes) == null ? void 0 : h.content)
+            content: a("max-w-full bg-color-blue-grey-100 relative", (u = i == null ? void 0 : i.classes) == null ? void 0 : u.content)
           },
-          children: /* @__PURE__ */ r.jsx("div", { className: l(en({ variant: t }), a == null ? void 0 : a.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ r.jsx(Gr, { ...p, ...n, classes: a == null ? void 0 : a.column }, c)) })
+          children: /* @__PURE__ */ o.jsx("div", { className: a(rn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(en, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
         }
       ) })
     }
   );
-}, tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InterLinking: it,
-  default: it
-}, Symbol.toStringTag, { value: "Module" })), rn = ({ tabsNames: t, activeTab: e, setActiveTab: o, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: t && t.map((i, a) => /* @__PURE__ */ r.jsx(
+  InterLinking: de,
+  default: de
+}, Symbol.toStringTag, { value: "Module" })), on = ({ 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: () => o(a),
-    className: l(
+    onClick: () => r(d),
+    className: a(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
-        "bg-icon-primary-default text-color-white": e === a
+        "bg-icon-primary-default text-color-white": t === d
       },
       n == null ? void 0 : n.button
     ),
     children: i
   },
   i
-)) }), nn = (t) => t.variant === "HTML", on = (t) => t.variant === "DOCUMENTS", an = (t) => t.variant === "TABLE", ln = ({ html: t, config: e, classes: o, accordionConfig: n }) => {
-  const i = /* @__PURE__ */ r.jsx("div", { className: l(o == null ? void 0 : o.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ie, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
-}, dn = (t, e) => ({
-  rows: t == null ? void 0 : t.map(({ row: o }) => ({
-    row: o == null ? void 0 : o.map((n, i) => {
-      var a;
+)) }), dn = (e) => e.variant === "HTML", an = (e) => e.variant === "DOCUMENTS", ln = (e) => e.variant === "TABLE", un = ({ 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 });
+}, mn = (e, t) => ({
+  rows: e == null ? void 0 : e.map(({ row: r }) => ({
+    row: r == null ? void 0 : r.map((n, i) => {
+      var d;
       return {
         ...n,
-        heading: e && ((a = e[i]) == null ? void 0 : a.heading)
+        heading: t && ((d = t[i]) == null ? void 0 : d.heading)
       };
     })
   }))
-}), un = E("flex flex-col", {
+}), xn = E("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), mn = E("desktop:grid mobile:hidden px-4 mb-4", {
+}), hn = E("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), hn = ({ headings: t, columnsVariant: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: l(mn({ columnsVariant: e }), o == null ? void 0 : o.row), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx("div", { className: l("text-color-secondary", o == null ? void 0 : o.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), xn = E("desktop:grid mobile:hidden items-center", {
+}), pn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(hn({ 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)) }), fn = E("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1758,90 +1757,90 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), pn = ({ row: t, tableVariant: e, columnsVariant: o, rowIndex: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: l(xn({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a }, d) => /* @__PURE__ */ r.jsx(
+}), cn = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(fn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: l("desk-body-regular-l text-color-dark", { "font-medium": d !== 0 }, i == null ? void 0 : i.cell),
-    children: a && a
+    className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
+    children: d && d
   },
-  d
-)) }), cn = E("mobile:flex desktop:hidden flex-col gap-2", {
+  l
+)) }), bn = E("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"
     }
   }
-}), fn = ({ row: t, tableVariant: e, columnsVariant: o, headingsExist: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: l(cn({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a, heading: d }, u) => /* @__PURE__ */ r.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
-  d && /* @__PURE__ */ r.jsx("div", { className: l("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: d }),
-  /* @__PURE__ */ r.jsx(
+}), gn = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(bn({ 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: [
+  l && /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
+  /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "mob-body-regular-l text-color-dark",
         {
-          "font-medium": u !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && n
+          "font-medium": m !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
         },
         i == null ? void 0 : i.cell
       ),
-      children: a
+      children: d
     }
   )
-] }, u)) }), bn = ({ tableVariant: t, rows: e, headings: o, columnsVariant: n, classes: i }) => {
-  var u;
-  const a = ((u = dn(e, o)) == null ? void 0 : u.rows) ?? [], d = !!(o && o.length > 0);
-  return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    d && /* @__PURE__ */ r.jsx(hn, { headings: o, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
-    e == null ? void 0 : e.map((m, h) => /* @__PURE__ */ r.jsx(
-      pn,
+] }, m)) }), jn = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
+  var m;
+  const d = ((m = mn(t, r)) == null ? void 0 : m.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(pn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+    t == null ? void 0 : t.map((x, u) => /* @__PURE__ */ o.jsx(
+      cn,
       {
-        rowIndex: h,
-        tableVariant: t,
+        rowIndex: u,
+        tableVariant: e,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
-        ...m
+        ...x
       },
-      h
+      u
     )),
-    a == null ? void 0 : a.map((m, h) => /* @__PURE__ */ r.jsx(
-      fn,
+    d == null ? void 0 : d.map((x, u) => /* @__PURE__ */ o.jsx(
+      gn,
       {
-        headingsExist: d,
-        tableVariant: t,
+        headingsExist: l,
+        tableVariant: e,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
-        ...m
+        ...x
       },
-      h
+      u
     ))
   ] });
-}, gn = ({
-  tableVariant: t,
-  description: e,
-  columnsVariant: o,
+}, yn = ({
+  tableVariant: e,
+  description: t,
+  columnsVariant: r,
   config: n,
   rows: i,
-  title: a,
-  headings: d,
-  accordionConfig: u,
-  classes: m
+  title: d,
+  headings: l,
+  accordionConfig: m,
+  classes: x
 }) => {
-  const h = /* @__PURE__ */ r.jsxs("div", { className: l(un({ columnsVariant: o }), m == null ? void 0 : m.wrapper), children: [
-    a && /* @__PURE__ */ r.jsx(D, { as: "h4", className: l("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: a }),
-    /* @__PURE__ */ r.jsx(bn, { tableVariant: t, rows: i, headings: d, columnsVariant: o }),
-    e && /* @__PURE__ */ r.jsx(
+  const u = /* @__PURE__ */ o.jsxs("div", { className: a(xn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
+    d && /* @__PURE__ */ o.jsx(H, { as: "h4", className: a("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
+    /* @__PURE__ */ o.jsx(jn, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
+    t && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
-        dangerouslySetInnerHTML: { __html: e ?? "" }
+        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
+        dangerouslySetInnerHTML: { __html: t ?? "" }
       }
     )
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ r.jsx(ie, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
-}, jn = {
+  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 });
+}, kn = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, yn = E("size-8 transition-colors", {
+}, wn = E("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1851,93 +1850,93 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), sn = ({ label: t, size: e, url: o, iconType: n, classes: i }) => /* @__PURE__ */ r.jsxs(
+}), vn = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
   "a",
   {
-    href: o,
+    href: r,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: l(
+    className: a(
       "group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus",
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ r.jsx(b, { name: jn[n], className: l(yn({ iconType: n }), i == null ? void 0 : i.icon) }),
-      /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
-        /* @__PURE__ */ r.jsx("p", { className: l("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: t }),
-        /* @__PURE__ */ r.jsxs("div", { className: l("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
-          Number(e),
+      /* @__PURE__ */ o.jsx(b, { name: kn[n], className: a(wn({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
+        /* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
+          Number(t),
           " КБ"
         ] })
       ] })
     ]
   }
-), kn = ({ docs: t, config: e, title: o, iconType: n, description: i, classes: a, accordionConfig: d }) => {
-  const u = /* @__PURE__ */ r.jsxs("div", { className: l("flex max-w-[680px] flex-col", a == null ? void 0 : a.wrapper), children: [
-    o && /* @__PURE__ */ r.jsx(D, { as: "h3", className: "mb-4", children: o }),
-    /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: t == null ? void 0 : t.map((m) => /* @__PURE__ */ r.jsx(sn, { iconType: n, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
-    i && /* @__PURE__ */ r.jsx("div", { className: l("mt-4", a == null ? void 0 : a.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
+), Nn = ({ 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: [
+    r && /* @__PURE__ */ o.jsx(H, { 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(vn, { 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__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ie, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
-}, wn = ({ entity: t, classes: e, accordionsConfig: o }) => {
-  var n, i, a;
+  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 });
+}, Cn = ({ entity: e, classes: t, accordionsConfig: r }) => {
+  var n, i, d;
   switch (!0) {
-    case nn(t):
-      return (n = t.details) == null ? void 0 : n.map((d, u) => {
-        var m;
-        return /* @__PURE__ */ r.jsx(ln, { ...d, accordionConfig: o == null ? void 0 : o.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
+    case dn(e):
+      return (n = e.details) == null ? void 0 : n.map((l, m) => {
+        var x;
+        return /* @__PURE__ */ o.jsx(un, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, m);
       });
-    case on(t):
-      return (i = t.details) == null ? void 0 : i.map((d, u) => {
-        var m;
-        return /* @__PURE__ */ r.jsx(
-          kn,
+    case an(e):
+      return (i = e.details) == null ? void 0 : i.map((l, m) => {
+        var x;
+        return /* @__PURE__ */ o.jsx(
+          Nn,
           {
-            accordionConfig: o == null ? void 0 : o.documentAccordion,
-            ...d,
-            classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.documents
+            accordionConfig: r == null ? void 0 : r.documentAccordion,
+            ...l,
+            classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.documents
           },
-          u
+          m
         );
       });
-    case an(t):
-      return (a = t.details) == null ? void 0 : a.map((d, u) => {
-        var m;
-        return /* @__PURE__ */ r.jsx(
-          gn,
+    case ln(e):
+      return (d = e.details) == null ? void 0 : d.map((l, m) => {
+        var x;
+        return /* @__PURE__ */ o.jsx(
+          yn,
           {
-            accordionConfig: o == null ? void 0 : o.tableAccordion,
-            ...d,
-            classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.table
+            accordionConfig: r == null ? void 0 : r.tableAccordion,
+            ...l,
+            classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.table
           },
-          u
+          m
         );
       });
     default:
       return null;
   }
-}, vn = ({ entity: t, classes: e, accordionsConfig: o }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: wn({ entity: t, classes: e, accordionsConfig: o }) }), at = ({ headline: t, tabs: e, classes: o, accordionsConfig: n }) => {
-  var u, m;
-  const [i, a] = q(0), d = se(() => e == null ? void 0 : e.map((h) => h == null ? void 0 : h.tabName), [e]) ?? [];
-  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: j.usefulInfo, "data-test-id": j.usefulInfo, className: l(o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(o == null ? void 0 : o.container), children: [
-    /* @__PURE__ */ r.jsx(D, { className: l(o == null ? void 0 : o.headline), as: "h2", children: t }),
-    /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", o == null ? void 0 : o.tabsWrapper), children: /* @__PURE__ */ r.jsx(rn, { tabsNames: d, activeTab: i, setActiveTab: a, classes: o == null ? void 0 : o.tabs }) }),
-    /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-6", o == null ? void 0 : o.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((h, p) => /* @__PURE__ */ r.jsx(vn, { accordionsConfig: n, ...h, classes: o == null ? void 0 : o.entityClasses }, p)) })
+}, In = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Cn({ entity: e, classes: t, accordionsConfig: r }) }), ae = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
+  var m, x;
+  const [i, d] = W(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: j.usefulInfo, "data-test-id": j.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(B, { className: a(r == null ? void 0 : r.container), children: [
+    /* @__PURE__ */ o.jsx(H, { 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(on, { 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(In, { accordionsConfig: n, ...u, classes: r == null ? void 0 : r.entityClasses }, p)) })
   ] }) });
-}, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UsefulInfo: at,
-  default: at
-}, Symbol.toStringTag, { value: "Module" })), De = ({ fields: t, control: e }) => t.map(({ type: o, args: n }) => {
-  const i = jt[o];
-  return /* @__PURE__ */ Oe(i, { ...n, key: n.name, control: e });
+  UsefulInfo: ae,
+  default: ae
+}, Symbol.toStringTag, { value: "Module" })), Rt = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
+  const i = ye[r];
+  return /* @__PURE__ */ Bt(i, { ...n, key: n.name, control: t });
 });
-class Cn {
-  constructor(e) {
-    ve(this, "TEXT_NODE", 3);
-    ve(this, "ELEMENT_NODE", 1);
-    this.options = e;
+class _n {
+  constructor(t) {
+    Nt(this, "TEXT_NODE", 3);
+    Nt(this, "ELEMENT_NODE", 1);
+    this.options = t;
   }
   /**
    * Рекурсивно обходит DOM дерево и собирает данные в зависимости от опций.
@@ -1945,37 +1944,37 @@ class Cn {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(e, o = "string", n) {
-    const { includeSolidText: i, recursive: a, element: d } = this.options || {};
-    switch (e.nodeType) {
+  traverse(t, r = "string", n) {
+    const { includeSolidText: i, recursive: d, element: l } = this.options || {};
+    switch (t.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
-        const u = e, m = u.tagName.toLowerCase();
-        if (m === "script") {
+        const m = t, x = m.tagName.toLowerCase();
+        if (x === "script") {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
         }
-        if (d && m !== d)
+        if (l && x !== l)
           break;
-        if (o === "node")
-          n.push(e);
+        if (r === "node")
+          n.push(t);
         else {
-          const h = u.outerHTML.trim();
-          n.push(h);
+          const u = m.outerHTML.trim();
+          n.push(u);
         }
-        if (a)
-          for (const h of e.childNodes)
-            this.traverse(h, o, n);
+        if (d)
+          for (const u of t.childNodes)
+            this.traverse(u, r, n);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
         if (!i)
           break;
-        if (o === "node")
-          n.push(e);
+        if (r === "node")
+          n.push(t);
         else {
-          const h = e.textContent;
-          h && n.push(h);
+          const u = t.textContent;
+          u && n.push(u);
         }
         break;
     }
@@ -1986,148 +1985,148 @@ class Cn {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(e, o = "string") {
-    const { includeBody: n } = this.options || {}, i = [], a = [], d = await this.parseFromString(e), u = o === "string" ? i : a;
+  async parse(t, r = "string") {
+    const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), m = r === "string" ? i : d;
     if (n)
-      this.traverse(d.body, o, u);
+      this.traverse(l.body, r, m);
     else
-      for (const m of d.body.childNodes)
-        this.traverse(m, o, u);
-    return { stringNodes: i, nodes: a };
+      for (const x of l.body.childNodes)
+        this.traverse(x, r, m);
+    return { stringNodes: i, nodes: d };
   }
   /**
    * Считает количество указанных тегов в HTML строке.
    * @param html HTML строка
    * @returns Количество найденных тегов
    */
-  async countElements(e) {
-    const { stringNodes: o } = await this.parse(e, "string");
-    return o.length;
+  async countElements(t) {
+    const { stringNodes: r } = await this.parse(t, "string");
+    return r.length;
   }
 }
-const Mn = typeof window < "u";
-class Fo extends Cn {
-  constructor(e) {
-    super(e);
+const Sn = typeof window < "u";
+class Po extends _n {
+  constructor(t) {
+    super(t);
   }
-  async parseFromString(e) {
-    return Mn ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
+  async parseFromString(t) {
+    return Sn ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
   }
 }
-const oe = ({ html: t, as: e, ...o }) => {
-  const n = e ?? "div";
-  return /* @__PURE__ */ r.jsx(n, { dangerouslySetInnerHTML: { __html: t }, ...o });
-}, In = (t, e) => t.enabled ? e.map((o) => ({
-  name: o.args.name,
-  ...o.args.progress
-})) : null, _n = ["getFioSchema"], Ct = (t, e, o) => {
-  const n = t[e];
-  if (S.isNil(n))
-    throw new Error(`validation for type ${String(e)} not found`);
-  if (!S.isFunction(n))
-    throw new Error(`Cannot generate ${String(e)} because is not a function`);
-  return n(o);
-}, Tn = (t, e) => Ct(st.base, t, e), Sn = (t, e) => Ct(st.dadata, t, e), Re = (t) => {
-  const o = ((t == null ? void 0 : t.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
-    const a = _n.includes(i.validation.type) ? Sn(
+const it = ({ html: e, as: t, ...r }) => {
+  const n = t ?? "div";
+  return /* @__PURE__ */ o.jsx(n, { dangerouslySetInnerHTML: { __html: e }, ...r });
+}, Tn = (e, t) => e.enabled ? t.map((r) => ({
+  name: r.args.name,
+  ...r.args.progress
+})) : null, On = ["getFioSchema"], Me = (e, t, r) => {
+  const n = e[t];
+  if (O.isNil(n))
+    throw new Error(`validation for type ${String(t)} not found`);
+  if (!O.isFunction(n))
+    throw new Error(`Cannot generate ${String(t)} because is not a function`);
+  return n(r);
+}, Fn = (e, t) => Me(we.base, e, t), Bn = (e, t) => Me(we.dadata, e, t), zt = (e) => {
+  const r = ((e == null ? void 0 : e.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
+    const d = On.includes(i.validation.type) ? Bn(
       i.validation.type,
       i.validation.args
-    ) : Tn(
+    ) : Fn(
       i.validation.type,
       i.validation.args
     );
-    return n[i.name] = a, n;
+    return n[i.name] = d, n;
   }, {});
-  return kt(o);
-}, On = new ur(), Mt = ({ children: t }) => /* @__PURE__ */ r.jsx(qt, { client: On, children: t }), Fn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(oe, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
+  return ve(r);
+}, En = new xr(), _e = ({ children: e }) => /* @__PURE__ */ o.jsx(Ue, { client: En, children: e }), Pn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: l(
+    className: a(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ r.jsx(ye.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: o }),
-      /* @__PURE__ */ r.jsx(oe, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__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 })
     ]
   }
-), lt = ({
-  fields: t,
-  title: e,
-  progress: o,
+), le = ({
+  fields: e,
+  title: t,
+  progress: r,
   approvement: n,
   chips: i,
-  submitProps: a,
-  classes: d,
-  buttonGroup: u
+  submitProps: d,
+  classes: l,
+  buttonGroup: m
 }) => {
-  var R, C;
-  const { submitCallback: m } = a || {}, [h, p] = q(!1), c = Re(t), y = Pe.getZodDefaults(c), { control: f, handleSubmit: w } = Be({
-    schema: c,
+  var R, I;
+  const { submitCallback: x } = d || {}, [u, p] = W(!1), f = zt(e), y = Ht.getZodDefaults(f), { control: c, handleSubmit: v } = Dt({
+    schema: f,
     defaultValues: y,
     mode: "onBlur"
-  }), g = In(o, t), v = rr({ control: f, fields: g || [], schema: c }), _ = (I) => {
-    m && m({ ...I, agree: h });
+  }), g = Tn(r, e), N = or({ control: c, fields: g || [], schema: f }), S = (_) => {
+    x && x({ ..._, agree: u });
   };
-  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx("section", { id: j.form, "data-test-id": j.form, className: l("w-full", d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(
-    F,
+  return /* @__PURE__ */ o.jsx(_e, { children: /* @__PURE__ */ o.jsx("section", { id: j.form, "data-test-id": j.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
+    B,
     {
-      className: l(
+      className: a(
         "!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
         "relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"
       ),
       children: [
-        i.enabled && /* @__PURE__ */ r.jsxs(
+        i.enabled && /* @__PURE__ */ o.jsxs(
           "div",
           {
-            className: l(
+            className: a(
               "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
               "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
               "right-4 top-4 w-max",
-              (R = d == null ? void 0 : d.chips) == null ? void 0 : R.root
+              (R = l == null ? void 0 : l.chips) == null ? void 0 : R.root
             ),
             children: [
-              i.image && /* @__PURE__ */ r.jsx(b, { name: i.image, className: l("size-6", (C = d == null ? void 0 : d.chips) == null ? void 0 : C.icon) }),
+              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.content
             ]
           }
         ),
-        /* @__PURE__ */ r.jsx(D, { as: "h2", className: l("desktop:hidden", d == null ? void 0 : d.title), children: e }),
-        /* @__PURE__ */ r.jsx(D, { as: "h3", className: l("mobile:hidden", d == null ? void 0 : d.title), children: e }),
-        /* @__PURE__ */ r.jsxs(
+        /* @__PURE__ */ o.jsx(H, { as: "h2", className: a("desktop:hidden", l == null ? void 0 : l.title), children: t }),
+        /* @__PURE__ */ o.jsx(H, { as: "h3", className: a("mobile:hidden", l == null ? void 0 : l.title), children: t }),
+        /* @__PURE__ */ o.jsxs(
           "form",
           {
-            onSubmit: w(_),
-            className: l("flex w-full flex-col gap-y-6", "desktop:gap-y-8", d == null ? void 0 : d.form),
+            onSubmit: v(S),
+            className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
-              o.enabled && /* @__PURE__ */ r.jsx(
-                Wt,
+              r.enabled && /* @__PURE__ */ o.jsx(
+                Ke,
                 {
-                  progress: v,
-                  topContent: /* @__PURE__ */ r.jsx(oe, { html: o.title }),
-                  bottomContent: /* @__PURE__ */ r.jsx(oe, { html: o.subtitle }),
-                  maxPercent: o.maxPercent,
-                  classes: d == null ? void 0 : d.progressBar
+                  progress: N,
+                  topContent: /* @__PURE__ */ o.jsx(it, { html: r.title }),
+                  bottomContent: /* @__PURE__ */ o.jsx(it, { html: r.subtitle }),
+                  maxPercent: r.maxPercent,
+                  classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ r.jsx(De, { control: f, fields: t }),
-              /* @__PURE__ */ r.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                Fn(n, h, p, d == null ? void 0 : d.approvement),
-                /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((I, H) => {
-                  const V = I.type === "submit" && n.type === "checkbox" ? !h : !1;
-                  return /* @__PURE__ */ Oe(
-                    ge,
+              /* @__PURE__ */ o.jsx(Rt, { control: c, fields: e }),
+              /* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
+                Pn(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(
+                    gt,
                     {
-                      ...I,
-                      key: H,
-                      disabled: V,
-                      className: l(
+                      ..._,
+                      key: z,
+                      disabled: J,
+                      className: a(
                         "w-full whitespace-nowrap",
                         {
                           "w-full": !!n
                         },
-                        d == null ? void 0 : d.submit
+                        l == null ? void 0 : l.submit
                       )
                     }
                   );
@@ -2139,76 +2138,76 @@ const oe = ({ html: t, as: e, ...o }) => {
       ]
     }
   ) }) });
-}, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicForm: lt,
-  default: lt
-}, Symbol.toStringTag, { value: "Module" })), Bn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(oe, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
+  DynamicForm: le,
+  default: le
+}, Symbol.toStringTag, { value: "Module" })), Hn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: l(
+    className: a(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ r.jsx(ye.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: o }),
-      /* @__PURE__ */ r.jsx(oe, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__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 })
     ]
   }
-), dt = ({
-  fields: t,
-  title: e,
-  approvement: o,
+), ue = ({
+  fields: e,
+  title: t,
+  approvement: r,
   submitProps: n,
   dialogId: i,
-  classes: a,
-  buttonGroup: d,
-  ...u
+  classes: d,
+  buttonGroup: l,
+  ...m
 }) => {
-  const { submitCallback: m } = n ?? {}, [h, p] = q(!1), c = Re(t), y = Pe.getZodDefaults(c), { control: f, handleSubmit: w } = Be({
-    schema: c,
+  const { submitCallback: x } = n ?? {}, [u, p] = W(!1), f = zt(e), y = Ht.getZodDefaults(f), { control: c, handleSubmit: v } = Dt({
+    schema: f,
     defaultValues: y,
     mode: "onBlur"
-  }), g = (v) => {
-    m && m({ ...v, agree: h });
+  }), g = (N) => {
+    x && x({ ...N, agree: u });
   };
-  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx(Ut, { id: i, title: e, ...u, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: w(g), className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ r.jsx(De, { control: f, fields: t }),
-    Bn(o, h, p, a == null ? void 0 : a.approvement),
-    d == null ? void 0 : d.map((v, _) => {
-      const R = v.type === "submit" && o.type === "checkbox" ? !h : !1;
-      return /* @__PURE__ */ Oe(
-        ge,
+  return /* @__PURE__ */ o.jsx(_e, { children: /* @__PURE__ */ o.jsx(Ze, { id: i, title: t, ...m, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: v(g), className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ o.jsx(Rt, { control: c, fields: e }),
+    Hn(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(
+        gt,
         {
-          ...v,
-          key: _,
+          ...N,
+          key: S,
           disabled: R,
-          className: l(
+          className: a(
             "w-full whitespace-nowrap",
             {
-              "w-full": !!o
+              "w-full": !!r
             },
-            a == null ? void 0 : a.submit
+            d == null ? void 0 : d.submit
           )
         }
       );
     })
   ] }) }) });
-}, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicFormDialog: dt,
-  default: dt
-}, Symbol.toStringTag, { value: "Module" })), de = () => ({
+  DynamicFormDialog: ue,
+  default: ue
+}, Symbol.toStringTag, { value: "Module" })), lt = () => ({
   approve: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(b, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ o.jsx(b, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
-    description: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    description: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       "В ближайшее время с Вами свяжутся ",
-      /* @__PURE__ */ r.jsx("br", {}),
+      /* @__PURE__ */ o.jsx("br", {}),
       " специалисты нашего Банка"
     ] }),
     button: {
@@ -2217,13 +2216,13 @@ const oe = ({ html: t, as: e, ...o }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(b, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ o.jsx(b, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
-    description: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    description: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       "Решение по прошлой заявке ещё активно. ",
-      /* @__PURE__ */ r.jsx("br", {}),
+      /* @__PURE__ */ o.jsx("br", {}),
       "Возвращайтесь к нам позже"
     ] }),
     button: {
@@ -2232,13 +2231,13 @@ const oe = ({ html: t, as: e, ...o }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(b, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ o.jsx(b, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
-    description: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    description: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       "Обновите страницу или попробуйте ",
-      /* @__PURE__ */ r.jsx("br", {}),
+      /* @__PURE__ */ o.jsx("br", {}),
       " снова через 5 минут"
     ] }),
     button: {
@@ -2247,36 +2246,36 @@ const oe = ({ html: t, as: e, ...o }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(b, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ o.jsx(b, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
-    description: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    description: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       "К сожалению, сейчас мы не можем ",
-      /* @__PURE__ */ r.jsx("br", {}),
+      /* @__PURE__ */ o.jsx("br", {}),
       " принять вашу заявку"
     ] }),
     button: {
       text: "Вернуться на главную"
     }
   }
-}), Eo = ({ status: t, navigationFn: e }) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ r.jsx(F, { className: "flex flex-col justify-center", children: /* @__PURE__ */ r.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
-  /* @__PURE__ */ r.jsx(
+}), Do = ({ 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: [
+  /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: l(
+      className: a(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${de()[t].icon.bg}`
+        `${lt()[e].icon.bg}`
       ),
-      children: de()[t].icon.element
+      children: lt()[e].icon.element
     }
   ),
-  /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ r.jsx(D, { as: "h2", children: de()[t].title }),
-    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: de()[t].description })
+  /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
+    /* @__PURE__ */ o.jsx(H, { as: "h2", children: lt()[e].title }),
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: lt()[e].description })
   ] }),
-  /* @__PURE__ */ r.jsx(ge, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
-] }) }) }), It = ({ breadcrumb: t, className: e, ...o }) => /* @__PURE__ */ r.jsx("a", { href: t.path, className: l("desk-body-regular-m", e), ...o, children: t.label }), Dn = [
+  /* @__PURE__ */ o.jsx(gt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: lt()[e].button.text })
+] }) }) }), Se = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), zn = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2289,52 +2288,52 @@ const oe = ({ html: t, as: e, ...o }) => {
     label: "В Тольятти",
     disabled: !0
   }
-], be = (t, e, o, n) => t.map((i, a) => {
-  const d = a === n;
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-1", children: [
-    /* @__PURE__ */ r.jsx(
-      It,
+], bt = (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(
+      Se,
       {
         breadcrumb: i,
-        className: l(o, {
-          "pointer-events-none text-color-primary-disabled": d,
+        className: a(r, {
+          "pointer-events-none text-color-primary-disabled": l,
           "text-color-blue-grey-600": i.disabled
         })
       }
     ),
-    a !== t.length - 1 && e
+    d !== e.length - 1 && t
   ] }, i.label);
-}), Rn = ({ separator: t, ellipsis: e, classes: o, breadcrumbs: n = Dn }) => {
-  const [i, a] = q(!1), d = Fe(null);
-  er(d, () => a(!1));
-  const { first: u, middle: m, last: h } = se(() => {
-    let c = [], y = [], f = [];
-    return e && (c = n.slice(0, e), y = n.slice(e, n.length - e), f = n.slice(n.length - e)), { first: c, middle: y, last: f };
-  }, [n, e]), p = t ?? /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("size-4", o == null ? void 0 : o.separator) });
-  return /* @__PURE__ */ r.jsx(
+}), Ln = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = zn }) => {
+  const [i, d] = W(!1), l = Et(null);
+  rr(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) });
+  return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
-        o == null ? void 0 : o.root
+        r == null ? void 0 : r.root
       ),
-      children: e ? (
+      children: t ? (
         // if ellipsis provided, render hidden breadcrumbs
-        /* @__PURE__ */ r.jsx(r.Fragment, { children: n.length > e * 2 + 1 ? (
+        /* @__PURE__ */ o.jsx(o.Fragment, { children: n.length > t * 2 + 1 ? (
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
-          /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            be(u, p, o == null ? void 0 : o.breadcrumb),
+          /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            bt(m, p, r == null ? void 0 : r.breadcrumb),
             p,
-            m.length > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-              /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ r.jsx("button", { onClick: () => a(!0), children: "..." }),
-                /* @__PURE__ */ r.jsx(
+            x.length > 0 && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+              /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ o.jsx("button", { onClick: () => d(!0), children: "..." }),
+                /* @__PURE__ */ o.jsx(
                   "ul",
                   {
-                    ref: d,
-                    className: l(
+                    ref: l,
+                    className: a(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -2342,91 +2341,91 @@ const oe = ({ html: t, as: e, ...o }) => {
                         "visible opacity-100": i
                       }
                     ),
-                    children: m.map((c) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-                      It,
+                    children: x.map((f) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
+                      Se,
                       {
-                        breadcrumb: c,
-                        className: l(
+                        breadcrumb: f,
+                        className: a(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
                           "text-color-dark hover:bg-color-primary-tr-hover",
-                          o == null ? void 0 : o.breadcrumb
+                          r == null ? void 0 : r.breadcrumb
                         )
                       }
-                    ) }, c.label))
+                    ) }, f.label))
                   }
                 )
               ] }),
               p
             ] }),
-            be(h, p, o == null ? void 0 : o.breadcrumb, h.length - 1)
+            bt(u, p, r == null ? void 0 : r.breadcrumb, u.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          be(n, p, o == null ? void 0 : o.breadcrumb, n.length - 1)
+          bt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        be(n, p, o == null ? void 0 : o.breadcrumb, n.length - 1)
+        bt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
       )
     }
   );
 };
-var me = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(me || {});
-const Hn = (t, e) => {
-  switch (e.type) {
-    case me.ROOT:
+var mt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(mt || {});
+const Qn = (e, t) => {
+  switch (t.type) {
+    case mt.ROOT:
       return {
-        ...t,
-        root: e.payload
+        ...e,
+        root: t.payload
       };
-    case me.CURRENT:
+    case mt.CURRENT:
       return {
-        ...t,
-        current: e.payload
+        ...e,
+        current: t.payload
       };
     default:
-      return t;
+      return e;
   }
-}, zn = (t) => {
-  const [e, o] = Xt(Hn, t);
-  return [e, o];
-}, Ln = (t) => ({
-  type: me.CURRENT,
-  payload: t
-}), Qn = (t) => ({
-  type: me.ROOT,
-  payload: t
-}), Vn = ({ categories: t, ...e }) => {
-  var o, n;
-  return wt(
-    /* @__PURE__ */ r.jsx(
-      Se.div,
+}, Vn = (e) => {
+  const [t, r] = Je(Qn, e);
+  return [t, r];
+}, $n = (e) => ({
+  type: mt.CURRENT,
+  payload: e
+}), An = (e) => ({
+  type: mt.ROOT,
+  payload: e
+}), Wn = ({ categories: e, ...t }) => {
+  var r, n;
+  return Ne(
+    /* @__PURE__ */ o.jsx(
+      Ft.div,
       {
-        ...e,
+        ...t,
         layout: !0,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.2 },
         className: 'absolute z-20 w-full bg-color-white after:absolute after:left-1/2 after:top-0 after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]',
-        children: /* @__PURE__ */ r.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: t.map((i) => {
-          var d;
-          const a = i.link ? "a" : "p";
-          return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-y-6", children: [
-            i.title && /* @__PURE__ */ r.jsxs(
-              a,
+        children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
+          var l;
+          const d = i.link ? "a" : "p";
+          return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+            i.title && /* @__PURE__ */ o.jsxs(
+              d,
               {
-                href: ((d = i.link) == null ? void 0 : d.href) ?? void 0,
+                href: ((l = i.link) == null ? void 0 : l.href) ?? void 0,
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
                 children: [
                   i.title,
-                  /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowLink", className: "size-6" })
+                  /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowLink", className: "size-6" })
                 ]
               }
             ),
-            /* @__PURE__ */ r.jsx("ul", { className: "w-[328px]", children: i.children.map((u) => {
-              var m;
-              return /* @__PURE__ */ r.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ r.jsx("a", { href: (m = u.link) == null ? void 0 : m.href, className: "w-full text-16", children: u.title }) }, u.title);
+            /* @__PURE__ */ o.jsx("ul", { className: "w-[328px]", children: i.children.map((m) => {
+              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);
             }) })
           ] }, i.title);
         }) })
@@ -2435,213 +2434,213 @@ const Hn = (t, e) => {
     /**
      * Нужно для preview, чтобы категории рендерились в iframe
      */
-    ((n = (o = document.body.querySelector("#modal-preview")) == null ? void 0 : o.contentDocument) == null ? void 0 : n.body) ?? document.body
+    ((n = (r = document.body.querySelector("#modal-preview")) == null ? void 0 : r.contentDocument) == null ? void 0 : n.body) ?? document.body
   );
-}, $n = Yt(({ category: t, active: e, onActiveTabChange: o }, n) => {
-  var m, h;
-  const i = n && "current" in n ? n : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), d = e && !S.isArrayEmpty(t.children), u = S.isArrayEmpty(t.children) ? "a" : "span";
-  return /* @__PURE__ */ r.jsxs(
-    Se.div,
+}, qn = Ge(({ 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";
+  return /* @__PURE__ */ o.jsxs(
+    Ft.div,
     {
       ref: n,
-      className: l(
+      className: a(
         "relative flex cursor-default items-center justify-center py-4 text-color-dark",
         'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
         "after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
         {
-          "text-color-primary-default": d,
-          "after:w-full": d
+          "text-color-primary-default": l,
+          "after:w-full": l
         }
       ),
-      onMouseEnter: () => o(t.title),
-      onMouseLeave: () => o(null),
-      onFocus: () => o(t.title),
+      onMouseEnter: () => r(e.title),
+      onMouseLeave: () => r(null),
+      onFocus: () => r(e.title),
       children: [
-        /* @__PURE__ */ r.jsx(u, { href: u === "a" ? (h = t.link) == null ? void 0 : h.href : void 0, className: "desk-body-regular-m outline-none", children: t.title }),
-        d && /* @__PURE__ */ r.jsx(
-          Vn,
+        /* @__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 }),
+        l && /* @__PURE__ */ o.jsx(
+          Wn,
           {
-            categories: t.children,
+            categories: e.children,
             style: {
-              top: a ? a.top + a.height : 0
+              top: d ? d.top + d.height : 0
             }
           }
         )
       ]
     }
   );
-}), An = Ee($n), qn = ({ categories: t }) => {
-  const [e, o] = q(null), n = yt((a) => {
-    o(a);
-  }, []), i = Fe(null);
-  return /* @__PURE__ */ r.jsx(Kt, { mode: "sync", children: /* @__PURE__ */ r.jsxs(
+}), Un = Pt(qn), Kn = ({ categories: e }) => {
+  const [t, r] = W(null), n = ke((d) => {
+    r(d);
+  }, []), i = Et(null);
+  return /* @__PURE__ */ o.jsx(Xe, { mode: "sync", children: /* @__PURE__ */ o.jsxs(
     "div",
     {
       ref: i,
       id: "tabs",
       className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
       children: [
-        t.map((a) => /* @__PURE__ */ r.jsx(
-          An,
+        e.map((d) => /* @__PURE__ */ o.jsx(
+          Un,
           {
             ref: i,
-            category: a,
-            active: e === a.title,
+            category: d,
+            active: t === d.title,
             onActiveTabChange: n
           },
-          a.title
+          d.title
         )),
-        /* @__PURE__ */ r.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
+        /* @__PURE__ */ o.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
       ]
     }
   ) });
-}, Wn = Ee(qn), Un = ({
-  category: t,
-  selectedCategory: e,
-  onCurrentCategoryChange: o,
+}, Zn = Pt(Kn), Xn = ({
+  category: e,
+  selectedCategory: t,
+  onCurrentCategoryChange: r,
   onRootCategoryChange: n,
   active: i,
-  ...a
-}) => /* @__PURE__ */ r.jsxs(
+  ...d
+}) => /* @__PURE__ */ o.jsxs(
   "div",
   {
-    ...a,
+    ...d,
     onClick: () => {
-      o(t.children[0]), n(t);
+      r(e.children[0]), n(e);
     },
-    className: l("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+    className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
-      /* @__PURE__ */ r.jsx("span", { className: "desk-body-regular-m", children: t.title }),
-      t.children.length > 1 && /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ o.jsx("span", { className: "desk-body-regular-m", children: e.title }),
+      e.children.length > 1 && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: l(
+          className: a(
             "absolute right-0 top-full z-10 flex w-max flex-col",
             "invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
             "rounded-sm p-1"
           ),
-          children: t.children.map((d) => /* @__PURE__ */ r.jsx(
+          children: e.children.map((l) => /* @__PURE__ */ o.jsx(
             "span",
             {
-              onClick: (u) => {
-                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(t), o(d);
+              onClick: (m) => {
+                m.stopPropagation(), m.nativeEvent.stopPropagation(), n(e), r(l);
               },
-              className: l(
+              className: a(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
                 {
-                  "text-color-primary-default": e.title === d.title
+                  "text-color-primary-default": t.title === l.title
                 }
               ),
-              children: d.title
+              children: l.title
             },
-            d.title
+            l.title
           ))
         }
       )
     ]
   }
-), Kn = ({ categories: t, helpers: e, phone: o }) => {
-  const [n, i] = zn({ root: t[0].children[0], current: t[0].children[0] });
-  return /* @__PURE__ */ r.jsxs("div", { className: "mobile:hidden", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
-      /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
-      t.map((a) => {
-        const d = n.root.title === a.title;
-        return /* @__PURE__ */ r.jsx(
-          Un,
+), Yn = ({ categories: e, helpers: t, phone: r }) => {
+  const [n, i] = Vn({ 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]" }),
+      e.map((d) => {
+        const l = n.root.title === d.title;
+        return /* @__PURE__ */ o.jsx(
+          Xn,
           {
-            category: a,
+            category: d,
             selectedCategory: n.current,
-            onCurrentCategoryChange: (u) => i(Ln(u)),
-            onRootCategoryChange: (u) => i(Qn(u)),
-            active: d
+            onCurrentCategoryChange: (m) => i($n(m)),
+            onRootCategoryChange: (m) => i(An(m)),
+            active: l
           },
-          a.title
+          d.title
         );
       }),
-      /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      e.map((a) => /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ o.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
+      t.map((d) => /* @__PURE__ */ o.jsxs(
         "a",
         {
-          href: a.link.href,
+          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: [
-            a.link.icon && /* @__PURE__ */ r.jsx(b, { name: a.link.icon, className: "size-4" }),
-            a.title
+            d.link.icon && /* @__PURE__ */ o.jsx(b, { name: d.link.icon, className: "size-4" }),
+            d.title
           ]
         },
-        a.title
+        d.title
       )),
-      /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ o.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
+      /* @__PURE__ */ o.jsx(
         "a",
         {
-          href: `tel:${o}`,
+          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: ke(o, "x xxx xxx xx xx")
+          children: wt(r, "x xxx xxx xx xx")
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(Wn, { categories: n.current.children })
+    /* @__PURE__ */ o.jsx(Zn, { categories: n.current.children })
   ] });
-}, Zn = ({ category: t }) => /* @__PURE__ */ r.jsx(
-  ie,
+}, Jn = ({ category: e }) => /* @__PURE__ */ o.jsx(
+  dt,
   {
-    label: t.title ?? "",
-    icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: "-rotate-90" }),
+    label: e.title ?? "",
+    icon: /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowRight", className: "-rotate-90" }),
     classes: {
       root: "w-full",
       header: {
         trigger: "py-2 data-[open=false]:bg-color-white",
         label: "desk-body-regular-m"
       },
-      content: l(
+      content: a(
         "relative",
         'after:content-"" after:absolute after:w-[calc(100%-32px)]',
         "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
         "after:h-[1px] after:bg-color-blue-grey-200"
       )
     },
-    children: /* @__PURE__ */ r.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: t.children.map((e) => {
+    children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: e.children.map((t) => {
       var i;
-      const o = !!e.link, n = o ? "a" : "p";
-      return /* @__PURE__ */ r.jsxs("ul", { className: "w-full list-none p-0", children: [
-        /* @__PURE__ */ r.jsxs(
+      const r = !!t.link, n = r ? "a" : "p";
+      return /* @__PURE__ */ o.jsxs("ul", { className: "w-full list-none p-0", children: [
+        /* @__PURE__ */ o.jsxs(
           n,
           {
-            href: o ? (i = e.link) == null ? void 0 : i.href : void 0,
+            href: r ? (i = t.link) == null ? void 0 : i.href : void 0,
             className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
             children: [
-              e.title,
-              /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowLink" })
+              t.title,
+              /* @__PURE__ */ o.jsx(b, { name: "arrows/arrowLink" })
             ]
           }
         ),
-        e.children.map((a) => {
-          var d;
-          return /* @__PURE__ */ r.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ r.jsx("a", { href: (d = a.link) == null ? void 0 : d.href, className: "w-full", children: a.title }) }, a.title);
+        t.children.map((d) => {
+          var l;
+          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full", children: d.title }) }, d.title);
         })
-      ] }, e.title);
+      ] }, t.title);
     }) })
   },
-  t.title
-), Xn = (t) => t.map((e) => ({
-  value: e.title ?? "",
-  label: e.title ?? ""
-})), Yn = ({ categories: t, helpers: e, phone: o, ...n }) => {
-  const i = Xn(t), [a, d] = q(i[0]), u = (h) => {
-    S.isUndefined(h) || S.isArray(h) || d(h);
-  }, m = se(() => {
-    var h;
-    return S.isUndefined(a) || S.isArray(a) ? [] : ((h = t.find((p) => p.title === a.value)) == null ? void 0 : h.children) ?? [];
-  }, [a, t]);
-  return /* @__PURE__ */ r.jsxs(
-    Se.div,
+  e.title
+), Gn = (e) => e.map((t) => ({
+  value: t.title ?? "",
+  label: t.title ?? ""
+})), sn = ({ categories: e, helpers: t, phone: r, ...n }) => {
+  const i = Gn(e), [d, l] = W(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) ?? [];
+  }, [d, e]);
+  return /* @__PURE__ */ o.jsxs(
+    Ft.div,
     {
       ...n,
-      className: l(
+      className: a(
         "absolute z-10 w-full max-w-[calc(636px-32px)]",
         "absolute left-1/2 top-full bg-color-white p-4",
         "-translate-x-1/2 overflow-x-hidden",
@@ -2650,333 +2649,377 @@ const Hn = (t, e) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ r.jsx(ye.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
-        /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((h) => {
+        /* @__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) => {
           var p;
-          return S.isArrayEmpty(h.children) ? /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsx("a", { href: (p = h.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: h.title }) }, h.title) : /* @__PURE__ */ r.jsx(Zn, { category: h }, h.title);
+          return 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(Jn, { category: u }, u.title);
         }) }),
-        /* @__PURE__ */ r.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
-          e.map((h) => {
-            var p, c;
-            return /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: (p = h.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
-              ((c = h.link) == null ? void 0 : c.icon) && /* @__PURE__ */ r.jsx(b, { name: h.link.icon, className: "size-4" }),
-              h.title
-            ] }) }, h.title);
+        /* @__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) => {
+            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);
           }),
-          /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: `tel:${o}`, className: "flex w-full items-center gap-x-1", children: [
-            /* @__PURE__ */ r.jsx(b, { name: "communication/phone", className: "size-4" }),
-            ke(o)
+          /* @__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)
           ] }) })
         ] })
       ]
     }
   );
-}, Jn = ({ categories: t, helpers: e, phone: o }) => {
-  var m, h, p;
-  const n = Fe(null), i = (m = n.current) == null ? void 0 : m.getBoundingClientRect(), [a, d] = q(!1), u = () => d(!a);
-  return /* @__PURE__ */ r.jsxs(
+}, to = ({ 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] = W(!1), m = () => 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__ */ r.jsx(b, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(b, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-        a && wt(
-          /* @__PURE__ */ r.jsx(
-            Yn,
+        /* @__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 && Ne(
+          /* @__PURE__ */ o.jsx(
+            sn,
             {
-              categories: t,
-              helpers: e,
-              phone: o,
+              categories: e,
+              helpers: t,
+              phone: r,
               style: { top: i ? i.top + i.height : 0 }
             }
           ),
           /**
            * Нужно для preview, чтобы категории рендерились в iframe
            */
-          ((p = (h = document.body.querySelector("#modal-preview")) == null ? void 0 : h.contentDocument) == null ? void 0 : p.body) ?? document.body
+          ((p = (u = document.body.querySelector("#modal-preview")) == null ? void 0 : u.contentDocument) == null ? void 0 : p.body) ?? document.body
         )
       ]
     }
   );
-}, ut = ({ categories: t, helpers: e, phone: o, breadcrumbs: n }) => {
-  const { isMobile: i } = ae();
-  return /* @__PURE__ */ r.jsx("div", { id: j.seoHeader, "data-test-id": j.seoHeader, className: "w-full bg-color-white", children: /* @__PURE__ */ r.jsxs(F, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ r.jsx(Jn, { categories: t.map((a) => a.children).flat(), helpers: e, phone: o }),
-    /* @__PURE__ */ r.jsx(Kn, { categories: t, helpers: e, phone: o }),
-    /* @__PURE__ */ r.jsx(
-      Rn,
+}, me = ({ categories: e, helpers: t, phone: r, breadcrumbs: n, classes: i }) => {
+  const { isMobile: d } = at();
+  return /* @__PURE__ */ o.jsx("div", { id: j.seoHeader, "data-test-id": j.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(to, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
+    /* @__PURE__ */ o.jsx(Yn, { categories: e, helpers: t, phone: r }),
+    /* @__PURE__ */ o.jsx(
+      Ln,
       {
-        ellipsis: i ? 1 : void 0,
+        ellipsis: d ? 1 : void 0,
         breadcrumbs: n,
-        matcher: (a) => ({ label: Gt(a.label).split("-").join(" ") })
+        matcher: (l) => ({ label: tr(l.label).split("-").join(" ") })
       }
     )
   ] }) });
-}, Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SeoHeader: ut,
-  default: ut
-}, Symbol.toStringTag, { value: "Module" })), _t = (t) => typeof t != "string" && "formula" in t, Tt = (t, e) => {
-  let o = e;
+  SeoHeader: me,
+  default: me
+}, Symbol.toStringTag, { value: "Module" })), Te = (e) => typeof e != "string" && "formula" in e, Oe = (e, t) => {
+  let r = t;
   const n = {
-    style: t
+    style: e
   };
-  switch (t) {
+  switch (e) {
     case "currency":
       n.currency = "RUB", n.minimumFractionDigits = 0, n.maximumFractionDigits = 0;
       break;
     case "percent":
-      n.minimumFractionDigits = 0, n.maximumFractionDigits = 1, o = o / 100;
+      n.minimumFractionDigits = 0, n.maximumFractionDigits = 1, r = r / 100;
       break;
     default:
       return null;
   }
-  return new Intl.NumberFormat("ru-RU", n).format(o);
-}, eo = (t, e) => {
-  switch (t) {
+  return new Intl.NumberFormat("ru-RU", n).format(r);
+}, ro = (e, t) => {
+  switch (e) {
     case "text":
-      return e;
+      return t;
     default:
-      return Tt(t, Number(e));
-  }
-}, to = (t) => Object.values(t).reduce((o, n) => o.merge(Re(n.fields)), kt({})), ro = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, St = (t, e) => {
-  const o = Object.entries(e).map(([m, h]) => [m, S.isNil(h) ? "1" : h]), n = o.map(([m]) => m), i = o.map(([, m]) => m), a = ro(t, Object.fromEntries(o)), u = new Function(...n, `return ${a};`)(...i.map(Number));
-  return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, no = (t, e) => t.map((o) => ({
-  ...o,
-  value: _t(o.value) ? St(o.value.formula, e) : o.value
-})), oo = ({ subtitle: t, title: e }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: (e || t) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
-  e && /* @__PURE__ */ r.jsx(D, { as: "h3", children: e }),
-  t && /* @__PURE__ */ r.jsx("div", { className: "desk-body-regular-l text-color-dark", children: t })
-] }) }), io = ({ rootDescription: t, rootValue: e, suffix: o }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
-  /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: t }),
-  /* @__PURE__ */ r.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ r.jsx("span", { children: Tt(o, Number(e)) }) })
-] }), ao = ({ hint: t, value: e, label: o, mode: n, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: o }),
-    t && /* @__PURE__ */ r.jsx(
-      _e,
+      return Oe(e, Number(t));
+  }
+}, no = (e) => Object.values(e).reduce((r, n) => r.merge(zt(n.fields)), ve({})), oo = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Fe = (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 = oo(e, Object.fromEntries(r)), m = new Function(...n, `return ${d};`)(...i.map(Number));
+  return Number.isNaN(Number(m)) ? "0" : m.toString();
+}, io = (e, t) => e.map((r) => ({
+  ...r,
+  value: Te(r.value) ? Fe(r.value.formula, t) : r.value
+})), ao = ({ 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(H, { 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 })
+] }) }), lo = ({ 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: Oe(r, Number(t)) })
+] }), uo = ({ 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,
       {
         withCloseBtn: !1,
-        triggerElement: /* @__PURE__ */ r.jsx(b, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
-        children: /* @__PURE__ */ r.jsx("p", { children: t })
+        triggerElement: /* @__PURE__ */ o.jsx(b, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
+        children: /* @__PURE__ */ o.jsx("p", { children: e })
       }
     )
   ] }),
-  /* @__PURE__ */ r.jsx(
+  /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: l("desk-body-medium-l text-color-dark", {
-        "[&&]:desk-title-bold-s": a,
+      className: a("desk-body-medium-l text-color-dark", {
+        "[&&]:desk-title-bold-s": d,
         "text-color-primary-default": i === "blue"
       }),
-      children: eo(n, e)
+      children: ro(n, t)
     }
   )
-] }), lo = ({ infoList: t }) => {
-  const { watch: e } = we(), o = e(), n = no(t, o);
-  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: n == null ? void 0 : n.map((i) => /* @__PURE__ */ r.jsx(ao, { ...i }, i.label)) });
-}, uo = ({ iconName: t, text: e, hint: o }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
-  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ r.jsx(b, { name: t, className: "size-6 text-icon-blue-grey-800" }),
-    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: e })
+] }), mo = ({ infoList: e, classes: t }) => {
+  const { watch: r } = vt(), n = r(), i = io(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(uo, { ...d }, d.label)) });
+}, xo = ({ 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("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
   ] }),
-  o && /* @__PURE__ */ r.jsx(_e, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(b, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: o }) })
-] }), mo = ({ assistHint: t, buttonsConfig: e, bottomDescription: o }) => /* @__PURE__ */ r.jsxs("div", { children: [
-  t && /* @__PURE__ */ r.jsx(uo, { ...t }),
-  /* @__PURE__ */ r.jsx("div", { className: l("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ r.jsx(Y, { className: "w-full", ...n }, i)) }),
-  o && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: o })
-] }), ho = ({
-  rootDescription: t,
-  bottomDescription: e,
-  rootValue: o,
+  r && /* @__PURE__ */ o.jsx(
+    Tt,
+    {
+      withCloseBtn: !1,
+      triggerElement: /* @__PURE__ */ o.jsx(b, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }),
+      ...i,
+      children: r
+    }
+  )
+] }), ho = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
+  e && /* @__PURE__ */ o.jsx(xo, { ...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)) }),
+  r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
+] }), po = ({
+  rootDescription: e,
+  bottomDescription: t,
+  rootValue: r,
   title: n,
   subtitle: i,
-  buttonsConfig: a,
-  infoList: d,
-  suffix: u,
-  assistHint: m
-}) => /* @__PURE__ */ r.jsxs("div", { className: "w-[456px] rounded-md bg-color-blue-grey-100 p-8", children: [
-  /* @__PURE__ */ r.jsx(io, { suffix: u, rootValue: o, rootDescription: t }),
-  /* @__PURE__ */ r.jsx(oo, { title: n, subtitle: i }),
-  /* @__PURE__ */ r.jsx(lo, { infoList: d }),
-  /* @__PURE__ */ r.jsx(mo, { assistHint: m, buttonsConfig: a, bottomDescription: e })
-] }), xo = 2e4, Ot = ({
-  slidersGroupConfig: t,
-  additionalSliderGroupConfig: e
+  buttonsConfig: d,
+  infoList: l,
+  suffix: m,
+  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: [
+  /* @__PURE__ */ o.jsx(
+    lo,
+    {
+      suffix: m,
+      rootValue: r,
+      rootDescription: e,
+      classes: u == null ? void 0 : u.calculatedBlock
+    }
+  ),
+  /* @__PURE__ */ o.jsx(ao, { title: n, subtitle: i, classes: u == null ? void 0 : u.calculatedInfoHead }),
+  /* @__PURE__ */ o.jsx(mo, { infoList: l, classes: u == null ? void 0 : u.calculatorInfoBody }),
+  /* @__PURE__ */ o.jsx(
+    ho,
+    {
+      assistHint: x,
+      buttonsConfig: d,
+      bottomDescription: t,
+      classes: u == null ? void 0 : u.calculatorInfoFooter
+    }
+  )
+] }), fo = 2e4, Be = ({
+  slidersGroupConfig: e,
+  additionalSliderGroupConfig: t
 }) => {
-  const [o, n] = q(!1), { watch: i, setValue: a } = we(), d = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = d || {}, { max: m, name: h, defaultValue: p } = u || {}, c = i(h), { min: y, name: f } = (e == null ? void 0 : e.args) ?? {}, w = i(f), g = Number(m ?? 0) - (c ?? p);
-  return qe(() => {
-    w > g && a(f, g);
-  }, [g, w, a, c]), qe(() => {
-    Number(m) === c && n(!1);
-  }, [n, m, c]), {
-    sliderVisible: o,
+  const [r, n] = W(!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), g = Number(x ?? 0) - (f ?? p);
+  return _t(() => {
+    v > g && d(c, g);
+  }, [g, v, d, f]), _t(() => {
+    Number(x) === f && n(!1);
+  }, [n, x, f]), {
+    sliderVisible: r,
     setSliderVisible: n,
-    sumMax: m,
-    sumName: h,
+    sumMax: x,
+    sumName: u,
     sumDefaultValue: p,
-    sumValue: c,
+    sumValue: f,
     additionalSliderMax: g,
     onCheckedChange: () => {
-      n((_) => !_), w <= 0 && a(f, y), Number(m) === c && (a(h ?? "", c - xo), a(f, y));
+      n((S) => !S), v <= 0 && d(c, y), Number(x) === f && (d(u ?? "", f - fo), d(c, y));
     },
-    sliderSumExist: !S.isObjectEmpty(d == null ? void 0 : d.args),
-    sliderSumCorrectType: (d == null ? void 0 : d.args.componentType) === "algorithmic" || (d == null ? void 0 : d.args.componentType) === "step"
+    sliderSumExist: !O.isObjectEmpty(l == null ? void 0 : l.args),
+    sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
   };
-}, po = (t) => {
-  switch (t) {
+}, co = (e) => {
+  switch (e) {
     case "content1":
-      return /* @__PURE__ */ r.jsx("div", { children: "content 1" });
+      return /* @__PURE__ */ o.jsx("div", { children: "content 1" });
     case "content2":
-      return /* @__PURE__ */ r.jsx("div", { children: "content 2" });
-  }
-}, co = ({ triggerText: t, modalTitle: e, description: o, contentVariant: n }) => {
-  const [i, a] = nr(!1);
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
-    o && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: o }),
-    /* @__PURE__ */ r.jsx(
+      return /* @__PURE__ */ o.jsx("div", { children: "content 2" });
+  }
+}, bo = ({
+  triggerText: e,
+  modalTitle: t,
+  description: r,
+  classes: n,
+  modalProps: i,
+  contentVariant: d
+}) => {
+  const [l, m] = ir(!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: () => a(!0),
-        className: "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
-        children: t
+        onClick: () => m(!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
+        ),
+        children: e
       }
     ),
-    /* @__PURE__ */ r.jsx(Zt, { title: e, isModalOpen: i, closeModal: () => a(!1), children: po(n) })
+    /* @__PURE__ */ o.jsx(Ye, { title: t, isModalOpen: l, closeModal: () => m(!1), ...i, children: co(d) })
   ] });
-}, J = ({ fields: t }) => {
-  const { control: e } = we();
-  return /* @__PURE__ */ r.jsx(De, { control: e, fields: t });
-}, fo = ({
-  slidersGroupConfig: t,
-  additionalSliderGroupConfig: e
+}, s = ({ fields: e }) => {
+  const { control: t } = vt();
+  return /* @__PURE__ */ o.jsx(Rt, { control: t, fields: e });
+}, go = ({
+  slidersGroupConfig: e,
+  additionalSliderGroupConfig: t,
+  classes: r
 }) => {
-  const { control: o } = we(), { sliderVisible: n, additionalSliderMax: i, onCheckedChange: a } = Ot({
-    slidersGroupConfig: t,
-    additionalSliderGroupConfig: e
+  const { control: n } = vt(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = Be({
+    slidersGroupConfig: e,
+    additionalSliderGroupConfig: t
   });
-  return S.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ r.jsx(ye.SwitchBase, { checked: n, onCheckedChange: a }),
-      /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
+  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: [
+    /* @__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("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
-    n && /* @__PURE__ */ r.jsx(
-      jt.SliderControl,
+    i && /* @__PURE__ */ o.jsx(
+      ye.SliderControl,
       {
-        ...e.args,
-        control: o,
+        ...t.args,
+        control: n,
         componentType: "algorithmic",
         suffix: "currency",
-        defaultValue: e == null ? void 0 : e.args.min,
-        max: i
+        defaultValue: t == null ? void 0 : t.args.min,
+        max: d
       }
     )
   ] });
-}, bo = ({ modalConfig: t, fieldsGroup: e }) => {
-  var i;
-  const { sliderSumExist: o, sliderSumCorrectType: n } = Ot({
-    slidersGroupConfig: e.slidersGroupConfig,
-    additionalSliderGroupConfig: e.additionalSliderGroupConfig
+}, jo = ({ modalConfig: e, fieldsGroup: t, classes: r }) => {
+  var d;
+  const { sliderSumExist: n, sliderSumCorrectType: i } = Be({
+    slidersGroupConfig: t.slidersGroupConfig,
+    additionalSliderGroupConfig: t.additionalSliderGroupConfig
   });
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
-    (t == null ? void 0 : t.triggerText) && (t == null ? void 0 : t.contentVariant) && /* @__PURE__ */ r.jsx(co, { ...t }),
-    (e == null ? void 0 : e.selectGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.selectGroupConfig }) }),
-    (e == null ? void 0 : e.slidersGroupConfig) && /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.slidersGroupConfig }),
-    (e == null ? void 0 : e.radioGroupTabConfig) && /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.radioGroupTabConfig }),
-    (e == null ? void 0 : e.checkboxGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.checkboxGroupConfig }) }),
-    (e == null ? void 0 : e.radioGroupConfig) && /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.radioGroupConfig }),
-    (e == null ? void 0 : e.radioGroupCardConfig) && /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.radioGroupCardConfig }),
-    (e == null ? void 0 : e.switchGroupConfig) && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ r.jsx(J, { ...e == null ? void 0 : e.switchGroupConfig }) }),
-    ((i = e.additionalSliderGroupConfig) == null ? void 0 : i.args.enabled) && e.slidersGroupConfig && e.additionalSliderGroupConfig && o && n && /* @__PURE__ */ r.jsx(
-      fo,
+  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(bo, { 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 }) }),
+    ((d = t.additionalSliderGroupConfig) == null ? void 0 : d.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
+      go,
       {
-        slidersGroupConfig: e.slidersGroupConfig,
-        additionalSliderGroupConfig: e.additionalSliderGroupConfig
+        slidersGroupConfig: t.slidersGroupConfig,
+        additionalSliderGroupConfig: t.additionalSliderGroupConfig
       }
     )
   ] });
-}, go = Ee(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: o }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: n, label: i }) => /* @__PURE__ */ r.jsx(
+}, yo = 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(
   "button",
   {
-    onClick: () => o(n),
-    className: l(
+    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": e === n }
+      { "bg-icon-primary-default text-color-white": t === i },
+      n == null ? void 0 : n.tab
     ),
-    children: i
+    children: d
   },
-  n
-)) })), jo = ({
-  calculatorInfoConfig: t,
-  calculatorFieldsConfig: e
+  i
+)) })), ko = ({
+  calculatorInfoConfig: e,
+  calculatorFieldsConfig: t,
+  classes: r
 }) => {
-  const o = to(e == null ? void 0 : e.fieldsGroup), n = Be({
-    schema: o,
+  const n = no(t == null ? void 0 : t.fieldsGroup), i = Dt({
+    schema: n,
     mode: "onBlur",
-    defaultValues: Pe.getZodDefaults(o)
-  }), i = n.watch(), { rootValue: a } = t, d = _t(a) ? St(a.formula, i) : a, u = { ...t, rootValue: d };
-  return /* @__PURE__ */ r.jsx(tr, { ...n, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-16", children: [
-    /* @__PURE__ */ r.jsx(bo, { ...e }),
-    /* @__PURE__ */ r.jsx(ho, { ...u })
+    defaultValues: Ht.getZodDefaults(n)
+  }), d = i.watch(), { rootValue: l } = e;
+  _t(() => {
+    er.setItem("calculatorData", JSON.stringify(d));
+  }, [d]);
+  const m = Te(l) ? Fe(l.formula, d) : l, x = { ...e, rootValue: m };
+  return /* @__PURE__ */ o.jsx(nr, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsx(jo, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
+    /* @__PURE__ */ o.jsx(po, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
   ] }) });
-}, mt = ({ calculators: t, headline: e }) => {
-  var m;
-  const o = t.length > 1, [n, i] = q(o ? (m = t[0]) == null ? void 0 : m.name : ""), a = se(() => t == null ? void 0 : t.map(({ name: h, label: p }) => ({ name: h, label: p })), [t]), d = o ? a == null ? void 0 : a.findIndex((h) => h.name === n) : 0, u = t[d];
-  return /* @__PURE__ */ r.jsx("section", { id: j.calculator, children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
-    /* @__PURE__ */ r.jsx(D, { className: "mb-12", as: "h2", children: e }),
-    o && /* @__PURE__ */ r.jsx(
-      go,
+}, xe = ({ calculators: e, headline: t, classes: r }) => {
+  var u;
+  const n = e.length > 1, [i, d] = W(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: j.calculator, "data-test-id": j.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: [
+    /* @__PURE__ */ o.jsx(H, { className: a("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
+    n && /* @__PURE__ */ o.jsx(
+      yo,
       {
-        calculatorTabs: a,
-        activeCalculator: n,
-        setActiveCalculator: i
+        calculatorTabs: l,
+        activeCalculator: i,
+        setActiveCalculator: d,
+        classes: r == null ? void 0 : r.calculatorTabs
       }
     ),
-    /* @__PURE__ */ r.jsx(
-      jo,
+    /* @__PURE__ */ o.jsx(
+      ko,
       {
-        name: u.name,
-        label: u.label,
-        calculatorInfoConfig: u.calculatorInfoConfig,
-        calculatorFieldsConfig: u.calculatorFieldsConfig
+        name: x.name,
+        label: x.label,
+        calculatorInfoConfig: x.calculatorInfoConfig,
+        calculatorFieldsConfig: x.calculatorFieldsConfig,
+        classes: r == null ? void 0 : r.calculatorView
       }
     )
   ] }) }) });
-}, yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Calculator: mt,
-  default: mt
+  Calculator: xe,
+  default: xe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ie as Advantages,
-  Oo as AuthProvider,
-  Je as Banner,
-  Ye as BannerWithSeparateImg,
-  Ze as Benefit,
-  Rn as Breadcrumbs,
+  St as Advantages,
+  Eo as AuthProvider,
+  st as Banner,
+  Gt as BannerWithSeparateImg,
+  Yt as Benefit,
+  Ln as Breadcrumbs,
   Y as ButtonWithHandlers,
-  mt as Calculator,
-  jo as CalculatorView,
-  lt as DynamicForm,
-  dt as DynamicFormDialog,
-  Eo as FallbacksView,
-  De as FieldMapper,
-  Ge as Footer,
-  Fo as HTMLParser,
-  oe as HTMLRenderer,
-  Xe as Header,
-  it as InterLinking,
-  vr as KEYS_OF_WIDGET_LIST,
-  tt as LongBanner,
-  ut as SeoHeader,
-  et as Stepper,
-  at as UsefulInfo,
-  wr as WIDGET_LIST_MAP,
-  On as queryClient,
+  xe as Calculator,
+  ko as CalculatorView,
+  le as DynamicForm,
+  ue as DynamicFormDialog,
+  Do as FallbacksView,
+  Rt as FieldMapper,
+  te as Footer,
+  Po as HTMLParser,
+  it as HTMLRenderer,
+  Jt as Header,
+  de as InterLinking,
+  Ir as KEYS_OF_WIDGET_LIST,
+  re as LongBanner,
+  me as SeoHeader,
+  ee as Stepper,
+  ae as UsefulInfo,
+  Cr as WIDGET_LIST_MAP,
+  En as queryClient,
   j as widgetIds
 };
 //# sourceMappingURL=widget.js.map