@scbt-ecom/ui 0.75.2 → 0.76.0

package/dist/widget.js

@@ -1,10 +1,10 @@
 var yt = Object.defineProperty;
-var Re = (t) => {
+var _e = (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) || Re("Cannot " + r);
-var h = (t, e, r) => (we(t, e, "read from private field"), r ? r.call(t) : e.get(t)), I = (t, e, r) => e.has(t) ? Re("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), 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 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) => ({
   set _(i) {
     N(t, e, i, r);
@@ -13,22 +13,22 @@ var pe = (t, e, r, o) => ({
     return h(t, e, o);
   }
 });
-import { S as Je, x as Ge, Q as wt, y as E, z as _e, E as Nt, F as vt, G as He, J as z, T as Ct, W as It, X as Tt, Y as Mt, Z as De, _ as Pe, $ as Et, a0 as Le, a1 as ze, a2 as Ot, j as n, B as Te, c as O, R as S, n as et, s as Ft, H as P, i as f, t as je, q as Me, L as St, o as Ee, A as oe, v as tt, a3 as Bt, r as Rt, U as Oe, a4 as Fe, a5 as _t, M as Ht } from "./index-CiahWWHr.js";
+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 j, 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 rt, useState as L, useMemo as se, createElement as nt, Fragment as Dt, useEffect as be, useRef as Se, useReducer as Pt, memo as Be, forwardRef as Lt } from "react";
-import { scrollToElement as zt, createPhoneNumber as ye, getUuid as Qe, capitalize as Qt } from "./utils.js";
-import { i as ot } from "./isClient-C9aZtt2Q.js";
-import { u as G, b as it, a as Vt, g as ke, F as At } from "./useDebounce-BH0d8exl.js";
+import { 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 { a as qt, u as Ut } from "./useFieldsProgress-dcSmd8dw.js";
+import { u as qt, a as Ut } from "./useFieldsProgress-dcSmd8dw.js";
 import { createPortal as ut } from "react-dom";
-var _, $e, Wt = ($e = class extends Je {
+var R, $e, Wt = ($e = class extends Je {
   constructor(e = {}) {
     super();
-    I(this, _);
-    this.config = e, N(this, _, /* @__PURE__ */ new Map());
+    I(this, R);
+    this.config = e, N(this, R, /* @__PURE__ */ new Map());
   }
   build(e, r, o) {
     const i = r.queryKey, a = r.queryHash ?? Ge(i, r);
@@ -43,14 +43,14 @@ var _, $e, Wt = ($e = class extends Je {
     }), this.add(l)), l;
   }
   add(e) {
-    h(this, _).has(e.queryHash) || (h(this, _).set(e.queryHash, e), this.notify({
+    h(this, R).has(e.queryHash) || (h(this, R).set(e.queryHash, e), this.notify({
       type: "added",
       query: e
     }));
   }
   remove(e) {
-    const r = h(this, _).get(e.queryHash);
-    r && (e.destroy(), r === e && h(this, _).delete(e.queryHash), this.notify({ type: "removed", query: e }));
+    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 }));
   }
   clear() {
     E.batch(() => {
@@ -60,20 +60,20 @@ var _, $e, Wt = ($e = class extends Je {
     });
   }
   get(e) {
-    return h(this, _).get(e);
+    return h(this, R).get(e);
   }
   getAll() {
-    return [...h(this, _).values()];
+    return [...h(this, R).values()];
   }
   find(e) {
     const r = { exact: !0, ...e };
     return this.getAll().find(
-      (o) => _e(r, o)
+      (o) => Re(r, o)
     );
   }
   findAll(e = {}) {
     const r = this.getAll();
-    return Object.keys(e).length > 0 ? r.filter((o) => _e(e, o)) : r;
+    return Object.keys(e).length > 0 ? r.filter((o) => Re(e, o)) : r;
   }
   notify(e) {
     E.batch(() => {
@@ -96,7 +96,7 @@ var _, $e, Wt = ($e = class extends Je {
       });
     });
   }
-}, _ = new WeakMap(), $e), H, T, J, D, U, Ze, Kt = (Ze = class extends Nt {
+}, R = new WeakMap(), $e), H, T, J, D, U, Ze, Kt = (Ze = class extends Nt {
   constructor(e) {
     super();
     I(this, D);
@@ -134,7 +134,7 @@ var _, $e, Wt = ($e = class extends Je {
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var a, l, u, m, x, p, c, b, g, k, w, B, R, V, C, M, A, X, xe, ie;
+    var a, l, u, m, x, p, c, b, g, k, w, B, _, V, C, M, A, X, xe, ie;
     const r = () => {
       q(this, D, U).call(this, { type: "continue" });
     };
@@ -187,8 +187,8 @@ var _, $e, Wt = ($e = class extends Je {
       )), 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) {
       try {
-        throw await ((V = (R = h(this, T).config).onError) == null ? void 0 : V.call(
-          R,
+        throw await ((V = (_ = h(this, T).config).onError) == null ? void 0 : V.call(
+          _,
           v,
           e,
           this.state.context,
@@ -409,7 +409,7 @@ function Ve(t) {
               w = !0;
             }), e.signal)
           });
-        }, R = Ct(e.options, e.fetchOptions), V = async (C, M, A) => {
+        }, _ = Ct(e.options, e.fetchOptions), V = async (C, M, A) => {
           if (w)
             return Promise.reject();
           if (M == null && C.pages.length)
@@ -422,7 +422,7 @@ function Ve(t) {
             meta: e.options.meta
           };
           B(X);
-          const xe = await R(
+          const xe = await _(
             X
           ), { maxPages: ie } = e.options, v = A ? It : Tt;
           return {
@@ -684,157 +684,7 @@ var y, W, K, ee, te, $, re, ne, Ye, Yt = (Ye = class {
     h(this, y).clear(), h(this, W).clear();
   }
 }, y = new WeakMap(), W = new WeakMap(), K = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), $ = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), Ye);
-const Jt = [
-  "header",
-  "footer",
-  "interLinking",
-  "stepper",
-  "usefulInfo",
-  "longBanner",
-  "banner",
-  "benefit",
-  "form",
-  "seoHeader",
-  "calculator"
-], s = Jt.reduce(
-  (t, e) => (t[e] = e, t),
-  {}
-), Gt = ["getFioSchema"], mt = (t, e, r) => {
-  const o = t[e];
-  if (j.isNil(o))
-    throw new Error(`validation for type ${String(e)} not found`);
-  if (!j.isFunction(o))
-    throw new Error(`Cannot generate ${String(e)} because is not a function`);
-  return o(r);
-}, er = (t, e) => mt(at.base, t, e), tr = (t, e) => mt(at.dadata, t, e), xt = (t) => {
-  const r = ((t == null ? void 0 : t.map((o) => ({ name: o.args.name, validation: o.args.validation }))) ?? []).reduce((o, i) => {
-    const a = Gt.includes(i.validation.type) ? tr(
-      i.validation.type,
-      i.validation.args
-    ) : er(
-      i.validation.type,
-      i.validation.args
-    );
-    return o[i.name] = a, o;
-  }, {});
-  return lt(r);
-}, rr = (t) => rt(() => {
-  switch (t.handler) {
-    case "navigate": {
-      const { url: r, target: o, rel: i } = t;
-      ot && (window == null || window.open(r, o, i));
-      break;
-    }
-    case "scroll": {
-      const { widgetId: r } = t ?? "";
-      zt({ widgetId: r });
-      break;
-    }
-  }
-}, [t]), Z = ({ handlerOptions: t, className: e, ...r }) => {
-  const o = rr(t);
-  return /* @__PURE__ */ n.jsx(Te, { className: d(e), onClick: o, ...r, children: r.children });
-}, nr = O(
-  "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
-  {
-    variants: {
-      variant: {
-        twoCards: "",
-        threeCards: "desktop:first:col-span-full",
-        fourCards: "desktop:first:col-span-2 desktop:last:col-span-2"
-      }
-    }
-  }
-), or = ({
-  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(nr({ 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 && j.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
-  );
-}, ir = 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"
-    }
-  }
-}), Zn = ({ 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(ir({ variant: r }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ n.jsx(or, { variant: r, classes: o == null ? void 0 : o.item, ...i }, i.title)) })
-] }) }), ar = ({ variant: t, details: e }) => {
-  switch (t) {
-    case "withButton":
-      return /* @__PURE__ */ n.jsx(Z, { ...e });
-    case "withPhone":
-      return /* @__PURE__ */ n.jsx(et, { classes: { root: "items-end" }, ...e, phone: ye(e.phone) });
-    default:
-      return null;
-  }
-}, Xn = (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: Ft[r]
-          }
-        ),
-        ar(t)
-      ] }) })
-    }
-  );
-}, dr = ({
+const Jt = ({
   headTitle: t,
   subtitle: e,
   buttonsConfig: r,
@@ -852,7 +702,7 @@ const Jt = [
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         i == null ? void 0 : i.advantageContainer
       ),
-      children: (o == null ? void 0 : o.details) && ((w = o == null ? void 0 : o.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ n.jsx(Ce, { ...o })
+      children: (o == null ? void 0 : o.details) && ((w = o == null ? void 0 : o.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ n.jsx(Ie, { ...o })
     }
   );
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
@@ -1007,7 +857,7 @@ const Jt = [
                 "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) && ((g = o == null ? void 0 : o.details) == null ? void 0 : g.items.length) > 0 && /* @__PURE__ */ n.jsx(Ce, { ...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 })
             }
           )
         ] })
@@ -1020,350 +870,911 @@ const Jt = [
           "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:hidden desktop:translate-x-1/2 desktop:p-0",
           i == null ? void 0 : i.advantageContainer
         ),
-        children: (o == null ? void 0 : o.details) && ((k = o == null ? void 0 : o.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ n.jsx(Ce, { ...o })
+        children: (o == null ? void 0 : o.details) && ((k = o == null ? void 0 : o.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ n.jsx(Ie, { ...o })
       }
     )
   ] });
-}, Yn = ({ variant: t, ...e }) => {
+}, Gt = ({ variant: t, ...e }) => {
   switch (t) {
     case "separateImg":
       return /* @__PURE__ */ n.jsx(qe, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ n.jsx(dr, { ...e });
+      return /* @__PURE__ */ n.jsx(Jt, { ...e });
     default:
       return /* @__PURE__ */ n.jsx(qe, { ...e });
   }
-}, Ce = ({ details: t, classes: e }) => {
-  const { variant: r, items: o } = t ?? {};
-  return /* @__PURE__ */ n.jsx(
-    "div",
+}, er = ["getFioSchema"], mt = (t, e, r) => {
+  const o = t[e];
+  if (j.isNil(o))
+    throw new Error(`validation for type ${String(e)} not found`);
+  if (!j.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;
+    default:
+      return pt(t, Number(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, x !== null ? x : "1"]), 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",
     {
-      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
-      ))
+      className: d("desk-body-medium-l text-color-dark", {
+        "[&&]:desk-title-bold-s": a,
+        "text-color-primary-default": i === "blue"
+      }),
+      children: nr(o, e)
     }
-  );
-}, lr = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ n.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: r, href: o }) => /* @__PURE__ */ n.jsx(
-  "a",
-  {
-    className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", 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
-)) }), ur = ({ phones: t, classes: e }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: r, text: o }) => /* @__PURE__ */ n.jsx(
-  et,
-  {
-    phone: ye(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)
+  )
+] }), 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;
+    }
+    case "scroll": {
+      const { widgetId: r } = t ?? "";
+      Vt({ widgetId: r });
+      break;
     }
