@scbt-ecom/ui 0.58.0 → 0.59.1

package/dist/widget.js

@@ -1,33 +1,48 @@
-var te = Object.defineProperty;
-var re = (o, t, i) => t in o ? te(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
-var I = (o, t, i) => re(o, typeof t != "symbol" ? t + "" : t, i);
-import { j as e, B as O, c, R as w, P as Z, b as oe, H as y, I as b, C as H, a as ne, L as ie, d as R, A as B, e as de, f as le, U as pe } from "./index-Bnb3sS3q.js";
+var ae = Object.defineProperty;
+var pe = (o, t, n) => t in o ? ae(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n;
+var B = (o, t, n) => pe(o, typeof t != "symbol" ? t + "" : t, n);
+import { j as e, B as U, c as k, R as y, l as Q, r as me, H as N, i as h, s as R, p as ue, L as fe, n as V, A as E, t as he, q as be, U as Y, m as W, k as je } from "./index-mSNqlGXI.js";
 import { c as l, T as j } from "./typeGuards-Bhdr9KYW.js";
-import * as E from "react";
-import { useCallback as xe, useState as _, useMemo as $, createElement as X, Fragment as ae, useEffect as q, useRef as me } from "react";
-import { s as ue, c as J, g as D } from "./uuid-DQgafI7K.js";
-import { i as K } from "./isClient-C9aZtt2Q.js";
-import { u as C, b as fe, a as he } from "./useDebounce-CK7Ghu8F.js";
-import { o as be } from "./utils-Cc0awqbk.js";
-import { z as Q, Z as je } from "./index-DskTH4KE.js";
-import { u as ce } from "./useFieldsProgress-BeFcsVuB.js";
-const ke = (o) => xe(() => {
+import * as _ from "react";
+import { useCallback as A, useState as v, useMemo as G, createElement as P, Fragment as ce, useEffect as s, useRef as $, useReducer as ke, memo as ee } from "react";
+import { s as ge, c as F, g as Z, a as we } from "./uuid-2wKG15vy.js";
+import { i as te } from "./isClient-C9aZtt2Q.js";
+import { a as C, c as ye, b as Ne } from "./useDebounce-QgEEiWs9.js";
+import { o as ve } from "./utils-Cc0awqbk.js";
+import { z as re, Z as Ce } from "./index-DskTH4KE.js";
+import { u as Te } from "./useFieldsProgress-BXzIWmGP.js";
+import { createPortal as oe } from "react-dom";
+const Ie = [
+  "header",
+  "footer",
+  "interLinking",
+  "stepper",
+  "usefulInfo",
+  "longBanner",
+  "banner",
+  "benefit",
+  "form",
+  "seoHeader"
+], b = Ie.reduce(
+  (o, t) => (o[t] = t, o),
+  {}
+), Ee = (o) => A(() => {
   switch (o.handler) {
     case "navigate": {
-      const { url: i, target: n, rel: r } = o;
-      K && (window == null || window.open(i, n, r));
+      const { url: n, target: i, rel: r } = o;
+      te && (window == null || window.open(n, i, r));
       break;
     }
     case "scroll": {
-      const { widgetId: i } = o ?? "";
-      ue({ widgetId: i });
+      const { widgetId: n } = o ?? "";
+      ge({ widgetId: n });
       break;
     }
   }
-}, [o]), v = ({ handlerOptions: o, ...t }) => {
-  const i = ke(o);
-  return /* @__PURE__ */ e.jsx(O, { onClick: i, ...t, children: t.children });
-}, ge = c(
+}, [o]), I = ({ handlerOptions: o, ...t }) => {
+  const n = Ee(o);
+  return /* @__PURE__ */ e.jsx(U, { onClick: n, ...t, children: t.children });
+}, Be = k(
   "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: {
@@ -38,23 +53,23 @@ const ke = (o) => xe(() => {
       }
     }
   }
-), we = ({
+), Se = ({
   subtitle: o,
   title: t,
-  img: i,
-  mobileImg: n,
+  img: n,
+  mobileImg: i,
   classes: r,
   withButton: d,
-  button: p,
-  variant: x,
-  color: a
+  button: x,
+  variant: a,
+  color: p
 }) => {
   const { isDesktop: m } = C();
   return /* @__PURE__ */ e.jsxs(
     "li",
     {
-      style: { backgroundColor: a ?? "#f4f8fe" },
-      className: l(ge({ variant: x }), { "pb-0": n }, { "pb-12": !n }, r == null ? void 0 : r.root),
+      style: { backgroundColor: p ?? "#f4f8fe" },
+      className: l(Be({ variant: a }), { "pb-0": i }, { "pb-12": !i }, r == null ? void 0 : r.root),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
           /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
@@ -67,14 +82,14 @@ const ke = (o) => xe(() => {
               }
             )
           ] }),
-          d && m && (p == null ? void 0 : p.handlerOptions) && /* @__PURE__ */ e.jsx(v, { intent: "primary", className: l("desktop:w-[200px]", r == null ? void 0 : r.button), size: "lg", ...p })
+          d && m && (x == null ? void 0 : x.handlerOptions) && /* @__PURE__ */ e.jsx(I, { intent: "primary", className: l("desktop:w-[200px]", r == null ? void 0 : r.button), size: "lg", ...x })
         ] }),
-        (n || m) && i && /* @__PURE__ */ e.jsx("div", { className: l("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: i && "url" in i && j.isObject(i) ? /* @__PURE__ */ e.jsx("img", { className: l("h-[246px] object-cover", r == null ? void 0 : r.img), src: i.url, alt: t }) : i })
+        (i || m) && n && /* @__PURE__ */ e.jsx("div", { className: l("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: n && "url" in n && j.isObject(n) ? /* @__PURE__ */ e.jsx("img", { className: l("h-[246px] object-cover", r == null ? void 0 : r.img), src: n.url, alt: t }) : n })
       ]
     },
     t
   );
-}, ye = c("grid gap-4", {
+}, _e = k("grid gap-4", {
   variants: {
     variant: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -82,32 +97,33 @@ const ke = (o) => xe(() => {
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Ft = ({ headline: o, details: t, variant: i, classes: n }) => /* @__PURE__ */ e.jsx("section", { id: "benefit", className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ e.jsxs(w, { className: n == null ? void 0 : n.container, children: [
+}), ir = ({ headline: o, details: t, variant: n, classes: i }) => /* @__PURE__ */ e.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: l("pb-20", i == null ? void 0 : i.root), children: /* @__PURE__ */ e.jsxs(y, { className: i == null ? void 0 : i.container, children: [
   /* @__PURE__ */ e.jsx(
     "div",
     {
       dangerouslySetInnerHTML: { __html: o },
-      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
+      className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", i == null ? void 0 : i.heading)
     }
   ),
-  /* @__PURE__ */ e.jsx("ul", { className: l(ye({ variant: i }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ e.jsx(we, { variant: i, classes: n == null ? void 0 : n.item, ...r }, r.title)) })
-] }) }), Ne = ({ variant: o, details: t }) => {
+  /* @__PURE__ */ e.jsx("ul", { className: l(_e({ variant: n }), i == null ? void 0 : i.grid), children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ e.jsx(Se, { variant: n, classes: i == null ? void 0 : i.item, ...r }, r.title)) })
+] }) }), Me = ({ variant: o, details: t }) => {
   switch (o) {
     case "withButton":
-      return /* @__PURE__ */ e.jsx(v, { ...t });
+      return /* @__PURE__ */ e.jsx(I, { ...t });
     case "withPhone":
-      return /* @__PURE__ */ e.jsx(Z, { classes: { root: "items-end" }, ...t, phone: J(t.phone) });
+      return /* @__PURE__ */ e.jsx(Q, { classes: { root: "items-end" }, ...t, phone: F(t.phone) });
     default:
       return null;
   }
-}, Lt = (o) => {
-  const { logoPath: t = "/", logoType: i = "main", classes: n } = o;
+}, dr = (o) => {
+  const { logoPath: t = "/", logoType: n = "main", classes: i } = o;
   return /* @__PURE__ */ e.jsx(
     "header",
     {
-      id: "header",
-      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
-      children: /* @__PURE__ */ e.jsx(w, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+      id: b.header,
+      "data-test-id": b.header,
+      className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", i == null ? void 0 : i.header),
+      children: /* @__PURE__ */ e.jsx(y, { className: l(i == null ? void 0 : i.container), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center justify-between gap-5", i == null ? void 0 : i.wrapper), children: [
         /* @__PURE__ */ e.jsx(
           "a",
           {
@@ -117,46 +133,47 @@ const ke = (o) => xe(() => {
             rel: "noreferrer",
             className: l(
               "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-              n == null ? void 0 : n.logo
+              i == null ? void 0 : i.logo
             ),
-            children: oe[i]
+            children: me[n]
           }
         ),
-        Ne(o)
+        Me(o)
       ] }) })
     }
   );
-}, ve = ({
+}, He = ({
   headTitle: o,
   subtitle: t,
-  buttonsConfig: i,
-  advantages: n,
+  buttonsConfig: n,
+  advantages: i,
   classes: r,
   imgMobile: d,
-  imgDesktop: p,
-  color: x
+  imgDesktop: x,
+  color: a
 }) => {
-  var N;
-  const { isDesktop: a, isMobile: m } = C(), { primary: u, secondary: f } = i || {}, h = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: d.url }) : d, g = p && "url" in p && j.isObject(p) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: p.url }) : p, k = /* @__PURE__ */ e.jsx(
+  var T;
+  const { isDesktop: p, isMobile: m } = C(), { primary: u, secondary: f } = n || {}, c = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: d.url }) : d, w = x && "url" in x && j.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: x.url }) : x, g = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: l(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         r == null ? void 0 : r.advantageContainer
       ),
-      children: (n == null ? void 0 : n.details) && ((N = n == null ? void 0 : n.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ e.jsx(Y, { ...n })
+      children: (i == null ? void 0 : i.details) && ((T = i == null ? void 0 : i.details) == null ? void 0 : T.items.length) > 0 && /* @__PURE__ */ e.jsx(ne, { ...i })
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs(
       "section",
       {
-        style: { backgroundColor: x ?? "#d9edff" },
-        "data-test-id": "banner",
+        id: b.banner,
+        "data-test-id": b.banner,
+        style: { backgroundColor: a ?? "#d9edff" },
         className: l("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root),
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? h : g }),
-          /* @__PURE__ */ e.jsxs(w, { className: l("h-full", r == null ? void 0 : r.container), children: [
+          /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? c : w }),
+          /* @__PURE__ */ e.jsxs(y, { className: l("h-full", r == null ? void 0 : r.container), children: [
             /* @__PURE__ */ e.jsx("div", { className: l("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.textBlock), children: [
               /* @__PURE__ */ e.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
                 /* @__PURE__ */ e.jsx(
@@ -184,7 +201,7 @@ const ke = (o) => xe(() => {
                   ),
                   children: [
                     u.enabled && /* @__PURE__ */ e.jsx(
-                      v,
+                      I,
                       {
                         className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
                         size: "lg",
@@ -193,7 +210,7 @@ const ke = (o) => xe(() => {
                       }
                     ),
                     (f == null ? void 0 : f.enabled) && /* @__PURE__ */ e.jsx(
-                      v,
+                      I,
                       {
                         intent: "secondary",
                         className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
@@ -204,42 +221,43 @@ const ke = (o) => xe(() => {
                 }
               )
             ] }) }),
-            a && (n == null ? void 0 : n.enabled) && k
+            p && (i == null ? void 0 : i.enabled) && g
           ] })
         ]
       }
     ),
-    m && (n == null ? void 0 : n.enabled) && k
+    m && (i == null ? void 0 : i.enabled) && g
   ] });
-}, V = ({
+}, X = ({
   headTitle: o,
   subtitle: t,
-  buttonsConfig: i,
-  advantages: n,
+  buttonsConfig: n,
+  advantages: i,
   classes: r,
   imgMobile: d,
-  imgDesktop: p,
-  color: x
+  imgDesktop: x,
+  color: a
 }) => {
-  var N;
-  const { isDesktop: a, isMobile: m } = C(), { primary: u, secondary: f } = i || {}, h = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: d.url }) : d, g = p && "url" in p && j.isObject(p) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: p.url }) : p, k = /* @__PURE__ */ e.jsx(
+  var T;
+  const { isDesktop: p, isMobile: m } = C(), { primary: u, secondary: f } = n || {}, c = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: d.url }) : d, w = x && "url" in x && j.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: x.url }) : x, g = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: l(
         "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
         r == null ? void 0 : r.advantageContainer
       ),
