@scbt-ecom/ui 0.42.4 → 0.43.0

package/dist/widget.js

@@ -1,9 +1,10 @@
-import { j as t, B as w, H as a, c as k, R as j, P as M, b as L, I as l, C as N, S as V, a as D, L as O, d as C, A as E } from "./CustomLink-BrBUFe53.js";
-import { s as G } from "./scrollToElement-B-reg4jF.js";
-import { c as d } from "./cn-DIfn7EPB.js";
+import { j as t, B as w, H as f, c as u, R as k, P as H, b as L, I as j, C as y, S as W, a as D, L as O, d as c, A as N } from "./CustomLink-BrBUFe53.js";
+import { s as V } from "./scrollToElement-B-reg4jF.js";
+import { c as p } from "./cn-DIfn7EPB.js";
 import { u as b } from "./useDevice-L83kSsN7.js";
 import * as g from "react";
-const S = k(
+import { useState as S, useMemo as G } from "react";
+const U = u(
   "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: {
@@ -14,23 +15,23 @@ const S = k(
       }
     }
   }
-), U = ({
+), Z = ({
   description: r,
   title: e,
-  img: i,
-  mobileImg: n,
-  classes: o,
-  withButton: p,
+  img: o,
+  mobileImg: d,
+  classes: n,
+  withButton: i,
   buttonText: x,
-  intent: h,
-  cardColor: u
+  intent: l,
+  cardColor: h
 }) => {
-  const { isDesktop: f } = b(), m = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+  const { isDesktop: a } = b(), m = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
     w,
     {
       intent: "primary",
-      className: d("desktop:w-[200px]", o == null ? void 0 : o.button),
-      onClick: () => G("personal_form"),
+      className: p("desktop:w-[200px]", n == null ? void 0 : n.button),
+      onClick: () => V("personal_form"),
       size: "lg",
       children: x
     }
@@ -38,21 +39,21 @@ const S = k(
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: d(S({ intent: h }), { "pb-0": n }, { "pb-12": !n }, u, o == null ? void 0 : o.root),
+      className: p(U({ intent: l }), { "pb-0": d }, { "pb-12": !d }, h, n == null ? void 0 : n.root),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", o == null ? void 0 : o.wrapper), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", o == null ? void 0 : o.textContainer), children: [
-            /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("desktop:desk-title-bold-s", o == null ? void 0 : o.title), children: e }),
-            /* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", o == null ? void 0 : o.description), children: r })
+        /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", n == null ? void 0 : n.wrapper), children: [
+          /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-4", n == null ? void 0 : n.textContainer), children: [
+            /* @__PURE__ */ t.jsx(f, { as: "h4", className: p("desktop:desk-title-bold-s", n == null ? void 0 : n.title), children: e }),
+            /* @__PURE__ */ t.jsx("p", { className: p("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", n == null ? void 0 : n.description), children: r })
           ] }),
-          p && f && m
+          i && a && m
         ] }),
-        (n || f) && i && /* @__PURE__ */ t.jsx("div", { className: d("flex w-full justify-end", o == null ? void 0 : o.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: d("h-[246px] object-cover", o == null ? void 0 : o.img), src: i, alt: e }) })
+        (d || a) && o && /* @__PURE__ */ t.jsx("div", { className: p("flex w-full justify-end", n == null ? void 0 : n.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: p("h-[246px] object-cover", n == null ? void 0 : n.img), src: o, alt: e }) })
       ]
     },
-    i
+    o
   );
-}, Z = k("grid gap-4", {
+}, $ = u("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -60,20 +61,20 @@ const S = k(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), at = ({ heading: r, cards: e, classes: i, intent: n }) => /* @__PURE__ */ t.jsx("section", { className: d("pb-20", i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(j, { className: i == null ? void 0 : i.container, children: [
-  /* @__PURE__ */ t.jsx(a, { className: d("mb-8", i == null ? void 0 : i.heading), as: "h2", children: r }),
-  /* @__PURE__ */ t.jsx("ul", { className: d(Z({ intent: n }), i == null ? void 0 : i.grid), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ t.jsx(U, { intent: n, classes: i == null ? void 0 : i.item, ...o }, o.img)) })
-] }) }), $ = (r) => {
-  const { variant: e, details: i } = r;
+}), Ot = ({ heading: r, cards: e, classes: o, intent: d }) => /* @__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(f, { className: p("mb-8", o == null ? void 0 : o.heading), as: "h2", children: r }),
+  /* @__PURE__ */ t.jsx("ul", { className: p($({ intent: d }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(Z, { intent: d, classes: o == null ? void 0 : o.item, ...n }, n.img)) })
+] }) }), q = (r) => {
+  const { variant: e, details: o } = r;
   switch (e) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(w, { intent: "secondary", size: "sm", ...i, children: (i == null ? void 0 : i.children) || "Оформить заявку" });
+      return /* @__PURE__ */ t.jsx(w, { intent: "secondary", size: "sm", ...o, children: (o == null ? void 0 : o.children) || "Оформить заявку" });
     case "withPhone":
-      return /* @__PURE__ */ t.jsx(M, { ...i });
+      return /* @__PURE__ */ t.jsx(H, { ...o });
     default:
       return null;
   }
