@scbt-ecom/ui 0.47.1 → 0.49.0

package/dist/widget.js

@@ -1,10 +1,10 @@
-import { j as t, B as y, H as j, c as h, R as k, P as F, b as V, I as f, C as I, S as D, a as G, L as U, d as B, A as v, e as $ } from "./index-jk9y4fVq.js";
-import { s as Z } from "./scrollToElement-B-reg4jF.js";
-import { c as x, T as c } from "./typeGuards-BigW-JS1.js";
+import { j as t, B as y, H as j, c as h, R as k, P as F, b as D, I as f, C as I, S as G, a as U, L as Z, d as B, A as v, e as $ } from "./index-BiAdttkO.js";
+import { s as q, c as L } from "./scrollToElement-BjUPRtGF.js";
+import { c as p, T as c } from "./typeGuards-BigW-JS1.js";
 import { a as g } from "./useDebounce-QgEEiWs9.js";
 import * as N from "react";
-import { useState as q, useMemo as J, createElement as K } from "react";
-const Q = h(
+import { useState as J, useMemo as K, createElement as Q } from "react";
+const X = h(
   "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: {
@@ -15,14 +15,14 @@ const Q = h(
       }
     }
   }
-), X = ({
+), Y = ({
   description: r,
   title: e,
   img: o,
   mobileImg: n,
   classes: d,
   withButton: i,
-  buttonText: p,
+  buttonText: x,
   intent: m,
   cardColor: a
 }) => {
@@ -30,30 +30,30 @@ const Q = h(
     y,
     {
       intent: "primary",
-      className: x("desktop:w-[200px]", d == null ? void 0 : d.button),
-      onClick: () => Z("personal_form"),
+      className: p("desktop:w-[200px]", d == null ? void 0 : d.button),
+      onClick: () => q("personal_form"),
       size: "lg",
-      children: p
+      children: x
     }
   ) });
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: x(Q({ intent: m }), { "pb-0": n }, { "pb-12": !n }, a, d == null ? void 0 : d.root),
+      className: p(X({ intent: m }), { "pb-0": n }, { "pb-12": !n }, a, d == null ? void 0 : d.root),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", d == null ? void 0 : d.wrapper), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col gap-4", d == null ? void 0 : d.textContainer), children: [
-            /* @__PURE__ */ t.jsx(j, { as: "h4", className: x("desktop:desk-title-bold-s", d == null ? void 0 : d.title), children: e }),
-            /* @__PURE__ */ t.jsx("p", { className: x("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", d == null ? void 0 : d.description), children: r })
+        /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", d == null ? void 0 : d.wrapper), children: [
+          /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-4", d == null ? void 0 : d.textContainer), children: [
+            /* @__PURE__ */ t.jsx(j, { as: "h4", className: p("desktop:desk-title-bold-s", d == null ? void 0 : d.title), children: e }),
+            /* @__PURE__ */ t.jsx("p", { className: p("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", d == null ? void 0 : d.description), children: r })
           ] }),
           i && u && l
         ] }),
-        (n || u) && o && /* @__PURE__ */ t.jsx("div", { className: x("flex w-full justify-end", d == null ? void 0 : d.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: x("h-[246px] object-cover", d == null ? void 0 : d.img), src: o, alt: e }) })
+        (n || u) && o && /* @__PURE__ */ t.jsx("div", { className: p("flex w-full justify-end", d == null ? void 0 : d.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: p("h-[246px] object-cover", d == null ? void 0 : d.img), src: o, alt: e }) })
       ]
     },
     o
   );
