@scbt-ecom/ui 0.91.0 → 0.91.2

package/dist/widget.js

@@ -14,17 +14,17 @@ var jt = (e, t, r, n) => ({
   }
 });
 import { Z as we, _ as ve, $ as ze, a0 as T, a1 as At, a2 as Le, a3 as Qe, a4 as qt, a5 as W, a6 as $e, a7 as Ve, a8 as We, a9 as Ae, aa as Ut, ab as Kt, ac as qe, ad as Zt, ae as Yt, af as Ue, j as o, B as ht, c as D, R as F, o as Ne, G as Ke, F as R, i as c, T as pt, s as Ze, v as Ye, q as Nt, L as Xe, p as Pt, A as dt, W as Rt, ag as Je, r as Ge, X as Ct, E as se, ah as Dt, ai as tr, M as er } from "./index-BKq2JR4V.js";
-import { c as a, T as _ } from "./typeGuards-BHbj394R.js";
+import { c as l, T as _ } from "./typeGuards-BHbj394R.js";
 import * as ut from "react";
 import { lazy as B, useCallback as Ce, useState as O, memo as ft, useMemo as ct, createElement as St, useRef as Ht, useReducer as rr, forwardRef as nr, useEffect as wt } from "react";
 import { i as Xt } from "./isClient-C9aZtt2Q.js";
 import { s as or, c as It, a as ir, l as dr } from "./localStorageActions-CkWWvUS3.js";
-import { u as at, b as Mt, a as ar, g as _t, F as lr } from "./useDebounce-5MeprqTX.js";
+import { u as lt, b as Mt, a as lr, g as _t, F as ar } from "./useDebounce-5MeprqTX.js";
 import { z as zt, Z as Ot } from "./index-Cj4n5Vtu.js";
 import { au as Lt } from "./utils-U4W3nat7.js";
 import { b as ur, u as mr, a as xr } from "./useFieldsProgress-C918amw-.js";
 import { createPortal as Se } from "react-dom";
