@scbt-ecom/ui 0.78.7 → 0.78.9

package/dist/widget.js

@@ -1,44 +1,44 @@
 var Ft = Object.defineProperty;
-var Le = (t) => {
+var Re = (t) => {
   throw TypeError(t);
 };
-var Bt = (t, e, n) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var de = (t, e, n) => Bt(t, typeof e != "symbol" ? e + "" : e, n), Ne = (t, e, n) => e.has(t) || Le("Cannot " + n);
-var x = (t, e, n) => (Ne(t, e, "read from private field"), n ? n.call(t) : e.get(t)), M = (t, e, n) => e.has(t) ? Le("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), k = (t, e, n, o) => (Ne(t, e, "write to private field"), o ? o.call(t, n) : e.set(t, n), n), W = (t, e, n) => (Ne(t, e, "access private method"), n);
-var fe = (t, e, n, o) => ({
+var Et = (t, e, o) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var ve = (t, e, o) => Et(t, typeof e != "symbol" ? e + "" : e, o), Ne = (t, e, o) => e.has(t) || Re("Cannot " + o);
+var x = (t, e, o) => (Ne(t, e, "read from private field"), o ? o.call(t) : e.get(t)), M = (t, e, o) => e.has(t) ? Re("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), k = (t, e, o, n) => (Ne(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o), W = (t, e, o) => (Ne(t, e, "access private method"), o);
+var ce = (t, e, o, n) => ({
   set _(i) {
-    k(t, e, i, n);
+    k(t, e, i, o);
   },
   get _() {
-    return x(t, e, o);
+    return x(t, e, n);
   }
 });
-import { S as bt, h as st, Q as Pt, n as S, m as Qe, R as Dt, c as Rt, a as Ve, b as $, e as Ht, d as zt, f as Lt, g as Qt, o as $e, r as Ae, i as Vt, j as qe, p as We, s as $t, k as r, B as ge, l as F, q as E, P as gt, t as At, H as L, I as s, C as je, u as Oe, L as qt, v as Se, A as ae, w as jt, x as Wt, y as Ut, U as ye, D as Kt, z as Ee, E as Zt, M as Xt } from "./index-DClkmaAg.js";
-import { c as l, T as O } from "./typeGuards-CSiImkUY.js";
-import * as me from "react";
-import { lazy as B, useCallback as yt, useState as Q, useMemo as ke, createElement as Fe, Fragment as Yt, useEffect as _e, useRef as Be, useReducer as Jt, memo as Pe, forwardRef as Gt } from "react";
-import { i as Ue } from "./isClient-C9aZtt2Q.js";
-import { s as er, c as we, a as tr } from "./capitalize-B7CPmCdk.js";
-import { u as ee, b as De, a as rr, f as ve, F as nr } from "./useDebounce-DcKs_mq9.js";
-import { z as kt, Z as Re } from "./index-B6WYooej.js";
-import { o as wt } from "./utils-Bu1Zg675.js";
-import { a as or, u as ir } from "./useFieldsProgress-COFjjZK4.js";
-import { createPortal as vt } from "react-dom";
-var R, xt, ar = (xt = class extends bt {
+import { S as ct, h as ft, Q as Bt, n as O, m as He, R as Pt, c as Dt, a as ze, b as V, e as Rt, d as Ht, f as zt, g as Lt, o as Le, r as Qe, i as Qt, j as Ve, p as $e, s as Vt, k as r, B as ge, l as E, q as F, P as bt, t as $t, H as L, I as b, C as je, u as _e, L as At, v as Te, A as le, w as gt, x as qt, y as Wt, U as ye, D as Ut, z as Se, E as Kt, M as Zt } from "./index-03-Bjlyq.js";
+import { c as a, T as S } from "./typeGuards-CSiImkUY.js";
+import * as ue from "react";
+import { lazy as B, useCallback as jt, useState as A, useMemo as se, createElement as yt, useRef as Oe, useReducer as Xt, memo as Fe, forwardRef as Yt, useEffect as Ae } from "react";
+import { i as qe } from "./isClient-C9aZtt2Q.js";
+import { s as Jt, c as ke, a as Gt } from "./capitalize-B7CPmCdk.js";
+import { u as ee, b as Ee, a as er, f as we, F as tr } from "./useDebounce-DcKs_mq9.js";
+import { z as st, Z as Be } from "./index-B6WYooej.js";
+import { o as kt } from "./utils-Bu1Zg675.js";
+import { a as rr, u as nr } from "./useFieldsProgress-COFjjZK4.js";
+import { createPortal as wt } from "react-dom";
+var R, mt, or = (mt = class extends ct {
   constructor(e = {}) {
     super();
     M(this, R);
     this.config = e, k(this, R, /* @__PURE__ */ new Map());
   }
-  build(e, n, o) {
-    const i = n.queryKey, a = n.queryHash ?? st(i, n);
-    let d = this.get(a);
-    return d || (d = new Pt({
+  build(e, o, n) {
+    const i = o.queryKey, l = o.queryHash ?? ft(i, o);
+    let d = this.get(l);
+    return d || (d = new Bt({
       client: e,
       queryKey: i,
-      queryHash: a,
-      options: e.defaultQueryOptions(n),
-      state: o,
+      queryHash: l,
+      options: e.defaultQueryOptions(o),
+      state: n,
       defaultOptions: e.getQueryDefaults(i)
     }), this.add(d)), d;
   }
@@ -49,11 +49,11 @@ var R, xt, ar = (xt = class extends bt {
     }));
   }
   remove(e) {
-    const n = x(this, R).get(e.queryHash);
-    n && (e.destroy(), n === e && x(this, R).delete(e.queryHash), this.notify({ type: "removed", query: e }));
+    const o = x(this, R).get(e.queryHash);
+    o && (e.destroy(), o === e && x(this, R).delete(e.queryHash), this.notify({ type: "removed", query: e }));
   }
   clear() {
-    S.batch(() => {
+    O.batch(() => {
       this.getAll().forEach((e) => {
         this.remove(e);
       });
@@ -66,44 +66,44 @@ var R, xt, ar = (xt = class extends bt {
     return [...x(this, R).values()];
   }
   find(e) {
-    const n = { exact: !0, ...e };
+    const o = { exact: !0, ...e };
     return this.getAll().find(
-      (o) => Qe(n, o)
+      (n) => He(o, n)
     );
   }
   findAll(e = {}) {
-    const n = this.getAll();
-    return Object.keys(e).length > 0 ? n.filter((o) => Qe(e, o)) : n;
+    const o = this.getAll();
+    return Object.keys(e).length > 0 ? o.filter((n) => He(e, n)) : o;
   }
   notify(e) {
-    S.batch(() => {
-      this.listeners.forEach((n) => {
-        n(e);
+    O.batch(() => {
+      this.listeners.forEach((o) => {
+        o(e);
       });
     });
   }
   onFocus() {
-    S.batch(() => {
+    O.batch(() => {
       this.getAll().forEach((e) => {
         e.onFocus();
       });
     });
   }
   onOnline() {
-    S.batch(() => {
+    O.batch(() => {
       this.getAll().forEach((e) => {
         e.onOnline();
       });
     });
   }
-}, R = new WeakMap(), xt), H, T, G, z, U, pt, lr = (pt = class extends Dt {
+}, R = new WeakMap(), mt), H, T, G, z, U, ht, ir = (ht = class extends Pt {
   constructor(e) {
     super();
     M(this, z);
     M(this, H);
     M(this, T);
     M(this, G);
-    this.mutationId = e.mutationId, k(this, T, e.mutationCache), k(this, H, []), this.state = e.state || dr(), this.setOptions(e.options), this.scheduleGc();
+    this.mutationId = e.mutationId, k(this, T, e.mutationCache), k(this, H, []), this.state = e.state || lr(), this.setOptions(e.options), this.scheduleGc();
   }
   setOptions(e) {
     this.options = e, this.updateGcTime(this.options.gcTime);
@@ -119,7 +119,7 @@ var R, xt, ar = (xt = class extends bt {
     }));
   }
   removeObserver(e) {
-    k(this, H, x(this, H).filter((n) => n !== e)), this.scheduleGc(), x(this, T).notify({
+    k(this, H, x(this, H).filter((o) => o !== e)), this.scheduleGc(), x(this, T).notify({
       type: "observerRemoved",
       mutation: this,
       observer: e
@@ -134,38 +134,38 @@ var R, xt, ar = (xt = class extends bt {
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var a, d, u, m, h, p, c, f, b, w, g, v, I, q, C, _, D, V, pe, le;
-    const n = () => {
+    var l, d, u, m, h, p, c, g, f, w, j, v, _, q, C, I, D, Q, xe, ae;
+    const o = () => {
       W(this, z, U).call(this, { type: "continue" });
     };
-    k(this, G, Rt({
+    k(this, G, Dt({
       fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (N, ce) => {
-        W(this, z, U).call(this, { type: "failed", failureCount: N, error: ce });
+      onFail: (N, pe) => {
+        W(this, z, U).call(this, { type: "failed", failureCount: N, error: pe });
       },
       onPause: () => {
         W(this, z, U).call(this, { type: "pause" });
       },
-      onContinue: n,
+      onContinue: o,
       retry: this.options.retry ?? 0,
       retryDelay: this.options.retryDelay,
       networkMode: this.options.networkMode,
       canRun: () => x(this, T).canRun(this)
     }));
-    const o = this.state.status === "pending", i = !x(this, G).canStart();
+    const n = this.state.status === "pending", i = !x(this, G).canStart();
     try {
-      if (o)
-        n();
+      if (n)
+        o();
       else {
-        W(this, z, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((d = (a = x(this, T).config).onMutate) == null ? void 0 : d.call(
-          a,
+        W(this, z, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((d = (l = x(this, T).config).onMutate) == null ? void 0 : d.call(
+          l,
           e,
           this
         ));
-        const ce = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
-        ce !== this.state.context && W(this, z, U).call(this, {
+        const pe = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
+        pe !== this.state.context && W(this, z, U).call(this, {
           type: "pending",
-          context: ce,
+          context: pe,
           variables: e,
           isPaused: i
         });
@@ -177,36 +177,36 @@ var R, xt, ar = (xt = class extends bt {
         e,
         this.state.context,
         this
-      )), await ((f = (c = this.options).onSuccess) == null ? void 0 : f.call(c, N, e, this.state.context)), await ((w = (b = x(this, T).config).onSettled) == null ? void 0 : w.call(
-        b,
+      )), await ((g = (c = this.options).onSuccess) == null ? void 0 : g.call(c, N, e, this.state.context)), await ((w = (f = x(this, T).config).onSettled) == null ? void 0 : w.call(
+        f,
         N,
         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, z, U).call(this, { type: "success", data: N }), N;
+      )), await ((v = (j = this.options).onSettled) == null ? void 0 : v.call(j, N, null, e, this.state.context)), W(this, z, U).call(this, { type: "success", data: N }), N;
     } catch (N) {
       try {
-        throw await ((q = (I = x(this, T).config).onError) == null ? void 0 : q.call(
-          I,
+        throw await ((q = (_ = x(this, T).config).onError) == null ? void 0 : q.call(
+          _,
           N,
           e,
           this.state.context,
           this
-        )), await ((_ = (C = this.options).onError) == null ? void 0 : _.call(
+        )), await ((I = (C = this.options).onError) == null ? void 0 : I.call(
           C,
           N,
           e,
           this.state.context
-        )), await ((V = (D = x(this, T).config).onSettled) == null ? void 0 : V.call(
+        )), await ((Q = (D = x(this, T).config).onSettled) == null ? void 0 : Q.call(
           D,
           void 0,
           N,
           this.state.variables,
           this.state.context,
           this
-        )), await ((le = (pe = this.options).onSettled) == null ? void 0 : le.call(
-          pe,
+        )), await ((ae = (xe = this.options).onSettled) == null ? void 0 : ae.call(
+          xe,
           void 0,
           N,
           e,
@@ -220,27 +220,27 @@ var R, xt, ar = (xt = class extends bt {
     }
   }
 }, H = new WeakMap(), T = new WeakMap(), G = new WeakMap(), z = new WeakSet(), U = function(e) {
-  const n = (o) => {
+  const o = (n) => {
     switch (e.type) {
       case "failed":
         return {
-          ...o,
+          ...n,
           failureCount: e.failureCount,
           failureReason: e.error
         };
       case "pause":
         return {
-          ...o,
+          ...n,
           isPaused: !0
         };
       case "continue":
         return {
-          ...o,
+          ...n,
           isPaused: !1
         };
       case "pending":
         return {
-          ...o,
+          ...n,
           context: e.context,
           data: void 0,
           failureCount: 0,
@@ -253,7 +253,7 @@ var R, xt, ar = (xt = class extends bt {
         };
       case "success":
         return {
-          ...o,
+          ...n,
           data: e.data,
           failureCount: 0,
           failureReason: null,
@@ -263,27 +263,27 @@ var R, xt, ar = (xt = class extends bt {
         };
       case "error":
         return {
-          ...o,
+          ...n,
           data: void 0,
           error: e.error,
-          failureCount: o.failureCount + 1,
+          failureCount: n.failureCount + 1,
           failureReason: e.error,
           isPaused: !1,
           status: "error"
         };
     }
   };
-  this.state = n(this.state), S.batch(() => {
-    x(this, H).forEach((o) => {
-      o.onMutationUpdate(e);
+  this.state = o(this.state), O.batch(() => {
+    x(this, H).forEach((n) => {
+      n.onMutationUpdate(e);
     }), x(this, T).notify({
       mutation: this,
       type: "updated",
       action: e
     });
   });
-}, pt);
-function dr() {
+}, ht);
+function lr() {
   return {
     context: void 0,
     data: void 0,
@@ -296,161 +296,161 @@ function dr() {
     submittedAt: 0
   };
 }
-var A, P, xe, ct, ur = (ct = class extends bt {
+var $, P, he, xt, ar = (xt = class extends ct {
   constructor(e = {}) {
     super();
-    M(this, A);
+    M(this, $);
     M(this, P);
-    M(this, xe);
-    this.config = e, k(this, A, /* @__PURE__ */ new Set()), k(this, P, /* @__PURE__ */ new Map()), k(this, xe, 0);
+    M(this, he);
+    this.config = e, k(this, $, /* @__PURE__ */ new Set()), k(this, P, /* @__PURE__ */ new Map()), k(this, he, 0);
   }
-  build(e, n, o) {
-    const i = new lr({
+  build(e, o, n) {
+    const i = new ir({
       mutationCache: this,
-      mutationId: ++fe(this, xe)._,
-      options: e.defaultMutationOptions(n),
-      state: o
+      mutationId: ++ce(this, he)._,
+      options: e.defaultMutationOptions(o),
+      state: n
     });
     return this.add(i), i;
   }
   add(e) {
-    x(this, A).add(e);
-    const n = be(e);
-    if (typeof n == "string") {
-      const o = x(this, P).get(n);
-      o ? o.push(e) : x(this, P).set(n, [e]);
+    x(this, $).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]);
     }
     this.notify({ type: "added", mutation: e });
   }
   remove(e) {
-    if (x(this, A).delete(e)) {
-      const n = be(e);
-      if (typeof n == "string") {
-        const o = x(this, P).get(n);
-        if (o)
-          if (o.length > 1) {
-            const i = o.indexOf(e);
-            i !== -1 && o.splice(i, 1);
-          } else o[0] === e && x(this, P).delete(n);
+    if (x(this, $).delete(e)) {
+      const o = fe(e);
+      if (typeof o == "string") {
+        const n = x(this, P).get(o);
+        if (n)
+          if (n.length > 1) {
+            const i = n.indexOf(e);
+            i !== -1 && n.splice(i, 1);
+          } else n[0] === e && x(this, P).delete(o);
       }
     }
     this.notify({ type: "removed", mutation: e });
   }
   canRun(e) {
-    const n = be(e);
-    if (typeof n == "string") {
-      const o = x(this, P).get(n), i = o == null ? void 0 : o.find(
-        (a) => a.state.status === "pending"
+    const o = fe(e);
+    if (typeof o == "string") {
+      const n = x(this, P).get(o), i = n == null ? void 0 : n.find(
+        (l) => l.state.status === "pending"
       );
       return !i || i === e;
     } else
       return !0;
   }
   runNext(e) {
-    var o;
-    const n = be(e);
-    if (typeof n == "string") {
-      const i = (o = x(this, P).get(n)) == null ? void 0 : o.find((a) => a !== e && a.state.isPaused);
+    var n;
+    const o = fe(e);
+    if (typeof o == "string") {
+      const i = (n = x(this, P).get(o)) == null ? void 0 : n.find((l) => l !== e && l.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
     } else
       return Promise.resolve();
   }
   clear() {
-    S.batch(() => {
-      x(this, A).forEach((e) => {
+    O.batch(() => {
+      x(this, $).forEach((e) => {
         this.notify({ type: "removed", mutation: e });
-      }), x(this, A).clear(), x(this, P).clear();
+      }), x(this, $).clear(), x(this, P).clear();
     });
   }
   getAll() {
-    return Array.from(x(this, A));
+    return Array.from(x(this, $));
   }
   find(e) {
-    const n = { exact: !0, ...e };
+    const o = { exact: !0, ...e };
     return this.getAll().find(
-      (o) => Ve(n, o)
+      (n) => ze(o, n)
     );
   }
   findAll(e = {}) {
-    return this.getAll().filter((n) => Ve(e, n));
+    return this.getAll().filter((o) => ze(e, o));
   }
   notify(e) {
-    S.batch(() => {
-      this.listeners.forEach((n) => {
-        n(e);
+    O.batch(() => {
+      this.listeners.forEach((o) => {
+        o(e);
       });
     });
   }
   resumePausedMutations() {
-    const e = this.getAll().filter((n) => n.state.isPaused);
-    return S.batch(
+    const e = this.getAll().filter((o) => o.state.isPaused);
+    return O.batch(
       () => Promise.all(
-        e.map((n) => n.continue().catch($))
+        e.map((o) => o.continue().catch(V))
       )
     );
   }
-}, A = new WeakMap(), P = new WeakMap(), xe = new WeakMap(), ct);
-function be(t) {
+}, $ = new WeakMap(), P = new WeakMap(), he = new WeakMap(), xt);
+function fe(t) {
   var e;
   return (e = t.options.scope) == null ? void 0 : e.id;
 }
-function Ke(t) {
+function We(t) {
   return {
-    onFetch: (e, n) => {
-      var p, c, f, b, w;
-      const o = e.options, i = (f = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : f.direction, a = ((b = e.state.data) == null ? void 0 : b.pages) || [], d = ((w = e.state.data) == null ? void 0 : w.pageParams) || [];
+    onFetch: (e, o) => {
+      var p, c, g, f, w;
+      const n = e.options, i = (g = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : g.direction, l = ((f = e.state.data) == null ? void 0 : f.pages) || [], d = ((w = e.state.data) == null ? void 0 : w.pageParams) || [];
       let u = { pages: [], pageParams: [] }, m = 0;
       const h = async () => {
-        let g = !1;
+        let j = !1;
         const v = (C) => {
           Object.defineProperty(C, "signal", {
             enumerable: !0,
-            get: () => (e.signal.aborted ? g = !0 : e.signal.addEventListener("abort", () => {
-              g = !0;
+            get: () => (e.signal.aborted ? j = !0 : e.signal.addEventListener("abort", () => {
+              j = !0;
             }), e.signal)
           });
-        }, I = Ht(e.options, e.fetchOptions), q = async (C, _, D) => {
-          if (g)
+        }, _ = Rt(e.options, e.fetchOptions), q = async (C, I, D) => {
+          if (j)
             return Promise.reject();
-          if (_ == null && C.pages.length)
+          if (I == null && C.pages.length)
             return Promise.resolve(C);
-          const V = {
+          const Q = {
             client: e.client,
             queryKey: e.queryKey,
-            pageParam: _,
+            pageParam: I,
             direction: D ? "backward" : "forward",
             meta: e.options.meta
           };
-          v(V);
-          const pe = await I(
-            V
-          ), { maxPages: le } = e.options, N = D ? zt : Lt;
+          v(Q);
+          const xe = await _(
+            Q
+          ), { maxPages: ae } = e.options, N = D ? Ht : zt;
           return {
-            pages: N(C.pages, pe, le),
-            pageParams: N(C.pageParams, _, le)
+            pages: N(C.pages, xe, ae),
+            pageParams: N(C.pageParams, I, ae)
           };
         };
-        if (i && a.length) {
-          const C = i === "backward", _ = C ? mr : Ze, D = {
-            pages: a,
+        if (i && l.length) {
+          const C = i === "backward", I = C ? dr : Ue, D = {
+            pages: l,
             pageParams: d
-          }, V = _(o, D);
-          u = await q(D, V, C);
+          }, Q = I(n, D);
+          u = await q(D, Q, C);
         } else {
-          const C = t ?? a.length;
+          const C = t ?? l.length;
           do {
-            const _ = m === 0 ? d[0] ?? o.initialPageParam : Ze(o, u);
-            if (m > 0 && _ == null)
+            const I = m === 0 ? d[0] ?? n.initialPageParam : Ue(n, u);
+            if (m > 0 && I == null)
               break;
-            u = await q(u, _), m++;
+            u = await q(u, I), m++;
           } while (m < C);
         }
         return u;
       };
       e.options.persister ? e.fetchFn = () => {
-        var g, v;
-        return (v = (g = e.options).persister) == null ? void 0 : v.call(
-          g,
+        var j, v;
+        return (v = (j = e.options).persister) == null ? void 0 : v.call(
+          j,
           h,
           {
             client: e.client,
@@ -458,28 +458,28 @@ function Ke(t) {
             meta: e.options.meta,
             signal: e.signal
           },
-          n
+          o
         );
       } : e.fetchFn = h;
     }
   };
 }
-function Ze(t, { pages: e, pageParams: n }) {
-  const o = e.length - 1;
+function Ue(t, { pages: e, pageParams: o }) {
+  const n = e.length - 1;
   return e.length > 0 ? t.getNextPageParam(
-    e[o],
+    e[n],
     e,
-    n[o],
-    n
+    o[n],
+    o
   ) : void 0;
 }
-function mr(t, { pages: e, pageParams: n }) {
-  var o;
-  return e.length > 0 ? (o = t.getPreviousPageParam) == null ? void 0 : o.call(t, e[0], e, n[0], n) : void 0;
+function dr(t, { pages: e, pageParams: o }) {
+  var n;
+  return e.length > 0 ? (n = t.getPreviousPageParam) == null ? void 0 : n.call(t, e[0], e, o[0], o) : void 0;
 }
-var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
+var s, K, Z, te, re, X, ne, oe, pt, ur = (pt = class {
   constructor(t = {}) {
-    M(this, y);
+    M(this, s);
     M(this, K);
     M(this, Z);
     M(this, te);
@@ -487,21 +487,21 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
     M(this, X);
     M(this, ne);
     M(this, oe);
-    k(this, y, t.queryCache || new ar()), k(this, K, t.mutationCache || new ur()), k(this, Z, t.defaultOptions || {}), k(this, te, /* @__PURE__ */ new Map()), k(this, re, /* @__PURE__ */ new Map()), k(this, X, 0);
+    k(this, s, t.queryCache || new or()), k(this, K, t.mutationCache || new ar()), k(this, Z, t.defaultOptions || {}), k(this, te, /* @__PURE__ */ new Map()), k(this, re, /* @__PURE__ */ new Map()), k(this, X, 0);
   }
   mount() {
-    fe(this, X)._++, x(this, X) === 1 && (k(this, ne, Qt.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), x(this, y).onFocus());
-    })), k(this, oe, $e.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), x(this, y).onOnline());
+    ce(this, X)._++, x(this, X) === 1 && (k(this, ne, Lt.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), x(this, s).onFocus());
+    })), k(this, oe, Le.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), x(this, s).onOnline());
     })));
   }
   unmount() {
     var t, e;
-    fe(this, X)._--, x(this, X) === 0 && ((t = x(this, ne)) == null || t.call(this), k(this, ne, void 0), (e = x(this, oe)) == null || e.call(this), k(this, oe, void 0));
+    ce(this, X)._--, x(this, X) === 0 && ((t = x(this, ne)) == null || t.call(this), k(this, ne, void 0), (e = x(this, oe)) == null || e.call(this), k(this, oe, void 0));
   }
   isFetching(t) {
-    return x(this, y).findAll({ ...t, fetchStatus: "fetching" }).length;
+    return x(this, s).findAll({ ...t, fetchStatus: "fetching" }).length;
   }
   isMutating(t) {
     return x(this, K).findAll({ ...t, status: "pending" }).length;
@@ -514,54 +514,54 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
    * Use `useQuery` to create a `QueryObserver` that subscribes to changes.
    */
   getQueryData(t) {
-    var n;
+    var o;
     const e = this.defaultQueryOptions({ queryKey: t });
-    return (n = x(this, y).get(e.queryHash)) == null ? void 0 : n.state.data;
+    return (o = x(this, s).get(e.queryHash)) == null ? void 0 : o.state.data;
   }
   ensureQueryData(t) {
-    const e = this.defaultQueryOptions(t), n = x(this, y).build(this, e), o = n.state.data;
-    return o === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && n.isStaleByTime(Ae(e.staleTime, n)) && this.prefetchQuery(e), Promise.resolve(o));
+    const e = this.defaultQueryOptions(t), o = x(this, s).build(this, e), n = o.state.data;
+    return n === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && o.isStaleByTime(Qe(e.staleTime, o)) && this.prefetchQuery(e), Promise.resolve(n));
   }
   getQueriesData(t) {
-    return x(this, y).findAll(t).map(({ queryKey: e, state: n }) => {
-      const o = n.data;
-      return [e, o];
+    return x(this, s).findAll(t).map(({ queryKey: e, state: o }) => {
+      const n = o.data;
+      return [e, n];
     });
   }
-  setQueryData(t, e, n) {
-    const o = this.defaultQueryOptions({ queryKey: t }), i = x(this, y).get(
-      o.queryHash
-    ), a = i == null ? void 0 : i.state.data, d = Vt(e, a);
+  setQueryData(t, e, o) {
+    const n = this.defaultQueryOptions({ queryKey: t }), i = x(this, s).get(
+      n.queryHash
+    ), l = i == null ? void 0 : i.state.data, d = Qt(e, l);
     if (d !== void 0)
-      return x(this, y).build(this, o).setData(d, { ...n, manual: !0 });
+      return x(this, s).build(this, n).setData(d, { ...o, manual: !0 });
   }
-  setQueriesData(t, e, n) {
-    return S.batch(
-      () => x(this, y).findAll(t).map(({ queryKey: o }) => [
-        o,
-        this.setQueryData(o, e, n)
+  setQueriesData(t, e, o) {
+    return O.batch(
+      () => x(this, s).findAll(t).map(({ queryKey: n }) => [
+        n,
+        this.setQueryData(n, e, o)
       ])
     );
   }
   getQueryState(t) {
-    var n;
+    var o;
     const e = this.defaultQueryOptions({ queryKey: t });
-    return (n = x(this, y).get(
+    return (o = x(this, s).get(
       e.queryHash
-    )) == null ? void 0 : n.state;
+    )) == null ? void 0 : o.state;
   }
   removeQueries(t) {
-    const e = x(this, y);
-    S.batch(() => {
-      e.findAll(t).forEach((n) => {
-        e.remove(n);
+    const e = x(this, s);
+    O.batch(() => {
+      e.findAll(t).forEach((o) => {
+        e.remove(o);
       });
     });
   }
   resetQueries(t, e) {
-    const n = x(this, y);
-    return S.batch(() => (n.findAll(t).forEach((o) => {
-      o.reset();
+    const o = x(this, s);
+    return O.batch(() => (o.findAll(t).forEach((n) => {
+      n.reset();
     }), this.refetchQueries(
       {
         type: "active",
@@ -571,14 +571,14 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
     )));
   }
   cancelQueries(t, e = {}) {
-    const n = { revert: !0, ...e }, o = S.batch(
-      () => x(this, y).findAll(t).map((i) => i.cancel(n))
+    const o = { revert: !0, ...e }, n = O.batch(
+      () => x(this, s).findAll(t).map((i) => i.cancel(o))
     );
-    return Promise.all(o).then($).catch($);
+    return Promise.all(n).then(V).catch(V);
   }
   invalidateQueries(t, e = {}) {
-    return S.batch(() => (x(this, y).findAll(t).forEach((n) => {
-      n.invalidate();
+    return O.batch(() => (x(this, s).findAll(t).forEach((o) => {
+      o.invalidate();
     }), (t == null ? void 0 : t.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
         ...t,
@@ -588,42 +588,42 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
     )));
   }
   refetchQueries(t, e = {}) {
-    const n = {
+    const o = {
       ...e,
       cancelRefetch: e.cancelRefetch ?? !0
-    }, o = S.batch(
-      () => x(this, y).findAll(t).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
-        let a = i.fetch(void 0, n);
-        return n.throwOnError || (a = a.catch($)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
+    }, n = O.batch(
+      () => x(this, s).findAll(t).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
+        let l = i.fetch(void 0, o);
+        return o.throwOnError || (l = l.catch(V)), i.state.fetchStatus === "paused" ? Promise.resolve() : l;
       })
     );
-    return Promise.all(o).then($);
+    return Promise.all(n).then(V);
   }
   fetchQuery(t) {
     const e = this.defaultQueryOptions(t);
     e.retry === void 0 && (e.retry = !1);
-    const n = x(this, y).build(this, e);
-    return n.isStaleByTime(
-      Ae(e.staleTime, n)
-    ) ? n.fetch(e) : Promise.resolve(n.state.data);
+    const o = x(this, s).build(this, e);
+    return o.isStaleByTime(
+      Qe(e.staleTime, o)
+    ) ? o.fetch(e) : Promise.resolve(o.state.data);
   }
   prefetchQuery(t) {
-    return this.fetchQuery(t).then($).catch($);
+    return this.fetchQuery(t).then(V).catch(V);
   }
   fetchInfiniteQuery(t) {
-    return t.behavior = Ke(t.pages), this.fetchQuery(t);
+    return t.behavior = We(t.pages), this.fetchQuery(t);
   }
   prefetchInfiniteQuery(t) {
-    return this.fetchInfiniteQuery(t).then($).catch($);
+    return this.fetchInfiniteQuery(t).then(V).catch(V);
   }
   ensureInfiniteQueryData(t) {
-    return t.behavior = Ke(t.pages), this.ensureQueryData(t);
+    return t.behavior = We(t.pages), this.ensureQueryData(t);
   }
   resumePausedMutations() {
-    return $e.isOnline() ? x(this, K).resumePausedMutations() : Promise.resolve();
+    return Le.isOnline() ? x(this, K).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return x(this, y);
+    return x(this, s);
   }
   getMutationCache() {
     return x(this, K);
@@ -635,28 +635,28 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
     k(this, Z, t);
   }
   setQueryDefaults(t, e) {
-    x(this, te).set(qe(t), {
+    x(this, te).set(Ve(t), {
       queryKey: t,
       defaultOptions: e
     });
   }
   getQueryDefaults(t) {
-    const e = [...x(this, te).values()], n = {};
-    return e.forEach((o) => {
-      We(t, o.queryKey) && Object.assign(n, o.defaultOptions);
-    }), n;
+    const e = [...x(this, te).values()], o = {};
+    return e.forEach((n) => {
+      $e(t, n.queryKey) && Object.assign(o, n.defaultOptions);
+    }), o;
   }
   setMutationDefaults(t, e) {
-    x(this, re).set(qe(t), {
+    x(this, re).set(Ve(t), {
       mutationKey: t,
       defaultOptions: e
     });
   }
   getMutationDefaults(t) {
-    const e = [...x(this, re).values()], n = {};
-    return e.forEach((o) => {
-      We(t, o.mutationKey) && Object.assign(n, o.defaultOptions);
-    }), n;
+    const e = [...x(this, re).values()], o = {};
+    return e.forEach((n) => {
+      $e(t, n.mutationKey) && Object.assign(o, n.defaultOptions);
+    }), o;
   }
   defaultQueryOptions(t) {
     if (t._defaulted)
@@ -667,10 +667,10 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
       ...t,
       _defaulted: !0
     };
-    return e.queryHash || (e.queryHash = st(
+    return e.queryHash || (e.queryHash = ft(
       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 === $t && (e.enabled = !1), 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 : {
@@ -681,51 +681,51 @@ var y, K, Z, te, re, X, ne, oe, ft, hr = (ft = class {
     };
   }
   clear() {
-    x(this, y).clear(), x(this, K).clear();
-  }
-}, y = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), te = new WeakMap(), re = new WeakMap(), X = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), ft);
-const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resolve().then(() => vo)), cr = B(() => Promise.resolve().then(() => Rn)), fr = B(() => Promise.resolve().then(() => zn)), br = B(() => Promise.resolve().then(() => Vr)), sr = B(() => Promise.resolve().then(() => Er)), gr = B(() => Promise.resolve().then(() => nn)), jr = B(() => Promise.resolve().then(() => Yr)), yr = B(() => Promise.resolve().then(() => no)), kr = B(() => Promise.resolve().then(() => Ar)), wr = B(() => Promise.resolve().then(() => Mn)), vr = B(() => Promise.resolve().then(() => Or)), Nr = {
-  header: sr,
-  seoHeader: yr,
-  banner: xr,
-  calculator: pr,
-  form: cr,
-  formDialog: fr,
-  stepper: kr,
-  benefit: vr,
-  longBanner: jr,
-  usefulInfo: wr,
-  interLinking: gr,
-  footer: br
-}, Cr = Object.keys(Nr), j = Cr.reduce(
+    x(this, s).clear(), x(this, K).clear();
+  }
+}, s = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), te = new WeakMap(), re = new WeakMap(), X = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), pt);
+const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resolve().then(() => yo)), xr = B(() => Promise.resolve().then(() => En)), pr = B(() => Promise.resolve().then(() => Pn)), cr = B(() => Promise.resolve().then(() => Lr)), fr = B(() => Promise.resolve().then(() => Sr)), br = B(() => Promise.resolve().then(() => tn)), gr = B(() => Promise.resolve().then(() => Zr)), jr = B(() => Promise.resolve().then(() => Gn)), yr = B(() => Promise.resolve().then(() => Vr)), sr = B(() => Promise.resolve().then(() => Nn)), kr = B(() => Promise.resolve().then(() => _r)), wr = {
+  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), y = vr.reduce(
   (t, e) => (t[e] = e, t),
   {}
-), Mr = (t) => yt(() => {
+), Nr = (t) => jt(() => {
   switch (t.handler) {
     case "navigate": {
-      const { url: n, target: o, rel: i } = t;
-      Ue && (window == null || window.open(n, o, i));
+      const { url: o, target: n, rel: i } = t;
+      qe && (window == null || window.open(o, n, i));
       break;
     }
     case "scroll": {
-      const { widgetId: n } = t ?? "";
-      er({ widgetId: n });
+      const { widgetId: o } = t ?? "";
+      Jt({ widgetId: o });
       break;
     }
     case "dialog": {
-      if (!Ue) return;
-      const { dialogId: n } = t ?? {}, o = document.getElementById(n);
-      if (!o) {
-        console.error("Такого элемента в DOM не существует", n);
+      if (!qe) return;
+      const { dialogId: o } = t ?? {}, n = document.getElementById(o);
+      if (!n) {
+        console.error("Такого элемента в DOM не существует", o);
         break;
       }
-      o.show();
+      n.show();
     }
   }
-}, [t]), Y = ({ handlerOptions: t, className: e, ...n }) => {
-  const o = Mr(t);
-  return /* @__PURE__ */ r.jsx(ge, { className: l(e), onClick: o, ...n, children: n.children });
-}, _r = F(
+}, [t]), Y = ({ handlerOptions: t, className: e, ...o }) => {
+  const n = Nr(t);
+  return /* @__PURE__ */ r.jsx(ge, { className: a(e), onClick: n, ...o, children: o.children });
+}, Cr = E(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -736,13 +736,13 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       }
     }
   }
-), Ir = ({
+), Mr = ({
   subtitle: t,
   title: e,
-  img: n,
-  mobileImg: o,
+  img: o,
+  mobileImg: n,
   classes: i,
-  withButton: a,
+  withButton: l,
   button: d,
   variant: u,
   color: m
@@ -752,27 +752,27 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
     "li",
     {
       style: { backgroundColor: m ?? "#F3F4F7" },
-      className: l(_r({ variant: u }), { "pb-0": o }, { "pb-12": !o }, i == null ? void 0 : i.root),
+      className: a(Cr({ variant: u }), { "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.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
+          /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: { __html: e }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ r.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)
+                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 })
+          l && h && (d == null ? void 0 : d.handlerOptions) && /* @__PURE__ */ r.jsx(Y, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...d })
         ] }),
-        (o || h) && n && /* @__PURE__ */ r.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: n && "url" in n && O.isObject(n) ? /* @__PURE__ */ r.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: n.url, alt: n.alt }) : n })
+        (n || h) && o && /* @__PURE__ */ r.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: o && "url" in o && S.isObject(o) ? /* @__PURE__ */ r.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: o.url, alt: o.alt }) : o })
       ]
     },
     e
   );
-}, Tr = F("grid gap-4", {
+}, Ir = E("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -780,37 +780,37 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Xe = ({ headline: t, details: e, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: l("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(E, { className: o == null ? void 0 : o.container, children: [
+}), Ke = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.benefit, "data-test-id": y.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(F, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ r.jsx(
     "div",
     {
       dangerouslySetInnerHTML: { __html: t },
-      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", o == null ? void 0 : o.heading)
+      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(Tr({ variant: n }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ r.jsx(Ir, { variant: n, classes: o == null ? void 0 : o.item, ...i }, i.title)) })
-] }) }), Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  /* @__PURE__ */ r.jsx("ul", { className: a(Ir({ variant: o }), n == null ? void 0 : n.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ r.jsx(Mr, { variant: o, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+] }) }), _r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Benefit: Xe,
-  default: Xe
-}, Symbol.toStringTag, { value: "Module" })), Sr = ({ variant: t, details: e }) => {
+  Benefit: Ke,
+  default: Ke
+}, Symbol.toStringTag, { value: "Module" })), Tr = ({ variant: t, details: e }) => {
   switch (t) {
     case "withButton":
       return /* @__PURE__ */ r.jsx(Y, { ...e });
     case "withPhone":
-      return /* @__PURE__ */ r.jsx(gt, { classes: { root: "items-end" }, ...e, phone: we(e.phone) });
+      return /* @__PURE__ */ r.jsx(bt, { classes: { root: "items-end" }, ...e, phone: ke(e.phone) });
     default:
       return null;
   }
-}, Ye = (t) => {
-  const { logoPath: e = "/", logoType: n = "main", classes: o } = t;
+}, Ze = (t) => {
+  const { logoPath: e = "/", logoType: o = "main", classes: n } = t;
   return /* @__PURE__ */ r.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]", o == null ? void 0 : o.header),
-      children: /* @__PURE__ */ r.jsx(E, { className: l(o == null ? void 0 : o.container), children: /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center justify-between gap-5", o == null ? void 0 : o.wrapper), children: [
+      id: y.header,
+      "data-test-id": y.header,
+      className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
+      children: /* @__PURE__ */ r.jsx(F, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ r.jsx(
           "a",
           {
@@ -818,177 +818,177 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: l(
+            className: a(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-              o == null ? void 0 : o.logo
+              n == null ? void 0 : n.logo
             ),
-            children: At[n]
+            children: $t[o]
           }
         ),
-        Sr(t)
+        Tr(t)
       ] }) })
     }
   );
-}, Er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Header: Ye,
-  default: Ye
-}, Symbol.toStringTag, { value: "Module" })), Fr = ({
+  Header: Ze,
+  default: Ze
+}, Symbol.toStringTag, { value: "Module" })), Or = ({
   headTitle: t,
   subtitle: e,
-  buttonsConfig: n,
-  advantages: o,
+  buttonsConfig: o,
+  advantages: n,
   classes: i,
-  imgMobile: a,
+  imgMobile: l,
   imgDesktop: d,
   imgAlt: u,
   color: m,
   renderImage: h
 }) => {
   var v;
-  const { isDesktop: p, isMobile: c } = ee(), { primary: f, secondary: b } = n || {}, w = (I) => h ? h(I) : /* @__PURE__ */ r.jsx("img", { ...I }), g = /* @__PURE__ */ r.jsx(
+  const { isDesktop: p, isMobile: c } = ee(), { primary: g, secondary: f } = o || {}, w = (_) => h ? h(_) : /* @__PURE__ */ r.jsx("img", { ..._ }), j = /* @__PURE__ */ r.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: (o == null ? void 0 : o.details) && ((v = o == null ? void 0 : o.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...o })
+      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 })
     }
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(
       "section",
       {
-        id: j.banner,
-        "data-test-id": j.banner,
+        id: y.banner,
+        "data-test-id": y.banner,
         style: { backgroundColor: m ?? "#d9edff" },
-        className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        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") } : {
+          /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: w(c ? { src: l.src, alt: u, className: a("h-full w-full object-cover object-center") } : {
             src: d.src,
             alt: u,
-            className: l("h-full w-full object-cover object-center")
+            className: a("h-full w-full object-cover object-center")
           }) }),
-          /* @__PURE__ */ r.jsxs(E, { 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(F, { className: a("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ r.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ r.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
               /* @__PURE__ */ r.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ r.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)
+                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ r.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": b == null ? void 0 : b.enabled },
+                    { "flex items-center gap-4": f == null ? void 0 : f.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    f.enabled && /* @__PURE__ */ r.jsx(
+                    g.enabled && /* @__PURE__ */ r.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",
-                        ...f.buttonContent
+                        ...g.buttonContent
                       }
                     ),
-                    (b == null ? void 0 : b.enabled) && /* @__PURE__ */ r.jsx(
+                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ r.jsx(
                       Y,
                       {
                         intent: "secondary",
-                        className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...f.buttonContent
+                        className: a("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
+                        ...g.buttonContent
                       }
                     )
                   ]
                 }
               )
             ] }) }),
-            p && (o == null ? void 0 : o.enabled) && g
+            p && (n == null ? void 0 : n.enabled) && j
           ] })
         ]
       }
     ),
-    c && (o == null ? void 0 : o.enabled) && g
+    c && (n == null ? void 0 : n.enabled) && j
   ] });
-}, Je = ({
+}, Xe = ({
   headTitle: t,
   subtitle: e,
-  buttonsConfig: n,
-  advantages: o,
+  buttonsConfig: o,
+  advantages: n,
   classes: i,
-  imgMobile: a,
+  imgMobile: l,
   imgDesktop: d,
   imgAlt: u,
   color: m,
   renderImage: h
 }) => {
-  var w, g;
-  const { isMobile: p } = ee(), { primary: c, secondary: f } = n || {}, b = (v) => h ? h(v) : /* @__PURE__ */ r.jsx("img", { ...v });
+  var w, j;
+  const { isMobile: p } = ee(), { primary: c, secondary: g } = o || {}, f = (v) => h ? h(v) : /* @__PURE__ */ r.jsx("img", { ...v });
   return /* @__PURE__ */ r.jsxs(
     "section",
     {
-      id: j.banner,
+      id: y.banner,
       style: { backgroundColor: m ?? "#d9edff" },
-      "data-test-id": j.banner,
-      className: l("", i == null ? void 0 : i.root),
+      "data-test-id": y.banner,
+      className: a("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ r.jsxs(E, { 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(F, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
             /* @__PURE__ */ r.jsxs("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.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
               /* @__PURE__ */ r.jsxs(
                 "div",
                 {
-                  className: l(
+                  className: a(
                     "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
-                    { "flex items-center gap-4": f == null ? void 0 : f.enabled },
+                    { "flex items-center gap-4": g == null ? void 0 : g.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
                     c.enabled && /* @__PURE__ */ r.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",
                         ...c.buttonContent
                       }
                     ),
-                    (f == null ? void 0 : f.enabled) && /* @__PURE__ */ r.jsx(
+                    (g == null ? void 0 : g.enabled) && /* @__PURE__ */ r.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),
                         ...c.buttonContent
                       }
                     )
@@ -999,115 +999,115 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
             /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: l("relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
-                children: b(p ? { src: a.src, alt: u, className: l("h-full object-contain") } : {
+                className: a("relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
+                children: f(p ? { src: l.src, alt: u, className: a("h-full object-contain") } : {
                   src: d.src,
                   alt: u,
-                  className: l("h-full object-contain")
+                  className: a("h-full object-contain")
                 })
               }
             )
           ] }),
-          (o == null ? void 0 : o.enabled) && /* @__PURE__ */ r.jsx(
+          (n == null ? void 0 : n.enabled) && /* @__PURE__ */ r.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: (o == null ? void 0 : o.details) && ((w = o == null ? void 0 : o.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...o })
+              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 })
             }
           )
         ] }),
-        (o == null ? void 0 : o.enabled) && /* @__PURE__ */ r.jsx(
+        (n == null ? void 0 : n.enabled) && /* @__PURE__ */ r.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: (o == null ? void 0 : o.details) && ((g = o == null ? void 0 : o.details) == null ? void 0 : g.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...o })
+            children: (n == null ? void 0 : n.details) && ((j = n == null ? void 0 : n.details) == null ? void 0 : j.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
           }
         )
       ]
     }
   );
-}, Ge = ({ variant: t, ...e }) => {
+}, Ye = ({ variant: t, ...e }) => {
   switch (t) {
     case "separateImg":
-      return /* @__PURE__ */ r.jsx(Je, { ...e });
+      return /* @__PURE__ */ r.jsx(Xe, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ r.jsx(Fr, { ...e });
+      return /* @__PURE__ */ r.jsx(Or, { ...e });
     default:
-      return /* @__PURE__ */ r.jsx(Je, { ...e });
+      return /* @__PURE__ */ r.jsx(Xe, { ...e });
   }
-}, Br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Banner: Ge,
-  default: Ge
+  Banner: Ye,
+  default: Ye
 }, Symbol.toStringTag, { value: "Module" })), Ie = ({ details: t, classes: e }) => {
-  const { variant: n, items: o } = t ?? {};
+  const { variant: o, items: n } = t ?? {};
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       id: "advantages",
-      className: l(
+      className: a(
         "m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-        { "desktop:max-w-[860px]": n === "threeCards" },
-        { "desktop:max-w-[1140px]": n === "fourCards" },
+        { "desktop:max-w-[860px]": o === "threeCards" },
+        { "desktop:max-w-[1140px]": o === "fourCards" },
         e == null ? void 0 : e.root
       ),
-      children: o == null ? void 0 : o.map(({ title: i, description: a }) => /* @__PURE__ */ r.jsxs(
+      children: n == null ? void 0 : n.map(({ title: i, description: l }) => /* @__PURE__ */ r.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
           ),
           children: [
-            /* @__PURE__ */ r.jsx(L, { 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__ */ r.jsx(L, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
+            /* @__PURE__ */ r.jsx("p", { className: a("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: l })
           ]
         },
         i
       ))
     }
   );
-}, Pr = ({ 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: n, href: o }) => /* @__PURE__ */ r.jsx(
+}, Er = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: o, href: n }) => /* @__PURE__ */ r.jsx(
   "a",
   {
-    className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
-    href: o,
-    "aria-label": n.replace("social/", ""),
-    children: /* @__PURE__ */ r.jsx(s, { name: n, className: l("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    href: n,
+    "aria-label": o.replace("social/", ""),
+    children: /* @__PURE__ */ r.jsx(b, { name: o, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
-  o
-)) }), Dr = ({ 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: n, text: o }) => /* @__PURE__ */ r.jsx(
-  gt,
+  n
+)) }), Br = ({ phones: t, classes: e }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: o, text: n }) => /* @__PURE__ */ r.jsx(
+  bt,
   {
-    phone: we(n),
-    text: o,
+    phone: ke(o),
+    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(e == null ? void 0 : e.phoneWrapper),
+      text: a("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: a("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
-  n
-)) }), Rr = ({ classes: t, details: e }) => /* @__PURE__ */ r.jsx(
+  o
+)) }), Pr = ({ classes: t, details: e }) => /* @__PURE__ */ r.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
     ),
     children: e == null ? void 0 : e.map(
-      ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, 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: o }),
-        /* @__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(
+      ({ column: o }) => o == null ? void 0 : o.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
+        /* @__PURE__ */ r.jsx("div", { className: a("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: n }),
+        /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: l, label: d }) => /* @__PURE__ */ r.jsx(
           je,
           {
-            href: a,
+            href: l,
             "aria-label": d,
             intent: "white",
             classes: {
@@ -1118,24 +1118,24 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
           },
           d
         )) })
-      ] }, o))
+      ] }, n))
     )
   }
-), Hr = ({ text: t, classes: e }) => /* @__PURE__ */ r.jsx(
+), Dr = ({ text: t, classes: e }) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    className: l("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
+    className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
     dangerouslySetInnerHTML: { __html: t }
   }
-), zr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
+), Rr = ({ classes: t }) => /* @__PURE__ */ r.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(s, { 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]", t == null ? void 0 : t.footerLogo),
+    children: /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoWhite", className: a("size-full", t == null ? void 0 : t.footerLogoIcon) })
   }
-), Lr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
+), Hr = ({ classes: t }) => /* @__PURE__ */ r.jsx(
   je,
   {
     intent: "white",
@@ -1144,22 +1144,22 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: l("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
+      link: a("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
       icon: t == null ? void 0 : t.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), Qr = ({ text: t, classes: e }) => {
-  const [n, o] = me.useState(!1), [i, a] = me.useState(!1), d = me.useRef(null);
-  return me.useEffect(() => {
+), zr = ({ text: t, classes: e }) => {
+  const [o, n] = ue.useState(!1), [i, l] = 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: [
+    u && l(u.scrollHeight > u.clientHeight);
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
     /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: d,
-        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, e == null ? void 0 : e.ligalText),
+        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
         dangerouslySetInnerHTML: { __html: t }
       }
     ),
@@ -1168,8 +1168,8 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => o((u) => !u),
-        className: l(
+        onClick: () => n((u) => !u),
+        className: a(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           e == null ? void 0 : e.ligalButton
         ),
@@ -1177,64 +1177,64 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       }
     )
   ] });
-}, et = ({
+}, Je = ({
   socialsLinks: t,
   phones: e,
-  ligal: n,
-  copyright: o,
+  ligal: o,
+  copyright: n,
   classes: i,
-  details: a,
+  details: l,
   siteMap: d = !0
 }) => /* @__PURE__ */ r.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(E, { 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: [
+    id: y.footer,
+    "data-test-id": y.footer,
+    className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
+    children: /* @__PURE__ */ r.jsx(F, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ r.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ r.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(zr, { classes: i == null ? void 0 : i.footerLogo }),
-              t.enabled && /* @__PURE__ */ r.jsx(Pr, { socialsLinks: t.links, classes: i == null ? void 0 : i.socialLinks })
+            /* @__PURE__ */ r.jsxs("div", { className: a(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 })
             ] }),
-            e.enabled && /* @__PURE__ */ r.jsx(Dr, { phones: e.items, classes: i == null ? void 0 : i.phonesBlock })
+            e.enabled && /* @__PURE__ */ r.jsx(Br, { phones: e.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !O.isArrayEmpty(a) && /* @__PURE__ */ r.jsx(Rr, { details: a, classes: i == null ? void 0 : i.navLinks }),
-      n.enabled && /* @__PURE__ */ r.jsx(Qr, { text: n.text }),
+      !S.isArrayEmpty(l) && /* @__PURE__ */ r.jsx(Pr, { details: l, classes: i == null ? void 0 : i.navLinks }),
+      o.enabled && /* @__PURE__ */ r.jsx(zr, { text: o.text }),
       /* @__PURE__ */ r.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: [
-            o.enabled && /* @__PURE__ */ r.jsx(Hr, { text: o.text, classes: i == null ? void 0 : i.copyright }),
-            d && /* @__PURE__ */ r.jsx(Lr, { classes: i == null ? void 0 : i.siteMap })
+            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 })
           ]
         }
       )
     ] }) })
   }
-), Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Footer: et,
-  default: et
-}, Symbol.toStringTag, { value: "Module" })), $r = ({ classes: t, index: e, variant: n, title: o, description: i }) => {
-  const a = n === "withTitleAndDescription" && o;
+  Footer: Je,
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Qr = ({ classes: t, index: e, variant: o, title: n, description: i }) => {
+  const l = o === "withTitleAndDescription" && n;
   return /* @__PURE__ */ r.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
       ),
@@ -1242,49 +1242,49 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
         /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: l(
+            className: a(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
               t == null ? void 0 : t.numeric
             ),
             children: e
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2"), children: [
-          a && /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-2"), children: [
+          l && /* @__PURE__ */ r.jsx(
             "div",
             {
-              dangerouslySetInnerHTML: { __html: o },
-              className: l("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+              dangerouslySetInnerHTML: { __html: n },
+              className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
             }
           ),
           /* @__PURE__ */ r.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: i ?? "" },
-              className: l("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+              className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
             }
           )
         ] })
       ]
     }
   );
-}, tt = ({ headline: t, details: e, variant: n, classes: o }) => /* @__PURE__ */ r.jsx("section", { id: j.stepper, "data-test-id": j.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ r.jsx(E, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
-  /* @__PURE__ */ r.jsx(L, { as: "h2", className: l("text-color-dark", o == null ? void 0 : o.headline), children: t }),
+}, Ge = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.stepper, "data-test-id": y.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ r.jsx(F, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ r.jsx(L, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: t }),
   /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-        o == null ? void 0 : o.stepsWrapper
+        n == null ? void 0 : n.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ r.jsx($r, { variant: n, ...i, index: a + 1, classes: o == null ? void 0 : o.step }, i.description))
+      children: e == null ? void 0 : e.map((i, l) => /* @__PURE__ */ r.jsx(Qr, { variant: o, ...i, index: l + 1, classes: n == null ? void 0 : n.step }, i.description))
     }
   )
-] }) }) }), Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }) }) }), Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Stepper: tt,
-  default: tt
-}, Symbol.toStringTag, { value: "Module" })), qr = F("", {
+  Stepper: Ge,
+  default: Ge
+}, Symbol.toStringTag, { value: "Module" })), $r = E("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1300,7 +1300,7 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), Wr = F("", {
+}), Ar = E("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1332,7 +1332,7 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), Ur = F("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), qr = 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',
@@ -1342,7 +1342,7 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
   defaultVariants: {
     intent: "twoItems"
   }
