@scbt-ecom/ui 0.76.2 → 0.77.0

package/dist/widget.js

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