-  },
-  r
-)) }), mr = ({ classes: t, details: e }) => /* @__PURE__ */ n.jsx(
-  "div",
-  {
-    className: d(
-      "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
-      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))
-    )
-  }
-), xr = ({ 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) })
-  }
-), pr = ({ 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
+}, [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: g } = (e == null ? void 0 : e.args) ?? {}, k = i(g), w = Number(m ?? 0) - (c ?? p);
+  return be(() => {
+    k > w && a(g, 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(g, b), Number(m) === c && (a(x ?? "", c - fr), a(g, b));
     },
-    children: "Карта сайта"
+    sliderSumExist: !j.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" });
   }
-), cr = ({ text: t, classes: e }) => {
-  const [r, o] = le.useState(!1), [i, a] = le.useState(!1), l = le.useRef(null);
-  return le.useEffect(() => {
-    const u = l.current;
-    u && a(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ n.jsxs("div", { className: d("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), 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 }),
     /* @__PURE__ */ n.jsx(
-      "div",
+      "button",
       {
-        ref: l,
-        className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, e == null ? void 0 : e.ligalText),
-        dangerouslySetInnerHTML: { __html: t }
+        onClick: () => a(!0),
+        className: "desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
+        children: t
       }
     ),
-    i && /* @__PURE__ */ n.jsx(
-      "div",
+    /* @__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 j.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,
       {
-        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: "Подробнее"
+        ...e.args,
+        control: r,
+        componentType: "algorithmic",
+        suffix: "currency",
+        defaultValue: e == null ? void 0 : e.args.min,
+        max: i
       }
     )
   ] });
-}, Jn = ({
-  socialsLinks: t,
-  phones: e,
-  ligal: r,
-  copyright: o,
-  classes: i,
-  details: a,
-  siteMap: l = !0
-}) => /* @__PURE__ */ n.jsx(
-  "footer",
+}, 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,
+      {
+        slidersGroupConfig: e.slidersGroupConfig,
+        additionalSliderGroupConfig: e.additionalSliderGroupConfig
+      }
+    )
+  ] });
+}, 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",
   {
-    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(lr, { socialsLinks: t.links, classes: i == null ? void 0 : i.socialLinks })
-            ] }),
-            e.enabled && /* @__PURE__ */ n.jsx(ur, { phones: e.items, classes: i == null ? void 0 : i.phonesBlock })
-          ]
+    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;
         }
-      ),
-      !j.isArrayEmpty(a) && /* @__PURE__ */ n.jsx(mr, { details: a, classes: i == null ? void 0 : i.navLinks }),
-      r.enabled && /* @__PURE__ */ n.jsx(cr, { text: r.text }),
-      /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          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
-          ),
-          children: [
-            o.enabled && /* @__PURE__ */ n.jsx(xr, { text: o.text, classes: i == null ? void 0 : i.copyright }),
-            l && /* @__PURE__ */ n.jsx(pr, { classes: i == null ? void 0 : i.siteMap })
-          ]
+        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);
+        }
+        break;
+    }
   }