-}, Y = h("grid gap-4", {
+}, A = h("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -61,20 +61,20 @@ const Q = h(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), qt = ({ heading: r, cards: e, classes: o, intent: n }) => /* @__PURE__ */ t.jsx("section", { className: x("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(k, { className: o == null ? void 0 : o.container, children: [
-  /* @__PURE__ */ t.jsx(j, { className: x("mb-8", o == null ? void 0 : o.heading), as: "h2", children: r }),
-  /* @__PURE__ */ t.jsx("ul", { className: x(Y({ intent: n }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((d) => /* @__PURE__ */ t.jsx(X, { intent: n, classes: o == null ? void 0 : o.item, ...d }, d.img)) })
-] }) }), A = (r) => {
+}), qt = ({ heading: r, cards: e, classes: o, intent: n }) => /* @__PURE__ */ t.jsx("section", { className: p("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(k, { className: o == null ? void 0 : o.container, children: [
+  /* @__PURE__ */ t.jsx(j, { className: p("mb-8", o == null ? void 0 : o.heading), as: "h2", children: r }),
+  /* @__PURE__ */ t.jsx("ul", { className: p(A({ intent: n }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((d) => /* @__PURE__ */ t.jsx(Y, { intent: n, classes: o == null ? void 0 : o.item, ...d }, d.img)) })
+] }) }), P = (r) => {
   const { variant: e, details: o } = r;
   switch (e) {
     case "withButton":
       return /* @__PURE__ */ t.jsx(y, { intent: "secondary", size: "sm", ...o, children: (o == null ? void 0 : o.children) || "Оформить заявку" });
     case "withPhone":
-      return /* @__PURE__ */ t.jsx(F, { classes: { root: "items-end" }, ...o });
+      return /* @__PURE__ */ t.jsx(F, { classes: { root: "items-end" }, ...o, phone: L(o.phone) });
     default:
       return null;
   }
-}, Jt = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: n }) => /* @__PURE__ */ t.jsx("header", { className: x("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ t.jsx(k, { className: x(n == null ? void 0 : n.container), children: /* @__PURE__ */ t.jsxs("div", { className: x("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+}, Jt = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: n }) => /* @__PURE__ */ t.jsx("header", { className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ t.jsx(k, { className: p(n == null ? void 0 : n.container), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
@@ -82,61 +82,61 @@ const Q = h(
       "aria-label": "logo",
       target: "_blank",
       rel: "noreferrer",
-      className: x(
+      className: p(
         "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
         n == null ? void 0 : n.logo
       ),
-      children: V[e]
+      children: D[e]
     }
   ),
-  A(o)
-] }) }) }), L = ({ buttonsConfig: r, classes: e, className: o }) => {
+  P(o)
+] }) }) }), R = ({ buttonsConfig: r, classes: e, className: o }) => {
   var d;
   const n = (r == null ? void 0 : r.secondary) && r.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
-      className: x(
+      className: p(
         "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
         { "flex items-center gap-4": n },
         e == null ? void 0 : e.group,
         o
       ),
       children: [
-        /* @__PURE__ */ t.jsx(y, { intent: "primary", ...r.primary, isFull: !0, className: x("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
+        /* @__PURE__ */ t.jsx(y, { intent: "primary", ...r.primary, isFull: !0, className: p("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
         n && /* @__PURE__ */ t.jsx(
           y,
           {
             intent: "secondary",
             ...r == null ? void 0 : r.secondary,
             isFull: !0,
-            className: x("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
+            className: p("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
             children: (d = r == null ? void 0 : r.secondary) == null ? void 0 : d.children
           }
         )
       ]
     }
   );
-}, P = ({
+}, s = ({
   headTitle: r,
   subtitle: e,
   buttonsConfig: o,
   advantages: n,
   classes: d,
   imgMobile: i,
-  imgDesktop: p,
+  imgDesktop: x,
   color: m
 }) => {
   var w;
-  const { isDesktop: a, isMobile: u } = g(), l = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: i.url }) : i, b = p && "url" in p && c.isObject(p) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: p.url }) : p, C = /* @__PURE__ */ t.jsx(
+  const { isDesktop: a, isMobile: u } = g(), l = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: i.url }) : i, b = x && "url" in x && c.isObject(x) ? /* @__PURE__ */ t.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: x.url }) : x, C = /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: x(
+      className: p(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         d == null ? void 0 : d.advantageContainer
       ),
-      children: (n == null ? void 0 : n.config.details) && ((w = n == null ? void 0 : n.config.details) == null ? void 0 : w.length) > 0 && /* @__PURE__ */ t.jsx(R, { ...n })
+      children: (n == null ? void 0 : n.config.details) && ((w = n == null ? void 0 : n.config.details) == null ? void 0 : w.length) > 0 && /* @__PURE__ */ t.jsx(O, { ...n })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -145,28 +145,28 @@ const Q = h(
       {
         style: { backgroundColor: m ?? "#d9edff" },
         "data-test-id": "banner",
-        className: x("relative h-[552px] desktop:h-[456px]", d == null ? void 0 : d.root),
+        className: p("relative h-[552px] desktop:h-[456px]", d == null ? void 0 : d.root),
         children: [
           /* @__PURE__ */ t.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: u ? l : b }),
-          /* @__PURE__ */ t.jsxs(k, { className: x("h-full", d == null ? void 0 : d.container), children: [
-            /* @__PURE__ */ t.jsx("div", { className: x("flex h-full", d == null ? void 0 : d.wrapper), children: /* @__PURE__ */ t.jsxs("div", { className: x("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", d == null ? void 0 : d.textBlock), children: [
+          /* @__PURE__ */ t.jsxs(k, { className: p("h-full", d == null ? void 0 : d.container), children: [
+            /* @__PURE__ */ t.jsx("div", { className: p("flex h-full", d == null ? void 0 : d.wrapper), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", d == null ? void 0 : d.textBlock), children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: r },
-                    className: x("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", d == null ? void 0 : d.title)
+                    className: p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", d == null ? void 0 : d.title)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: x("desk-body-regular-l text-color-dark", d == null ? void 0 : d.subtitle)
+                    className: p("desk-body-regular-l text-color-dark", d == null ? void 0 : d.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsx(L, { className: "self-end desktop:self-center", buttonsConfig: o, classes: d })
+              /* @__PURE__ */ t.jsx(R, { className: "self-end desktop:self-center", buttonsConfig: o, classes: d })
             ] }) }),
             a && C
           ] })
@@ -182,7 +182,7 @@ const Q = h(
   advantages: n,
   classes: d,
   imgMobile: i,
-  withAdvantages: p,
+  withAdvantages: x,
   imgDesktop: m,
   color: a
 }) => {
@@ -190,11 +190,11 @@ const Q = h(
   const { isDesktop: u, isMobile: l } = g(), b = i && "url" in i && c.isObject(i) ? /* @__PURE__ */ t.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: i.url }) : i, C = m && "url" in m && c.isObject(m) ? /* @__PURE__ */ t.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: m.url }) : m, w = /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: x(
+      className: p(
         "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",
         d == null ? void 0 : d.advantageContainer
       ),
-      children: (n == null ? void 0 : n.config.details) && ((H = n == null ? void 0 : n.config.details) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ t.jsx(R, { ...n })
+      children: (n == null ? void 0 : n.config.details) && ((H = n == null ? void 0 : n.config.details) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ t.jsx(O, { ...n })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -203,51 +203,51 @@ const Q = h(
       {
         style: { backgroundColor: a ?? "#d9edff" },
         "data-test-id": "banner",
-        className: x("bg-banner-skyblue-300 desktop:h-[456px]", d == null ? void 0 : d.root),
-        children: /* @__PURE__ */ t.jsxs(k, { className: x("relative", d == null ? void 0 : d.container), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col desktop:flex-row desktop:justify-between", d == null ? void 0 : d.wrapper), children: [
+        className: p("bg-banner-skyblue-300 desktop:h-[456px]", d == null ? void 0 : d.root),
+        children: /* @__PURE__ */ t.jsxs(k, { className: p("relative", d == null ? void 0 : d.container), children: [
+          /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col desktop:flex-row desktop:justify-between", d == null ? void 0 : d.wrapper), children: [
             /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-              /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col gap-4 pt-6 desktop:pt-0", d == null ? void 0 : d.textBlock), children: [
+              /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-4 pt-6 desktop:pt-0", d == null ? void 0 : d.textBlock), children: [
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: r },
-                    className: x("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", d == null ? void 0 : d.title)
+                    className: p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", d == null ? void 0 : d.title)
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     dangerouslySetInnerHTML: { __html: e },
-                    className: x("desk-body-regular-l text-color-dark", d == null ? void 0 : d.subtitle)
+                    className: p("desk-body-regular-l text-color-dark", d == null ? void 0 : d.subtitle)
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsx(L, { buttonsConfig: o, classes: d })
+              /* @__PURE__ */ t.jsx(R, { buttonsConfig: o, classes: d })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { className: x("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", d == null ? void 0 : d.imageContainer), children: l ? b : C })
+            /* @__PURE__ */ t.jsx("div", { className: p("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", d == null ? void 0 : d.imageContainer), children: l ? b : C })
           ] }),
-          u && p && w
+          u && x && w
         ] })
       }
     ),
-    l && p && w
+    l && x && w
   ] });
 }, Kt = ({ variant: r, ...e }) => {
   switch (r) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(M, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(P, { ...e });
+      return /* @__PURE__ */ t.jsx(s, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(M, { ...e });
   }
-}, R = ({ config: r, classes: e }) => {
+}, O = ({ config: r, classes: e }) => {
   const { variant: o, details: n } = r;
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: x(
+      className: p(
         "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]": o === "threeCards" },
         { "desktop:max-w-[1140px]": o === "fourCards" },
@@ -256,37 +256,37 @@ const Q = h(
       children: n == null ? void 0 : n.map(({ title: d, description: i }) => /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: x(
+          className: p(
             'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
             e == null ? void 0 : e.item
           ),
           children: [
-            /* @__PURE__ */ t.jsx(j, { as: "h4", className: x("text-color-dark", e == null ? void 0 : e.title), children: d }),
-            /* @__PURE__ */ t.jsx("p", { className: x("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: i })
+            /* @__PURE__ */ t.jsx(j, { as: "h4", className: p("text-color-dark", e == null ? void 0 : e.title), children: d }),
+            /* @__PURE__ */ t.jsx("p", { className: p("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: i })
           ]
         },
         d
       ))
     }
   );
-}, s = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: x("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: o, href: n }) => /* @__PURE__ */ t.jsx(
+}, tt = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: p("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: o, href: n }) => /* @__PURE__ */ t.jsx(
   "a",
   {
-    className: x("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    className: p("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: n,
     "aria-label": o.replace("social/", ""),
-    children: /* @__PURE__ */ t.jsx(f, { name: o, className: x("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    children: /* @__PURE__ */ t.jsx(f, { name: o, className: p("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   n
-)) }), tt = (r) => `${r[0]} ${r.slice(1, 4)} ${r.slice(4, 7)}-${r.slice(7, 9)}-${r.slice(9)}`, et = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: x("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: o, text: n }) => /* @__PURE__ */ t.jsx(
+)) }), et = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: o, text: n }) => /* @__PURE__ */ t.jsx(
   F,
   {
-    phone: tt(o),
+    phone: L(o),
     text: n,
     classes: {
-      root: x(e == null ? void 0 : e.phoneWrapper),
-      text: x("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: x("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
+      root: p(e == null ? void 0 : e.phoneWrapper),
+      text: p("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: p("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
   o
@@ -295,17 +295,17 @@ const Q = h(
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: x(
+      className: p(
         "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
         r == null ? void 0 : r.navRoot
       ),
       children: o == null ? void 0 : o.map(
-        ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: d, links: i }) => /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col gap-4", r == null ? void 0 : r.navGroup), children: [
-          /* @__PURE__ */ t.jsx("div", { className: x("desk-body-medium-l text-color-white", r == null ? void 0 : r.navLabel), children: d }),
-          /* @__PURE__ */ t.jsx("div", { className: x("flex flex-col gap-1", r == null ? void 0 : r.navLinks), children: i == null ? void 0 : i.map(({ path: p, label: m }) => /* @__PURE__ */ t.jsx(
+        ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: d, links: i }) => /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-4", r == null ? void 0 : r.navGroup), children: [
+          /* @__PURE__ */ t.jsx("div", { className: p("desk-body-medium-l text-color-white", r == null ? void 0 : r.navLabel), children: d }),
+          /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-1", r == null ? void 0 : r.navLinks), children: i == null ? void 0 : i.map(({ path: x, label: m }) => /* @__PURE__ */ t.jsx(
             I,
             {
-              href: p,
+              href: x,
               "aria-label": m,
               intent: "white",
               classes: {
@@ -323,7 +323,7 @@ const Q = h(
 }, ot = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: x("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
+    className: p("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
     dangerouslySetInnerHTML: { __html: r }
   }
 ), nt = ({ classes: r }) => /* @__PURE__ */ t.jsx(
@@ -331,8 +331,8 @@ const Q = h(
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: x("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", r == null ? void 0 : r.footerLogo),
-    children: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite", className: x("size-full", r == null ? void 0 : r.footerLogoIcon) })
+    className: p("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", r == null ? void 0 : r.footerLogo),
+    children: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite", className: p("size-full", r == null ? void 0 : r.footerLogoIcon) })
   }
 ), dt = ({ classes: r }) => /* @__PURE__ */ t.jsx(
   I,
@@ -343,22 +343,22 @@ const Q = h(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: x("mobile:mt-6", r == null ? void 0 : r.siteMapLink),
+      link: p("mobile:mt-6", r == null ? void 0 : r.siteMapLink),
       icon: r == null ? void 0 : r.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
 ), it = ({ text: r, classes: e }) => {
-  const [o, n] = N.useState(!1), [d, i] = N.useState(!1), p = N.useRef(null);
+  const [o, n] = N.useState(!1), [d, i] = N.useState(!1), x = N.useRef(null);
   return N.useEffect(() => {
-    const m = p.current;
+    const m = x.current;
     m && i(m.scrollHeight > m.clientHeight);
-  }, []), /* @__PURE__ */ t.jsxs("div", { className: x("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
+  }, []), /* @__PURE__ */ t.jsxs("div", { className: p("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: p,
-        className: x("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
+        ref: x,
+        className: p("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
         dangerouslySetInnerHTML: { __html: r }
       }
     ),
@@ -368,7 +368,7 @@ const Q = h(
         tabIndex: 0,
         role: "button",
         onClick: () => n((m) => !m),
-        className: x(
+        className: p(
           "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
           e == null ? void 0 : e.ligalButton
         ),
@@ -385,24 +385,24 @@ const Q = h(
     withSiteMap: d = !0,
     withLigal: i = !0
   } = {},
-  socialsLinks: p = [],
+  socialsLinks: x = [],
   phones: m = [],
   ligal: a,
   copyright: u = "",
   classes: l,
   config: b
-}) => /* @__PURE__ */ t.jsx("footer", { className: x("w-full bg-color-footer py-8 desktop:py-10", l == null ? void 0 : l.root), children: /* @__PURE__ */ t.jsx(k, { className: x(l == null ? void 0 : l.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: x("mobile:pb-[176px]", l == null ? void 0 : l.footerWrapper), children: [
+}) => /* @__PURE__ */ t.jsx("footer", { className: p("w-full bg-color-footer py-8 desktop:py-10", l == null ? void 0 : l.root), children: /* @__PURE__ */ t.jsx(k, { className: p(l == null ? void 0 : l.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: p("mobile:pb-[176px]", l == null ? void 0 : l.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "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",
         l == null ? void 0 : l.footerHead
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: x(l == null ? void 0 : l.footerSocialBlock), children: [
+        /* @__PURE__ */ t.jsxs("div", { className: p(l == null ? void 0 : l.footerSocialBlock), children: [
           /* @__PURE__ */ t.jsx(nt, { classes: l == null ? void 0 : l.footerLogo }),
-          r && /* @__PURE__ */ t.jsx(s, { socialsLinks: p, classes: l == null ? void 0 : l.socialLinks })
+          r && /* @__PURE__ */ t.jsx(tt, { socialsLinks: x, classes: l == null ? void 0 : l.socialLinks })
         ] }),
         e && /* @__PURE__ */ t.jsx(et, { phones: m, classes: l == null ? void 0 : l.phonesBlock })
       ]
@@ -413,7 +413,7 @@ const Q = h(
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
         l == null ? void 0 : l.footerBottom
       ),
@@ -423,12 +423,12 @@ const Q = h(
       ]
     }
   )
-] }) }) }), xt = ({ classes: r, index: e, variant: o, title: n, description: d }) => {
+] }) }) }), pt = ({ classes: r, index: e, variant: o, title: n, description: d }) => {
   const i = o === "withTitleAndDescription" && n;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
         r == null ? void 0 : r.singleStep
       ),
@@ -436,20 +436,20 @@ const Q = h(
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: x(
+            className: p(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
               r == null ? void 0 : r.numeric
             ),
             children: e
           }
         ),
-        /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col gap-2"), children: [
-          i && /* @__PURE__ */ t.jsx(j, { as: "h4", className: x("text-color-dark", r == null ? void 0 : r.title), children: n }),
+        /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-2"), children: [
+          i && /* @__PURE__ */ t.jsx(j, { as: "h4", className: p("text-color-dark", r == null ? void 0 : r.title), children: n }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: d ?? "" },
-              className: x("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description)
+              className: p("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description)
             }
           )
         ] })
@@ -458,20 +458,20 @@ const Q = h(
   );
 }, Xt = ({ headline: r, config: e, classes: o }) => {
   const { variant: n, details: d } = e;
-  return /* @__PURE__ */ t.jsx(D, { className: o == null ? void 0 : o.root, children: /* @__PURE__ */ t.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
-    /* @__PURE__ */ t.jsx(j, { as: "h2", className: x("text-color-dark", o == null ? void 0 : o.headline), children: r }),
+  return /* @__PURE__ */ t.jsx(G, { className: o == null ? void 0 : o.root, children: /* @__PURE__ */ t.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+    /* @__PURE__ */ t.jsx(j, { as: "h2", className: p("text-color-dark", o == null ? void 0 : o.headline), children: r }),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: x(
+        className: p(
           "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
           o == null ? void 0 : o.stepsWrapper
         ),
-        children: d == null ? void 0 : d.map((i, p) => /* @__PURE__ */ t.jsx(xt, { variant: n, ...i, index: p + 1, classes: o == null ? void 0 : o.step }, i.description))
+        children: d == null ? void 0 : d.map((i, x) => /* @__PURE__ */ t.jsx(pt, { variant: n, ...i, index: x + 1, classes: o == null ? void 0 : o.step }, i.description))
       }
     )
   ] }) }) });
-}, pt = h("", {
+}, xt = h("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -563,38 +563,38 @@ const Q = h(
       enabled: !1
     }
   } = r;
-  return /* @__PURE__ */ t.jsx("li", { className: x(mt({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: x("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ t.jsx("h4", { className: x("mob-title-bold-m text-color-dark"), children: o }),
-      d.enabled && /* @__PURE__ */ t.jsx(G, { triggerElement: /* @__PURE__ */ t.jsx(f, { className: x("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: d == null ? void 0 : d.text })
+  return /* @__PURE__ */ t.jsx("li", { className: p(mt({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: p("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ t.jsx("h4", { className: p("mob-title-bold-m text-color-dark"), children: o }),
+      d.enabled && /* @__PURE__ */ t.jsx(U, { triggerElement: /* @__PURE__ */ t.jsx(f, { className: p("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: d == null ? void 0 : d.text })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: x("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
+    /* @__PURE__ */ t.jsx("div", { className: p("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
   ] }) });
-}, T = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: x(pt({ intent: r, desktopHidden: o, mobileHidden: n })), children: e }), ht = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: x(lt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((n, d) => /* @__PURE__ */ t.jsx(ut, { intent: e, data: n }, d)) }), Yt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: n, imageComponent: d, classes: i }) => {
-  const { intent: p = "twoItems", details: m } = n, a = p === "fourItems", u = p === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: x(i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(k, { className: x(i == null ? void 0 : i.container), children: [
-    u && /* @__PURE__ */ t.jsx(T, { intent: p, headline: r }),
+}, T = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: p(xt({ intent: r, desktopHidden: o, mobileHidden: n })), children: e }), ht = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: p(lt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((n, d) => /* @__PURE__ */ t.jsx(ut, { intent: e, data: n }, d)) }), Yt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: n, imageComponent: d, classes: i }) => {
+  const { intent: x = "twoItems", details: m } = n, a = x === "fourItems", u = x === "twoItems";
+  return /* @__PURE__ */ t.jsx("section", { className: p(i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(k, { className: p(i == null ? void 0 : i.container), children: [
+    u && /* @__PURE__ */ t.jsx(T, { intent: x, headline: r }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: x(
+        className: p(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
           i == null ? void 0 : i.contentContainer
         ),
         children: [
-          a && /* @__PURE__ */ t.jsx(T, { intent: p, headline: r, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: x(at({ intent: p, withButton: o }), i == null ? void 0 : i.imgContainer), children: d }),
+          a && /* @__PURE__ */ t.jsx(T, { intent: x, headline: r, desktopHidden: !0 }),
+          /* @__PURE__ */ t.jsx("div", { className: p(at({ intent: x, withButton: o }), i == null ? void 0 : i.imgContainer), children: d }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: x("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
+              className: p("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
               children: [
-                a && /* @__PURE__ */ t.jsx(T, { intent: p, headline: r, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(ht, { details: m, intent: p, withButton: o }),
+                a && /* @__PURE__ */ t.jsx(T, { intent: x, headline: r, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(ht, { details: m, intent: x, withButton: o }),
                 o && /* @__PURE__ */ t.jsx(
                   y,
                   {
-                    className: x("w-full px-4 desktop:w-max", i == null ? void 0 : i.button),
+                    className: p("w-full px-4 desktop:w-max", i == null ? void 0 : i.button),
                     size: "lg",
                     onClick: e == null ? void 0 : e.onClick,
                     intent: "secondary",
@@ -612,11 +612,11 @@ const Q = h(
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, O = ({ children: r, isLoading: e, classes: o, loaderProps: n }) => /* @__PURE__ */ t.jsx(
+}, W = ({ children: r, isLoading: e, classes: o, loaderProps: n }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     tabIndex: 0,
-    className: x(
+    className: p(
       "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",
       o == null ? void 0 : o.root
@@ -624,13 +624,13 @@ const Q = h(
     children: /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: x(
+        className: p(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
           { "items-center": e },
           o == null ? void 0 : o.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(U, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
+        children: e ? /* @__PURE__ */ t.jsx(Z, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
       }
     )
   }
@@ -662,14 +662,14 @@ const Q = h(
     /* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), W = ({ mainLink: r, subLink: e, isMobile: o, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), V = ({ mainLink: r, subLink: e, isMobile: o, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
       href: r.href,
       target: "_blank",
       rel: "noreferrer",
-      className: x(
+      className: p(
         '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
       ),
@@ -685,52 +685,52 @@ const Q = h(
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: x("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
+        link: p("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
       children: e == null ? void 0 : e.text
     }
   )
 ] }), S = ({ mainLink: r, subLink: e, isLoading: o, badge: n, loaderProps: d, classes: i }) => {
-  const { isMobile: p } = g();
-  return /* @__PURE__ */ t.jsx(O, { isLoading: o, loaderProps: d, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
+  const { isMobile: x } = g();
+  return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: d, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && p },
+        { "justify-center": !n && x },
         i == null ? void 0 : i.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: x("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
+        /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx(f, { name: "logos/mts", className: x("relative z-[9] size-7 desktop:size-8", i == null ? void 0 : i.mtsLogo) }),
-            /* @__PURE__ */ t.jsx(f, { name: "logos/megafon", className: x("relative z-[8] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.megafonLogo) }),
-            /* @__PURE__ */ t.jsx(f, { name: "logos/beeline", className: x("relative z-[7] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.beelineLogo) })
+            /* @__PURE__ */ t.jsx(f, { name: "logos/mts", className: p("relative z-[9] size-7 desktop:size-8", i == null ? void 0 : i.mtsLogo) }),
+            /* @__PURE__ */ t.jsx(f, { name: "logos/megafon", className: p("relative z-[8] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.megafonLogo) }),
+            /* @__PURE__ */ t.jsx(f, { name: "logos/beeline", className: p("relative z-[7] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.beelineLogo) })
           ] }),
-          /* @__PURE__ */ t.jsx(W, { mainLink: r, subLink: e, isMobile: p, classes: i == null ? void 0 : i.links }),
-          /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: x("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
+          /* @__PURE__ */ t.jsx(V, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
+          /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ t.jsx(B, { className: x("bg-color-positive", i == null ? void 0 : i.badge), children: n })
+        n && /* @__PURE__ */ t.jsx(B, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: n })
       ]
     }
   ) });
 }, E = ({ mainLink: r, subLink: e, isLoading: o, badge: n, loaderProps: d, classes: i }) => {
-  const { isMobile: p } = g();
-  return /* @__PURE__ */ t.jsx(O, { isLoading: o, loaderProps: d, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
+  const { isMobile: x } = g();
+  return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: d, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && p },
+        { "justify-center": !n && x },
         i == null ? void 0 : i.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: x("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
-          /* @__PURE__ */ t.jsx(ft, { className: x("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
-          /* @__PURE__ */ t.jsx(W, { mainLink: r, subLink: e, isMobile: p, classes: i == null ? void 0 : i.links }),
-          /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: x("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
+        /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
+          /* @__PURE__ */ t.jsx(ft, { className: p("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
+          /* @__PURE__ */ t.jsx(V, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
+          /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ t.jsx(B, { className: x("bg-color-positive", i == null ? void 0 : i.badge), children: n })
+        n && /* @__PURE__ */ t.jsx(B, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: n })
       ]
     }
   ) });
@@ -742,20 +742,20 @@ const Q = h(
       return /* @__PURE__ */ t.jsx(S, { ...r });
     case _.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: o, subtitle: n, badge: d, classes: i } = r, p = !n && !d ? N.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: o, subtitle: n, badge: d, classes: i } = r, x = !n && !d ? N.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: x(
+          className: p(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
             i == null ? void 0 : i.root
           ),
           children: [
-            /* @__PURE__ */ t.jsxs(p, { className: x("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
-              n && /* @__PURE__ */ t.jsx("h5", { className: x("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: n }),
-              d && /* @__PURE__ */ t.jsx(B, { className: x("bg-color-positive", i == null ? void 0 : i.badge), children: d })
+            /* @__PURE__ */ t.jsxs(x, { className: p("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
+              n && /* @__PURE__ */ t.jsx("h5", { className: p("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: n }),
+              d && /* @__PURE__ */ t.jsx(B, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: x("grid w-full grid-cols-2 gap-2 desktop:gap-4", i == null ? void 0 : i.authWrapper), children: [
+            /* @__PURE__ */ t.jsxs("div", { className: p("grid w-full grid-cols-2 gap-2 desktop:gap-4", i == null ? void 0 : i.authWrapper), children: [
               /* @__PURE__ */ t.jsx(
                 E,
                 {
@@ -783,12 +783,12 @@ const Q = h(
         }
       );
   }
-}, At = (r) => jt(r), z = ({ links: r, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: x("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: r == null ? void 0 : r.map(({ path: o, label: n }) => /* @__PURE__ */ t.jsx(
+}, At = (r) => jt(r), z = ({ links: r, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: p("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: r == null ? void 0 : r.map(({ path: o, label: n }) => /* @__PURE__ */ t.jsx(
   I,
   {
     classes: {
-      link: x("w-max", e == null ? void 0 : e.linkText),
-      icon: x(e == null ? void 0 : e.linkIcon)
+      link: p("w-max", e == null ? void 0 : e.linkText),
+      icon: p(e == null ? void 0 : e.linkIcon)
     },
     intent: "dark",
     href: o,
@@ -796,11 +796,11 @@ const Q = h(
   },
   o
 )) }), kt = ({ groupLabel: r, links: e, mobileAccordionProps: o, classes: n }) => {
-  var i, p, m;
+  var i, x, m;
   const { isMobile: d } = g();
-  return /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !d && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx("h5", { className: x("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: r }),
+      /* @__PURE__ */ t.jsx("h5", { className: p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: r }),
       /* @__PURE__ */ t.jsx(z, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     d && /* @__PURE__ */ t.jsx(
@@ -808,20 +808,20 @@ const Q = h(
       {
         defaultOpen: !0,
         label: r,
-        icon: /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: x("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        icon: /* @__PURE__ */ t.jsx(f, { name: "arrows/arrowRight", className: p("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...o,
         classes: {
           ...o == null ? void 0 : o.classes,
           header: {
-            trigger: x("p-0 bg-color-blue-grey-100", (p = (i = o == null ? void 0 : o.classes) == null ? void 0 : i.header) == null ? void 0 : p.trigger)
+            trigger: p("p-0 bg-color-blue-grey-100", (x = (i = o == null ? void 0 : o.classes) == null ? void 0 : i.header) == null ? void 0 : x.trigger)
           },
-          contentInner: x("py-2 px-4", (m = o == null ? void 0 : o.classes) == null ? void 0 : m.contentInner)
+          contentInner: p("py-2 px-4", (m = o == null ? void 0 : o.classes) == null ? void 0 : m.contentInner)
         },
         children: /* @__PURE__ */ t.jsx(z, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, bt = ({ column: r, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ t.jsx("div", { className: x("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t.jsx(kt, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), gt = h("grid gap-4 grid-cols-1", {
+}, bt = ({ column: r, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ t.jsx("div", { className: p("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t.jsx(kt, { ...e, ...n, classes: o == null ? void 0 : o.columnGroup }, n.groupLabel)) }), gt = h("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -834,28 +834,28 @@ const Q = h(
   }
 }), Pt = ({ config: r, headline: e, mobileAccordionProps: o, rootAccordionProps: n, classes: d }) => {
   var m, a, u;
-  const { variant: i, details: p } = r;
-  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: x("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
+  const { variant: i, details: x } = r;
+  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: p("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
     v,
     {
       defaultOpen: !0,
-      label: /* @__PURE__ */ t.jsx(j, { as: "h4", className: x("text-left", d == null ? void 0 : d.headline), children: e }),
+      label: /* @__PURE__ */ t.jsx(j, { as: "h4", className: p("text-left", d == null ? void 0 : d.headline), children: e }),
       ...n,
       classes: {
         ...n == null ? void 0 : n.classes,
         header: {
-          trigger: x("bg-color-blue-grey-100", (a = (m = n == null ? void 0 : n.classes) == null ? void 0 : m.header) == null ? void 0 : a.trigger)
+          trigger: p("bg-color-blue-grey-100", (a = (m = n == null ? void 0 : n.classes) == null ? void 0 : m.header) == null ? void 0 : a.trigger)
         },
-        content: x("max-w-full bg-color-blue-grey-100 relative", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.content)
+        content: p("max-w-full bg-color-blue-grey-100 relative", (u = n == null ? void 0 : n.classes) == null ? void 0 : u.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: x(gt({ variant: i }), d == null ? void 0 : d.columnsWrapper), children: p == null ? void 0 : p.map((l, b) => /* @__PURE__ */ t.jsx(bt, { ...l, ...o, classes: d == null ? void 0 : d.column }, b)) })
+      children: /* @__PURE__ */ t.jsx("div", { className: p(gt({ variant: i }), d == null ? void 0 : d.columnsWrapper), children: x == null ? void 0 : x.map((l, b) => /* @__PURE__ */ t.jsx(bt, { ...l, ...o, classes: d == null ? void 0 : d.column }, b)) })
     }
   ) }) });
 }, wt = ({ tabsNames: r, activeTab: e, setActiveTab: o }) => /* @__PURE__ */ t.jsx("div", { className: "hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", children: r && r.map((n, d) => /* @__PURE__ */ t.jsx(
   "button",
   {
     onClick: () => o(d),
-    className: x(
+    className: p(
       "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": e === d
@@ -891,7 +891,7 @@ const Q = h(
       threeCols: "grid-cols-3 gap-12"
     }
   }
-}), _t = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: x(Tt({ columnsVariant: e })), children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t.jsx("div", { className: "text-color-secondary", children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Bt = h("grid items-center", {
+}), _t = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: p(Tt({ columnsVariant: e })), children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t.jsx("div", { className: "text-color-secondary", children: o == null ? void 0 : o.heading }, o == null ? void 0 : o.heading)) }), Bt = h("grid items-center", {
   variants: {
     columnsVariant: {
       twoCols: "grid-cols-2 gap-16",
@@ -902,33 +902,33 @@ const Q = h(
       separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
     }
   }
-}), Ht = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: n }) => /* @__PURE__ */ t.jsx("div", { className: x(Bt({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }), children: r == null ? void 0 : r.map(({ cell: d }, i) => /* @__PURE__ */ t.jsx("div", { className: x("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: d && d }, i)) }), Mt = h("flex flex-col gap-2", {
+}), Ht = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: n }) => /* @__PURE__ */ t.jsx("div", { className: p(Bt({ columnsVariant: o, tableVariant: e }), { "border-none": n === 0 }), children: r == null ? void 0 : r.map(({ cell: d }, i) => /* @__PURE__ */ t.jsx("div", { className: p("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: d && d }, i)) }), Mt = h("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"
     }
   }
-}), St = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: n }) => /* @__PURE__ */ t.jsx("div", { className: x(Mt({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: d, heading: i }, p) => /* @__PURE__ */ t.jsxs("div", { className: x("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }), children: [
+}), St = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: n }) => /* @__PURE__ */ t.jsx("div", { className: p(Mt({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: d, heading: i }, x) => /* @__PURE__ */ t.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }), children: [
   i && /* @__PURE__ */ t.jsx("div", { className: "mob-body-regular-l text-color-secondary", children: i }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: x("mob-body-regular-l text-color-dark", {
-        "font-medium": p !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && n
+      className: p("mob-body-regular-l text-color-dark", {
+        "font-medium": x !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && n
       }),
       children: d
     }
   )
-] }, p)) }), Et = ({ tableVariant: r, rows: e, headings: o, columnsVariant: n }) => {
+] }, x)) }), Et = ({ tableVariant: r, rows: e, headings: o, columnsVariant: n }) => {
   var m;
-  const { isDesktop: d } = g(), i = ((m = ct(e, o)) == null ? void 0 : m.rows) ?? [], p = !!(o && o.length > 0);
+  const { isDesktop: d } = g(), i = ((m = ct(e, o)) == null ? void 0 : m.rows) ?? [], x = !!(o && o.length > 0);
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-    d && p && /* @__PURE__ */ t.jsx(_t, { headings: o, columnsVariant: n }),
+    d && x && /* @__PURE__ */ t.jsx(_t, { headings: o, columnsVariant: n }),
     d ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((a, u) => /* @__PURE__ */ t.jsx(Ht, { rowIndex: u, tableVariant: r, columnsVariant: n, ...a }, u)) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: i == null ? void 0 : i.map((a, u) => /* @__PURE__ */ t.jsx(
       St,
       {
-        headingsExist: p,
+        headingsExist: x,
         tableVariant: r,
         columnsVariant: n,
         ...a
@@ -936,10 +936,10 @@ const Q = h(
       u
     )) })
   ] });
-}, zt = ({ tableVariant: r, description: e, columnsVariant: o, config: n, rows: d, title: i, headings: p }) => {
-  const m = /* @__PURE__ */ t.jsxs("div", { className: x(It({ columnsVariant: o })), children: [
+}, zt = ({ tableVariant: r, description: e, columnsVariant: o, config: n, rows: d, title: i, headings: x }) => {
+  const m = /* @__PURE__ */ t.jsxs("div", { className: p(It({ columnsVariant: o })), children: [
     i && /* @__PURE__ */ t.jsx(j, { as: "h4", className: "mb-4 desktop:mb-6", children: i }),
-    /* @__PURE__ */ t.jsx(Et, { tableVariant: r, rows: d, headings: p, columnsVariant: o }),
+    /* @__PURE__ */ t.jsx(Et, { tableVariant: r, rows: d, headings: x, columnsVariant: o }),
     e && /* @__PURE__ */ t.jsx("div", { className: "mt-2 [&&]:desk-body-regular-m desktop:mt-2", dangerouslySetInnerHTML: { __html: e ?? "" } })
   ] });
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ t.jsx(v, { label: n == null ? void 0 : n.accordionTitle, children: m }) : m });
@@ -963,14 +963,14 @@ const Q = h(
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: x(
+    className: p(
       "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"
     ),
     children: [
-      /* @__PURE__ */ t.jsx(f, { name: Ft[n], className: x(Lt({ iconType: n })) }),
-      /* @__PURE__ */ t.jsxs("div", { className: x("flex flex-1 flex-col"), children: [
-        /* @__PURE__ */ t.jsx("p", { className: x("desk-body-medium-l text-color-dark"), children: r }),
-        /* @__PURE__ */ t.jsxs("div", { className: x("desk-body-regular-m text-color-disabled"), children: [
+      /* @__PURE__ */ t.jsx(f, { name: Ft[n], className: p(Lt({ iconType: n })) }),
+      /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-1 flex-col"), children: [
+        /* @__PURE__ */ t.jsx("p", { className: p("desk-body-medium-l text-color-dark"), children: r }),
+        /* @__PURE__ */ t.jsxs("div", { className: p("desk-body-regular-m text-color-disabled"), children: [
           Number(e),
           " КБ"
         ] })
@@ -980,7 +980,7 @@ const Q = h(
 ), Ot = ({ docs: r, config: e, title: o, iconType: n, description: d }) => {
   const i = /* @__PURE__ */ t.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
     o && /* @__PURE__ */ t.jsx(j, { as: "h3", className: "mb-4", children: o }),
-    /* @__PURE__ */ t.jsx("div", { className: "gap- flex flex-col gap-4", children: r == null ? void 0 : r.map((p) => /* @__PURE__ */ t.jsx(Rt, { iconType: n, ...p }, p.label)) }),
+    /* @__PURE__ */ t.jsx("div", { className: "gap- flex flex-col gap-4", children: r == null ? void 0 : r.map((x) => /* @__PURE__ */ t.jsx(Rt, { iconType: n, ...x }, x.label)) }),
     d && /* @__PURE__ */ t.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: d ?? "" } })
   ] });
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ t.jsx(v, { label: e == null ? void 0 : e.accordionTitle, children: i }) : i });
@@ -997,19 +997,19 @@ const Q = h(
       return null;
   }
 }, Vt = ({ entity: r }) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-6", children: Wt(r) }), st = ({ headline: r, tabs: e }) => {
-  var i, p;
-  const [o, n] = q(0), d = J(() => e == null ? void 0 : e.map((m) => m == null ? void 0 : m.tabName), [e]) ?? [];
+  var i, x;
+  const [o, n] = J(0), d = K(() => e == null ? void 0 : e.map((m) => m == null ? void 0 : m.tabName), [e]) ?? [];
   return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ t.jsx("section", { id: "useful-info", className: "pb-[64px] desktop:pb-20", children: /* @__PURE__ */ t.jsxs(k, { children: [
     /* @__PURE__ */ t.jsx(j, { as: "h2", children: r }),
     /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ t.jsx(wt, { tabsNames: d, activeTab: o, setActiveTab: n }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (p = (i = e == null ? void 0 : e[o]) == null ? void 0 : i.contents) == null ? void 0 : p.map((m, a) => /* @__PURE__ */ t.jsx(Vt, { ...m }, a)) })
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-6", children: (x = (i = e == null ? void 0 : e[o]) == null ? void 0 : i.contents) == null ? void 0 : x.map((m, a) => /* @__PURE__ */ t.jsx(Vt, { ...m }, a)) })
   ] }) });
 }, te = ({ fields: r, control: e }) => r.map(({ type: o, args: n }) => {
   const d = $[o];
-  return /* @__PURE__ */ K(d, { ...n, key: n.name, control: e });
+  return /* @__PURE__ */ Q(d, { ...n, key: n.name, control: e });
 });
 export {
-  R as Advantages,
+  O as Advantages,
   At as AuthProvider,
   Kt as Banner,
   M as BannerWithSeparateImg,