-}), Kr = F("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Wr = E("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1368,53 +1368,53 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Zr = ({ data: t, intent: e }) => {
+}), Ur = ({ data: t, intent: e }) => {
   const {
-    title: n,
-    description: o,
+    title: o,
+    description: n,
     popover: i = {
       enabled: !1
     }
   } = t;
-  return /* @__PURE__ */ r.jsx("li", { className: l(Ur({ 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: n }),
-      i.enabled && /* @__PURE__ */ r.jsx(Oe, { triggerElement: /* @__PURE__ */ r.jsx(s, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  return /* @__PURE__ */ r.jsx("li", { className: a(qr({ intent: e })), children: /* @__PURE__ */ r.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ r.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: o }),
+      i.enabled && /* @__PURE__ */ r.jsx(_e, { triggerElement: /* @__PURE__ */ r.jsx(b, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: o } })
+    /* @__PURE__ */ r.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, Ce = ({ intent: t, headline: e, desktopHidden: n = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: l(qr({ intent: t, desktopHidden: n, mobileHidden: o })), children: e }), Xr = ({ details: t, intent: e, withButton: n }) => /* @__PURE__ */ r.jsx("ul", { className: l(Wr({ intent: e, withButton: n })), children: t == null ? void 0 : t.map((o, i) => /* @__PURE__ */ r.jsx(Zr, { intent: e, data: o }, i)) }), rt = ({
+}, Ce = ({ intent: t, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ r.jsx("h2", { className: a($r({ intent: t, desktopHidden: o, mobileHidden: n })), children: e }), Kr = ({ details: t, intent: e, withButton: o }) => /* @__PURE__ */ r.jsx("ul", { className: a(Ar({ intent: e, withButton: o })), children: t == null ? void 0 : t.map((n, i) => /* @__PURE__ */ r.jsx(Ur, { intent: e, data: n }, i)) }), et = ({
   headline: t,
   buttonConfig: e,
-  intent: n = "twoItems",
-  details: o,
+  intent: o = "twoItems",
+  details: n,
   image: i,
-  classes: a
+  classes: l
 }) => {
-  const d = n === "fourItems", u = n === "twoItems", m = i && "url" in i && O.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(E, { className: l(a == null ? void 0 : a.container), children: [
-    u && /* @__PURE__ */ r.jsx(Ce, { intent: n, headline: t }),
+  const d = o === "fourItems", u = o === "twoItems", m = i && "url" in i && S.isObject(i) ? /* @__PURE__ */ r.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
+  return /* @__PURE__ */ r.jsx("section", { id: y.longBanner, "data-test-id": y.longBanner, className: a(l == null ? void 0 : l.root), children: /* @__PURE__ */ r.jsxs(F, { className: a(l == null ? void 0 : l.container), children: [
+    u && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t }),
     /* @__PURE__ */ r.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
+          l == null ? void 0 : l.contentContainer
         ),
         children: [
-          d && /* @__PURE__ */ r.jsx(Ce, { intent: n, headline: t, desktopHidden: !0 }),
-          /* @__PURE__ */ r.jsx("div", { className: l(Kr({ intent: n, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
+          d && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t, desktopHidden: !0 }),
+          /* @__PURE__ */ r.jsx("div", { className: a(Wr({ intent: o, withButton: e == null ? void 0 : e.enabled }), l == null ? void 0 : l.imgContainer), children: m }),
           /* @__PURE__ */ r.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", l == null ? void 0 : l.textWithBtnContainer),
               children: [
-                d && /* @__PURE__ */ r.jsx(Ce, { intent: n, headline: t, mobileHidden: !0 }),
-                /* @__PURE__ */ r.jsx(Xr, { details: o, intent: n, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
+                d && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t, mobileHidden: !0 }),
+                /* @__PURE__ */ r.jsx(Kr, { details: n, intent: o, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
                 (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ r.jsx(
                   Y,
                   {
-                    className: l("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
+                    className: a("w-full px-4 desktop:w-max", l == null ? void 0 : l.button),
                     size: "lg",
                     intent: "secondary",
                     ...e.buttonContent
@@ -1427,37 +1427,37 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       }
     )
   ] }) });
-}, Yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LongBanner: rt,
-  default: rt
+  LongBanner: et,
+  default: et
 }, Symbol.toStringTag, { value: "Module" })), Me = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, Nt = ({ children: t, isLoading: e, classes: n, loaderProps: o }) => /* @__PURE__ */ r.jsx(
+}, vt = ({ children: t, isLoading: e, classes: o, loaderProps: n }) => /* @__PURE__ */ r.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",
-      n == null ? void 0 : n.root
+      o == null ? void 0 : o.root
     ),
     children: /* @__PURE__ */ r.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 },
-          n == null ? void 0 : n.wrapper
+          o == null ? void 0 : o.wrapper
         ),
-        children: e ? /* @__PURE__ */ r.jsx(qt, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : t
+        children: e ? /* @__PURE__ */ r.jsx(At, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : t
       }
     )
   }
-), Jr = ({ ...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: [
+), 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(
     "path",
     {
@@ -1485,18 +1485,18 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
     /* @__PURE__ */ r.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ r.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), Ct = ({ mainLink: t, subLink: e, isMobile: n, classes: o }) => /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
+] }), Nt = ({ mainLink: t, subLink: e, isMobile: o, classes: n }) => /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ r.jsx(
     "a",
     {
       href: t.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',
-        o == null ? void 0 : o.linksMainLink
+        n == null ? void 0 : n.linksMainLink
       ),
-      children: n ? t.mobileTitle : t.title
+      children: o ? t.mobileTitle : t.title
     }
   ),
   (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ r.jsx(
@@ -1508,79 +1508,79 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.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
     }
   )
-] }), nt = ({ mainLink: t, subLink: e, isLoading: n, badge: o, loaderProps: i, classes: a }) => {
+] }), tt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: l }) => {
   const { isMobile: d } = ee();
-  return /* @__PURE__ */ r.jsx(Nt, { isLoading: n, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: l == null ? void 0 : l.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !o && d },
-        a == null ? void 0 : a.innerWrapper
+        { "justify-center": !n && d },
+        l == null ? void 0 : l.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", { className: a("flex items-center gap-1 desktop:gap-4", l == null ? void 0 : l.textContent), children: [
           /* @__PURE__ */ r.jsxs("div", { children: [
-            /* @__PURE__ */ r.jsx(s, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", a == null ? void 0 : a.mtsLogo) }),
-            /* @__PURE__ */ r.jsx(s, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
-            /* @__PURE__ */ r.jsx(s, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
+            /* @__PURE__ */ r.jsx(b, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", l == null ? void 0 : l.mtsLogo) }),
+            /* @__PURE__ */ r.jsx(b, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", l == null ? void 0 : l.megafonLogo) }),
+            /* @__PURE__ */ r.jsx(b, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", l == null ? void 0 : l.beelineLogo) })
           ] }),
-          /* @__PURE__ */ r.jsx(Ct, { mainLink: t, subLink: e, isMobile: d, classes: a == null ? void 0 : a.links }),
-          /* @__PURE__ */ r.jsx(s, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
+          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: l == null ? void 0 : l.links }),
+          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("mobile:hidden", l == null ? void 0 : l.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ r.jsx(Se, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: o })
+        n && /* @__PURE__ */ r.jsx(Te, { className: a("bg-color-positive", l == null ? void 0 : l.badge), children: n })
       ]
     }
   ) });
-}, ot = ({ mainLink: t, subLink: e, isLoading: n, badge: o, loaderProps: i, classes: a }) => {
+}, rt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: l }) => {
   const { isMobile: d } = ee();
-  return /* @__PURE__ */ r.jsx(Nt, { isLoading: n, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: l == null ? void 0 : l.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: l(
+      className: a(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !o && d },
-        a == null ? void 0 : a.innerWrapper
+        { "justify-center": !n && d },
+        l == null ? void 0 : l.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(Jr, { className: l("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
-          /* @__PURE__ */ r.jsx(Ct, { mainLink: t, subLink: e, isMobile: d, classes: a == null ? void 0 : a.links }),
-          /* @__PURE__ */ r.jsx(s, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
+        /* @__PURE__ */ r.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", l == null ? void 0 : l.textContent), children: [
+          /* @__PURE__ */ r.jsx(Xr, { className: a("size-7 desktop:size-8", l == null ? void 0 : l.esiaLogo) }),
+          /* @__PURE__ */ r.jsx(Nt, { mainLink: t, subLink: e, isMobile: d, classes: l == null ? void 0 : l.links }),
+          /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("mobile:hidden", l == null ? void 0 : l.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ r.jsx(Se, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: o })
+        n && /* @__PURE__ */ r.jsx(Te, { className: a("bg-color-positive", l == null ? void 0 : l.badge), children: n })
       ]
     }
   ) });
-}, Gr = (t) => {
+}, Yr = (t) => {
   switch (t.mode) {
     case Me.ESIA:
-      return /* @__PURE__ */ r.jsx(ot, { ...t });
+      return /* @__PURE__ */ r.jsx(rt, { ...t });
     case Me.MOBILE_ID:
-      return /* @__PURE__ */ r.jsx(nt, { ...t });
+      return /* @__PURE__ */ r.jsx(tt, { ...t });
     case Me.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: n, subtitle: o, badge: i, classes: a } = t, d = !o && !i ? me.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: o, subtitle: n, badge: i, classes: l } = t, d = !n && !i ? ue.Fragment : "div";
       return /* @__PURE__ */ r.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
+            l == null ? void 0 : l.root
           ),
           children: [
-            /* @__PURE__ */ r.jsxs(d, { className: l("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
-              o && /* @__PURE__ */ r.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: o }),
-              i && /* @__PURE__ */ r.jsx(Se, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: i })
+            /* @__PURE__ */ r.jsxs(d, { className: a("flex w-full items-center justify-between gap-2", l == null ? void 0 : l.topContent), children: [
+              n && /* @__PURE__ */ r.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", l == null ? void 0 : l.subtitle), children: n }),
+              i && /* @__PURE__ */ r.jsx(Te, { className: a("bg-color-positive", l == null ? void 0 : l.badge), children: i })
             ] }),
-            /* @__PURE__ */ r.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
+            /* @__PURE__ */ r.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", l == null ? void 0 : l.authWrapper), children: [
               /* @__PURE__ */ r.jsx(
-                ot,
+                rt,
                 {
                   ...e,
                   classes: {
@@ -1591,13 +1591,13 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
                 }
               ),
               /* @__PURE__ */ r.jsx(
-                nt,
+                tt,
                 {
-                  ...n,
+                  ...o,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...n.classes
+                    ...o.classes
                   }
                 }
               )
@@ -1606,45 +1606,45 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
         }
       );
   }
-}, Po = (t) => Gr(t), it = ({ 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: n, label: o }) => /* @__PURE__ */ r.jsx(
+}, Oo = (t) => Yr(t), nt = ({ links: t, classes: e }) => /* @__PURE__ */ r.jsx("nav", { className: a("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: o, label: n }) => /* @__PURE__ */ r.jsx(
   je,
   {
     classes: {
-      link: l("w-max", e == null ? void 0 : e.linkText),
-      icon: l(e == null ? void 0 : e.linkIcon)
+      link: a("w-max", e == null ? void 0 : e.linkText),
+      icon: a(e == null ? void 0 : e.linkIcon)
     },
     intent: "dark",
-    href: n,
-    children: o
+    href: o,
+    children: n
   },
-  n
-)) }), en = ({ groupLabel: t, links: e, mobileAccordionProps: n, classes: o }) => {
-  var a, d, u;
+  o
+)) }), Jr = ({ groupLabel: t, links: e, mobileAccordionProps: o, classes: n }) => {
+  var l, d, u;
   const { isMobile: i } = ee();
-  return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2", o == null ? void 0 : o.columnGroup), children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: a("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", o == null ? void 0 : o.columnGroupHeading), children: t }),
-      /* @__PURE__ */ r.jsx(it, { links: e, classes: o == null ? void 0 : o.linksList }, "desktop")
+      /* @__PURE__ */ r.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: t }),
+      /* @__PURE__ */ r.jsx(nt, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ r.jsx(
-      ae,
+      le,
       {
         defaultOpen: !0,
         label: t,
-        icon: /* @__PURE__ */ r.jsx(s, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...n,
+        icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...o,
         classes: {
-          ...n == null ? void 0 : n.classes,
+          ...o == null ? void 0 : o.classes,
           header: {
-            trigger: l("p-0 bg-color-blue-grey-100", (d = (a = n == null ? void 0 : n.classes) == null ? void 0 : a.header) == null ? void 0 : d.trigger)
+            trigger: a("p-0 bg-color-blue-grey-100", (d = (l = o == null ? void 0 : o.classes) == null ? void 0 : l.header) == null ? void 0 : d.trigger)
           },
-          contentInner: l("py-2 px-4", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.contentInner)
+          contentInner: a("py-2 px-4", (u = o == null ? void 0 : o.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ r.jsx(it, { links: e, classes: o == null ? void 0 : o.linksList }, "mobile")
+        children: /* @__PURE__ */ r.jsx(nt, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, tn = ({ column: t, mobileAccordionProps: e, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", n == null ? void 0 : n.column), children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ r.jsx(en, { ...e, ...o, classes: n == null ? void 0 : n.columnGroup }, o.groupLabel)) }), rn = F("grid gap-4 grid-cols-1", {
+}, Gr = ({ column: t, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx(Jr, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), en = E("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1655,86 +1655,86 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
   defaultVariants: {
     variant: "fourCols"
   }
-}), at = ({
+}), ot = ({
   variant: t,
   details: e,
-  headline: n,
-  mobileAccordionProps: o,
+  headline: o,
+  mobileAccordionProps: n,
   rootAccordionProps: i,
-  classes: a,
+  classes: l,
   defaultOpen: d
 }) => {
   var u, m, h;
   return /* @__PURE__ */ r.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(E, { children: /* @__PURE__ */ r.jsx(
-        ae,
+      id: y.interLinking,
+      "data-test-id": y.interLinking,
+      className: a("min-w-full desktop:min-w-[1140px]", l == null ? void 0 : l.root),
+      children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(
+        le,
         {
           defaultOpen: d,
-          label: /* @__PURE__ */ r.jsx(L, { as: "h4", className: l("text-left", a == null ? void 0 : a.headline), children: n }),
+          label: /* @__PURE__ */ r.jsx(L, { as: "h4", className: a("text-left", l == null ? void 0 : l.headline), children: o }),
           ...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", (m = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : m.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", (h = i == null ? void 0 : i.classes) == null ? void 0 : h.content)
           },
-          children: /* @__PURE__ */ r.jsx("div", { className: l(rn({ variant: t }), a == null ? void 0 : a.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ r.jsx(tn, { ...p, ...o, classes: a == null ? void 0 : a.column }, c)) })
+          children: /* @__PURE__ */ r.jsx("div", { className: a(en({ variant: t }), l == null ? void 0 : l.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ r.jsx(Gr, { ...p, ...n, classes: l == null ? void 0 : l.column }, c)) })
         }
       ) })
     }
   );
-}, nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InterLinking: at,
-  default: at
-}, Symbol.toStringTag, { value: "Module" })), on = ({ tabsNames: t, activeTab: e, setActiveTab: n, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: t && t.map((i, a) => /* @__PURE__ */ r.jsx(
+  InterLinking: ot,
+  default: ot
+}, Symbol.toStringTag, { value: "Module" })), rn = ({ tabsNames: t, activeTab: e, setActiveTab: o, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: t && t.map((i, l) => /* @__PURE__ */ r.jsx(
   "button",
   {
-    onClick: () => n(a),
-    className: l(
+    onClick: () => o(l),
+    className: a(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
-        "bg-icon-primary-default text-color-white": e === a
+        "bg-icon-primary-default text-color-white": e === l
       },
-      o == null ? void 0 : o.button
+      n == null ? void 0 : n.button
     ),
     children: i
   },
   i
-)) }), an = (t) => t.variant === "HTML", ln = (t) => t.variant === "DOCUMENTS", dn = (t) => t.variant === "TABLE", un = ({ html: t, config: e, classes: n, accordionConfig: o }) => {
-  const i = /* @__PURE__ */ r.jsx("div", { className: l(n == null ? void 0 : n.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: e == null ? void 0 : e.accordionTitle, ...o, children: (o == null ? void 0 : o.children) ?? i }) : i });
-}, mn = (t, e) => ({
-  rows: t == null ? void 0 : t.map(({ row: n }) => ({
-    row: n == null ? void 0 : n.map((o, i) => {
-      var a;
+)) }), nn = (t) => t.variant === "HTML", on = (t) => t.variant === "DOCUMENTS", ln = (t) => t.variant === "TABLE", an = ({ html: t, config: e, classes: o, accordionConfig: n }) => {
+  const i = /* @__PURE__ */ r.jsx("div", { className: a(o == null ? void 0 : o.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(le, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
+}, dn = (t, e) => ({
+  rows: t == null ? void 0 : t.map(({ row: o }) => ({
+    row: o == null ? void 0 : o.map((n, i) => {
+      var l;
       return {
-        ...o,
-        heading: e && ((a = e[i]) == null ? void 0 : a.heading)
+        ...n,
+        heading: e && ((l = e[i]) == null ? void 0 : l.heading)
       };
     })
   }))
-}), hn = F("flex flex-col", {
+}), un = E("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), xn = F("desktop:grid mobile:hidden px-4 mb-4", {
+}), mn = E("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), pn = ({ headings: t, columnsVariant: e, classes: n }) => /* @__PURE__ */ r.jsx("div", { className: l(xn({ columnsVariant: e }), n == null ? void 0 : n.row), children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ r.jsx("div", { className: l("text-color-secondary", n == null ? void 0 : n.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), cn = F("desktop:grid mobile:hidden items-center", {
+}), hn = ({ headings: t, columnsVariant: e, classes: o }) => /* @__PURE__ */ r.jsx("div", { className: a(mn({ columnsVariant: e }), o == null ? void 0 : o.row), children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ r.jsx("div", { className: a("text-color-secondary", o == null ? void 0 : o.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), xn = E("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1745,90 +1745,90 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), fn = ({ row: t, tableVariant: e, columnsVariant: n, rowIndex: o, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: l(cn({ columnsVariant: n, tableVariant: e }), { "border-none": o === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a }, d) => /* @__PURE__ */ r.jsx(
+}), pn = ({ row: t, tableVariant: e, columnsVariant: o, rowIndex: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: a(xn({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: l }, d) => /* @__PURE__ */ r.jsx(
   "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": d !== 0 }, i == null ? void 0 : i.cell),
+    children: l && l
   },
   d
-)) }), bn = F("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), cn = 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"
     }
   }
-}), sn = ({ row: t, tableVariant: e, columnsVariant: n, headingsExist: o, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: l(bn({ 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": !o }, 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 }),
+}), fn = ({ row: t, tableVariant: e, columnsVariant: o, headingsExist: n, classes: i }) => /* @__PURE__ */ r.jsx("div", { className: a(cn({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: l, heading: d }, u) => /* @__PURE__ */ r.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
+  d && /* @__PURE__ */ r.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: d }),
   /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: l(
+      className: a(
         "mob-body-regular-l text-color-dark",
         {
-          "font-medium": u !== 0 && n === "twoCols" || n === "threeCols" || n === "twoCols" && o
+          "font-medium": u !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && n
         },
         i == null ? void 0 : i.cell
       ),
-      children: a
+      children: l
     }
   )
-] }, u)) }), gn = ({ tableVariant: t, rows: e, headings: n, columnsVariant: o, classes: i }) => {
+] }, u)) }), bn = ({ tableVariant: t, rows: e, headings: o, columnsVariant: n, classes: i }) => {
   var u;
-  const a = ((u = mn(e, n)) == null ? void 0 : u.rows) ?? [], d = !!(n && n.length > 0);
-  return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    d && /* @__PURE__ */ r.jsx(pn, { headings: n, columnsVariant: o, classes: i == null ? void 0 : i.desktopHeading }),
+  const l = ((u = dn(e, o)) == null ? void 0 : u.rows) ?? [], d = !!(o && o.length > 0);
+  return /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+    d && /* @__PURE__ */ r.jsx(hn, { headings: o, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
     e == null ? void 0 : e.map((m, h) => /* @__PURE__ */ r.jsx(
-      fn,
+      pn,
       {
         rowIndex: h,
         tableVariant: t,
-        columnsVariant: o,
+        columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
         ...m
       },
       h
     )),
-    a == null ? void 0 : a.map((m, h) => /* @__PURE__ */ r.jsx(
-      sn,
+    l == null ? void 0 : l.map((m, h) => /* @__PURE__ */ r.jsx(
+      fn,
       {
         headingsExist: d,
         tableVariant: t,
-        columnsVariant: o,
+        columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
         ...m
       },
       h
     ))
   ] });
-}, jn = ({
+}, gn = ({
   tableVariant: t,
   description: e,
-  columnsVariant: n,
-  config: o,
+  columnsVariant: o,
+  config: n,
   rows: i,
-  title: a,
+  title: l,
   headings: d,
   accordionConfig: u,
   classes: m
 }) => {
-  const h = /* @__PURE__ */ r.jsxs("div", { className: l(hn({ columnsVariant: n }), m == null ? void 0 : m.wrapper), children: [
-    a && /* @__PURE__ */ r.jsx(L, { as: "h4", className: l("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: a }),
-    /* @__PURE__ */ r.jsx(gn, { tableVariant: t, rows: i, headings: d, columnsVariant: n }),
+  const h = /* @__PURE__ */ r.jsxs("div", { className: a(un({ columnsVariant: o }), m == null ? void 0 : m.wrapper), children: [
+    l && /* @__PURE__ */ r.jsx(L, { as: "h4", className: a("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: l }),
+    /* @__PURE__ */ r.jsx(bn, { tableVariant: t, rows: i, headings: d, columnsVariant: o }),
     e && /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
+        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
         dangerouslySetInnerHTML: { __html: e ?? "" }
       }
     )
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: o == null ? void 0 : o.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
-}, yn = {
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ r.jsx(le, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
+}, jn = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, kn = F("size-8 transition-colors", {
+}, yn = E("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1838,63 +1838,63 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), wn = ({ label: t, size: e, url: n, iconType: o, classes: i }) => /* @__PURE__ */ r.jsxs(
+}), sn = ({ label: t, size: e, url: o, iconType: n, classes: i }) => /* @__PURE__ */ r.jsxs(
   "a",
   {
-    href: n,
+    href: o,
     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(s, { name: yn[o], className: l(kn({ iconType: o }), 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: [
+      /* @__PURE__ */ r.jsx(b, { name: jn[n], className: a(yn({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ r.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ r.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: t }),
+        /* @__PURE__ */ r.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
           Number(e),
           " КБ"
         ] })
       ] })
     ]
   }
-), vn = ({ docs: t, config: e, title: n, iconType: o, 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: [
-    n && /* @__PURE__ */ r.jsx(L, { as: "h3", className: "mb-4", children: n }),
-    /* @__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(wn, { iconType: o, ...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 ?? "" } })
+), kn = ({ docs: t, config: e, title: o, iconType: n, description: i, classes: l, accordionConfig: d }) => {
+  const u = /* @__PURE__ */ r.jsxs("div", { className: a("flex max-w-[680px] flex-col", l == null ? void 0 : l.wrapper), children: [
+    o && /* @__PURE__ */ r.jsx(L, { as: "h3", className: "mb-4", children: o }),
+    /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-4", l == null ? void 0 : l.documentsWrapper), children: t == null ? void 0 : t.map((m) => /* @__PURE__ */ r.jsx(sn, { iconType: n, ...m, classes: l == null ? void 0 : l.singleDocument }, m.label)) }),
+    i && /* @__PURE__ */ r.jsx("div", { className: a("mt-4", l == null ? void 0 : l.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
-}, Nn = ({ entity: t, classes: e, accordionsConfig: n }) => {
-  var o, i, a;
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(le, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
+}, wn = ({ entity: t, classes: e, accordionsConfig: o }) => {
+  var n, i, l;
   switch (!0) {
-    case an(t):
-      return (o = t.details) == null ? void 0 : o.map((d, u) => {
+    case nn(t):
+      return (n = t.details) == null ? void 0 : n.map((d, u) => {
         var m;
-        return /* @__PURE__ */ r.jsx(un, { ...d, accordionConfig: n == null ? void 0 : n.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
+        return /* @__PURE__ */ r.jsx(an, { ...d, accordionConfig: o == null ? void 0 : o.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
       });
-    case ln(t):
+    case on(t):
       return (i = t.details) == null ? void 0 : i.map((d, u) => {
         var m;
         return /* @__PURE__ */ r.jsx(
-          vn,
+          kn,
           {
-            accordionConfig: n == null ? void 0 : n.documentAccordion,
+            accordionConfig: o == null ? void 0 : o.documentAccordion,
             ...d,
             classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.documents
           },
           u
         );
       });
-    case dn(t):
-      return (a = t.details) == null ? void 0 : a.map((d, u) => {
+    case ln(t):
+      return (l = t.details) == null ? void 0 : l.map((d, u) => {
         var m;
         return /* @__PURE__ */ r.jsx(
-          jn,
+          gn,
           {
-            accordionConfig: n == null ? void 0 : n.tableAccordion,
+            accordionConfig: o == null ? void 0 : o.tableAccordion,
             ...d,
             classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.table
           },
@@ -1904,26 +1904,26 @@ const xr = B(() => Promise.resolve().then(() => Br)), pr = B(() => Promise.resol
     default:
       return null;
   }
-}, Cn = ({ entity: t, classes: e, accordionsConfig: n }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: Nn({ entity: t, classes: e, accordionsConfig: n }) }), lt = ({ headline: t, tabs: e, classes: n, accordionsConfig: o }) => {
+}, vn = ({ entity: t, classes: e, accordionsConfig: o }) => /* @__PURE__ */ r.jsx("div", { className: a("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: wn({ entity: t, classes: e, accordionsConfig: o }) }), it = ({ headline: t, tabs: e, classes: o, accordionsConfig: n }) => {
   var u, m;
-  const [i, a] = Q(0), d = ke(() => 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(n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(E, { className: l(n == null ? void 0 : n.container), children: [
-    /* @__PURE__ */ r.jsx(L, { className: l(n == null ? void 0 : n.headline), as: "h2", children: t }),
-    /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ r.jsx(on, { tabsNames: d, activeTab: i, setActiveTab: a, classes: n == null ? void 0 : n.tabs }) }),
-    /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-6", n == null ? void 0 : n.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(Cn, { accordionsConfig: o, ...h, classes: n == null ? void 0 : n.entityClasses }, p)) })
+  const [i, l] = A(0), d = se(() => e == null ? void 0 : e.map((h) => h == null ? void 0 : h.tabName), [e]) ?? [];
+  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: y.usefulInfo, "data-test-id": y.usefulInfo, className: a(o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(F, { className: a(o == null ? void 0 : o.container), children: [
+    /* @__PURE__ */ r.jsx(L, { className: a(o == null ? void 0 : o.headline), as: "h2", children: t }),
+    /* @__PURE__ */ r.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", o == null ? void 0 : o.tabsWrapper), children: /* @__PURE__ */ r.jsx(rn, { tabsNames: d, activeTab: i, setActiveTab: l, classes: o == null ? void 0 : o.tabs }) }),
+    /* @__PURE__ */ r.jsx("div", { className: a("mt-6 flex flex-col gap-6", o == null ? void 0 : o.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((h, p) => /* @__PURE__ */ r.jsx(vn, { accordionsConfig: n, ...h, classes: o == null ? void 0 : o.entityClasses }, p)) })
   ] }) });
-}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UsefulInfo: lt,
-  default: lt
-}, Symbol.toStringTag, { value: "Module" })), He = ({ fields: t, control: e }) => t.map(({ type: n, args: o }) => {
-  const i = jt[n];
-  return /* @__PURE__ */ Fe(i, { ...o, key: o.name, control: e });
+  UsefulInfo: it,
+  default: it
+}, Symbol.toStringTag, { value: "Module" })), Pe = ({ fields: t, control: e }) => t.map(({ type: o, args: n }) => {
+  const i = gt[o];
+  return /* @__PURE__ */ yt(i, { ...n, key: n.name, control: e });
 });
-class _n {
+class Cn {
   constructor(e) {
-    de(this, "TEXT_NODE", 3);
-    de(this, "ELEMENT_NODE", 1);
+    ve(this, "TEXT_NODE", 3);
+    ve(this, "ELEMENT_NODE", 1);
     this.options = e;
   }
   /**
@@ -1932,8 +1932,8 @@ class _n {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(e, n = "string", o) {
-    const { includeSolidText: i, recursive: a, element: d } = this.options || {};
+  traverse(e, o = "string", n) {
+    const { includeSolidText: i, recursive: l, element: d } = this.options || {};
     switch (e.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
@@ -1944,25 +1944,25 @@ class _n {
         }
         if (d && m !== d)
           break;
-        if (n === "node")
-          o.push(e);
+        if (o === "node")
+          n.push(e);
         else {
           const h = u.outerHTML.trim();
-          o.push(h);
+          n.push(h);
         }
-        if (a)
+        if (l)
           for (const h of e.childNodes)
-            this.traverse(h, n, o);
+            this.traverse(h, o, n);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
         if (!i)
           break;
-        if (n === "node")
-          o.push(e);
+        if (o === "node")
+          n.push(e);
         else {
           const h = e.textContent;
-          h && o.push(h);
+          h && n.push(h);
         }
         break;
     }
@@ -1973,14 +1973,14 @@ class _n {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(e, n = "string") {
-    const { includeBody: o } = this.options || {}, i = [], a = [], d = await this.parseFromString(e), u = n === "string" ? i : a;
-    if (o)
-      this.traverse(d.body, n, u);
+  async parse(e, o = "string") {
+    const { includeBody: n } = this.options || {}, i = [], l = [], d = await this.parseFromString(e), u = o === "string" ? i : l;
+    if (n)
+      this.traverse(d.body, o, u);
     else
       for (const m of d.body.childNodes)
-        this.traverse(m, n, u);
-    return { stringNodes: i, nodes: a };
+        this.traverse(m, o, u);
+    return { stringNodes: i, nodes: l };
   }
   /**
    * Считает количество указанных тегов в HTML строке.
@@ -1988,163 +1988,94 @@ class _n {
    * @returns Количество найденных тегов
    */
   async countElements(e) {
-    const { stringNodes: n } = await this.parse(e, "string");
-    return n.length;
+    const { stringNodes: o } = await this.parse(e, "string");
+    return o.length;
   }
 }
-const In = typeof window < "u";
-class Tn extends _n {
+const Mn = typeof window < "u";
+class Fo extends Cn {
   constructor(e) {
     super(e);
   }
   async parseFromString(e) {
-    return In ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
-  }
-}
-class Te {
-  /**
-   * Функция для парсинга ноды в react элемент
-   */
-  static parseNode(e) {
-    if (e.nodeType === this.TEXT_NODE)
-      return e.textContent ?? null;
-    if (e.nodeType === this.ELEMENT_NODE) {
-      const n = e, o = n.tagName.toLowerCase(), i = {};
-      for (const d of n.attributes) {
-        let u = d.name, m = d.value;
-        switch (d.name) {
-          case "class":
-            u = "className";
-            break;
-          case "for":
-            u = "htmlFor";
-            break;
-          case "checked":
-          case "disabled":
-          case "selected":
-            m = d.value !== "false", m = d.value !== "false", m = d.value !== "false";
-            break;
-          case "readonly":
-            u = "readOnly", m = d.value !== "false";
-            break;
-          case "style":
-            u = "style";
-            const h = {};
-            d.value.split(";").forEach((p) => {
-              const [c, f] = p.split(":");
-              if (c && f) {
-                const b = c.trim().replace(/-([a-z])/g, (w, g) => g.toUpperCase());
-                h[b] = f.trim();
-              }
-            }), m = h;
-            break;
-        }
-        i[u] = m;
-      }
-      i.key = Math.random().toString(36).substring(2, 9);
-      const a = [];
-      for (const d of n.childNodes) {
-        const u = this.parseNode(d);
-        u && a.push(u);
-      }
-      return Fe(o, i, ...a);
-    }
-    return null;
-  }
-  /**
-   * функция для преобразования html строки в react элементы
-   */
-  static async toReactNodes(e, n) {
-    const o = new Tn(n), { nodes: i } = await o.parse(e, "node");
-    return i.map((a) => this.parseNode(a));
+    return Mn ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
   }
 }
-de(Te, "TEXT_NODE", 3), de(Te, "ELEMENT_NODE", 1);
-const On = ({ promises: t }) => {
-  const [e, n] = Q([]);
-  return _e(() => {
-    (async () => {
-      n(await t);
-    })();
-  }, [t]), /* @__PURE__ */ r.jsx(r.Fragment, { children: e });
-}, ie = ({ html: t, options: e, as: n, ...o }) => {
-  const i = n ?? Yt, a = n ? o : {}, d = Te.toReactNodes(t, e);
-  return (
-    // @ts-expect-error disable warning
-    /* @__PURE__ */ r.jsx(i, { ...a, children: /* @__PURE__ */ r.jsx(On, { promises: d }) })
-  );
-}, Sn = (t, e) => t.enabled ? e.map((n) => ({
-  name: n.args.name,
-  ...n.args.progress
-})) : null, En = ["getFioSchema"], Mt = (t, e, n) => {
-  const o = t[e];
-  if (O.isNil(o))
+const ie = ({ 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 (!O.isFunction(o))
+  if (!S.isFunction(n))
     throw new Error(`Cannot generate ${String(e)} because is not a function`);
-  return o(n);
-}, Fn = (t, e) => Mt(kt.base, t, e), Bn = (t, e) => Mt(kt.dadata, t, e), ze = (t) => {
-  const n = ((t == null ? void 0 : t.map((o) => ({ name: o.args.name, validation: o.args.validation }))) ?? []).reduce((o, i) => {
-    const a = En.includes(i.validation.type) ? Bn(
+  return n(o);
+}, Tn = (t, e) => Ct(st.base, t, e), Sn = (t, e) => Ct(st.dadata, t, e), De = (t) => {
+  const o = ((t == null ? void 0 : t.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
+    const l = _n.includes(i.validation.type) ? Sn(
       i.validation.type,
       i.validation.args
-    ) : Fn(
+    ) : Tn(
       i.validation.type,
       i.validation.args
     );
-    return o[i.name] = a, o;
+    return n[i.name] = l, n;
   }, {});
-  return wt(n);
-}, Pn = new hr(), _t = ({ children: t }) => /* @__PURE__ */ r.jsx(Wt, { client: Pn, children: t }), Dn = (t, e, n, o) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ r.jsxs(
+  return kt(o);
+}, On = new ur(), Mt = ({ children: t }) => /* @__PURE__ */ r.jsx(qt, { client: On, children: t }), Fn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
-    className: 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: o == null ? void 0 : o.checkbox, checked: e, onCheckedChange: n }),
-      /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: o == null ? void 0 : o.content })
+      /* @__PURE__ */ r.jsx(ye.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: o }),
+      /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
-), dt = ({
+), lt = ({
   fields: t,
   title: e,
-  progress: n,
-  approvement: o,
+  progress: o,
+  approvement: n,
   chips: i,
-  submitProps: a,
+  submitProps: l,
   classes: d,
   buttonGroup: u
 }) => {
   var q, C;
-  const { submitCallback: m } = a || {}, [h, p] = Q(!1), c = ze(t), f = Re.getZodDefaults(c), { control: b, handleSubmit: w } = De({
+  const { submitCallback: m } = l || {}, [h, p] = A(!1), c = De(t), g = Be.getZodDefaults(c), { control: f, handleSubmit: w } = Ee({
     schema: c,
-    defaultValues: f,
+    defaultValues: g,
     mode: "onBlur"
-  }), g = Sn(n, t), v = or({ control: b, fields: g || [], schema: c }), I = (_) => {
-    m && m({ ..._, agree: h });
+  }), j = In(o, t), v = rr({ control: f, fields: j || [], schema: c }), _ = (I) => {
+    m && m({ ...I, agree: h });
   };
-  return /* @__PURE__ */ r.jsx(_t, { 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(
-    E,
+  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx("section", { id: y.form, "data-test-id": y.form, className: a("w-full", d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(
+    F,
     {
-      className: l(
-        "border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
+      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(
           "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",
               (q = d == null ? void 0 : d.chips) == null ? void 0 : q.root
             ),
             children: [
-              i.image && /* @__PURE__ */ r.jsx(s, { name: i.image, className: l("size-4", (C = d == null ? void 0 : d.chips) == null ? void 0 : C.icon) }),
+              i.image && /* @__PURE__ */ r.jsx(b, { name: i.image, className: a("size-4", (C = d == null ? void 0 : d.chips) == null ? void 0 : C.icon) }),
               i.content
             ]
           }
@@ -2153,34 +2084,34 @@ const On = ({ promises: t }) => {
         /* @__PURE__ */ r.jsxs(
           "form",
           {
-            onSubmit: w(I),
-            className: l("flex w-full flex-col gap-y-6", "desktop:gap-y-8", d == null ? void 0 : d.form),
+            onSubmit: w(_),
+            className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", d == null ? void 0 : d.form),
             children: [
-              n.enabled && /* @__PURE__ */ r.jsx(
-                Ut,
+              o.enabled && /* @__PURE__ */ r.jsx(
+                Wt,
                 {
                   progress: v,
-                  topContent: /* @__PURE__ */ r.jsx(ie, { html: n.title }),
-                  bottomContent: /* @__PURE__ */ r.jsx(ie, { html: n.subtitle }),
-                  maxPercent: n.maxPercent,
+                  topContent: /* @__PURE__ */ r.jsx(ie, { html: o.title }),
+                  bottomContent: /* @__PURE__ */ r.jsx(ie, { html: o.subtitle }),
+                  maxPercent: o.maxPercent,
                   classes: d == null ? void 0 : d.progressBar
                 }
               ),
-              /* @__PURE__ */ r.jsx(He, { control: b, fields: t }),
+              /* @__PURE__ */ r.jsx(Pe, { control: f, fields: t }),
               /* @__PURE__ */ r.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                Dn(o, 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((_, D) => {
-                  const V = _.type === "submit" && o.type === "checkbox" ? !h : !1;
-                  return /* @__PURE__ */ Fe(
+                Fn(n, h, p, d == null ? void 0 : d.approvement),
+                /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((I, D) => {
+                  const Q = I.type === "submit" && n.type === "checkbox" ? !h : !1;
+                  return /* @__PURE__ */ yt(
                     ge,
                     {
-                      ..._,
+                      ...I,
                       key: D,
-                      disabled: V,
-                      className: l(
+                      disabled: Q,
+                      className: a(
                         "w-full whitespace-nowrap",
                         {
-                          "w-full": !!o
+                          "w-full": !!n
                         },
                         d == null ? void 0 : d.submit
                       )
@@ -2194,52 +2125,52 @@ const On = ({ promises: t }) => {
       ]
     }
   ) }) });
-}, Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicForm: dt,
-  default: dt
-}, Symbol.toStringTag, { value: "Module" })), Hn = (t, e, n, o) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ r.jsxs(
+  DynamicForm: lt,
+  default: lt
+}, Symbol.toStringTag, { value: "Module" })), Bn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
-    className: 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: o == null ? void 0 : o.checkbox, checked: e, onCheckedChange: n }),
-      /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: o == null ? void 0 : o.content })
+      /* @__PURE__ */ r.jsx(ye.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: o }),
+      /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
-), ut = ({
+), at = ({
   fields: t,
   title: e,
-  approvement: n,
-  submitProps: o,
+  approvement: o,
+  submitProps: n,
   dialogId: i,
-  classes: a,
+  classes: l,
   ...d
 }) => {
-  const { submitCallback: u, children: m, ...h } = o ?? {}, [p, c] = Q(!1), f = ze(t), b = Re.getZodDefaults(f), { control: w, handleSubmit: g } = De({
-    schema: f,
-    defaultValues: b,
+  const { submitCallback: u, children: m, ...h } = n ?? {}, [p, c] = A(!1), g = De(t), f = Be.getZodDefaults(g), { control: w, handleSubmit: j } = Ee({
+    schema: g,
+    defaultValues: f,
     mode: "onBlur"
-  }), v = (I) => {
-    u && u({ ...I, agree: p });
+  }), v = (_) => {
+    u && u({ ..._, agree: p });
   };
-  return /* @__PURE__ */ r.jsx(_t, { children: /* @__PURE__ */ r.jsx(Kt, { id: i, title: e, ...d, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: g(v), className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ r.jsx(He, { control: w, fields: t }),
-    Hn(n, p, c, a == null ? void 0 : a.approvement),
-    /* @__PURE__ */ r.jsx(ge, { ...h, type: "submit", disabled: n.type === "checkbox" ? !p : !1, className: "w-full", children: m ?? "Отправить форму" })
+  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx(Ut, { id: i, title: e, ...d, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: j(v), className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ r.jsx(Pe, { control: w, fields: t }),
+    Bn(o, p, c, l == null ? void 0 : l.approvement),
+    /* @__PURE__ */ r.jsx(ge, { ...h, type: "submit", disabled: o.type === "checkbox" ? !p : !1, className: "w-full", children: m ?? "Отправить форму" })
   ] }) }) });
-}, zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicFormDialog: ut,
-  default: ut
-}, Symbol.toStringTag, { value: "Module" })), ue = () => ({
+  DynamicFormDialog: at,
+  default: at
+}, Symbol.toStringTag, { value: "Module" })), de = () => ({
   approve: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(s, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ r.jsx(b, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
@@ -2254,7 +2185,7 @@ const On = ({ promises: t }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(s, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ r.jsx(b, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
@@ -2269,7 +2200,7 @@ const On = ({ promises: t }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(s, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ r.jsx(b, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
@@ -2284,7 +2215,7 @@ const On = ({ promises: t }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ r.jsx(s, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ r.jsx(b, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
@@ -2297,23 +2228,23 @@ const On = ({ promises: t }) => {
       text: "Вернуться на главную"
     }
   }
-}), Do = ({ status: t, navigationFn: e }) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ r.jsx(E, { 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: [
+}), 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(
     "span",
     {
-      className: l(
+      className: a(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${ue()[t].icon.bg}`
+        `${de()[t].icon.bg}`
       ),
-      children: ue()[t].icon.element
+      children: de()[t].icon.element
     }
   ),
   /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ r.jsx(L, { as: "h2", children: ue()[t].title }),
-    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: ue()[t].description })
+    /* @__PURE__ */ r.jsx(L, { as: "h2", children: de()[t].title }),
+    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: de()[t].description })
   ] }),
-  /* @__PURE__ */ r.jsx(ge, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: ue()[t].button.text })
-] }) }) }), It = ({ breadcrumb: t, className: e, ...n }) => /* @__PURE__ */ r.jsx("a", { href: t.path, className: l("desk-body-regular-m", e), ...n, children: t.label }), Ln = [
+  /* @__PURE__ */ r.jsx(ge, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
+] }) }) }), It = ({ breadcrumb: t, className: e, ...o }) => /* @__PURE__ */ r.jsx("a", { href: t.path, className: a("desk-body-regular-m", e), ...o, children: t.label }), Dn = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2326,52 +2257,52 @@ const On = ({ promises: t }) => {
     label: "В Тольятти",
     disabled: !0
   }
-], se = (t, e, n, o) => t.map((i, a) => {
-  const d = a === o;
+], be = (t, e, o, n) => t.map((i, l) => {
+  const d = l === n;
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ r.jsx(
       It,
       {
         breadcrumb: i,
-        className: l(n, {
+        className: a(o, {
           "pointer-events-none text-color-primary-disabled": d,
           "text-color-blue-grey-600": i.disabled
         })
       }
     ),
-    a !== t.length - 1 && e
+    l !== t.length - 1 && e
   ] }, i.label);
-}), Qn = ({ separator: t, ellipsis: e, classes: n, breadcrumbs: o = Ln }) => {
-  const [i, a] = Q(!1), d = Be(null);
-  rr(d, () => a(!1));
-  const { first: u, middle: m, last: h } = ke(() => {
-    let c = [], f = [], b = [];
-    return e && (c = o.slice(0, e), f = o.slice(e, o.length - e), b = o.slice(o.length - e)), { first: c, middle: f, last: b };
-  }, [o, e]), p = t ?? /* @__PURE__ */ r.jsx(s, { name: "arrows/arrowRight", className: l("size-4", n == null ? void 0 : n.separator) });
+}), Rn = ({ separator: t, ellipsis: e, classes: o, breadcrumbs: n = Dn }) => {
+  const [i, l] = A(!1), d = Oe(null);
+  er(d, () => l(!1));
+  const { first: u, middle: m, last: h } = se(() => {
+    let c = [], g = [], f = [];
+    return e && (c = n.slice(0, e), g = n.slice(e, n.length - e), f = n.slice(n.length - e)), { first: c, middle: g, last: f };
+  }, [n, e]), p = t ?? /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: a("size-4", o == null ? void 0 : o.separator) });
   return /* @__PURE__ */ r.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",
-        n == null ? void 0 : n.root
+        o == null ? void 0 : o.root
       ),
       children: e ? (
         // if ellipsis provided, render hidden breadcrumbs
-        /* @__PURE__ */ r.jsx(r.Fragment, { children: o.length > e * 2 + 1 ? (
+        /* @__PURE__ */ r.jsx(r.Fragment, { children: n.length > e * 2 + 1 ? (
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            se(u, p, n == null ? void 0 : n.breadcrumb),
+            be(u, p, o == null ? void 0 : o.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("button", { onClick: () => l(!0), children: "..." }),
                 /* @__PURE__ */ r.jsx(
                   "ul",
                   {
                     ref: d,
-                    className: 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",
@@ -2383,11 +2314,11 @@ const On = ({ promises: t }) => {
                       It,
                       {
                         breadcrumb: c,
-                        className: l(
+                        className: a(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
                           "text-color-dark hover:bg-color-primary-tr-hover",
-                          n == null ? void 0 : n.breadcrumb
+                          o == null ? void 0 : o.breadcrumb
                         )
                       }
                     ) }, c.label))
@@ -2396,28 +2327,28 @@ const On = ({ promises: t }) => {
               ] }),
               p
             ] }),
-            se(h, p, n == null ? void 0 : n.breadcrumb, h.length - 1)
+            be(h, p, o == null ? void 0 : o.breadcrumb, h.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          se(o, p, n == null ? void 0 : n.breadcrumb, o.length - 1)
+          be(n, p, o == null ? void 0 : o.breadcrumb, n.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        se(o, p, n == null ? void 0 : n.breadcrumb, o.length - 1)
+        be(n, p, o == null ? void 0 : o.breadcrumb, n.length - 1)
       )
     }
   );
 };
-var he = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(he || {});
-const Vn = (t, e) => {
+var me = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(me || {});
+const Hn = (t, e) => {
   switch (e.type) {
-    case he.ROOT:
+    case me.ROOT:
       return {
         ...t,
         root: e.payload
       };
-    case he.CURRENT:
+    case me.CURRENT:
       return {
         ...t,
         current: e.payload
@@ -2425,20 +2356,20 @@ const Vn = (t, e) => {
     default:
       return t;
   }
-}, $n = (t) => {
-  const [e, n] = Jt(Vn, t);
-  return [e, n];
-}, An = (t) => ({
-  type: he.CURRENT,
+}, zn = (t) => {
+  const [e, o] = Xt(Hn, t);
+  return [e, o];
+}, Ln = (t) => ({
+  type: me.CURRENT,
   payload: t
-}), qn = (t) => ({
-  type: he.ROOT,
+}), Qn = (t) => ({
+  type: me.ROOT,
   payload: t
-}), Wn = ({ categories: t, ...e }) => {
-  var n, o;
-  return vt(
+}), Vn = ({ categories: t, ...e }) => {
+  var o, n;
+  return wt(
     /* @__PURE__ */ r.jsx(
-      Ee.div,
+      Se.div,
       {
         ...e,
         layout: !0,
@@ -2448,16 +2379,16 @@ const Vn = (t, e) => {
         className: "absolute w-full bg-color-white",
         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";
+          const l = i.link ? "a" : "p";
           return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-y-6", children: [
             i.title && /* @__PURE__ */ r.jsxs(
-              a,
+              l,
               {
                 href: ((d = i.link) == null ? void 0 : d.href) ?? void 0,
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
                 children: [
                   i.title,
-                  /* @__PURE__ */ r.jsx(s, { name: "arrows/arrowLink", className: "size-6" })
+                  /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowLink", className: "size-6" })
                 ]
               }
             ),
@@ -2472,16 +2403,16 @@ const Vn = (t, e) => {
     /**
      * Нужно для preview, чтобы категории рендерились в iframe
      */
-    ((o = (n = document.body.querySelector("#modal-preview")) == null ? void 0 : n.contentDocument) == null ? void 0 : o.body) ?? document.body
+    ((n = (o = document.body.querySelector("#modal-preview")) == null ? void 0 : o.contentDocument) == null ? void 0 : n.body) ?? document.body
   );
-}, Un = Gt(({ category: t, active: e, onActiveTabChange: n }, o) => {
+}, $n = Yt(({ category: t, active: e, onActiveTabChange: o }, n) => {
   var m, h;
-  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), d = e && !O.isArrayEmpty(t.children), u = O.isArrayEmpty(t.children) ? "a" : "span";
+  const i = n && "current" in n ? n : null, l = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), d = e && !S.isArrayEmpty(t.children), u = S.isArrayEmpty(t.children) ? "a" : "span";
   return /* @__PURE__ */ r.jsxs(
-    Ee.div,
+    Se.div,
     {
-      ref: o,
-      className: l(
+      ref: n,
+      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",
@@ -2490,63 +2421,63 @@ const Vn = (t, e) => {
           "after:w-full": d
         }
       ),
-      onMouseEnter: () => n(t.title),
-      onMouseLeave: () => n(null),
-      onFocus: () => n(t.title),
+      onMouseEnter: () => o(t.title),
+      onMouseLeave: () => o(null),
+      onFocus: () => o(t.title),
       children: [
         /* @__PURE__ */ r.jsx(u, { href: u === "a" ? (h = t.link) == null ? void 0 : h.href : void 0, className: "desk-body-regular-m outline-none", children: t.title }),
         d && /* @__PURE__ */ r.jsx(
-          Wn,
+          Vn,
           {
             categories: t.children,
             style: {
-              top: a ? a.top + a.height : 0
+              top: l ? l.top + l.height : 0
             }
           }
         )
       ]
     }
   );
-}), Kn = Pe(Un), Zn = ({ categories: t }) => {
-  const [e, n] = Q(null), o = yt((a) => {
-    n(a);
-  }, []), i = Be(null);
-  return /* @__PURE__ */ r.jsx(Zt, { mode: "sync", children: /* @__PURE__ */ r.jsxs(
+}), An = Fe($n), qn = ({ categories: t }) => {
+  const [e, o] = A(null), n = jt((l) => {
+    o(l);
+  }, []), i = Oe(null);
+  return /* @__PURE__ */ r.jsx(Kt, { mode: "sync", children: /* @__PURE__ */ r.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(
-          Kn,
+        t.map((l) => /* @__PURE__ */ r.jsx(
+          An,
           {
             ref: i,
-            category: a,
-            active: e === a.title,
-            onActiveTabChange: o
+            category: l,
+            active: e === l.title,
+            onActiveTabChange: n
           },
-          a.title
+          l.title
         )),
         /* @__PURE__ */ r.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
       ]
     }
   ) });
-}, Xn = Pe(Zn), Yn = ({
+}, Wn = Fe(qn), Un = ({
   category: t,
   selectedCategory: e,
-  onCurrentCategoryChange: n,
-  onRootCategoryChange: o,
+  onCurrentCategoryChange: o,
+  onRootCategoryChange: n,
   active: i,
-  ...a
+  ...l
 }) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    ...a,
+    ...l,
     onClick: () => {
-      n(t.children[0]), o(t);
+      o(t.children[0]), n(t);
     },
-    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: [
@@ -2554,7 +2485,7 @@ const Vn = (t, e) => {
       t.children.length > 1 && /* @__PURE__ */ r.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"
@@ -2563,9 +2494,9 @@ const Vn = (t, e) => {
             "span",
             {
               onClick: (u) => {
-                u.stopPropagation(), u.nativeEvent.stopPropagation(), o(t), n(d);
+                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(t), o(d);
               },
-              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
@@ -2579,62 +2510,62 @@ const Vn = (t, e) => {
       )
     ]
   }
-), Jn = ({ categories: t, helpers: e, phone: n }) => {
-  const [o, i] = $n({ root: t[0].children[0], current: t[0].children[0] });
+), 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(s, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
-      t.map((a) => {
-        const d = o.root.title === a.title;
+      /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
+      t.map((l) => {
+        const d = n.root.title === l.title;
         return /* @__PURE__ */ r.jsx(
-          Yn,
+          Un,
           {
-            category: a,
-            selectedCategory: o.current,
-            onCurrentCategoryChange: (u) => i(An(u)),
-            onRootCategoryChange: (u) => i(qn(u)),
+            category: l,
+            selectedCategory: n.current,
+            onCurrentCategoryChange: (u) => i(Ln(u)),
+            onRootCategoryChange: (u) => i(Qn(u)),
             active: d
           },
-          a.title
+          l.title
         );
       }),
       /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      e.map((a) => /* @__PURE__ */ r.jsxs(
+      e.map((l) => /* @__PURE__ */ r.jsxs(
         "a",
         {
-          href: a.link.href,
+          href: l.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(s, { name: a.link.icon, className: "size-4" }),
-            a.title
+            l.link.icon && /* @__PURE__ */ r.jsx(b, { name: l.link.icon, className: "size-4" }),
+            l.title
           ]
         },
-        a.title
+        l.title
       )),
       /* @__PURE__ */ r.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
       /* @__PURE__ */ r.jsx(
         "a",
         {
-          href: `tel:${n}`,
+          href: `tel:${o}`,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
-          children: we(n, "x xxx xxx xx xx")
+          children: ke(o, "x xxx xxx xx xx")
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(Xn, { categories: o.current.children })
+    /* @__PURE__ */ r.jsx(Wn, { categories: n.current.children })
   ] });
-}, Gn = ({ category: t }) => /* @__PURE__ */ r.jsx(
-  ae,
+}, Zn = ({ category: t }) => /* @__PURE__ */ r.jsx(
+  le,
   {
     label: t.title ?? "",
-    icon: /* @__PURE__ */ r.jsx(s, { name: "arrows/arrowRight", className: "-rotate-90" }),
+    icon: /* @__PURE__ */ r.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",
@@ -2643,42 +2574,42 @@ const Vn = (t, e) => {
     },
     children: /* @__PURE__ */ r.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: t.children.map((e) => {
       var i;
-      const n = !!e.link, o = n ? "a" : "p";
+      const o = !!e.link, n = o ? "a" : "p";
       return /* @__PURE__ */ r.jsxs("ul", { className: "w-full list-none p-0", children: [
         /* @__PURE__ */ r.jsxs(
-          o,
+          n,
           {
-            href: n ? (i = e.link) == null ? void 0 : i.href : void 0,
+            href: o ? (i = e.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(s, { name: "arrows/arrowLink" })
+              /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowLink" })
             ]
           }
         ),
-        e.children.map((a) => {
+        e.children.map((l) => {
           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);
+          return /* @__PURE__ */ r.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ r.jsx("a", { href: (d = l.link) == null ? void 0 : d.href, className: "w-full", children: l.title }) }, l.title);
         })
       ] }, e.title);
     }) })
   },
   t.title
-), eo = (t) => t.map((e) => ({
+), Xn = (t) => t.map((e) => ({
   value: e.title ?? "",
   label: e.title ?? ""
-})), to = ({ categories: t, helpers: e, phone: n, ...o }) => {
-  const i = eo(t), [a, d] = Q(i[0]), u = (h) => {
-    O.isUndefined(h) || O.isArray(h) || d(h);
-  }, m = ke(() => {
+})), Yn = ({ categories: t, helpers: e, phone: o, ...n }) => {
+  const i = Xn(t), [l, d] = A(i[0]), u = (h) => {
+    S.isUndefined(h) || S.isArray(h) || d(h);
+  }, m = se(() => {
     var h;
-    return O.isUndefined(a) || O.isArray(a) ? [] : ((h = t.find((p) => p.title === a.value)) == null ? void 0 : h.children) ?? [];
-  }, [a, t]);
+    return S.isUndefined(l) || S.isArray(l) ? [] : ((h = t.find((p) => p.title === l.value)) == null ? void 0 : h.children) ?? [];
+  }, [l, t]);
   return /* @__PURE__ */ r.jsxs(
-    Ee.div,
+    Se.div,
     {
-      ...o,
-      className: l(
+      ...n,
+      className: a(
         "absolute w-full max-w-[calc(636px-32px)]",
         "absolute left-1/2 top-full bg-color-white p-4",
         "-translate-x-1/2 overflow-x-hidden",
@@ -2687,46 +2618,46 @@ const Vn = (t, e) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ r.jsx(ye.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
+        /* @__PURE__ */ r.jsx(ye.SelectBase, { label: "Категория", options: i, value: l, onChange: u }),
         /* @__PURE__ */ r.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((h) => {
           var p;
-          return O.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(Gn, { category: h }, h.title);
+          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);
         }) }),
         /* @__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(s, { name: h.link.icon, className: "size-4" }),
+              ((c = h.link) == null ? void 0 : c.icon) && /* @__PURE__ */ r.jsx(b, { name: h.link.icon, className: "size-4" }),
               h.title
             ] }) }, h.title);
           }),
-          /* @__PURE__ */ r.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ r.jsxs("a", { href: `tel:${n}`, className: "flex w-full items-center gap-x-1", children: [
-            /* @__PURE__ */ r.jsx(s, { name: "communication/phone", className: "size-4" }),
-            we(n)
+          /* @__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)
           ] }) })
         ] })
       ]
     }
   );
-}, ro = ({ categories: t, helpers: e, phone: n }) => {
+}, Jn = ({ categories: t, helpers: e, phone: o }) => {
   var m, h, p;
-  const o = Be(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, d] = Q(!1), u = () => d(!a);
+  const n = Oe(null), i = (m = n.current) == null ? void 0 : m.getBoundingClientRect(), [l, d] = A(!1), u = () => d(!l);
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: o,
+      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(s, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(s, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-        a && vt(
+        /* @__PURE__ */ r.jsx(b, { name: "brandLogos/logoMain", className: "w-[130px]" }),
+        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ r.jsx(b, { name: l ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+        l && wt(
           /* @__PURE__ */ r.jsx(
-            to,
+            Yn,
             {
               categories: t,
               helpers: e,
-              phone: n,
+              phone: o,
               style: { top: i ? i.top + i.height : 0 }
             }
           ),
@@ -2738,67 +2669,67 @@ const Vn = (t, e) => {
       ]
     }
   );
-}, mt = ({ categories: t, helpers: e, phone: n, breadcrumbs: o }) => {
+}, dt = ({ categories: t, helpers: e, phone: o, breadcrumbs: n }) => {
   const { isMobile: i } = ee();
-  return /* @__PURE__ */ r.jsx("div", { id: j.seoHeader, "data-test-id": j.seoHeader, className: "w-full bg-color-white", children: /* @__PURE__ */ r.jsxs(E, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ r.jsx(ro, { categories: t.map((a) => a.children).flat(), helpers: e, phone: n }),
-    /* @__PURE__ */ r.jsx(Jn, { categories: t, helpers: e, phone: n }),
+  return /* @__PURE__ */ r.jsx("div", { id: y.seoHeader, "data-test-id": y.seoHeader, className: "w-full bg-color-white", children: /* @__PURE__ */ r.jsxs(F, { className: "mx-auto w-full", children: [
+    /* @__PURE__ */ r.jsx(Jn, { categories: t.map((l) => l.children).flat(), helpers: e, phone: o }),
+    /* @__PURE__ */ r.jsx(Kn, { categories: t, helpers: e, phone: o }),
     /* @__PURE__ */ r.jsx(
-      Qn,
+      Rn,
       {
         ellipsis: i ? 1 : void 0,
-        breadcrumbs: o,
-        matcher: (a) => ({ label: tr(a.label).split("-").join(" ") })
+        breadcrumbs: n,
+        matcher: (l) => ({ label: Gt(l.label).split("-").join(" ") })
       }
     )
   ] }) });
-}, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SeoHeader: mt,
-  default: mt
-}, Symbol.toStringTag, { value: "Module" })), Tt = (t) => typeof t != "string" && "formula" in t, Ot = (t, e) => {
-  let n = e;
-  const o = {
+  SeoHeader: dt,
+  default: dt
+}, Symbol.toStringTag, { value: "Module" })), _t = (t) => typeof t != "string" && "formula" in t, Tt = (t, e) => {
+  let o = e;
+  const n = {
     style: t
   };
   switch (t) {
     case "currency":
-      o.currency = "RUB", o.minimumFractionDigits = 0, o.maximumFractionDigits = 0;
+      n.currency = "RUB", n.minimumFractionDigits = 0, n.maximumFractionDigits = 0;
       break;
     case "percent":
-      o.minimumFractionDigits = 0, o.maximumFractionDigits = 1, n = n / 100;
+      n.minimumFractionDigits = 0, n.maximumFractionDigits = 1, o = o / 100;
       break;
     default:
       return null;
   }
-  return new Intl.NumberFormat("ru-RU", o).format(n);
-}, oo = (t, e) => {
+  return new Intl.NumberFormat("ru-RU", n).format(o);
+}, eo = (t, e) => {
   switch (t) {
     case "text":
       return e;
     default:
-      return Ot(t, Number(e));
+      return Tt(t, Number(e));
   }
-}, io = (t) => Object.values(t).reduce((n, o) => n.merge(ze(o.fields)), wt({})), ao = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, St = (t, e) => {
-  const n = Object.entries(e).map(([m, h]) => [m, O.isNil(h) ? "1" : h]), o = n.map(([m]) => m), i = n.map(([, m]) => m), a = ao(t, Object.fromEntries(n)), u = new Function(...o, `return ${a};`)(...i.map(Number));
+}, to = (t) => Object.values(t).reduce((o, n) => o.merge(De(n.fields)), kt({})), ro = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, St = (t, e) => {
+  const o = Object.entries(e).map(([m, h]) => [m, S.isNil(h) ? "1" : h]), n = o.map(([m]) => m), i = o.map(([, m]) => m), l = ro(t, Object.fromEntries(o)), u = new Function(...n, `return ${l};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, lo = (t, e) => t.map((n) => ({
-  ...n,
-  value: Tt(n.value) ? St(n.value.formula, e) : n.value
-})), uo = ({ subtitle: t, title: e }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: (e || t) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
+}, no = (t, e) => t.map((o) => ({
+  ...o,
+  value: _t(o.value) ? St(o.value.formula, e) : o.value
+})), oo = ({ subtitle: t, title: e }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: (e || t) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
   e && /* @__PURE__ */ r.jsx(L, { as: "h3", children: e }),
   t && /* @__PURE__ */ r.jsx("div", { className: "desk-body-regular-l text-color-dark", children: t })
-] }) }), mo = ({ rootDescription: t, rootValue: e, suffix: n }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
+] }) }), 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: Ot(n, Number(e)) }) })
-] }), ho = ({ hint: t, value: e, label: n, mode: o, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+  /* @__PURE__ */ r.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ r.jsx("span", { children: Tt(o, Number(e)) }) })
+] }), lo = ({ hint: t, value: e, label: o, mode: n, color: i = "dark", accent: l = !1 }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: n }),
+    /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-dark", children: o }),
     t && /* @__PURE__ */ r.jsx(
-      Oe,
+      _e,
       {
         withCloseBtn: !1,
-        triggerElement: /* @__PURE__ */ r.jsx(s, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
+        triggerElement: /* @__PURE__ */ r.jsx(b, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
         children: /* @__PURE__ */ r.jsx("p", { children: t })
       }
     )
@@ -2806,106 +2737,106 @@ const Vn = (t, e) => {
   /* @__PURE__ */ r.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": l,
         "text-color-primary-default": i === "blue"
       }),
-      children: oo(o, e)
+      children: eo(n, e)
     }
   )
-] }), xo = ({ infoList: t }) => {
-  const { watch: e } = ve(), n = e(), o = lo(t, n);
-  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ r.jsx(ho, { ...i }, i.label)) });
-}, po = ({ iconName: t, text: e, hint: n }) => /* @__PURE__ */ r.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
+] }), ao = ({ infoList: t }) => {
+  const { watch: e } = we(), o = e(), n = no(t, o);
+  return /* @__PURE__ */ r.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: n == null ? void 0 : n.map((i) => /* @__PURE__ */ r.jsx(lo, { ...i }, i.label)) });
+}, 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(s, { name: t, className: "size-6 text-icon-blue-grey-800" }),
+    /* @__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 })
   ] }),
-  n && /* @__PURE__ */ r.jsx(Oe, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(s, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: n }) })
-] }), co = ({ assistHint: t, buttonsConfig: e, bottomDescription: n }) => /* @__PURE__ */ r.jsxs("div", { children: [
-  t && /* @__PURE__ */ r.jsx(po, { ...t }),
-  /* @__PURE__ */ r.jsx("div", { className: l("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ r.jsx(Y, { className: "w-full", ...o }, i)) }),
-  n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: n })
-] }), fo = ({
+  o && /* @__PURE__ */ r.jsx(_e, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ r.jsx(b, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ r.jsx("p", { children: o }) })
+] }), mo = ({ assistHint: t, buttonsConfig: e, bottomDescription: o }) => /* @__PURE__ */ r.jsxs("div", { children: [
+  t && /* @__PURE__ */ r.jsx(uo, { ...t }),
+  /* @__PURE__ */ r.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ r.jsx(Y, { className: "w-full", ...n }, i)) }),
+  o && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: o })
+] }), ho = ({
   rootDescription: t,
   bottomDescription: e,
-  rootValue: n,
-  title: o,
+  rootValue: o,
+  title: n,
   subtitle: i,
-  buttonsConfig: a,
+  buttonsConfig: l,
   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(mo, { suffix: u, rootValue: n, rootDescription: t }),
-  /* @__PURE__ */ r.jsx(uo, { title: o, subtitle: i }),
-  /* @__PURE__ */ r.jsx(xo, { infoList: d }),
-  /* @__PURE__ */ r.jsx(co, { assistHint: m, buttonsConfig: a, bottomDescription: e })
-] }), bo = 2e4, Et = ({
+  /* @__PURE__ */ r.jsx(io, { suffix: u, rootValue: o, rootDescription: t }),
+  /* @__PURE__ */ r.jsx(oo, { title: n, subtitle: i }),
+  /* @__PURE__ */ r.jsx(ao, { infoList: d }),
+  /* @__PURE__ */ r.jsx(mo, { assistHint: m, buttonsConfig: l, bottomDescription: e })
+] }), xo = 2e4, Ot = ({
   slidersGroupConfig: t,
   additionalSliderGroupConfig: e
 }) => {
-  const [n, o] = Q(!1), { watch: i, setValue: a } = ve(), d = t == null ? void 0 : t.fields.find(({ args: I }) => I.name === "sum"), { args: u } = d || {}, { max: m, name: h, defaultValue: p } = u || {}, c = i(h), { min: f, name: b } = (e == null ? void 0 : e.args) ?? {}, w = i(b), g = Number(m ?? 0) - (c ?? p);
-  return _e(() => {
-    w > g && a(b, g);
-  }, [g, w, a, c]), _e(() => {
-    Number(m) === c && o(!1);
-  }, [o, m, c]), {
-    sliderVisible: n,
-    setSliderVisible: o,
+  const [o, n] = A(!1), { watch: i, setValue: l } = we(), d = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = d || {}, { max: m, name: h, defaultValue: p } = u || {}, c = i(h), { min: g, name: f } = (e == null ? void 0 : e.args) ?? {}, w = i(f), j = Number(m ?? 0) - (c ?? p);
+  return Ae(() => {
+    w > j && l(f, j);
+  }, [j, w, l, c]), Ae(() => {
+    Number(m) === c && n(!1);
+  }, [n, m, c]), {
+    sliderVisible: o,
+    setSliderVisible: n,
     sumMax: m,
     sumName: h,
     sumDefaultValue: p,
     sumValue: c,
-    additionalSliderMax: g,
+    additionalSliderMax: j,
     onCheckedChange: () => {
-      o((I) => !I), w <= 0 && a(b, f), Number(m) === c && (a(h ?? "", c - bo), a(b, f));
+      n((_) => !_), w <= 0 && l(f, g), Number(m) === c && (l(h ?? "", c - xo), l(f, g));
     },
-    sliderSumExist: !O.isObjectEmpty(d == null ? void 0 : d.args),
+    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"
   };
-}, so = (t) => {
+}, po = (t) => {
   switch (t) {
     case "content1":
       return /* @__PURE__ */ r.jsx("div", { children: "content 1" });
     case "content2":
       return /* @__PURE__ */ r.jsx("div", { children: "content 2" });
   }
-}, go = ({ triggerText: t, modalTitle: e, description: n, contentVariant: o }) => {
-  const [i, a] = ir(!1);
+}, co = ({ triggerText: t, modalTitle: e, description: o, contentVariant: n }) => {
+  const [i, l] = nr(!1);
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
-    n && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: n }),
+    o && /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: o }),
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        onClick: () => a(!0),
+        onClick: () => l(!0),
         className: "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
         children: t
       }
     ),
-    /* @__PURE__ */ r.jsx(Xt, { title: e, isModalOpen: i, closeModal: () => a(!1), children: so(o) })
+    /* @__PURE__ */ r.jsx(Zt, { title: e, isModalOpen: i, closeModal: () => l(!1), children: po(n) })
   ] });
 }, J = ({ fields: t }) => {
-  const { control: e } = ve();
-  return /* @__PURE__ */ r.jsx(He, { control: e, fields: t });
-}, jo = ({
+  const { control: e } = we();
+  return /* @__PURE__ */ r.jsx(Pe, { control: e, fields: t });
+}, fo = ({
   slidersGroupConfig: t,
   additionalSliderGroupConfig: e
 }) => {
-  const { control: n } = ve(), { sliderVisible: o, additionalSliderMax: i, onCheckedChange: a } = Et({
+  const { control: o } = we(), { sliderVisible: n, additionalSliderMax: i, onCheckedChange: l } = Ot({
     slidersGroupConfig: t,
     additionalSliderGroupConfig: e
   });
-  return O.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4", children: [
+  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: o, onCheckedChange: a }),
+      /* @__PURE__ */ r.jsx(ye.SwitchBase, { checked: n, onCheckedChange: l }),
       /* @__PURE__ */ r.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
-    o && /* @__PURE__ */ r.jsx(
-      jt.SliderControl,
+    n && /* @__PURE__ */ r.jsx(
+      gt.SliderControl,
       {
         ...e.args,
-        control: n,
+        control: o,
         componentType: "algorithmic",
         suffix: "currency",
         defaultValue: e == null ? void 0 : e.args.min,
@@ -2913,14 +2844,14 @@ const Vn = (t, e) => {
       }
     )
   ] });
-}, yo = ({ modalConfig: t, fieldsGroup: e }) => {
+}, bo = ({ modalConfig: t, fieldsGroup: e }) => {
   var i;
-  const { sliderSumExist: n, sliderSumCorrectType: o } = Et({
+  const { sliderSumExist: o, sliderSumCorrectType: n } = Ot({
     slidersGroupConfig: e.slidersGroupConfig,
     additionalSliderGroupConfig: e.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(go, { ...t }),
+    (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 }),
@@ -2928,53 +2859,53 @@ const Vn = (t, e) => {
     (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 && n && o && /* @__PURE__ */ r.jsx(
-      jo,
+    ((i = e.additionalSliderGroupConfig) == null ? void 0 : i.args.enabled) && e.slidersGroupConfig && e.additionalSliderGroupConfig && o && n && /* @__PURE__ */ r.jsx(
+      fo,
       {
         slidersGroupConfig: e.slidersGroupConfig,
         additionalSliderGroupConfig: e.additionalSliderGroupConfig
       }
     )
   ] });
-}, ko = Pe(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: n }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: o, label: i }) => /* @__PURE__ */ r.jsx(
+}, go = Fe(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: o }) => /* @__PURE__ */ r.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: n, label: i }) => /* @__PURE__ */ r.jsx(
   "button",
   {
-    onClick: () => n(o),
-    className: l(
+    onClick: () => o(n),
+    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 === o }
+      { "bg-icon-primary-default text-color-white": e === n }
     ),
     children: i
   },
-  o
-)) })), wo = ({
+  n
+)) })), jo = ({
   calculatorInfoConfig: t,
   calculatorFieldsConfig: e
 }) => {
-  const n = io(e == null ? void 0 : e.fieldsGroup), o = De({
-    schema: n,
+  const o = to(e == null ? void 0 : e.fieldsGroup), n = Ee({
+    schema: o,
     mode: "onBlur",
-    defaultValues: Re.getZodDefaults(n)
-  }), i = o.watch(), { rootValue: a } = t, d = Tt(a) ? St(a.formula, i) : a, u = { ...t, rootValue: d };
-  return /* @__PURE__ */ r.jsx(nr, { ...o, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start gap-16", children: [
-    /* @__PURE__ */ r.jsx(yo, { ...e }),
-    /* @__PURE__ */ r.jsx(fo, { ...u })
+    defaultValues: Be.getZodDefaults(o)
+  }), i = n.watch(), { rootValue: l } = t, d = _t(l) ? St(l.formula, i) : l, 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 })
   ] }) });