-      children: (n == null ? void 0 : n.details) && ((N = n == null ? void 0 : n.details) == null ? void 0 : N.items.length) > 0 && /* @__PURE__ */ e.jsx(Y, { ...n })
+      children: (i == null ? void 0 : i.details) && ((T = i == null ? void 0 : i.details) == null ? void 0 : T.items.length) > 0 && /* @__PURE__ */ e.jsx(ne, { ...i })
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "section",
       {
-        style: { backgroundColor: x ?? "#d9edff" },
-        "data-test-id": "banner",
+        id: b.banner,
+        "data-test-id": b.banner,
+        style: { backgroundColor: a ?? "#d9edff" },
         className: l("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.root),
-        children: /* @__PURE__ */ e.jsxs(w, { className: l("relative", r == null ? void 0 : r.container), children: [
+        children: /* @__PURE__ */ e.jsxs(y, { className: l("relative", r == null ? void 0 : r.container), children: [
           /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
               /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
@@ -268,7 +286,7 @@ const ke = (o) => xe(() => {
                   ),
                   children: [
                     u.enabled && /* @__PURE__ */ e.jsx(
-                      v,
+                      I,
                       {
                         className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
                         size: "lg",
@@ -277,7 +295,7 @@ const ke = (o) => xe(() => {
                       }
                     ),
                     (f == null ? void 0 : f.enabled) && /* @__PURE__ */ e.jsx(
-                      v,
+                      I,
                       {
                         intent: "secondary",
                         className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
@@ -288,36 +306,36 @@ const ke = (o) => xe(() => {
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: l("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer), children: m ? h : g })
+            /* @__PURE__ */ e.jsx("div", { className: l("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer), children: m ? c : w })
           ] }),
-          a && (n == null ? void 0 : n.enabled) && k
+          p && (i == null ? void 0 : i.enabled) && g
         ] })
       }
     ),
-    m && (n == null ? void 0 : n.enabled) && k
+    m && (i == null ? void 0 : i.enabled) && g
   ] });
-}, zt = ({ variant: o, ...t }) => {
+}, lr = ({ variant: o, ...t }) => {
   switch (o) {
     case "separateImg":
-      return /* @__PURE__ */ e.jsx(V, { ...t });
+      return /* @__PURE__ */ e.jsx(X, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ e.jsx(ve, { ...t });
+      return /* @__PURE__ */ e.jsx(He, { ...t });
     default:
-      return /* @__PURE__ */ e.jsx(V, { ...t });
+      return /* @__PURE__ */ e.jsx(X, { ...t });
   }
-}, Y = ({ details: o, classes: t }) => {
-  const { variant: i, items: n } = o ?? {};
+}, ne = ({ details: o, classes: t }) => {
+  const { variant: n, items: i } = o ?? {};
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       id: "advantages",
       className: l(
         "m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-        { "desktop:max-w-[860px]": i === "threeCards" },
-        { "desktop:max-w-[1140px]": i === "fourCards" },
+        { "desktop:max-w-[860px]": n === "threeCards" },
+        { "desktop:max-w-[1140px]": n === "fourCards" },
         t == null ? void 0 : t.root
       ),
-      children: n == null ? void 0 : n.map(({ title: r, description: d }) => /* @__PURE__ */ e.jsxs(
+      children: i == null ? void 0 : i.map(({ title: r, description: d }) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: l(
@@ -325,7 +343,7 @@ const ke = (o) => xe(() => {
             t == null ? void 0 : t.item
           ),
           children: [
-            /* @__PURE__ */ e.jsx(y, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: r }),
+            /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: r }),
             /* @__PURE__ */ e.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
           ]
         },
@@ -333,28 +351,28 @@ const ke = (o) => xe(() => {
       ))
     }
   );
-}, Ce = ({ socialsLinks: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: o == null ? void 0 : o.map(({ iconName: i, href: n }) => /* @__PURE__ */ e.jsx(
+}, Le = ({ socialsLinks: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: o == null ? void 0 : o.map(({ iconName: n, href: i }) => /* @__PURE__ */ e.jsx(
   "a",
   {
     className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
-    href: n,
-    "aria-label": i.replace("social/", ""),
-    children: /* @__PURE__ */ e.jsx(b, { name: i, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
+    href: i,
+    "aria-label": n.replace("social/", ""),
+    children: /* @__PURE__ */ e.jsx(h, { name: n, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
-  n
-)) }), Ie = ({ phones: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: o == null ? void 0 : o.map(({ phone: i, text: n }) => /* @__PURE__ */ e.jsx(
-  Z,
+  i
+)) }), Re = ({ phones: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: o == null ? void 0 : o.map(({ phone: n, text: i }) => /* @__PURE__ */ e.jsx(
+  Q,
   {
-    phone: J(i),
-    text: n,
+    phone: F(n),
+    text: i,
     classes: {
       root: l(t == null ? void 0 : t.phoneWrapper),
       text: l("text-color-footer", t == null ? void 0 : t.phoneText),
       link: l("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
-  i
-)) }), Te = ({ classes: o, details: t }) => /* @__PURE__ */ e.jsx(
+  n
+)) }), Fe = ({ classes: o, details: t }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: l(
@@ -362,41 +380,41 @@ const ke = (o) => xe(() => {
       o == null ? void 0 : o.navRoot
     ),
     children: t == null ? void 0 : t.map(
-      ({ column: i }) => i == null ? void 0 : i.map(({ groupLabel: n, links: r }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", o == null ? void 0 : o.navGroup), children: [
-        /* @__PURE__ */ e.jsx("div", { className: l("desk-body-medium-l text-color-white", o == null ? void 0 : o.navLabel), children: n }),
-        /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-1", o == null ? void 0 : o.navLinks), children: r == null ? void 0 : r.map(({ path: d, label: p }) => /* @__PURE__ */ e.jsx(
-          H,
+      ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: i, links: r }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", o == null ? void 0 : o.navGroup), children: [
+        /* @__PURE__ */ e.jsx("div", { className: l("desk-body-medium-l text-color-white", o == null ? void 0 : o.navLabel), children: i }),
+        /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-1", o == null ? void 0 : o.navLinks), children: r == null ? void 0 : r.map(({ path: d, label: x }) => /* @__PURE__ */ e.jsx(
+          R,
           {
             href: d,
-            "aria-label": p,
+            "aria-label": x,
             intent: "white",
             classes: {
               link: o == null ? void 0 : o.navLink,
               icon: o == null ? void 0 : o.navLinkIcon
             },
-            children: p
+            children: x
           },
-          p
+          x
         )) })
-      ] }, n))
+      ] }, i))
     )
   }
-), Ee = ({ text: o, classes: t }) => /* @__PURE__ */ e.jsx(
+), ze = ({ text: o, classes: t }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: l("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
     dangerouslySetInnerHTML: { __html: o }
   }
-), Be = ({ classes: o }) => /* @__PURE__ */ e.jsx(
+), Oe = ({ classes: o }) => /* @__PURE__ */ e.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
     className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", o == null ? void 0 : o.footerLogo),
-    children: /* @__PURE__ */ e.jsx(b, { name: "brandLogos/logoWhite", className: l("size-full", o == null ? void 0 : o.footerLogoIcon) })
+    children: /* @__PURE__ */ e.jsx(h, { name: "brandLogos/logoWhite", className: l("size-full", o == null ? void 0 : o.footerLogoIcon) })
   }
-), _e = ({ classes: o }) => /* @__PURE__ */ e.jsx(
-  H,
+), De = ({ classes: o }) => /* @__PURE__ */ e.jsx(
+  R,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -409,17 +427,17 @@ const ke = (o) => xe(() => {
     },
     children: "Карта сайта"
   }
-), Se = ({ text: o, classes: t }) => {
-  const [i, n] = E.useState(!1), [r, d] = E.useState(!1), p = E.useRef(null);
-  return E.useEffect(() => {
-    const x = p.current;
-    x && d(x.scrollHeight > x.clientHeight);
+), Ue = ({ text: o, classes: t }) => {
+  const [n, i] = _.useState(!1), [r, d] = _.useState(!1), x = _.useRef(null);
+  return _.useEffect(() => {
+    const a = x.current;
+    a && d(a.scrollHeight > a.clientHeight);
   }, []), /* @__PURE__ */ e.jsxs("div", { className: l("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: p,
-        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, t == null ? void 0 : t.ligalText),
+        ref: x,
+        className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, t == null ? void 0 : t.ligalText),
         dangerouslySetInnerHTML: { __html: o }
       }
     ),
@@ -428,7 +446,7 @@ const ke = (o) => xe(() => {
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => n((x) => !x),
+        onClick: () => i((a) => !a),
         className: l(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           t == null ? void 0 : t.ligalButton
@@ -437,48 +455,56 @@ const ke = (o) => xe(() => {
       }
     )
   ] });
-}, Ot = ({
+}, xr = ({
   socialsLinks: o,
   phones: t,
-  ligal: i,
-  copyright: n,
+  ligal: n,
+  copyright: i,
   classes: r,
   details: d,
-  siteMap: p = !0
-}) => /* @__PURE__ */ e.jsx("footer", { id: "footer", className: l("w-full bg-color-footer py-8 desktop:py-10", r == null ? void 0 : r.root), children: /* @__PURE__ */ e.jsx(w, { className: l(r == null ? void 0 : r.footerContainer), children: /* @__PURE__ */ e.jsxs("div", { className: l("mobile:pb-[176px]", r == null ? void 0 : r.footerWrapper), children: [
-  /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: l(
-        "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
-        r == null ? void 0 : r.footerHead
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: l(r == null ? void 0 : r.footerSocialBlock), children: [
-          /* @__PURE__ */ e.jsx(Be, { classes: r == null ? void 0 : r.footerLogo }),
-          o.enabled && /* @__PURE__ */ e.jsx(Ce, { socialsLinks: o.links, classes: r == null ? void 0 : r.socialLinks })
-        ] }),
-        t.enabled && /* @__PURE__ */ e.jsx(Ie, { phones: t.items, classes: r == null ? void 0 : r.phonesBlock })
-      ]
-    }
-  ),
-  !j.isArrayEmpty(d) && /* @__PURE__ */ e.jsx(Te, { details: d, classes: r == null ? void 0 : r.navLinks }),
-  i.enabled && /* @__PURE__ */ e.jsx(Se, { text: i.text }),
-  /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: l(
-        "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
-        r == null ? void 0 : r.footerBottom
+  siteMap: x = !0
+}) => /* @__PURE__ */ e.jsx(
+  "footer",
+  {
+    id: b.footer,
+    "data-test-id": b.footer,
+    className: l("w-full bg-color-footer py-8 desktop:py-10", r == null ? void 0 : r.root),
+    children: /* @__PURE__ */ e.jsx(y, { className: l(r == null ? void 0 : r.footerContainer), children: /* @__PURE__ */ e.jsxs("div", { className: l("mobile:pb-[176px]", r == null ? void 0 : r.footerWrapper), children: [
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: l(
+            "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
+            r == null ? void 0 : r.footerHead
+          ),
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: l(r == null ? void 0 : r.footerSocialBlock), children: [
+              /* @__PURE__ */ e.jsx(Oe, { classes: r == null ? void 0 : r.footerLogo }),
+              o.enabled && /* @__PURE__ */ e.jsx(Le, { socialsLinks: o.links, classes: r == null ? void 0 : r.socialLinks })
+            ] }),
+            t.enabled && /* @__PURE__ */ e.jsx(Re, { phones: t.items, classes: r == null ? void 0 : r.phonesBlock })
+          ]
+        }
       ),
-      children: [
-        n.enabled && /* @__PURE__ */ e.jsx(Ee, { text: n.text, classes: r == null ? void 0 : r.copyright }),
-        p && /* @__PURE__ */ e.jsx(_e, { classes: r == null ? void 0 : r.siteMap })
-      ]
-    }
-  )
-] }) }) }), Me = ({ classes: o, index: t, variant: i, title: n, description: r }) => {
-  const d = i === "withTitleAndDescription" && n;
+      !j.isArrayEmpty(d) && /* @__PURE__ */ e.jsx(Fe, { details: d, classes: r == null ? void 0 : r.navLinks }),
+      n.enabled && /* @__PURE__ */ e.jsx(Ue, { text: n.text }),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: l(
+            "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
+            r == null ? void 0 : r.footerBottom
+          ),
+          children: [
+            i.enabled && /* @__PURE__ */ e.jsx(ze, { text: i.text, classes: r == null ? void 0 : r.copyright }),
+            x && /* @__PURE__ */ e.jsx(De, { classes: r == null ? void 0 : r.siteMap })
+          ]
+        }
+      )
+    ] }) })
+  }
+), Ve = ({ classes: o, index: t, variant: n, title: i, description: r }) => {
+  const d = n === "withTitleAndDescription" && i;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -498,7 +524,7 @@ const ke = (o) => xe(() => {
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2"), children: [
-          d && /* @__PURE__ */ e.jsx(y, { as: "h4", className: l("text-color-dark", o == null ? void 0 : o.title), children: n }),
+          d && /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("text-color-dark", o == null ? void 0 : o.title), children: i }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
@@ -510,19 +536,19 @@ const ke = (o) => xe(() => {
       ]
     }
   );
-}, Rt = ({ headline: o, details: t, variant: i, classes: n }) => /* @__PURE__ */ e.jsx("section", { id: "stepper", className: n == null ? void 0 : n.root, children: /* @__PURE__ */ e.jsx(w, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ e.jsx(y, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: o }),
+}, ar = ({ headline: o, details: t, variant: n, classes: i }) => /* @__PURE__ */ e.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: i == null ? void 0 : i.root, children: /* @__PURE__ */ e.jsx(y, { className: i == null ? void 0 : i.container, children: /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", i == null ? void 0 : i.wrapper), children: [
+  /* @__PURE__ */ e.jsx(N, { as: "h2", className: l("text-color-dark", i == null ? void 0 : i.headline), children: o }),
   /* @__PURE__ */ e.jsx(
     "div",
     {
       className: l(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-        n == null ? void 0 : n.stepsWrapper
+        i == null ? void 0 : i.stepsWrapper
       ),
-      children: t == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Me, { variant: i, ...r, index: d + 1, classes: n == null ? void 0 : n.step }, r.description))
+      children: t == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Ve, { variant: n, ...r, index: d + 1, classes: i == null ? void 0 : i.step }, r.description))
     }
   )