-}, jt = ({ logoPath: r = "/", logoType: e = "main", config: i, classes: n }) => /* @__PURE__ */ t.jsx("header", { className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ t.jsx(j, { className: d(n == null ? void 0 : n.container), children: /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+}, Vt = ({ logoPath: r = "/", logoType: e = "main", config: o, classes: d }) => /* @__PURE__ */ t.jsx("header", { className: p("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", d == null ? void 0 : d.header), children: /* @__PURE__ */ t.jsx(k, { className: p(d == null ? void 0 : d.container), children: /* @__PURE__ */ t.jsxs("div", { className: p("flex items-center justify-between gap-5", d == null ? void 0 : d.wrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
@@ -81,65 +82,65 @@ const S = k(
       "aria-label": "logo",
       target: "_blank",
       rel: "noreferrer",
-      className: d(
+      className: p(
         "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-        n == null ? void 0 : n.logo
+        d == null ? void 0 : d.logo
       ),
       children: L[e]
     }
   ),
-  $(i)
-] }) }) }), W = ({ buttonsConfig: r, classes: e, className: i }) => {
-  var o;
-  const n = (r == null ? void 0 : r.secondary) && r.secondary.children;
+  q(o)
+] }) }) }), E = ({ buttonsConfig: r, classes: e, className: o }) => {
+  var n;
+  const d = (r == null ? void 0 : r.secondary) && r.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
-      className: d(
+      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 },
+        { "flex items-center gap-4": d },
         e == null ? void 0 : e.group,
-        i
+        o
       ),
       children: [
-        /* @__PURE__ */ t.jsx(w, { intent: "primary", ...r.primary, isFull: !0, className: d("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
-        n && /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(w, { intent: "primary", ...r.primary, isFull: !0, className: p("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
+        d && /* @__PURE__ */ t.jsx(
           w,
           {
             intent: "secondary",
             ...r == null ? void 0 : r.secondary,
             isFull: !0,
-            className: d("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (o = r == null ? void 0 : r.secondary) == null ? void 0 : o.children
+            className: p("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
+            children: (n = r == null ? void 0 : r.secondary) == null ? void 0 : n.children
           }
         )
       ]
     }
   );
-}, q = ({
+}, J = ({
   headTitle: r,
   subtitle: e,
-  buttonsConfig: i,
-  advantagesConfig: n,
-  classes: o,
-  img: p,
+  buttonsConfig: o,
+  advantagesConfig: d,
+  classes: n,
+  img: i,
   imgSets: x
 }) => {
   var m;
-  const { isDesktop: h, isMobile: u } = b(), f = /* @__PURE__ */ t.jsx(
+  const { isDesktop: l, isMobile: h } = b(), a = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: d(
+      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",
-        o == null ? void 0 : o.advantageContainer
+        n == null ? void 0 : n.advantageContainer
       ),
-      children: (n == null ? void 0 : n.config.details) && ((m = n == null ? void 0 : n.config.details) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t.jsx(R, { ...n })
+      children: (d == null ? void 0 : d.config.details) && ((m = d == null ? void 0 : d.config.details) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t.jsx(z, { ...d })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: d("relative h-[552px] desktop:h-[456px]", o == null ? void 0 : o.root), children: [
+    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: p("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.root), children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -152,78 +153,78 @@ const S = k(
               "img",
               {
                 "data-id": "banner-image",
-                src: p,
+                src: i,
                 alt: "Картинка баннера",
-                className: d("h-full w-full object-cover object-center", o == null ? void 0 : o.image)
+                className: p("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsxs(j, { "data-id": "banner-container", className: d("h-full", o == null ? void 0 : o.container), children: [
-        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: d("flex h-full", o == null ? void 0 : o.wrapper), children: /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: p("h-full", n == null ? void 0 : n.container), children: [
+        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: p("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
           "div",
           {
             "data-id": "banner-text-block",
-            className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", o == null ? void 0 : o.textBlock),
+            className: p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
             children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-white", o == null ? void 0 : o.title), children: r }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-white", o == null ? void 0 : o.subtitle), children: e })
+                /* @__PURE__ */ t.jsx(f, { "data-id": "banner-title", as: "h1", className: p("text-color-white", n == null ? void 0 : n.title), children: r }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: p("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
               ] }),
               /* @__PURE__ */ t.jsx(
-                W,
+                E,
                 {
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
-                  buttonsConfig: i,
-                  classes: o
+                  buttonsConfig: o,
+                  classes: n
                 }
               )
             ]
           }
         ) }),
-        h && f
+        l && a
       ] })
     ] }),
-    u && f
+    h && a
   ] });
 }, B = ({
   headTitle: r,
   subtitle: e,
-  buttonsConfig: i,
-  advantagesConfig: n,
-  classes: o,
-  img: p,
+  buttonsConfig: o,
+  advantagesConfig: d,
+  classes: n,
+  img: i,
   imgSets: x
 }) => {
   var m;
-  const { isDesktop: h, isMobile: u } = b(), f = /* @__PURE__ */ t.jsx(
+  const { isDesktop: l, isMobile: h } = b(), a = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: d(
+      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",
-        o == null ? void 0 : o.advantageContainer
+        n == null ? void 0 : n.advantageContainer
       ),
-      children: (n == null ? void 0 : n.config.details) && ((m = n == null ? void 0 : n.config.details) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t.jsx(R, { ...n })
+      children: (d == null ? void 0 : d.config.details) && ((m = d == null ? void 0 : d.config.details) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t.jsx(z, { ...d })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: d("bg-banner-skyblue-300 desktop:h-[456px]", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(j, { "data-id": "banner-container", className: d("relative", o == null ? void 0 : o.container), children: [
-      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: d("flex flex-col desktop:flex-row desktop:justify-between", o == null ? void 0 : o.wrapper), children: [
+    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: p("bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.root), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: p("relative", n == null ? void 0 : n.container), children: [
+      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: p("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: d("flex flex-col gap-4 pt-6 desktop:pt-0", o == null ? void 0 : o.textBlock), children: [
-            /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-dark", o == null ? void 0 : o.title), children: r }),
-            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-dark", o == null ? void 0 : o.subtitle), children: e })
+          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: p("flex flex-col gap-4 pt-6 desktop:pt-0", n == null ? void 0 : n.textBlock), children: [
+            /* @__PURE__ */ t.jsx(f, { "data-id": "banner-title", as: "h1", className: p("text-color-dark", n == null ? void 0 : n.title), children: r }),
+            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: p("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
           ] }),
-          /* @__PURE__ */ t.jsx(W, { buttonsConfig: i, classes: o })
+          /* @__PURE__ */ t.jsx(E, { buttonsConfig: o, classes: n })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
             "data-id": "banner-image-wrapper",
-            className: d("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", o == null ? void 0 : o.imageContainer),
+            className: p("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
             children: /* @__PURE__ */ t.jsxs("picture", { children: [
               /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: x == null ? void 0 : x.large }),
               /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: x == null ? void 0 : x.mob }),
@@ -231,122 +232,122 @@ const S = k(
                 "img",
                 {
                   "data-id": "banner-image",
-                  src: p,
+                  src: i,
                   alt: "Картинка баннера",
-                  className: d("h-full object-cover", o == null ? void 0 : o.image)
+                  className: p("h-full object-cover", n == null ? void 0 : n.image)
                 }
               )
             ] })
           }
         )
       ] }),
-      h && f
+      l && a
     ] }) }),