-}, ht = ({ calculators: t, headline: e }) => {
+}, ut = ({ calculators: t, headline: e }) => {
   var m;
-  const n = t.length > 1, [o, i] = Q(n ? (m = t[0]) == null ? void 0 : m.name : ""), a = ke(() => t == null ? void 0 : t.map(({ name: h, label: p }) => ({ name: h, label: p })), [t]), d = n ? a == null ? void 0 : a.findIndex((h) => h.name === o) : 0, u = t[d];
-  return /* @__PURE__ */ r.jsx("section", { id: j.calculator, children: /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
+  const o = t.length > 1, [n, i] = A(o ? (m = t[0]) == null ? void 0 : m.name : ""), l = se(() => t == null ? void 0 : t.map(({ name: h, label: p }) => ({ name: h, label: p })), [t]), d = o ? l == null ? void 0 : l.findIndex((h) => h.name === n) : 0, u = t[d];
+  return /* @__PURE__ */ r.jsx("section", { id: y.calculator, children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
     /* @__PURE__ */ r.jsx(L, { className: "mb-12", as: "h2", children: e }),
-    n && /* @__PURE__ */ r.jsx(
-      ko,
+    o && /* @__PURE__ */ r.jsx(
+      go,
       {
-        calculatorTabs: a,
-        activeCalculator: o,
+        calculatorTabs: l,
+        activeCalculator: n,
         setActiveCalculator: i
       }
     ),
     /* @__PURE__ */ r.jsx(
-      wo,
+      jo,
       {
         name: u.name,
         label: u.label,
@@ -2983,37 +2914,37 @@ const Vn = (t, e) => {
       }
     )
   ] }) }) });