-), fr = ({ classes: t, index: e, variant: r, title: o, description: i }) => {
-  const a = r === "withTitleAndDescription" && o;
-  return /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      className: d(
-        "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-        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)
-            }
-          )
-        ] })
-      ]
+  /**
+   * Парсит 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 g = c.trim().replace(/-([a-z])/g, (k, w) => w.toUpperCase());
+                x[g] = b.trim();
+              }
+            }), m = x;
+            break;
+        }
+        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 }) })
   );
-}, Gn = ({ 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(
+}, 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: g, handleSubmit: k } = rt({
+    schema: c,
+    defaultValues: b,
+    mode: "onBlur"
+  }), w = Tr(r, t), B = Ut({ control: g, fields: w || [], schema: c }), _ = (M) => {
+    u && u({ ...M, agree: x }), console.warn(M);
+  };
+  return /* @__PURE__ */ n.jsx(Er, { children: /* @__PURE__ */ n.jsxs(
     "div",
     {
+      id: s.form,
+      "data-test-id": s.form,
       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
+        "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
       ),
-      children: e == null ? void 0 : e.map((i, a) => /* @__PURE__ */ n.jsx(fr, { variant: r, ...i, index: a + 1, classes: o == null ? void 0 : o.step }, i.description))
-    }
-  )
-] }) }) }), br = O("", {
-  variants: {
-    intent: {
-      twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
-      fourItems: "mob-title-bold-l desktop:desk-title-bold-l mb-8"
-    },
-    desktopHidden: {
-      true: "desktop:hidden"
-    },
-    mobileHidden: {
-      true: "mobile:hidden"
+      children: [
+        i.enabled && /* @__PURE__ */ n.jsxs(
+          "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
+            ),
+            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
+            ]
+          }
+        ),
+        /* @__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: 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: [
+                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) })
   },
-  defaultVariants: {
-    intent: "twoItems"
-  }
-}), gr = O("", {
-  variants: {
-    intent: {
-      twoItems: "",
-      fourItems: ""
-    },
-    withButton: {
-      true: ""
+  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)
     }
   },
-  compoundVariants: [
-    {
-      intent: "twoItems",
-      withButton: !0,
-      class: "mb-8 desktop:flex"
-    },
-    {
-      intent: "twoItems",
-      withButton: !1,
-      class: "desktop:flex"
-    },
-    {
-      intent: "fourItems",
-      withButton: !0,
-      class: "desktop:grid grid-rows-2 mb-8 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
-    },
-    {
-      intent: "fourItems",
-      withButton: !1,
-      class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
-    }
-  ]
-}), jr = O("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
-  variants: {
-    intent: {
-      twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
-      fourItems: " mobile:last:border-none desktop:w-[264px] desktop:odd:border-b desktop:pb-0 desktop:odd:pb-3"
+  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 })
+          ]
+        }
+      ),
+      !j.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
+          ),
+          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)
+      ] }) })
+    }
+  );
+}, 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: {
-    intent: "twoItems"
+    variant: "fourCols"
   }
-}), sr = O("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Ur = ({
+  variant: t,
+  details: e,
+  headline: r,
+  mobileAccordionProps: o,
+  rootAccordionProps: i,
+  classes: a,
+  defaultOpen: l
+}) => {
+  var u, m, x;
+  return /* @__PURE__ */ n.jsx(
+    "section",
+    {
+      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)) })
+        }
+      ) })
+    }
+  );
+}, Wr = O("", {
   variants: {
     intent: {
-      twoItems: "desktop:h-[232px] desktop:w-[500px]",
-      fourItems: " "
+      twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
+      fourItems: "mob-title-bold-l desktop:desk-title-bold-l mb-8"
     },
-    withButton: {
-      true: !0,
-      false: !1
+    desktopHidden: {
+      true: "desktop:hidden"
+    },
+    mobileHidden: {
+      true: "mobile:hidden"
     }
   },
   defaultVariants: {
     intent: "twoItems"
+  }
+}), Kr = O("", {
+  variants: {
+    intent: {
+      twoItems: "",
+      fourItems: ""
+    },
+    withButton: {
+      true: ""
+    }
   },
   compoundVariants: [
     {
-      intent: "fourItems",
+      intent: "twoItems",
       withButton: !0,
-      class: "desktop:h-[360px] desktop:w-[500px]"
+      class: "mb-8 desktop:flex"
     },
     {
-      intent: "fourItems",
+      intent: "twoItems",
       withButton: !1,
-      class: "desktop:h-[272px] desktop:w-[500px]"
-    }
-  ]
-}), yr = ({ data: t, intent: e }) => {
-  const {
-    title: r,
+      class: "desktop:flex"
+    },
+    {
+      intent: "fourItems",
+      withButton: !0,
+      class: "desktop:grid grid-rows-2 mb-8 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
+    },
+    {
+      intent: "fourItems",
+      withButton: !1,
+      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", {
+  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',
+      fourItems: " mobile:last:border-none desktop:w-[264px] desktop:odd:border-b desktop:pb-0 desktop:odd:pb-3"
+    }
+  },
+  defaultVariants: {
+    intent: "twoItems"
+  }
+}), Zr = O("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+  variants: {
+    intent: {
+      twoItems: "desktop:h-[232px] desktop:w-[500px]",
+      fourItems: " "
+    },
+    withButton: {
+      true: !0,
+      false: !1
+    }
+  },
+  defaultVariants: {
+    intent: "twoItems"
+  },
+  compoundVariants: [
+    {
+      intent: "fourItems",
+      withButton: !0,
+      class: "desktop:h-[360px] desktop:w-[500px]"
+    },
+    {
+      intent: "fourItems",
+      withButton: !1,
+      class: "desktop:h-[272px] desktop:w-[500px]"
+    }
+  ]
+}), Xr = ({ data: t, intent: e }) => {
+  const {
+    title: r,
     description: o,
     popover: i = {
       enabled: !1
     }
   } = t;
-  return /* @__PURE__ */ n.jsx("li", { className: d(jr({ intent: e })), children: /* @__PURE__ */ n.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  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(Me, { triggerElement: /* @__PURE__ */ n.jsx(f, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
+      i.enabled && /* @__PURE__ */ n.jsx(Te, { triggerElement: /* @__PURE__ */ n.jsx(f, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
     ] }),
     /* @__PURE__ */ n.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: o } })
   ] }) });
-}, Ne = ({ intent: t, headline: e, desktopHidden: r = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ n.jsx("h2", { className: d(br({ intent: t, desktopHidden: r, mobileHidden: o })), children: e }), kr = ({ details: t, intent: e, withButton: r }) => /* @__PURE__ */ n.jsx("ul", { className: d(gr({ intent: e, withButton: r })), children: t == null ? void 0 : t.map((o, i) => /* @__PURE__ */ n.jsx(yr, { intent: e, data: o }, i)) }), eo = ({
+}, 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 = ({
   headline: t,
   buttonConfig: e,
   intent: r = "twoItems",
@@ -1383,14 +1794,14 @@ const Jt = [
         ),
         children: [
           l && /* @__PURE__ */ n.jsx(Ne, { intent: r, headline: t, desktopHidden: !0 }),
-          /* @__PURE__ */ n.jsx("div", { className: d(sr({ intent: r, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
+          /* @__PURE__ */ n.jsx("div", { className: d(Zr({ intent: r, withButton: e == null ? void 0 : e.enabled }), a == null ? void 0 : a.imgContainer), children: m }),
           /* @__PURE__ */ n.jsxs(
             "div",
             {
               className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
                 l && /* @__PURE__ */ n.jsx(Ne, { intent: r, headline: t, mobileHidden: !0 }),
-                /* @__PURE__ */ n.jsx(kr, { details: o, intent: r, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
+                /* @__PURE__ */ n.jsx(Yr, { details: o, intent: r, withButton: (e == null ? void 0 : e.enabled) ?? !1 }),
                 (e == null ? void 0 : e.enabled) && e && /* @__PURE__ */ n.jsx(
                   Z,
                   {
@@ -1407,265 +1818,509 @@ const Jt = [
       }
     )
   ] }) });
-}, ve = {
-  ESIA: "esia",
-  MOBILE_ID: "mobileId",
-  COMBINE: "combine"
-}, ht = ({ children: t, isLoading: e, classes: r, loaderProps: o }) => /* @__PURE__ */ n.jsx(
-  "div",
-  {
-    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
-    ),
-    children: /* @__PURE__ */ n.jsx(
-      "div",
+}, 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) => !j.isStringEmpty(p));
+    j.isUndefined(t) || (j.isString(t) ? u = u.slice(u.findIndex((p) => p === t)) : u = u.slice(t)), j.isUndefined(e) || (j.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,
       {
-        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(St, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : t
+        breadcrumb: i,
+        className: d(r, {
+          "pointer-events-none text-color-primary-disabled": l
+        })
       }
-    )
-  }
-), wr = ({ ...t }) => /* @__PURE__ */ n.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-  /* @__PURE__ */ n.jsx(
-    "path",
-    {
-      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" })
-  ] }) })
-] }), pt = ({ mainLink: t, subLink: e, isMobile: r, classes: o }) => /* @__PURE__ */ n.jsxs("div", { className: d("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
-  /* @__PURE__ */ n.jsx(
-    "a",
-    {
-      href: 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
-    }
-  )
-] }), Ue = ({ mainLink: t, subLink: e, isLoading: r, badge: o, loaderProps: i, classes: a }) => {
-  const { isMobile: l } = G();
-  return /* @__PURE__ */ n.jsx(ht, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      className: d(
-        "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(pt, { mainLink: t, subLink: e, isMobile: l, classes: a == null ? void 0 : a.links }),
-          /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
-        ] }),
-        o && /* @__PURE__ */ n.jsx(Ee, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
-      ]
-    }
-  ) });
-}, We = ({ mainLink: t, subLink: e, isLoading: r, badge: o, loaderProps: i, classes: a }) => {
-  const { isMobile: l } = G();
-  return /* @__PURE__ */ n.jsx(ht, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ n.jsxs(
+    ),
+    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 = [], 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: d("size-4", r == null ? void 0 : r.separator) });
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
       className: d(
-        "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !o && l },
-        a == null ? void 0 : a.innerWrapper
+        "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: [
-        /* @__PURE__ */ n.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
-          /* @__PURE__ */ n.jsx(wr, { className: d("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
-          /* @__PURE__ */ n.jsx(pt, { mainLink: t, subLink: e, isMobile: l, classes: a == null ? void 0 : a.links }),
-          /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
-        ] }),
-        o && /* @__PURE__ */ n.jsx(Ee, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: o })
-      ]
+      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)
+      )
     }