-var Q, be, hr = (be = class extends we {
+var Q, ge, hr = (ge = class extends we {
   constructor(t = {}) {
     super();
     N(this, Q);
@@ -32,15 +32,15 @@ var Q, be, hr = (be = class extends we {
   }
   build(t, r, n) {
     const i = r.queryKey, d = r.queryHash ?? ve(i, r);
-    let l = this.get(d);
-    return l || (l = new ze({
+    let a = this.get(d);
+    return a || (a = new ze({
       client: t,
       queryKey: i,
       queryHash: d,
       options: t.defaultQueryOptions(r),
       state: n,
       defaultOptions: t.getQueryDefaults(i)
-    }), this.add(l)), l;
+    }), this.add(a)), a;
   }
   add(t) {
     h(this, Q).has(t.queryHash) || (h(this, Q).set(t.queryHash, t), this.notify({
@@ -96,7 +96,7 @@ var Q, be, hr = (be = class extends we {
       });
     });
   }
-}, Q = new WeakMap(), be), $, M, s, V, U, je, pr = (je = class extends Le {
+}, Q = new WeakMap(), ge), $, M, s, V, U, je, pr = (je = class extends Le {
   constructor(t) {
     super();
     N(this, V);
@@ -134,7 +134,7 @@ var Q, be, hr = (be = class extends we {
     this.execute(this.state.variables);
   }
   async execute(t) {
-    var d, l, u, x, m, p, f, S, y, E, k, I, P, z, v, C, L, X, gt, bt;
+    var d, a, u, x, m, p, f, S, y, E, k, I, P, z, v, C, L, X, bt, gt;
     const r = () => {
       q(this, V, U).call(this, { type: "continue" });
     };
@@ -157,7 +157,7 @@ var Q, be, hr = (be = class extends we {
       if (n)
         r();
       else {
-        q(this, V, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, M).config).onMutate) == null ? void 0 : l.call(
+        q(this, V, U).call(this, { type: "pending", variables: t, isPaused: i }), await ((a = (d = h(this, M).config).onMutate) == null ? void 0 : a.call(
           d,
           t,
           this
@@ -205,8 +205,8 @@ var Q, be, hr = (be = class extends we {
           this.state.variables,
           this.state.context,
           this
-        )), await ((bt = (gt = this.options).onSettled) == null ? void 0 : bt.call(
-          gt,
+        )), await ((gt = (bt = this.options).onSettled) == null ? void 0 : gt.call(
+          bt,
           void 0,
           w,
           t,
@@ -398,7 +398,7 @@ function Jt(e) {
   return {
     onFetch: (t, r) => {
       var p, f, S, y, E;
-      const n = t.options, i = (S = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : S.direction, d = ((y = t.state.data) == null ? void 0 : y.pages) || [], l = ((E = t.state.data) == null ? void 0 : E.pageParams) || [];
+      const n = t.options, i = (S = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : S.direction, d = ((y = t.state.data) == null ? void 0 : y.pages) || [], a = ((E = t.state.data) == null ? void 0 : E.pageParams) || [];
       let u = { pages: [], pageParams: [] }, x = 0;
       const m = async () => {
         let k = !1;
@@ -414,7 +414,7 @@ function Jt(e) {
             return Promise.reject();
           if (C == null && v.pages.length)
             return Promise.resolve(v);
-          const gt = (() => {
+          const bt = (() => {
             const Vt = {
               client: t.client,
               queryKey: t.queryKey,
@@ -423,22 +423,22 @@ function Jt(e) {
               meta: t.options.meta
             };
             return I(Vt), Vt;
-          })(), bt = await P(gt), { maxPages: w } = t.options, J = L ? Ve : We;
+          })(), gt = await P(bt), { maxPages: w } = t.options, J = L ? Ve : We;
           return {
-            pages: J(v.pages, bt, w),
+            pages: J(v.pages, gt, w),
             pageParams: J(v.pageParams, C, w)
           };
         };
         if (i && d.length) {
-          const v = i === "backward", C = v ? gr : Gt, L = {
+          const v = i === "backward", C = v ? br : Gt, L = {
             pages: d,
-            pageParams: l
+            pageParams: a
           }, X = C(n, L);
           u = await z(L, X, v);
         } else {
           const v = e ?? d.length;
           do {
-            const C = x === 0 ? l[0] ?? n.initialPageParam : Gt(n, u);
+            const C = x === 0 ? a[0] ?? n.initialPageParam : Gt(n, u);
             if (x > 0 && C == null)
               break;
             u = await z(u, C), x++;
@@ -472,13 +472,13 @@ function Gt(e, { pages: t, pageParams: r }) {
     r
   ) : void 0;
 }
-function gr(e, { pages: t, pageParams: r }) {
+function br(e, { pages: t, pageParams: r }) {
   var n;
   return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, r[0], r) : void 0;
 }
-var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
+var g, K, Z, et, rt, Y, nt, ot, ke, gr = (ke = class {
   constructor(e = {}) {
-    N(this, b);
+    N(this, g);
     N(this, K);
     N(this, Z);
     N(this, et);
@@ -486,13 +486,13 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
     N(this, Y);
     N(this, nt);
     N(this, ot);
-    j(this, b, e.queryCache || new hr()), j(this, K, e.mutationCache || new cr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
+    j(this, g, e.queryCache || new hr()), j(this, K, e.mutationCache || new cr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
   }
   mount() {
     jt(this, Y)._++, h(this, Y) === 1 && (j(this, nt, Ae.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, b).onFocus());
+      e && (await this.resumePausedMutations(), h(this, g).onFocus());
     })), j(this, ot, Ut.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, b).onOnline());
+      e && (await this.resumePausedMutations(), h(this, g).onOnline());
     })));
   }
   unmount() {
@@ -500,7 +500,7 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
     jt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), j(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), j(this, ot, void 0));
   }
   isFetching(e) {
-    return h(this, b).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return h(this, g).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
     return h(this, K).findAll({ ...e, status: "pending" }).length;
@@ -515,28 +515,28 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
   getQueryData(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, b).get(t.queryHash)) == null ? void 0 : r.state.data;
+    return (r = h(this, g).get(t.queryHash)) == null ? void 0 : r.state.data;
   }
   ensureQueryData(e) {
-    const t = this.defaultQueryOptions(e), r = h(this, b).build(this, t), n = r.state.data;
+    const t = this.defaultQueryOptions(e), r = h(this, g).build(this, t), n = r.state.data;
     return n === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && r.isStaleByTime(Kt(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(n));
   }
   getQueriesData(e) {
-    return h(this, b).findAll(e).map(({ queryKey: t, state: r }) => {
+    return h(this, g).findAll(e).map(({ queryKey: t, state: r }) => {
       const n = r.data;
       return [t, n];
     });
   }
   setQueryData(e, t, r) {
-    const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, b).get(
+    const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, g).get(
       n.queryHash
-    ), d = i == null ? void 0 : i.state.data, l = qe(t, d);
-    if (l !== void 0)
-      return h(this, b).build(this, n).setData(l, { ...r, manual: !0 });
+    ), d = i == null ? void 0 : i.state.data, a = qe(t, d);
+    if (a !== void 0)
+      return h(this, g).build(this, n).setData(a, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
     return T.batch(
-      () => h(this, b).findAll(e).map(({ queryKey: n }) => [
+      () => h(this, g).findAll(e).map(({ queryKey: n }) => [
         n,
         this.setQueryData(n, t, r)
       ])
@@ -545,12 +545,12 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
   getQueryState(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, b).get(
+    return (r = h(this, g).get(
       t.queryHash
     )) == null ? void 0 : r.state;
   }
   removeQueries(e) {
-    const t = h(this, b);
+    const t = h(this, g);
     T.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
@@ -558,7 +558,7 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
     });
   }
   resetQueries(e, t) {
-    const r = h(this, b);
+    const r = h(this, g);
     return T.batch(() => (r.findAll(e).forEach((n) => {
       n.reset();
     }), this.refetchQueries(
@@ -571,12 +571,12 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
   }
   cancelQueries(e, t = {}) {
     const r = { revert: !0, ...t }, n = T.batch(
-      () => h(this, b).findAll(e).map((i) => i.cancel(r))
+      () => h(this, g).findAll(e).map((i) => i.cancel(r))
     );
     return Promise.all(n).then(W).catch(W);
   }
   invalidateQueries(e, t = {}) {
-    return T.batch(() => (h(this, b).findAll(e).forEach((r) => {
+    return T.batch(() => (h(this, g).findAll(e).forEach((r) => {
       r.invalidate();
     }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
@@ -591,7 +591,7 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
       ...t,
       cancelRefetch: t.cancelRefetch ?? !0
     }, n = T.batch(
-      () => h(this, b).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
+      () => h(this, g).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
         let d = i.fetch(void 0, r);
         return r.throwOnError || (d = d.catch(W)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
       })
@@ -601,7 +601,7 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const r = h(this, b).build(this, t);
+    const r = h(this, g).build(this, t);
     return r.isStaleByTime(
       Kt(t.staleTime, r)
     ) ? r.fetch(t) : Promise.resolve(r.state.data);
@@ -622,7 +622,7 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
     return Ut.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return h(this, b);
+    return h(this, g);
   }
   getMutationCache() {
     return h(this, K);
@@ -680,9 +680,9 @@ var b, K, Z, et, rt, Y, nt, ot, ke, br = (ke = class {
     };
   }
   clear() {
-    h(this, b).clear(), h(this, K).clear();
+    h(this, g).clear(), h(this, K).clear();
   }
-}, b = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ke);
+}, g = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ke);
 const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resolve().then(() => Bo)), kr = B(() => Promise.resolve().then(() => Un)), wr = B(() => Promise.resolve().then(() => Zn)), vr = B(() => Promise.resolve().then(() => Jr)), Nr = B(() => Promise.resolve().then(() => Qr)), Cr = B(() => Promise.resolve().then(() => cn)), Sr = B(() => Promise.resolve().then(() => un)), Ir = B(() => Promise.resolve().then(() => po)), Mr = B(() => Promise.resolve().then(() => en)), _r = B(() => Promise.resolve().then(() => Hn)), Or = B(() => Promise.resolve().then(() => zr)), Tr = B(() => Promise.resolve().then(() => Ro)), Fr = B(() => Promise.resolve().then(() => Zo)), Br = {
   header: Nr,
   seoHeader: Ir,
@@ -698,7 +698,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   footer: vr,
   infoBlock: Tr,
   userFeedback: Fr
-}, Er = Object.keys(Br), g = Er.reduce(
+}, Er = Object.keys(Br), b = Er.reduce(
   (e, t) => (e[t] = t, e),
   {}
 ), Pr = (e) => Ce(() => {
@@ -725,7 +725,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   }
 }, [e]), tt = ({ handlerOptions: e, className: t, ...r }) => {
   const n = Pr(e);
-  return /* @__PURE__ */ o.jsx(ht, { className: a(t), onClick: n, ...r, children: r.children });
+  return /* @__PURE__ */ o.jsx(ht, { className: l(t), onClick: n, ...r, children: r.children });
 }, Rr = D(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
@@ -744,31 +744,31 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   mobileImg: n,
   classes: i,
   withButton: d,
-  button: l,
+  button: a,
   variant: u,
   color: x
 }) => {
-  const { isDesktop: m } = at();
+  const { isDesktop: m } = lt();
   return /* @__PURE__ */ o.jsxs(
     "li",
     {
       style: { backgroundColor: x ?? "#F3F4F7" },
-      className: a(Rr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
+      className: l(Rr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
-            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+        /* @__PURE__ */ o.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__ */ o.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: e },
-                className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
+                className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          d && m && (a == null ? void 0 : a.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: l("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...a })
         ] }),
-        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
+        (n || m) && r && /* @__PURE__ */ o.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
     },
     t
@@ -781,15 +781,15 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), st = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: a(n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(F, { className: n == null ? void 0 : n.container, children: [
+}), st = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: l(n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(F, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ o.jsx(
     "div",
     {
       dangerouslySetInnerHTML: { __html: e },
-      className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
     }
   ),
-  /* @__PURE__ */ o.jsx("ul", { className: a(Hr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Dr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
+  /* @__PURE__ */ o.jsx("ul", { className: l(Hr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(Dr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
 ] }) }), zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Benefit: st,
@@ -808,10 +808,10 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   return /* @__PURE__ */ o.jsx(
     "header",
     {
-      id: g.header,
-      "data-test-id": g.header,
-      className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
-      children: /* @__PURE__ */ o.jsx(F, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      id: b.header,
+      "data-test-id": b.header,
+      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
+      children: /* @__PURE__ */ o.jsx(F, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ o.jsx(
           "a",
           {
@@ -819,7 +819,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
-            className: a(
+            className: l(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               n == null ? void 0 : n.logo
             ),
@@ -839,7 +839,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
         { "flex items-center gap-4": n == null ? void 0 : n.enabled },
         t == null ? void 0 : t.group
@@ -848,7 +848,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         r.enabled && /* @__PURE__ */ o.jsx(
           tt,
           {
-            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
+            className: l("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
             size: "lg",
             intent: "primary",
             ...r.buttonContent
@@ -859,7 +859,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
           {
             intent: "secondary",
             size: "lg",
-            className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
+            className: l("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
             ...r.buttonContent
           }
         )
@@ -868,11 +868,11 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   );
 }, vt = ({ details: e, classes: t }) => {
   const { variant: r, items: n } = e ?? {};
-  return /* @__PURE__ */ o.jsx("div", { className: a("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("div", { className: l("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
     "div",
     {
       id: "advantages",
-      className: a(
+      className: l(
         "z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
         { "desktop:max-w-[860px]": r === "threeCards" },
         { "desktop:max-w-[1140px]": r === "fourCards" },
@@ -881,13 +881,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
             t == null ? void 0 : t.item
           ),
           children: [
-            /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
+            /* @__PURE__ */ o.jsx(R, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: i }),
+            /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
           ]
         },
         i
@@ -901,35 +901,35 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   advantages: n,
   classes: i,
   images: d,
-  backgroundColor: l
+  backgroundColor: a
 }) => {
   var m;
-  const { isMobile: u } = at(), x = (n == null ? void 0 : n.details) && ((m = n == null ? void 0 : n.details) == null ? void 0 : m.items.length) > 0;
+  const { isMobile: u } = lt(), x = (n == null ? void 0 : n.details) && ((m = n == null ? void 0 : n.details) == null ? void 0 : m.items.length) > 0;
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
       "section",
       {
-        id: g.banner,
-        "data-test-id": g.banner,
-        style: { backgroundColor: l ?? "#d9edff" },
-        className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
+        id: b.banner,
+        "data-test-id": b.banner,
+        style: { backgroundColor: a ?? "#d9edff" },
+        className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: u ? /* @__PURE__ */ o.jsx("img", { src: d.mobile, className: "h-full w-full object-cover object-center", alt: d.alt }) : /* @__PURE__ */ o.jsx("img", { src: d.desktop, alt: d.alt, className: "h-full w-full object-cover object-center" }) }),
-          /* @__PURE__ */ o.jsxs(F, { className: a("h-full", i == null ? void 0 : i.container), children: [
-            /* @__PURE__ */ o.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
+          /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: u ? /* @__PURE__ */ o.jsx("img", { src: d == null ? void 0 : d.mobile, className: "h-full w-full object-cover object-center", alt: d == null ? void 0 : d.alt }) : /* @__PURE__ */ o.jsx("img", { src: d == null ? void 0 : d.desktop, alt: d == null ? void 0 : d.alt, className: "h-full w-full object-cover object-center" }) }),
+          /* @__PURE__ */ o.jsxs(F, { className: l("h-full", i == null ? void 0 : i.container), children: [
+            /* @__PURE__ */ o.jsx("div", { className: l("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.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__ */ o.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
@@ -965,34 +965,34 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   advantages: n,
   classes: i,
   images: d,
-  backgroundColor: l
+  backgroundColor: a
 }) => {
   var x;
   const u = (n == null ? void 0 : n.details) && ((x = n == null ? void 0 : n.details) == null ? void 0 : x.items.length) > 0;
   return /* @__PURE__ */ o.jsxs(
     "section",
     {
-      id: g.banner,
-      style: { backgroundColor: l ?? "#d9edff" },
-      "data-test-id": g.banner,
-      className: a("", i == null ? void 0 : i.root),
+      id: b.banner,
+      style: { backgroundColor: a ?? "#d9edff" },
+      "data-test-id": b.banner,
+      className: l("", i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs(F, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ o.jsxs(F, { className: l("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
             /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-              /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
+              /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
+                    className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: t },
-                    className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
+                    className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
               ] }),
@@ -1009,21 +1009,21 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: a(
+                className: l(
                   "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: /* @__PURE__ */ o.jsx("img", { src: d.mobile, alt: d.alt, className: "h-full object-contain" })
+                children: /* @__PURE__ */ o.jsx("img", { src: d == null ? void 0 : d.mobile, alt: d == null ? void 0 : d.alt, className: "h-full object-contain" })
               }
             ),
             /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: a(
+                className: l(
                   "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: /* @__PURE__ */ o.jsx("img", { src: d.desktop, alt: d.alt, className: "h-full object-contain" })
+                children: /* @__PURE__ */ o.jsx("img", { src: d == null ? void 0 : d.desktop, alt: d == null ? void 0 : d.alt, className: "h-full object-contain" })
               }
             )
           ] }),
@@ -1060,52 +1060,52 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   __proto__: null,
   Banner: ee,
   default: ee
-}, Symbol.toStringTag, { value: "Module" })), Ar = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n, ...i }) => /* @__PURE__ */ o.jsx(
+}, Symbol.toStringTag, { value: "Module" })), Ar = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n, ...i }) => /* @__PURE__ */ o.jsx(
   "a",
   {
-    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
+    className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
     href: n,
     "aria-label": r.replace("social/", ""),
     ...i,
-    children: /* @__PURE__ */ o.jsx(c, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    children: /* @__PURE__ */ o.jsx(c, { name: r, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
   n
-)) }), qr = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
+)) }), qr = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
   Ne,
   {
     phone: It(r),
     text: n,
     classes: {
-      root: a(t == null ? void 0 : t.phoneWrapper),
-      text: a("text-color-footer", t == null ? void 0 : t.phoneText),
-      link: a("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
+      root: l(t == null ? void 0 : t.phoneWrapper),
+      text: l("text-color-footer", t == null ? void 0 : t.phoneText),
+      link: l("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
   r
 )) }), Ur = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: a(
+    className: l(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
       e == null ? void 0 : e.navRoot
     ),
     children: t == null ? void 0 : t.map(
-      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-        /* @__PURE__ */ o.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
-        /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l, ...u }) => /* @__PURE__ */ o.jsx(
+      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+        /* @__PURE__ */ o.jsx("div", { className: l("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
+        /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: a, ...u }) => /* @__PURE__ */ o.jsx(
           pt,
           {
             href: d,
-            "aria-label": l,
+            "aria-label": a,
             intent: "white",
             classes: {
               link: e == null ? void 0 : e.navLink,
               icon: e == null ? void 0 : e.navLinkIcon
             },
             ...u,
-            children: l
+            children: a
           },
-          l
+          a
         )) })
       ] }, n))
     )
@@ -1115,9 +1115,9 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
+      className: l("desk-body-regular-m text-color-footer [&_>p]:inline", t == null ? void 0 : t.copyRight),
       dangerouslySetInnerHTML: {
-        __html: `<div style="display: inline-flex; gap: 4px"><span>© 2004-${r}</span> ${e}</div>`
+        __html: `© 2004-${r} ${e}`
       }
     }
   );
@@ -1126,8 +1126,8 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: a("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
-    children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
+    className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
+    children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: l("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
 ), Yr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   pt,
@@ -1138,22 +1138,22 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: a("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
+      link: l("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
       icon: e == null ? void 0 : e.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
 ), Xr = ({ text: e, classes: t }) => {
-  const [r, n] = ut.useState(!1), [i, d] = ut.useState(!1), l = ut.useRef(null);
+  const [r, n] = ut.useState(!1), [i, d] = ut.useState(!1), a = ut.useRef(null);
   return ut.useEffect(() => {
-    const u = l.current;
+    const u = a.current;
     u && d(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: l("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
     /* @__PURE__ */ o.jsx(
       "div",
       {
-        ref: l,
-        className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
+        ref: a,
+        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
         dangerouslySetInnerHTML: { __html: e }
       }
     ),
@@ -1163,7 +1163,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         tabIndex: 0,
         role: "button",
         onClick: () => n((u) => !u),
-        className: a(
+        className: l(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           t == null ? void 0 : t.ligalButton
         ),
@@ -1178,23 +1178,23 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   copyright: n,
   classes: i,
   details: d,
-  siteMap: l = !0
+  siteMap: a = !0
 }) => /* @__PURE__ */ o.jsx(
   "footer",
   {
-    id: g.footer,
-    "data-test-id": g.footer,
-    className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
-    children: /* @__PURE__ */ o.jsx(F, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
+    id: b.footer,
+    "data-test-id": b.footer,
+    className: l("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
+    children: /* @__PURE__ */ o.jsx(F, { className: l(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: l("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
             i == null ? void 0 : i.footerHead
           ),
           children: [
-            /* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
+            /* @__PURE__ */ o.jsxs("div", { className: l(i == null ? void 0 : i.footerSocialBlock), children: [
               /* @__PURE__ */ o.jsx(Zr, { classes: i == null ? void 0 : i.footerLogo }),
               e.enabled && /* @__PURE__ */ o.jsx(Ar, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
@@ -1207,13 +1207,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
             i == null ? void 0 : i.footerBottom
           ),
           children: [
             n.enabled && /* @__PURE__ */ o.jsx(Kr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
-            l && /* @__PURE__ */ o.jsx(Yr, { classes: i == null ? void 0 : i.siteMap })
+            a && /* @__PURE__ */ o.jsx(Yr, { classes: i == null ? void 0 : i.siteMap })
           ]
         }
       )
@@ -1224,12 +1224,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   Footer: re,
   default: re
 }, Symbol.toStringTag, { value: "Module" })), Gr = (e) => {
-  var d, l;
+  var d, a;
   const { classes: t, index: r, title: n, description: i } = e;
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
         t == null ? void 0 : t.singleStep
       ),
@@ -1237,31 +1237,31 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: a(
+            className: l(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
               t == null ? void 0 : t.numeric
             ),
             children: r
           }
         ),
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2"), children: [
             n && /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: n },
-                className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
+                className: l("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
               }
             ),
             /* @__PURE__ */ o.jsx(
               "div",
               {
                 dangerouslySetInnerHTML: { __html: i ?? "" },
-                className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
+                className: l("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
               }
             )
           ] }),
-          e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: a("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: a("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (l = e == null ? void 0 : e.image) == null ? void 0 : l.alt }) })
+          e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: l("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: l("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (a = e == null ? void 0 : e.image) == null ? void 0 : a.alt }) })
         ] })
       ]
     }
@@ -1289,12 +1289,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         },
         ...i
       },
-      children: e.details.map((l, u) => /* @__PURE__ */ o.jsx(
+      children: e.details.map((a, u) => /* @__PURE__ */ o.jsx(
         Ye,
         {
           variant: "fullScreen",
           slideIndex: u,
-          ...l,
+          ...a,
           classes: {
             slide: "mobile:w-[328px]  desktop:w-[1140px]",
             ...d
@@ -1304,11 +1304,11 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       ))
     }
   );
-}, tn = ft(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
+}, tn = ft(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: l("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
-    className: a(
+    className: l(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
       { "bg-icon-primary-default text-color-white": t === i },
       n == null ? void 0 : n.tab
@@ -1318,9 +1318,9 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   i
 )) })), ne = ({ steppers: e, classes: t }) => {
   var x, m;
-  const r = e.length > 1, [n, i] = O(r ? (x = e[0]) == null ? void 0 : x.headline : ""), d = ct(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e[l];
-  return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(F, { className: a(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
-    /* @__PURE__ */ o.jsx(R, { as: "h2", className: a("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
+  const r = e && (e == null ? void 0 : e.length) > 1, [n, i] = O(r ? (x = e == null ? void 0 : e[0]) == null ? void 0 : x.headline : ""), d = ct(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), a = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e == null ? void 0 : e[a];
+  return /* @__PURE__ */ o.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(F, { className: l(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
+    /* @__PURE__ */ o.jsx(R, { as: "h2", className: l("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
     /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-6 desktop:gap-10", children: [
       r && /* @__PURE__ */ o.jsx(
         tn,
@@ -1335,12 +1335,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: a(
+          className: l(
             "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
             t == null ? void 0 : t.stepsWrapper,
             { "mobile:hidden": u.withImages }
           ),
-          children: (m = u.details) == null ? void 0 : m.map((p, f) => /* @__PURE__ */ St(Gr, { ...p, key: p.description, index: f + 1, classes: t == null ? void 0 : t.step }))
+          children: (m = u == null ? void 0 : u.details) == null ? void 0 : m.map((p, f) => /* @__PURE__ */ St(Gr, { ...p, key: p.description, index: f + 1, classes: t == null ? void 0 : t.step }))
         }
       )
     ] })
@@ -1433,7 +1433,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), an = ({ data: e, intent: t }) => {
+}), ln = ({ data: e, intent: t }) => {
   const {
     title: r,
     description: n,
@@ -1441,14 +1441,14 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       enabled: !1
     }
   } = e;
-  return /* @__PURE__ */ o.jsx("li", { className: a(on({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ o.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: r }),
-      i.enabled && /* @__PURE__ */ o.jsx(Nt, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+  return /* @__PURE__ */ o.jsx("li", { className: l(on({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ o.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: r }),
+      i.enabled && /* @__PURE__ */ o.jsx(Nt, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ o.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, Bt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(rn({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), ln = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(nn({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(an, { intent: t, data: n }, i)) }), oe = ({
+}, Bt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: l(rn({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), an = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: l(nn({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(ln, { intent: t, data: n }, i)) }), oe = ({
   headline: e,
   buttonConfig: t,
   intent: r = "twoItems",
@@ -1456,30 +1456,30 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   image: i,
   classes: d
 }) => {
-  const l = r === "fourItems", u = r === "twoItems", x = i && "url" in i && _.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(F, { className: a(d == null ? void 0 : d.container), children: [
+  const a = r === "fourItems", u = r === "twoItems", x = i && "url" in i && _.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
+  return /* @__PURE__ */ o.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(F, { className: l(d == null ? void 0 : d.container), children: [
     u && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e }),
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: a(
+        className: l(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          l && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: a(dn({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
+          a && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, desktopHidden: !0 }),
+          /* @__PURE__ */ o.jsx("div", { className: l(dn({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
           /* @__PURE__ */ o.jsxs(
             "div",
             {
-              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
+              className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                l && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(ln, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                a && /* @__PURE__ */ o.jsx(Bt, { intent: r, headline: e, mobileHidden: !0 }),
+                /* @__PURE__ */ o.jsx(an, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
                   tt,
                   {
-                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    className: l("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
                     intent: "secondary",
                     ...t.buttonContent
@@ -1504,7 +1504,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   "div",
   {
     tabIndex: 0,
-    className: a(
+    className: l(
       "relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
       "bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
       r == null ? void 0 : r.root
@@ -1512,7 +1512,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: a(
+        className: l(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
           { "items-center": t },
@@ -1550,14 +1550,14 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     /* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), _e = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), _e = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ o.jsx(
     "a",
     {
       href: e.href,
       target: "_blank",
       rel: "noreferrer",
-      className: a(
+      className: l(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
         n == null ? void 0 : n.linksMainLink
       ),
@@ -1573,52 +1573,52 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
       children: t == null ? void 0 : t.text
     }
   )
 ] }), ie = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = at();
+  const { isMobile: a } = lt();
   return /* @__PURE__ */ o.jsx(Me, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && l },
+        { "justify-center": !n && a },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+        /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
           /* @__PURE__ */ o.jsxs("div", { children: [
-            /* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
+            /* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
+            /* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
           ] }),
-          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: a, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Pt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Pt, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
 }, de = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
-  const { isMobile: l } = at();
+  const { isMobile: a } = lt();
   return /* @__PURE__ */ o.jsx(Me, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: a(
+      className: l(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && l },
+        { "justify-center": !n && a },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ o.jsx(mn, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+        /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
+          /* @__PURE__ */ o.jsx(mn, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(_e, { mainLink: e, subLink: t, isMobile: a, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ o.jsx(Pt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        n && /* @__PURE__ */ o.jsx(Pt, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
       ]
     }
   ) });
@@ -1630,20 +1630,20 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       return /* @__PURE__ */ o.jsx(ie, { ...e });
     case Et.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? ut.Fragment : "div";
+      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, a = !n && !i ? ut.Fragment : "div";
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: a(
+          className: l(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
             d == null ? void 0 : d.root
           ),
           children: [
-            /* @__PURE__ */ o.jsxs(l, { className: a("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
-              n && /* @__PURE__ */ o.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
-              i && /* @__PURE__ */ o.jsx(Pt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
+            /* @__PURE__ */ o.jsxs(a, { className: l("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
+              n && /* @__PURE__ */ o.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
+              i && /* @__PURE__ */ o.jsx(Pt, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
             ] }),
-            /* @__PURE__ */ o.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
+            /* @__PURE__ */ o.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
               /* @__PURE__ */ o.jsx(
                 de,
                 {
@@ -1671,12 +1671,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
         }
       );
   }
-}, di = (e) => xn(e), ae = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n, ...i }) => /* @__PURE__ */ o.jsx(
+}, di = (e) => xn(e), le = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n, ...i }) => /* @__PURE__ */ o.jsx(
   pt,
   {
     classes: {
-      link: a("w-max", t == null ? void 0 : t.linkText),
-      icon: a(t == null ? void 0 : t.linkIcon)
+      link: l("w-max", t == null ? void 0 : t.linkText),
+      icon: l(t == null ? void 0 : t.linkIcon)
     },
     intent: "dark",
     href: r,
@@ -1685,32 +1685,32 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   },
   r
 )) }), hn = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
-  var d, l, u;
-  const { isMobile: i } = at();
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+  var d, a, u;
+  const { isMobile: i } = lt();
+  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
-      /* @__PURE__ */ o.jsx(ae, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
+      /* @__PURE__ */ o.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
+      /* @__PURE__ */ o.jsx(le, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ o.jsx(
       dt,
       {
         defaultOpen: !0,
         label: e,
-        icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...r,
         classes: {
           ...r == null ? void 0 : r.classes,
           header: {
-            trigger: a("p-0 bg-color-blue-grey-100", (l = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
+            trigger: l("p-0 bg-color-blue-grey-100", (a = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : a.trigger)
           },
-          contentInner: a("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
+          contentInner: l("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ o.jsx(ae, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ o.jsx(le, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, pn = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(hn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), fn = D("grid gap-4 grid-cols-1", {
+}, pn = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(hn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), fn = D("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1721,49 +1721,49 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   defaultVariants: {
     variant: "fourCols"
   }
-}), le = ({
+}), ae = ({
   variant: e,
   details: t,
   headline: r,
   mobileAccordionProps: n,
   rootAccordionProps: i,
   classes: d,
-  defaultOpen: l
+  defaultOpen: a
 }) => {
   var u, x, m;
   return /* @__PURE__ */ o.jsx(
     "section",
     {
-      id: g.interLinking,
-      "data-test-id": g.interLinking,
-      className: a("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
+      id: b.interLinking,
+      "data-test-id": b.interLinking,
+      className: l("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
       children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(
         dt,
         {
-          defaultOpen: l,
-          label: /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: r }),
+          defaultOpen: a,
+          label: /* @__PURE__ */ o.jsx(R, { as: "h4", className: l("text-left", d == null ? void 0 : d.headline), children: r }),
           ...i,
           classes: {
             ...i == null ? void 0 : i.classes,
             header: {
-              trigger: a("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
+              trigger: l("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
             },
-            content: a("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
+            content: l("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
           },
-          children: /* @__PURE__ */ o.jsx("div", { className: a(fn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(pn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
+          children: /* @__PURE__ */ o.jsx("div", { className: l(fn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(pn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
         }
       ) })
     }
   );
 }, cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  InterLinking: le,
-  default: le
-}, Symbol.toStringTag, { value: "Module" })), gn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
+  InterLinking: ae,
+  default: ae
+}, Symbol.toStringTag, { value: "Module" })), bn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(d),
-    className: a(
+    className: l(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
         "bg-icon-primary-default text-color-white": t === d
@@ -1773,8 +1773,8 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     children: i
   },
   i
-)) }), bn = (e) => e.variant === "HTML", jn = (e) => e.variant === "DOCUMENTS", yn = (e) => e.variant === "TABLE", kn = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
-  const i = /* @__PURE__ */ o.jsx("div", { className: a(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
+)) }), gn = (e) => e.variant === "HTML", jn = (e) => e.variant === "DOCUMENTS", yn = (e) => e.variant === "TABLE", kn = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
+  const i = /* @__PURE__ */ o.jsx("div", { className: l(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
 }, wn = (e, t) => ({
   rows: e == null ? void 0 : e.map(({ row: r }) => ({
@@ -1800,7 +1800,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), Cn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(Nn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), Sn = D("desktop:grid mobile:hidden items-center", {
+}), Cn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: l(Nn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: l("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), Sn = D("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1811,13 +1811,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), In = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Sn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
+}), In = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: l(Sn({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, a) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
+    className: l("desk-body-regular-l text-color-dark", { "font-medium": a !== 0 }, i == null ? void 0 : i.cell),
     children: d && d
   },
-  l
+  a
 )) }), Mn = D("mobile:flex desktop:hidden flex-col gap-2", {
   variants: {
     tableVariant: {
@@ -1825,12 +1825,12 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), _n = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(Mn({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
-  l && /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
+}), _n = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: l(Mn({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: a }, u) => /* @__PURE__ */ o.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
+  a && /* @__PURE__ */ o.jsx("div", { className: l("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: a }),
   /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "mob-body-regular-l text-color-dark",
         {
           "font-medium": u !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
@@ -1842,9 +1842,9 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   )
 ] }, u)) }), On = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
   var u;
-  const d = ((u = wn(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-    l && /* @__PURE__ */ o.jsx(Cn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
+  const d = ((u = wn(t, r)) == null ? void 0 : u.rows) ?? [], a = !!(r && r.length > 0);
+  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+    a && /* @__PURE__ */ o.jsx(Cn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
     t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(
       In,
       {
@@ -1859,7 +1859,7 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     d == null ? void 0 : d.map((x, m) => /* @__PURE__ */ o.jsx(
       _n,
       {
-        headingsExist: l,
+        headingsExist: a,
         tableVariant: e,
         columnsVariant: n,
         classes: i == null ? void 0 : i.desktopRow,
@@ -1875,17 +1875,17 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
   config: n,
   rows: i,
   title: d,
-  headings: l,
+  headings: a,
   accordionConfig: u,
   classes: x
 }) => {
-  const m = /* @__PURE__ */ o.jsxs("div", { className: a(vn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
-    d && /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
-    /* @__PURE__ */ o.jsx(On, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
+  const m = /* @__PURE__ */ o.jsxs("div", { className: l(vn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
+    d && /* @__PURE__ */ o.jsx(R, { as: "h4", className: l("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
+    /* @__PURE__ */ o.jsx(On, { tableVariant: e, rows: i, headings: a, columnsVariant: r }),
     t && /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
+        className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
         dangerouslySetInnerHTML: { __html: t ?? "" }
       }
     )
@@ -1911,57 +1911,57 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: a(
+    className: l(
       "group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus",
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ o.jsx(c, { name: Fn[n], className: a(Bn({ iconType: n }), i == null ? void 0 : i.icon) }),
-      /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
-        /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
-        /* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
+      /* @__PURE__ */ o.jsx(c, { name: Fn[n], className: l(Bn({ iconType: n }), i == null ? void 0 : i.icon) }),
+      /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
+        /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
+        /* @__PURE__ */ o.jsxs("div", { className: l("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
           Number(t),
           " КБ"
         ] })
       ] })
     ]
   }
-), Pn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
-  const u = /* @__PURE__ */ o.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
+), Pn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: a }) => {
+  const u = /* @__PURE__ */ o.jsxs("div", { className: l("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
     r && /* @__PURE__ */ o.jsx(R, { as: "h3", className: "mb-4", children: r }),
-    /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(En, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
-    i && /* @__PURE__ */ o.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
+    /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(En, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
+    i && /* @__PURE__ */ o.jsx("div", { className: l("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(dt, { label: t == null ? void 0 : t.accordionTitle, ...a, children: (a == null ? void 0 : a.children) || u }) : u });
 }, Rn = ({ entity: e, classes: t, accordionsConfig: r }) => {
   var n, i, d;
   switch (!0) {
-    case bn(e):
-      return (n = e.details) == null ? void 0 : n.map((l, u) => {
+    case gn(e):
+      return (n = e.details) == null ? void 0 : n.map((a, u) => {
         var x;
-        return /* @__PURE__ */ o.jsx(kn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
+        return /* @__PURE__ */ o.jsx(kn, { ...a, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
       });
     case jn(e):
-      return (i = e.details) == null ? void 0 : i.map((l, u) => {
+      return (i = e.details) == null ? void 0 : i.map((a, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
           Pn,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
-            ...l,
+            ...a,
             classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.documents
           },
           u
         );
       });
     case yn(e):
-      return (d = e.details) == null ? void 0 : d.map((l, u) => {
+      return (d = e.details) == null ? void 0 : d.map((a, u) => {
         var x;
         return /* @__PURE__ */ o.jsx(
           Tn,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
-            ...l,
+            ...a,
             classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.table
           },
           u
@@ -1970,13 +1970,13 @@ const jr = B(() => Promise.resolve().then(() => Wr)), yr = B(() => Promise.resol
     default:
       return null;
   }
-}, Dn = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Rn({ entity: e, classes: t, accordionsConfig: r }) }), ue = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
+}, Dn = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Rn({ entity: e, classes: t, accordionsConfig: r }) }), ue = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
   var u, x;
-  const [i, d] = O(0), l = ct(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(F, { className: a(r == null ? void 0 : r.container), children: [
-    /* @__PURE__ */ o.jsx(R, { className: a(r == null ? void 0 : r.headline), as: "h2", children: e }),
-    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(gn, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
-    /* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(Dn, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
+  const [i, d] = O(0), a = ct(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
+  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: l(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(F, { className: l(r == null ? void 0 : r.container), children: [
+    /* @__PURE__ */ o.jsx(R, { className: l(r == null ? void 0 : r.headline), as: "h2", children: e }),
+    /* @__PURE__ */ o.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(bn, { tabsNames: a, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
+    /* @__PURE__ */ o.jsx("div", { className: l("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(Dn, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
   ] }) });
 }, Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1999,7 +1999,7 @@ class zn {
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
   traverse(t, r = "string", n) {
-    const { includeSolidText: i, recursive: d, element: l } = this.options || {};
+    const { includeSolidText: i, recursive: d, element: a } = this.options || {};
     switch (t.nodeType) {
       case this.ELEMENT_NODE:
         const u = t, x = u.tagName.toLowerCase();
@@ -2007,7 +2007,7 @@ class zn {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
         }
-        if (l && x !== l)
+        if (a && x !== a)
           break;
         if (r === "node")
           n.push(t);
@@ -2038,11 +2038,11 @@ class zn {
    * @returns Массив тегов или нод
    */
   async parse(t, r = "string") {
-    const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), u = r === "string" ? i : d;
+    const { includeBody: n } = this.options || {}, i = [], d = [], a = await this.parseFromString(t), u = r === "string" ? i : d;
     if (n)
-      this.traverse(l.body, r, u);
+      this.traverse(a.body, r, u);
     else
-      for (const x of l.body.childNodes)
+      for (const x of a.body.childNodes)
         this.traverse(x, r, u);
     return { stringNodes: i, nodes: d };
   }
@@ -2057,7 +2057,7 @@ class zn {
   }
 }
 const Ln = typeof window < "u";
-class ai extends zn {
+class li extends zn {
   constructor(t) {
     super(t);
   }
@@ -2090,10 +2090,10 @@ const it = ({ html: e, as: t, ...r }) => {
     return n[i.name] = d, n;
   }, {});
   return Lt(r);
-}, An = new br(), Te = ({ children: e }) => /* @__PURE__ */ o.jsx(Je, { client: An, children: e }), qn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
+}, An = new gr(), Te = ({ children: e }) => /* @__PURE__ */ o.jsx(Je, { client: An, children: e }), qn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: a(
+    className: l(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
@@ -2110,7 +2110,7 @@ const it = ({ html: e, as: t, ...r }) => {
   approvement: n,
   chips: i,
   submitProps: d,
-  classes: l,
+  classes: a,
   buttonGroup: u
 }) => {
   var z, v;
@@ -2121,10 +2121,10 @@ const it = ({ html: e, as: t, ...r }) => {
   }), k = Qn(r, e), I = ur({ control: y, fields: k || [], schema: f }), P = (C) => {
     x && x({ ...C, agree: m });
   };
-  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx("section", { id: g.form, "data-test-id": g.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx("section", { id: b.form, "data-test-id": b.form, className: l("w-full", a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsxs(
     F,
     {
-      className: a(
+      className: l(
         "!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
         "relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"
       ),
@@ -2132,25 +2132,25 @@ const it = ({ html: e, as: t, ...r }) => {
         i.enabled && /* @__PURE__ */ o.jsxs(
           "div",
           {
-            className: a(
+            className: l(
               "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
               "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
               "right-4 top-4 w-max",
-              (z = l == null ? void 0 : l.chips) == null ? void 0 : z.root
+              (z = a == null ? void 0 : a.chips) == null ? void 0 : z.root
             ),
             children: [
-              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-6", (v = l == null ? void 0 : l.chips) == null ? void 0 : v.icon) }),
+              i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: l("size-6", (v = a == null ? void 0 : a.chips) == null ? void 0 : v.icon) }),
               i.content
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(R, { as: "h2", className: a("desktop:hidden", l == null ? void 0 : l.title), children: t }),
-        /* @__PURE__ */ o.jsx(R, { as: "h3", className: a("mobile:hidden", l == null ? void 0 : l.title), children: t }),
+        /* @__PURE__ */ o.jsx(R, { as: "h2", className: l("desktop:hidden", a == null ? void 0 : a.title), children: t }),
+        /* @__PURE__ */ o.jsx(R, { as: "h3", className: l("mobile:hidden", a == null ? void 0 : a.title), children: t }),
         /* @__PURE__ */ o.jsxs(
           "form",
           {
             onSubmit: E(P),
-            className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
+            className: l("flex w-full flex-col gap-y-6", "desktop:gap-y-8", a == null ? void 0 : a.form),
             children: [
               r.enabled && /* @__PURE__ */ o.jsx(
                 Ge,
@@ -2159,12 +2159,12 @@ const it = ({ html: e, as: t, ...r }) => {
                   topContent: /* @__PURE__ */ o.jsx(it, { html: r.title }),
                   bottomContent: /* @__PURE__ */ o.jsx(it, { html: r.subtitle }),
                   maxPercent: r.maxPercent,
-                  classes: l == null ? void 0 : l.progressBar
+                  classes: a == null ? void 0 : a.progressBar
                 }
               ),
               /* @__PURE__ */ o.jsx(Qt, { control: y, fields: e }),
               /* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
-                qn(n, m, p, l == null ? void 0 : l.approvement),
+                qn(n, m, p, a == null ? void 0 : a.approvement),
                 /* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, L) => {
                   const X = C.type === "submit" && n.type === "checkbox" ? !m : !1;
                   return /* @__PURE__ */ St(
@@ -2173,12 +2173,12 @@ const it = ({ html: e, as: t, ...r }) => {
                       ...C,
                       key: L,
                       disabled: X,
-                      className: a(
+                      className: l(
                         "w-full whitespace-nowrap",
                         {
                           "w-full": !!n
                         },
-                        l == null ? void 0 : l.submit
+                        a == null ? void 0 : a.submit
                       )
                     }
                   );
@@ -2197,7 +2197,7 @@ const it = ({ html: e, as: t, ...r }) => {
 }, Symbol.toStringTag, { value: "Module" })), Kn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(it, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
   "label",
   {
-    className: a(
+    className: l(
       "mob-body-regular-s text-color-dark",
       "desktop:desk-body-regular-m desktop:gap-x-4",
       "flex items-center justify-items-start gap-x-3"
@@ -2214,7 +2214,7 @@ const it = ({ html: e, as: t, ...r }) => {
   submitProps: n,
   dialogId: i,
   classes: d,
-  buttonGroup: l,
+  buttonGroup: a,
   ...u
 }) => {
   const { submitCallback: x } = n ?? {}, [m, p] = O(!1), f = $t(e), S = Ot.getZodDefaults(f), { control: y, handleSubmit: E } = Mt({
@@ -2227,7 +2227,7 @@ const it = ({ html: e, as: t, ...r }) => {
   return /* @__PURE__ */ o.jsx(Te, { children: /* @__PURE__ */ o.jsx(se, { id: i, title: t, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: E(k), className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ o.jsx(Qt, { control: y, fields: e }),
     Kn(r, m, p, d == null ? void 0 : d.approvement),
-    l == null ? void 0 : l.map((I, P) => {
+    a == null ? void 0 : a.map((I, P) => {
       const z = I.type === "submit" && r.type === "checkbox" ? !m : !1;
       return /* @__PURE__ */ St(
         ht,
@@ -2235,7 +2235,7 @@ const it = ({ html: e, as: t, ...r }) => {
           ...I,
           key: P,
           disabled: z,
-          className: a(
+          className: l(
             "w-full whitespace-nowrap",
             {
               "w-full": !!r
@@ -2250,7 +2250,7 @@ const it = ({ html: e, as: t, ...r }) => {
   __proto__: null,
   DynamicFormDialog: xe,
   default: xe
-}, Symbol.toStringTag, { value: "Module" })), lt = () => ({
+}, Symbol.toStringTag, { value: "Module" })), at = () => ({
   approve: {
     icon: {
       element: /* @__PURE__ */ o.jsx(c, { name: "status/iconMark" }),
@@ -2311,23 +2311,23 @@ const it = ({ html: e, as: t, ...r }) => {
       text: "Вернуться на главную"
     }
   }
-}), li = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(F, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), ai = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(F, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: a(
+      className: l(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${lt()[e].icon.bg}`
+        `${at()[e].icon.bg}`
       ),
-      children: lt()[e].icon.element
+      children: at()[e].icon.element
     }
   ),
   /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ o.jsx(R, { as: "h2", children: lt()[e].title }),
-    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: lt()[e].description })
+    /* @__PURE__ */ o.jsx(R, { as: "h2", children: at()[e].title }),
+    /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: at()[e].description })
   ] }),
-  /* @__PURE__ */ o.jsx(ht, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: lt()[e].button.text })
-] }) }) }), Fe = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Yn = [
+  /* @__PURE__ */ o.jsx(ht, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: at()[e].button.text })
+] }) }) }), Fe = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: l("desk-body-regular-m", t), ...r, children: e.label }), Yn = [
   {
     label: "Главная",
     path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
@@ -2341,14 +2341,14 @@ const it = ({ html: e, as: t, ...r }) => {
     disabled: !0
   }
 ], kt = (e, t, r, n) => e.map((i, d) => {
-  const l = d === n;
+  const a = d === n;
   return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-x-1", children: [
     /* @__PURE__ */ o.jsx(
       Fe,
       {
         breadcrumb: i,
-        className: a(r, {
-          "pointer-events-none text-color-primary-disabled": l,
+        className: l(r, {
+          "pointer-events-none text-color-primary-disabled": a,
           "text-color-blue-grey-600": i.disabled
         })
       }
@@ -2356,16 +2356,16 @@ const it = ({ html: e, as: t, ...r }) => {
     d !== e.length - 1 && t
   ] }, i.label);
 }), Xn = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Yn }) => {
-  const [i, d] = O(!1), l = Ht(null);
-  ar(l, () => d(!1));
+  const [i, d] = O(!1), a = Ht(null);
+  lr(a, () => d(!1));
   const { first: u, middle: x, last: m } = ct(() => {
     let f = [], S = [], y = [];
     return t && (f = n.slice(0, t), S = n.slice(t, n.length - t), y = n.slice(n.length - t)), { first: f, middle: S, last: y };
-  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
+  }, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: l("size-4", r == null ? void 0 : r.separator) });
   return /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
         r == null ? void 0 : r.root
@@ -2384,8 +2384,8 @@ const it = ({ html: e, as: t, ...r }) => {
                 /* @__PURE__ */ o.jsx(
                   "ul",
                   {
-                    ref: l,
-                    className: a(
+                    ref: a,
+                    className: l(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
                       "customScrollbar-y p-1 opacity-0 shadow-sm",
@@ -2397,7 +2397,7 @@ const it = ({ html: e, as: t, ...r }) => {
                       Fe,
                       {
                         breadcrumb: f,
-                        className: a(
+                        className: l(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
                           "text-color-dark hover:bg-color-primary-tr-hover",
@@ -2461,13 +2461,13 @@ const Jn = (e, t) => {
         transition: { duration: 0.2 },
         className: 'absolute z-20 w-full bg-color-white after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]',
         children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
-          var l;
+          var a;
           const d = i.link ? "a" : "p";
           return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
             i.title && /* @__PURE__ */ o.jsxs(
               d,
               {
-                href: ((l = i.link) == null ? void 0 : l.href) ?? void 0,
+                href: ((a = i.link) == null ? void 0 : a.href) ?? void 0,
                 className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
                 children: [
                   i.title,
@@ -2490,18 +2490,18 @@ const Jn = (e, t) => {
   );
 }, ro = nr(({ category: e, active: t, onActiveTabChange: r }, n) => {
   var x, m;
-  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = t && !_.isArrayEmpty(e.children), u = e.link ? _.isStringEmpty(e.link.href) ? "span" : "a" : "span";
+  const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), a = t && !_.isArrayEmpty(e.children), u = e.link ? _.isStringEmpty(e.link.href) ? "span" : "a" : "span";
   return /* @__PURE__ */ o.jsxs(
     Dt.div,
     {
       ref: n,
-      className: a(
+      className: l(
         "relative flex cursor-default items-center justify-center py-4 text-color-dark",
         'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
         "after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
         {
-          "text-color-primary-default": l,
-          "after:w-full": l
+          "text-color-primary-default": a,
+          "after:w-full": a
         }
       ),
       onMouseEnter: () => r(e.title),
@@ -2509,7 +2509,7 @@ const Jn = (e, t) => {
       onFocus: () => r(e.title),
       children: [
         /* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m = e.link) == null ? void 0 : m.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
-        l && /* @__PURE__ */ o.jsx(
+        a && /* @__PURE__ */ o.jsx(
           eo,
           {
             categories: e.children,
@@ -2546,7 +2546,7 @@ const Jn = (e, t) => {
       ]
     }
   ) });
-}, io = ft(oo), ao = ({
+}, io = ft(oo), lo = ({
   category: e,
   selectedCategory: t,
   onCurrentCategoryChange: r,
@@ -2560,7 +2560,7 @@ const Jn = (e, t) => {
     onClick: () => {
       r(e.children[0]), n(e);
     },
-    className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+    className: l("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
@@ -2568,46 +2568,46 @@ const Jn = (e, t) => {
       e.children.length > 1 && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: a(
+          className: l(
             "absolute right-0 top-full z-10 flex w-max flex-col",
             "invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
             "rounded-sm p-1"
           ),
-          children: e.children.map((l) => /* @__PURE__ */ o.jsx(
+          children: e.children.map((a) => /* @__PURE__ */ o.jsx(
             "span",
             {
               onClick: (u) => {
-                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(l);
+                u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(a);
               },
-              className: a(
+              className: l(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
                 {
-                  "text-color-primary-default": t.title === l.title
+                  "text-color-primary-default": t.title === a.title
                 }
               ),
-              children: l.title
+              children: a.title
             },
-            l.title
+            a.title
           ))
         }
       )
     ]
   }
-), lo = ({ categories: e, helpers: t, phone: r }) => {
+), ao = ({ categories: e, helpers: t, phone: r }) => {
   const [n, i] = Gn({ root: e[0].children[0], current: e[0].children[0] });
   return /* @__PURE__ */ o.jsxs("div", { className: "mobile:hidden", children: [
     /* @__PURE__ */ o.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
       /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
       e.map((d) => {
-        const l = n.root.title === d.title;
+        const a = n.root.title === d.title;
         return /* @__PURE__ */ o.jsx(
-          ao,
+          lo,
           {
             category: d,
             selectedCategory: n.current,
             onCurrentCategoryChange: (u) => i(sn(u)),
             onRootCategoryChange: (u) => i(to(u)),
-            active: l
+            active: a
           },
           d.title
         );
@@ -2648,7 +2648,7 @@ const Jn = (e, t) => {
         trigger: "py-2 data-[open=false]:bg-color-white",
         label: "desk-body-regular-m"
       },
-      content: a(
+      content: l(
         "relative",
         'after:content-"" after:absolute after:w-[calc(100%-32px)]',
         "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
@@ -2671,8 +2671,8 @@ const Jn = (e, t) => {
           }
         ),
         t.children.map((d) => {
-          var l;
-          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full", children: d.title }) }, d.title);
+          var a;
+          return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (a = d.link) == null ? void 0 : a.href, className: "w-full", children: d.title }) }, d.title);
         })
       ] }, t.title);
     }) })
@@ -2682,8 +2682,8 @@ const Jn = (e, t) => {
   value: t.title ?? "",
   label: t.title ?? ""
 })), xo = ({ categories: e, helpers: t, phone: r, ...n }) => {
-  const i = mo(e), [d, l] = O(i[0]), u = (m) => {
-    _.isUndefined(m) || _.isArray(m) || l(m);
+  const i = mo(e), [d, a] = O(i[0]), u = (m) => {
+    _.isUndefined(m) || _.isArray(m) || a(m);
   }, x = ct(() => {
     var m;
     return _.isUndefined(d) || _.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
@@ -2692,7 +2692,7 @@ const Jn = (e, t) => {
     Dt.div,
     {
       ...n,
-      className: a(
+      className: l(
         "absolute z-10 w-full max-w-[calc(636px-32px)]",
         "absolute left-1/2 top-full bg-color-white p-4",
         "-translate-x-1/2 overflow-x-hidden",
@@ -2725,7 +2725,7 @@ const Jn = (e, t) => {
   );
 }, ho = ({ categories: e, helpers: t, phone: r }) => {
   var x, m, p;
-  const n = Ht(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, l] = O(!1), u = () => l(!d);
+  const n = Ht(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, a] = O(!1), u = () => a(!d);
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
@@ -2753,16 +2753,16 @@ const Jn = (e, t) => {
     }
   );
 }, he = ({ categories: e, helpers: t, phone: r, breadcrumbs: n, classes: i }) => {
-  const { isMobile: d } = at();
-  return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: a("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(F, { className: "mx-auto w-full", children: [
-    /* @__PURE__ */ o.jsx(ho, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
-    /* @__PURE__ */ o.jsx(lo, { categories: e, helpers: t, phone: r }),
+  const { isMobile: d } = lt();
+  return /* @__PURE__ */ o.jsx("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: l("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(F, { className: "mx-auto w-full", children: [
+    /* @__PURE__ */ o.jsx(ho, { categories: e.map((a) => a.children).flat(), helpers: t, phone: r }),
+    /* @__PURE__ */ o.jsx(ao, { categories: e, helpers: t, phone: r }),
     /* @__PURE__ */ o.jsx(
       Xn,
       {
         ellipsis: d ? 1 : void 0,
         breadcrumbs: n,
-        matcher: (l) => ({ label: ir(l.label).split("-").join(" ") })
+        matcher: (a) => ({ label: ir(a.label).split("-").join(" ") })
       }
     )
   ] }) });
@@ -2793,18 +2793,18 @@ const Jn = (e, t) => {
     default:
       return Ee(e, Number(t));
   }
-}, co = (e) => Object.values(e).reduce((r, n) => r.merge($t(n.fields)), Lt({})), go = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Pe = (e, t) => {
-  const r = Object.entries(t).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = go(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
+}, co = (e) => Object.values(e).reduce((r, n) => r.merge($t(n.fields)), Lt({})), bo = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Pe = (e, t) => {
+  const r = Object.entries(t).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = bo(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, bo = (e, t) => e.map((r) => ({
+}, go = (e, t) => e.map((r) => ({
   ...r,
   value: Be(r.value) ? Pe(r.value.formula, t) : r.value
-})), jo = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
+})), jo = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
   t && /* @__PURE__ */ o.jsx(R, { as: "h3", className: r == null ? void 0 : r.title, children: t }),
-  e && /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
-] }) }), yo = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
-  /* @__PURE__ */ o.jsx("div", { className: a("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Ee(r, Number(t)) })
+  e && /* @__PURE__ */ o.jsx("div", { className: l("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
+] }) }), yo = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: l("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
+  /* @__PURE__ */ o.jsx("div", { className: l("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Ee(r, Number(t)) })
 ] }), ko = ({ hint: e, value: t, label: r, mode: n, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
@@ -2820,7 +2820,7 @@ const Jn = (e, t) => {
   /* @__PURE__ */ o.jsx(
     "span",
     {
-      className: a("desk-body-medium-l text-color-dark", {
+      className: l("desk-body-medium-l text-color-dark", {
         "[&&]:desk-title-bold-s": d,
         "text-color-primary-default": i === "blue"
       }),
@@ -2828,12 +2828,12 @@ const Jn = (e, t) => {
     }
   )
 ] }), wo = ({ infoList: e, classes: t }) => {
-  const { watch: r } = _t(), n = r(), i = bo(e, n);
-  return /* @__PURE__ */ o.jsx("div", { className: a("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(ko, { ...d }, d.label)) });
-}, vo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1", n == null ? void 0 : n.block), children: [
-    /* @__PURE__ */ o.jsx(c, { name: e, className: a("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
-    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
+  const { watch: r } = _t(), n = r(), i = go(e, n);
+  return /* @__PURE__ */ o.jsx("div", { className: l("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(ko, { ...d }, d.label)) });
+}, vo = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: l("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1", n == null ? void 0 : n.block), children: [
+    /* @__PURE__ */ o.jsx(c, { name: e, className: l("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
+    /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
   ] }),
   r && /* @__PURE__ */ o.jsx(
     Nt,
@@ -2846,8 +2846,8 @@ const Jn = (e, t) => {
   )
 ] }), No = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
   e && /* @__PURE__ */ o.jsx(vo, { ...e, classes: n == null ? void 0 : n.assistHint }),
-  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
-  r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
+  /* @__PURE__ */ o.jsx("div", { className: l("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
+  r && /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
 ] }), Co = ({
   rootDescription: e,
   bottomDescription: t,
@@ -2855,11 +2855,11 @@ const Jn = (e, t) => {
   title: n,
   subtitle: i,
   buttonsConfig: d,
-  infoList: l,
+  infoList: a,
   suffix: u,
   assistHint: x,
   classes: m
-}) => /* @__PURE__ */ o.jsxs("div", { className: a("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
+}) => /* @__PURE__ */ o.jsxs("div", { className: l("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
   /* @__PURE__ */ o.jsx(
     yo,
     {
@@ -2870,7 +2870,7 @@ const Jn = (e, t) => {
     }
   ),
   /* @__PURE__ */ o.jsx(jo, { title: n, subtitle: i, classes: m == null ? void 0 : m.calculatedInfoHead }),
-  /* @__PURE__ */ o.jsx(wo, { infoList: l, classes: m == null ? void 0 : m.calculatorInfoBody }),
+  /* @__PURE__ */ o.jsx(wo, { infoList: a, classes: m == null ? void 0 : m.calculatorInfoBody }),
   /* @__PURE__ */ o.jsx(
     No,
     {
@@ -2884,7 +2884,7 @@ const Jn = (e, t) => {
   slidersGroupConfig: e,
   additionalSliderGroupConfig: t
 }) => {
-  const [r, n] = O(!1), { watch: i, setValue: d } = _t(), l = e == null ? void 0 : e.fields.find(({ args: P }) => P.name === "sum"), { args: u } = l || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: S, name: y } = (t == null ? void 0 : t.args) ?? {}, E = i(y), k = Number(x ?? 0) - (f ?? p);
+  const [r, n] = O(!1), { watch: i, setValue: d } = _t(), a = e == null ? void 0 : e.fields.find(({ args: P }) => P.name === "sum"), { args: u } = a || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: S, name: y } = (t == null ? void 0 : t.args) ?? {}, E = i(y), k = Number(x ?? 0) - (f ?? p);
   return wt(() => {
     E > k && d(y, k);
   }, [k, E, d, f]), wt(() => {
@@ -2900,8 +2900,8 @@ const Jn = (e, t) => {
     onCheckedChange: () => {
       n((P) => !P), E <= 0 && d(y, S), Number(x) === f && (d(m ?? "", f - So), d(y, S));
     },
-    sliderSumExist: !_.isObjectEmpty(l == null ? void 0 : l.args),
-    sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
+    sliderSumExist: !_.isObjectEmpty(a == null ? void 0 : a.args),
+    sliderSumCorrectType: (a == null ? void 0 : a.args.componentType) === "algorithmic" || (a == null ? void 0 : a.args.componentType) === "step"
   };
 }, Io = (e) => {
   switch (e) {
@@ -2918,21 +2918,21 @@ const Jn = (e, t) => {
   modalProps: i,
   contentVariant: d
 }) => {
-  const [l, u] = mr(!1);
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
-    r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
+  const [a, u] = mr(!1);
+  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
+    r && /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
     /* @__PURE__ */ o.jsx(
       "button",
       {
         onClick: () => u(!0),
-        className: a(
+        className: l(
           "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
           n == null ? void 0 : n.button
         ),
         children: e
       }
     ),
-    /* @__PURE__ */ o.jsx(er, { title: t, isModalOpen: l, closeModal: () => u(!1), ...i, children: Io(d) })
+    /* @__PURE__ */ o.jsx(er, { title: t, isModalOpen: a, closeModal: () => u(!1), ...i, children: Io(d) })
   ] });
 }, G = ({ fields: e }) => {
   const { control: t } = _t();
@@ -2942,13 +2942,13 @@ const Jn = (e, t) => {
   additionalSliderGroupConfig: t,
   classes: r
 }) => {
-  const { control: n } = _t(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = Re({
+  const { control: n } = _t(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: a } = Re({
     slidersGroupConfig: e,
     additionalSliderGroupConfig: t
   });
-  return _.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
-      /* @__PURE__ */ o.jsx(Ct.SwitchBase, { checked: i, onCheckedChange: l }),
+  return _.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: l("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
+      /* @__PURE__ */ o.jsx(Ct.SwitchBase, { checked: i, onCheckedChange: a }),
       /* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
     ] }),
     i && /* @__PURE__ */ o.jsx(
@@ -2969,15 +2969,15 @@ const Jn = (e, t) => {
     slidersGroupConfig: t.slidersGroupConfig,
     additionalSliderGroupConfig: t.additionalSliderGroupConfig
   });
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
     (e == null ? void 0 : e.triggerText) && (e == null ? void 0 : e.contentVariant) && /* @__PURE__ */ o.jsx(Mo, { classes: r == null ? void 0 : r.modalClasses, ...e }),
-    (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
+    (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
     (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.slidersGroupConfig }),
     (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupTabConfig }),
-    (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
+    (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
     (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupConfig }),
     (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupCardConfig }),
-    (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
+    (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
     ((d = t.additionalSliderGroupConfig) == null ? void 0 : d.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
       _o,
       {
@@ -2986,11 +2986,11 @@ const Jn = (e, t) => {
       }
     )
   ] });
-}, To = ft(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
+}, To = ft(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: l("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
   "button",
   {
     onClick: () => r(i),
-    className: a(
+    className: l(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
       { "bg-icon-primary-default text-color-white": t === i },
       n == null ? void 0 : n.tab
@@ -3007,24 +3007,24 @@ const Jn = (e, t) => {
     schema: n,
     mode: "onBlur",
     defaultValues: Ot.getZodDefaults(n)
-  }), d = i.watch(), { rootValue: l } = e;
+  }), d = i.watch(), { rootValue: a } = e;
   wt(() => {
     dr.setItem("calculatorData", JSON.stringify(d));
   }, [d]);
-  const u = Be(l) ? Pe(l.formula, d) : l, x = { ...e, rootValue: u };
-  return /* @__PURE__ */ o.jsx(lr, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
+  const u = Be(a) ? Pe(a.formula, d) : a, x = { ...e, rootValue: u };
+  return /* @__PURE__ */ o.jsx(ar, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ o.jsx(Oo, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
     /* @__PURE__ */ o.jsx(Co, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
   ] }) });
 }, pe = ({ calculators: e, headline: t, classes: r }) => {
   var m;
-  const n = e.length > 1, [i, d] = O(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = ct(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
-  return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(F, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ o.jsx(R, { className: a("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
+  const n = e.length > 1, [i, d] = O(n ? (m = e[0]) == null ? void 0 : m.name : ""), a = ct(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? a == null ? void 0 : a.findIndex((p) => p.name === i) : 0, x = e[u];
+  return /* @__PURE__ */ o.jsx("section", { id: b.calculator, "data-test-id": b.calculator, className: l(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(F, { className: l(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: l(r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ o.jsx(R, { className: l("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
     n && /* @__PURE__ */ o.jsx(
       To,
       {
-        calculatorTabs: l,
+        calculatorTabs: a,
         activeCalculator: i,
         setActiveCalculator: d,
         classes: r == null ? void 0 : r.calculatorTabs
@@ -3045,21 +3045,21 @@ const Jn = (e, t) => {
   __proto__: null,
   Calculator: pe,
   default: pe
-}, Symbol.toStringTag, { value: "Module" })), Eo = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Po = ({ heading: e, buttonsGroup: t, description: r, images: n, linksList: i, classes: d }) => {
-  const l = t && (t == null ? void 0 : t.length) > 0, u = i && (i == null ? void 0 : i.length) > 0;
-  return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.wrapper), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 mobile:mb-2", d == null ? void 0 : d.textBlock), children: [
-      /* @__PURE__ */ o.jsx(R, { as: "h2", className: a(d == null ? void 0 : d.heading), children: e }),
+}, Symbol.toStringTag, { value: "Module" })), Eo = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(pt, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Po = ({ heading: e, buttonsGroup: t, description: r, images: n, linksList: i, classes: d }) => {
+  const a = t && (t == null ? void 0 : t.length) > 0, u = i && (i == null ? void 0 : i.length) > 0;
+  return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", d == null ? void 0 : d.wrapper), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4 mobile:mb-2", d == null ? void 0 : d.textBlock), children: [
+      /* @__PURE__ */ o.jsx(R, { as: "h2", className: l(d == null ? void 0 : d.heading), children: e }),
       r && /* @__PURE__ */ o.jsx(
         "p",
         {
           dangerouslySetInnerHTML: { __html: r },
-          className: a("desk-body-regular-l text-color-dark", d == null ? void 0 : d.description)
+          className: l("desk-body-regular-l text-color-dark", d == null ? void 0 : d.description)
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", d == null ? void 0 : d.imageMobileWrapper), children: /* @__PURE__ */ o.jsx("img", { src: n.mobile, alt: n.alt, className: a("h-full w-full object-contain", d == null ? void 0 : d.imageMobile) }) }),
-    l && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", d == null ? void 0 : d.buttonsGroup), children: t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...x }, m)) }),
+    /* @__PURE__ */ o.jsx("div", { className: l("h-full w-full desktop:hidden", d == null ? void 0 : d.imageMobileWrapper), children: /* @__PURE__ */ o.jsx("img", { src: n == null ? void 0 : n.mobile, alt: n == null ? void 0 : n.alt, className: l("h-full w-full object-contain", d == null ? void 0 : d.imageMobile) }) }),
+    a && /* @__PURE__ */ o.jsx("div", { className: l("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", d == null ? void 0 : d.buttonsGroup), children: t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...x }, m)) }),
     u && /* @__PURE__ */ o.jsx(Eo, { linksList: i, classes: d == null ? void 0 : d.linksList })
   ] });
 }, fe = (e) => {
@@ -3067,19 +3067,19 @@ const Jn = (e, t) => {
   return /* @__PURE__ */ o.jsx(
     "section",
     {
-      id: g.infoBlock,
-      "data-test-id": g.infoBlock,
+      id: b.infoBlock,
+      "data-test-id": b.infoBlock,
       style: { backgroundColor: r },
-      className: a("py-14", i == null ? void 0 : i.root),
-      children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-11 mobile:flex-col", i == null ? void 0 : i.container), children: [
+      className: l("py-14", i == null ? void 0 : i.root),
+      children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center justify-between gap-11 mobile:flex-col", i == null ? void 0 : i.container), children: [
         /* @__PURE__ */ o.jsx(Po, { images: n, classes: i == null ? void 0 : i.rootContent, ...d }),
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            className: a("h-[200px] w-full max-w-[432px] mobile:hidden", i == null ? void 0 : i.imageDesktopWrapper, {
+            className: l("h-[200px] w-full max-w-[432px] mobile:hidden", i == null ? void 0 : i.imageDesktopWrapper, {
               "h-[238px]": t === "md"
             }),
-            children: /* @__PURE__ */ o.jsx("img", { src: n.desktop, alt: n.alt, className: a("h-full w-full object-contain", i == null ? void 0 : i.imageDesktop) })
+            children: /* @__PURE__ */ o.jsx("img", { src: n == null ? void 0 : n.desktop, alt: n == null ? void 0 : n.alt, className: l("h-full w-full object-contain", i == null ? void 0 : i.imageDesktop) })
           }
         )
       ] }) })
@@ -3117,16 +3117,16 @@ const Jn = (e, t) => {
   }, []), /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: a(
+      className: l(
         "invisible flex size-16 items-center justify-center rounded-full bg-color-secondary-default opacity-0 transition-all hover:bg-color-secondary-hover",
         { "opacity-1 visible": t && !e }
       ),
       children: /* @__PURE__ */ o.jsx(c, { name: "general/heart", className: "size-7 fill-transparent stroke-white stroke-[3px]" })
     }
   );
-}), zo = "Спасибо за оценку!", Lo = ({ title: e = zo, classes: t }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-center gap-4 text-center", t == null ? void 0 : t.wrapper), children: [
-  /* @__PURE__ */ o.jsx(c, { name: "status/succesCircle", className: a(t == null ? void 0 : t.icon) }),
-  /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", t == null ? void 0 : t.title), children: e })
+}), zo = "Спасибо за оценку!", Lo = ({ title: e = zo, classes: t }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-center gap-4 text-center", t == null ? void 0 : t.wrapper), children: [
+  /* @__PURE__ */ o.jsx(c, { name: "status/succesCircle", className: l(t == null ? void 0 : t.icon) }),
+  /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l", t == null ? void 0 : t.title), children: e })
 ] }), Qo = "Расскажите о впечатлениях", $o = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
   "Вам нравится сайт банка? ",
   /* @__PURE__ */ o.jsx("br", {}),
@@ -3139,7 +3139,7 @@ const Jn = (e, t) => {
   subtitle: i = $o,
   classes: d
 }) => {
-  const { control: l, handleSubmit: u } = Mt({
+  const { control: a, handleSubmit: u } = Mt({
     mode: "onBlur",
     schema: ce,
     defaultValues: Ot.getZodDefaults(ce)
@@ -3151,21 +3151,21 @@ const Jn = (e, t) => {
       ...m
     }), r("finally"));
   };
-  return /* @__PURE__ */ o.jsxs("form", { onSubmit: u(x), className: a("flex flex-col gap-4", d == null ? void 0 : d.form), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2 text-center", d == null ? void 0 : d.textBlock), children: [
-      /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", d == null ? void 0 : d.title), children: n }),
-      /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l", d == null ? void 0 : d.subtitle), children: i })
+  return /* @__PURE__ */ o.jsxs("form", { onSubmit: u(x), className: l("flex flex-col gap-4", d == null ? void 0 : d.form), children: [
+    /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2 text-center", d == null ? void 0 : d.textBlock), children: [
+      /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l", d == null ? void 0 : d.title), children: n }),
+      /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l", d == null ? void 0 : d.subtitle), children: i })
     ] }),
     /* @__PURE__ */ o.jsx(
       Rt.TextareaControl,
       {
-        control: l,
+        control: a,
         name: "review",
         label: "Поделитесь вашим мнением",
         classes: d == null ? void 0 : d.textareaClasses
       }
     ),
-    /* @__PURE__ */ o.jsx(ht, { type: "submit", size: "sm", intent: "negative", className: a("w-full", d == null ? void 0 : d.button), children: "Отправить" })
+    /* @__PURE__ */ o.jsx(ht, { type: "submit", size: "sm", intent: "negative", className: l("w-full", d == null ? void 0 : d.button), children: "Отправить" })
   ] });
 }, Wo = Array(5).fill(0), Ao = "Ваше мнение важно для нас!", qo = "Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее", Uo = ({
   handleMouseLeave: e,
@@ -3174,17 +3174,17 @@ const Jn = (e, t) => {
   handleSelectRating: n,
   handleMouseEnter: i,
   title: d = Ao,
-  subtitle: l = qo,
+  subtitle: a = qo,
   classes: u
-}) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-center gap-4", u == null ? void 0 : u.wrapper), children: [
-  /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2 text-center", u == null ? void 0 : u.textBlock), children: [
-    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", u == null ? void 0 : u.title), children: d }),
-    /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l", u == null ? void 0 : u.subtitle), children: l })
+}) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-center gap-4", u == null ? void 0 : u.wrapper), children: [
+  /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2 text-center", u == null ? void 0 : u.textBlock), children: [
+    /* @__PURE__ */ o.jsx("p", { className: l("desk-body-medium-l", u == null ? void 0 : u.title), children: d }),
+    /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l", u == null ? void 0 : u.subtitle), children: a })
   ] }),
-  /* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-2", u == null ? void 0 : u.ratingsWrapper), children: Wo.map((x, m) => /* @__PURE__ */ o.jsx(
+  /* @__PURE__ */ o.jsx("div", { className: l("flex items-center gap-2", u == null ? void 0 : u.ratingsWrapper), children: Wo.map((x, m) => /* @__PURE__ */ o.jsx(
     "button",
     {
-      className: a("size-8", u == null ? void 0 : u.ratingBtn),
+      className: l("size-8", u == null ? void 0 : u.ratingBtn),
       onMouseEnter: () => i(m + 1),
       onMouseLeave: () => e(),
       onClick: () => n(m + 1),
@@ -3192,7 +3192,7 @@ const Jn = (e, t) => {
         c,
         {
           name: "general/heart",
-          className: a("fill-[#b0c0d2] transition-colors duration-12", u == null ? void 0 : u.ratingIcon, {
+          className: l("fill-[#b0c0d2] transition-colors duration-12", u == null ? void 0 : u.ratingIcon, {
             "fill-secondary-default": m < (t || r)
           })
         }
@@ -3201,7 +3201,7 @@ const Jn = (e, t) => {
     m
   )) })
 ] }), Ko = ({ formStep: e, setFormStep: t, ratingProps: r, ...n }) => {
-  var i, d, l;
+  var i, d, a;
   switch (e) {
     case "rating":
       return /* @__PURE__ */ o.jsx(Uo, { ...r, classes: (i = n.classes) == null ? void 0 : i.selectRating, ...n.selectRatingStepProps });
@@ -3217,11 +3217,11 @@ const Jn = (e, t) => {
         }
       );
     case "finally":
-      return /* @__PURE__ */ o.jsx(Lo, { classes: (l = n.classes) == null ? void 0 : l.finally, ...n.finallyStepProps });
+      return /* @__PURE__ */ o.jsx(Lo, { classes: (a = n.classes) == null ? void 0 : a.finally, ...n.finallyStepProps });
   }
-}, ge = (e) => {
+}, be = (e) => {
   const [t, r] = O("rating"), n = Do(r), { classes: i } = e;
-  return /* @__PURE__ */ o.jsx("div", { className: a("fixed right-5 top-[80%] z-[1000]", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("div", { className: l("fixed right-5 top-[80%] z-[1000]", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsx(
     Nt,
     {
       side: "top",
@@ -3234,13 +3234,13 @@ const Jn = (e, t) => {
       },
       triggerElement: /* @__PURE__ */ o.jsx(Ho, {}),
       ...e == null ? void 0 : e.popoverProps,
-      children: /* @__PURE__ */ o.jsx("div", { className: a("w-full", i == null ? void 0 : i.wrapper), children: Ko({ formStep: t, setFormStep: r, ratingProps: n, ...e }) })
+      children: /* @__PURE__ */ o.jsx("div", { className: l("w-full", i == null ? void 0 : i.wrapper), children: Ko({ formStep: t, setFormStep: r, ratingProps: n, ...e }) })
     }
   ) });
 }, Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UserFeedback: ge,
-  default: ge
+  UserFeedback: be,
+  default: be
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   di as AuthProvider,
@@ -3253,22 +3253,22 @@ export {
   Fo as CalculatorView,
   me as DynamicForm,
   xe as DynamicFormDialog,
-  li as FallbacksView,
+  ai as FallbacksView,
   Qt as FieldMapper,
   re as Footer,
-  ai as HTMLParser,
+  li as HTMLParser,
   it as HTMLRenderer,
   te as Header,
   fe as InfoBlock,
-  le as InterLinking,
+  ae as InterLinking,
   Er as KEYS_OF_WIDGET_LIST,
   oe as LongBanner,
   he as SeoHeader,
   ne as Stepper,
   ue as UsefulInfo,
-  ge as UserFeedback,
+  be as UserFeedback,
   Br as WIDGET_LIST_MAP,
   An as queryClient,
-  g as widgetIds
+  b as widgetIds
 };
 //# sourceMappingURL=widget.js.map