@scbt-ecom/ui 0.38.2 → 0.40.0

package/dist/widget.js

@@ -1,9 +1,9 @@
-import { j as t, B as g, H as a, c as j, R as k, P as M, b as T, I as l, C as w, S as R, a as V, L, d as v, A as _ } from "./CustomLink-Cqhmw5ZU.js";
-import { c as d } from "./cn-DIfn7EPB.js";
-import { s as D } from "./scrollToElement-B-reg4jF.js";
+import { j as t, B as g, H as a, c as j, R as k, P as M, b as R, I as u, C as w, S as V, a as L, L as D, d as v, A as _ } from "./CustomLink-Cqhmw5ZU.js";
+import { c as n } from "./cn-DIfn7EPB.js";
+import { s as O } from "./scrollToElement-B-reg4jF.js";
 import { u as b } from "./useDevice-L83kSsN7.js";
-import * as O from "react";
-const G = j(
+import * as G from "react";
+const U = j(
   "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,45 +14,45 @@ const G = j(
       }
     }
   }
-), U = ({
-  description: n,
+), S = ({
+  description: i,
   title: e,
-  img: x,
-  mobileImg: o,
+  img: o,
+  mobileImg: d,
   classes: r,
-  withButton: i,
-  buttonText: h,
-  intent: m,
+  withButton: x,
+  buttonText: m,
+  intent: h,
   cardColor: f
 }) => {
-  const { isDesktop: u } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+  const { isDesktop: l } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
     g,
     {
       intent: "primary",
-      className: d("desktop:w-[200px]", r == null ? void 0 : r.button),
-      onClick: () => D("personal_form"),
+      className: n("desktop:w-[200px]", r == null ? void 0 : r.button),
+      onClick: () => O("personal_form"),
       size: "lg",
-      children: h
+      children: m
     }
   ) });
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: d(G({ intent: m }), { "pb-0": o }, { "pb-12": !o }, f, r == null ? void 0 : r.root),
+      className: n(U({ intent: h }), { "pb-0": d }, { "pb-12": !d }, f, r == null ? void 0 : r.root),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
-            /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("desktop:desk-title-bold-s", r == null ? void 0 : r.title), children: e }),
-            /* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.description), children: n })
+        /* @__PURE__ */ t.jsxs("div", { className: n("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
+          /* @__PURE__ */ t.jsxs("div", { className: n("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
+            /* @__PURE__ */ t.jsx(a, { as: "h4", className: n("desktop:desk-title-bold-s", r == null ? void 0 : r.title), children: e }),
+            /* @__PURE__ */ t.jsx("p", { className: n("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.description), children: i })
           ] }),
-          i && u && p
+          x && l && p
         ] }),
-        (o || u) && x && /* @__PURE__ */ t.jsx("div", { className: d("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: d("h-[246px] object-cover", r == null ? void 0 : r.img), src: x, alt: e }) })
+        (d || l) && o && /* @__PURE__ */ t.jsx("div", { className: n("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: n("h-[246px] object-cover", r == null ? void 0 : r.img), src: o, alt: e }) })
       ]
     },
-    x
+    o
   );
-}, S = j("grid gap-4", {
+}, Z = j("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -60,22 +60,22 @@ const G = j(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), jt = ({ heading: n, cards: e, classes: x, intent: o }) => /* @__PURE__ */ t.jsx("section", { className: d("pb-20", x == null ? void 0 : x.root), children: /* @__PURE__ */ t.jsxs(k, { className: x == null ? void 0 : x.container, children: [
-  /* @__PURE__ */ t.jsx(a, { className: d("mb-8", x == null ? void 0 : x.heading), as: "h2", children: n }),
-  /* @__PURE__ */ t.jsx("ul", { className: d(S({ intent: o }), x == null ? void 0 : x.grid), children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ t.jsx(U, { intent: o, classes: x == null ? void 0 : x.item, ...r }, r.img)) })
-] }) }), Z = (n) => {
-  var e;
-  switch (n.variant) {
+}), bt = ({ heading: i, cards: e, classes: o, intent: d }) => /* @__PURE__ */ t.jsx("section", { className: n("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(k, { className: o == null ? void 0 : o.container, children: [
+  /* @__PURE__ */ t.jsx(a, { className: n("mb-8", o == null ? void 0 : o.heading), as: "h2", children: i }),
+  /* @__PURE__ */ t.jsx("ul", { className: n(Z({ intent: d }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ t.jsx(S, { intent: d, classes: o == null ? void 0 : o.item, ...r }, r.img)) })
+] }) }), $ = (i) => {
+  const { variant: e, details: o } = i;
+  switch (e) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...n.buttonProps, children: ((e = n.buttonProps) == null ? void 0 : e.children) || "Оформить заявку" });
+      return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...o, children: (o == null ? void 0 : o.children) || "Оформить заявку" });
     case "withPhone":
-      return /* @__PURE__ */ t.jsx(M, { ...n.phoneProps });
+      return /* @__PURE__ */ t.jsx(M, { ...o });
     default:
       return null;
   }