-  ) });
-}, Nr = (t) => {
-  switch (t.mode) {
-    case ve.ESIA:
-      return /* @__PURE__ */ n.jsx(We, { ...t });
-    case ve.MOBILE_ID:
-      return /* @__PURE__ */ n.jsx(Ue, { ...t });
-    case ve.COMBINE:
+  );
+};
+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:
-      const { esiaConfig: e, mobileIdConfig: r, subtitle: o, badge: i, classes: a } = t, l = !o && !i ? le.Fragment : "div";
-      return /* @__PURE__ */ n.jsxs(
+      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 && !j.isArrayEmpty(t.children), u = j.isArrayEmpty(t.children) ? "a" : "span";
+  return /* @__PURE__ */ n.jsxs(
+    Oe.div,
+    {
+      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
+        }
+      ),
+      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
+            }
+          }
+        )
+      ]
+    }
+  );
+}), 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(
+    "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(
+          ln,
+          {
+            ref: i,
+            category: a,
+            active: e === a.title,
+            onActiveTabChange: o
+          },
+          a.title
+        )),
+        /* @__PURE__ */ n.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
+      ]
+    }
+  ) });
+}, 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(
         "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
+            "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: [
-            /* @__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(Ee, { className: d("bg-color-positive", a == null ? void 0 : a.badge), children: i })
-            ] }),
-            /* @__PURE__ */ n.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
-              /* @__PURE__ */ n.jsx(
-                We,
+          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",
                 {
-                  ...e,
-                  classes: {
-                    root: "p-0 outline-0 h-[74px]",
-                    arrowIcon: "hidden",
-                    ...e.classes
-                  }
+                  "text-color-primary-default": e.title === l.title
                 }
               ),
-              /* @__PURE__ */ n.jsx(
-                Ue,
-                {
-                  ...r,
-                  classes: {
-                    root: "p-0 outline-0 h-[74px]",
-                    arrowIcon: "hidden",
-                    ...r.classes
-                  }
-                }
-              )
-            ] })
-          ]
+              children: l.title
+            },
+            l.title
+          ))
         }
-      );
+      )
+    ]
   }
-}, to = (t) => Nr(t), Ke = ({ links: t, classes: e }) => /* @__PURE__ */ n.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: t == null ? void 0 : t.map(({ path: r, label: o }) => /* @__PURE__ */ n.jsx(
-  je,
-  {
-    classes: {
-      link: d("w-max", 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(Ke, { 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)
+), 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
           },
-          contentInner: d("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
+          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
+          ]
         },
-        children: /* @__PURE__ */ n.jsx(Ke, { links: e, classes: o == null ? void 0 : o.linksList }, "mobile")
-      }
-    )
+        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 })
   ] });
-}, Cr = ({ column: t, mobileAccordionProps: e, classes: r }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ n.jsx(vr, { ...e, ...o, classes: r == null ? void 0 : r.columnGroup }, o.groupLabel)) }), Ir = O("grid gap-4 grid-cols-1", {
-  variants: {
-    variant: {
-      twoCols: "desktop:grid-cols-2",
-      threeCols: "desktop:grid-cols-3",
-      fourCols: "desktop:grid-cols-4"
-    }
-  },
-  defaultVariants: {
-    variant: "fourCols"
-  }
-}), ro = ({
-  variant: t,
-  details: e,
-  headline: r,
-  mobileAccordionProps: o,
-  rootAccordionProps: i,
-  classes: a,
-  defaultOpen: l
-}) => {
-  var u, m, x;
-  return /* @__PURE__ */ n.jsx(
-    "section",
+}, pn = ({ category: t }) => /* @__PURE__ */ n.jsx(
+  oe,
+  {
+    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"
+      )
+    },
+    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);
+    }) })
+  },
+  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) => {
+    j.isUndefined(x) || j.isArray(x) || l(x);
+  }, m = ye(() => {
+    var x;
+    return j.isUndefined(a) || j.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
+  }, [a, t]);
+  return /* @__PURE__ */ n.jsxs(
+    Oe.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,
+      ...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 j.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,
         {
-          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(Ir({ variant: t }), a == null ? void 0 : a.columnsWrapper), children: e == null ? void 0 : e.map((p, c) => /* @__PURE__ */ n.jsx(Cr, { ...p, ...o, classes: a == null ? void 0 : a.column }, c)) })
+          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,
+      {
+        ellipsis: o ? 1 : void 0,
+        matcher: (i) => ({ label: At(i.label).split("-").join(" ") })
+      }
+    )
+  ] });
+}, 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)
+            }
+          )
+        ] })
+      ]
     }
   );