-] }) }) }), He = c("", {
+] }) }) }), We = k("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -538,7 +564,7 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Fe = c("", {
+}), Ge = k("", {
   variants: {
     intent: {
       twoItems: "",
@@ -570,7 +596,7 @@ const ke = (o) => xe(() => {
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), Le = c("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), $e = k("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',
@@ -580,7 +606,7 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     intent: "twoItems"
   }
-}), ze = c("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Ze = k("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -606,32 +632,32 @@ const ke = (o) => xe(() => {
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Oe = ({ data: o, intent: t }) => {
+}), Xe = ({ data: o, intent: t }) => {
   const {
-    title: i,
-    description: n,
+    title: n,
+    description: i,
     popover: r = {
       enabled: !1
     }
   } = o;
-  return /* @__PURE__ */ e.jsx("li", { className: l(Le({ intent: t })), children: /* @__PURE__ */ e.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ e.jsx("li", { className: l($e({ intent: t })), children: /* @__PURE__ */ e.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ e.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ e.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: i }),
-      r.enabled && /* @__PURE__ */ e.jsx(ne, { triggerElement: /* @__PURE__ */ e.jsx(b, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r.text })
+      /* @__PURE__ */ e.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: n }),
+      r.enabled && /* @__PURE__ */ e.jsx(ue, { triggerElement: /* @__PURE__ */ e.jsx(h, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r.text })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ e.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: i } })
   ] }) });