-}, bt = (n) => {
-  const { logoPath: e = "/", logoType: x = "main", classes: o } = n;
-  return /* @__PURE__ */ t.jsx("header", { className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", o == null ? void 0 : o.header), children: /* @__PURE__ */ t.jsx(k, { className: d(o == null ? void 0 : o.container), children: /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center justify-between gap-5", o == null ? void 0 : o.wrapper), children: [
+}, gt = (i) => {
+  const { logoPath: e = "/", logoType: o = "main", config: d, classes: r } = i;
+  return /* @__PURE__ */ t.jsx("header", { className: n("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(k, { className: n(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: n("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -83,215 +83,218 @@ const G = j(
         "aria-label": "logo",
         target: "_blank",
         rel: "noreferrer",
-        className: d(
+        className: n(
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-          o == null ? void 0 : o.logo
+          r == null ? void 0 : r.logo
         ),
-        children: T[x]
+        children: R[o]
       }
     ),
-    Z(n)
+    $(d)
   ] }) }) });
-}, E = ({ buttonsConfig: n, classes: e, className: x }) => {
+}, E = ({ buttonsConfig: i, classes: e, className: o }) => {
   var r;
-  const o = (n == null ? void 0 : n.secondary) && n.secondary.children;
+  const d = (i == null ? void 0 : i.secondary) && i.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
-      className: d(
+      className: n(
         "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": o },
+        { "flex items-center gap-4": d },
         e == null ? void 0 : e.group,
-        x
+        o
       ),
       children: [
-        /* @__PURE__ */ t.jsx(g, { intent: "primary", ...n.primary, isFull: !0, className: d("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: n.primary.children }),
-        o && /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(g, { intent: "primary", ...i.primary, isFull: !0, className: n("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: i.primary.children }),
+        d && /* @__PURE__ */ t.jsx(
           g,
           {
             intent: "secondary",
-            ...n == null ? void 0 : n.secondary,
+            ...i == null ? void 0 : i.secondary,
             isFull: !0,
-            className: d("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (r = n == null ? void 0 : n.secondary) == null ? void 0 : r.children
+            className: n("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
+            children: (r = i == null ? void 0 : i.secondary) == null ? void 0 : r.children
           }
         )
       ]
     }
   );
-}, $ = ({
-  headTitle: n,
+}, q = ({
+  headTitle: i,
   subtitle: e,
-  buttonsConfig: x,
-  advantagesConfig: o,
+  buttonsConfig: o,
+  advantagesConfig: d,
   classes: r,
-  img: i,
-  imgSets: h
+  img: x,
+  imgSets: m
 }) => {
   var p;
-  const { isDesktop: m, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
+  const { isDesktop: h, isMobile: f } = b(), l = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: d(
+      className: n(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         r == null ? void 0 : r.advantageContainer
       ),
-      children: (o == null ? void 0 : o.advantagesList) && ((p = o == null ? void 0 : o.advantagesList) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...o })
+      children: (d == null ? void 0 : d.config.details) && ((p = d == null ? void 0 : d.config.details) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...d })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: d("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root), children: [
+    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: n("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root), children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
           "data-id": "banner-img-wrapper",
           className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
           children: /* @__PURE__ */ t.jsxs("picture", { children: [
-            /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: h == null ? void 0 : h.large }),
-            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: h == null ? void 0 : h.mob }),
+            /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
+            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
             /* @__PURE__ */ t.jsx(
               "img",
               {
                 "data-id": "banner-image",
-                src: i,
+                src: x,
                 alt: "Картинка баннера",
-                className: d("h-full w-full object-cover object-center", r == null ? void 0 : r.image)
+                className: n("h-full w-full object-cover object-center", r == null ? void 0 : r.image)
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: d("h-full", r == null ? void 0 : r.container), children: [
-        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: d("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: n("h-full", r == null ? void 0 : r.container), children: [
+        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: n("flex h-full", r == null ? void 0 : r.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", r == null ? void 0 : r.textBlock),
+            className: n("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.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", r == null ? void 0 : r.title), children: n }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-white", r == null ? void 0 : r.subtitle), children: e })
+                /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: n("text-color-white", r == null ? void 0 : r.title), children: i }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: n("desk-body-regular-l text-color-white", r == null ? void 0 : r.subtitle), children: e })
               ] }),
               /* @__PURE__ */ t.jsx(
                 E,
                 {
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
-                  buttonsConfig: x,
+                  buttonsConfig: o,
                   classes: r
                 }
               )
             ]
           }
         ) }),
-        m && u
+        h && l
       ] })
     ] }),
