@scbt-ecom/ui 0.74.1 → 0.75.0

package/dist/widget.js

@@ -1,150 +1,150 @@
-var ge = Object.defineProperty;
-var Ot = (e) => {
-  throw TypeError(e);
+var yt = Object.defineProperty;
+var Re = (t) => {
+  throw TypeError(t);
 };
-var je = (e, t, r) => t in e ? ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var at = (e, t, r) => je(e, typeof t != "symbol" ? t + "" : t, r), st = (e, t, r) => t.has(e) || Ot("Cannot " + r);
-var h = (e, t, r) => (st(e, t, "read from private field"), r ? r.call(e) : t.get(e)), C = (e, t, r) => t.has(e) ? Ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, o) => (st(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), A = (e, t, r) => (st(e, t, "access private method"), r);
-var pt = (e, t, r, o) => ({
+var kt = (t, e, r) => e in t ? yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var ae = (t, e, r) => kt(t, typeof e != "symbol" ? e + "" : e, r), we = (t, e, r) => e.has(t) || Re("Cannot " + r);
+var h = (t, e, r) => (we(t, e, "read from private field"), r ? r.call(t) : e.get(t)), I = (t, e, r) => e.has(t) ? Re("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), w = (t, e, r, o) => (we(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), q = (t, e, r) => (we(t, e, "access private method"), r);
+var pe = (t, e, r, o) => ({
   set _(i) {
-    y(e, t, i, r);
+    w(t, e, i, r);
   },
   get _() {
-    return h(e, t, o);
+    return h(t, e, o);
   }
 });
-import { S as Zt, x as Xt, Q as ye, y as E, z as St, E as se, F as ke, G as Bt, J as D, T as we, W as ve, X as Ne, Y as Ce, Z as Rt, _ as _t, $ as Ie, a0 as Ht, a1 as Pt, a2 as Te, j as n, B as Ct, c as F, R as S, n as Jt, s as Me, H, i as f, t as gt, q as It, L as Ee, o as Tt, A as ot, v as Fe, a3 as Oe, r as Se, U as Yt, a4 as Mt, a5 as Be, M as Re } from "./index-B6MrMsbc.js";
-import { T as s, c as d } from "./typeGuards-CSiImkUY.js";
-import * as lt from "react";
-import { useCallback as Gt, useState as z, useMemo as jt, createElement as te, Fragment as _e, useEffect as ee, useRef as Et, useReducer as He, memo as Ft, forwardRef as Pe } from "react";
-import { scrollToElement as De, createPhoneNumber as yt, getUuid as Dt, capitalize as Le } from "./utils.js";
-import { i as re } from "./isClient-C9aZtt2Q.js";
-import { u as Y, b as ne, a as ze, g as oe, F as Qe } from "./useDebounce-BH0d8exl.js";
-import { o as Ve, z as Ae } from "./utils-k3uzuyeN.js";
-import { z as ie, Z as ae } from "./index-CrR6G9lz.js";
-import { a as qe, u as Ue } from "./useFieldsProgress-dcSmd8dw.js";
-import { createPortal as de } from "react-dom";
-var B, Ut, We = (Ut = class extends Zt {
-  constructor(t = {}) {
+import { S as Je, x as Ge, Q as wt, y as E, z as _e, E as Nt, F as vt, G as He, J as z, T as Ct, W as It, X as Tt, Y as Mt, Z as De, _ as Pe, $ as Et, a0 as Le, a1 as ze, a2 as Ot, j as n, B as Te, c as O, R as S, n as et, s as Ft, H as P, i as f, t as je, q as Me, L as St, o as Ee, A as oe, v as tt, a3 as Bt, r as Rt, U as Oe, a4 as Fe, a5 as _t, M as Ht } from "./index-DRIZ5Qrl.js";
+import { T as g, c as d } from "./typeGuards-CSiImkUY.js";
+import * as le from "react";
+import { useCallback as rt, useState as L, useMemo as se, createElement as nt, Fragment as Dt, useEffect as be, useRef as Se, useReducer as Pt, memo as Be, forwardRef as Lt } from "react";
+import { scrollToElement as zt, createPhoneNumber as ye, getUuid as Qe, capitalize as Qt } from "./utils.js";
+import { i as ot } from "./isClient-C9aZtt2Q.js";
+import { u as G, b as it, a as Vt, g as ke, F as At } from "./useDebounce-BH0d8exl.js";
+import { z as at, Z as dt } from "./index-BcOxdcOI.js";
+import { au as lt } from "./utils-CaWgHX_C.js";
+import { a as qt, u as Ut } from "./useFieldsProgress-dcSmd8dw.js";
+import { createPortal as ut } from "react-dom";
+var _, $e, Wt = ($e = class extends Je {
+  constructor(e = {}) {
     super();
-    C(this, B);
-    this.config = t, y(this, B, /* @__PURE__ */ new Map());
+    I(this, _);
+    this.config = e, w(this, _, /* @__PURE__ */ new Map());
   }
-  build(t, r, o) {
-    const i = r.queryKey, a = r.queryHash ?? Xt(i, r);
+  build(e, r, o) {
+    const i = r.queryKey, a = r.queryHash ?? Ge(i, r);
     let l = this.get(a);
-    return l || (l = new ye({
-      client: t,
+    return l || (l = new wt({
+      client: e,
       queryKey: i,
       queryHash: a,
-      options: t.defaultQueryOptions(r),
+      options: e.defaultQueryOptions(r),
       state: o,
-      defaultOptions: t.getQueryDefaults(i)
+      defaultOptions: e.getQueryDefaults(i)
     }), this.add(l)), l;
   }
-  add(t) {
-    h(this, B).has(t.queryHash) || (h(this, B).set(t.queryHash, t), this.notify({
+  add(e) {
+    h(this, _).has(e.queryHash) || (h(this, _).set(e.queryHash, e), this.notify({
       type: "added",
-      query: t
+      query: e
     }));
   }
-  remove(t) {
-    const r = h(this, B).get(t.queryHash);
-    r && (t.destroy(), r === t && h(this, B).delete(t.queryHash), this.notify({ type: "removed", query: t }));
+  remove(e) {
+    const r = h(this, _).get(e.queryHash);
+    r && (e.destroy(), r === e && h(this, _).delete(e.queryHash), this.notify({ type: "removed", query: e }));
   }
   clear() {
     E.batch(() => {
-      this.getAll().forEach((t) => {
-        this.remove(t);
+      this.getAll().forEach((e) => {
+        this.remove(e);
       });
     });
   }
-  get(t) {
-    return h(this, B).get(t);
+  get(e) {
+    return h(this, _).get(e);
   }
   getAll() {
-    return [...h(this, B).values()];
+    return [...h(this, _).values()];
   }
-  find(t) {
-    const r = { exact: !0, ...t };
+  find(e) {
+    const r = { exact: !0, ...e };
     return this.getAll().find(
-      (o) => St(r, o)
+      (o) => _e(r, o)
     );
   }
-  findAll(t = {}) {
+  findAll(e = {}) {
     const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((o) => St(t, o)) : r;
+    return Object.keys(e).length > 0 ? r.filter((o) => _e(e, o)) : r;
   }
-  notify(t) {
+  notify(e) {
     E.batch(() => {
       this.listeners.forEach((r) => {
-        r(t);
+        r(e);
       });
     });
   }
   onFocus() {
     E.batch(() => {
-      this.getAll().forEach((t) => {
-        t.onFocus();
+      this.getAll().forEach((e) => {
+        e.onFocus();
       });
     });
   }
   onOnline() {
     E.batch(() => {
-      this.getAll().forEach((t) => {
-        t.onOnline();
+      this.getAll().forEach((e) => {
+        e.onOnline();
       });
     });
   }
-}, B = new WeakMap(), Ut), R, T, J, _, q, Wt, Ke = (Wt = class extends se {
-  constructor(t) {
+}, _ = new WeakMap(), $e), H, T, J, D, U, Ze, Kt = (Ze = class extends Nt {
+  constructor(e) {
     super();
-    C(this, _);
-    C(this, R);
-    C(this, T);
-    C(this, J);
-    this.mutationId = t.mutationId, y(this, T, t.mutationCache), y(this, R, []), this.state = t.state || $e(), this.setOptions(t.options), this.scheduleGc();
+    I(this, D);
+    I(this, H);
+    I(this, T);
+    I(this, J);
+    this.mutationId = e.mutationId, w(this, T, e.mutationCache), w(this, H, []), this.state = e.state || $t(), this.setOptions(e.options), this.scheduleGc();
   }
-  setOptions(t) {
-    this.options = t, this.updateGcTime(this.options.gcTime);
+  setOptions(e) {
+    this.options = e, this.updateGcTime(this.options.gcTime);
   }
   get meta() {
     return this.options.meta;
   }
-  addObserver(t) {
-    h(this, R).includes(t) || (h(this, R).push(t), this.clearGcTimeout(), h(this, T).notify({
+  addObserver(e) {
+    h(this, H).includes(e) || (h(this, H).push(e), this.clearGcTimeout(), h(this, T).notify({
       type: "observerAdded",
       mutation: this,
-      observer: t
+      observer: e
     }));
   }
-  removeObserver(t) {
-    y(this, R, h(this, R).filter((r) => r !== t)), this.scheduleGc(), h(this, T).notify({
+  removeObserver(e) {
+    w(this, H, h(this, H).filter((r) => r !== e)), this.scheduleGc(), h(this, T).notify({
       type: "observerRemoved",
       mutation: this,
-      observer: t
+      observer: e
     });
   }
   optionalRemove() {
-    h(this, R).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, T).remove(this));
+    h(this, H).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, T).remove(this));
   }
   continue() {
-    var t;
-    return ((t = h(this, J)) == null ? void 0 : t.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    var e;
+    return ((e = h(this, J)) == null ? void 0 : e.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
     this.execute(this.state.variables);
   }
-  async execute(t) {
-    var a, l, u, m, x, p, c, g, k, v, I, P, G, Q, N, M, V, Z, xt, it;
+  async execute(e) {
+    var a, l, u, m, x, p, c, b, s, N, k, B, R, V, C, M, A, X, xe, ie;
     const r = () => {
-      A(this, _, q).call(this, { type: "continue" });
+      q(this, D, U).call(this, { type: "continue" });
     };
-    y(this, J, ke({
-      fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (w, ht) => {
-        A(this, _, q).call(this, { type: "failed", failureCount: w, error: ht });
+    w(this, J, vt({
+      fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
+      onFail: (v, he) => {
+        q(this, D, U).call(this, { type: "failed", failureCount: v, error: he });
       },
       onPause: () => {
-        A(this, _, q).call(this, { type: "pause" });
+        q(this, D, U).call(this, { type: "pause" });
       },
       onContinue: r,
       retry: this.options.retry ?? 0,
@@ -157,76 +157,76 @@ var B, Ut, We = (Ut = class extends Zt {
       if (o)
         r();
       else {
-        A(this, _, q).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (a = h(this, T).config).onMutate) == null ? void 0 : l.call(
+        q(this, D, U).call(this, { type: "pending", variables: e, isPaused: i }), await ((l = (a = h(this, T).config).onMutate) == null ? void 0 : l.call(
           a,
-          t,
+          e,
           this
         ));
-        const ht = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, t));
-        ht !== this.state.context && A(this, _, q).call(this, {
+        const he = await ((m = (u = this.options).onMutate) == null ? void 0 : m.call(u, e));
+        he !== this.state.context && q(this, D, U).call(this, {
           type: "pending",
-          context: ht,
-          variables: t,
+          context: he,
+          variables: e,
           isPaused: i
         });
       }
-      const w = await h(this, J).start();
+      const v = await h(this, J).start();
       return await ((p = (x = h(this, T).config).onSuccess) == null ? void 0 : p.call(
         x,
-        w,
-        t,
+        v,
+        e,
         this.state.context,
         this
-      )), await ((g = (c = this.options).onSuccess) == null ? void 0 : g.call(c, w, t, this.state.context)), await ((v = (k = h(this, T).config).onSettled) == null ? void 0 : v.call(
-        k,
-        w,
+      )), await ((b = (c = this.options).onSuccess) == null ? void 0 : b.call(c, v, e, this.state.context)), await ((N = (s = h(this, T).config).onSettled) == null ? void 0 : N.call(
+        s,
+        v,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((P = (I = this.options).onSettled) == null ? void 0 : P.call(I, w, null, t, this.state.context)), A(this, _, q).call(this, { type: "success", data: w }), w;
-    } catch (w) {
+      )), await ((B = (k = this.options).onSettled) == null ? void 0 : B.call(k, v, null, e, this.state.context)), q(this, D, U).call(this, { type: "success", data: v }), v;
+    } catch (v) {
       try {
-        throw await ((Q = (G = h(this, T).config).onError) == null ? void 0 : Q.call(
-          G,
-          w,
-          t,
+        throw await ((V = (R = h(this, T).config).onError) == null ? void 0 : V.call(
+          R,
+          v,
+          e,
           this.state.context,
           this
-        )), await ((M = (N = this.options).onError) == null ? void 0 : M.call(
-          N,
-          w,
-          t,
+        )), await ((M = (C = this.options).onError) == null ? void 0 : M.call(
+          C,
+          v,
+          e,
           this.state.context
-        )), await ((Z = (V = h(this, T).config).onSettled) == null ? void 0 : Z.call(
-          V,
+        )), await ((X = (A = h(this, T).config).onSettled) == null ? void 0 : X.call(
+          A,
           void 0,
-          w,
+          v,
           this.state.variables,
           this.state.context,
           this
-        )), await ((it = (xt = this.options).onSettled) == null ? void 0 : it.call(
-          xt,
+        )), await ((ie = (xe = this.options).onSettled) == null ? void 0 : ie.call(
+          xe,
           void 0,
-          w,
-          t,
+          v,
+          e,
           this.state.context
-        )), w;
+        )), v;
       } finally {
-        A(this, _, q).call(this, { type: "error", error: w });
+        q(this, D, U).call(this, { type: "error", error: v });
       }
     } finally {
       h(this, T).runNext(this);
     }
   }
-}, R = new WeakMap(), T = new WeakMap(), J = new WeakMap(), _ = new WeakSet(), q = function(t) {
+}, H = new WeakMap(), T = new WeakMap(), J = new WeakMap(), D = new WeakSet(), U = function(e) {
   const r = (o) => {
-    switch (t.type) {
+    switch (e.type) {
       case "failed":
         return {
           ...o,
-          failureCount: t.failureCount,
-          failureReason: t.error
+          failureCount: e.failureCount,
+          failureReason: e.error
         };
       case "pause":
         return {
@@ -241,20 +241,20 @@ var B, Ut, We = (Ut = class extends Zt {
       case "pending":
         return {
           ...o,
-          context: t.context,
+          context: e.context,
           data: void 0,
           failureCount: 0,
           failureReason: null,
           error: null,
-          isPaused: t.isPaused,
+          isPaused: e.isPaused,
           status: "pending",
-          variables: t.variables,
+          variables: e.variables,
           submittedAt: Date.now()
         };
       case "success":
         return {
           ...o,
-          data: t.data,
+          data: e.data,
           failureCount: 0,
           failureReason: null,
           error: null,
@@ -265,25 +265,25 @@ var B, Ut, We = (Ut = class extends Zt {
         return {
           ...o,
           data: void 0,
-          error: t.error,
+          error: e.error,
           failureCount: o.failureCount + 1,
-          failureReason: t.error,
+          failureReason: e.error,
           isPaused: !1,
           status: "error"
         };
     }
   };
   this.state = r(this.state), E.batch(() => {
-    h(this, R).forEach((o) => {
-      o.onMutationUpdate(t);
+    h(this, H).forEach((o) => {
+      o.onMutationUpdate(e);
     }), h(this, T).notify({
       mutation: this,
       type: "updated",
-      action: t
+      action: e
     });
   });
-}, Wt);
-function $e() {
+}, Ze);
+function $t() {
   return {
     context: void 0,
     data: void 0,
@@ -296,215 +296,215 @@ function $e() {
     submittedAt: 0
   };
 }
-var L, O, mt, Kt, Ze = (Kt = class extends Zt {
-  constructor(t = {}) {
+var Q, F, me, Xe, Zt = (Xe = class extends Je {
+  constructor(e = {}) {
     super();
-    C(this, L);
-    C(this, O);
-    C(this, mt);
-    this.config = t, y(this, L, /* @__PURE__ */ new Set()), y(this, O, /* @__PURE__ */ new Map()), y(this, mt, 0);
+    I(this, Q);
+    I(this, F);
+    I(this, me);
+    this.config = e, w(this, Q, /* @__PURE__ */ new Set()), w(this, F, /* @__PURE__ */ new Map()), w(this, me, 0);
   }
-  build(t, r, o) {
-    const i = new Ke({
+  build(e, r, o) {
+    const i = new Kt({
       mutationCache: this,
-      mutationId: ++pt(this, mt)._,
-      options: t.defaultMutationOptions(r),
+      mutationId: ++pe(this, me)._,
+      options: e.defaultMutationOptions(r),
       state: o
     });
     return this.add(i), i;
   }
-  add(t) {
-    h(this, L).add(t);
-    const r = ct(t);
+  add(e) {
+    h(this, Q).add(e);
+    const r = ce(e);
     if (typeof r == "string") {
-      const o = h(this, O).get(r);
-      o ? o.push(t) : h(this, O).set(r, [t]);
+      const o = h(this, F).get(r);
+      o ? o.push(e) : h(this, F).set(r, [e]);
     }
-    this.notify({ type: "added", mutation: t });
+    this.notify({ type: "added", mutation: e });
   }
-  remove(t) {
-    if (h(this, L).delete(t)) {
-      const r = ct(t);
+  remove(e) {
+    if (h(this, Q).delete(e)) {
+      const r = ce(e);
       if (typeof r == "string") {
-        const o = h(this, O).get(r);
+        const o = h(this, F).get(r);
         if (o)
           if (o.length > 1) {
-            const i = o.indexOf(t);
+            const i = o.indexOf(e);
             i !== -1 && o.splice(i, 1);
-          } else o[0] === t && h(this, O).delete(r);
+          } else o[0] === e && h(this, F).delete(r);
       }
     }
-    this.notify({ type: "removed", mutation: t });
+    this.notify({ type: "removed", mutation: e });
   }
-  canRun(t) {
-    const r = ct(t);
+  canRun(e) {
+    const r = ce(e);
     if (typeof r == "string") {
-      const o = h(this, O).get(r), i = o == null ? void 0 : o.find(
+      const o = h(this, F).get(r), i = o == null ? void 0 : o.find(
         (a) => a.state.status === "pending"
       );
-      return !i || i === t;
+      return !i || i === e;
     } else
       return !0;
   }
-  runNext(t) {
+  runNext(e) {
     var o;
-    const r = ct(t);
+    const r = ce(e);
     if (typeof r == "string") {
-      const i = (o = h(this, O).get(r)) == null ? void 0 : o.find((a) => a !== t && a.state.isPaused);
+      const i = (o = h(this, F).get(r)) == null ? void 0 : o.find((a) => a !== e && a.state.isPaused);
       return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
     } else
       return Promise.resolve();
   }
   clear() {
     E.batch(() => {
-      h(this, L).forEach((t) => {
-        this.notify({ type: "removed", mutation: t });
-      }), h(this, L).clear(), h(this, O).clear();
+      h(this, Q).forEach((e) => {
+        this.notify({ type: "removed", mutation: e });
+      }), h(this, Q).clear(), h(this, F).clear();
     });
   }
   getAll() {
-    return Array.from(h(this, L));
+    return Array.from(h(this, Q));
   }
-  find(t) {
-    const r = { exact: !0, ...t };
+  find(e) {
+    const r = { exact: !0, ...e };
     return this.getAll().find(
-      (o) => Bt(r, o)
+      (o) => He(r, o)
     );
   }
-  findAll(t = {}) {
-    return this.getAll().filter((r) => Bt(t, r));
+  findAll(e = {}) {
+    return this.getAll().filter((r) => He(e, r));
   }
-  notify(t) {
+  notify(e) {
     E.batch(() => {
       this.listeners.forEach((r) => {
-        r(t);
+        r(e);
       });
     });
   }
   resumePausedMutations() {
-    const t = this.getAll().filter((r) => r.state.isPaused);
+    const e = this.getAll().filter((r) => r.state.isPaused);
     return E.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(D))
+        e.map((r) => r.continue().catch(z))
       )
     );
   }
-}, L = new WeakMap(), O = new WeakMap(), mt = new WeakMap(), Kt);
-function ct(e) {
-  var t;
-  return (t = e.options.scope) == null ? void 0 : t.id;
+}, Q = new WeakMap(), F = new WeakMap(), me = new WeakMap(), Xe);
+function ce(t) {
+  var e;
+  return (e = t.options.scope) == null ? void 0 : e.id;
 }
-function Lt(e) {
+function Ve(t) {
   return {
-    onFetch: (t, r) => {
-      var p, c, g, k, v;
-      const o = t.options, i = (g = (c = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : g.direction, a = ((k = t.state.data) == null ? void 0 : k.pages) || [], l = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
+    onFetch: (e, r) => {
+      var p, c, b, s, N;
+      const o = e.options, i = (b = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : b.direction, a = ((s = e.state.data) == null ? void 0 : s.pages) || [], l = ((N = e.state.data) == null ? void 0 : N.pageParams) || [];
       let u = { pages: [], pageParams: [] }, m = 0;
       const x = async () => {
-        let I = !1;
-        const P = (N) => {
-          Object.defineProperty(N, "signal", {
+        let k = !1;
+        const B = (C) => {
+          Object.defineProperty(C, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? I = !0 : t.signal.addEventListener("abort", () => {
-              I = !0;
-            }), t.signal)
+            get: () => (e.signal.aborted ? k = !0 : e.signal.addEventListener("abort", () => {
+              k = !0;
+            }), e.signal)
           });
-        }, G = we(t.options, t.fetchOptions), Q = async (N, M, V) => {
-          if (I)
+        }, R = Ct(e.options, e.fetchOptions), V = async (C, M, A) => {
+          if (k)
             return Promise.reject();
-          if (M == null && N.pages.length)
-            return Promise.resolve(N);
-          const Z = {
-            client: t.client,
-            queryKey: t.queryKey,
+          if (M == null && C.pages.length)
+            return Promise.resolve(C);
+          const X = {
+            client: e.client,
+            queryKey: e.queryKey,
             pageParam: M,
-            direction: V ? "backward" : "forward",
-            meta: t.options.meta
+            direction: A ? "backward" : "forward",
+            meta: e.options.meta
           };
-          P(Z);
-          const xt = await G(
-            Z
-          ), { maxPages: it } = t.options, w = V ? ve : Ne;
+          B(X);
+          const xe = await R(
+            X
+          ), { maxPages: ie } = e.options, v = A ? It : Tt;
           return {
-            pages: w(N.pages, xt, it),
-            pageParams: w(N.pageParams, M, it)
+            pages: v(C.pages, xe, ie),
+            pageParams: v(C.pageParams, M, ie)
           };
         };
         if (i && a.length) {
-          const N = i === "backward", M = N ? Xe : zt, V = {
+          const C = i === "backward", M = C ? Xt : Ae, A = {
             pages: a,
             pageParams: l
-          }, Z = M(o, V);
-          u = await Q(V, Z, N);
+          }, X = M(o, A);
+          u = await V(A, X, C);
         } else {
-          const N = e ?? a.length;
+          const C = t ?? a.length;
           do {
-            const M = m === 0 ? l[0] ?? o.initialPageParam : zt(o, u);
+            const M = m === 0 ? l[0] ?? o.initialPageParam : Ae(o, u);
             if (m > 0 && M == null)
               break;
-            u = await Q(u, M), m++;
-          } while (m < N);
+            u = await V(u, M), m++;
+          } while (m < C);
         }
         return u;
       };
-      t.options.persister ? t.fetchFn = () => {
-        var I, P;
-        return (P = (I = t.options).persister) == null ? void 0 : P.call(
-          I,
+      e.options.persister ? e.fetchFn = () => {
+        var k, B;
+        return (B = (k = e.options).persister) == null ? void 0 : B.call(
+          k,
           x,
           {
-            client: t.client,
-            queryKey: t.queryKey,
-            meta: t.options.meta,
-            signal: t.signal
+            client: e.client,
+            queryKey: e.queryKey,
+            meta: e.options.meta,
+            signal: e.signal
           },
           r
         );
-      } : t.fetchFn = x;
+      } : e.fetchFn = x;
     }
   };
 }
-function zt(e, { pages: t, pageParams: r }) {
-  const o = t.length - 1;
-  return t.length > 0 ? e.getNextPageParam(
-    t[o],
-    t,
+function Ae(t, { pages: e, pageParams: r }) {
+  const o = e.length - 1;
+  return e.length > 0 ? t.getNextPageParam(
+    e[o],
+    e,
     r[o],
     r
   ) : void 0;
 }
-function Xe(e, { pages: t, pageParams: r }) {
+function Xt(t, { pages: e, pageParams: r }) {
   var o;
-  return t.length > 0 ? (o = e.getPreviousPageParam) == null ? void 0 : o.call(e, t[0], t, r[0], r) : void 0;
+  return e.length > 0 ? (o = t.getPreviousPageParam) == null ? void 0 : o.call(t, e[0], e, r[0], r) : void 0;
 }
-var j, U, W, tt, et, K, rt, nt, $t, Je = ($t = class {
-  constructor(e = {}) {
-    C(this, j);
-    C(this, U);
-    C(this, W);
-    C(this, tt);
-    C(this, et);
-    C(this, K);
-    C(this, rt);
-    C(this, nt);
-    y(this, j, e.queryCache || new We()), y(this, U, e.mutationCache || new Ze()), y(this, W, e.defaultOptions || {}), y(this, tt, /* @__PURE__ */ new Map()), y(this, et, /* @__PURE__ */ new Map()), y(this, K, 0);
+var y, W, K, ee, te, $, re, ne, Ye, Yt = (Ye = class {
+  constructor(t = {}) {
+    I(this, y);
+    I(this, W);
+    I(this, K);
+    I(this, ee);
+    I(this, te);
+    I(this, $);
+    I(this, re);
+    I(this, ne);
+    w(this, y, t.queryCache || new Wt()), w(this, W, t.mutationCache || new Zt()), w(this, K, t.defaultOptions || {}), w(this, ee, /* @__PURE__ */ new Map()), w(this, te, /* @__PURE__ */ new Map()), w(this, $, 0);
   }
   mount() {
-    pt(this, K)._++, h(this, K) === 1 && (y(this, rt, Ce.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, j).onFocus());
-    })), y(this, nt, Rt.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), h(this, j).onOnline());
+    pe(this, $)._++, h(this, $) === 1 && (w(this, re, Mt.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), h(this, y).onFocus());
+    })), w(this, ne, De.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), h(this, y).onOnline());
     })));
   }
   unmount() {
-    var e, t;
-    pt(this, K)._--, h(this, K) === 0 && ((e = h(this, rt)) == null || e.call(this), y(this, rt, void 0), (t = h(this, nt)) == null || t.call(this), y(this, nt, void 0));
+    var t, e;
+    pe(this, $)._--, h(this, $) === 0 && ((t = h(this, re)) == null || t.call(this), w(this, re, void 0), (e = h(this, ne)) == null || e.call(this), w(this, ne, void 0));
   }
-  isFetching(e) {
-    return h(this, j).findAll({ ...e, fetchStatus: "fetching" }).length;
+  isFetching(t) {
+    return h(this, y).findAll({ ...t, fetchStatus: "fetching" }).length;
   }
-  isMutating(e) {
-    return h(this, U).findAll({ ...e, status: "pending" }).length;
+  isMutating(t) {
+    return h(this, W).findAll({ ...t, status: "pending" }).length;
   }
   /**
    * Imperative (non-reactive) way to retrieve data for a QueryKey.
@@ -513,178 +513,178 @@ var j, U, W, tt, et, K, rt, nt, $t, Je = ($t = class {
    * Hint: Do not use this function inside a component, because it won't receive updates.
    * Use `useQuery` to create a `QueryObserver` that subscribes to changes.
    */
-  getQueryData(e) {
+  getQueryData(t) {
     var r;
-    const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, j).get(t.queryHash)) == null ? void 0 : r.state.data;
+    const e = this.defaultQueryOptions({ queryKey: t });
+    return (r = h(this, y).get(e.queryHash)) == null ? void 0 : r.state.data;
   }
-  ensureQueryData(e) {
-    const t = this.defaultQueryOptions(e), r = h(this, j).build(this, t), o = r.state.data;
-    return o === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && r.isStaleByTime(_t(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(o));
+  ensureQueryData(t) {
+    const e = this.defaultQueryOptions(t), r = h(this, y).build(this, e), o = r.state.data;
+    return o === void 0 ? this.fetchQuery(t) : (t.revalidateIfStale && r.isStaleByTime(Pe(e.staleTime, r)) && this.prefetchQuery(e), Promise.resolve(o));
   }
-  getQueriesData(e) {
-    return h(this, j).findAll(e).map(({ queryKey: t, state: r }) => {
+  getQueriesData(t) {
+    return h(this, y).findAll(t).map(({ queryKey: e, state: r }) => {
       const o = r.data;
-      return [t, o];
+      return [e, o];
     });
   }
-  setQueryData(e, t, r) {
-    const o = this.defaultQueryOptions({ queryKey: e }), i = h(this, j).get(
+  setQueryData(t, e, r) {
+    const o = this.defaultQueryOptions({ queryKey: t }), i = h(this, y).get(
       o.queryHash
-    ), a = i == null ? void 0 : i.state.data, l = Ie(t, a);
+    ), a = i == null ? void 0 : i.state.data, l = Et(e, a);
     if (l !== void 0)
-      return h(this, j).build(this, o).setData(l, { ...r, manual: !0 });
+      return h(this, y).build(this, o).setData(l, { ...r, manual: !0 });
   }
-  setQueriesData(e, t, r) {
+  setQueriesData(t, e, r) {
     return E.batch(
-      () => h(this, j).findAll(e).map(({ queryKey: o }) => [
+      () => h(this, y).findAll(t).map(({ queryKey: o }) => [
         o,
-        this.setQueryData(o, t, r)
+        this.setQueryData(o, e, r)
       ])
     );
   }
-  getQueryState(e) {
+  getQueryState(t) {
     var r;
-    const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = h(this, j).get(
-      t.queryHash
+    const e = this.defaultQueryOptions({ queryKey: t });
+    return (r = h(this, y).get(
+      e.queryHash
     )) == null ? void 0 : r.state;
   }
-  removeQueries(e) {
-    const t = h(this, j);
+  removeQueries(t) {
+    const e = h(this, y);
     E.batch(() => {
-      t.findAll(e).forEach((r) => {
-        t.remove(r);
+      e.findAll(t).forEach((r) => {
+        e.remove(r);
       });
     });
   }
-  resetQueries(e, t) {
-    const r = h(this, j);
-    return E.batch(() => (r.findAll(e).forEach((o) => {
+  resetQueries(t, e) {
+    const r = h(this, y);
+    return E.batch(() => (r.findAll(t).forEach((o) => {
       o.reset();
     }), this.refetchQueries(
       {
         type: "active",
-        ...e
+        ...t
       },
-      t
+      e
     )));
   }
-  cancelQueries(e, t = {}) {
-    const r = { revert: !0, ...t }, o = E.batch(
-      () => h(this, j).findAll(e).map((i) => i.cancel(r))
+  cancelQueries(t, e = {}) {
+    const r = { revert: !0, ...e }, o = E.batch(
+      () => h(this, y).findAll(t).map((i) => i.cancel(r))
     );
-    return Promise.all(o).then(D).catch(D);
+    return Promise.all(o).then(z).catch(z);
   }
-  invalidateQueries(e, t = {}) {
-    return E.batch(() => (h(this, j).findAll(e).forEach((r) => {
+  invalidateQueries(t, e = {}) {
+    return E.batch(() => (h(this, y).findAll(t).forEach((r) => {
       r.invalidate();
-    }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
+    }), (t == null ? void 0 : t.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
-        ...e,
-        type: (e == null ? void 0 : e.refetchType) ?? (e == null ? void 0 : e.type) ?? "active"
+        ...t,
+        type: (t == null ? void 0 : t.refetchType) ?? (t == null ? void 0 : t.type) ?? "active"
       },
-      t
+      e
     )));
   }
-  refetchQueries(e, t = {}) {
+  refetchQueries(t, e = {}) {
     const r = {
-      ...t,
-      cancelRefetch: t.cancelRefetch ?? !0
+      ...e,
+      cancelRefetch: e.cancelRefetch ?? !0
     }, o = E.batch(
-      () => h(this, j).findAll(e).filter((i) => !i.isDisabled()).map((i) => {
+      () => h(this, y).findAll(t).filter((i) => !i.isDisabled()).map((i) => {
         let a = i.fetch(void 0, r);
-        return r.throwOnError || (a = a.catch(D)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
+        return r.throwOnError || (a = a.catch(z)), i.state.fetchStatus === "paused" ? Promise.resolve() : a;
       })
     );
-    return Promise.all(o).then(D);
+    return Promise.all(o).then(z);
   }
-  fetchQuery(e) {
-    const t = this.defaultQueryOptions(e);
-    t.retry === void 0 && (t.retry = !1);
-    const r = h(this, j).build(this, t);
+  fetchQuery(t) {
+    const e = this.defaultQueryOptions(t);
+    e.retry === void 0 && (e.retry = !1);
+    const r = h(this, y).build(this, e);
     return r.isStaleByTime(
-      _t(t.staleTime, r)
-    ) ? r.fetch(t) : Promise.resolve(r.state.data);
+      Pe(e.staleTime, r)
+    ) ? r.fetch(e) : Promise.resolve(r.state.data);
   }
-  prefetchQuery(e) {
-    return this.fetchQuery(e).then(D).catch(D);
+  prefetchQuery(t) {
+    return this.fetchQuery(t).then(z).catch(z);
   }
-  fetchInfiniteQuery(e) {
-    return e.behavior = Lt(e.pages), this.fetchQuery(e);
+  fetchInfiniteQuery(t) {
+    return t.behavior = Ve(t.pages), this.fetchQuery(t);
   }
-  prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then(D).catch(D);
+  prefetchInfiniteQuery(t) {
+    return this.fetchInfiniteQuery(t).then(z).catch(z);
   }
-  ensureInfiniteQueryData(e) {
-    return e.behavior = Lt(e.pages), this.ensureQueryData(e);
+  ensureInfiniteQueryData(t) {
+    return t.behavior = Ve(t.pages), this.ensureQueryData(t);
   }
   resumePausedMutations() {
-    return Rt.isOnline() ? h(this, U).resumePausedMutations() : Promise.resolve();
+    return De.isOnline() ? h(this, W).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return h(this, j);
+    return h(this, y);
   }
   getMutationCache() {
-    return h(this, U);
+    return h(this, W);
   }
   getDefaultOptions() {
-    return h(this, W);
+    return h(this, K);
   }
-  setDefaultOptions(e) {
-    y(this, W, e);
+  setDefaultOptions(t) {
+    w(this, K, t);
   }
-  setQueryDefaults(e, t) {
-    h(this, tt).set(Ht(e), {
-      queryKey: e,
-      defaultOptions: t
+  setQueryDefaults(t, e) {
+    h(this, ee).set(Le(t), {
+      queryKey: t,
+      defaultOptions: e
     });
   }
-  getQueryDefaults(e) {
-    const t = [...h(this, tt).values()], r = {};
-    return t.forEach((o) => {
-      Pt(e, o.queryKey) && Object.assign(r, o.defaultOptions);
+  getQueryDefaults(t) {
+    const e = [...h(this, ee).values()], r = {};
+    return e.forEach((o) => {
+      ze(t, o.queryKey) && Object.assign(r, o.defaultOptions);
     }), r;
   }
-  setMutationDefaults(e, t) {
-    h(this, et).set(Ht(e), {
-      mutationKey: e,
-      defaultOptions: t
+  setMutationDefaults(t, e) {
+    h(this, te).set(Le(t), {
+      mutationKey: t,
+      defaultOptions: e
     });
   }
-  getMutationDefaults(e) {
-    const t = [...h(this, et).values()], r = {};
-    return t.forEach((o) => {
-      Pt(e, o.mutationKey) && Object.assign(r, o.defaultOptions);
+  getMutationDefaults(t) {
+    const e = [...h(this, te).values()], r = {};
+    return e.forEach((o) => {
+      ze(t, o.mutationKey) && Object.assign(r, o.defaultOptions);
     }), r;
   }
-  defaultQueryOptions(e) {
-    if (e._defaulted)
-      return e;
-    const t = {
-      ...h(this, W).queries,
-      ...this.getQueryDefaults(e.queryKey),
-      ...e,
+  defaultQueryOptions(t) {
+    if (t._defaulted)
+      return t;
+    const e = {
+      ...h(this, K).queries,
+      ...this.getQueryDefaults(t.queryKey),
+      ...t,
       _defaulted: !0
     };
-    return t.queryHash || (t.queryHash = Xt(
-      t.queryKey,
-      t
-    )), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.queryFn === Te && (t.enabled = !1), t;
-  }
-  defaultMutationOptions(e) {
-    return e != null && e._defaulted ? e : {
-      ...h(this, W).mutations,
-      ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
-      ...e,
+    return e.queryHash || (e.queryHash = Ge(
+      e.queryKey,
+      e
+    )), e.refetchOnReconnect === void 0 && (e.refetchOnReconnect = e.networkMode !== "always"), e.throwOnError === void 0 && (e.throwOnError = !!e.suspense), !e.networkMode && e.persister && (e.networkMode = "offlineFirst"), e.queryFn === Ot && (e.enabled = !1), e;
+  }
+  defaultMutationOptions(t) {
+    return t != null && t._defaulted ? t : {
+      ...h(this, K).mutations,
+      ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
+      ...t,
       _defaulted: !0
     };
   }
   clear() {
-    h(this, j).clear(), h(this, U).clear();
+    h(this, y).clear(), h(this, W).clear();
   }
-}, j = new WeakMap(), U = new WeakMap(), W = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), K = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), $t);
-const Ye = [
+}, y = new WeakMap(), W = new WeakMap(), K = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), $ = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), Ye);
+const Jt = [
   "header",
   "footer",
   "interLinking",
@@ -696,45 +696,45 @@ const Ye = [
   "form",
   "seoHeader",
   "calculator"
-], b = Ye.reduce(
-  (e, t) => (e[t] = t, e),
+], j = Jt.reduce(
+  (t, e) => (t[e] = e, t),
   {}
-), Ge = ["getFioSchema"], le = (e, t, r) => {
-  const o = e[t];
-  if (s.isNil(o))
-    throw new Error(`validation for type ${String(t)} not found`);
-  if (!s.isFunction(o))
-    throw new Error(`Cannot generate ${String(t)} because is not a function`);
+), Gt = ["getFioSchema"], mt = (t, e, r) => {
+  const o = t[e];
+  if (g.isNil(o))
+    throw new Error(`validation for type ${String(e)} not found`);
+  if (!g.isFunction(o))
+    throw new Error(`Cannot generate ${String(e)} because is not a function`);
   return o(r);
-}, tr = (e, t) => le(ie.base, e, t), er = (e, t) => le(ie.dadata, e, t), ue = (e) => {
-  const r = e.map((o) => ({ name: o.args.name, validation: o.args.validation })).reduce((o, i) => {
-    const a = Ge.includes(i.validation.type) ? er(
+}, er = (t, e) => mt(at.base, t, e), tr = (t, e) => mt(at.dadata, t, e), xt = (t) => {
+  const r = ((t == null ? void 0 : t.map((o) => ({ name: o.args.name, validation: o.args.validation }))) ?? []).reduce((o, i) => {
+    const a = Gt.includes(i.validation.type) ? tr(
       i.validation.type,
       i.validation.args
-    ) : tr(
+    ) : er(
       i.validation.type,
       i.validation.args
     );
     return o[i.name] = a, o;
   }, {});
-  return Ve(r);
-}, rr = (e) => Gt(() => {
-  switch (e.handler) {
+  return lt(r);
+}, rr = (t) => rt(() => {
+  switch (t.handler) {
     case "navigate": {
-      const { url: r, target: o, rel: i } = e;
-      re && (window == null || window.open(r, o, i));
+      const { url: r, target: o, rel: i } = t;
+      ot && (window == null || window.open(r, o, i));
       break;
     }
     case "scroll": {
-      const { widgetId: r } = e ?? "";
-      De({ widgetId: r });
+      const { widgetId: r } = t ?? "";
+      zt({ widgetId: r });
       break;
     }
   }
-}, [e]), $ = ({ handlerOptions: e, className: t, ...r }) => {
-  const o = rr(e);
-  return /* @__PURE__ */ n.jsx(Ct, { className: d(t), onClick: o, ...r, children: r.children });
-}, nr = F(
+}, [t]), Z = ({ handlerOptions: t, className: e, ...r }) => {
+  const o = rr(t);
+  return /* @__PURE__ */ n.jsx(Te, { className: d(e), onClick: o, ...r, children: r.children });
+}, nr = O(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -746,8 +746,8 @@ const Ye = [
     }
   }
 ), or = ({
-  subtitle: e,
-  title: t,
+  subtitle: t,
+  title: e,
   img: r,
   mobileImg: o,
   classes: i,
@@ -756,7 +756,7 @@ const Ye = [
   variant: u,
   color: m
 }) => {
-  const { isDesktop: x } = Y();
+  const { isDesktop: x } = G();
   return /* @__PURE__ */ n.jsxs(
     "li",
     {
@@ -765,23 +765,23 @@ const Ye = [
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
           /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
-            /* @__PURE__ */ n.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: d("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
+            /* @__PURE__ */ n.jsx("div", { dangerouslySetInnerHTML: { __html: e }, className: d("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
             /* @__PURE__ */ n.jsx(
               "div",
               {
-                dangerouslySetInnerHTML: { __html: e },
+                dangerouslySetInnerHTML: { __html: t },
                 className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
               }
             )
           ] }),
-          a && x && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ n.jsx($, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
+          a && x && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ n.jsx(Z, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
-        (o || x) && r && /* @__PURE__ */ n.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && s.isObject(r) ? /* @__PURE__ */ n.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
+        (o || x) && r && /* @__PURE__ */ n.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && g.isObject(r) ? /* @__PURE__ */ n.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
     },
-    t
+    e
   );
-}, ir = F("grid gap-4", {
+}, ir = O("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -789,37 +789,37 @@ const Ye = [
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Kn = ({ headline: e, details: t, variant: r, classes: o }) => /* @__PURE__ */ n.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: d("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ n.jsxs(S, { className: o == null ? void 0 : o.container, children: [
+}), Zn = ({ headline: t, details: e, variant: r, classes: o }) => /* @__PURE__ */ n.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: d("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ n.jsxs(S, { className: o == null ? void 0 : o.container, children: [
   /* @__PURE__ */ n.jsx(
     "div",
     {
-      dangerouslySetInnerHTML: { __html: e },
+      dangerouslySetInnerHTML: { __html: t },
       className: d("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", o == null ? void 0 : o.heading)
     }
   ),
-  /* @__PURE__ */ n.jsx("ul", { className: d(ir({ variant: r }), o == null ? void 0 : o.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ n.jsx(or, { variant: r, classes: o == null ? void 0 : o.item, ...i }, i.title)) })
-] }) }), ar = ({ variant: e, details: t }) => {
-  switch (e) {
+  /* @__PURE__ */ n.jsx("ul", { className: d(ir({ variant: r }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ n.jsx(or, { variant: r, classes: o == null ? void 0 : o.item, ...i }, i.title)) })
+] }) }), ar = ({ variant: t, details: e }) => {
+  switch (t) {
     case "withButton":
-      return /* @__PURE__ */ n.jsx($, { ...t });
+      return /* @__PURE__ */ n.jsx(Z, { ...e });
     case "withPhone":
-      return /* @__PURE__ */ n.jsx(Jt, { classes: { root: "items-end" }, ...t, phone: yt(t.phone) });
+      return /* @__PURE__ */ n.jsx(et, { classes: { root: "items-end" }, ...e, phone: ye(e.phone) });
     default:
       return null;
   }
-}, $n = (e) => {
-  const { logoPath: t = "/", logoType: r = "main", classes: o } = e;
+}, Xn = (t) => {
+  const { logoPath: e = "/", logoType: r = "main", classes: o } = t;
   return /* @__PURE__ */ n.jsx(
     "header",
     {
-      id: b.header,
-      "data-test-id": b.header,
+      id: j.header,
+      "data-test-id": j.header,
       className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", o == null ? void 0 : o.header),
       children: /* @__PURE__ */ n.jsx(S, { className: d(o == null ? void 0 : o.container), children: /* @__PURE__ */ n.jsxs("div", { className: d("flex items-center justify-between gap-5", o == null ? void 0 : o.wrapper), children: [
         /* @__PURE__ */ n.jsx(
           "a",
           {
-            href: t,
+            href: e,
             "aria-label": "logo",
             target: "_blank",
             rel: "noreferrer",
@@ -827,16 +827,16 @@ const Ye = [
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
               o == null ? void 0 : o.logo
             ),
-            children: Me[r]
+            children: Ft[r]
           }
         ),
-        ar(e)
+        ar(t)
       ] }) })
     }
   );
 }, dr = ({
-  headTitle: e,
-  subtitle: t,
+  headTitle: t,
+  subtitle: e,
   buttonsConfig: r,
   advantages: o,
   classes: i,
@@ -844,41 +844,41 @@ const Ye = [
   imgDesktop: l,
   color: u
 }) => {
-  var I;
-  const { isDesktop: m, isMobile: x } = Y(), { primary: p, secondary: c } = r || {}, g = a && "url" in a && s.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: a.url }) : a, k = l && "url" in l && s.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: l.url }) : l, v = /* @__PURE__ */ n.jsx(
+  var k;
+  const { isDesktop: m, isMobile: x } = G(), { primary: p, secondary: c } = r || {}, b = a && "url" in a && g.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: a.url }) : a, s = l && "url" in l && g.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: l.url }) : l, N = /* @__PURE__ */ n.jsx(
     "div",
     {
       className: d(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         i == null ? void 0 : i.advantageContainer
       ),
-      children: (o == null ? void 0 : o.details) && ((I = o == null ? void 0 : o.details) == null ? void 0 : I.items.length) > 0 && /* @__PURE__ */ n.jsx(vt, { ...o })
+      children: (o == null ? void 0 : o.details) && ((k = o == null ? void 0 : o.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ n.jsx(Ce, { ...o })
     }
   );
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(
       "section",
       {
-        id: b.banner,
-        "data-test-id": b.banner,
+        id: j.banner,
+        "data-test-id": j.banner,
         style: { backgroundColor: u ?? "#d9edff" },
         className: d("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: x ? g : k }),
+          /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: x ? b : s }),
           /* @__PURE__ */ n.jsxs(S, { className: d("h-full", i == null ? void 0 : i.container), children: [
             /* @__PURE__ */ n.jsx("div", { className: d("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ n.jsxs("div", { className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
               /* @__PURE__ */ n.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ n.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: e },
+                    dangerouslySetInnerHTML: { __html: t },
                     className: d("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ n.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: t },
+                    dangerouslySetInnerHTML: { __html: e },
                     className: d("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
@@ -893,7 +893,7 @@ const Ye = [
                   ),
                   children: [
                     p.enabled && /* @__PURE__ */ n.jsx(
-                      $,
+                      Z,
                       {
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
@@ -902,7 +902,7 @@ const Ye = [
                       }
                     ),
                     (c == null ? void 0 : c.enabled) && /* @__PURE__ */ n.jsx(
-                      $,
+                      Z,
                       {
                         intent: "secondary",
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
@@ -913,16 +913,16 @@ const Ye = [
                 }
               )
             ] }) }),
-            m && (o == null ? void 0 : o.enabled) && v
+            m && (o == null ? void 0 : o.enabled) && N
           ] })
         ]
       }
     ),
-    x && (o == null ? void 0 : o.enabled) && v
+    x && (o == null ? void 0 : o.enabled) && N
   ] });
-}, Qt = ({
-  headTitle: e,
-  subtitle: t,
+}, qe = ({
+  headTitle: t,
+  subtitle: e,
   buttonsConfig: r,
   advantages: o,
   classes: i,
@@ -930,14 +930,14 @@ const Ye = [
   imgDesktop: l,
   color: u
 }) => {
-  var k, v;
-  const { isMobile: m } = Y(), { primary: x, secondary: p } = r || {}, c = a && "url" in a && s.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: a.alt, src: a.url }) : a, g = l && "url" in l && s.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: l.alt, src: l.url }) : l;
+  var s, N;
+  const { isMobile: m } = G(), { primary: x, secondary: p } = r || {}, c = a && "url" in a && g.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: a.alt, src: a.url }) : a, b = l && "url" in l && g.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: l.alt, src: l.url }) : l;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       "section",
       {
-        id: b.banner,
-        "data-test-id": b.banner,
+        id: j.banner,
+        "data-test-id": j.banner,
         style: { backgroundColor: u ?? "#d9edff" },
         className: d("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.root),
         children: /* @__PURE__ */ n.jsxs(S, { className: d("relative", i == null ? void 0 : i.container), children: [
@@ -947,14 +947,14 @@ const Ye = [
                 /* @__PURE__ */ n.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: e },
+                    dangerouslySetInnerHTML: { __html: t },
                     className: d("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
                   }
                 ),
                 /* @__PURE__ */ n.jsx(
                   "div",
                   {
-                    dangerouslySetInnerHTML: { __html: t },
+                    dangerouslySetInnerHTML: { __html: e },
                     className: d("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
                   }
                 )
@@ -969,7 +969,7 @@ const Ye = [
                   ),
                   children: [
                     x.enabled && /* @__PURE__ */ n.jsx(
-                      $,
+                      Z,
                       {
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
@@ -978,7 +978,7 @@ const Ye = [
                       }
                     ),
                     (p == null ? void 0 : p.enabled) && /* @__PURE__ */ n.jsx(
-                      $,
+                      Z,
                       {
                         intent: "secondary",
                         className: d("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
@@ -996,7 +996,7 @@ const Ye = [
                   "relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]",
                   i == null ? void 0 : i.imageContainer
                 ),
-                children: m ? c : g
+                children: m ? c : b
               }
             )
           ] }),
@@ -1007,7 +1007,7 @@ const Ye = [
                 "items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:flex desktop:translate-x-1/2 desktop:p-0",
                 i == null ? void 0 : i.advantageContainer
               ),
-              children: (o == null ? void 0 : o.details) && ((k = o == null ? void 0 : o.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ n.jsx(vt, { ...o })
+              children: (o == null ? void 0 : o.details) && ((s = o == null ? void 0 : o.details) == null ? void 0 : s.items.length) > 0 && /* @__PURE__ */ n.jsx(Ce, { ...o })
             }
           )
         ] })
@@ -1020,21 +1020,21 @@ const Ye = [
           "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:hidden desktop:translate-x-1/2 desktop:p-0",
           i == null ? void 0 : i.advantageContainer
         ),
-        children: (o == null ? void 0 : o.details) && ((v = o == null ? void 0 : o.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ n.jsx(vt, { ...o })
+        children: (o == null ? void 0 : o.details) && ((N = o == null ? void 0 : o.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ n.jsx(Ce, { ...o })
       }
     )
   ] });
-}, Zn = ({ variant: e, ...t }) => {
-  switch (e) {
+}, Yn = ({ variant: t, ...e }) => {
+  switch (t) {
     case "separateImg":
-      return /* @__PURE__ */ n.jsx(Qt, { ...t });
+      return /* @__PURE__ */ n.jsx(qe, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ n.jsx(dr, { ...t });
+      return /* @__PURE__ */ n.jsx(dr, { ...e });
     default:
-      return /* @__PURE__ */ n.jsx(Qt, { ...t });
+      return /* @__PURE__ */ n.jsx(qe, { ...e });
   }
-}, vt = ({ details: e, classes: t }) => {
-  const { variant: r, items: o } = e ?? {};
+}, Ce = ({ details: t, classes: e }) => {
+  const { variant: r, items: o } = t ?? {};
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -1043,64 +1043,64 @@ const Ye = [
         "m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
         { "desktop:max-w-[860px]": r === "threeCards" },
         { "desktop:max-w-[1140px]": r === "fourCards" },
-        t == null ? void 0 : t.root
+        e == null ? void 0 : e.root
       ),
       children: o == null ? void 0 : o.map(({ title: i, description: a }) => /* @__PURE__ */ n.jsxs(
         "div",
         {
           className: d(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
-            t == null ? void 0 : t.item
+            e == null ? void 0 : e.item
           ),
           children: [
-            /* @__PURE__ */ n.jsx(H, { as: "h4", className: d("text-color-dark", t == null ? void 0 : t.title), children: i }),
-            /* @__PURE__ */ n.jsx("p", { className: d("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: a })
+            /* @__PURE__ */ n.jsx(P, { as: "h4", className: d("text-color-dark", e == null ? void 0 : e.title), children: i }),
+            /* @__PURE__ */ n.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: a })
           ]
         },
         i
       ))
     }
   );
-}, lr = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ n.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: o }) => /* @__PURE__ */ n.jsx(
+}, lr = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ n.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: r, href: o }) => /* @__PURE__ */ n.jsx(
   "a",
   {
-    className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
+    className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: o,
     "aria-label": r.replace("social/", ""),
-    children: /* @__PURE__ */ n.jsx(f, { name: r, className: d("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    children: /* @__PURE__ */ n.jsx(f, { name: r, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   o
-)) }), ur = ({ phones: e, classes: t }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: o }) => /* @__PURE__ */ n.jsx(
-  Jt,
+)) }), ur = ({ phones: t, classes: e }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: r, text: o }) => /* @__PURE__ */ n.jsx(
+  et,
   {
-    phone: yt(r),
+    phone: ye(r),
     text: o,
     classes: {
-      root: d(t == null ? void 0 : t.phoneWrapper),
-      text: d("text-color-footer", t == null ? void 0 : t.phoneText),
-      link: d("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
+      root: d(e == null ? void 0 : e.phoneWrapper),
+      text: d("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: d("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
   r
-)) }), mr = ({ classes: e, details: t }) => /* @__PURE__ */ n.jsx(
+)) }), mr = ({ classes: t, details: e }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     className: d(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
-      e == null ? void 0 : e.navRoot
+      t == null ? void 0 : t.navRoot
     ),
-    children: t == null ? void 0 : t.map(
-      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: o, links: i }) => /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-        /* @__PURE__ */ n.jsx("div", { className: d("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: o }),
-        /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: l }) => /* @__PURE__ */ n.jsx(
-          gt,
+    children: e == null ? void 0 : e.map(
+      ({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: o, links: i }) => /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
+        /* @__PURE__ */ n.jsx("div", { className: d("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: o }),
+        /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: i == null ? void 0 : i.map(({ path: a, label: l }) => /* @__PURE__ */ n.jsx(
+          je,
           {
             href: a,
             "aria-label": l,
             intent: "white",
             classes: {
-              link: e == null ? void 0 : e.navLink,
-              icon: e == null ? void 0 : e.navLinkIcon
+              link: t == null ? void 0 : t.navLink,
+              icon: t == null ? void 0 : t.navLinkIcon
             },
             children: l
           },
@@ -1109,22 +1109,22 @@ const Ye = [
       ] }, o))
     )
   }
-), xr = ({ text: e, classes: t }) => /* @__PURE__ */ n.jsx(
+), xr = ({ text: t, classes: e }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: d("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
-    dangerouslySetInnerHTML: { __html: e }
+    className: d("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
+    dangerouslySetInnerHTML: { __html: t }
   }
-), hr = ({ classes: e }) => /* @__PURE__ */ n.jsx(
+), hr = ({ classes: t }) => /* @__PURE__ */ n.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
-    children: /* @__PURE__ */ n.jsx(f, { name: "brandLogos/logoWhite", className: d("size-full", e == null ? void 0 : e.footerLogoIcon) })
+    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", t == null ? void 0 : t.footerLogo),
+    children: /* @__PURE__ */ n.jsx(f, { name: "brandLogos/logoWhite", className: d("size-full", t == null ? void 0 : t.footerLogoIcon) })
   }
-), pr = ({ classes: e }) => /* @__PURE__ */ n.jsx(
-  gt,
+), pr = ({ classes: t }) => /* @__PURE__ */ n.jsx(
+  je,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -1132,23 +1132,23 @@ const Ye = [
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: d("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
-      icon: e == null ? void 0 : e.siteMapLinkIcon
+      link: d("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
+      icon: t == null ? void 0 : t.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), cr = ({ text: e, classes: t }) => {
-  const [r, o] = lt.useState(!1), [i, a] = lt.useState(!1), l = lt.useRef(null);
-  return lt.useEffect(() => {
+), cr = ({ text: t, classes: e }) => {
+  const [r, o] = le.useState(!1), [i, a] = le.useState(!1), l = le.useRef(null);
+  return le.useEffect(() => {
     const u = l.current;
     u && a(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ n.jsxs("div", { className: d("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
+  }, []), /* @__PURE__ */ n.jsxs("div", { className: d("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
     /* @__PURE__ */ n.jsx(
       "div",
       {
         ref: l,
-        className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
-        dangerouslySetInnerHTML: { __html: e }
+        className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, e == null ? void 0 : e.ligalText),
+        dangerouslySetInnerHTML: { __html: t }
       }
     ),
     i && /* @__PURE__ */ n.jsx(
@@ -1159,15 +1159,15 @@ const Ye = [
         onClick: () => o((u) => !u),
         className: d(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
-          t == null ? void 0 : t.ligalButton
+          e == null ? void 0 : e.ligalButton
         ),
         children: "Подробнее"
       }
     )
   ] });
-}, Xn = ({
-  socialsLinks: e,
-  phones: t,
+}, Jn = ({
+  socialsLinks: t,
+  phones: e,
   ligal: r,
   copyright: o,
   classes: i,
@@ -1176,8 +1176,8 @@ const Ye = [
 }) => /* @__PURE__ */ n.jsx(
   "footer",
   {
-    id: b.footer,
-    "data-test-id": b.footer,
+    id: j.footer,
+    "data-test-id": j.footer,
     className: d("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
     children: /* @__PURE__ */ n.jsx(S, { className: d(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ n.jsxs("div", { className: d("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ n.jsxs(
@@ -1190,13 +1190,13 @@ const Ye = [
           children: [
             /* @__PURE__ */ n.jsxs("div", { className: d(i == null ? void 0 : i.footerSocialBlock), children: [
               /* @__PURE__ */ n.jsx(hr, { classes: i == null ? void 0 : i.footerLogo }),
-              e.enabled && /* @__PURE__ */ n.jsx(lr, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
+              t.enabled && /* @__PURE__ */ n.jsx(lr, { socialsLinks: t.links, classes: i == null ? void 0 : i.socialLinks })
             ] }),
-            t.enabled && /* @__PURE__ */ n.jsx(ur, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
+            e.enabled && /* @__PURE__ */ n.jsx(ur, { phones: e.items, classes: i == null ? void 0 : i.phonesBlock })
           ]
         }
       ),
-      !s.isArrayEmpty(a) && /* @__PURE__ */ n.jsx(mr, { details: a, classes: i == null ? void 0 : i.navLinks }),
+      !g.isArrayEmpty(a) && /* @__PURE__ */ n.jsx(mr, { details: a, classes: i == null ? void 0 : i.navLinks }),
       r.enabled && /* @__PURE__ */ n.jsx(cr, { text: r.text }),
       /* @__PURE__ */ n.jsxs(
         "div",
@@ -1213,14 +1213,14 @@ const Ye = [
       )
     ] }) })
   }
-), fr = ({ classes: e, index: t, variant: r, title: o, description: i }) => {
+), fr = ({ classes: t, index: e, variant: r, title: o, description: i }) => {
   const a = r === "withTitleAndDescription" && o;
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: d(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-        e == null ? void 0 : e.singleStep
+        t == null ? void 0 : t.singleStep
       ),
       children: [
         /* @__PURE__ */ n.jsx(
@@ -1228,9 +1228,9 @@ const Ye = [
           {
             className: d(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
-              e == null ? void 0 : e.numeric
+              t == null ? void 0 : t.numeric
             ),
-            children: t
+            children: e
           }
         ),
         /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-2"), children: [
@@ -1238,22 +1238,22 @@ const Ye = [
             "div",
             {
               dangerouslySetInnerHTML: { __html: o },
-              className: d("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", e == null ? void 0 : e.title)
+              className: d("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
             }
           ),
           /* @__PURE__ */ n.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: i ?? "" },
-              className: d("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description)
+              className: d("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
             }
           )
         ] })
       ]
     }
   );
-}, Jn = ({ headline: e, details: t, variant: r, classes: o }) => /* @__PURE__ */ n.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ n.jsx(S, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
-  /* @__PURE__ */ n.jsx(H, { as: "h2", className: d("text-color-dark", o == null ? void 0 : o.headline), children: e }),
+}, Gn = ({ headline: t, details: e, variant: r, classes: o }) => /* @__PURE__ */ n.jsx("section", { id: j.stepper, "data-test-id": j.stepper, className: o == null ? void 0 : o.root, children: /* @__PURE__ */ n.jsx(S, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+  /* @__PURE__ */ n.jsx(P, { as: "h2", className: d("text-color-dark", o == null ? void 0 : o.headline), children: t }),
   /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -1261,10 +1261,10 @@ const Ye = [
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
         o == null ? void 0 : o.stepsWrapper
       ),
-      children: t == null ? void 0 : t.map((i, a) => /* @__PURE__ */ n.jsx(fr, { variant: r, ...i, index: a + 1, classes: o == null ? void 0 : o.step }, i.description))
+      children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ n.jsx(fr, { variant: r, ...i, index: a + 1, classes: o == null ? void 0 : o.step }, i.description))
     }
   )
-] }) }) }), br = F("", {
+] }) }) }), br = O("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1280,7 +1280,7 @@ const Ye = [
   defaultVariants: {
     intent: "twoItems"
   }
-}), gr = F("", {
+}), gr = O("", {
   variants: {
     intent: {
       twoItems: "",
@@ -1312,7 +1312,7 @@ const Ye = [
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), jr = F("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), jr = O("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
   variants: {
     intent: {
       twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
@@ -1322,7 +1322,7 @@ const Ye = [
   defaultVariants: {
     intent: "twoItems"
   }
-}), yr = F("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), sr = O("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1348,32 +1348,32 @@ const Ye = [
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), sr = ({ data: e, intent: t }) => {
+}), yr = ({ data: t, intent: e }) => {
   const {
     title: r,
     description: o,
     popover: i = {
       enabled: !1
     }
-  } = e;
-  return /* @__PURE__ */ n.jsx("li", { className: d(jr({ intent: t })), children: /* @__PURE__ */ n.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  } = t;
+  return /* @__PURE__ */ n.jsx("li", { className: d(jr({ intent: e })), children: /* @__PURE__ */ n.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ n.jsxs("div", { className: d("mb-2 flex items-center gap-2"), children: [
       /* @__PURE__ */ n.jsx("h4", { className: d("mob-title-bold-m text-color-dark"), children: r }),
-      i.enabled && /* @__PURE__ */ n.jsx(It, { triggerElement: /* @__PURE__ */ n.jsx(f, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+      i.enabled && /* @__PURE__ */ n.jsx(Me, { triggerElement: /* @__PURE__ */ n.jsx(f, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
     /* @__PURE__ */ n.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: o } })
   ] }) });
-}, kt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ n.jsx("h2", { className: d(br({ intent: e, desktopHidden: r, mobileHidden: o })), children: t }), kr = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ n.jsx("ul", { className: d(gr({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ n.jsx(sr, { intent: t, data: o }, i)) }), Yn = ({
-  headline: e,
-  buttonConfig: t,
+}, Ne = ({ intent: t, headline: e, desktopHidden: r = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ n.jsx("h2", { className: d(br({ intent: t, desktopHidden: r, mobileHidden: o })), children: e }), kr = ({ details: t, intent: e, withButton: r }) => /* @__PURE__ */ n.jsx("ul", { className: d(gr({ intent: e, withButton: r })), children: t == null ? void 0 : t.map((o, i) => /* @__PURE__ */ n.jsx(yr, { intent: e, data: o }, i)) }), eo = ({
+  headline: t,
+  buttonConfig: e,
   intent: r = "twoItems",
   details: o,
   image: i,
   classes: a
 }) => {
-  const l = r === "fourItems", u = r === "twoItems", m = i && "url" in i && s.isObject(i) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
-  return /* @__PURE__ */ n.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: d(a == null ? void 0 : a.root), children: /* @__PURE__ */ n.jsxs(S, { className: d(a == null ? void 0 : a.container), children: [
-    u && /* @__PURE__ */ n.jsx(kt, { intent: r, headline: e }),
+  const l = r === "fourItems", u = r === "twoItems", m = i && "url" in i && g.isObject(i) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
+  return /* @__PURE__ */ n.jsx("section", { id: j.longBanner, "data-test-id": j.longBanner, className: d(a == null ? void 0 : a.root), children: /* @__PURE__ */ n.jsxs(S, { className: d(a == null ? void 0 : a.container), children: [
+    u && /* @__PURE__ */ n.jsx(Ne, { intent: r, headline: t }),
     /* @__PURE__ */ n.jsxs(
       "div",
       {
@@ -1382,22 +1382,22 @@ const Ye = [
           a == null ? void 0 : a.contentContainer
         ),
         children: [
-          l && /* @__PURE__ */ n.jsx(kt, { intent: r, headline: e, desktopHidden: !0 }),
-          /* @__PURE__ */ n.jsx("div", { className: d(yr({ intent: r, withButton: t == null ? void 0 : t.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
+          l && /* @__PURE__ */ n.jsx(Ne, { intent: r, headline: t, desktopHidden: !0 }),
+          /* @__PURE__ */ n.jsx("div", { className: d(sr({ intent: r, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
           /* @__PURE__ */ n.jsxs(
             "div",
             {
               className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
-                l && /* @__PURE__ */ n.jsx(kt, { intent: r, headline: e, mobileHidden: !0 }),
-                /* @__PURE__ */ n.jsx(kr, { details: o, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
-                (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ n.jsx(
-                  $,
+                l && /* @__PURE__ */ n.jsx(Ne, { intent: r, headline: t, mobileHidden: !0 }),
+                /* @__PURE__ */ n.jsx(kr, { details: o, intent: r, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
+                (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ n.jsx(
+                  Z,
                   {
                     className: d("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
                     size: "lg",
                     intent: "secondary",
-                    ...t.buttonContent
+                    ...e.buttonContent
                   }
                 )
               ]
@@ -1407,11 +1407,11 @@ const Ye = [
       }
     )
   ] }) });
-}, wt = {
+}, ve = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, me = ({ children: e, isLoading: t, classes: r, loaderProps: o }) => /* @__PURE__ */ n.jsx(
+}, ht = ({ children: t, isLoading: e, classes: r, loaderProps: o }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     tabIndex: 0,
@@ -1426,14 +1426,14 @@ const Ye = [
         className: d(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
-          { "items-center": t },
+          { "items-center": e },
           r == null ? void 0 : r.wrapper
         ),
-        children: t ? /* @__PURE__ */ n.jsx(Ee, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : e
+        children: e ? /* @__PURE__ */ n.jsx(St, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : t
       }
     )
   }
-), wr = ({ ...e }) => /* @__PURE__ */ n.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+), wr = ({ ...t }) => /* @__PURE__ */ n.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
   /* @__PURE__ */ n.jsx(
     "path",
     {
@@ -1461,37 +1461,37 @@ const Ye = [
     /* @__PURE__ */ n.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ n.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), xe = ({ mainLink: e, subLink: t, isMobile: r, classes: o }) => /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
+] }), pt = ({ mainLink: t, subLink: e, isMobile: r, classes: o }) => /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
   /* @__PURE__ */ n.jsx(
     "a",
     {
-      href: e.href,
+      href: t.href,
       target: "_blank",
       rel: "noreferrer",
       className: d(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
         o == null ? void 0 : o.linksMainLink
       ),
-      children: r ? e.mobileTitle : e.title
+      children: r ? t.mobileTitle : t.title
     }
   ),
-  (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ n.jsx(
-    gt,
+  (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ n.jsx(
+    je,
     {
       intent: "blue",
       withUnderline: !0,
-      href: t == null ? void 0 : t.href,
+      href: e == null ? void 0 : e.href,
       target: "_blank",
       rel: "noreferrer",
       classes: {
         link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.linksSubLink)
       },
-      children: t == null ? void 0 : t.text
+      children: e == null ? void 0 : e.text
     }
   )
-] }), Vt = ({ mainLink: e, subLink: t, isLoading: r, badge: o, loaderProps: i, classes: a }) => {
-  const { isMobile: l } = Y();
-  return /* @__PURE__ */ n.jsx(me, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ n.jsxs(
+] }), Ue = ({ mainLink: t, subLink: e, isLoading: r, badge: o, loaderProps: i, classes: a }) => {
+  const { isMobile: l } = G();
+  return /* @__PURE__ */ n.jsx(ht, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: d(
@@ -1506,16 +1506,16 @@ const Ye = [
             /* @__PURE__ */ n.jsx(f, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
             /* @__PURE__ */ n.jsx(f, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
           ] }),
-          /* @__PURE__ */ n.jsx(xe, { mainLink: e, subLink: t, isMobile: l, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ n.jsx(pt, { mainLink: t, subLink: e, isMobile: l, classes: a == null ? void 0 : a.links }),
           /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ n.jsx(Tt, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
+        o && /* @__PURE__ */ n.jsx(Ee, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
       ]
     }
   ) });
-}, At = ({ mainLink: e, subLink: t, isLoading: r, badge: o, loaderProps: i, classes: a }) => {
-  const { isMobile: l } = Y();
-  return /* @__PURE__ */ n.jsx(me, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ n.jsxs(
+}, We = ({ mainLink: t, subLink: e, isLoading: r, badge: o, loaderProps: i, classes: a }) => {
+  const { isMobile: l } = G();
+  return /* @__PURE__ */ n.jsx(ht, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: d(
@@ -1526,22 +1526,22 @@ const Ye = [
       children: [
         /* @__PURE__ */ n.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
           /* @__PURE__ */ n.jsx(wr, { className: d("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
-          /* @__PURE__ */ n.jsx(xe, { mainLink: e, subLink: t, isMobile: l, classes: a == null ? void 0 : a.links }),
+          /* @__PURE__ */ n.jsx(pt, { mainLink: t, subLink: e, isMobile: l, classes: a == null ? void 0 : a.links }),
           /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ n.jsx(Tt, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
+        o && /* @__PURE__ */ n.jsx(Ee, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
       ]
     }
   ) });
-}, vr = (e) => {
-  switch (e.mode) {
-    case wt.ESIA:
-      return /* @__PURE__ */ n.jsx(At, { ...e });
-    case wt.MOBILE_ID:
-      return /* @__PURE__ */ n.jsx(Vt, { ...e });
-    case wt.COMBINE:
+}, Nr = (t) => {
+  switch (t.mode) {
+    case ve.ESIA:
+      return /* @__PURE__ */ n.jsx(We, { ...t });
+    case ve.MOBILE_ID:
+      return /* @__PURE__ */ n.jsx(Ue, { ...t });
+    case ve.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: r, subtitle: o, badge: i, classes: a } = e, l = !o && !i ? lt.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: r, subtitle: o, badge: i, classes: a } = t, l = !o && !i ? le.Fragment : "div";
       return /* @__PURE__ */ n.jsxs(
         "div",
         {
@@ -1552,22 +1552,22 @@ const Ye = [
           children: [
             /* @__PURE__ */ n.jsxs(l, { className: d("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
               o && /* @__PURE__ */ n.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: o }),
-              i && /* @__PURE__ */ n.jsx(Tt, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: i })
+              i && /* @__PURE__ */ n.jsx(Ee, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: i })
             ] }),
             /* @__PURE__ */ n.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
               /* @__PURE__ */ n.jsx(
-                At,
+                We,
                 {
-                  ...t,
+                  ...e,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...t.classes
+                    ...e.classes
                   }
                 }
               ),
               /* @__PURE__ */ n.jsx(
-                Vt,
+                Ue,
                 {
                   ...r,
                   classes: {
@@ -1582,31 +1582,31 @@ const Ye = [
         }
       );
   }
-}, Gn = (e) => vr(e), qt = ({ links: e, classes: t }) => /* @__PURE__ */ n.jsx("nav", { className: d("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: o }) => /* @__PURE__ */ n.jsx(
-  gt,
+}, to = (t) => Nr(t), Ke = ({ links: t, classes: e }) => /* @__PURE__ */ n.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: r, label: o }) => /* @__PURE__ */ n.jsx(
+  je,
   {
     classes: {
-      link: d("w-max", t == null ? void 0 : t.linkText),
-      icon: d(t == null ? void 0 : t.linkIcon)
+      link: d("w-max", e == null ? void 0 : e.linkText),
+      icon: d(e == null ? void 0 : e.linkIcon)
     },
     intent: "dark",
     href: r,
     children: o
   },
   r
-)) }), Nr = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: o }) => {
+)) }), vr = ({ groupLabel: t, links: e, mobileAccordionProps: r, classes: o }) => {
   var a, l, u;
-  const { isMobile: i } = Y();
+  const { isMobile: i } = G();
   return /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col gap-2", o == null ? void 0 : o.columnGroup), children: [
     !i && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", o == null ? void 0 : o.columnGroupHeading), children: e }),
-      /* @__PURE__ */ n.jsx(qt, { links: t, classes: o == null ? void 0 : o.linksList }, "desktop")
+      /* @__PURE__ */ n.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", o == null ? void 0 : o.columnGroupHeading), children: t }),
+      /* @__PURE__ */ n.jsx(Ke, { links: e, classes: o == null ? void 0 : o.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ n.jsx(
-      ot,
+      oe,
       {
         defaultOpen: !0,
-        label: e,
+        label: t,
         icon: /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...r,
         classes: {
@@ -1616,11 +1616,11 @@ const Ye = [
           },
           contentInner: d("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
         },
-        children: /* @__PURE__ */ n.jsx(qt, { links: t, classes: o == null ? void 0 : o.linksList }, "mobile")
+        children: /* @__PURE__ */ n.jsx(Ke, { links: e, classes: o == null ? void 0 : o.linksList }, "mobile")
       }
     )
   ] });
-}, Cr = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ n.jsx(Nr, { ...t, ...o, classes: r == null ? void 0 : r.columnGroup }, o.groupLabel)) }), Ir = F("grid gap-4 grid-cols-1", {
+}, Cr = ({ column: t, mobileAccordionProps: e, classes: r }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ n.jsx(vr, { ...e, ...o, classes: r == null ? void 0 : r.columnGroup }, o.groupLabel)) }), Ir = O("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -1631,9 +1631,9 @@ const Ye = [
   defaultVariants: {
     variant: "fourCols"
   }
-}), to = ({
-  variant: e,
-  details: t,
+}), ro = ({
+  variant: t,
+  details: e,
   headline: r,
   mobileAccordionProps: o,
   rootAccordionProps: i,
@@ -1644,14 +1644,14 @@ const Ye = [
   return /* @__PURE__ */ n.jsx(
     "section",
     {
-      id: b.interLinking,
-      "data-test-id": b.interLinking,
+      id: j.interLinking,
+      "data-test-id": j.interLinking,
       className: d("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root),
       children: /* @__PURE__ */ n.jsx(S, { children: /* @__PURE__ */ n.jsx(
-        ot,
+        oe,
         {
           defaultOpen: l,
-          label: /* @__PURE__ */ n.jsx(H, { as: "h4", className: d("text-left", a == null ? void 0 : a.headline), children: r }),
+          label: /* @__PURE__ */ n.jsx(P, { as: "h4", className: d("text-left", a == null ? void 0 : a.headline), children: r }),
           ...i,
           classes: {
             ...i == null ? void 0 : i.classes,
@@ -1660,53 +1660,53 @@ const Ye = [
             },
             content: d("max-w-full bg-color-blue-grey-100 relative", (x = i == null ? void 0 : i.classes) == null ? void 0 : x.content)
           },
-          children: /* @__PURE__ */ n.jsx("div", { className: d(Ir({ variant: e }), a == null ? void 0 : a.columnsWrapper), children: t == null ? void 0 : t.map((p, c) => /* @__PURE__ */ n.jsx(Cr, { ...p, ...o, classes: a == null ? void 0 : a.column }, c)) })
+          children: /* @__PURE__ */ n.jsx("div", { className: d(Ir({ variant: t }), a == null ? void 0 : a.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ n.jsx(Cr, { ...p, ...o, classes: a == null ? void 0 : a.column }, c)) })
         }
       ) })
     }
   );
-}, Tr = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: o }) => /* @__PURE__ */ n.jsx("div", { className: d("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: e && e.map((i, a) => /* @__PURE__ */ n.jsx(
+}, Tr = ({ tabsNames: t, activeTab: e, setActiveTab: r, classes: o }) => /* @__PURE__ */ n.jsx("div", { className: d("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: t && t.map((i, a) => /* @__PURE__ */ n.jsx(
   "button",
   {
     onClick: () => r(a),
     className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
-        "bg-icon-primary-default text-color-white": t === a
+        "bg-icon-primary-default text-color-white": e === a
       },
       o == null ? void 0 : o.button
     ),
     children: i
   },
   i
-)) }), Mr = (e) => e.variant === "HTML", Er = (e) => e.variant === "DOCUMENTS", Fr = (e) => e.variant === "TABLE", Or = ({ html: e, config: t, classes: r, accordionConfig: o }) => {
-  const i = /* @__PURE__ */ n.jsx("div", { className: d(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ n.jsx(ot, { label: t == null ? void 0 : t.accordionTitle, ...o, children: (o == null ? void 0 : o.children) ?? i }) : i });
-}, Sr = (e, t) => ({
-  rows: e == null ? void 0 : e.map(({ row: r }) => ({
+)) }), Mr = (t) => t.variant === "HTML", Er = (t) => t.variant === "DOCUMENTS", Or = (t) => t.variant === "TABLE", Fr = ({ html: t, config: e, classes: r, accordionConfig: o }) => {
+  const i = /* @__PURE__ */ n.jsx("div", { className: d(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ n.jsx(oe, { label: e == null ? void 0 : e.accordionTitle, ...o, children: (o == null ? void 0 : o.children) ?? i }) : i });
+}, Sr = (t, e) => ({
+  rows: t == null ? void 0 : t.map(({ row: r }) => ({
     row: r == null ? void 0 : r.map((o, i) => {
       var a;
       return {
         ...o,
-        heading: t && ((a = t[i]) == null ? void 0 : a.heading)
+        heading: e && ((a = e[i]) == null ? void 0 : a.heading)
       };
     })
   }))
-}), Br = F("flex flex-col", {
+}), Br = O("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Rr = F("desktop:grid mobile:hidden px-4 mb-4", {
+}), Rr = O("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), _r = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ n.jsx("div", { className: d(Rr({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ n.jsx("div", { className: d("text-color-secondary", r == null ? void 0 : r.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Hr = F("desktop:grid mobile:hidden items-center", {
+}), _r = ({ headings: t, columnsVariant: e, classes: r }) => /* @__PURE__ */ n.jsx("div", { className: d(Rr({ columnsVariant: e }), r == null ? void 0 : r.row), children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ n.jsx("div", { className: d("text-color-secondary", r == null ? void 0 : r.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Hr = O("desktop:grid mobile:hidden items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1717,21 +1717,21 @@ const Ye = [
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), Pr = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: o, classes: i }) => /* @__PURE__ */ n.jsx("div", { className: d(Hr({ columnsVariant: r, tableVariant: t }), { "border-none": o === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: a }, l) => /* @__PURE__ */ n.jsx(
+}), Dr = ({ row: t, tableVariant: e, columnsVariant: r, rowIndex: o, classes: i }) => /* @__PURE__ */ n.jsx("div", { className: d(Hr({ columnsVariant: r, tableVariant: e }), { "border-none": o === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a }, l) => /* @__PURE__ */ n.jsx(
   "div",
   {
     className: d("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
     children: a && a
   },
   l
-)) }), Dr = F("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), Pr = O("mobile:flex desktop:hidden flex-col gap-2", {
   variants: {
     tableVariant: {
       filled: "px-4 py-4 odd:bg-color-primary-light-default",
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), Lr = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: o, classes: i }) => /* @__PURE__ */ n.jsx("div", { className: d(Dr({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: a, heading: l }, u) => /* @__PURE__ */ n.jsxs("div", { className: d("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !o }, i == null ? void 0 : i.wrapper), children: [
+}), Lr = ({ row: t, tableVariant: e, columnsVariant: r, headingsExist: o, classes: i }) => /* @__PURE__ */ n.jsx("div", { className: d(Pr({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a, heading: l }, u) => /* @__PURE__ */ n.jsxs("div", { className: d("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !o }, i == null ? void 0 : i.wrapper), children: [
   l && /* @__PURE__ */ n.jsx("div", { className: d("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
   /* @__PURE__ */ n.jsx(
     "div",
@@ -1746,16 +1746,16 @@ const Ye = [
       children: a
     }
   )
-] }, u)) }), zr = ({ tableVariant: e, rows: t, headings: r, columnsVariant: o, classes: i }) => {
+] }, u)) }), zr = ({ tableVariant: t, rows: e, headings: r, columnsVariant: o, classes: i }) => {
   var u;
-  const a = ((u = Sr(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
+  const a = ((u = Sr(e, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
   return /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col", i == null ? void 0 : i.wrapper), children: [
     l && /* @__PURE__ */ n.jsx(_r, { headings: r, columnsVariant: o, classes: i == null ? void 0 : i.desktopHeading }),
-    t == null ? void 0 : t.map((m, x) => /* @__PURE__ */ n.jsx(
-      Pr,
+    e == null ? void 0 : e.map((m, x) => /* @__PURE__ */ n.jsx(
+      Dr,
       {
         rowIndex: x,
-        tableVariant: e,
+        tableVariant: t,
         columnsVariant: o,
         classes: i == null ? void 0 : i.desktopRow,
         ...m
@@ -1766,7 +1766,7 @@ const Ye = [
       Lr,
       {
         headingsExist: l,
-        tableVariant: e,
+        tableVariant: t,
         columnsVariant: o,
         classes: i == null ? void 0 : i.desktopRow,
         ...m
@@ -1775,8 +1775,8 @@ const Ye = [
     ))
   ] });
 }, Qr = ({
-  tableVariant: e,
-  description: t,
+  tableVariant: t,
+  description: e,
   columnsVariant: r,
   config: o,
   rows: i,
@@ -1786,21 +1786,21 @@ const Ye = [
   classes: m
 }) => {
   const x = /* @__PURE__ */ n.jsxs("div", { className: d(Br({ columnsVariant: r }), m == null ? void 0 : m.wrapper), children: [
-    a && /* @__PURE__ */ n.jsx(H, { as: "h4", className: d("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: a }),
-    /* @__PURE__ */ n.jsx(zr, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
-    t && /* @__PURE__ */ n.jsx(
+    a && /* @__PURE__ */ n.jsx(P, { as: "h4", className: d("mb-4 desktop:mb-6", m == null ? void 0 : m.headline), children: a }),
+    /* @__PURE__ */ n.jsx(zr, { tableVariant: t, rows: i, headings: l, columnsVariant: r }),
+    e && /* @__PURE__ */ n.jsx(
       "div",
       {
         className: d("mt-2 [&&]:desk-body-regular-m desktop:mt-2", m == null ? void 0 : m.description),
-        dangerouslySetInnerHTML: { __html: t ?? "" }
+        dangerouslySetInnerHTML: { __html: e ?? "" }
       }
     )
   ] });
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ n.jsx(ot, { label: o == null ? void 0 : o.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || x }) : x });
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ n.jsx(oe, { label: o == null ? void 0 : o.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || x }) : x });
 }, Vr = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, Ar = F("size-8 transition-colors", {
+}, Ar = O("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1810,7 +1810,7 @@ const Ye = [
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), qr = ({ label: e, size: t, url: r, iconType: o, classes: i }) => /* @__PURE__ */ n.jsxs(
+}), qr = ({ label: t, size: e, url: r, iconType: o, classes: i }) => /* @__PURE__ */ n.jsxs(
   "a",
   {
     href: r,
@@ -1824,51 +1824,51 @@ const Ye = [
     children: [
       /* @__PURE__ */ n.jsx(f, { name: Vr[o], className: d(Ar({ iconType: o }), i == null ? void 0 : i.icon) }),
       /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
-        /* @__PURE__ */ n.jsx("p", { className: d("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
+        /* @__PURE__ */ n.jsx("p", { className: d("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: t }),
         /* @__PURE__ */ n.jsxs("div", { className: d("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
-          Number(t),
+          Number(e),
           " КБ"
         ] })
       ] })
     ]
   }
-), Ur = ({ docs: e, config: t, title: r, iconType: o, description: i, classes: a, accordionConfig: l }) => {
+), Ur = ({ docs: t, config: e, title: r, iconType: o, description: i, classes: a, accordionConfig: l }) => {
   const u = /* @__PURE__ */ n.jsxs("div", { className: d("flex max-w-[680px] flex-col", a == null ? void 0 : a.wrapper), children: [
-    r && /* @__PURE__ */ n.jsx(H, { as: "h3", className: "mb-4", children: r }),
-    /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: e == null ? void 0 : e.map((m) => /* @__PURE__ */ n.jsx(qr, { iconType: o, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
+    r && /* @__PURE__ */ n.jsx(P, { as: "h3", className: "mb-4", children: r }),
+    /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: t == null ? void 0 : t.map((m) => /* @__PURE__ */ n.jsx(qr, { iconType: o, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
     i && /* @__PURE__ */ n.jsx("div", { className: d("mt-4", a == null ? void 0 : a.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ n.jsx(ot, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
-}, Wr = ({ entity: e, classes: t, accordionsConfig: r }) => {
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ n.jsx(oe, { label: e == null ? void 0 : e.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
+}, Wr = ({ entity: t, classes: e, accordionsConfig: r }) => {
   var o, i, a;
   switch (!0) {
-    case Mr(e):
-      return (o = e.details) == null ? void 0 : o.map((l, u) => {
+    case Mr(t):
+      return (o = t.details) == null ? void 0 : o.map((l, u) => {
         var m;
-        return /* @__PURE__ */ n.jsx(Or, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (m = t == null ? void 0 : t.entities) == null ? void 0 : m.html }, u);
+        return /* @__PURE__ */ n.jsx(Fr, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
       });
-    case Er(e):
-      return (i = e.details) == null ? void 0 : i.map((l, u) => {
+    case Er(t):
+      return (i = t.details) == null ? void 0 : i.map((l, u) => {
         var m;
         return /* @__PURE__ */ n.jsx(
           Ur,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
             ...l,
-            classes: (m = t == null ? void 0 : t.entities) == null ? void 0 : m.documents
+            classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.documents
           },
           u
         );
       });
-    case Fr(e):
-      return (a = e.details) == null ? void 0 : a.map((l, u) => {
+    case Or(t):
+      return (a = t.details) == null ? void 0 : a.map((l, u) => {
         var m;
         return /* @__PURE__ */ n.jsx(
           Qr,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
             ...l,
-            classes: (m = t == null ? void 0 : t.entities) == null ? void 0 : m.table
+            classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.table
           },
           u
         );
@@ -1876,23 +1876,23 @@ const Ye = [
     default:
       return null;
   }
-}, Kr = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Wr({ entity: e, classes: t, accordionsConfig: r }) }), eo = ({ headline: e, tabs: t, classes: r, accordionsConfig: o }) => {
+}, Kr = ({ entity: t, classes: e, accordionsConfig: r }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: Wr({ entity: t, classes: e, accordionsConfig: r }) }), no = ({ headline: t, tabs: e, classes: r, accordionsConfig: o }) => {
   var u, m;
-  const [i, a] = z(0), l = jt(() => t == null ? void 0 : t.map((x) => x == null ? void 0 : x.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ n.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: d(r == null ? void 0 : r.root), children: /* @__PURE__ */ n.jsxs(S, { className: d(r == null ? void 0 : r.container), children: [
-    /* @__PURE__ */ n.jsx(H, { className: d(r == null ? void 0 : r.headline), as: "h2", children: e }),
+  const [i, a] = L(0), l = se(() => e == null ? void 0 : e.map((x) => x == null ? void 0 : x.tabName), [e]) ?? [];
+  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ n.jsx("section", { id: j.usefulInfo, "data-test-id": j.usefulInfo, className: d(r == null ? void 0 : r.root), children: /* @__PURE__ */ n.jsxs(S, { className: d(r == null ? void 0 : r.container), children: [
+    /* @__PURE__ */ n.jsx(P, { className: d(r == null ? void 0 : r.headline), as: "h2", children: t }),
     /* @__PURE__ */ n.jsx("div", { className: d("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ n.jsx(Tr, { tabsNames: l, activeTab: i, setActiveTab: a, classes: r == null ? void 0 : r.tabs }) }),
-    /* @__PURE__ */ n.jsx("div", { className: d("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (m = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((x, p) => /* @__PURE__ */ n.jsx(Kr, { accordionsConfig: o, ...x, classes: r == null ? void 0 : r.entityClasses }, p)) })
+    /* @__PURE__ */ n.jsx("div", { className: d("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((x, p) => /* @__PURE__ */ n.jsx(Kr, { accordionsConfig: o, ...x, classes: r == null ? void 0 : r.entityClasses }, p)) })
   ] }) });
-}, he = ({ fields: e, control: t }) => e.map(({ type: r, args: o }) => {
-  const i = Fe[r];
-  return /* @__PURE__ */ te(i, { ...o, key: o.name, control: t });
+}, ct = ({ fields: t, control: e }) => t.map(({ type: r, args: o }) => {
+  const i = tt[r];
+  return /* @__PURE__ */ nt(i, { ...o, key: o.name, control: e });
 });
 class $r {
-  constructor(t) {
-    at(this, "TEXT_NODE", 3);
-    at(this, "ELEMENT_NODE", 1);
-    this.options = t;
+  constructor(e) {
+    ae(this, "TEXT_NODE", 3);
+    ae(this, "ELEMENT_NODE", 1);
+    this.options = e;
   }
   /**
    * Рекурсивно обходит DOM дерево и собирает данные в зависимости от опций.
@@ -1900,12 +1900,12 @@ class $r {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(t, r = "string", o) {
+  traverse(e, r = "string", o) {
     const { includeSolidText: i, recursive: a, element: l } = this.options || {};
-    switch (t.nodeType) {
+    switch (e.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
-        const u = t, m = u.tagName.toLowerCase();
+        const u = e, m = u.tagName.toLowerCase();
         if (m === "script") {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
@@ -1913,13 +1913,13 @@ class $r {
         if (l && m !== l)
           break;
         if (r === "node")
-          o.push(t);
+          o.push(e);
         else {
           const x = u.outerHTML.trim();
           o.push(x);
         }
         if (a)
-          for (const x of t.childNodes)
+          for (const x of e.childNodes)
             this.traverse(x, r, o);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
@@ -1927,9 +1927,9 @@ class $r {
         if (!i)
           break;
         if (r === "node")
-          o.push(t);
+          o.push(e);
         else {
-          const x = t.textContent;
+          const x = e.textContent;
           x && o.push(x);
         }
         break;
@@ -1941,8 +1941,8 @@ class $r {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(t, r = "string") {
-    const { includeBody: o } = this.options || {}, i = [], a = [], l = await this.parseFromString(t), u = r === "string" ? i : a;
+  async parse(e, r = "string") {
+    const { includeBody: o } = this.options || {}, i = [], a = [], l = await this.parseFromString(e), u = r === "string" ? i : a;
     if (o)
       this.traverse(l.body, r, u);
     else
@@ -1955,29 +1955,29 @@ class $r {
    * @param html HTML строка
    * @returns Количество найденных тегов
    */
-  async countElements(t) {
-    const { stringNodes: r } = await this.parse(t, "string");
+  async countElements(e) {
+    const { stringNodes: r } = await this.parse(e, "string");
     return r.length;
   }
 }
 const Zr = typeof window < "u";
 class Xr extends $r {
-  constructor(t) {
-    super(t);
+  constructor(e) {
+    super(e);
   }
-  async parseFromString(t) {
-    return Zr ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
+  async parseFromString(e) {
+    return Zr ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
   }
 }
-class Nt {
+class Ie {
   /**
    * Функция для парсинга ноды в react элемент
    */
-  static parseNode(t) {
-    if (t.nodeType === this.TEXT_NODE)
-      return t.textContent ?? null;
-    if (t.nodeType === this.ELEMENT_NODE) {
-      const r = t, o = r.tagName.toLowerCase(), i = {};
+  static parseNode(e) {
+    if (e.nodeType === this.TEXT_NODE)
+      return e.textContent ?? null;
+    if (e.nodeType === this.ELEMENT_NODE) {
+      const r = e, o = r.tagName.toLowerCase(), i = {};
       for (const l of r.attributes) {
         let u = l.name, m = l.value;
         switch (l.name) {
@@ -1999,10 +1999,10 @@ class Nt {
             u = "style";
             const x = {};
             l.value.split(";").forEach((p) => {
-              const [c, g] = p.split(":");
-              if (c && g) {
-                const k = c.trim().replace(/-([a-z])/g, (v, I) => I.toUpperCase());
-                x[k] = g.trim();
+              const [c, b] = p.split(":");
+              if (c && b) {
+                const s = c.trim().replace(/-([a-z])/g, (N, k) => k.toUpperCase());
+                x[s] = b.trim();
               }
             }), m = x;
             break;
@@ -2015,36 +2015,36 @@ class Nt {
         const u = this.parseNode(l);
         u && a.push(u);
       }
-      return te(o, i, ...a);
+      return nt(o, i, ...a);
     }
     return null;
   }
   /**
    * функция для преобразования html строки в react элементы
    */
-  static async toReactNodes(t, r) {
-    const o = new Xr(r), { nodes: i } = await o.parse(t, "node");
+  static async toReactNodes(e, r) {
+    const o = new Xr(r), { nodes: i } = await o.parse(e, "node");
     return i.map((a) => this.parseNode(a));
   }
 }
-at(Nt, "TEXT_NODE", 3), at(Nt, "ELEMENT_NODE", 1);
-const Jr = ({ promises: e }) => {
-  const [t, r] = z([]);
-  return ee(() => {
+ae(Ie, "TEXT_NODE", 3), ae(Ie, "ELEMENT_NODE", 1);
+const Yr = ({ promises: t }) => {
+  const [e, r] = L([]);
+  return be(() => {
     (async () => {
-      r(await e);
+      r(await t);
     })();
-  }, [e]), /* @__PURE__ */ n.jsx(n.Fragment, { children: t });
-}, bt = ({ html: e, options: t, as: r, ...o }) => {
-  const i = r ?? _e, a = r ? o : {}, l = Nt.toReactNodes(e, t);
+  }, [t]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e });
+}, ge = ({ html: t, options: e, as: r, ...o }) => {
+  const i = r ?? Dt, a = r ? o : {}, l = Ie.toReactNodes(t, e);
   return (
     // @ts-expect-error disable warning
-    /* @__PURE__ */ n.jsx(i, { ...a, children: /* @__PURE__ */ n.jsx(Jr, { promises: l }) })
+    /* @__PURE__ */ n.jsx(i, { ...a, children: /* @__PURE__ */ n.jsx(Yr, { promises: l }) })
   );
-}, Yr = (e, t) => e.enabled ? t.map((r) => ({
+}, Jr = (t, e) => t.enabled ? e.map((r) => ({
   name: r.args.name,
   ...r.args.progress
-})) : null, Gr = new Je(), tn = ({ children: e }) => /* @__PURE__ */ n.jsx(Oe, { client: Gr, children: e }), en = (e, t, r, o) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ n.jsx(bt, { html: e.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ n.jsxs(
+})) : null, Gr = new Yt(), en = ({ children: t }) => /* @__PURE__ */ n.jsx(Bt, { client: Gr, children: t }), tn = (t, e, r, o) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ n.jsx(ge, { html: t.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ n.jsxs(
   "label",
   {
     className: d(
@@ -2053,32 +2053,32 @@ const Jr = ({ promises: e }) => {
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ n.jsx(Yt.CheckboxBase, { classes: o == null ? void 0 : o.checkbox, checked: t, onCheckedChange: r }),
-      /* @__PURE__ */ n.jsx(bt, { html: e.content, as: "div", className: o == null ? void 0 : o.content })
+      /* @__PURE__ */ n.jsx(Oe.CheckboxBase, { classes: o == null ? void 0 : o.checkbox, checked: e, onCheckedChange: r }),
+      /* @__PURE__ */ n.jsx(ge, { html: t.content, as: "div", className: o == null ? void 0 : o.content })
     ]
   }
-), ro = ({
-  fields: e,
-  title: t,
+), oo = ({
+  fields: t,
+  title: e,
   progress: r,
   approvement: o,
   chips: i,
   submitProps: a,
   classes: l
 }) => {
-  var Q, N;
-  const { submitCallback: u, ...m } = a || {}, [x, p] = z(!1), c = ue(e), g = ae.getZodDefaults(c), { control: k, handleSubmit: v } = ne({
+  var V, C;
+  const { submitCallback: u, ...m } = a || {}, [x, p] = L(!1), c = xt(t), b = dt.getZodDefaults(c), { control: s, handleSubmit: N } = it({
     schema: c,
-    defaultValues: g,
+    defaultValues: b,
     mode: "onBlur"
-  }), I = Yr(r, e), P = qe({ control: k, fields: I || [], schema: c }), G = (M) => {
+  }), k = Jr(r, t), B = qt({ control: s, fields: k || [], schema: c }), R = (M) => {
     u && u({ ...M, agree: x }), console.warn(M);
   };
-  return /* @__PURE__ */ n.jsx(tn, { children: /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ n.jsx(en, { children: /* @__PURE__ */ n.jsxs(
     "div",
     {
-      id: b.form,
-      "data-test-id": b.form,
+      id: j.form,
+      "data-test-id": j.form,
       className: d(
         "border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
         "relative flex flex-col gap-6 rounded-sm border py-8",
@@ -2092,36 +2092,36 @@ const Jr = ({ promises: e }) => {
               "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
               "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
               "right-4 top-4 w-max",
-              (Q = l == null ? void 0 : l.chips) == null ? void 0 : Q.root
+              (V = l == null ? void 0 : l.chips) == null ? void 0 : V.root
             ),
             children: [
-              i.image && /* @__PURE__ */ n.jsx(f, { name: i.image, className: d("size-4", (N = l == null ? void 0 : l.chips) == null ? void 0 : N.icon) }),
+              i.image && /* @__PURE__ */ n.jsx(f, { name: i.image, className: d("size-4", (C = l == null ? void 0 : l.chips) == null ? void 0 : C.icon) }),
               i.content
             ]
           }
         ),
-        /* @__PURE__ */ n.jsx(H, { as: "h3", className: l == null ? void 0 : l.title, children: t }),
+        /* @__PURE__ */ n.jsx(P, { as: "h3", className: l == null ? void 0 : l.title, children: e }),
         /* @__PURE__ */ n.jsxs(
           "form",
           {
-            onSubmit: v(G),
+            onSubmit: N(R),
             className: d("flex w-[328px] flex-col gap-y-6", "desktop:w-[524px] desktop:gap-y-8", l == null ? void 0 : l.form),
             children: [
               r.enabled && /* @__PURE__ */ n.jsx(
-                Se,
+                Rt,
                 {
-                  progress: P,
-                  topContent: /* @__PURE__ */ n.jsx(bt, { html: r.title }),
-                  bottomContent: /* @__PURE__ */ n.jsx(bt, { html: r.subtitle }),
+                  progress: B,
+                  topContent: /* @__PURE__ */ n.jsx(ge, { html: r.title }),
+                  bottomContent: /* @__PURE__ */ n.jsx(ge, { html: r.subtitle }),
                   maxPercent: r.maxPercent,
                   classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ n.jsx(he, { control: k, fields: e }),
+              /* @__PURE__ */ n.jsx(ct, { control: s, fields: t }),
               /* @__PURE__ */ n.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
-                en(o, x, p, l == null ? void 0 : l.approvement),
+                tn(o, x, p, l == null ? void 0 : l.approvement),
                 /* @__PURE__ */ n.jsx(
-                  Ct,
+                  Te,
                   {
                     ...m,
                     type: "submit",
@@ -2143,7 +2143,7 @@ const Jr = ({ promises: e }) => {
       ]
     }
   ) });
-}, dt = () => ({
+}, de = () => ({
   approve: {
     icon: {
       element: /* @__PURE__ */ n.jsx(f, { name: "status/iconMark" }),
@@ -2204,34 +2204,34 @@ const Jr = ({ promises: e }) => {
       text: "Вернуться на главную"
     }
   }
-}), no = ({ status: e, navigationFn: t }) => /* @__PURE__ */ n.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ n.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ n.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), io = ({ status: t, navigationFn: e }) => /* @__PURE__ */ n.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ n.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ n.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ n.jsx(
     "span",
     {
       className: d(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${dt()[e].icon.bg}`
+        `${de()[t].icon.bg}`
       ),
-      children: dt()[e].icon.element
+      children: de()[t].icon.element
     }
   ),
   /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ n.jsx(H, { as: "h2", children: dt()[e].title }),
-    /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: dt()[e].description })
+    /* @__PURE__ */ n.jsx(P, { as: "h2", children: de()[t].title }),
+    /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: de()[t].description })
   ] }),
-  /* @__PURE__ */ n.jsx(Ct, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: dt()[e].button.text })
-] }) }) }), pe = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ n.jsx("a", { href: e.path, className: d("desk-body-regular-m", t), ...r, children: e.label }), rn = ({ startsWith: e, endsWith: t, matcher: r, filter: o, rootEnabled: i = !0 }) => {
-  const [a, l] = z([]);
-  return ee(() => {
-    if (!re)
+  /* @__PURE__ */ n.jsx(Te, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
+] }) }) }), ft = ({ breadcrumb: t, className: e, ...r }) => /* @__PURE__ */ n.jsx("a", { href: t.path, className: d("desk-body-regular-m", e), ...r, children: t.label }), rn = ({ startsWith: t, endsWith: e, matcher: r, filter: o, rootEnabled: i = !0 }) => {
+  const [a, l] = L([]);
+  return be(() => {
+    if (!ot)
       return;
-    let u = window.location.pathname.split("/").filter((p) => !s.isStringEmpty(p));
-    s.isUndefined(e) || (s.isString(e) ? u = u.slice(u.findIndex((p) => p === e)) : u = u.slice(e)), s.isUndefined(t) || (s.isString(t) ? u = u.slice(0, u.findIndex((p) => p === t) + 1) : u = u.slice(0, t + 1));
+    let u = window.location.pathname.split("/").filter((p) => !g.isStringEmpty(p));
+    g.isUndefined(t) || (g.isString(t) ? u = u.slice(u.findIndex((p) => p === t)) : u = u.slice(t)), g.isUndefined(e) || (g.isString(e) ? u = u.slice(0, u.findIndex((p) => p === e) + 1) : u = u.slice(0, e + 1));
     let m = [], x = "";
     if (i) {
       const p = {
         index: 0,
-        id: Dt(),
+        id: Qe(),
         path: "/",
         label: "home"
       };
@@ -2239,25 +2239,25 @@ const Jr = ({ promises: e }) => {
     }
     u.forEach((p, c) => {
       x += `/${p}`;
-      const g = {
+      const b = {
         // while root enabled we need to increment index
         // cuz we have root breadcrumb
         index: i ? c + 1 : c,
-        id: Dt(),
+        id: Qe(),
         path: x,
         label: p
       };
-      m.push(g);
+      m.push(b);
     }), r && (m = m.map((p) => ({
       ...p,
       ...r(p)
     }))), l(o ? m.filter(o) : m);
-  }, [t, o, r, i, e]), a;
-}, ft = (e, t, r, o) => e.map((i, a) => {
+  }, [e, o, r, i, t]), a;
+}, fe = (t, e, r, o) => t.map((i, a) => {
   const l = a === o;
   return /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ n.jsx(
-      pe,
+      ft,
       {
         breadcrumb: i,
         className: d(r, {
@@ -2265,15 +2265,15 @@ const Jr = ({ promises: e }) => {
         })
       }
     ),
-    a !== e.length - 1 && t
+    a !== t.length - 1 && e
   ] }, i.id);
-}), nn = ({ separator: e, ellipsis: t, classes: r, ...o }) => {
-  const [i, a] = z(!1), l = Et(null);
-  ze(l, () => a(!1));
-  const u = rn(o), { first: m, middle: x, last: p } = jt(() => {
-    let g = [], k = [], v = [];
-    return t && (g = u.slice(0, t), k = u.slice(t, u.length - t), v = u.slice(u.length - t)), { first: g, middle: k, last: v };
-  }, [u, t]), c = e ?? /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("size-4", r == null ? void 0 : r.separator) });
+}), nn = ({ separator: t, ellipsis: e, classes: r, ...o }) => {
+  const [i, a] = L(!1), l = Se(null);
+  Vt(l, () => a(!1));
+  const u = rn(o), { first: m, middle: x, last: p } = se(() => {
+    let b = [], s = [], N = [];
+    return e && (b = u.slice(0, e), s = u.slice(e, u.length - e), N = u.slice(u.length - e)), { first: b, middle: s, last: N };
+  }, [u, e]), c = t ?? /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("size-4", r == null ? void 0 : r.separator) });
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -2282,13 +2282,13 @@ const Jr = ({ promises: e }) => {
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
         r == null ? void 0 : r.root
       ),
-      children: t ? (
+      children: e ? (
         // if ellipsis provided, render hidden breadcrumbs
-        /* @__PURE__ */ n.jsx(n.Fragment, { children: u.length > t * 2 + 1 ? (
+        /* @__PURE__ */ n.jsx(n.Fragment, { children: u.length > e * 2 + 1 ? (
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-            ft(m, c, r == null ? void 0 : r.breadcrumb),
+            fe(m, c, r == null ? void 0 : r.breadcrumb),
             c,
             x.length > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
@@ -2305,10 +2305,10 @@ const Jr = ({ promises: e }) => {
                         "visible opacity-100": i
                       }
                     ),
-                    children: x.map((g) => /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsx(
-                      pe,
+                    children: x.map((b) => /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsx(
+                      ft,
                       {
-                        breadcrumb: g,
+                        breadcrumb: b,
                         className: d(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
@@ -2316,63 +2316,63 @@ const Jr = ({ promises: e }) => {
                           r == null ? void 0 : r.breadcrumb
                         )
                       }
-                    ) }, g.id))
+                    ) }, b.id))
                   }
                 )
               ] }),
               c
             ] }),
-            ft(p, c, r == null ? void 0 : r.breadcrumb, p.length - 1)
+            fe(p, c, r == null ? void 0 : r.breadcrumb, p.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          ft(u, c, r == null ? void 0 : r.breadcrumb, u.length - 1)
+          fe(u, c, r == null ? void 0 : r.breadcrumb, u.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        ft(u, c, r == null ? void 0 : r.breadcrumb, u.length - 1)
+        fe(u, c, r == null ? void 0 : r.breadcrumb, u.length - 1)
       )
     }
   );
 };
-var ut = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(ut || {});
-const on = (e, t) => {
-  switch (t.type) {
-    case ut.ROOT:
+var ue = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(ue || {});
+const on = (t, e) => {
+  switch (e.type) {
+    case ue.ROOT:
       return {
-        ...e,
-        root: t.payload
+        ...t,
+        root: e.payload
       };
-    case ut.CURRENT:
+    case ue.CURRENT:
       return {
-        ...e,
-        current: t.payload
+        ...t,
+        current: e.payload
       };
     default:
-      return e;
+      return t;
   }
-}, an = (e) => {
-  const [t, r] = He(on, e);
-  return [t, r];
-}, dn = (e) => ({
-  type: ut.CURRENT,
-  payload: e
-}), ln = (e) => ({
-  type: ut.ROOT,
-  payload: e
-}), un = ({ categories: e, ...t }) => {
+}, an = (t) => {
+  const [e, r] = Pt(on, t);
+  return [e, r];
+}, dn = (t) => ({
+  type: ue.CURRENT,
+  payload: t
+}), ln = (t) => ({
+  type: ue.ROOT,
+  payload: t
+}), un = ({ categories: t, ...e }) => {
   var r, o;
-  return de(
+  return ut(
     /* @__PURE__ */ n.jsx(
-      Mt.div,
+      Fe.div,
       {
-        ...t,
+        ...e,
         layout: !0,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: { duration: 0.2 },
         className: "absolute bg-color-white",
-        children: /* @__PURE__ */ n.jsx("div", { className: "flex w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
+        children: /* @__PURE__ */ n.jsx("div", { className: "flex w-[1140px] gap-x-[56px] py-10", children: t.map((i) => {
           var l;
           const a = i.link ? "a" : "p";
           return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-y-6", children: [
@@ -2400,11 +2400,11 @@ const on = (e, t) => {
      */
     ((o = (r = document.body.querySelector("#modal-preview")) == null ? void 0 : r.contentDocument) == null ? void 0 : o.body) ?? document.body
   );
-}, mn = Pe(({ category: e, active: t, onActiveTabChange: r }, o) => {
+}, mn = Lt(({ category: t, active: e, onActiveTabChange: r }, o) => {
   var m, x;
-  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = t && !s.isArrayEmpty(e.children), u = s.isArrayEmpty(e.children) ? "a" : "span";
+  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = e && !g.isArrayEmpty(t.children), u = g.isArrayEmpty(t.children) ? "a" : "span";
   return /* @__PURE__ */ n.jsxs(
-    Mt.div,
+    Fe.div,
     {
       ref: o,
       className: d(
@@ -2416,15 +2416,15 @@ const on = (e, t) => {
           "after:w-full": l
         }
       ),
-      onMouseEnter: () => r(e.title),
+      onMouseEnter: () => r(t.title),
       onMouseLeave: () => r(null),
-      onFocus: () => r(e.title),
+      onFocus: () => r(t.title),
       children: [
-        /* @__PURE__ */ n.jsx(u, { href: u === "a" ? (x = e.link) == null ? void 0 : x.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
+        /* @__PURE__ */ n.jsx(u, { href: u === "a" ? (x = t.link) == null ? void 0 : x.href : void 0, className: "desk-body-regular-m outline-none", children: t.title }),
         l && /* @__PURE__ */ n.jsx(
           un,
           {
-            categories: e.children,
+            categories: t.children,
             style: {
               top: a ? a.top + a.height : 0,
               left: a ? a.left : 0,
@@ -2435,23 +2435,23 @@ const on = (e, t) => {
       ]
     }
   );
-}), xn = Ft(mn), hn = ({ categories: e }) => {
-  const [t, r] = z(null), o = Gt((a) => {
+}), xn = Be(mn), hn = ({ categories: t }) => {
+  const [e, r] = L(null), o = rt((a) => {
     r(a);
-  }, []), i = Et(null);
-  return /* @__PURE__ */ n.jsx(Be, { mode: "sync", children: /* @__PURE__ */ n.jsxs(
+  }, []), i = Se(null);
+  return /* @__PURE__ */ n.jsx(_t, { mode: "sync", children: /* @__PURE__ */ n.jsxs(
     "div",
     {
       ref: i,
       id: "tabs",
       className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
       children: [
-        e.map((a) => /* @__PURE__ */ n.jsx(
+        t.map((a) => /* @__PURE__ */ n.jsx(
           xn,
           {
             ref: i,
             category: a,
-            active: t === a.title,
+            active: e === a.title,
             onActiveTabChange: o
           },
           a.title
@@ -2460,9 +2460,9 @@ const on = (e, t) => {
       ]
     }
   ) });
-}, pn = Ft(hn), cn = ({
-  category: e,
-  selectedCategory: t,
+}, pn = Be(hn), cn = ({
+  category: t,
+  selectedCategory: e,
   onCurrentCategoryChange: r,
   onRootCategoryChange: o,
   active: i,
@@ -2472,14 +2472,14 @@ const on = (e, t) => {
   {
     ...a,
     onClick: () => {
-      r(e.children[0]), o(e);
+      r(t.children[0]), o(t);
     },
     className: d("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
       "text-color-dark": i
     }),
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "desk-body-regular-m", children: e.title }),
-      e.children.length > 1 && /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ n.jsx("span", { className: "desk-body-regular-m", children: t.title }),
+      t.children.length > 1 && /* @__PURE__ */ n.jsx(
         "div",
         {
           className: d(
@@ -2487,16 +2487,16 @@ const on = (e, t) => {
             "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__ */ n.jsx(
+          children: t.children.map((l) => /* @__PURE__ */ n.jsx(
             "span",
             {
               onClick: (u) => {
-                u.stopPropagation(), u.nativeEvent.stopPropagation(), o(e), r(l);
+                u.stopPropagation(), u.nativeEvent.stopPropagation(), o(t), r(l);
               },
               className: d(
                 "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
                 {
-                  "text-color-primary-default": t.title === l.title
+                  "text-color-primary-default": e.title === l.title
                 }
               ),
               children: l.title
@@ -2507,12 +2507,12 @@ const on = (e, t) => {
       )
     ]
   }
-), fn = ({ categories: e, helpers: t, phone: r }) => {
-  const [o, i] = an({ root: e[0].children[0], current: e[0].children[0] });
+), fn = ({ categories: t, helpers: e, phone: r }) => {
+  const [o, i] = an({ root: t[0].children[0], current: t[0].children[0] });
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.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__ */ n.jsx(f, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
-      e.map((a) => {
+      t.map((a) => {
         const l = o.root.title === a.title;
         return /* @__PURE__ */ n.jsx(
           cn,
@@ -2527,7 +2527,7 @@ const on = (e, t) => {
         );
       }),
       /* @__PURE__ */ n.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
-      t.map((a) => /* @__PURE__ */ n.jsxs(
+      e.map((a) => /* @__PURE__ */ n.jsxs(
         "a",
         {
           href: a.link.href,
@@ -2545,16 +2545,16 @@ const on = (e, t) => {
         {
           href: `tel:${r}`,
           className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
-          children: yt(r, "x xxx xxx xx xx")
+          children: ye(r, "x xxx xxx xx xx")
         }
       )
     ] }),
     /* @__PURE__ */ n.jsx(pn, { categories: o.current.children })
   ] });
-}, bn = ({ category: e }) => /* @__PURE__ */ n.jsx(
-  ot,
+}, bn = ({ category: t }) => /* @__PURE__ */ n.jsx(
+  oe,
   {
-    label: e.title ?? "",
+    label: t.title ?? "",
     icon: /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: "-rotate-90" }),
     classes: {
       root: "w-full",
@@ -2569,41 +2569,41 @@ const on = (e, t) => {
         "after:h-[1px] after:bg-color-blue-grey-200"
       )
     },
-    children: /* @__PURE__ */ n.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: e.children.map((t) => {
+    children: /* @__PURE__ */ n.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: t.children.map((e) => {
       var i;
-      const r = !!t.link, o = r ? "a" : "p";
+      const r = !!e.link, o = r ? "a" : "p";
       return /* @__PURE__ */ n.jsxs("ul", { className: "w-full list-none p-0", children: [
         /* @__PURE__ */ n.jsxs(
           o,
           {
-            href: r ? (i = t.link) == null ? void 0 : i.href : void 0,
+            href: r ? (i = e.link) == null ? void 0 : i.href : void 0,
             className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
             children: [
-              t.title,
+              e.title,
               /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowLink" })
             ]
           }
         ),
-        t.children.map((a) => {
+        e.children.map((a) => {
           var l;
           return /* @__PURE__ */ n.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ n.jsx("a", { href: (l = a.link) == null ? void 0 : l.href, className: "w-full", children: a.title }) }, a.title);
         })
-      ] }, t.title);
+      ] }, e.title);
     }) })
   },
-  e.title
-), gn = (e) => e.map((t) => ({
-  value: t.title ?? "",
-  label: t.title ?? ""
-})), jn = ({ categories: e, helpers: t, phone: r, ...o }) => {
-  const i = gn(e), [a, l] = z(i[0]), u = (x) => {
-    s.isUndefined(x) || s.isArray(x) || l(x);
-  }, m = jt(() => {
+  t.title
+), gn = (t) => t.map((e) => ({
+  value: e.title ?? "",
+  label: e.title ?? ""
+})), jn = ({ categories: t, helpers: e, phone: r, ...o }) => {
+  const i = gn(t), [a, l] = L(i[0]), u = (x) => {
+    g.isUndefined(x) || g.isArray(x) || l(x);
+  }, m = se(() => {
     var x;
-    return s.isUndefined(a) || s.isArray(a) ? [] : ((x = e.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
-  }, [a, e]);
+    return g.isUndefined(a) || g.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
+  }, [a, t]);
   return /* @__PURE__ */ n.jsxs(
-    Mt.div,
+    Fe.div,
     {
       ...o,
       className: d(
@@ -2615,14 +2615,14 @@ const on = (e, t) => {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       children: [
-        /* @__PURE__ */ n.jsx(Yt.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
+        /* @__PURE__ */ n.jsx(Oe.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
         /* @__PURE__ */ n.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((x) => {
           var p;
-          return s.isArrayEmpty(x.children) ? /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsx("a", { href: (p = x.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: x.title }) }, x.title) : /* @__PURE__ */ n.jsx(bn, { category: x }, x.title);
+          return g.isArrayEmpty(x.children) ? /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsx("a", { href: (p = x.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: x.title }) }, x.title) : /* @__PURE__ */ n.jsx(bn, { category: x }, x.title);
         }) }),
         /* @__PURE__ */ n.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
         /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
-          t.map((x) => {
+          e.map((x) => {
             var p, c;
             return /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsxs("a", { href: (p = x.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
               ((c = x.link) == null ? void 0 : c.icon) && /* @__PURE__ */ n.jsx(f, { name: x.link.icon, className: "size-4" }),
@@ -2631,24 +2631,24 @@ const on = (e, t) => {
           }),
           /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsxs("a", { href: `tel:${r}`, className: "flex w-full items-center gap-x-1", children: [
             /* @__PURE__ */ n.jsx(f, { name: "communication/phone", className: "size-4" }),
-            yt(r)
+            ye(r)
           ] }) })
         ] })
       ]
     }
   );
-}, yn = ({ categories: e, helpers: t, phone: r }) => {
+}, sn = ({ categories: t, helpers: e, phone: r }) => {
   var m, x, p;
-  const o = Et(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, l] = z(!1), u = () => l(!a);
+  const o = Se(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, l] = L(!1), u = () => l(!a);
   return /* @__PURE__ */ n.jsxs("div", { ref: o, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
     /* @__PURE__ */ n.jsx(f, { name: "brandLogos/logoMain", className: "w-[130px]" }),
     /* @__PURE__ */ n.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ n.jsx(f, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-    a && de(
+    a && ut(
       /* @__PURE__ */ n.jsx(
         jn,
         {
-          categories: e,
-          helpers: t,
+          categories: t,
+          helpers: e,
           phone: r,
           style: { top: i ? i.top + i.height : 0 }
         }
@@ -2659,24 +2659,24 @@ const on = (e, t) => {
       ((p = (x = document.body.querySelector("#modal-preview")) == null ? void 0 : x.contentDocument) == null ? void 0 : p.body) ?? document.body
     )
   ] });
-}, oo = ({ categories: e, helpers: t, phone: r }) => {
-  const { isMobile: o } = Y();
-  return /* @__PURE__ */ n.jsxs("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
-    o ? /* @__PURE__ */ n.jsx(yn, { categories: e.map((i) => i.children).flat(), helpers: t, phone: r }) : /* @__PURE__ */ n.jsx(fn, { categories: e, helpers: t, phone: r }),
+}, ao = ({ categories: t, helpers: e, phone: r }) => {
+  const { isMobile: o } = G();
+  return /* @__PURE__ */ n.jsxs("div", { id: j.seoHeader, "data-test-id": j.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
+    o ? /* @__PURE__ */ n.jsx(sn, { categories: t.map((i) => i.children).flat(), helpers: e, phone: r }) : /* @__PURE__ */ n.jsx(fn, { categories: t, helpers: e, phone: r }),
     /* @__PURE__ */ n.jsx(
       nn,
       {
         ellipsis: o ? 1 : void 0,
-        matcher: (i) => ({ label: Le(i.label).split("-").join(" ") })
+        matcher: (i) => ({ label: Qt(i.label).split("-").join(" ") })
       }
     )
   ] });
-}, ce = (e) => typeof e != "string" && "formula" in e, fe = (e, t) => {
-  let r = t;
+}, bt = (t) => typeof t != "string" && "formula" in t, gt = (t, e) => {
+  let r = e;
   const o = {
-    style: e
+    style: t
   };
-  switch (e) {
+  switch (t) {
     case "currency":
       o.currency = "RUB", o.minimumFractionDigits = 0, o.maximumFractionDigits = 0;
       break;
@@ -2687,34 +2687,34 @@ const on = (e, t) => {
       return null;
   }
   return new Intl.NumberFormat("ru-RU", o).format(r);
-}, sn = (e, t) => {
-  switch (e) {
+}, yn = (t, e) => {
+  switch (t) {
     case "text":
-      return t;
+      return e;
     default:
-      return fe(e, Number(t));
+      return gt(t, Number(e));
   }
-}, kn = (e) => Object.values(e).reduce((r, o) => r.merge(ue(o.fields)), Ae.object({})), wn = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, be = (e, t) => {
-  const r = Object.entries(t).map(([m, x]) => [m, x !== null ? x : "1"]), o = r.map(([m]) => m), i = r.map(([, m]) => m), a = wn(e, Object.fromEntries(r)), u = new Function(...o, `return ${a};`)(...i.map(Number));
+}, kn = (t) => Object.values(t).reduce((r, o) => r.merge(xt(o.fields)), lt({})), wn = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, jt = (t, e) => {
+  const r = Object.entries(e).map(([m, x]) => [m, x !== null ? x : "1"]), o = r.map(([m]) => m), i = r.map(([, m]) => m), a = wn(t, Object.fromEntries(r)), u = new Function(...o, `return ${a};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, vn = (e, t) => e.map((r) => ({
+}, Nn = (t, e) => t.map((r) => ({
   ...r,
-  value: ce(r.value) ? be(r.value.formula, t) : r.value
-})), Nn = ({ subtitle: e, title: t }) => /* @__PURE__ */ n.jsx(n.Fragment, { children: (t || e) && /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
-  t && /* @__PURE__ */ n.jsx(H, { as: "h3", children: t }),
-  e && /* @__PURE__ */ n.jsx("div", { className: "desk-body-regular-l text-color-dark", children: e })
-] }) }), Cn = ({ rootDescription: e, rootValue: t, suffix: r }) => /* @__PURE__ */ n.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
-  /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: e }),
-  /* @__PURE__ */ n.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ n.jsx("span", { children: fe(r, Number(t)) }) })
-] }), In = ({ hint: e, value: t, label: r, mode: o, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+  value: bt(r.value) ? jt(r.value.formula, e) : r.value
+})), vn = ({ subtitle: t, title: e }) => /* @__PURE__ */ n.jsx(n.Fragment, { children: (e || t) && /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
+  e && /* @__PURE__ */ n.jsx(P, { as: "h3", children: e }),
+  t && /* @__PURE__ */ n.jsx("div", { className: "desk-body-regular-l text-color-dark", children: t })
+] }) }), Cn = ({ rootDescription: t, rootValue: e, suffix: r }) => /* @__PURE__ */ n.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
+  /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ n.jsx("span", { children: gt(r, Number(e)) }) })
+] }), In = ({ hint: t, value: e, label: r, mode: o, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
   /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
-    e && /* @__PURE__ */ n.jsx(
-      It,
+    t && /* @__PURE__ */ n.jsx(
+      Me,
       {
         withCloseBtn: !1,
         triggerElement: /* @__PURE__ */ n.jsx(f, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
-        children: /* @__PURE__ */ n.jsx("p", { children: e })
+        children: /* @__PURE__ */ n.jsx("p", { children: t })
       }
     )
   ] }),
@@ -2725,25 +2725,25 @@ const on = (e, t) => {
         "[&&]:desk-title-bold-s": a,
         "text-color-primary-default": i === "blue"
       }),
-      children: sn(o, t)
+      children: yn(o, e)
     }
   )
-] }), Tn = ({ infoList: e }) => {
-  const { watch: t } = oe(), r = t(), o = vn(e, r);
+] }), Tn = ({ infoList: t }) => {
+  const { watch: e } = ke(), r = e(), o = Nn(t, r);
   return /* @__PURE__ */ n.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ n.jsx(In, { ...i }, i.label)) });
-}, Mn = ({ iconName: e, text: t, hint: r }) => /* @__PURE__ */ n.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
+}, Mn = ({ iconName: t, text: e, hint: r }) => /* @__PURE__ */ n.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
   /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ n.jsx(f, { name: e, className: "size-6 text-icon-blue-grey-800" }),
-    /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: t })
+    /* @__PURE__ */ n.jsx(f, { name: t, className: "size-6 text-icon-blue-grey-800" }),
+    /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: e })
   ] }),
-  r && /* @__PURE__ */ n.jsx(It, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ n.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ n.jsx("p", { children: r }) })
-] }), En = ({ assistHint: e, buttonsConfig: t, bottomDescription: r }) => /* @__PURE__ */ n.jsxs("div", { children: [
-  e && /* @__PURE__ */ n.jsx(Mn, { ...e }),
-  /* @__PURE__ */ n.jsx("div", { className: d("flex items-center gap-4 mobile:flex-col"), children: t == null ? void 0 : t.map((o, i) => /* @__PURE__ */ n.jsx($, { className: "w-full", ...o }, i)) }),
+  r && /* @__PURE__ */ n.jsx(Me, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ n.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ n.jsx("p", { children: r }) })
+] }), En = ({ assistHint: t, buttonsConfig: e, bottomDescription: r }) => /* @__PURE__ */ n.jsxs("div", { children: [
+  t && /* @__PURE__ */ n.jsx(Mn, { ...t }),
+  /* @__PURE__ */ n.jsx("div", { className: d("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ n.jsx(Z, { className: "w-full", ...o }, i)) }),
   r && /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: r })
-] }), Fn = ({
-  rootDescription: e,
-  bottomDescription: t,
+] }), On = ({
+  rootDescription: t,
+  bottomDescription: e,
   rootValue: r,
   title: o,
   subtitle: i,
@@ -2752,19 +2752,42 @@ const on = (e, t) => {
   suffix: u,
   assistHint: m
 }) => /* @__PURE__ */ n.jsxs("div", { className: "w-[456px] rounded-md bg-color-blue-grey-100 p-8", children: [
-  /* @__PURE__ */ n.jsx(Cn, { suffix: u, rootValue: r, rootDescription: e }),
-  /* @__PURE__ */ n.jsx(Nn, { title: o, subtitle: i }),
+  /* @__PURE__ */ n.jsx(Cn, { suffix: u, rootValue: r, rootDescription: t }),
+  /* @__PURE__ */ n.jsx(vn, { title: o, subtitle: i }),
   /* @__PURE__ */ n.jsx(Tn, { infoList: l }),
-  /* @__PURE__ */ n.jsx(En, { assistHint: m, buttonsConfig: a, bottomDescription: t })
-] }), On = (e) => {
-  switch (e) {
+  /* @__PURE__ */ n.jsx(En, { assistHint: m, buttonsConfig: a, bottomDescription: e })
+] }), Fn = 2e4, st = ({
+  slidersGroupConfig: t,
+  additionalSliderGroupConfig: e
+}) => {
+  const [r, o] = L(!1), { watch: i, setValue: a } = ke(), l = t == null ? void 0 : t.fields.find(({ args: R }) => R.name === "sum"), { args: u } = l || {}, { max: m, name: x, defaultValue: p } = u || {}, c = i(x), { min: b, name: s } = (e == null ? void 0 : e.args) ?? {}, N = i(s), k = Number(m ?? 0) - (c ?? p);
+  return be(() => {
+    N > k && a(s, k);
+  }, [k, N, a, c]), be(() => {
+    Number(m) === c && o(!1);
+  }, [o, m, c]), {
+    sliderVisible: r,
+    setSliderVisible: o,
+    sumMax: m,
+    sumName: x,
+    sumDefaultValue: p,
+    sumValue: c,
+    additionalSliderMax: k,
+    onCheckedChange: () => {
+      o((R) => !R), Number(m) === c && (a(x ?? "", c - Fn), a(s, b));
+    },
+    sliderSumExist: !g.isObjectEmpty(l == null ? void 0 : l.args),
+    sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
+  };
+}, Sn = (t) => {
+  switch (t) {
     case "content1":
       return /* @__PURE__ */ n.jsx("div", { children: "content 1" });
     case "content2":
       return /* @__PURE__ */ n.jsx("div", { children: "content 2" });
   }
-}, Sn = ({ triggerText: e, modalTitle: t, description: r, contentVariant: o }) => {
-  const [i, a] = Ue(!1);
+}, Bn = ({ triggerText: t, modalTitle: e, description: r, contentVariant: o }) => {
+  const [i, a] = Ut(!1);
   return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
     r && /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: r }),
     /* @__PURE__ */ n.jsx(
@@ -2772,54 +2795,93 @@ const on = (e, t) => {
       {
         onClick: () => a(!0),
         className: "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
-        children: e
+        children: t
       }
     ),
-    /* @__PURE__ */ n.jsx(Re, { title: t, isModalOpen: i, closeModal: () => a(!1), children: On(o) })
+    /* @__PURE__ */ n.jsx(Ht, { title: e, isModalOpen: i, closeModal: () => a(!1), children: Sn(o) })
+  ] });
+}, Y = ({ fields: t }) => {
+  const { control: e } = ke();
+  return /* @__PURE__ */ n.jsx(ct, { control: e, fields: t });
+}, Rn = ({
+  slidersGroupConfig: t,
+  additionalSliderGroupConfig: e
+}) => {
+  const { control: r } = ke(), { sliderVisible: o, additionalSliderMax: i, onCheckedChange: a } = st({
+    slidersGroupConfig: t,
+    additionalSliderGroupConfig: e
+  });
+  return g.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ n.jsxs("div", { className: "inline-flex items-center gap-2", children: [
+      /* @__PURE__ */ n.jsx(Oe.SwitchBase, { checked: o, onCheckedChange: a }),
+      /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
+    ] }),
+    o && /* @__PURE__ */ n.jsx(
+      tt.SliderControl,
+      {
+        ...e.args,
+        control: r,
+        componentType: "algorithmic",
+        suffix: "currency",
+        defaultValue: e == null ? void 0 : e.args.min,
+        max: i
+      }
+    )
   ] });
-}, X = ({ fields: e }) => {
-  const { control: t } = oe();
-  return /* @__PURE__ */ n.jsx(he, { control: t, fields: e });
-}, Bn = ({ modalConfig: e, fieldsGroup: t }) => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
-  e && /* @__PURE__ */ n.jsx(Sn, { ...e }),
-  (t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.selectGroupConfig }) }),
-  (t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.slidersGroupConfig }),
-  (t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.radioGroupTabConfig }),
-  (t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
-  (t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.radioGroupConfig }),
-  (t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.radioGroupCardConfig }),
-  (t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(X, { ...t == null ? void 0 : t.switchGroupConfig }) })
-] }), Rn = Ft(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r }) => /* @__PURE__ */ n.jsx("div", { className: "mb-8 flex items-center gap-4", children: e == null ? void 0 : e.map(({ name: o, label: i }) => /* @__PURE__ */ n.jsx(
+}, _n = ({ modalConfig: t, fieldsGroup: e }) => {
+  var i;
+  const { sliderSumExist: r, sliderSumCorrectType: o } = st({
+    slidersGroupConfig: e.slidersGroupConfig,
+    additionalSliderGroupConfig: e.additionalSliderGroupConfig
+  });
+  return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
+    t && /* @__PURE__ */ n.jsx(Bn, { ...t }),
+    (e == null ? void 0 : e.selectGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.selectGroupConfig }) }),
+    (e == null ? void 0 : e.slidersGroupConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.slidersGroupConfig }),
+    (e == null ? void 0 : e.radioGroupTabConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.radioGroupTabConfig }),
+    (e == null ? void 0 : e.checkboxGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.checkboxGroupConfig }) }),
+    (e == null ? void 0 : e.radioGroupConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.radioGroupConfig }),
+    (e == null ? void 0 : e.radioGroupCardConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.radioGroupCardConfig }),
+    (e == null ? void 0 : e.switchGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.switchGroupConfig }) }),
+    ((i = e.additionalSliderGroupConfig) == null ? void 0 : i.args.enabled) && e.slidersGroupConfig && e.additionalSliderGroupConfig && r && o && /* @__PURE__ */ n.jsx(
+      Rn,
+      {
+        slidersGroupConfig: e.slidersGroupConfig,
+        additionalSliderGroupConfig: e.additionalSliderGroupConfig
+      }
+    )
+  ] });
+}, Hn = Be(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: r }) => /* @__PURE__ */ n.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: o, label: i }) => /* @__PURE__ */ n.jsx(
   "button",
   {
     onClick: () => r(o),
     className: d(
       "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
-      { "bg-icon-primary-default text-color-white": t === o }
+      { "bg-icon-primary-default text-color-white": e === o }
     ),
     children: i
   },
   o
-)) })), _n = ({
-  calculatorInfoConfig: e,
-  calculatorFieldsConfig: t
+)) })), Dn = ({
+  calculatorInfoConfig: t,
+  calculatorFieldsConfig: e
 }) => {
-  const r = kn(t == null ? void 0 : t.fieldsGroup), o = ne({
+  const r = kn(e == null ? void 0 : e.fieldsGroup), o = it({
     schema: r,
     mode: "onBlur",
-    defaultValues: ae.getZodDefaults(r)
-  }), i = o.watch(), { rootValue: a } = e, l = ce(a) ? be(a.formula, i) : a, u = { ...e, rootValue: l };
-  return /* @__PURE__ */ n.jsx(Qe, { ...o, children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-start gap-16", children: [
-    /* @__PURE__ */ n.jsx(Bn, { ...t }),
-    /* @__PURE__ */ n.jsx(Fn, { ...u })
+    defaultValues: dt.getZodDefaults(r)
+  }), i = o.watch(), { rootValue: a } = t, l = bt(a) ? jt(a.formula, i) : a, u = { ...t, rootValue: l };
+  return /* @__PURE__ */ n.jsx(At, { ...o, children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-start gap-16", children: [
+    /* @__PURE__ */ n.jsx(_n, { ...e }),
+    /* @__PURE__ */ n.jsx(On, { ...u })
   ] }) });
-}, io = ({ calculators: e, headline: t }) => {
+}, lo = ({ calculators: t, headline: e }) => {
   var m;
-  const r = e.length > 1, [o, i] = z(r ? (m = e[0]) == null ? void 0 : m.name : ""), a = jt(() => e == null ? void 0 : e.map(({ name: x, label: p }) => ({ name: x, label: p })), [e]), l = r ? a == null ? void 0 : a.findIndex((x) => x.name === o) : 0, u = e[l];
-  return /* @__PURE__ */ n.jsx("section", { id: b.calculator, children: /* @__PURE__ */ n.jsx(S, { children: /* @__PURE__ */ n.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
-    /* @__PURE__ */ n.jsx(H, { className: "mb-12", as: "h2", children: t }),
+  const r = t.length > 1, [o, i] = L(r ? (m = t[0]) == null ? void 0 : m.name : ""), a = se(() => t == null ? void 0 : t.map(({ name: x, label: p }) => ({ name: x, label: p })), [t]), l = r ? a == null ? void 0 : a.findIndex((x) => x.name === o) : 0, u = t[l];
+  return /* @__PURE__ */ n.jsx("section", { id: j.calculator, children: /* @__PURE__ */ n.jsx(S, { children: /* @__PURE__ */ n.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
+    /* @__PURE__ */ n.jsx(P, { className: "mb-12", as: "h2", children: e }),
     r && /* @__PURE__ */ n.jsx(
-      Rn,
+      Hn,
       {
         calculatorTabs: a,
         activeCalculator: o,
@@ -2827,7 +2889,7 @@ const on = (e, t) => {
       }
     ),
     /* @__PURE__ */ n.jsx(
-      _n,
+      Dn,
       {
         name: u.name,
         label: u.label,
@@ -2838,30 +2900,30 @@ const on = (e, t) => {
   ] }) }) });
 };
 export {
-  vt as Advantages,
-  Gn as AuthProvider,
-  Zn as Banner,
-  Qt as BannerWithSeparateImg,
-  Kn as Benefit,
+  Ce as Advantages,
+  to as AuthProvider,
+  Yn as Banner,
+  qe as BannerWithSeparateImg,
+  Zn as Benefit,
   nn as Breadcrumbs,
-  $ as ButtonWithHandlers,
-  io as Calculator,
-  _n as CalculatorView,
-  ro as DynamicForm,
-  no as FallbacksView,
-  he as FieldMapper,
-  Xn as Footer,
+  Z as ButtonWithHandlers,
+  lo as Calculator,
+  Dn as CalculatorView,
+  oo as DynamicForm,
+  io as FallbacksView,
+  ct as FieldMapper,
+  Jn as Footer,
   Xr as HTMLParser,
-  bt as HTMLRenderer,
-  $n as Header,
-  to as InterLinking,
-  Yn as LongBanner,
-  oo as SeoHeader,
-  Jn as Stepper,
-  eo as UsefulInfo,
-  Ye as WIDGET_LIST,
-  ue as getDynamicSchema,
+  ge as HTMLRenderer,
+  Xn as Header,
+  ro as InterLinking,
+  eo as LongBanner,
+  ao as SeoHeader,
+  Gn as Stepper,
+  no as UsefulInfo,
+  Jt as WIDGET_LIST,
+  xt as getDynamicSchema,
   Gr as queryClient,
-  b as widgetIds
+  j as widgetIds
 };
 //# sourceMappingURL=widget.js.map