-}, Tr = ({ tabsNames: t, activeTab: e, setActiveTab: r, classes: o }) => /* @__PURE__ */ n.jsx("div", { className: d("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", o == null ? void 0 : o.tabs), children: t && t.map((i, a) => /* @__PURE__ */ n.jsx(
+}, 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",
+    {
+      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))
+    }
+  )
+] }) }) }), 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(
   "button",
   {
     onClick: () => r(a),
@@ -1679,10 +2334,10 @@ const Jt = [
     children: i
   },
   i
-)) }), Mr = (t) => t.variant === "HTML", Er = (t) => t.variant === "DOCUMENTS", Or = (t) => t.variant === "TABLE", Fr = ({ html: t, config: e, classes: r, accordionConfig: o }) => {
+)) }), 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 });
-}, Sr = (t, e) => ({
+}, Cn = (t, e) => ({
   rows: t == null ? void 0 : t.map(({ row: r }) => ({
     row: r == null ? void 0 : r.map((o, i) => {
       var a;
@@ -1692,21 +2347,21 @@ const Jt = [
       };
     })
   }))
-}), Br = O("flex flex-col", {
+}), In = O("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Rr = O("desktop:grid mobile:hidden px-4 mb-4", {
+}), Tn = O("desktop:grid mobile:hidden px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), _r = ({ headings: t, columnsVariant: e, classes: r }) => /* @__PURE__ */ n.jsx("div", { className: d(Rr({ columnsVariant: e }), r == null ? void 0 : r.row), children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ n.jsx("div", { className: d("text-color-secondary", r == null ? void 0 : r.cell), children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Hr = O("desktop:grid mobile:hidden items-center", {
+}), 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", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -1717,21 +2372,21 @@ const Jt = [
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), Dr = ({ row: t, tableVariant: e, columnsVariant: r, rowIndex: o, classes: i }) => /* @__PURE__ */ n.jsx("div", { className: d(Hr({ columnsVariant: r, tableVariant: e }), { "border-none": o === 0 }, i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a }, l) => /* @__PURE__ */ n.jsx(
+}), 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(
   "div",
   {
     className: d("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
     children: a && a
   },
   l
-)) }), Pr = O("mobile:flex desktop:hidden flex-col gap-2", {
+)) }), Fn = O("mobile:flex desktop:hidden flex-col gap-2", {
   variants: {
     tableVariant: {
       filled: "px-4 py-4 odd:bg-color-primary-light-default",
       separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
     }
   }
-}), Lr = ({ row: t, tableVariant: e, columnsVariant: r, headingsExist: o, classes: i }) => /* @__PURE__ */ n.jsx("div", { className: d(Pr({ tableVariant: e }), i == null ? void 0 : i.row), children: t == null ? void 0 : t.map(({ cell: a, heading: l }, u) => /* @__PURE__ */ n.jsxs("div", { className: d("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !o }, i == null ? void 0 : i.wrapper), children: [
+}), 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 }),
   /* @__PURE__ */ n.jsx(
     "div",
@@ -1746,13 +2401,13 @@ const Jt = [
       children: a
     }
   )
-] }, u)) }), zr = ({ tableVariant: t, rows: e, headings: r, columnsVariant: o, classes: i }) => {
+] }, u)) }), Bn = ({ tableVariant: t, rows: e, headings: r, columnsVariant: o, classes: i }) => {
   var u;
-  const a = ((u = Sr(e, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
+  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(_r, { headings: r, columnsVariant: o, classes: i == null ? void 0 : i.desktopHeading }),
+    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(
-      Dr,
+      On,
       {
         rowIndex: x,
         tableVariant: t,
@@ -1763,7 +2418,7 @@ const Jt = [
       x
     )),
     a == null ? void 0 : a.map((m, x) => /* @__PURE__ */ n.jsx(
-      Lr,
+      Sn,
       {
         headingsExist: l,
         tableVariant: t,
@@ -1774,7 +2429,7 @@ const Jt = [
       x
     ))
   ] });
-}, Qr = ({
+}, _n = ({
   tableVariant: t,
   description: e,
   columnsVariant: r,
@@ -1785,9 +2440,9 @@ const Jt = [
   accordionConfig: u,
   classes: m
 }) => {
-  const x = /* @__PURE__ */ n.jsxs("div", { className: d(Br({ columnsVariant: r }), m == null ? void 0 : m.wrapper), children: [
+  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(zr, { tableVariant: t, rows: i, headings: l, columnsVariant: r }),
+    /* @__PURE__ */ n.jsx(Bn, { tableVariant: t, rows: i, headings: l, columnsVariant: r }),
     e && /* @__PURE__ */ n.jsx(
       "div",
       {
@@ -1797,10 +2452,10 @@ const Jt = [
     )
   ] });
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: o && (o != null && o.isAccordion) && (o != null && o.accordionTitle) ? /* @__PURE__ */ n.jsx(oe, { label: o == null ? void 0 : o.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || x }) : x });
-}, Vr = {
+}, Rn = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, Ar = O("size-8 transition-colors", {
+}, Hn = O("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1810,7 +2465,7 @@ const Jt = [
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), qr = ({ label: t, size: e, url: r, iconType: o, classes: i }) => /* @__PURE__ */ n.jsxs(
+}), Dn = ({ label: t, size: e, url: r, iconType: o, classes: i }) => /* @__PURE__ */ n.jsxs(
   "a",
   {
     href: r,
@@ -1822,7 +2477,7 @@ const Jt = [
       i == null ? void 0 : i.link
     ),
     children: [
-      /* @__PURE__ */ n.jsx(f, { name: Vr[o], className: d(Ar({ iconType: o }), i == null ? void 0 : i.icon) }),
+      /* @__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: [
@@ -1832,26 +2487,26 @@ const Jt = [
       ] })
     ]
   }
-), Ur = ({ docs: t, config: e, title: r, iconType: o, description: i, classes: a, accordionConfig: l }) => {
+), 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(qr, { iconType: o, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
+    /* @__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 ?? "" } })
   ] });
   return /* @__PURE__ */ n.jsx(n.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ n.jsx(oe, { label: e == null ? void 0 : e.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
-}, Wr = ({ entity: t, classes: e, accordionsConfig: r }) => {
+}, Ln = ({ entity: t, classes: e, accordionsConfig: r }) => {
   var o, i, a;
   switch (!0) {
-    case Mr(t):
+    case kn(t):
       return (o = t.details) == null ? void 0 : o.map((l, u) => {
         var m;
-        return /* @__PURE__ */ n.jsx(Fr, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (m = e == null ? void 0 : e.entities) == null ? void 0 : m.html }, u);
+        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);
       });
-    case Er(t):
+    case wn(t):
       return (i = t.details) == null ? void 0 : i.map((l, u) => {
         var m;
         return /* @__PURE__ */ n.jsx(
-          Ur,
+          Pn,
           {
             accordionConfig: r == null ? void 0 : r.documentAccordion,
             ...l,
@@ -1860,11 +2515,11 @@ const Jt = [
           u
         );
       });
-    case Or(t):
+    case Nn(t):
       return (a = t.details) == null ? void 0 : a.map((l, u) => {
         var m;
         return /* @__PURE__ */ n.jsx(
-          Qr,
+          _n,
           {
             accordionConfig: r == null ? void 0 : r.tableAccordion,
             ...l,
@@ -1876,274 +2531,297 @@ const Jt = [
     default:
       return null;
   }
-}, Kr = ({ entity: t, classes: e, accordionsConfig: r }) => /* @__PURE__ */ n.jsx("div", { className: d("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: Wr({ entity: t, classes: e, accordionsConfig: r }) }), no = ({ headline: t, tabs: e, classes: r, accordionsConfig: o }) => {
+}, 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 }) => {
   var u, m;
-  const [i, a] = L(0), l = se(() => e == null ? void 0 : e.map((x) => x == null ? void 0 : x.tabName), [e]) ?? [];
+  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(Tr, { tabsNames: l, activeTab: i, setActiveTab: a, classes: r == null ? void 0 : r.tabs }) }),
-    /* @__PURE__ */ n.jsx("div", { className: d("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((x, p) => /* @__PURE__ */ n.jsx(Kr, { accordionsConfig: o, ...x, classes: r == null ? void 0 : r.entityClasses }, p)) })
+    /* @__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)) })
   ] }) });
-}, ct = ({ fields: t, control: e }) => t.map(({ type: r, args: o }) => {
-  const i = tt[r];
-  return /* @__PURE__ */ nt(i, { ...o, key: o.name, control: e });
-});
-class $r {
-  constructor(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);
-        }
-        break;
+}, Vn = {
+  header: Qr,
+  footer: Lr,
+  interLinking: Ur,
+  stepper: sn,
+  usefulInfo: Qn,
+  longBanner: Jr,
+  banner: Gt,
+  benefit: Kn,
+  form: Fr,
+  seoHeader: gn,
+  calculator: wr
+}, 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"
+      }
     }
   }
-  /**
-   * Парсит 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 Zr = typeof window < "u";
-class Xr extends $r {
-  constructor(e) {
-    super(e);
-  }
-  async parseFromString(e) {
-    return Zr ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
-  }
-}
-class Ie {
-  /**
-   * Функция для парсинга ноды в 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 g = c.trim().replace(/-([a-z])/g, (k, w) => w.toUpperCase());
-                x[g] = b.trim();
+), 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)
               }
-            }), m = x;
-            break;
-        }
-        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 nt(o, i, ...a);
+            )
+          ] }),
+          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 && j.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"
     }
-    return null;
-  }
-  /**
-   * функция для преобразования html строки в react элементы
-   */
-  static async toReactNodes(e, r) {
-    const o = new Xr(r), { nodes: i } = await o.parse(e, "node");
-    return i.map((a) => this.parseNode(a));
   }
-}
-ae(Ie, "TEXT_NODE", 3), ae(Ie, "ELEMENT_NODE", 1);
-const Yr = ({ 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 ?? Dt, a = r ? o : {}, l = Ie.toReactNodes(t, e);
-  return (
-    // @ts-expect-error disable warning
-    /* @__PURE__ */ n.jsx(i, { ...a, children: /* @__PURE__ */ n.jsx(Yr, { promises: l }) })
+}), 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
+      ))
+    }
   );
-}, Jr = (t, e) => t.enabled ? e.map((r) => ({
-  name: r.args.name,
-  ...r.args.progress
-})) : null, Gr = new Yt(), en = ({ children: t }) => /* @__PURE__ */ n.jsx(Bt, { client: Gr, children: t }), tn = (t, e, r, o) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ n.jsx(ge, { html: t.message, as: "div", className: o == null ? void 0 : o.content }) : /* @__PURE__ */ n.jsxs(
-  "label",
+}, ve = {
+  ESIA: "esia",
+  MOBILE_ID: "mobileId",
+  COMBINE: "combine"
+}, jt = ({ children: t, isLoading: e, classes: r, loaderProps: o }) => /* @__PURE__ */ n.jsx(
+  "div",
   {
+    tabIndex: 0,
     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"
+      "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(Oe.CheckboxBase, { classes: o == null ? void 0 : o.checkbox, checked: e, onCheckedChange: r }),
-      /* @__PURE__ */ n.jsx(ge, { html: t.content, as: "div", className: o == null ? void 0 : o.content })
-    ]
+    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
+      }
+    )
   }
-), oo = ({
-  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: g, handleSubmit: k } = it({
-    schema: c,
-    defaultValues: b,
-    mode: "onBlur"
-  }), w = Jr(r, t), B = qt({ control: g, fields: w || [], schema: c }), R = (M) => {
-    u && u({ ...M, agree: x }), console.warn(M);
-  };
-  return /* @__PURE__ */ n.jsx(en, { children: /* @__PURE__ */ n.jsxs(
+), $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",
     {
-      id: s.form,
-      "data-test-id": s.form,
       className: d(
-        "border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
-        "relative flex flex-col gap-6 rounded-sm border py-8",
-        l == null ? void 0 : l.root
+        "flex flex-1 items-center justify-between gap-1",
+        { "justify-center": !o && l },
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        i.enabled && /* @__PURE__ */ n.jsxs(
-          "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
-            ),
-            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
-            ]
-          }
-        ),
-        /* @__PURE__ */ n.jsx(P, { as: "h3", className: l == null ? void 0 : l.title, children: e }),
-        /* @__PURE__ */ n.jsxs(
-          "form",
-          {
-            onSubmit: k(R),
-            className: d("flex w-[328px] flex-col gap-y-6", "desktop:w-[524px] desktop:gap-y-8", l == null ? void 0 : l.form),
-            children: [
-              r.enabled && /* @__PURE__ */ n.jsx(
-                Rt,
+        /* @__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(
+    "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.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,
                 {
-                  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
+                  ...e,
+                  classes: {
+                    root: "p-0 outline-0 h-[74px]",
+                    arrowIcon: "hidden",
+                    ...e.classes
+                  }
                 }
               ),
-              /* @__PURE__ */ n.jsx(ct, { 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: [
-                tn(o, x, p, l == null ? void 0 : l.approvement),
-                /* @__PURE__ */ n.jsx(
-                  Te,
-                  {
-                    ...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: "Отправить форму"
+              /* @__PURE__ */ n.jsx(
+                We,
+                {
+                  ...r,
+                  classes: {
+                    root: "p-0 outline-0 h-[74px]",
+                    arrowIcon: "hidden",
+                    ...r.classes
                   }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}, de = () => ({
+                }
+              )
+            ] })
+          ]
+        }
+      );
+  }
+}, lo = (t) => Zn(t), de = () => ({
   approve: {
     icon: {
       element: /* @__PURE__ */ n.jsx(f, { name: "status/iconMark" }),
@@ -2204,7 +2882,7 @@ const Yr = ({ promises: t }) => {
       text: "Вернуться на главную"
     }
   }
-}), io = ({ status: t, navigationFn: e }) => /* @__PURE__ */ n.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ n.jsx(S, { className: "flex flex-col justify-center", children: /* @__PURE__ */ n.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), 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: [
   /* @__PURE__ */ n.jsx(
     "span",
     {
@@ -2219,711 +2897,33 @@ const Yr = ({ promises: t }) => {
     /* @__PURE__ */ n.jsx(P, { as: "h2", children: de()[t].title }),
     /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: de()[t].description })
   ] }),
-  /* @__PURE__ */ n.jsx(Te, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: e, children: de()[t].button.text })
-] }) }) }), ft = ({ breadcrumb: t, className: e, ...r }) => /* @__PURE__ */ n.jsx("a", { href: t.path, className: d("desk-body-regular-m", e), ...r, children: t.label }), rn = ({ startsWith: t, endsWith: e, matcher: r, filter: o, rootEnabled: i = !0 }) => {
-  const [a, l] = L([]);
-  return be(() => {
-    if (!ot)
-      return;
-    let u = window.location.pathname.split("/").filter((p) => !j.isStringEmpty(p));
-    j.isUndefined(t) || (j.isString(t) ? u = u.slice(u.findIndex((p) => p === t)) : u = u.slice(t)), j.isUndefined(e) || (j.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(
-      ft,
-      {
-        breadcrumb: i,
-        className: d(r, {
-          "pointer-events-none text-color-primary-disabled": l
-        })
-      }
-    ),
-    a !== t.length - 1 && e
-  ] }, i.id);
-}), nn = ({ separator: t, ellipsis: e, classes: r, ...o }) => {
-  const [i, a] = L(!1), l = Se(null);
-  Vt(l, () => a(!1));
-  const u = rn(o), { first: m, middle: x, last: p } = se(() => {
-    let b = [], 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: d("size-4", r == null ? void 0 : r.separator) });
-  return /* @__PURE__ */ n.jsx(
-    "div",
-    {
-      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
-      ),
-      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(
-                      ft,
-                      {
-                        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)
-      )
-    }
-  );
-};
-var ue = /* @__PURE__ */ ((t) => (t.ROOT = "root", t.CURRENT = "current", t))(ue || {});
-const on = (t, e) => {
-  switch (e.type) {
-    case ue.ROOT:
-      return {
-        ...t,
-        root: e.payload
-      };
-    case ue.CURRENT:
-      return {
-        ...t,
-        current: e.payload
-      };
-    default:
-      return t;
-  }
-}, an = (t) => {
-  const [e, r] = Pt(on, t);
-  return [e, r];
-}, dn = (t) => ({
-  type: ue.CURRENT,
-  payload: t
-}), ln = (t) => ({
-  type: ue.ROOT,
-  payload: t
-}), un = ({ categories: t, ...e }) => {
-  var r, o;
-  return ut(
-    /* @__PURE__ */ n.jsx(
-      Fe.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
-  );
-}, mn = Lt(({ category: t, active: e, onActiveTabChange: r }, o) => {
-  var m, x;
-  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = e && !j.isArrayEmpty(t.children), u = j.isArrayEmpty(t.children) ? "a" : "span";
-  return /* @__PURE__ */ n.jsxs(
-    Fe.div,
-    {
-      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
-        }
-      ),
-      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(
-          un,
-          {
-            categories: t.children,
-            style: {
-              top: a ? a.top + a.height : 0,
-              left: a ? a.left : 0,
-              width: window.innerWidth
-            }
-          }
-        )
-      ]
-    }
-  );
-}), xn = Be(mn), hn = ({ categories: t }) => {
-  const [e, r] = L(null), o = rt((a) => {
-    r(a);
-  }, []), i = Se(null);
-  return /* @__PURE__ */ n.jsx(_t, { mode: "sync", children: /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      ref: i,
-      id: "tabs",
-      className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
-      children: [
-        t.map((a) => /* @__PURE__ */ n.jsx(
-          xn,
-          {
-            ref: i,
-            category: a,
-            active: e === a.title,
-            onActiveTabChange: o
-          },
-          a.title
-        )),
-        /* @__PURE__ */ n.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
-      ]
-    }
-  ) });
-}, pn = Be(hn), cn = ({
-  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(
-        "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"
-          ),
-          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",
-                {
-                  "text-color-primary-default": e.title === l.title
-                }
-              ),
-              children: l.title
-            },
-            l.title
-          ))
-        }
-      )
-    ]
-  }
-), fn = ({ categories: t, helpers: e, phone: r }) => {
-  const [o, i] = an({ root: t[0].children[0], current: t[0].children[0] });
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
-      /* @__PURE__ */ n.jsx(f, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
-      t.map((a) => {
-        const l = o.root.title === a.title;
-        return /* @__PURE__ */ n.jsx(
-          cn,
-          {
-            category: a,
-            selectedCategory: o.current,
-            onCurrentCategoryChange: (u) => i(dn(u)),
-            onRootCategoryChange: (u) => i(ln(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
-          ]
-        },
-        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: ye(r, "x xxx xxx xx xx")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ n.jsx(pn, { categories: o.current.children })
-  ] });
-}, bn = ({ category: t }) => /* @__PURE__ */ n.jsx(
-  oe,
-  {
-    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"
-      )
-    },
-    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);
-    }) })
-  },
-  t.title
-), gn = (t) => t.map((e) => ({
-  value: e.title ?? "",
-  label: e.title ?? ""
-})), jn = ({ categories: t, helpers: e, phone: r, ...o }) => {
-  const i = gn(t), [a, l] = L(i[0]), u = (x) => {
-    j.isUndefined(x) || j.isArray(x) || l(x);
-  }, m = se(() => {
-    var x;
-    return j.isUndefined(a) || j.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
-  }, [a, t]);
-  return /* @__PURE__ */ n.jsxs(
-    Fe.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(Oe.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
-        /* @__PURE__ */ n.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((x) => {
-          var p;
-          return j.isArrayEmpty(x.children) ? /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsx("a", { href: (p = x.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: x.title }) }, x.title) : /* @__PURE__ */ n.jsx(bn, { category: x }, x.title);
-        }) }),
-        /* @__PURE__ */ n.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
-        /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
-          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" }),
-            ye(r)
-          ] }) })
-        ] })
-      ]
-    }
-  );
-}, sn = ({ categories: t, helpers: e, phone: r }) => {
-  var m, x, p;
-  const o = Se(null), i = (m = o.current) == null ? void 0 : m.getBoundingClientRect(), [a, l] = L(!1), u = () => l(!a);
-  return /* @__PURE__ */ n.jsxs("div", { ref: o, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
-    /* @__PURE__ */ n.jsx(f, { name: "brandLogos/logoMain", className: "w-[130px]" }),
-    /* @__PURE__ */ n.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ n.jsx(f, { name: a ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
-    a && ut(
-      /* @__PURE__ */ n.jsx(
-        jn,
-        {
-          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
-    )
-  ] });
-}, ao = ({ 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(sn, { categories: t.map((i) => i.children).flat(), helpers: e, phone: r }) : /* @__PURE__ */ n.jsx(fn, { categories: t, helpers: e, phone: r }),
-    /* @__PURE__ */ n.jsx(
-      nn,
-      {
-        ellipsis: o ? 1 : void 0,
-        matcher: (i) => ({ label: Qt(i.label).split("-").join(" ") })
-      }
-    )
-  ] });
-}, bt = (t) => typeof t != "string" && "formula" in t, gt = (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);
-}, yn = (t, e) => {
-  switch (t) {
-    case "text":
-      return e;
-    default:
-      return gt(t, Number(e));
-  }
-}, kn = (t) => Object.values(t).reduce((r, o) => r.merge(xt(o.fields)), lt({})), wn = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, jt = (t, e) => {
-  const r = Object.entries(e).map(([m, x]) => [m, x !== null ? x : "1"]), o = r.map(([m]) => m), i = r.map(([, m]) => m), a = wn(t, Object.fromEntries(r)), u = new Function(...o, `return ${a};`)(...i.map(Number));
-  return Number.isNaN(Number(u)) ? "0" : u.toString();
-}, Nn = (t, e) => t.map((r) => ({
-  ...r,
-  value: bt(r.value) ? jt(r.value.formula, e) : r.value
-})), vn = ({ subtitle: t, title: e }) => /* @__PURE__ */ n.jsx(n.Fragment, { children: (e || t) && /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
-  e && /* @__PURE__ */ n.jsx(P, { as: "h3", children: e }),
-  t && /* @__PURE__ */ n.jsx("div", { className: "desk-body-regular-l text-color-dark", children: t })
-] }) }), Cn = ({ rootDescription: t, rootValue: e, suffix: r }) => /* @__PURE__ */ n.jsxs("div", { className: "mb-6 flex items-center justify-between gap-6", children: [
-  /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: t }),
-  /* @__PURE__ */ n.jsx("div", { className: "desk-title-bold-l flex items-center gap-1 text-color-dark", children: /* @__PURE__ */ n.jsx("span", { children: gt(r, Number(e)) }) })
-] }), In = ({ hint: t, value: e, label: r, mode: o, color: i = "dark", accent: a = !1 }) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-  /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
-    t && /* @__PURE__ */ n.jsx(
-      Me,
-      {
-        withCloseBtn: !1,
-        triggerElement: /* @__PURE__ */ n.jsx(f, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
-        children: /* @__PURE__ */ n.jsx("p", { children: t })
-      }
-    )
-  ] }),
-  /* @__PURE__ */ n.jsx(
-    "span",
-    {
-      className: d("desk-body-medium-l text-color-dark", {
-        "[&&]:desk-title-bold-s": a,
-        "text-color-primary-default": i === "blue"
-      }),
-      children: yn(o, e)
-    }
-  )
-] }), Tn = ({ infoList: t }) => {
-  const { watch: e } = ke(), r = e(), o = Nn(t, r);
-  return /* @__PURE__ */ n.jsx("div", { className: "my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ n.jsx(In, { ...i }, i.label)) });
-}, Mn = ({ iconName: 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(Me, { withCloseBtn: !1, triggerElement: /* @__PURE__ */ n.jsx(f, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }), children: /* @__PURE__ */ n.jsx("p", { children: r }) })
-] }), En = ({ assistHint: t, buttonsConfig: e, bottomDescription: r }) => /* @__PURE__ */ n.jsxs("div", { children: [
-  t && /* @__PURE__ */ n.jsx(Mn, { ...t }),
-  /* @__PURE__ */ n.jsx("div", { className: d("flex items-center gap-4 mobile:flex-col"), children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ n.jsx(Z, { className: "w-full", ...o }, i)) }),
-  r && /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-m mt-4 text-color-secondary", children: r })
-] }), On = ({
-  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(Cn, { suffix: u, rootValue: r, rootDescription: t }),
-  /* @__PURE__ */ n.jsx(vn, { title: o, subtitle: i }),
-  /* @__PURE__ */ n.jsx(Tn, { infoList: l }),
-  /* @__PURE__ */ n.jsx(En, { assistHint: m, buttonsConfig: a, bottomDescription: e })
-] }), Fn = 2e4, st = ({
-  slidersGroupConfig: t,
-  additionalSliderGroupConfig: e
-}) => {
-  const [r, o] = L(!1), { watch: i, setValue: a } = ke(), l = t == null ? void 0 : t.fields.find(({ args: R }) => R.name === "sum"), { args: u } = l || {}, { max: m, name: x, defaultValue: p } = u || {}, c = i(x), { min: b, name: g } = (e == null ? void 0 : e.args) ?? {}, k = i(g), w = Number(m ?? 0) - (c ?? p);
-  return be(() => {
-    k > w && a(g, 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((R) => !R), k <= 0 && a(g, b), Number(m) === c && (a(x ?? "", c - Fn), a(g, b));
-    },
-    sliderSumExist: !j.isObjectEmpty(l == null ? void 0 : l.args),
-    sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
-  };
-}, Sn = (t) => {
-  switch (t) {
-    case "content1":
-      return /* @__PURE__ */ n.jsx("div", { children: "content 1" });
-    case "content2":
-      return /* @__PURE__ */ n.jsx("div", { children: "content 2" });
-  }
-}, Bn = ({ triggerText: t, modalTitle: e, description: r, contentVariant: o }) => {
-  const [i, a] = Ut(!1);
-  return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", children: [
-    r && /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l text-color-tetriary", children: r }),
-    /* @__PURE__ */ n.jsx(
-      "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(Ht, { title: e, isModalOpen: i, closeModal: () => a(!1), children: Sn(o) })
-  ] });
-}, Y = ({ fields: t }) => {
-  const { control: e } = ke();
-  return /* @__PURE__ */ n.jsx(ct, { control: e, fields: t });
-}, Rn = ({
-  slidersGroupConfig: t,
-  additionalSliderGroupConfig: e
-}) => {
-  const { control: r } = ke(), { sliderVisible: o, additionalSliderMax: i, onCheckedChange: a } = st({
-    slidersGroupConfig: t,
-    additionalSliderGroupConfig: e
-  });
-  return j.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ n.jsxs("div", { className: "inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ n.jsx(Oe.SwitchBase, { checked: o, onCheckedChange: a }),
-      /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
-    ] }),
-    o && /* @__PURE__ */ n.jsx(
-      tt.SliderControl,
-      {
-        ...e.args,
-        control: r,
-        componentType: "algorithmic",
-        suffix: "currency",
-        defaultValue: e == null ? void 0 : e.args.min,
-        max: i
-      }
-    )
-  ] });
-}, _n = ({ modalConfig: t, fieldsGroup: e }) => {
-  var i;
-  const { sliderSumExist: r, sliderSumCorrectType: o } = st({
-    slidersGroupConfig: e.slidersGroupConfig,
-    additionalSliderGroupConfig: e.additionalSliderGroupConfig
-  });
-  return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 flex-col gap-8", children: [
-    t && /* @__PURE__ */ n.jsx(Bn, { ...t }),
-    (e == null ? void 0 : e.selectGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.selectGroupConfig }) }),
-    (e == null ? void 0 : e.slidersGroupConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.slidersGroupConfig }),
-    (e == null ? void 0 : e.radioGroupTabConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.radioGroupTabConfig }),
-    (e == null ? void 0 : e.checkboxGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.checkboxGroupConfig }) }),
-    (e == null ? void 0 : e.radioGroupConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.radioGroupConfig }),
-    (e == null ? void 0 : e.radioGroupCardConfig) && /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.radioGroupCardConfig }),
-    (e == null ? void 0 : e.switchGroupConfig) && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ n.jsx(Y, { ...e == null ? void 0 : e.switchGroupConfig }) }),
-    ((i = e.additionalSliderGroupConfig) == null ? void 0 : i.args.enabled) && e.slidersGroupConfig && e.additionalSliderGroupConfig && r && o && /* @__PURE__ */ n.jsx(
-      Rn,
-      {
-        slidersGroupConfig: e.slidersGroupConfig,
-        additionalSliderGroupConfig: e.additionalSliderGroupConfig
-      }
-    )
-  ] });
-}, Hn = Be(({ calculatorTabs: t, activeCalculator: e, setActiveCalculator: r }) => /* @__PURE__ */ n.jsx("div", { className: "mb-8 flex items-center gap-4", children: t == null ? void 0 : t.map(({ name: o, label: i }) => /* @__PURE__ */ n.jsx(
-  "button",
-  {
-    onClick: () => r(o),
-    className: d(
-      "mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
-      { "bg-icon-primary-default text-color-white": e === o }
-    ),
-    children: i
-  },
-  o
-)) })), Dn = ({
-  calculatorInfoConfig: t,
-  calculatorFieldsConfig: e
-}) => {
-  const r = kn(e == null ? void 0 : e.fieldsGroup), o = it({
-    schema: r,
-    mode: "onBlur",
-    defaultValues: dt.getZodDefaults(r)
-  }), i = o.watch(), { rootValue: a } = t, l = bt(a) ? jt(a.formula, i) : a, u = { ...t, rootValue: l };
-  return /* @__PURE__ */ n.jsx(At, { ...o, children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-start gap-16", children: [
-    /* @__PURE__ */ n.jsx(_n, { ...e }),
-    /* @__PURE__ */ n.jsx(On, { ...u })
-  ] }) });
-}, lo = ({ calculators: t, headline: e }) => {
-  var m;
-  const r = t.length > 1, [o, i] = L(r ? (m = t[0]) == null ? void 0 : m.name : ""), a = se(() => t == null ? void 0 : t.map(({ name: x, label: p }) => ({ name: x, label: p })), [t]), l = r ? a == null ? void 0 : a.findIndex((x) => x.name === o) : 0, u = t[l];
-  return /* @__PURE__ */ n.jsx("section", { id: 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(
-      Hn,
-      {
-        calculatorTabs: a,
-        activeCalculator: o,
-        setActiveCalculator: i
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      Dn,
-      {
-        name: u.name,
-        label: u.label,
-        calculatorInfoConfig: u.calculatorInfoConfig,
-        calculatorFieldsConfig: u.calculatorFieldsConfig
-      }
-    )
-  ] }) }) });
-};
+  /* @__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 })
+] }) }) });
 export {
-  Ce as Advantages,
-  to as AuthProvider,
-  Yn as Banner,
+  Ie as Advantages,
+  lo as AuthProvider,
+  Gt as Banner,
   qe as BannerWithSeparateImg,
-  Zn as Benefit,
-  nn as Breadcrumbs,
+  Kn as Benefit,
+  en as Breadcrumbs,
   Z as ButtonWithHandlers,
-  lo as Calculator,
-  Dn as CalculatorView,
-  oo as DynamicForm,
-  io as FallbacksView,
-  ct as FieldMapper,
-  Jn as Footer,
-  Xr as HTMLParser,
+  wr as Calculator,
+  kr as CalculatorView,
+  Fr as DynamicForm,
+  uo as FallbacksView,
+  bt as FieldMapper,
+  Lr as Footer,
+  Cr as HTMLParser,
   ge as HTMLRenderer,
-  Xn as Header,
-  ro as InterLinking,
-  eo as LongBanner,
-  ao as SeoHeader,
-  Gn as Stepper,
-  no as UsefulInfo,
-  Jt as WIDGET_LIST,
-  xt as getDynamicSchema,
-  Gr as queryClient,
+  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
 };
 //# sourceMappingURL=widget.js.map