-}, F = ({ intent: o, headline: t, desktopHidden: i = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ e.jsx("h2", { className: l(He({ intent: o, desktopHidden: i, mobileHidden: n })), children: t }), Re = ({ details: o, intent: t, withButton: i }) => /* @__PURE__ */ e.jsx("ul", { className: l(Fe({ intent: t, withButton: i })), children: o == null ? void 0 : o.map((n, r) => /* @__PURE__ */ e.jsx(Oe, { intent: t, data: n }, r)) }), Dt = ({
+}, z = ({ intent: o, headline: t, desktopHidden: n = !1, mobileHidden: i = !1 }) => /* @__PURE__ */ e.jsx("h2", { className: l(We({ intent: o, desktopHidden: n, mobileHidden: i })), children: t }), qe = ({ details: o, intent: t, withButton: n }) => /* @__PURE__ */ e.jsx("ul", { className: l(Ge({ intent: t, withButton: n })), children: o == null ? void 0 : o.map((i, r) => /* @__PURE__ */ e.jsx(Xe, { intent: t, data: i }, r)) }), pr = ({
   headline: o,
   buttonConfig: t,
-  intent: i = "twoItems",
-  details: n,
+  intent: n = "twoItems",
+  details: i,
   image: r,
   classes: d
 }) => {
-  const p = i === "fourItems", x = i === "twoItems", a = r && "url" in r && j.isObject(r) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: r.url }) : r;
-  return /* @__PURE__ */ e.jsx("section", { id: "long-banner", className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsxs(w, { className: l(d == null ? void 0 : d.container), children: [
-    x && /* @__PURE__ */ e.jsx(F, { intent: i, headline: o }),
+  const x = n === "fourItems", a = n === "twoItems", p = r && "url" in r && j.isObject(r) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: r.url }) : r;
+  return /* @__PURE__ */ e.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsxs(y, { className: l(d == null ? void 0 : d.container), children: [
+    a && /* @__PURE__ */ e.jsx(z, { intent: n, headline: o }),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -640,17 +666,17 @@ const ke = (o) => xe(() => {
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          p && /* @__PURE__ */ e.jsx(F, { intent: i, headline: o, desktopHidden: !0 }),
-          /* @__PURE__ */ e.jsx("div", { className: l(ze({ intent: i, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: a }),
+          x && /* @__PURE__ */ e.jsx(z, { intent: n, headline: o, desktopHidden: !0 }),
+          /* @__PURE__ */ e.jsx("div", { className: l(Ze({ intent: n, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: p }),
           /* @__PURE__ */ e.jsxs(
             "div",
             {
               className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                p && /* @__PURE__ */ e.jsx(F, { intent: i, headline: o, mobileHidden: !0 }),
-                /* @__PURE__ */ e.jsx(Re, { details: n, intent: i, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
+                x && /* @__PURE__ */ e.jsx(z, { intent: n, headline: o, mobileHidden: !0 }),
+                /* @__PURE__ */ e.jsx(qe, { details: i, intent: n, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
                 (t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ e.jsx(
-                  v,
+                  I,
                   {
                     className: l("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
@@ -665,18 +691,18 @@ const ke = (o) => xe(() => {
       }
     )
   ] }) });
-}, L = {
+}, O = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, P = ({ children: o, isLoading: t, classes: i, loaderProps: n }) => /* @__PURE__ */ e.jsx(
+}, ie = ({ children: o, isLoading: t, classes: n, loaderProps: i }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     tabIndex: 0,
     className: l(
       "relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
       "bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
-      i == null ? void 0 : i.root
+      n == null ? void 0 : n.root
     ),
     children: /* @__PURE__ */ e.jsx(
       "div",
@@ -685,13 +711,13 @@ const ke = (o) => xe(() => {
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
           { "items-center": t },
-          i == null ? void 0 : i.wrapper
+          n == null ? void 0 : n.wrapper
         ),
-        children: t ? /* @__PURE__ */ e.jsx(ie, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : o
+        children: t ? /* @__PURE__ */ e.jsx(fe, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...i }) : o
       }
     )
   }
-), De = ({ ...o }) => /* @__PURE__ */ e.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
+), Je = ({ ...o }) => /* @__PURE__ */ e.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
   /* @__PURE__ */ e.jsx(
     "path",
     {
@@ -719,7 +745,7 @@ const ke = (o) => xe(() => {
     /* @__PURE__ */ e.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ e.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), A = ({ mainLink: o, subLink: t, isMobile: i, classes: n }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), de = ({ mainLink: o, subLink: t, isMobile: n, classes: i }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.linksWrapper), children: [
   /* @__PURE__ */ e.jsx(
     "a",
     {
@@ -728,13 +754,13 @@ const ke = (o) => xe(() => {
       rel: "noreferrer",
       className: l(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
-        n == null ? void 0 : n.linksMainLink
+        i == null ? void 0 : i.linksMainLink
       ),
-      children: i ? o.mobileTitle : o.title
+      children: n ? o.mobileTitle : o.title
     }
   ),
   (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ e.jsx(
-    H,
+    R,
     {
       intent: "blue",
       withUnderline: !0,
@@ -742,64 +768,64 @@ const ke = (o) => xe(() => {
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.linksSubLink)
       },
       children: t == null ? void 0 : t.text
     }
   )
-] }), U = ({ mainLink: o, subLink: t, isLoading: i, badge: n, loaderProps: r, classes: d }) => {
-  const { isMobile: p } = C();
-  return /* @__PURE__ */ e.jsx(P, { isLoading: i, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
+] }), q = ({ mainLink: o, subLink: t, isLoading: n, badge: i, loaderProps: r, classes: d }) => {
+  const { isMobile: x } = C();
+  return /* @__PURE__ */ e.jsx(ie, { isLoading: n, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: l(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && p },
+        { "justify-center": !i && x },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx(b, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
-            /* @__PURE__ */ e.jsx(b, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
-            /* @__PURE__ */ e.jsx(b, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
+            /* @__PURE__ */ e.jsx(h, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
+            /* @__PURE__ */ e.jsx(h, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
+            /* @__PURE__ */ e.jsx(h, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
           ] }),
-          /* @__PURE__ */ e.jsx(A, { mainLink: o, subLink: t, isMobile: p, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ e.jsx(de, { mainLink: o, subLink: t, isMobile: x, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ e.jsx(R, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        i && /* @__PURE__ */ e.jsx(V, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
       ]
     }
   ) });
-}, W = ({ mainLink: o, subLink: t, isLoading: i, badge: n, loaderProps: r, classes: d }) => {
-  const { isMobile: p } = C();
-  return /* @__PURE__ */ e.jsx(P, { isLoading: i, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
+}, J = ({ mainLink: o, subLink: t, isLoading: n, badge: i, loaderProps: r, classes: d }) => {
+  const { isMobile: x } = C();
+  return /* @__PURE__ */ e.jsx(ie, { isLoading: n, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: l(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && p },
+        { "justify-center": !i && x },
         d == null ? void 0 : d.innerWrapper
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
-          /* @__PURE__ */ e.jsx(De, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
-          /* @__PURE__ */ e.jsx(A, { mainLink: o, subLink: t, isMobile: p, classes: d == null ? void 0 : d.links }),
-          /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
+          /* @__PURE__ */ e.jsx(Je, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
+          /* @__PURE__ */ e.jsx(de, { mainLink: o, subLink: t, isMobile: x, classes: d == null ? void 0 : d.links }),
+          /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ e.jsx(R, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: n })
+        i && /* @__PURE__ */ e.jsx(V, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
       ]
     }
   ) });
-}, Ve = (o) => {
+}, Ke = (o) => {
   switch (o.mode) {
-    case L.ESIA:
-      return /* @__PURE__ */ e.jsx(W, { ...o });
-    case L.MOBILE_ID:
-      return /* @__PURE__ */ e.jsx(U, { ...o });
-    case L.COMBINE:
+    case O.ESIA:
+      return /* @__PURE__ */ e.jsx(J, { ...o });
+    case O.MOBILE_ID:
+      return /* @__PURE__ */ e.jsx(q, { ...o });
+    case O.COMBINE:
     default:
-      const { esiaConfig: t, mobileIdConfig: i, subtitle: n, badge: r, classes: d } = o, p = !n && !r ? E.Fragment : "div";
+      const { esiaConfig: t, mobileIdConfig: n, subtitle: i, badge: r, classes: d } = o, x = !i && !r ? _.Fragment : "div";
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -808,13 +834,13 @@ const ke = (o) => xe(() => {
             d == null ? void 0 : d.root
           ),
           children: [
-            /* @__PURE__ */ e.jsxs(p, { className: l("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
-              n && /* @__PURE__ */ e.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
-              r && /* @__PURE__ */ e.jsx(R, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: r })
+            /* @__PURE__ */ e.jsxs(x, { className: l("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
+              i && /* @__PURE__ */ e.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: i }),
+              r && /* @__PURE__ */ e.jsx(V, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: r })
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
               /* @__PURE__ */ e.jsx(
-                W,
+                J,
                 {
                   ...t,
                   classes: {
@@ -825,13 +851,13 @@ const ke = (o) => xe(() => {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                U,
+                q,
                 {
-                  ...i,
+                  ...n,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...i.classes
+                    ...n.classes
                   }
                 }
               )
@@ -840,45 +866,45 @@ const ke = (o) => xe(() => {
         }
       );
   }
-}, Vt = (o) => Ve(o), G = ({ links: o, classes: t }) => /* @__PURE__ */ e.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: o == null ? void 0 : o.map(({ path: i, label: n }) => /* @__PURE__ */ e.jsx(
-  H,
+}, mr = (o) => Ke(o), K = ({ links: o, classes: t }) => /* @__PURE__ */ e.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: o == null ? void 0 : o.map(({ path: n, label: i }) => /* @__PURE__ */ e.jsx(
+  R,
   {
     classes: {
       link: l("w-max", t == null ? void 0 : t.linkText),
       icon: l(t == null ? void 0 : t.linkIcon)
     },
     intent: "dark",
-    href: i,
-    children: n
+    href: n,
+    children: i
   },
-  i
-)) }), Ue = ({ groupLabel: o, links: t, mobileAccordionProps: i, classes: n }) => {
-  var d, p, x;
+  n
+)) }), Qe = ({ groupLabel: o, links: t, mobileAccordionProps: n, classes: i }) => {
+  var d, x, a;
   const { isMobile: r } = C();
-  return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2", i == null ? void 0 : i.columnGroup), children: [
     !r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: o }),
-      /* @__PURE__ */ e.jsx(G, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
+      /* @__PURE__ */ e.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", i == null ? void 0 : i.columnGroupHeading), children: o }),
+      /* @__PURE__ */ e.jsx(K, { links: t, classes: i == null ? void 0 : i.linksList }, "desktop")
     ] }),
     r && /* @__PURE__ */ e.jsx(
-      B,
+      E,
       {
         defaultOpen: !0,
         label: o,
-        icon: /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...i,
+        icon: /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...n,
         classes: {
-          ...i == null ? void 0 : i.classes,
+          ...n == null ? void 0 : n.classes,
           header: {
-            trigger: l("p-0 bg-color-blue-grey-100", (p = (d = i == null ? void 0 : i.classes) == null ? void 0 : d.header) == null ? void 0 : p.trigger)
+            trigger: l("p-0 bg-color-blue-grey-100", (x = (d = n == null ? void 0 : n.classes) == null ? void 0 : d.header) == null ? void 0 : x.trigger)
           },
-          contentInner: l("py-2 px-4", (x = i == null ? void 0 : i.classes) == null ? void 0 : x.contentInner)
+          contentInner: l("py-2 px-4", (a = n == null ? void 0 : n.classes) == null ? void 0 : a.contentInner)
         },
-        children: /* @__PURE__ */ e.jsx(G, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ e.jsx(K, { links: t, classes: i == null ? void 0 : i.linksList }, "mobile")
       }
     )
   ] });
-}, We = ({ column: o, mobileAccordionProps: t, classes: i }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", i == null ? void 0 : i.column), children: o == null ? void 0 : o.map((n) => /* @__PURE__ */ e.jsx(Ue, { ...t, ...n, classes: i == null ? void 0 : i.columnGroup }, n.groupLabel)) }), Ge = c("grid gap-4 grid-cols-1", {
+}, Ye = ({ column: o, mobileAccordionProps: t, classes: n }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", n == null ? void 0 : n.column), children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ e.jsx(Qe, { ...t, ...i, classes: n == null ? void 0 : n.columnGroup }, i.groupLabel)) }), Ae = k("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -889,72 +915,81 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     variant: "fourCols"
   }
-}), Ut = ({
+}), ur = ({
   variant: o,
   details: t,
-  headline: i,
-  mobileAccordionProps: n,
+  headline: n,
+  mobileAccordionProps: i,
   rootAccordionProps: r,
   classes: d
 }) => {
-  var p, x, a;
-  return /* @__PURE__ */ e.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsx(
-    B,
+  var x, a, p;
+  return /* @__PURE__ */ e.jsx(
+    "section",
     {
-      defaultOpen: !0,
-      label: /* @__PURE__ */ e.jsx(y, { as: "h4", className: l("text-left", d == null ? void 0 : d.headline), children: i }),
-      ...r,
-      classes: {
-        ...r == null ? void 0 : r.classes,
-        header: {
-          trigger: l("bg-color-blue-grey-100", (x = (p = r == null ? void 0 : r.classes) == null ? void 0 : p.header) == null ? void 0 : x.trigger)
-        },
-        content: l("max-w-full bg-color-blue-grey-100 relative", (a = r == null ? void 0 : r.classes) == null ? void 0 : a.content)
-      },
-      children: /* @__PURE__ */ e.jsx("div", { className: l(Ge({ variant: o }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(We, { ...m, ...n, classes: d == null ? void 0 : d.column }, u)) })
+      id: b.interLinking,
+      "data-test-id": b.interLinking,
+      className: l("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
+      children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(
+        E,
+        {
+          defaultOpen: !0,
+          label: /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("text-left", d == null ? void 0 : d.headline), children: n }),
+          ...r,
+          classes: {
+            ...r == null ? void 0 : r.classes,
+            header: {
+              trigger: l("bg-color-blue-grey-100", (a = (x = r == null ? void 0 : r.classes) == null ? void 0 : x.header) == null ? void 0 : a.trigger)
+            },
+            content: l("max-w-full bg-color-blue-grey-100 relative", (p = r == null ? void 0 : r.classes) == null ? void 0 : p.content)
+          },
+          children: /* @__PURE__ */ e.jsx("div", { className: l(Ae({ variant: o }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(Ye, { ...m, ...i, classes: d == null ? void 0 : d.column }, u)) })
+        }
+      ) })
     }
-  ) }) });
-}, Ze = ({ tabsNames: o, activeTab: t, setActiveTab: i }) => /* @__PURE__ */ e.jsx("div", { className: "hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", children: o && o.map((n, r) => /* @__PURE__ */ e.jsx(
+  );
+}, Pe = ({ tabsNames: o, activeTab: t, setActiveTab: n, classes: i }) => /* @__PURE__ */ e.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", i == null ? void 0 : i.tabs), children: o && o.map((r, d) => /* @__PURE__ */ e.jsx(
   "button",
   {
-    onClick: () => i(r),
+    onClick: () => n(d),
     className: l(
       "desktop:kpy-3 mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
       {
-        "bg-icon-primary-default text-color-white": t === r
-      }
+        "bg-icon-primary-default text-color-white": t === d
+      },
+      i == null ? void 0 : i.button
     ),
-    children: n
+    children: r
   },
-  n
-)) }), $e = (o) => o.variant === "HTML", Xe = (o) => o.variant === "DOCUMENTS", qe = (o) => o.variant === "TABLE", Je = ({ html: o, config: t }) => {
-  const i = /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: o ?? "" } });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(B, { label: t == null ? void 0 : t.accordionTitle, children: i }) : i });
-}, Ke = (o, t) => ({
-  rows: o == null ? void 0 : o.map(({ row: i }) => ({
-    row: i == null ? void 0 : i.map((n, r) => {
+  r
+)) }), se = (o) => o.variant === "HTML", et = (o) => o.variant === "DOCUMENTS", tt = (o) => o.variant === "TABLE", rt = ({ html: o, config: t, classes: n, accordionConfig: i }) => {
+  const r = /* @__PURE__ */ e.jsx("div", { className: l(n == null ? void 0 : n.html), dangerouslySetInnerHTML: { __html: o ?? "" } });
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: t == null ? void 0 : t.accordionTitle, ...i, children: (i == null ? void 0 : i.children) ?? r }) : r });
+}, ot = (o, t) => ({
+  rows: o == null ? void 0 : o.map(({ row: n }) => ({
+    row: n == null ? void 0 : n.map((i, r) => {
       var d;
       return {
-        ...n,
+        ...i,
         heading: t && ((d = t[r]) == null ? void 0 : d.heading)
       };
     })
   }))
-}), Qe = c("flex flex-col", {
+}), nt = k("flex flex-col", {
   variants: {
     columnsVariant: {
       twoCols: "w-full max-w-[656px]",
       threeCols: "w-full max-w-[768px]"
     }
   }
-}), Ye = c("grid px-4 mb-4", {
+}), it = k("grid px-4 mb-4", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), Pe = ({ headings: o, columnsVariant: t }) => /* @__PURE__ */ e.jsx("div", { className: l(Ye({ columnsVariant: t })), children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ e.jsx("div", { className: "text-color-secondary", children: i == null ? void 0 : i.heading }, i == null ? void 0 : i.heading)) }), Ae = c("grid items-center", {
+}), dt = ({ headings: o, columnsVariant: t, classes: n }) => /* @__PURE__ */ e.jsx("div", { className: l(it({ columnsVariant: t }), n == null ? void 0 : n.row), children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ e.jsx("div", { className: l("text-color-secondary", n == null ? void 0 : n.cell), children: i == null ? void 0 : i.heading }, i == null ? void 0 : i.heading)) }), lt = k("grid items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -965,51 +1000,89 @@ const ke = (o) => xe(() => {
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), se = ({ row: o, tableVariant: t, columnsVariant: i, rowIndex: n }) => /* @__PURE__ */ e.jsx("div", { className: l(Ae({ columnsVariant: i, tableVariant: t }), { "border-none": n === 0 }), children: o == null ? void 0 : o.map(({ cell: r }, d) => /* @__PURE__ */ e.jsx("div", { className: l("desk-body-regular-l text-color-dark", { "font-medium": d !== 0 }), children: r && r }, d)) }), et = c("flex flex-col gap-2", {
+}), xt = ({ row: o, tableVariant: t, columnsVariant: n, rowIndex: i, classes: r }) => /* @__PURE__ */ e.jsx("div", { className: l(lt({ columnsVariant: n, tableVariant: t }), { "border-none": i === 0 }, r == null ? void 0 : r.row), children: o == null ? void 0 : o.map(({ cell: d }, x) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: l("desk-body-regular-l text-color-dark", { "font-medium": x !== 0 }, r == null ? void 0 : r.cell),
+    children: d && d
+  },
+  x
+)) }), at = k("flex 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"
     }
   }
-}), tt = ({ row: o, tableVariant: t, columnsVariant: i, headingsExist: n }) => /* @__PURE__ */ e.jsx("div", { className: l(et({ tableVariant: t })), children: o == null ? void 0 : o.map(({ cell: r, heading: d }, p) => /* @__PURE__ */ e.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }), children: [
-  d && /* @__PURE__ */ e.jsx("div", { className: "mob-body-regular-l text-color-secondary", children: d }),
+}), pt = ({ row: o, tableVariant: t, columnsVariant: n, headingsExist: i, classes: r }) => /* @__PURE__ */ e.jsx("div", { className: l(at({ tableVariant: t }), r == null ? void 0 : r.row), children: o == null ? void 0 : o.map(({ cell: d, heading: x }, a) => /* @__PURE__ */ e.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !i }, r == null ? void 0 : r.wrapper), children: [
+  x && /* @__PURE__ */ e.jsx("div", { className: l("mob-body-regular-l text-color-secondary", r == null ? void 0 : r.heading), children: x }),
   /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: l("mob-body-regular-l text-color-dark", {
-        "font-medium": p !== 0 && i === "twoCols" || i === "threeCols" || i === "twoCols" && n
-      }),
-      children: r
+      className: l(
+        "mob-body-regular-l text-color-dark",
+        {
+          "font-medium": a !== 0 && n === "twoCols" || n === "threeCols" || n === "twoCols" && i
+        },
+        r == null ? void 0 : r.cell
+      ),
+      children: d
     }
   )
-] }, p)) }), rt = ({ tableVariant: o, rows: t, headings: i, columnsVariant: n }) => {
-  var x;
-  const { isDesktop: r } = C(), d = ((x = Ke(t, i)) == null ? void 0 : x.rows) ?? [], p = !!(i && i.length > 0);
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
-    r && p && /* @__PURE__ */ e.jsx(Pe, { headings: i, columnsVariant: n }),
-    r ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((a, m) => /* @__PURE__ */ e.jsx(se, { rowIndex: m, tableVariant: o, columnsVariant: n, ...a }, m)) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: d == null ? void 0 : d.map((a, m) => /* @__PURE__ */ e.jsx(
-      tt,
+] }, a)) }), mt = ({ tableVariant: o, rows: t, headings: n, columnsVariant: i, classes: r }) => {
+  var p;
+  const { isDesktop: d } = C(), x = ((p = ot(t, n)) == null ? void 0 : p.rows) ?? [], a = !!(n && n.length > 0);
+  return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col", r == null ? void 0 : r.wrapper), children: [
+    d && a && /* @__PURE__ */ e.jsx(dt, { headings: n, columnsVariant: i, classes: r == null ? void 0 : r.desktopHeading }),
+    d ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(
+      xt,
       {
-        headingsExist: p,
+        rowIndex: u,
         tableVariant: o,
-        columnsVariant: n,
-        ...a
+        columnsVariant: i,
+        classes: r == null ? void 0 : r.desktopRow,
+        ...m
       },
-      m
+      u
+    )) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: x == null ? void 0 : x.map((m, u) => /* @__PURE__ */ e.jsx(
+      pt,
+      {
+        headingsExist: a,
+        tableVariant: o,
+        columnsVariant: i,
+        classes: r == null ? void 0 : r.desktopRow,
+        ...m
+      },
+      u
     )) })
   ] });