-    f && u
+    f && l
   ] });
 }, I = ({
-  headTitle: n,
+  headTitle: i,
   subtitle: e,
-  buttonsConfig: x,
-  advantagesConfig: o,
+  buttonsConfig: o,
+  advantagesConfig: d,
   classes: r,
-  img: i,
-  imgSets: h
+  img: x,
+  imgSets: m
 }) => {
   var p;
-  const { isDesktop: m, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
+  const { isDesktop: h, isMobile: f } = b(), l = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: d(
+      className: n(
         "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
         r == null ? void 0 : r.advantageContainer
       ),
-      children: (o == null ? void 0 : o.advantagesList) && ((p = o == null ? void 0 : o.advantagesList) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...o })
+      children: (d == null ? void 0 : d.config.details) && ((p = d == null ? void 0 : d.config.details) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...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]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: d("relative", r == null ? void 0 : r.container), children: [
-      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: d("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: n("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: n("relative", r == null ? void 0 : r.container), children: [
+      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: n("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.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", r == null ? void 0 : r.textBlock), children: [
-            /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-dark", r == null ? void 0 : r.title), children: n }),
-            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
+          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: n("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
+            /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: n("text-color-dark", r == null ? void 0 : r.title), children: i }),
+            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: n("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
           ] }),
-          /* @__PURE__ */ t.jsx(E, { buttonsConfig: x, classes: r })
+          /* @__PURE__ */ t.jsx(E, { buttonsConfig: o, classes: r })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
             "data-id": "banner-image-wrapper",
-            className: d("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer),
+            className: n("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer),
             children: /* @__PURE__ */ t.jsxs("picture", { children: [
-              /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: h == null ? void 0 : h.large }),
-              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: h == null ? void 0 : h.mob }),
+              /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
+              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
               /* @__PURE__ */ t.jsx(
                 "img",
                 {
                   "data-id": "banner-image",
-                  src: i,
+                  src: x,
                   alt: "Картинка баннера",
-                  className: d("h-full object-cover", r == null ? void 0 : r.image)
+                  className: n("h-full object-cover", r == null ? void 0 : r.image)
                 }
               )
             ] })
           }
         )
       ] }),
-      m && u
+      h && l
     ] }) }),
-    f && u
+    f && l
   ] });