-    u && f
+    h && a
   ] });
-}, kt = ({ bannerVariant: r, ...e }) => {
+}, St = ({ bannerVariant: r, ...e }) => {
   switch (r) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(B, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(q, { ...e });
+      return /* @__PURE__ */ t.jsx(J, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(B, { ...e });
   }
-}, R = ({ config: r, classes: e }) => {
-  const { variant: i, details: n } = r;
+}, z = ({ config: r, classes: e }) => {
+  const { variant: o, details: d } = r;
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: d(
+      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]": i === "threeCards" },
-        { "desktop:max-w-[1140px]": i === "fourCards" },
+        { "desktop:max-w-[860px]": o === "threeCards" },
+        { "desktop:max-w-[1140px]": o === "fourCards" },
         e == null ? void 0 : e.root
       ),
-      children: n == null ? void 0 : n.map(({ title: o, description: p }) => /* @__PURE__ */ t.jsxs(
+      children: d == null ? void 0 : d.map(({ title: n, description: i }) => /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: d(
+          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(a, { as: "h4", className: d("text-color-dark", e == null ? void 0 : e.title), children: o }),
-            /* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: p })
+            /* @__PURE__ */ t.jsx(f, { as: "h4", className: p("text-color-dark", e == null ? void 0 : e.title), children: n }),
+            /* @__PURE__ */ t.jsx("p", { className: p("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: i })
           ]
         },
-        o
+        n
       ))
     }
   );
-}, J = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: i, href: n }) => /* @__PURE__ */ t.jsx(
+}, K = ({ 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: d }) => /* @__PURE__ */ t.jsx(
   "a",
   {
-    className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
-    href: n,
-    "aria-label": i.replace("social/", ""),
-    children: /* @__PURE__ */ t.jsx(l, { name: i, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    className: p("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    href: d,
+    "aria-label": o.replace("social/", ""),
+    children: /* @__PURE__ */ t.jsx(j, { name: o, className: p("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
-  n
-)) }), K = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: i, text: n }) => /* @__PURE__ */ t.jsx(
-  M,
+  d
+)) }), Q = ({ 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: d }) => /* @__PURE__ */ t.jsx(
+  H,
   {
-    phone: i,
-    text: n,
+    phone: o,
+    text: d,
     classes: {
-      wrapper: d(e == null ? void 0 : e.phoneWrapper),
-      text: d("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: d("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
+      wrapper: 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)
     }
   },
-  i
-)) }), Q = ({ classes: r, config: e }) => {
-  const { details: i } = e || {};
+  o
+)) }), X = ({ classes: r, config: e }) => {
+  const { details: o } = e || {};
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: d(
+      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: i == null ? void 0 : i.map(
-        ({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, links: p }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.navGroup), children: [
-          /* @__PURE__ */ t.jsx("div", { className: d("desk-body-medium-l text-color-white", r == null ? void 0 : r.navLabel), children: o }),
-          /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-1", r == null ? void 0 : r.navLinks), children: p == null ? void 0 : p.map(({ path: x, label: h }) => /* @__PURE__ */ t.jsx(
-            N,
+      children: o == null ? void 0 : o.map(
+        ({ column: d }) => d == null ? void 0 : d.map(({ groupLabel: n, 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: n }),
+          /* @__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: l }) => /* @__PURE__ */ t.jsx(
+            y,
             {
               href: x,
-              "aria-label": h,
+              "aria-label": l,
               intent: "white",
               classes: {
                 link: r == null ? void 0 : r.navLink,
                 icon: r == null ? void 0 : r.navLinkIcon
               },
-              children: h
+              children: l
             },
-            h
+            l
           )) })
-        ] }, o))
+        ] }, n))
       )
     }
   );
-}, X = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
+}, Y = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: d("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 }
   }