-}, ot = ({ tableVariant: o, description: t, columnsVariant: i, config: n, rows: r, title: d, headings: p }) => {
-  const x = /* @__PURE__ */ e.jsxs("div", { className: l(Qe({ columnsVariant: i })), children: [
-    d && /* @__PURE__ */ e.jsx(y, { as: "h4", className: "mb-4 desktop:mb-6", children: d }),
-    /* @__PURE__ */ e.jsx(rt, { tableVariant: o, rows: r, headings: p, columnsVariant: i }),
-    t && /* @__PURE__ */ e.jsx("div", { className: "mt-2 [&&]:desk-body-regular-m desktop:mt-2", dangerouslySetInnerHTML: { __html: t ?? "" } })
+}, ut = ({
+  tableVariant: o,
+  description: t,
+  columnsVariant: n,
+  config: i,
+  rows: r,
+  title: d,
+  headings: x,
+  accordionConfig: a,
+  classes: p
+}) => {
+  const m = /* @__PURE__ */ e.jsxs("div", { className: l(nt({ columnsVariant: n }), p == null ? void 0 : p.wrapper), children: [
+    d && /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("mb-4 desktop:mb-6", p == null ? void 0 : p.headline), children: d }),
+    /* @__PURE__ */ e.jsx(mt, { tableVariant: o, rows: r, headings: x, columnsVariant: n }),
+    t && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", p == null ? void 0 : p.description),
+        dangerouslySetInnerHTML: { __html: t ?? "" }
+      }
+    )
   ] });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ e.jsx(B, { label: n == null ? void 0 : n.accordionTitle, children: x }) : x });
-}, nt = {
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: i && (i != null && i.isAccordion) && (i != null && i.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: i == null ? void 0 : i.accordionTitle, ...a, children: (a == null ? void 0 : a.children) || m }) : m });
+}, ft = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
-}, it = c("size-8 transition-colors", {
+}, ht = k("size-8 transition-colors", {
   variants: {
     iconType: {
       documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -1019,62 +1092,88 @@ const ke = (o) => xe(() => {
   defaultVariants: {
     iconType: "documentOutline"
   }
-}), dt = ({ label: o, size: t, url: i, iconType: n }) => /* @__PURE__ */ e.jsxs(
+}), bt = ({ label: o, size: t, url: n, iconType: i, classes: r }) => /* @__PURE__ */ e.jsxs(
   "a",
   {
-    href: i,
+    href: n,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
     className: l(
-      "group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus"
+      "group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus",
+      r == null ? void 0 : r.link
     ),
     children: [
-      /* @__PURE__ */ e.jsx(b, { name: nt[n], className: l(it({ iconType: n })) }),
-      /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-1 flex-col"), children: [
-        /* @__PURE__ */ e.jsx("p", { className: l("desk-body-medium-l text-color-dark"), children: o }),
-        /* @__PURE__ */ e.jsxs("div", { className: l("desk-body-regular-m text-color-disabled"), children: [
+      /* @__PURE__ */ e.jsx(h, { name: ft[i], className: l(ht({ iconType: i }), r == null ? void 0 : r.icon) }),
+      /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-1 flex-col", r == null ? void 0 : r.wrapper), children: [
+        /* @__PURE__ */ e.jsx("p", { className: l("desk-body-medium-l text-color-dark", r == null ? void 0 : r.label), children: o }),
+        /* @__PURE__ */ e.jsxs("div", { className: l("desk-body-regular-m text-color-disabled", r == null ? void 0 : r.size), children: [
           Number(t),
           " КБ"
         ] })
       ] })
     ]
   }
-), lt = ({ docs: o, config: t, title: i, iconType: n, description: r }) => {
-  const d = /* @__PURE__ */ e.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
-    i && /* @__PURE__ */ e.jsx(y, { as: "h3", className: "mb-4", children: i }),
-    /* @__PURE__ */ e.jsx("div", { className: "gap- flex flex-col gap-4", children: o == null ? void 0 : o.map((p) => /* @__PURE__ */ e.jsx(dt, { iconType: n, ...p }, p.label)) }),
-    r && /* @__PURE__ */ e.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: r ?? "" } })
+), jt = ({ docs: o, config: t, title: n, iconType: i, description: r, classes: d, accordionConfig: x }) => {
+  const a = /* @__PURE__ */ e.jsxs("div", { className: l("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
+    n && /* @__PURE__ */ e.jsx(N, { as: "h3", className: "mb-4", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: o == null ? void 0 : o.map((p) => /* @__PURE__ */ e.jsx(bt, { iconType: i, ...p, classes: d == null ? void 0 : d.singleDocument }, p.label)) }),
+    r && /* @__PURE__ */ e.jsx("div", { className: l("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: r ?? "" } })
   ] });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(B, { label: t == null ? void 0 : t.accordionTitle, children: d }) : d });
-}, pt = (o) => {
-  var t, i, n;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: t == null ? void 0 : t.accordionTitle, ...x, children: (x == null ? void 0 : x.children) || a }) : a });
+}, ct = ({ entity: o, classes: t, accordionsConfig: n }) => {
+  var i, r, d;
   switch (!0) {
-    case $e(o):
-      return (t = o.details) == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Je, { ...r }, d));
-    case Xe(o):
-      return (i = o.details) == null ? void 0 : i.map((r, d) => /* @__PURE__ */ e.jsx(lt, { ...r }, d));
-    case qe(o):
-      return (n = o.details) == null ? void 0 : n.map((r, d) => /* @__PURE__ */ e.jsx(ot, { ...r }, d));
+    case se(o):
+      return (i = o.details) == null ? void 0 : i.map((x, a) => {
+        var p;
+        return /* @__PURE__ */ e.jsx(rt, { ...x, accordionConfig: n == null ? void 0 : n.htmlAccordion, classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.html }, a);
+      });
+    case et(o):
+      return (r = o.details) == null ? void 0 : r.map((x, a) => {
+        var p;
+        return /* @__PURE__ */ e.jsx(
+          jt,
+          {
+            accordionConfig: n == null ? void 0 : n.documentAccordion,
+            ...x,
+            classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.documents
+          },
+          a
+        );
+      });
+    case tt(o):
+      return (d = o.details) == null ? void 0 : d.map((x, a) => {
+        var p;
+        return /* @__PURE__ */ e.jsx(
+          ut,
+          {
+            accordionConfig: n == null ? void 0 : n.tableAccordion,
+            ...x,
+            classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.table
+          },
+          a
+        );
+      });
     default:
       return null;
   }