-}, gt = ({ bannerVariant: n, ...e }) => {
-  switch (n) {
+}, wt = ({ bannerVariant: i, ...e }) => {
+  switch (i) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(I, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx($, { ...e });
+      return /* @__PURE__ */ t.jsx(q, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(I, { ...e });
   }
-}, H = ({ variant: n, advantagesList: e, classes: x }) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    className: d(
-      "m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-      { "desktop:max-w-[860px]": n === "threeCards" },
-      { "desktop:max-w-[1140px]": n === "fourCards" },
-      x == null ? void 0 : x.root
-    ),
-    children: e == null ? void 0 : e.map(({ title: o, description: r }) => /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: d(
-          'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop: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',
-          x == null ? void 0 : x.item
-        ),
-        children: [
-          /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", x == null ? void 0 : x.title), children: o }),
-          /* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", x == null ? void 0 : x.description), children: r })
-        ]
-      },
-      o
-    ))
-  }
-), q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+}, H = ({ config: i, classes: e }) => {
+  const { variant: o, details: d } = i;
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: n(
+        "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" },
+        e == null ? void 0 : e.root
+      ),
+      children: d == null ? void 0 : d.map(({ title: r, description: x }) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: n(
+            '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: n("text-color-dark", e == null ? void 0 : e.title), children: r }),
+            /* @__PURE__ */ t.jsx("p", { className: n("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: x })
+          ]
+        },
+        r
+      ))
+    }
+  );
+}, J = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
   /* @__PURE__ */ t.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), J = [
+] }), K = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], K = [
+], Q = [
   { iconName: "social/vk", href: "https://vk.com/sovcombank" },
   { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
   { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], Q = [
+], X = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -368,40 +371,40 @@ const G = j(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], X = ({ socialsLinks: n, 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: n == null ? void 0 : n.map(({ iconName: x, href: o }) => /* @__PURE__ */ t.jsx(
+], Y = ({ socialsLinks: i, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: n("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: i == null ? void 0 : i.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: o,
-    "aria-label": x.replace("social/", ""),
-    children: /* @__PURE__ */ t.jsx(l, { name: x, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    className: n("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(u, { name: o, className: n("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
-  o
-)) }), Y = ({ phones: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: n == null ? void 0 : n.map(({ phone: x, text: o }) => /* @__PURE__ */ t.jsx(
+  d
+)) }), P = ({ phones: i, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: n("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: i == null ? void 0 : i.map(({ phone: o, text: d }) => /* @__PURE__ */ t.jsx(
   M,
   {
-    phone: x,
-    text: o,
+    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: n(e == null ? void 0 : e.phoneWrapper),
+      text: n("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: n("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
-  x
-)) }), P = ({ navigationLinks: n, classes: e }) => /* @__PURE__ */ t.jsx(
+  o
+)) }), A = ({ navigationLinks: i, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: d(
+    className: n(
       "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",
       e == null ? void 0 : e.navRoot
     ),
-    children: n == null ? void 0 : n.map(({ groupLabel: x, links: o }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-      /* @__PURE__ */ t.jsx("div", { className: d("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: x }),
-      /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: o == null ? void 0 : o.map(({ text: r, href: i }) => /* @__PURE__ */ t.jsx(
+    children: i == null ? void 0 : i.map(({ groupLabel: o, links: d }) => /* @__PURE__ */ t.jsxs("div", { className: n("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+      /* @__PURE__ */ t.jsx("div", { className: n("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: o }),
+      /* @__PURE__ */ t.jsx("div", { className: n("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: d == null ? void 0 : d.map(({ text: r, href: x }) => /* @__PURE__ */ t.jsx(
         w,
         {
-          href: i,
+          href: x,
           "aria-label": r,
           intent: "white",
           classes: {
@@ -412,17 +415,17 @@ const G = j(
         },
         r
       )) })
-    ] }, x))
+    ] }, o))
   }
-), A = ({ text: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: n }), c = ({ classes: n }) => /* @__PURE__ */ t.jsx(
+), c = ({ text: i, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: n("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: i }), s = ({ classes: i }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", n == null ? void 0 : n.footerLogo),
-    children: /* @__PURE__ */ t.jsx(l, { name: "brandLogos/logoWhite", className: d("size-full", n == null ? void 0 : n.footerLogoIcon) })
+    className: n("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", i == null ? void 0 : i.footerLogo),
+    children: /* @__PURE__ */ t.jsx(u, { name: "brandLogos/logoWhite", className: n("size-full", i == null ? void 0 : i.footerLogoIcon) })
   }
-), s = ({ classes: n }) => /* @__PURE__ */ t.jsx(
+), tt = ({ classes: i }) => /* @__PURE__ */ t.jsx(
   w,
   {
     intent: "white",
@@ -431,97 +434,100 @@ const G = j(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: d("mobile:mt-6", n == null ? void 0 : n.siteMapLink),
-      icon: n == null ? void 0 : n.siteMapLinkIcon
+      link: n("mobile:mt-6", i == null ? void 0 : i.siteMapLink),
+      icon: i == null ? void 0 : i.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), wt = ({
-  renderBlocks: { withSocial: n = !0, withPhones: e = !0, withNavLinks: x = !0, withCopyright: o = !0, withSiteMap: r = !0 } = {},
-  socialsLinks: i = K,
-  phones: h = J,
-  navigationLinks: m = Q,
+), Nt = ({
+  renderBlocks: { withSocial: i = !0, withPhones: e = !0, withNavLinks: o = !0, withCopyright: d = !0, withSiteMap: r = !0 } = {},
+  socialsLinks: x = Q,
+  phones: m = K,
+  navigationLinks: h = X,
   ligal: f,
-  copyright: u = q,
+  copyright: l = J,
   classes: p
-}) => /* @__PURE__ */ t.jsx("footer", { className: d("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(k, { className: d(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: d("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
+}) => /* @__PURE__ */ t.jsx("footer", { className: n("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(k, { className: n(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: n("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: n(
         "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",
         p == null ? void 0 : p.footerHead
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d(p == null ? void 0 : p.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(c, { classes: p == null ? void 0 : p.footerLogo }),
-          n && /* @__PURE__ */ t.jsx(X, { socialsLinks: i, classes: p == null ? void 0 : p.socialLinks })
+        /* @__PURE__ */ t.jsxs("div", { className: n(p == null ? void 0 : p.footerSocialBlock), children: [
+          /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.footerLogo }),
+          i && /* @__PURE__ */ t.jsx(Y, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(Y, { phones: h, classes: p == null ? void 0 : p.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(P, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
       ]
     }
   ),
-  x && /* @__PURE__ */ t.jsx(P, { navigationLinks: m, classes: p == null ? void 0 : p.navLinks }),
+  o && /* @__PURE__ */ t.jsx(A, { navigationLinks: h, classes: p == null ? void 0 : p.navLinks }),
   f && f,
   /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: n(
         "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
         p == null ? void 0 : p.footerBottom
       ),
       children: [
-        o && /* @__PURE__ */ t.jsx(A, { text: u, classes: p == null ? void 0 : p.copyright }),
-        r && /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.siteMap })
+        d && /* @__PURE__ */ t.jsx(c, { text: l, classes: p == null ? void 0 : p.copyright }),
+        r && /* @__PURE__ */ t.jsx(tt, { classes: p == null ? void 0 : p.siteMap })
       ]
     }
   )
-] }) }) }), tt = ({ classes: n, index: e, variant: x, title: o, description: r }) => {
-  const i = x === "withTitleAndDescription" && o;
+] }) }) }), et = ({ classes: i, index: e, variant: o, title: d, description: r }) => {
+  const x = o === "withTitleAndDescription" && d;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: n(
         "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",
-        n == null ? void 0 : n.singleStep
+        i == null ? void 0 : i.singleStep
       ),
       children: [
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: d(
+            className: n(
               "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",
-              n == null ? void 0 : n.numeric
+              i == null ? void 0 : i.numeric
             ),
             children: e
           }
         ),
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2"), children: [
-          i && /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", n == null ? void 0 : n.title), children: o }),
+        /* @__PURE__ */ t.jsxs("div", { className: n("flex flex-col gap-2"), children: [
+          x && /* @__PURE__ */ t.jsx(a, { as: "h4", className: n("text-color-dark", i == null ? void 0 : i.title), children: d }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
               dangerouslySetInnerHTML: { __html: r ?? "" },
-              className: d("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description)
+              className: n("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.description)
             }
           )
         ] })
       ]
     }
   );
-}, Nt = ({ headline: n, variant: e, stepsList: x, classes: o }) => /* @__PURE__ */ t.jsx(R, { 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: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
-  /* @__PURE__ */ t.jsx(a, { as: "h2", className: d("text-color-dark", o == null ? void 0 : o.headline), children: n }),
-  /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: d(
-        "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
-        o == null ? void 0 : o.stepsWrapper
-      ),
-      children: x == null ? void 0 : x.map((r, i) => /* @__PURE__ */ t.jsx(tt, { variant: e, ...r, index: i + 1, classes: o == null ? void 0 : o.step }, r.description))
-    }
-  )
-] }) }) }), et = j("", {
+}, yt = ({ headline: i, config: e, classes: o }) => {
+  const { variant: d, details: r } = e;
+  return /* @__PURE__ */ t.jsx(V, { 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: n("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
+    /* @__PURE__ */ t.jsx(a, { as: "h2", className: n("text-color-dark", o == null ? void 0 : o.headline), children: i }),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: n(
+          "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: r == null ? void 0 : r.map((x, m) => /* @__PURE__ */ t.jsx(et, { variant: d, ...x, index: m + 1, classes: o == null ? void 0 : o.step }, x.description))
+      }
+    )
+  ] }) }) });
+}, rt = j("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -537,7 +543,7 @@ const G = j(
   defaultVariants: {
     intent: "twoItems"
   }
-}), rt = j("", {
+}), ot = j("", {
   variants: {
     intent: {
       twoItems: "",
@@ -569,7 +575,7 @@ const G = j(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), ot = j("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), it = j("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',
@@ -605,47 +611,47 @@ const G = j(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), dt = ({ data: n, intent: e }) => {
-  const { title: x, description: o, popoverText: r } = n;
-  return /* @__PURE__ */ t.jsx("li", { className: d(ot({ 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: x }),
-      r && /* @__PURE__ */ t.jsx(V, { triggerElement: /* @__PURE__ */ t.jsx(l, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r })
+}), dt = ({ data: i, intent: e }) => {
+  const { title: o, description: d, popoverText: r } = i;
+  return /* @__PURE__ */ t.jsx("li", { className: n(it({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: n("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ t.jsx("h4", { className: n("mob-title-bold-m text-color-dark"), children: o }),
+      r && /* @__PURE__ */ t.jsx(L, { triggerElement: /* @__PURE__ */ t.jsx(u, { className: n("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r })
     ] }),
-    /* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-color-secondary"), children: o })
+    /* @__PURE__ */ t.jsx("p", { className: n("mob-body-regular-l text-color-secondary"), children: d })
   ] }) });
-}, N = ({ intent: n, title: e, desktopHidden: x = !1, mobileHidden: o = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: d(et({ intent: n, desktopHidden: x, mobileHidden: o })), children: e }), it = ({ textContent: n, intent: e, withButton: x }) => /* @__PURE__ */ t.jsx("ul", { className: d(rt({ intent: e, withButton: x })), children: n == null ? void 0 : n.map((o, r) => /* @__PURE__ */ t.jsx(dt, { intent: e, data: o }, r)) }), yt = ({
-  title: n,
+}, N = ({ intent: i, title: e, desktopHidden: o = !1, mobileHidden: d = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: n(rt({ intent: i, desktopHidden: o, mobileHidden: d })), children: e }), xt = ({ textContent: i, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: n(ot({ intent: e, withButton: o })), children: i == null ? void 0 : i.map((d, r) => /* @__PURE__ */ t.jsx(dt, { intent: e, data: d }, r)) }), vt = ({
+  title: i,
   buttonConfig: e,
-  intent: x = "twoItems",
-  textContent: o,
+  intent: o = "twoItems",
+  textContent: d,
   imageComponent: r,
-  classes: i
+  classes: x
 }) => {
-  const h = !!e, m = x === "fourItems", f = x === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: d(i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(k, { className: d(i == null ? void 0 : i.container), children: [
-    f && /* @__PURE__ */ t.jsx(N, { intent: x, title: n }),
+  const m = !!e, h = o === "fourItems", f = o === "twoItems";
+  return /* @__PURE__ */ t.jsx("section", { className: n(x == null ? void 0 : x.root), children: /* @__PURE__ */ t.jsxs(k, { className: n(x == null ? void 0 : x.container), children: [
+    f && /* @__PURE__ */ t.jsx(N, { intent: o, title: i }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: d(
+        className: n(
           "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
+          x == null ? void 0 : x.contentContainer
         ),
         children: [
-          m && /* @__PURE__ */ t.jsx(N, { intent: x, title: n, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: d(nt({ intent: x, withButton: h }), i == null ? void 0 : i.imgContainer), children: r }),
+          h && /* @__PURE__ */ t.jsx(N, { intent: o, title: i, desktopHidden: !0 }),
+          /* @__PURE__ */ t.jsx("div", { className: n(nt({ intent: o, withButton: m }), x == null ? void 0 : x.imgContainer), children: r }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
+              className: n("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", x == null ? void 0 : x.textWithBtnContainer),
               children: [
-                m && /* @__PURE__ */ t.jsx(N, { intent: x, title: n, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(it, { textContent: o, intent: x, withButton: h }),
-                h && /* @__PURE__ */ t.jsx(
+                h && /* @__PURE__ */ t.jsx(N, { intent: o, title: i, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(xt, { textContent: d, intent: o, withButton: m }),
+                m && /* @__PURE__ */ t.jsx(
                   g,
                   {
-                    className: d("w-full px-4 desktop:w-max", i == null ? void 0 : i.button),
+                    className: n("w-full px-4 desktop:w-max", x == null ? void 0 : x.button),
                     size: "lg",
                     onClick: e.onClick,
                     intent: "secondary",
@@ -663,29 +669,29 @@ const G = j(
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, W = ({ children: n, isLoading: e, classes: x, loaderProps: o }) => /* @__PURE__ */ t.jsx(
+}, W = ({ children: i, isLoading: e, classes: o, loaderProps: d }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     tabIndex: 0,
-    className: d(
+    className: n(
       "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",
-      x == null ? void 0 : x.root
+      o == null ? void 0 : o.root
     ),
     children: /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: d(
+        className: n(
           "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 },
-          x == null ? void 0 : x.wrapper
+          o == null ? void 0 : o.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(L, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : n
+        children: e ? /* @__PURE__ */ t.jsx(D, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...d }) : i
       }
     )
   }
-), xt = ({ ...n }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n, children: [
+), pt = ({ ...i }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i, children: [
   /* @__PURE__ */ t.jsx(
     "path",
     {
@@ -713,18 +719,18 @@ const G = j(
     /* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), F = ({ mainLink: n, subLink: e, isMobile: x, classes: o }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col", o == null ? void 0 : o.linksWrapper), children: [
+] }), F = ({ mainLink: i, subLink: e, isMobile: o, classes: d }) => /* @__PURE__ */ t.jsxs("div", { className: n("flex flex-col", d == null ? void 0 : d.linksWrapper), children: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
-      href: n.href,
+      href: i.href,
       target: "_blank",
       rel: "noreferrer",
-      className: d(
+      className: n(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
-        o == null ? void 0 : o.linksMainLink
+        d == null ? void 0 : d.linksMainLink
       ),
-      children: x ? n.mobileTitle : n.title
+      children: o ? i.mobileTitle : i.title
     }
   ),
   (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
@@ -736,77 +742,77 @@ const G = j(
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.linksSubLink)
+        link: n("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
     }
   )
-] }), C = ({ mainLink: n, subLink: e, isLoading: x, badge: o, loaderProps: r, classes: i }) => {
-  const { isMobile: h } = b();
-  return /* @__PURE__ */ t.jsx(W, { isLoading: x, loaderProps: r, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
+] }), C = ({ mainLink: i, subLink: e, isLoading: o, badge: d, loaderProps: r, classes: x }) => {
+  const { isMobile: m } = b();
+  return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: r, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: n(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !o && h },
-        i == null ? void 0 : i.innerWrapper
+        { "justify-center": !d && m },
+        x == null ? void 0 : x.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
+        /* @__PURE__ */ t.jsxs("div", { className: n("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx(l, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8", i == null ? void 0 : i.mtsLogo) }),
-            /* @__PURE__ */ t.jsx(l, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.megafonLogo) }),
-            /* @__PURE__ */ t.jsx(l, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", i == null ? void 0 : i.beelineLogo) })
+            /* @__PURE__ */ t.jsx(u, { name: "logos/mts", className: n("relative z-[9] size-7 desktop:size-8", x == null ? void 0 : x.mtsLogo) }),
+            /* @__PURE__ */ t.jsx(u, { name: "logos/megafon", className: n("relative z-[8] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.megafonLogo) }),
+            /* @__PURE__ */ t.jsx(u, { name: "logos/beeline", className: n("relative z-[7] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.beelineLogo) })
           ] }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: n, subLink: e, isMobile: h, classes: i == null ? void 0 : i.links }),
-          /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
+          /* @__PURE__ */ t.jsx(F, { mainLink: i, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
+          /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: n("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: o })
+        d && /* @__PURE__ */ t.jsx(v, { className: n("bg-color-positive", x == null ? void 0 : x.badge), children: d })
       ]
     }
   ) });
-}, B = ({ mainLink: n, subLink: e, isLoading: x, badge: o, loaderProps: r, classes: i }) => {
-  const { isMobile: h } = b();
-  return /* @__PURE__ */ t.jsx(W, { isLoading: x, loaderProps: r, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
+}, B = ({ mainLink: i, subLink: e, isLoading: o, badge: d, loaderProps: r, classes: x }) => {
+  const { isMobile: m } = b();
+  return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: r, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d(
+      className: n(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !o && h },
-        i == null ? void 0 : i.innerWrapper
+        { "justify-center": !d && m },
+        x == null ? void 0 : x.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", i == null ? void 0 : i.textContent), children: [
-          /* @__PURE__ */ t.jsx(xt, { className: d("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: n, subLink: e, isMobile: h, classes: i == null ? void 0 : i.links }),
-          /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
+        /* @__PURE__ */ t.jsxs("div", { className: n("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
+          /* @__PURE__ */ t.jsx(pt, { className: n("size-7 desktop:size-8", x == null ? void 0 : x.esiaLogo) }),
+          /* @__PURE__ */ t.jsx(F, { mainLink: i, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
+          /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: n("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
         ] }),
-        o && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: o })
+        d && /* @__PURE__ */ t.jsx(v, { className: n("bg-color-positive", x == null ? void 0 : x.badge), children: d })
       ]
     }
   ) });
-}, pt = (n) => {
-  switch (n.mode) {
+}, mt = (i) => {
+  switch (i.mode) {
     case y.ESIA:
-      return /* @__PURE__ */ t.jsx(B, { ...n });
+      return /* @__PURE__ */ t.jsx(B, { ...i });
     case y.MOBILE_ID:
-      return /* @__PURE__ */ t.jsx(C, { ...n });
+      return /* @__PURE__ */ t.jsx(C, { ...i });
     case y.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: x, subtitle: o, badge: r, classes: i } = n, h = !o && !r ? O.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: o, subtitle: d, badge: r, classes: x } = i, m = !d && !r ? G.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: d(
+          className: n(
             "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
+            x == null ? void 0 : x.root
           ),
           children: [
-            /* @__PURE__ */ t.jsxs(h, { className: d("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
-              o && /* @__PURE__ */ t.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: o }),
-              r && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: r })
+            /* @__PURE__ */ t.jsxs(m, { className: n("flex w-full items-center justify-between gap-2", x == null ? void 0 : x.topContent), children: [
+              d && /* @__PURE__ */ t.jsx("h5", { className: n("desk-body-regular-l flex flex-1 text-color-dark", x == null ? void 0 : x.subtitle), children: d }),
+              r && /* @__PURE__ */ t.jsx(v, { className: n("bg-color-positive", x == null ? void 0 : x.badge), children: r })
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", i == null ? void 0 : i.authWrapper), children: [
+            /* @__PURE__ */ t.jsxs("div", { className: n("grid w-full grid-cols-2 gap-2 desktop:gap-4", x == null ? void 0 : x.authWrapper), children: [
               /* @__PURE__ */ t.jsx(
                 B,
                 {
@@ -821,11 +827,11 @@ const G = j(
               /* @__PURE__ */ t.jsx(
                 C,
                 {
-                  ...x,
+                  ...o,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...x.classes
+                    ...o.classes
                   }
                 }
               )
@@ -834,45 +840,45 @@ const G = j(
         }
       );
   }
-}, vt = (n) => pt(n), z = ({ links: n, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: n == null ? void 0 : n.map(({ path: x, label: o }) => /* @__PURE__ */ t.jsx(
+}, It = (i) => mt(i), z = ({ links: i, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: n("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: i == null ? void 0 : i.map(({ path: o, label: d }) => /* @__PURE__ */ t.jsx(
   w,
   {
     classes: {
-      link: d("w-max", e == null ? void 0 : e.linkText),
-      icon: d(e == null ? void 0 : e.linkIcon)
+      link: n("w-max", e == null ? void 0 : e.linkText),
+      icon: n(e == null ? void 0 : e.linkIcon)
     },
     intent: "dark",
-    href: x,
-    children: o
+    href: o,
+    children: d
   },
-  x
-)) }), ht = ({ groupLabel: n, links: e, mobileAccordionProps: x, classes: o }) => {
-  var i, h, m;
+  o
+)) }), ht = ({ groupLabel: i, links: e, mobileAccordionProps: o, classes: d }) => {
+  var x, m, h;
   const { isMobile: r } = b();
-  return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", o == null ? void 0 : o.columnGroup), children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: n("flex flex-col gap-2", d == null ? void 0 : d.columnGroup), children: [
     !r && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", o == null ? void 0 : o.columnGroupHeading), children: n }),
-      /* @__PURE__ */ t.jsx(z, { links: e, classes: o == null ? void 0 : o.linksList }, "desktop")
+      /* @__PURE__ */ t.jsx("h5", { className: n("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", d == null ? void 0 : d.columnGroupHeading), children: i }),
+      /* @__PURE__ */ t.jsx(z, { links: e, classes: d == null ? void 0 : d.linksList }, "desktop")
     ] }),
     r && /* @__PURE__ */ t.jsx(
       _,
       {
         defaultOpen: !0,
-        label: n,
-        icon: /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...x,
+        label: i,
+        icon: /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: n("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...o,
         classes: {
-          ...x == null ? void 0 : x.classes,
+          ...o == null ? void 0 : o.classes,
           header: {
-            trigger: d("p-0 bg-color-blue-grey-100", (h = (i = x == null ? void 0 : x.classes) == null ? void 0 : i.header) == null ? void 0 : h.trigger)
+            trigger: n("p-0 bg-color-blue-grey-100", (m = (x = o == null ? void 0 : o.classes) == null ? void 0 : x.header) == null ? void 0 : m.trigger)
           },
-          contentInner: d("py-2 px-4", (m = x == null ? void 0 : x.classes) == null ? void 0 : m.contentInner)
+          contentInner: n("py-2 px-4", (h = o == null ? void 0 : o.classes) == null ? void 0 : h.contentInner)
         },
-        children: /* @__PURE__ */ t.jsx(z, { links: e, classes: o == null ? void 0 : o.linksList }, "mobile")
+        children: /* @__PURE__ */ t.jsx(z, { links: e, classes: d == null ? void 0 : d.linksList }, "mobile")
       }
     )
   ] });
-}, mt = ({ column: n, mobileAccordionProps: e, classes: x }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", x == null ? void 0 : x.column), children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t.jsx(ht, { ...e, ...o, classes: x == null ? void 0 : x.columnGroup }, o.groupLabel)) }), ft = j("grid gap-4 grid-cols-1", {
+}, ft = ({ column: i, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ t.jsx("div", { className: n("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ t.jsx(ht, { ...e, ...d, classes: o == null ? void 0 : o.columnGroup }, d.groupLabel)) }), lt = j("grid gap-4 grid-cols-1", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -883,42 +889,36 @@ const G = j(
   defaultVariants: {
     variant: "fourCols"
   }
-}), It = ({
-  columns: n,
-  variant: e,
-  headline: x,
-  mobileAccordionProps: o,
-  rootAccordionProps: r,
-  classes: i
-}) => {
-  var h, m, f;
-  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: d("min-w-full desktop:min-w-[1140px]", i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
+}), Ct = ({ config: i, headline: e, mobileAccordionProps: o, rootAccordionProps: d, classes: r }) => {
+  var h, f, l;
+  const { variant: x, details: m } = i;
+  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: n("min-w-full desktop:min-w-[1140px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
     _,
     {
       defaultOpen: !0,
-      label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-left", i == null ? void 0 : i.headline), children: x }),
-      ...r,
+      label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: n("text-left", r == null ? void 0 : r.headline), children: e }),
+      ...d,
       classes: {
-        ...r == null ? void 0 : r.classes,
+        ...d == null ? void 0 : d.classes,
         header: {
-          trigger: d("bg-color-blue-grey-100", (m = (h = r == null ? void 0 : r.classes) == null ? void 0 : h.header) == null ? void 0 : m.trigger)
+          trigger: n("bg-color-blue-grey-100", (f = (h = d == null ? void 0 : d.classes) == null ? void 0 : h.header) == null ? void 0 : f.trigger)
         },
-        content: d("max-w-full bg-color-blue-grey-100 relative", (f = r == null ? void 0 : r.classes) == null ? void 0 : f.content)
+        content: n("max-w-full bg-color-blue-grey-100 relative", (l = d == null ? void 0 : d.classes) == null ? void 0 : l.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: d(ft({ variant: e }), i == null ? void 0 : i.columnsWrapper), children: n == null ? void 0 : n.map((u, p) => /* @__PURE__ */ t.jsx(mt, { ...u, ...o, classes: i == null ? void 0 : i.column }, p)) })
+      children: /* @__PURE__ */ t.jsx("div", { className: n(lt({ variant: x }), r == null ? void 0 : r.columnsWrapper), children: m == null ? void 0 : m.map((p, T) => /* @__PURE__ */ t.jsx(ft, { ...p, ...o, classes: r == null ? void 0 : r.column }, T)) })
     }
   ) }) });
 };
 export {
   H as Advantages,
-  vt as AuthProvider,
-  gt as Banner,
+  It as AuthProvider,
+  wt as Banner,
   I as BannerWithSeparateImg,
-  jt as Benefit,
-  wt as Footer,
-  It as InterLinking,
-  yt as LongBanner,
-  bt as PageHeader,
-  Nt as Stepper
+  bt as Benefit,
+  Nt as Footer,
+  gt as Header,
+  Ct as InterLinking,
+  vt as LongBanner,
+  yt as Stepper
 };
 //# sourceMappingURL=widget.js.map