-), Y = ({ classes: r }) => /* @__PURE__ */ t.jsx(
+), A = ({ classes: r }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", r == null ? void 0 : r.footerLogo),
-    children: /* @__PURE__ */ t.jsx(l, { name: "brandLogos/logoWhite", className: d("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(j, { name: "brandLogos/logoWhite", className: p("size-full", r == null ? void 0 : r.footerLogoIcon) })
   }
-), A = ({ classes: r }) => /* @__PURE__ */ t.jsx(
-  N,
+), P = ({ classes: r }) => /* @__PURE__ */ t.jsx(
+  y,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -354,32 +355,32 @@ const S = k(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: d("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: "Карта сайта"
   }
-), P = ({ text: r, classes: e }) => {
-  const [i, n] = g.useState(!1), [o, p] = g.useState(!1), x = g.useRef(null);
+), s = ({ text: r, classes: e }) => {
+  const [o, d] = g.useState(!1), [n, i] = g.useState(!1), x = g.useRef(null);
   return g.useEffect(() => {
-    const h = x.current;
-    h && p(h.scrollHeight > h.clientHeight);
-  }, []), /* @__PURE__ */ t.jsxs("div", { className: d("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
+    const l = x.current;
+    l && i(l.scrollHeight > l.clientHeight);
+  }, []), /* @__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: x,
-        className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, e == null ? void 0 : e.ligalText),
+        className: p("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
         dangerouslySetInnerHTML: { __html: r }
       }
     ),
-    o && /* @__PURE__ */ t.jsx(
+    n && /* @__PURE__ */ t.jsx(
       "div",
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => n((h) => !h),
-        className: d(
+        onClick: () => d((l) => !l),
+        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
         ),
@@ -387,59 +388,59 @@ const S = k(
       }
     )
   ] });
-}, bt = ({
+}, Gt = ({
   renderBlocks: {
     withSocialsLinks: r = !0,
     withPhones: e = !0,
-    withNavLinks: i = !0,
-    withCopyright: n = !0,
-    withSiteMap: o = !0,
-    withLigal: p = !0
+    withNavLinks: o = !0,
+    withCopyright: d = !0,
+    withSiteMap: n = !0,
+    withLigal: i = !0
   } = {},
   socialsLinks: x = [],
-  phones: h = [],
-  ligal: u,
-  copyright: f = "",
+  phones: l = [],
+  ligal: h,
+  copyright: a = "",
   classes: m,
-  config: y
-}) => /* @__PURE__ */ t.jsx("footer", { className: d("w-full bg-color-footer py-8 desktop:py-10", m == null ? void 0 : m.root), children: /* @__PURE__ */ t.jsx(j, { className: d(m == null ? void 0 : m.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: d("mobile:pb-[176px]", m == null ? void 0 : m.footerWrapper), children: [
+  config: v
+}) => /* @__PURE__ */ t.jsx("footer", { className: p("w-full bg-color-footer py-8 desktop:py-10", m == null ? void 0 : m.root), children: /* @__PURE__ */ t.jsx(k, { className: p(m == null ? void 0 : m.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: p("mobile:pb-[176px]", m == null ? void 0 : m.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      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",
         m == null ? void 0 : m.footerHead
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d(m == null ? void 0 : m.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(Y, { classes: m == null ? void 0 : m.footerLogo }),
-          r && /* @__PURE__ */ t.jsx(J, { socialsLinks: x, classes: m == null ? void 0 : m.socialLinks })
+        /* @__PURE__ */ t.jsxs("div", { className: p(m == null ? void 0 : m.footerSocialBlock), children: [
+          /* @__PURE__ */ t.jsx(A, { classes: m == null ? void 0 : m.footerLogo }),
+          r && /* @__PURE__ */ t.jsx(K, { socialsLinks: x, classes: m == null ? void 0 : m.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(K, { phones: h, classes: m == null ? void 0 : m.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(Q, { phones: l, classes: m == null ? void 0 : m.phonesBlock })
       ]
     }
   ),
-  i && /* @__PURE__ */ t.jsx(Q, { config: y, classes: m == null ? void 0 : m.navLinks }),
-  p && /* @__PURE__ */ t.jsx(P, { text: u || "" }),
+  o && /* @__PURE__ */ t.jsx(X, { config: v, classes: m == null ? void 0 : m.navLinks }),
+  i && /* @__PURE__ */ t.jsx(s, { text: h || "" }),
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: p(
         "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
         m == null ? void 0 : m.footerBottom
       ),
       children: [
-        n && /* @__PURE__ */ t.jsx(X, { text: f, classes: m == null ? void 0 : m.copyright }),
-        o && /* @__PURE__ */ t.jsx(A, { classes: m == null ? void 0 : m.siteMap })
+        d && /* @__PURE__ */ t.jsx(Y, { text: a, classes: m == null ? void 0 : m.copyright }),
+        n && /* @__PURE__ */ t.jsx(P, { classes: m == null ? void 0 : m.siteMap })
       ]
     }
   )
-] }) }) }), c = ({ classes: r, index: e, variant: i, title: n, description: o }) => {
-  const p = i === "withTitleAndDescription" && n;
+] }) }) }), tt = ({ classes: r, index: e, variant: o, title: d, description: n }) => {
+  const i = o === "withTitleAndDescription" && d;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      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
       ),
@@ -447,42 +448,42 @@ const S = k(
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: d(
+            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: d("flex flex-col gap-2"), children: [
-          p && /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("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(f, { as: "h4", className: p("text-color-dark", r == null ? void 0 : r.title), children: d }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              dangerouslySetInnerHTML: { __html: o ?? "" },
-              className: d("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description)
+              dangerouslySetInnerHTML: { __html: n ?? "" },
+              className: p("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description)
             }
           )
         ] })
       ]
     }
   );
-}, gt = ({ headline: r, config: e, classes: i }) => {
-  const { variant: n, details: o } = e;
-  return /* @__PURE__ */ t.jsx(V, { className: i == null ? void 0 : i.root, children: /* @__PURE__ */ t.jsx(j, { className: i == null ? void 0 : i.container, children: /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", i == null ? void 0 : i.wrapper), children: [
-    /* @__PURE__ */ t.jsx(a, { as: "h2", className: d("text-color-dark", i == null ? void 0 : i.headline), children: r }),
+}, Ut = ({ headline: r, config: e, classes: o }) => {
+  const { variant: d, details: n } = e;
+  return /* @__PURE__ */ t.jsx(W, { 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(f, { as: "h2", className: p("text-color-dark", o == null ? void 0 : o.headline), children: r }),
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: d(
+        className: p(
           "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-          i == null ? void 0 : i.stepsWrapper
+          o == null ? void 0 : o.stepsWrapper
         ),
-        children: o == null ? void 0 : o.map((p, x) => /* @__PURE__ */ t.jsx(c, { variant: n, ...p, index: x + 1, classes: i == null ? void 0 : i.step }, p.description))
+        children: n == null ? void 0 : n.map((i, x) => /* @__PURE__ */ t.jsx(tt, { variant: d, ...i, index: x + 1, classes: o == null ? void 0 : o.step }, i.description))
       }
     )
   ] }) }) });