-}, xt = ({ entity: o }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-6", children: pt(o) }), Wt = ({ headline: o, tabs: t }) => {
-  var d, p;
-  const [i, n] = _(0), r = $(() => t == null ? void 0 : t.map((x) => x == null ? void 0 : x.tabName), [t]) ?? [];
-  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ e.jsx("section", { id: "useful-info", children: /* @__PURE__ */ e.jsxs(w, { children: [
-    /* @__PURE__ */ e.jsx(y, { as: "h2", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ e.jsx(Ze, { tabsNames: r, activeTab: i, setActiveTab: n }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (p = (d = t == null ? void 0 : t[i]) == null ? void 0 : d.contents) == null ? void 0 : p.map((x, a) => /* @__PURE__ */ e.jsx(xt, { ...x }, a)) })
+}, kt = ({ entity: o, classes: t, accordionsConfig: n }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: ct({ entity: o, classes: t, accordionsConfig: n }) }), fr = ({ headline: o, tabs: t, classes: n, accordionsConfig: i }) => {
+  var a, p;
+  const [r, d] = v(0), x = G(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
+  return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ e.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: l(n == null ? void 0 : n.root), children: /* @__PURE__ */ e.jsxs(y, { className: l(n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ e.jsx(N, { className: l(n == null ? void 0 : n.headline), as: "h2", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ e.jsx(Pe, { tabsNames: x, activeTab: r, setActiveTab: d, classes: n == null ? void 0 : n.tabs }) }),
+    /* @__PURE__ */ e.jsx("div", { className: l("mt-6 flex flex-col gap-6", n == null ? void 0 : n.contentWrapper), children: (p = (a = t == null ? void 0 : t[r]) == null ? void 0 : a.contents) == null ? void 0 : p.map((m, u) => /* @__PURE__ */ e.jsx(kt, { accordionsConfig: i, ...m, classes: n == null ? void 0 : n.entityClasses }, u)) })
   ] }) });
-}, at = ({ fields: o, control: t }) => o.map(({ type: i, args: n }) => {
-  const r = de[i];
-  return /* @__PURE__ */ X(r, { ...n, key: n.name, control: t });
+}, gt = ({ fields: o, control: t }) => o.map(({ type: n, args: i }) => {
+  const r = he[n];
+  return /* @__PURE__ */ P(r, { ...i, key: i.name, control: t });
 });
-class mt {
+class wt {
   constructor(t) {
-    I(this, "TEXT_NODE", 3);
-    I(this, "ELEMENT_NODE", 1);
+    B(this, "TEXT_NODE", 3);
+    B(this, "ELEMENT_NODE", 1);
     this.options = t;
   }
   /**
@@ -1083,37 +1182,37 @@ class mt {
    * @param elements Массив для сбора элементов
    * @param as Тип возвращаемых данных ('string' или 'node')
    */
-  traverse(t, i = "string", n) {
-    const { includeSolidText: r, recursive: d, element: p } = this.options || {};
+  traverse(t, n = "string", i) {
+    const { includeSolidText: r, recursive: d, element: x } = this.options || {};
     switch (t.nodeType) {
       // если узел - элемент
       case this.ELEMENT_NODE:
-        const x = t, a = x.tagName.toLowerCase();
-        if (a === "script") {
+        const a = t, p = a.tagName.toLowerCase();
+        if (p === "script") {
           console.warn("Found script node. For better security this node will be skipped.");
           break;
         }
-        if (p && a !== p)
+        if (x && p !== x)
           break;
-        if (i === "node")
-          n.push(t);
+        if (n === "node")
+          i.push(t);
         else {
-          const m = x.outerHTML.trim();
-          n.push(m);
+          const m = a.outerHTML.trim();
+          i.push(m);
         }
         if (d)
           for (const m of t.childNodes)
-            this.traverse(m, i, n);
+            this.traverse(m, n, i);
         break;
       // если узел - текстовый и требуется его добавить, добавляем
       case this.TEXT_NODE:
         if (!r)
           break;
-        if (i === "node")
-          n.push(t);
+        if (n === "node")
+          i.push(t);
         else {
           const m = t.textContent;
-          m && n.push(m);
+          m && i.push(m);
         }
         break;
     }
@@ -1124,13 +1223,13 @@ class mt {
    * @param as Тип возвращаемых данных ('string' или 'node')
    * @returns Массив тегов или нод
    */
-  async parse(t, i = "string") {
-    const { includeBody: n } = this.options || {}, r = [], d = [], p = await this.parseFromString(t), x = i === "string" ? r : d;
-    if (n)
-      this.traverse(p.body, i, x);
+  async parse(t, n = "string") {
+    const { includeBody: i } = this.options || {}, r = [], d = [], x = await this.parseFromString(t), a = n === "string" ? r : d;
+    if (i)
+      this.traverse(x.body, n, a);
     else
-      for (const a of p.body.childNodes)
-        this.traverse(a, i, x);
+      for (const p of x.body.childNodes)
+        this.traverse(p, n, a);
     return { stringNodes: r, nodes: d };
   }
   /**
@@ -1139,27 +1238,27 @@ class mt {
    * @returns Количество найденных тегов
    */
   async countElements(t) {
-    const { stringNodes: i } = await this.parse(t, "string");
-    return i.length;
+    const { stringNodes: n } = await this.parse(t, "string");
+    return n.length;
   }
 }
-const ut = typeof window < "u";
-class ft extends Error {
-  constructor(t, i) {
-    super(t), this.originalError = i, this.name = "BrowserHTMLParserError";
+const yt = typeof window < "u";
+class Nt extends Error {
+  constructor(t, n) {
+    super(t), this.originalError = n, this.name = "BrowserHTMLParserError";
   }
 }
-class ht extends mt {
+class vt extends wt {
   constructor(t) {
     super(t);
   }
   async parseFromString(t) {
-    if (!ut)
-      throw new ft("HTMLParser should only be used in the browser.");
+    if (!yt)
+      throw new Nt("HTMLParser should only be used in the browser.");
     return new DOMParser().parseFromString(t, "text/html");
   }
 }
-class z {
+class D {
   /**
    * Функция для парсинга ноды в react элемент
    */
@@ -1167,90 +1266,90 @@ class z {
     if (t.nodeType === this.TEXT_NODE)
       return t.textContent ?? null;
     if (t.nodeType === this.ELEMENT_NODE) {
-      const i = t, n = i.tagName.toLowerCase(), r = {};
-      for (const p of i.attributes) {
-        let x = p.name, a = p.value;
-        switch (p.name) {
+      const n = t, i = n.tagName.toLowerCase(), r = {};
+      for (const x of n.attributes) {
+        let a = x.name, p = x.value;
+        switch (x.name) {
           case "class":
-            x = "className";
+            a = "className";
             break;
           case "for":
-            x = "htmlFor";
+            a = "htmlFor";
             break;
           case "checked":
           case "disabled":
           case "selected":
-            a = p.value !== "false", a = p.value !== "false", a = p.value !== "false";
+            p = x.value !== "false", p = x.value !== "false", p = x.value !== "false";
             break;
           case "readonly":
-            x = "readOnly", a = p.value !== "false";
+            a = "readOnly", p = x.value !== "false";
             break;
           case "style":
-            x = "style";
+            a = "style";
             const m = {};
-            p.value.split(";").forEach((u) => {
-              const [f, h] = u.split(":");
-              if (f && h) {
-                const g = f.trim().replace(/-([a-z])/g, (k, N) => N.toUpperCase());
-                m[g] = h.trim();
+            x.value.split(";").forEach((u) => {
+              const [f, c] = u.split(":");
+              if (f && c) {
+                const w = f.trim().replace(/-([a-z])/g, (g, T) => T.toUpperCase());
+                m[w] = c.trim();
               }
-            }), a = m;
+            }), p = m;
             break;
         }
-        r[x] = a;
+        r[a] = p;
       }
       r.key = Math.random().toString(36).substring(2, 9);
       const d = [];
-      for (const p of i.childNodes) {
-        const x = this.parseNode(p);
-        x && d.push(x);
+      for (const x of n.childNodes) {
+        const a = this.parseNode(x);
+        a && d.push(a);
       }
-      return X(n, r, ...d);
+      return P(i, r, ...d);
     }
     return null;
   }
   /**
    * функция для преобразования html строки в react элементы
    */
-  static async toReactNodes(t, i) {
-    const n = new ht(i), { nodes: r } = await n.parse(t, "node");
+  static async toReactNodes(t, n) {
+    const i = new vt(n), { nodes: r } = await i.parse(t, "node");
     return r.map((d) => this.parseNode(d));
   }
 }
-I(z, "TEXT_NODE", 3), I(z, "ELEMENT_NODE", 1);
-const bt = ({ promises: o }) => {
-  const [t, i] = _([]);
-  return q(() => {
+B(D, "TEXT_NODE", 3), B(D, "ELEMENT_NODE", 1);
+const Ct = ({ promises: o }) => {
+  const [t, n] = v([]);
+  return s(() => {
     (async () => {
-      i(await o);
+      n(await o);
     })();
   }, [o]), /* @__PURE__ */ e.jsx(e.Fragment, { children: t });
-}, M = ({ html: o, options: t, as: i }) => {
-  const n = i ?? ae, r = z.toReactNodes(o, t);
-  return /* @__PURE__ */ e.jsx(n, { children: /* @__PURE__ */ e.jsx(bt, { promises: r }) });
-}, jt = ["getFioSchema"], s = (o, t, i) => {
-  const n = o[t];
-  if (j.isNil(n))
+}, L = ({ html: o, options: t, as: n }) => {
+  const i = n ?? ce, r = D.toReactNodes(o, t);
+  return /* @__PURE__ */ e.jsx(i, { children: /* @__PURE__ */ e.jsx(Ct, { promises: r }) });
+}, Tt = ["getFioSchema"], le = (o, t, n) => {
+  const i = o[t];
+  if (j.isNil(i))
     throw new Error(`validation for type ${String(t)} not found`);
-  if (!j.isFunction(n))
+  if (!j.isFunction(i))
     throw new Error(`Cannot generate ${String(t)} because is not a function`);
-  return n(i);
-}, ct = (o, t) => s(Q.base, o, t), kt = (o, t) => s(Q.dadata, o, t), gt = (o) => {
-  const i = o.map((n) => ({ name: n.args.name, validation: n.args.validation })).reduce((n, r) => {
-    const d = jt.includes(r.validation.type) ? kt(
+  return i(n);
+}, It = (o, t) => le(re.base, o, t), Et = (o, t) => le(re.dadata, o, t), Bt = (o) => {
+  const n = o.map((i) => ({ name: i.args.name, validation: i.args.validation })).reduce((i, r) => {
+    const d = Tt.includes(r.validation.type) ? Et(
       r.validation.type,
       r.validation.args
-    ) : ct(
+    ) : It(
       r.validation.type,
       r.validation.args
     );
-    return n[r.name] = d, n;
+    return i[r.name] = d, i;
   }, {});
-  return be(i);
-}, wt = (o, t) => o.enabled ? t.map((i) => ({
-  name: i.args.name,
-  ...i.args.progress
-})) : null, yt = (o, t, i) => o.type === "off" ? null : o.type === "text" ? /* @__PURE__ */ e.jsx(M, { html: o.message, as: "div" }) : /* @__PURE__ */ e.jsxs(
+  return ve(n);
+}, St = (o, t) => o.enabled ? t.map((n) => ({
+  name: n.args.name,
+  ...n.args.progress
+})) : null, _t = (o, t, n) => o.type === "off" ? null : o.type === "text" ? /* @__PURE__ */ e.jsx(L, { html: o.message, as: "div" }) : /* @__PURE__ */ e.jsxs(
   "label",
   {
     className: l(
@@ -1259,81 +1358,80 @@ const bt = ({ promises: o }) => {
       "flex items-center justify-items-start gap-x-3"
     ),
     children: [
-      /* @__PURE__ */ e.jsx(pe.CheckboxBase, { checked: t, onCheckedChange: i }),
-      /* @__PURE__ */ e.jsx(M, { html: o.content, as: "div" })
+      /* @__PURE__ */ e.jsx(Y.CheckboxBase, { checked: t, onCheckedChange: n }),
+      /* @__PURE__ */ e.jsx(L, { html: o.content, as: "div" })
     ]
   }
-), Gt = ({
+), hr = ({
   fields: o,
   title: t,
-  progress: i,
-  approvement: n,
+  progress: n,
+  approvement: i,
   chips: r,
   submitContent: d = "Submit"
 }) => {
-  const [p, x] = _(!1), a = gt(o), { control: m, handleSubmit: u } = fe({
-    schema: a,
-    defaultValues: je.getZodDefaults(a),
+  const [x, a] = v(!1), p = Bt(o), { control: m, handleSubmit: u } = ye({
+    schema: p,
+    defaultValues: Ce.getZodDefaults(p),
     mode: "onBlur"
-  }), f = wt(i, o), h = ce({ control: m, fields: f || [], schema: a }), g = (k) => {
-    console.warn(k);
+  }), f = St(n, o), c = Te({ control: m, fields: f || [], schema: p }), w = (g) => {
+    console.warn(g);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col gap-6 rounded-sm border border-warm-grey-200 px-4 py-8 desktop:gap-8 desktop:p-14", children: [
-    r.enabled && /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: l(
-          "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
-          "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
-          "right-4 top-4 w-max"
-        ),
-        children: [
-          r.image && /* @__PURE__ */ e.jsx(b, { name: r.image, className: "size-4" }),
-          r.content
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(y, { as: "h3", children: t }),
-    /* @__PURE__ */ e.jsxs("form", { onSubmit: u(g), className: "flex w-[328px] flex-col gap-y-6 desktop:w-[524px] desktop:gap-y-8", children: [
-      i.enabled && /* @__PURE__ */ e.jsx(
-        le,
-        {
-          progress: h,
-          topContent: /* @__PURE__ */ e.jsx(M, { html: i.title }),
-          bottomContent: /* @__PURE__ */ e.jsx(M, { html: i.subtitle }),
-          maxPercent: i.maxPercent
-        }
-      ),
-      /* @__PURE__ */ e.jsx(at, { control: m, fields: o }),
-      /* @__PURE__ */ e.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
-        yt(n, p, x),
-        /* @__PURE__ */ e.jsx(
-          O,
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      id: b.form,
+      "data-test-id": b.form,
+      className: "relative flex flex-col gap-6 rounded-sm border border-warm-grey-200 px-4 py-8 desktop:gap-8 desktop:p-14",
+      children: [
+        r.enabled && /* @__PURE__ */ e.jsxs(
+          "div",
           {
-            type: "submit",
-            disabled: n.type === "checkbox" ? !p : !1,
-            className: l("w-full whitespace-nowrap", {
-              "w-full desktop:w-[216px]": !!n
-            }),
-            children: d
+            className: l(
+              "desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
+              "bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
+              "right-4 top-4 w-max"
+            ),
+            children: [
+              r.image && /* @__PURE__ */ e.jsx(h, { name: r.image, className: "size-4" }),
+              r.content
+            ]
           }
-        )
-      ] })
-    ] })
-  ] });
-}, Zt = [
-  "header",
-  "footer",
-  "interLinking",
-  "stepper",
-  "usefulInfo",
-  "longBanner",
-  "banner",
-  "benefit"
-], T = () => ({
+        ),
+        /* @__PURE__ */ e.jsx(N, { as: "h3", children: t }),
+        /* @__PURE__ */ e.jsxs("form", { onSubmit: u(w), className: "flex w-[328px] flex-col gap-y-6 desktop:w-[524px] desktop:gap-y-8", children: [
+          n.enabled && /* @__PURE__ */ e.jsx(
+            be,
+            {
+              progress: c,
+              topContent: /* @__PURE__ */ e.jsx(L, { html: n.title }),
+              bottomContent: /* @__PURE__ */ e.jsx(L, { html: n.subtitle }),
+              maxPercent: n.maxPercent
+            }
+          ),
+          /* @__PURE__ */ e.jsx(gt, { control: m, fields: o }),
+          /* @__PURE__ */ e.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
+            _t(i, x, a),
+            /* @__PURE__ */ e.jsx(
+              U,
+              {
+                type: "submit",
+                disabled: i.type === "checkbox" ? !x : !1,
+                className: l("w-full whitespace-nowrap", {
+                  "w-full desktop:w-[216px]": !!i
+                }),
+                children: d
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, S = () => ({
   approve: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/iconMark" }),
+      element: /* @__PURE__ */ e.jsx(h, { name: "status/iconMark" }),
       bg: "bg-color-positive-light"
     },
     title: "Ваша заявка отправлена",
@@ -1348,7 +1446,7 @@ const bt = ({ promises: o }) => {
   },
   repeated: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/iconUser" }),
+      element: /* @__PURE__ */ e.jsx(h, { name: "status/iconUser" }),
       bg: "bg-color-positive-light"
     },
     title: "Мы вас узнали",
@@ -1363,7 +1461,7 @@ const bt = ({ promises: o }) => {
   },
   error: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/iconRetry" }),
+      element: /* @__PURE__ */ e.jsx(h, { name: "status/iconRetry" }),
       bg: "bg-color-warning-light"
     },
     title: "Что-то пошло не так",
@@ -1378,7 +1476,7 @@ const bt = ({ promises: o }) => {
   },
   reject: {
     icon: {
-      element: /* @__PURE__ */ e.jsx(b, { name: "status/badSmile" }),
+      element: /* @__PURE__ */ e.jsx(h, { name: "status/badSmile" }),
       bg: "bg-color-negative-light"
     },
     title: "Нам очень жаль",
@@ -1391,91 +1489,91 @@ const bt = ({ promises: o }) => {
       text: "Вернуться на главную"
     }
   }
-}), $t = ({ status: o, navigationFn: t }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ e.jsx(w, { className: "flex flex-col justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
+}), br = ({ status: o, navigationFn: t }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ e.jsx(y, { className: "flex flex-col justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
   /* @__PURE__ */ e.jsx(
     "span",
     {
       className: l(
         "flex size-16 items-center justify-center rounded-full bg-color-positive-light",
-        `${T()[o].icon.bg}`
+        `${S()[o].icon.bg}`
       ),
-      children: T()[o].icon.element
+      children: S()[o].icon.element
     }
   ),
   /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
-    /* @__PURE__ */ e.jsx(y, { as: "h2", children: T()[o].title }),
-    /* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children: T()[o].description })
+    /* @__PURE__ */ e.jsx(N, { as: "h2", children: S()[o].title }),
+    /* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children: S()[o].description })
   ] }),
-  /* @__PURE__ */ e.jsx(O, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: T()[o].button.text })
-] }) }) }), ee = ({ breadcrumb: o, className: t, ...i }) => /* @__PURE__ */ e.jsx("a", { href: o.path, className: l("desk-body-regular-m", t), ...i, children: o.label }), Nt = ({ startsWith: o, endsWith: t, matcher: i, filter: n, rootEnabled: r = !0 }) => {
-  const [d, p] = _([]);
-  return q(() => {
-    if (!K)
+  /* @__PURE__ */ e.jsx(U, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: S()[o].button.text })
+] }) }) }), xe = ({ breadcrumb: o, className: t, ...n }) => /* @__PURE__ */ e.jsx("a", { href: o.path, className: l("desk-body-regular-m", t), ...n, children: o.label }), Mt = ({ startsWith: o, endsWith: t, matcher: n, filter: i, rootEnabled: r = !0 }) => {
+  const [d, x] = v([]);
+  return s(() => {
+    if (!te)
       return;
-    let x = window.location.pathname.split("/").filter((u) => !j.isStringEmpty(u));
-    j.isUndefined(o) || (j.isString(o) ? x = x.slice(x.findIndex((u) => u === o)) : x = x.slice(o)), j.isUndefined(t) || (j.isString(t) ? x = x.slice(0, x.findIndex((u) => u === t) + 1) : x = x.slice(0, t + 1));
-    let a = [], m = "";
+    let a = window.location.pathname.split("/").filter((u) => !j.isStringEmpty(u));
+    j.isUndefined(o) || (j.isString(o) ? a = a.slice(a.findIndex((u) => u === o)) : a = a.slice(o)), j.isUndefined(t) || (j.isString(t) ? a = a.slice(0, a.findIndex((u) => u === t) + 1) : a = a.slice(0, t + 1));
+    let p = [], m = "";
     if (r) {
       const u = {
         index: 0,
-        id: D(),
+        id: Z(),
         path: "/",
         label: "home"
       };
-      a.push(u);
+      p.push(u);
     }
-    x.forEach((u, f) => {
+    a.forEach((u, f) => {
       m += `/${u}`;
-      const h = {
+      const c = {
         // while root enabled we need to increment index
         // cuz we have root breadcrumb
         index: r ? f + 1 : f,
-        id: D(),
+        id: Z(),
         path: m,
         label: u
       };
-      a.push(h);
-    }), i && (a = a.map((u) => ({
+      p.push(c);
+    }), n && (p = p.map((u) => ({
       ...u,
-      ...i(u)
-    }))), p(n ? a.filter(n) : a);
-  }, [t, n, i, r, o]), d;
-}, S = (o, t, i, n) => o.map((r, d) => {
-  const p = d === n;
+      ...n(u)
+    }))), x(i ? p.filter(i) : p);
+  }, [t, i, n, r, o]), d;
+}, H = (o, t, n, i) => o.map((r, d) => {
+  const x = d === i;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      ee,
+      xe,
       {
         breadcrumb: r,
-        className: l(i, {
-          "pointer-events-none text-color-primary-disabled": p
+        className: l(n, {
+          "pointer-events-none text-color-primary-disabled": x
         })
       }
     ),
     d !== o.length - 1 && t
   ] }, r.id);
-}), Xt = ({ separator: o, ellipsis: t, classes: i, ...n }) => {
-  const [r, d] = _(!1), p = me(null);
-  he(p, () => d(!1));
-  const x = Nt(n), { first: a, middle: m, last: u } = $(() => {
-    let h = [], g = [], k = [];
-    return t && (h = x.slice(0, t), g = x.slice(t, x.length - t), k = x.slice(x.length - t)), { first: h, middle: g, last: k };
-  }, [x, t]), f = o ?? /* @__PURE__ */ e.jsx(b, { name: "arrows/arrowRight", className: l("size-4", i == null ? void 0 : i.separator) });
+}), Ht = ({ separator: o, ellipsis: t, classes: n, ...i }) => {
+  const [r, d] = v(!1), x = $(null);
+  Ne(x, () => d(!1));
+  const a = Mt(i), { first: p, middle: m, last: u } = G(() => {
+    let c = [], w = [], g = [];
+    return t && (c = a.slice(0, t), w = a.slice(t, a.length - t), g = a.slice(a.length - t)), { first: c, middle: w, last: g };
+  }, [a, t]), f = o ?? /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("size-4", n == null ? void 0 : n.separator) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: l(
         "flex max-w-[840px] flex-wrap items-center",
         "gap-x-2 gap-y-1 py-4 text-color-primary-default",
-        i == null ? void 0 : i.root
+        n == null ? void 0 : n.root
       ),
       children: t ? (
         // if ellipsis provided, render hidden breadcrumbs
-        /* @__PURE__ */ e.jsx(e.Fragment, { children: x.length > t * 2 + 1 ? (
+        /* @__PURE__ */ e.jsx(e.Fragment, { children: a.length > t * 2 + 1 ? (
           // if we have more than ellipsis (visible crumbs) + available hidden crumbs
           // render hidden breadcrumbs
           /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            S(a, f, i == null ? void 0 : i.breadcrumb),
+            H(p, f, n == null ? void 0 : n.breadcrumb),
             f,
             m.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
@@ -1483,7 +1581,7 @@ const bt = ({ promises: o }) => {
                 /* @__PURE__ */ e.jsx(
                   "ul",
                   {
-                    ref: p,
+                    ref: x,
                     className: l(
                       "invisible absolute max-h-[264px] overflow-y-auto",
                       "w-[280px] rounded-sm bg-color-white",
@@ -1492,55 +1590,375 @@ const bt = ({ promises: o }) => {
                         "visible opacity-100": r
                       }
                     ),
-                    children: m.map((h) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-                      ee,
+                    children: m.map((c) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+                      xe,
                       {
-                        breadcrumb: h,
+                        breadcrumb: c,
                         className: l(
                           "desk-body-regular-l inline-block py-3",
                           "w-full rounded-sm bg-color-white px-2",
                           "text-color-dark hover:bg-color-primary-tr-hover",
-                          i == null ? void 0 : i.breadcrumb
+                          n == null ? void 0 : n.breadcrumb
                         )
                       }
-                    ) }, h.id))
+                    ) }, c.id))
                   }
                 )
               ] }),
               f
             ] }),
-            S(u, f, i == null ? void 0 : i.breadcrumb, u.length - 1)
+            H(u, f, n == null ? void 0 : n.breadcrumb, u.length - 1)
           ] })
         ) : (
           // otherwise render all breadcrumbs
-          S(x, f, i == null ? void 0 : i.breadcrumb, x.length - 1)
+          H(a, f, n == null ? void 0 : n.breadcrumb, a.length - 1)
         ) })
       ) : (
         // if ellipsis doesn't provided render all breadcrumbs
-        S(x, f, i == null ? void 0 : i.breadcrumb, x.length - 1)
+        H(a, f, n == null ? void 0 : n.breadcrumb, a.length - 1)
       )
     }
   );
 };
+var M = /* @__PURE__ */ ((o) => (o.ROOT = "root", o.CURRENT = "current", o))(M || {});
+const Lt = (o, t) => {
+  switch (t.type) {
+    case M.ROOT:
+      return {
+        ...o,
+        root: t.payload
+      };
+    case M.CURRENT:
+      return {
+        ...o,
+        current: t.payload
+      };
+    default:
+      return o;
+  }
+}, Rt = (o) => {
+  const [t, n] = ke(Lt, o);
+  return [t, n];
+}, Ft = (o) => ({
+  type: M.CURRENT,
+  payload: o
+}), zt = (o) => ({
+  type: M.ROOT,
+  payload: o
+}), Ot = ({ categories: o, ...t }) => oe(
+  /* @__PURE__ */ e.jsx(
+    W.div,
+    {
+      ...t,
+      layout: !0,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.2 },
+      className: "absolute bg-color-white",
+      children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto flex w-[1140px] gap-x-[56px] py-10", children: o.map((n) => {
+        var r;
+        const i = n.link ? "a" : "p";
+        return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          n.title && /* @__PURE__ */ e.jsxs(
+            i,
+            {
+              href: ((r = n.link) == null ? void 0 : r.href) ?? void 0,
+              className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
+              children: [
+                n.title,
+                /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowLink", className: "size-6" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx("ul", { className: "w-[328px]", children: n.children.map((d) => {
+            var x;
+            return /* @__PURE__ */ e.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ e.jsx("a", { href: (x = d.link) == null ? void 0 : x.href, className: "w-full text-16", children: d.title }) }, d.title);
+          }) })
+        ] }, n.title);
+      }) })
+    }
+  ),
+  document.body
+), Dt = ({ category: o, active: t, onActiveTabChange: n }) => {
+  var a, p;
+  const i = $(null), r = (a = i.current) == null ? void 0 : a.getBoundingClientRect(), d = t && !j.isArrayEmpty(o.children), x = j.isArrayEmpty(o.children) ? "a" : "span";
+  return /* @__PURE__ */ e.jsxs(
+    W.div,
+    {
+      ref: i,
+      className: l(
+        "relative flex cursor-default items-center justify-center py-4 text-color-dark",
+        'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
+        "after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
+        {
+          "text-color-primary-default": d,
+          "after:w-full": d
+        }
+      ),
+      onMouseEnter: () => n(o.title),
+      onMouseLeave: () => n(null),
+      onFocus: () => n(o.title),
+      children: [
+        /* @__PURE__ */ e.jsx(x, { href: x === "a" ? (p = o.link) == null ? void 0 : p.href : void 0, className: "desk-body-regular-m outline-none", children: o.title }),
+        d && /* @__PURE__ */ e.jsx(
+          Ot,
+          {
+            categories: o.children,
+            style: {
+              top: r ? r.top + r.height : 0,
+              width: window.innerWidth
+            }
+          }
+        )
+      ]
+    }
+  );
+}, Ut = ee(Dt), Vt = ({ categories: o }) => {
+  const [t, n] = v(null), i = A((r) => {
+    n(r);
+  }, []);
+  return /* @__PURE__ */ e.jsx(je, { mode: "sync", children: /* @__PURE__ */ e.jsxs("div", { id: "tabs", className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]", children: [
+    o.map((r) => /* @__PURE__ */ e.jsx(
+      Ut,
+      {
+        category: r,
+        active: t === r.title,
+        onActiveTabChange: i
+      },
+      r.title
+    )),
+    /* @__PURE__ */ e.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
+  ] }) });
+}, Wt = ee(Vt), Gt = ({
+  category: o,
+  selectedCategory: t,
+  onCurrentCategoryChange: n,
+  onRootCategoryChange: i,
+  active: r,
+  ...d
+}) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    ...d,
+    onClick: () => {
+      n(o.children[0]), i(o);
+    },
+    className: l("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
+      "text-color-dark": r
+    }),
+    children: [
+      /* @__PURE__ */ e.jsx("span", { className: "desk-body-regular-m", children: o.title }),
+      o.children.length > 1 && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: l(
+            "absolute right-0 top-full z-10 flex w-max flex-col",
+            "invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
+            "rounded-sm p-1"
+          ),
+          children: o.children.map((x) => /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              onClick: (a) => {
+                a.stopPropagation(), a.nativeEvent.stopPropagation(), i(o), n(x);
+              },
+              className: l(
+                "desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
+                {
+                  "text-color-primary-default": t.title === x.title
+                }
+              ),
+              children: x.title
+            },
+            x.title
+          ))
+        }
+      )
+    ]
+  }
+), $t = ({ categories: o, helpers: t, phone: n }) => {
+  const [i, r] = Rt({ root: o[0].children[0], current: o[0].children[0] });
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.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__ */ e.jsx(h, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
+      o.map((d) => {
+        const x = i.root.title === d.title;
+        return /* @__PURE__ */ e.jsx(
+          Gt,
+          {
+            category: d,
+            selectedCategory: i.current,
+            onCurrentCategoryChange: (a) => r(Ft(a)),
+            onRootCategoryChange: (a) => r(zt(a)),
+            active: x
+          },
+          d.title
+        );
+      }),
+      /* @__PURE__ */ e.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
+      t.map((d) => /* @__PURE__ */ e.jsxs(
+        "a",
+        {
+          href: d.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: [
+            d.link.icon && /* @__PURE__ */ e.jsx(h, { name: d.link.icon, className: "size-4" }),
+            d.title
+          ]
+        },
+        d.title
+      )),
+      /* @__PURE__ */ e.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
+      /* @__PURE__ */ e.jsx(
+        "a",
+        {
+          href: `tel:${n}`,
+          className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
+          children: F(n, "x xxx xxx xx xx")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(Wt, { categories: i.current.children })
+  ] });
+}, Zt = ({ category: o }) => /* @__PURE__ */ e.jsx(
+  E,
+  {
+    label: o.title ?? "",
+    icon: /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: "-rotate-90" }),
+    classes: {
+      root: "w-full",
+      header: {
+        trigger: "py-2 data-[open=false]:bg-color-white",
+        label: "desk-body-regular-m"
+      },
+      content: l(
+        "relative",
+        'after:content-"" after:absolute after:w-[calc(100%-32px)]',
+        "after:bottom-0 after:left-1/2 after:-translate-x-1/2",
+        "after:h-[1px] after:bg-color-blue-grey-200"
+      )
+    },
+    children: /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: o.children.map((t) => {
+      var r;
+      const n = !!t.link, i = n ? "a" : "p";
+      return /* @__PURE__ */ e.jsxs("ul", { className: "w-full list-none p-0", children: [
+        /* @__PURE__ */ e.jsxs(
+          i,
+          {
+            href: n ? (r = t.link) == null ? void 0 : r.href : void 0,
+            className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
+            children: [
+              t.title,
+              /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowLink" })
+            ]
+          }
+        ),
+        t.children.map((d) => {
+          var x;
+          return /* @__PURE__ */ e.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ e.jsx("a", { href: (x = d.link) == null ? void 0 : x.href, className: "w-full", children: d.title }) }, d.title);
+        })
+      ] }, t.title);
+    }) })
+  },
+  o.title
+), Xt = (o) => o.map((t) => ({
+  value: t.title ?? "",
+  label: t.title ?? ""
+})), qt = ({ categories: o, helpers: t, phone: n, ...i }) => {
+  const r = Xt(o), [d, x] = v(r[0]), a = (m) => {
+    j.isUndefined(m) || j.isArray(m) || x(m);
+  }, p = G(() => {
+    var m;
+    return j.isUndefined(d) || j.isArray(d) ? [] : ((m = o.find((u) => u.title === d.value)) == null ? void 0 : m.children) ?? [];
+  }, [d, o]);
+  return /* @__PURE__ */ e.jsxs(
+    W.div,
+    {
+      ...i,
+      className: l(
+        "absolute w-full max-w-[calc(636px-32px)]",
+        "absolute left-1/2 top-full bg-color-white p-4",
+        "-translate-x-1/2 overflow-x-hidden",
+        "flex flex-col items-center justify-center gap-y-4"
+      ),
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      children: [
+        /* @__PURE__ */ e.jsx(Y.SelectBase, { label: "Категория", options: r, value: d, onChange: a }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: p.map((m) => {
+          var u;
+          return j.isArrayEmpty(m.children) ? /* @__PURE__ */ e.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ e.jsx("a", { href: (u = m.link) == null ? void 0 : u.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ e.jsx(Zt, { category: m }, m.title);
+        }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
+          t.map((m) => {
+            var u, f;
+            return /* @__PURE__ */ e.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ e.jsxs("a", { href: (u = m.link) == null ? void 0 : u.href, className: "flex w-full items-center gap-x-1", children: [
+              ((f = m.link) == null ? void 0 : f.icon) && /* @__PURE__ */ e.jsx(h, { name: m.link.icon, className: "size-4" }),
+              m.title
+            ] }) }, m.title);
+          }),
+          /* @__PURE__ */ e.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ e.jsxs("a", { href: `tel:${n}`, className: "flex w-full items-center gap-x-1", children: [
+            /* @__PURE__ */ e.jsx(h, { name: "communication/phone", className: "size-4" }),
+            F(n)
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}, Jt = ({ categories: o, helpers: t, phone: n }) => {
+  var p;
+  const i = $(null), r = (p = i.current) == null ? void 0 : p.getBoundingClientRect(), [d, x] = v(!1), a = () => x(!d);
+  return /* @__PURE__ */ e.jsxs("div", { ref: i, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
+    /* @__PURE__ */ e.jsx(h, { name: "brandLogos/logoMain", className: "w-[130px]" }),
+    /* @__PURE__ */ e.jsx("button", { type: "button", onClick: a, className: "h-max w-max", children: /* @__PURE__ */ e.jsx(h, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
+    d && oe(
+      /* @__PURE__ */ e.jsx(
+        qt,
+        {
+          categories: o,
+          helpers: t,
+          phone: n,
+          style: { top: r ? r.top + r.height : 0 }
+        }
+      ),
+      document.body
+    )
+  ] });
+}, jr = ({ categories: o, helpers: t, phone: n }) => {
+  const { isMobile: i } = C();
+  return /* @__PURE__ */ e.jsxs("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
+    i ? /* @__PURE__ */ e.jsx(Jt, { categories: o.map((r) => r.children).flat(), helpers: t, phone: n }) : /* @__PURE__ */ e.jsx($t, { categories: o, helpers: t, phone: n }),
+    /* @__PURE__ */ e.jsx(
+      Ht,
+      {
+        ellipsis: i ? 1 : void 0,
+        matcher: (r) => ({ label: we(r.label).split("-").join(" ") })
+      }
+    )
+  ] });
+};
 export {
-  Y as Advantages,
-  Vt as AuthProvider,
-  zt as Banner,
-  V as BannerWithSeparateImg,
-  Ft as Benefit,
-  Xt as Breadcrumbs,
-  v as ButtonWithHandlers,
-  Gt as DynamicForm,
-  $t as FallbacksView,
-  at as FieldMapper,
-  Ot as Footer,
-  ht as HTMLParser,
-  M as HTMLRenderer,
-  Lt as Header,
-  Ut as InterLinking,
-  Dt as LongBanner,
-  Rt as Stepper,
-  Wt as UsefulInfo,
-  Zt as WIDGET_LIST
+  ne as Advantages,
+  mr as AuthProvider,
+  lr as Banner,
+  X as BannerWithSeparateImg,
+  ir as Benefit,
+  Ht as Breadcrumbs,
+  I as ButtonWithHandlers,
+  hr as DynamicForm,
+  br as FallbacksView,
+  gt as FieldMapper,
+  xr as Footer,
+  vt as HTMLParser,
+  L as HTMLRenderer,
+  dr as Header,
+  ur as InterLinking,
+  pr as LongBanner,
+  jr as SeoHeader,
+  ar as Stepper,
+  fr as UsefulInfo,
+  Ie as WIDGET_LIST,
+  b as widgetIds
 };
 //# sourceMappingURL=widget.js.map