-}, vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Calculator: ht,
-  default: ht
+  Calculator: ut,
+  default: ut
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Ie as Advantages,
-  Po as AuthProvider,
-  Ge as Banner,
-  Je as BannerWithSeparateImg,
-  Xe as Benefit,
-  Qn as Breadcrumbs,
+  Oo as AuthProvider,
+  Ye as Banner,
+  Xe as BannerWithSeparateImg,
+  Ke as Benefit,
+  Rn as Breadcrumbs,
   Y as ButtonWithHandlers,
-  ht as Calculator,
-  wo as CalculatorView,
-  dt as DynamicForm,
-  ut as DynamicFormDialog,
-  Do as FallbacksView,
-  He as FieldMapper,
-  et as Footer,
-  Tn as HTMLParser,
+  ut as Calculator,
+  jo as CalculatorView,
+  lt as DynamicForm,
+  at as DynamicFormDialog,
+  Eo as FallbacksView,
+  Pe as FieldMapper,
+  Je as Footer,
+  Fo as HTMLParser,
   ie as HTMLRenderer,
-  Ye as Header,
-  at as InterLinking,
-  Cr as KEYS_OF_WIDGET_LIST,
-  rt as LongBanner,
-  mt as SeoHeader,
-  tt as Stepper,
-  lt as UsefulInfo,
-  Nr as WIDGET_LIST_MAP,
-  Pn as queryClient,
-  j as widgetIds
+  Ze as Header,
+  ot as InterLinking,
+  vr as KEYS_OF_WIDGET_LIST,
+  et as LongBanner,
+  dt as SeoHeader,
+  Ge as Stepper,
+  it as UsefulInfo,
+  wr as WIDGET_LIST_MAP,
+  On as queryClient,
+  y as widgetIds
 };
 //# sourceMappingURL=widget.js.map