-}, s = k("", {
+}, et = u("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -498,7 +499,7 @@ const S = k(
   defaultVariants: {
     intent: "twoItems"
   }
-}), tt = k("", {
+}), rt = u("", {
   variants: {
     intent: {
       twoItems: "",
@@ -530,7 +531,7 @@ const S = k(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), et = k("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), ot = u("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',
@@ -540,7 +541,7 @@ const S = k(
   defaultVariants: {
     intent: "twoItems"
   }
-}), rt = k("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), nt = u("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -566,46 +567,46 @@ const S = k(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), ot = ({ data: r, intent: e }) => {
+}), dt = ({ data: r, intent: e }) => {
   const {
-    title: i,
-    description: n,
-    popover: o = {
+    title: o,
+    description: d,
+    popover: n = {
       enabled: !1
     }
   } = r;
-  return /* @__PURE__ */ t.jsx("li", { className: d(et({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: d("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ t.jsx("h4", { className: d("mob-title-bold-m text-color-dark"), children: i }),
-      o.enabled && /* @__PURE__ */ t.jsx(D, { triggerElement: /* @__PURE__ */ t.jsx(l, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: o == null ? void 0 : o.text })
+  return /* @__PURE__ */ t.jsx("li", { className: p(ot({ 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 }),
+      n.enabled && /* @__PURE__ */ t.jsx(D, { triggerElement: /* @__PURE__ */ t.jsx(j, { className: p("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n == null ? void 0 : n.text })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: d("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: d } })
   ] }) });
-}, v = ({ intent: r, headline: e, desktopHidden: i = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: d(s({ intent: r, desktopHidden: i, mobileHidden: n })), children: e }), nt = ({ details: r, intent: e, withButton: i }) => /* @__PURE__ */ t.jsx("ul", { className: d(tt({ intent: e, withButton: i })), children: r == null ? void 0 : r.map((n, o) => /* @__PURE__ */ t.jsx(ot, { intent: e, data: n }, o)) }), wt = ({ headline: r, buttonConfig: e, withButton: i = !1, config: n, imageComponent: o, classes: p }) => {
-  const { intent: x = "twoItems", details: h } = n, u = x === "fourItems", f = x === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: d(p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsxs(j, { className: d(p == null ? void 0 : p.container), children: [
-    f && /* @__PURE__ */ t.jsx(v, { intent: x, headline: r }),
+}, C = ({ intent: r, headline: e, desktopHidden: o = !1, mobileHidden: d = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: p(et({ intent: r, desktopHidden: o, mobileHidden: d })), children: e }), it = ({ details: r, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: p(rt({ intent: e, withButton: o })), children: r == null ? void 0 : r.map((d, n) => /* @__PURE__ */ t.jsx(dt, { intent: e, data: d }, n)) }), Zt = ({ headline: r, buttonConfig: e, withButton: o = !1, config: d, imageComponent: n, classes: i }) => {
+  const { intent: x = "twoItems", details: l } = d, h = x === "fourItems", a = 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: [
+    a && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: d(
+        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",
-          p == null ? void 0 : p.contentContainer
+          i == null ? void 0 : i.contentContainer
         ),
         children: [
-          u && /* @__PURE__ */ t.jsx(v, { intent: x, headline: r, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: d(rt({ intent: x, withButton: i }), p == null ? void 0 : p.imgContainer), children: o }),
+          h && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r, desktopHidden: !0 }),
+          /* @__PURE__ */ t.jsx("div", { className: p(nt({ intent: x, withButton: o }), i == null ? void 0 : i.imgContainer), children: n }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", p == null ? void 0 : p.textWithBtnContainer),
+              className: p("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
               children: [
-                u && /* @__PURE__ */ t.jsx(v, { intent: x, headline: r, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(nt, { details: h, intent: x, withButton: i }),
-                i && /* @__PURE__ */ t.jsx(
+                h && /* @__PURE__ */ t.jsx(C, { intent: x, headline: r, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(it, { details: l, intent: x, withButton: o }),
+                o && /* @__PURE__ */ t.jsx(
                   w,
                   {
-                    className: d("w-full px-4 desktop:w-max", p == null ? void 0 : p.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",
@@ -623,29 +624,29 @@ const S = k(
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, T = ({ children: r, isLoading: e, classes: i, loaderProps: n }) => /* @__PURE__ */ t.jsx(
+}, F = ({ children: r, isLoading: e, classes: o, loaderProps: d }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     tabIndex: 0,
-    className: d(
+    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",
-      i == null ? void 0 : i.root
+      o == null ? void 0 : o.root
     ),
     children: /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: d(
+        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 },
-          i == null ? void 0 : i.wrapper
+          o == null ? void 0 : o.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(O, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
+        children: e ? /* @__PURE__ */ t.jsx(O, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...d }) : r
       }
     )
   }
-), it = ({ ...r }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: [
+), pt = ({ ...r }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: [
   /* @__PURE__ */ t.jsx(
     "path",
     {
@@ -673,22 +674,22 @@ const S = k(
     /* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), F = ({ mainLink: r, subLink: e, isMobile: i, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+] }), R = ({ mainLink: r, subLink: e, isMobile: o, classes: d }) => /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col", d == null ? void 0 : d.linksWrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
       href: r.href,
       target: "_blank",
       rel: "noreferrer",
-      className: d(
+      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
+        d == null ? void 0 : d.linksMainLink
       ),
-      children: i ? r.mobileTitle : r.title
+      children: o ? r.mobileTitle : r.title
     }
   ),
   (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
-    N,
+    y,
     {
       intent: "blue",
       withUnderline: !0,
@@ -696,79 +697,79 @@ const S = k(
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: d("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", d == null ? void 0 : d.linksSubLink)
       },
       children: e == null ? void 0 : e.text
     }
   )
-] }), _ = ({ mainLink: r, subLink: e, isLoading: i, badge: n, loaderProps: o, classes: p }) => {
+] }), T = ({ mainLink: r, subLink: e, isLoading: o, badge: d, loaderProps: n, classes: i }) => {
   const { isMobile: x } = b();
-  return /* @__PURE__ */ t.jsx(T, { isLoading: i, loaderProps: o, classes: p == null ? void 0 : p.authWrapper, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(F, { isLoading: o, loaderProps: n, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: p(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && x },
-        p == null ? void 0 : p.innerWrapper
+        { "justify-center": !d && x },
+        i == null ? void 0 : i.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", p == null ? void 0 : p.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(l, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8", p == null ? void 0 : p.mtsLogo) }),
-            /* @__PURE__ */ t.jsx(l, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", p == null ? void 0 : p.megafonLogo) }),
-            /* @__PURE__ */ t.jsx(l, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", p == null ? void 0 : p.beelineLogo) })
+            /* @__PURE__ */ t.jsx(j, { name: "logos/mts", className: p("relative z-[9] size-7 desktop:size-8", i == null ? void 0 : i.mtsLogo) }),
+            /* @__PURE__ */ t.jsx(j, { name: "logos/megafon", className: p("relative z-[8] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.megafonLogo) }),
+            /* @__PURE__ */ t.jsx(j, { name: "logos/beeline", className: p("relative z-[7] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.beelineLogo) })
           ] }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: r, subLink: e, isMobile: x, classes: p == null ? void 0 : p.links }),
-          /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", p == null ? void 0 : p.arrowIcon) })
+          /* @__PURE__ */ t.jsx(R, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
+          /* @__PURE__ */ t.jsx(j, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ t.jsx(C, { className: d("bg-color-positive", p == null ? void 0 : p.badge), children: n })
+        d && /* @__PURE__ */ t.jsx(c, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
       ]
     }
   ) });
-}, z = ({ mainLink: r, subLink: e, isLoading: i, badge: n, loaderProps: o, classes: p }) => {
+}, _ = ({ mainLink: r, subLink: e, isLoading: o, badge: d, loaderProps: n, classes: i }) => {
   const { isMobile: x } = b();
-  return /* @__PURE__ */ t.jsx(T, { isLoading: i, loaderProps: o, classes: p == null ? void 0 : p.authWrapper, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(F, { isLoading: o, loaderProps: n, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: p(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !n && x },
-        p == null ? void 0 : p.innerWrapper
+        { "justify-center": !d && x },
+        i == null ? void 0 : i.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", p == null ? void 0 : p.textContent), children: [
-          /* @__PURE__ */ t.jsx(it, { className: d("size-7 desktop:size-8", p == null ? void 0 : p.esiaLogo) }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: r, subLink: e, isMobile: x, classes: p == null ? void 0 : p.links }),
-          /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", p == null ? void 0 : p.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(pt, { className: p("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
+          /* @__PURE__ */ t.jsx(R, { mainLink: r, subLink: e, isMobile: x, classes: i == null ? void 0 : i.links }),
+          /* @__PURE__ */ t.jsx(j, { name: "arrows/arrowRight", className: p("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
-        n && /* @__PURE__ */ t.jsx(C, { className: d("bg-color-positive", p == null ? void 0 : p.badge), children: n })
+        d && /* @__PURE__ */ t.jsx(c, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: d })
       ]
     }
   ) });
-}, dt = (r) => {
+}, xt = (r) => {
   switch (r.mode) {
     case I.ESIA:
-      return /* @__PURE__ */ t.jsx(z, { ...r });
-    case I.MOBILE_ID:
       return /* @__PURE__ */ t.jsx(_, { ...r });
+    case I.MOBILE_ID:
+      return /* @__PURE__ */ t.jsx(T, { ...r });
     case I.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: i, subtitle: n, badge: o, classes: p } = r, x = !n && !o ? g.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: o, subtitle: d, badge: n, classes: i } = r, x = !d && !n ? g.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: d(
+          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",
-            p == null ? void 0 : p.root
+            i == null ? void 0 : i.root
           ),
           children: [
-            /* @__PURE__ */ t.jsxs(x, { className: d("flex w-full items-center justify-between gap-2", p == null ? void 0 : p.topContent), children: [
-              n && /* @__PURE__ */ t.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", p == null ? void 0 : p.subtitle), children: n }),
-              o && /* @__PURE__ */ t.jsx(C, { className: d("bg-color-positive", p == null ? void 0 : p.badge), children: o })
+            /* @__PURE__ */ t.jsxs(x, { className: p("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
+              d && /* @__PURE__ */ t.jsx("h5", { className: p("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: d }),
+              n && /* @__PURE__ */ t.jsx(c, { className: p("bg-color-positive", i == null ? void 0 : i.badge), children: n })
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", p == null ? void 0 : p.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(
-                z,
+                _,
                 {
                   ...e,
                   classes: {
@@ -779,13 +780,13 @@ const S = k(
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                _,
+                T,
                 {
-                  ...i,
+                  ...o,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...i.classes
+                    ...o.classes
                   }
                 }
               )
@@ -794,45 +795,45 @@ const S = k(
         }
       );
   }
-}, Nt = (r) => dt(r), H = ({ links: r, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: r == null ? void 0 : r.map(({ path: i, label: n }) => /* @__PURE__ */ t.jsx(
-  N,
+}, $t = (r) => xt(r), M = ({ 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: d }) => /* @__PURE__ */ t.jsx(
+  y,
   {
     classes: {
-      link: d("w-max", e == null ? void 0 : e.linkText),
-      icon: d(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: i,
-    children: n
+    href: o,
+    children: d
   },
-  i
-)) }), pt = ({ groupLabel: r, links: e, mobileAccordionProps: i, classes: n }) => {
-  var p, x, h;
-  const { isMobile: o } = b();
-  return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
-    !o && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: r }),
-      /* @__PURE__ */ t.jsx(H, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
+  o
+)) }), mt = ({ groupLabel: r, links: e, mobileAccordionProps: o, classes: d }) => {
+  var i, x, l;
+  const { isMobile: n } = b();
+  return /* @__PURE__ */ t.jsxs("div", { className: p("flex flex-col gap-2", d == null ? void 0 : d.columnGroup), children: [
+    !n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("h5", { className: p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", d == null ? void 0 : d.columnGroupHeading), children: r }),
+      /* @__PURE__ */ t.jsx(M, { links: e, classes: d == null ? void 0 : d.linksList }, "desktop")
     ] }),
-    o && /* @__PURE__ */ t.jsx(
-      E,
+    n && /* @__PURE__ */ t.jsx(
+      N,
       {
         defaultOpen: !0,
         label: r,
-        icon: /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...i,
+        icon: /* @__PURE__ */ t.jsx(j, { name: "arrows/arrowRight", className: p("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...o,
         classes: {
-          ...i == null ? void 0 : i.classes,
+          ...o == null ? void 0 : o.classes,
           header: {
-            trigger: d("p-0 bg-color-blue-grey-100", (x = (p = i == null ? void 0 : i.classes) == null ? void 0 : p.header) == null ? void 0 : x.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: d("py-2 px-4", (h = i == null ? void 0 : i.classes) == null ? void 0 : h.contentInner)
+          contentInner: p("py-2 px-4", (l = o == null ? void 0 : o.classes) == null ? void 0 : l.contentInner)
         },
-        children: /* @__PURE__ */ t.jsx(H, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
+        children: /* @__PURE__ */ t.jsx(M, { links: e, classes: d == null ? void 0 : d.linksList }, "mobile")
       }
     )
   ] });
-}, xt = ({ column: r, mobileAccordionProps: e, classes: i }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", i == null ? void 0 : i.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t.jsx(pt, { ...e, ...n, classes: i == null ? void 0 : i.columnGroup }, n.groupLabel)) }), mt = k("grid gap-4 grid-cols-1", {
+}, lt = ({ 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((d) => /* @__PURE__ */ t.jsx(mt, { ...e, ...d, classes: o == null ? void 0 : o.columnGroup }, d.groupLabel)) }), at = u("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -843,36 +844,190 @@ const S = k(
   defaultVariants: {
     variant: "fourCols"
   }
-}), yt = ({ config: r, headline: e, mobileAccordionProps: i, rootAccordionProps: n, classes: o }) => {
-  var h, u, f;
-  const { variant: p, details: x } = r;
-  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: d("min-w-full desktop:min-w-[1140px]", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsx(
-    E,
+}), qt = ({ config: r, headline: e, mobileAccordionProps: o, rootAccordionProps: d, classes: n }) => {
+  var l, h, a;
+  const { variant: i, details: x } = r;
+  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: p("min-w-full desktop:min-w-[1140px]", n == null ? void 0 : n.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
+    N,
     {
       defaultOpen: !0,
-      label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-left", o == null ? void 0 : o.headline), children: e }),
-      ...n,
+      label: /* @__PURE__ */ t.jsx(f, { as: "h4", className: p("text-left", n == null ? void 0 : n.headline), children: e }),
+      ...d,
       classes: {
-        ...n == null ? void 0 : n.classes,
+        ...d == null ? void 0 : d.classes,
         header: {
-          trigger: d("bg-color-blue-grey-100", (u = (h = n == null ? void 0 : n.classes) == null ? void 0 : h.header) == null ? void 0 : u.trigger)
+          trigger: p("bg-color-blue-grey-100", (h = (l = d == null ? void 0 : d.classes) == null ? void 0 : l.header) == null ? void 0 : h.trigger)
         },
-        content: d("max-w-full bg-color-blue-grey-100 relative", (f = n == null ? void 0 : n.classes) == null ? void 0 : f.content)
+        content: p("max-w-full bg-color-blue-grey-100 relative", (a = d == null ? void 0 : d.classes) == null ? void 0 : a.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: d(mt({ variant: p }), o == null ? void 0 : o.columnsWrapper), children: x == null ? void 0 : x.map((m, y) => /* @__PURE__ */ t.jsx(xt, { ...m, ...i, classes: o == null ? void 0 : o.column }, y)) })
+      children: /* @__PURE__ */ t.jsx("div", { className: p(at({ variant: i }), n == null ? void 0 : n.columnsWrapper), children: x == null ? void 0 : x.map((m, v) => /* @__PURE__ */ t.jsx(lt, { ...m, ...o, classes: n == null ? void 0 : n.column }, v)) })
     }
   ) }) });
+}, ht = ({ 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((d, n) => /* @__PURE__ */ t.jsx(
+  "button",
+  {
+    onClick: () => o(n),
+    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 === n
+      }
+    ),
+    children: d
+  },
+  d
+)) }), ut = (r) => r.variant === "HTML", ft = (r) => r.variant === "DOCUMENTS", jt = (r) => r.variant === "TABLE", kt = ({ html: r, config: e }) => {
+  const o = /* @__PURE__ */ t.jsx("div", { dangerouslySetInnerHTML: { __html: r ?? "" } });
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ t.jsx(N, { label: e == null ? void 0 : e.accordionTitle, children: o }) : o });
+}, bt = (r, e) => ({
+  rows: r == null ? void 0 : r.map(({ row: o }) => ({
+    row: o == null ? void 0 : o.map((d, n) => {
+      var i;
+      return {
+        ...d,
+        heading: e && ((i = e[n]) == null ? void 0 : i.heading)
+      };
+    })
+  }))
+}), gt = u("flex flex-col", {
+  variants: {
+    columnsVariant: {
+      twoCols: "w-full max-w-[656px]",
+      threeCols: "w-full max-w-[768px]"
+    }
+  }
+}), wt = u("grid px-4 mb-4", {
+  variants: {
+    columnsVariant: {
+      twoCols: "grid-cols-2 gap-16",
+      threeCols: "grid-cols-3 gap-12"
+    }
+  }
+}), Nt = ({ headings: r, columnsVariant: e }) => /* @__PURE__ */ t.jsx("div", { className: p(wt({ 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)) }), yt = u("grid items-center", {
+  variants: {
+    columnsVariant: {
+      twoCols: "grid-cols-2 gap-16",
+      threeCols: "grid-cols-3 gap-12"
+    },
+    tableVariant: {
+      filled: "px-4 py-3 even:bg-color-primary-light-default",
+      separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
+    }
+  }
+}), vt = ({ row: r, tableVariant: e, columnsVariant: o, rowIndex: d }) => /* @__PURE__ */ t.jsx("div", { className: p(yt({ columnsVariant: o, tableVariant: e }), { "border-none": d === 0 }), children: r == null ? void 0 : r.map(({ cell: n }, i) => /* @__PURE__ */ t.jsx("div", { className: p("desk-body-regular-l text-color-dark", { "font-medium": i !== 0 }), children: n && n }, i)) }), Ct = u("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"
+    }
+  }
+}), It = ({ row: r, tableVariant: e, columnsVariant: o, headingsExist: d }) => /* @__PURE__ */ t.jsx("div", { className: p(Ct({ tableVariant: e })), children: r == null ? void 0 : r.map(({ cell: n, heading: i }, x) => /* @__PURE__ */ t.jsxs("div", { className: p("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !d }), children: [
+  i && /* @__PURE__ */ t.jsx("div", { className: "mob-body-regular-l text-color-secondary", children: i }),
+  /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: p("mob-body-regular-l text-color-dark", {
+        "font-medium": x !== 0 && o === "twoCols" || o === "threeCols" || o === "twoCols" && d
+      }),
+      children: n
+    }
+  )
+] }, x)) }), ct = ({ tableVariant: r, rows: e, headings: o, columnsVariant: d }) => {
+  var l;
+  const { isDesktop: n } = b(), i = ((l = bt(e, o)) == null ? void 0 : l.rows) ?? [], x = !!(o && o.length > 0);
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+    n && x && /* @__PURE__ */ t.jsx(Nt, { headings: o, columnsVariant: d }),
+    n ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((h, a) => /* @__PURE__ */ t.jsx(vt, { rowIndex: a, tableVariant: r, columnsVariant: d, ...h }, a)) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: i == null ? void 0 : i.map((h, a) => /* @__PURE__ */ t.jsx(
+      It,
+      {
+        headingsExist: x,
+        tableVariant: r,
+        columnsVariant: d,
+        ...h
+      },
+      a
+    )) })
+  ] });
+}, Bt = ({ tableVariant: r, description: e, columnsVariant: o, config: d, rows: n, title: i, headings: x }) => {
+  const l = /* @__PURE__ */ t.jsxs("div", { className: p(gt({ columnsVariant: o })), children: [
+    i && /* @__PURE__ */ t.jsx(f, { as: "h4", className: "mb-4 desktop:mb-6", children: i }),
+    /* @__PURE__ */ t.jsx(ct, { tableVariant: r, rows: n, 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: d && (d != null && d.isAccordion) && (d != null && d.accordionTitle) ? /* @__PURE__ */ t.jsx(N, { label: d == null ? void 0 : d.accordionTitle, children: l }) : l });
+}, Tt = {
+  documentFilled: "files/documentFilled",
+  documentOutline: "files/documentOutline"
+}, _t = u("size-8 transition-colors", {
+  variants: {
+    iconType: {
+      documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
+      documentFilled: "text-icon-primary-default group-hover:text-icon-primary-hover"
+    }
+  },
+  defaultVariants: {
+    iconType: "documentOutline"
+  }
+}), Mt = ({ label: r, size: e, url: o, iconType: d }) => /* @__PURE__ */ t.jsxs(
+  "a",
+  {
+    href: o,
+    target: "_blank",
+    rel: "noreferrer",
+    tabIndex: 0,
+    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(j, { name: Tt[d], className: p(_t({ iconType: d })) }),
+      /* @__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),
+          " КБ"
+        ] })
+      ] })
+    ]
+  }
+), Ht = ({ docs: r, config: e, title: o, iconType: d, description: n }) => {
+  const i = /* @__PURE__ */ t.jsxs("div", { className: "flex max-w-[680px] flex-col", children: [
+    o && /* @__PURE__ */ t.jsx(f, { 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((x) => /* @__PURE__ */ t.jsx(Mt, { iconType: d, ...x }, x.label)) }),
+    n && /* @__PURE__ */ t.jsx("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: n ?? "" } })
+  ] });
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ t.jsx(N, { label: e == null ? void 0 : e.accordionTitle, children: i }) : i });
+}, Et = (r) => {
+  var e, o, d;
+  switch (!0) {
+    case ut(r):
+      return (e = r.details) == null ? void 0 : e.map((n, i) => /* @__PURE__ */ t.jsx(kt, { ...n }, i));
+    case ft(r):
+      return (o = r.details) == null ? void 0 : o.map((n, i) => /* @__PURE__ */ t.jsx(Ht, { ...n }, i));
+    case jt(r):
+      return (d = r.details) == null ? void 0 : d.map((n, i) => /* @__PURE__ */ t.jsx(Bt, { ...n }, i));
+    default:
+      return null;
+  }
+}, zt = ({ entity: r }) => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-6", children: Et(r) }), Jt = ({ headline: r, tabs: e }) => {
+  var i, x;
+  const [o, d] = S(0), n = G(() => e == null ? void 0 : e.map((l) => l == null ? void 0 : l.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(f, { as: "h2", children: r }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6 flex flex-col gap-2 desktop:mt-12", children: /* @__PURE__ */ t.jsx(ht, { tabsNames: n, activeTab: o, setActiveTab: d }) }),
+    /* @__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((l, h) => /* @__PURE__ */ t.jsx(zt, { ...l }, h)) })
+  ] }) });
 };
 export {
-  R as Advantages,
-  Nt as AuthProvider,
-  kt as Banner,
+  z as Advantages,
+  $t as AuthProvider,
+  St as Banner,
   B as BannerWithSeparateImg,
-  at as Benefit,
-  bt as Footer,
-  jt as Header,
-  yt as InterLinking,
-  wt as LongBanner,
-  gt as Stepper
+  Ot as Benefit,
+  Gt as Footer,
+  Vt as Header,
+  qt as InterLinking,
+  Zt as LongBanner,
+  Ut as Stepper,
+  Jt as UsefulInfo
 };
 //# sourceMappingURL=widget.js.map