@scbt-ecom/ui 0.35.2 → 0.36.1

package/dist/widget.js

@@ -1,4 +1,4 @@
-import { j as t, B as w, H as a, c as j, R as k, P as M, b as T, I as l, C as g, S as R, a as V, L, d as v, A as _ } from "./CustomLink-fcD_1hIU.js";
+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-BQOhJbbq.js";
 import { c as d } from "./cn-DIfn7EPB.js";
 import { s as D } from "./scrollToElement-B-reg4jF.js";
 import { u as b } from "./useDevice-L83kSsN7.js";
@@ -15,39 +15,39 @@ const G = j(
     }
   }
 ), U = ({
-  description: o,
+  description: n,
   title: e,
   img: x,
-  mobileImg: r,
-  classes: n,
+  mobileImg: o,
+  classes: r,
   withButton: i,
-  buttonText: m,
-  intent: h,
+  buttonText: h,
+  intent: m,
   cardColor: f
 }) => {
   const { isDesktop: u } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    w,
+    g,
     {
       intent: "primary",
-      className: d("desktop:w-[200px]", n == null ? void 0 : n.button),
+      className: d("desktop:w-[200px]", r == null ? void 0 : r.button),
       onClick: () => D("personal_form"),
       size: "lg",
-      children: m
+      children: h
     }
   ) });
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: d(G({ intent: h }), { "pb-0": r }, { "pb-12": !r }, f, n == null ? void 0 : n.root),
+      className: d(G({ intent: m }), { "pb-0": o }, { "pb-12": !o }, 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", n == null ? void 0 : n.wrapper), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", n == null ? void 0 : n.textContainer), children: [
-            /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("desktop:desk-title-bold-s", n == null ? void 0 : n.title), children: e }),
-            /* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", n == null ? void 0 : n.description), children: o })
+        /* @__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 })
           ] }),
           i && u && p
         ] }),
-        (r || u) && x && /* @__PURE__ */ t.jsx("div", { className: d("flex w-full justify-end", n == null ? void 0 : n.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: d("h-[246px] object-cover", n == null ? void 0 : n.img), src: x, alt: e }) })
+        (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 }) })
       ]
     },
     x
@@ -60,22 +60,22 @@ const G = j(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), jt = ({ heading: o, cards: e, classes: x, intent: r }) => /* @__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: o }),
-  /* @__PURE__ */ t.jsx("ul", { className: d(S({ intent: r }), x == null ? void 0 : x.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(U, { intent: r, classes: x == null ? void 0 : x.item, ...n }, n.img)) })
-] }) }), Z = (o) => {
+}), 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 (o.variant) {
+  switch (n.variant) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(w, { intent: "secondary", size: "sm", ...o.buttonProps, children: ((e = o.buttonProps) == null ? void 0 : e.children) || "Оформить заявку" });
+      return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...n.buttonProps, children: ((e = n.buttonProps) == null ? void 0 : e.children) || "Оформить заявку" });
     case "withPhone":
-      return /* @__PURE__ */ t.jsx(M, { ...o.phoneProps });
+      return /* @__PURE__ */ t.jsx(M, { ...n.phoneProps });
     default:
       return null;
   }
-}, bt = (o) => {
-  const { logoPath: e = "/", logoType: x = "main", classes: r } = o;
-  return /* @__PURE__ */ t.jsx("header", { className: d("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: d(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
+}, 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: [
     /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -85,94 +85,94 @@ const G = j(
         rel: "noreferrer",
         className: d(
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-          r == null ? void 0 : r.logo
+          o == null ? void 0 : o.logo
         ),
         children: T[x]
       }
     ),
-    Z(o)
+    Z(n)
   ] }) }) });
-}, E = ({ buttonsConfig: o, classes: e, className: x }) => {
-  var n;
-  const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
+}, E = ({ buttonsConfig: n, classes: e, className: x }) => {
+  var r;
+  const o = (n == null ? void 0 : n.secondary) && n.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
       className: d(
         "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": r },
+        { "flex items-center gap-4": o },
         e == null ? void 0 : e.group,
         x
       ),
       children: [
-        /* @__PURE__ */ t.jsx(w, { intent: "primary", ...o.primary, isFull: !0, className: d("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: o.primary.children }),
-        r && /* @__PURE__ */ t.jsx(
-          w,
+        /* @__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(
+          g,
           {
             intent: "secondary",
-            ...o == null ? void 0 : o.secondary,
+            ...n == null ? void 0 : n.secondary,
             isFull: !0,
             className: d("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (n = o == null ? void 0 : o.secondary) == null ? void 0 : n.children
+            children: (r = n == null ? void 0 : n.secondary) == null ? void 0 : r.children
           }
         )
       ]
     }
   );
 }, $ = ({
-  headTitle: o,
+  headTitle: n,
   subtitle: e,
   buttonsConfig: x,
-  advantagesConfig: r,
-  classes: n,
+  advantagesConfig: o,
+  classes: r,
   img: i,
-  imgSets: m
+  imgSets: h
 }) => {
   var p;
-  const { isDesktop: h, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
+  const { isDesktop: m, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
       className: d(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
-        n == null ? void 0 : n.advantageContainer
+        r == null ? void 0 : r.advantageContainer
       ),
-      children: (r == null ? void 0 : r.advantagesList) && ((p = r == null ? void 0 : r.advantagesList) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...r })
+      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 })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: d("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.root), 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.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: m == null ? void 0 : m.large }),
-            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
+            /* @__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(
               "img",
               {
                 "data-id": "banner-image",
                 src: i,
                 alt: "Картинка баннера",
-                className: d("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
+                className: d("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", n == null ? void 0 : n.container), children: [
-        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: d("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
+      /* @__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(
           "div",
           {
             "data-id": "banner-text-block",
-            className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
+            className: d("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", n == null ? void 0 : n.title), children: o }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
+                /* @__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(
                 E,
@@ -180,75 +180,75 @@ const G = j(
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
                   buttonsConfig: x,
-                  classes: n
+                  classes: r
                 }
               )
             ]
           }
         ) }),
-        h && u
+        m && u
       ] })
     ] }),
     f && u
   ] });
 }, I = ({
-  headTitle: o,
+  headTitle: n,
   subtitle: e,
   buttonsConfig: x,
-  advantagesConfig: r,
-  classes: n,
+  advantagesConfig: o,
+  classes: r,
   img: i,
-  imgSets: m
+  imgSets: h
 }) => {
   var p;
-  const { isDesktop: h, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
+  const { isDesktop: m, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
       className: d(
         "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",
-        n == null ? void 0 : n.advantageContainer
+        r == null ? void 0 : r.advantageContainer
       ),
-      children: (r == null ? void 0 : r.advantagesList) && ((p = r == null ? void 0 : r.advantagesList) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...r })
+      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 })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: d("bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.root), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: d("relative", n == null ? void 0 : n.container), children: [
-      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: d("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), 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.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", n == null ? void 0 : n.textBlock), children: [
-            /* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-dark", n == null ? void 0 : n.title), children: o }),
-            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
+          /* @__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.jsx(E, { buttonsConfig: x, classes: n })
+          /* @__PURE__ */ t.jsx(E, { buttonsConfig: x, classes: r })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
           {
             "data-id": "banner-image-wrapper",
-            className: d("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
+            className: d("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: m == null ? void 0 : m.large }),
-              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
+              /* @__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(
                 "img",
                 {
                   "data-id": "banner-image",
                   src: i,
                   alt: "Картинка баннера",
-                  className: d("h-full object-cover", n == null ? void 0 : n.image)
+                  className: d("h-full object-cover", r == null ? void 0 : r.image)
                 }
               )
             ] })
           }
         )
       ] }),
-      h && u
+      m && u
     ] }) }),
     f && u
   ] });
-}, wt = ({ bannerVariant: o, ...e }) => {
-  switch (o) {
+}, gt = ({ bannerVariant: n, ...e }) => {
+  switch (n) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(I, { ...e });
     case "fullImg":
@@ -256,16 +256,16 @@ const G = j(
     default:
       return /* @__PURE__ */ t.jsx(I, { ...e });
   }
-}, H = ({ variant: o, advantagesList: e, classes: x }) => /* @__PURE__ */ t.jsx(
+}, 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]": o === "threeCards" },
-      { "desktop:max-w-[1140px]": o === "fourCards" },
+      { "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: r, description: n }) => /* @__PURE__ */ t.jsxs(
+    children: e == null ? void 0 : e.map(({ title: o, description: r }) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: d(
@@ -273,11 +273,11 @@ const G = j(
           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: r }),
-          /* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", x == null ? void 0 : x.description), children: n })
+          /* @__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 })
         ]
       },
-      r
+      o
     ))
   }
 ), q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -368,20 +368,20 @@ const G = j(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], X = ({ socialsLinks: o, 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: o == null ? void 0 : o.map(({ iconName: x, href: r }) => /* @__PURE__ */ t.jsx(
+], 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(
   "a",
   {
     className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
-    href: r,
+    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) })
   },
-  r
-)) }), Y = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: x, text: r }) => /* @__PURE__ */ t.jsx(
+  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(
   M,
   {
     phone: x,
-    text: r,
+    text: o,
     classes: {
       wrapper: d(e == null ? void 0 : e.phoneWrapper),
       text: d("text-color-footer", e == null ? void 0 : e.phoneText),
@@ -389,41 +389,41 @@ const G = j(
     }
   },
   x
-)) }), P = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
+)) }), P = ({ navigationLinks: n, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: d(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
       e == null ? void 0 : e.navRoot
     ),
-    children: o == null ? void 0 : o.map(({ groupLabel: x, links: r }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+    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: r == null ? void 0 : r.map(({ text: n, href: i }) => /* @__PURE__ */ t.jsx(
-        g,
+      /* @__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(
+        w,
         {
           href: i,
-          "aria-label": n,
+          "aria-label": r,
           intent: "white",
           classes: {
             link: e == null ? void 0 : e.navLink,
             icon: e == null ? void 0 : e.navLinkIcon
           },
-          children: n
+          children: r
         },
-        n
+        r
       )) })
     ] }, x))
   }
-), A = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: o }), c = ({ classes: o }) => /* @__PURE__ */ t.jsx(
+), 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(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", o == null ? void 0 : o.footerLogo),
-    children: /* @__PURE__ */ t.jsx(l, { name: "brandLogos/logoWhite", className: d("size-full", o == null ? void 0 : o.footerLogoIcon) })
+    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) })
   }
-), s = ({ classes: o }) => /* @__PURE__ */ t.jsx(
-  g,
+), s = ({ classes: n }) => /* @__PURE__ */ t.jsx(
+  w,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -431,16 +431,16 @@ const G = j(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: d("mobile:mt-6", o == null ? void 0 : o.siteMapLink),
-      icon: o == null ? void 0 : o.siteMapLinkIcon
+      link: d("mobile:mt-6", n == null ? void 0 : n.siteMapLink),
+      icon: n == null ? void 0 : n.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), gt = ({
-  renderBlocks: { withSocial: o = !0, withPhones: e = !0, withNavLinks: x = !0, withCopyright: r = !0, withSiteMap: n = !0 } = {},
+), wt = ({
+  renderBlocks: { withSocial: n = !0, withPhones: e = !0, withNavLinks: x = !0, withCopyright: o = !0, withSiteMap: r = !0 } = {},
   socialsLinks: i = K,
-  phones: m = J,
-  navigationLinks: h = Q,
+  phones: h = J,
+  navigationLinks: m = Q,
   ligal: f,
   copyright: u = q,
   classes: p
@@ -455,13 +455,13 @@ const G = j(
       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 }),
-          o && /* @__PURE__ */ t.jsx(X, { socialsLinks: i, classes: p == null ? void 0 : p.socialLinks })
+          n && /* @__PURE__ */ t.jsx(X, { socialsLinks: i, classes: p == null ? void 0 : p.socialLinks })
         ] }),
-        e && /* @__PURE__ */ t.jsx(Y, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(Y, { phones: h, classes: p == null ? void 0 : p.phonesBlock })
       ]
     }
   ),
-  x && /* @__PURE__ */ t.jsx(P, { navigationLinks: h, classes: p == null ? void 0 : p.navLinks }),
+  x && /* @__PURE__ */ t.jsx(P, { navigationLinks: m, classes: p == null ? void 0 : p.navLinks }),
   f && f,
   /* @__PURE__ */ t.jsxs(
     "div",
@@ -471,19 +471,19 @@ const G = j(
         p == null ? void 0 : p.footerBottom
       ),
       children: [
-        r && /* @__PURE__ */ t.jsx(A, { text: u, classes: p == null ? void 0 : p.copyright }),
-        n && /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.siteMap })
+        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 })
       ]
     }
   )
-] }) }) }), tt = ({ classes: o, index: e, variant: x, title: r, description: n }) => {
-  const i = x === "withTitleAndDescription" && r;
+] }) }) }), tt = ({ classes: n, index: e, variant: x, title: o, description: r }) => {
+  const i = x === "withTitleAndDescription" && o;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: d(
         "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-        o == null ? void 0 : o.singleStep
+        n == null ? void 0 : n.singleStep
       ),
       children: [
         /* @__PURE__ */ t.jsx(
@@ -491,34 +491,34 @@ const G = j(
           {
             className: d(
               "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
-              o == null ? void 0 : o.numeric
+              n == null ? void 0 : n.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", o == null ? void 0 : o.title), children: r }),
+          i && /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", n == null ? void 0 : n.title), children: o }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              dangerouslySetInnerHTML: { __html: n ?? "" },
-              className: d("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.description)
+              dangerouslySetInnerHTML: { __html: r ?? "" },
+              className: d("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description)
             }
           )
         ] })
       ]
     }
   );
-}, Nt = ({ headline: o, variant: e, stepsList: x, classes: r }) => /* @__PURE__ */ t.jsx(R, { className: r == null ? void 0 : r.root, children: /* @__PURE__ */ t.jsx(k, { className: r == null ? void 0 : r.container, children: /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", r == null ? void 0 : r.wrapper), children: [
-  /* @__PURE__ */ t.jsx(a, { as: "h2", className: d("text-color-dark", r == null ? void 0 : r.headline), children: o }),
+}, 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",
-        r == null ? void 0 : r.stepsWrapper
+        o == null ? void 0 : o.stepsWrapper
       ),
-      children: x == null ? void 0 : x.map((n, i) => /* @__PURE__ */ t.jsx(tt, { variant: e, ...n, index: i + 1, classes: r == null ? void 0 : r.step }, n.description))
+      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("", {
@@ -605,26 +605,26 @@ const G = j(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), dt = ({ data: o, intent: e }) => {
-  const { title: x, description: r, popoverText: n } = o;
+}), 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 }),
-      n && /* @__PURE__ */ t.jsx(V, { triggerElement: /* @__PURE__ */ t.jsx(l, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
+      r && /* @__PURE__ */ t.jsx(V, { triggerElement: /* @__PURE__ */ t.jsx(l, { className: d("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: r })
+    /* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-color-secondary"), children: o })
   ] }) });
-}, N = ({ intent: o, title: e, desktopHidden: x = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: d(et({ intent: o, desktopHidden: x, mobileHidden: r })), children: e }), it = ({ textContent: o, intent: e, withButton: x }) => /* @__PURE__ */ t.jsx("ul", { className: d(rt({ intent: e, withButton: x })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(dt, { intent: e, data: r }, n)) }), yt = ({
-  title: o,
+}, 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,
   buttonConfig: e,
   intent: x = "twoItems",
-  textContent: r,
-  imageComponent: n,
+  textContent: o,
+  imageComponent: r,
   classes: i
 }) => {
-  const m = !!e, h = x === "fourItems", f = x === "twoItems";
+  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: o }),
+    f && /* @__PURE__ */ t.jsx(N, { intent: x, title: n }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -633,17 +633,17 @@ const G = j(
           i == null ? void 0 : i.contentContainer
         ),
         children: [
-          h && /* @__PURE__ */ t.jsx(N, { intent: x, title: o, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: d(nt({ intent: x, withButton: m }), i == null ? void 0 : i.imgContainer), children: n }),
+          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 }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
               children: [
-                h && /* @__PURE__ */ t.jsx(N, { intent: x, title: o, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(it, { textContent: r, intent: x, withButton: m }),
-                m && /* @__PURE__ */ t.jsx(
-                  w,
+                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(
+                  g,
                   {
                     className: d("w-full px-4 desktop:w-max", i == null ? void 0 : i.button),
                     size: "lg",
@@ -663,7 +663,7 @@ const G = j(
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, W = ({ children: o, isLoading: e, classes: x, loaderProps: r }) => /* @__PURE__ */ t.jsx(
+}, W = ({ children: n, isLoading: e, classes: x, loaderProps: o }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     tabIndex: 0,
@@ -681,11 +681,11 @@ const G = j(
           { "items-center": e },
           x == null ? void 0 : x.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(L, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...r }) : o
+        children: e ? /* @__PURE__ */ t.jsx(L, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...o }) : n
       }
     )
   }
-), xt = ({ ...o }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
+), 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: [
   /* @__PURE__ */ t.jsx(
     "path",
     {
@@ -713,22 +713,22 @@ const G = j(
     /* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
     /* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), F = ({ mainLink: o, subLink: e, isMobile: x, classes: r }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col", r == null ? void 0 : r.linksWrapper), children: [
+] }), 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: [
   /* @__PURE__ */ t.jsx(
     "a",
     {
-      href: o.href,
+      href: n.href,
       target: "_blank",
       rel: "noreferrer",
       className: d(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
-        r == null ? void 0 : r.linksMainLink
+        o == null ? void 0 : o.linksMainLink
       ),
-      children: x ? o.mobileTitle : o.title
+      children: x ? n.mobileTitle : n.title
     }
   ),
   (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
-    g,
+    w,
     {
       intent: "blue",
       withUnderline: !0,
@@ -736,19 +736,19 @@ const G = j(
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", r == null ? void 0 : r.linksSubLink)
+        link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", o == null ? void 0 : o.linksSubLink)
       },
       children: e == null ? void 0 : e.text
     }
   )
-] }), C = ({ mainLink: o, subLink: e, isLoading: x, badge: r, loaderProps: n, classes: i }) => {
-  const { isMobile: m } = b();
-  return /* @__PURE__ */ t.jsx(W, { isLoading: x, loaderProps: n, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
+] }), 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(
     "div",
     {
       className: d(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !r && m },
+        { "justify-center": !o && h },
         i == null ? void 0 : i.innerWrapper
       ),
       children: [
@@ -758,42 +758,42 @@ const G = j(
             /* @__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(F, { mainLink: o, subLink: e, isMobile: m, classes: i == null ? void 0 : i.links }),
+          /* @__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) })
         ] }),
-        r && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: r })
+        o && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: o })
       ]
     }
   ) });
-}, B = ({ mainLink: o, subLink: e, isLoading: x, badge: r, loaderProps: n, classes: i }) => {
-  const { isMobile: m } = b();
-  return /* @__PURE__ */ t.jsx(W, { isLoading: x, loaderProps: n, classes: i == null ? void 0 : i.authWrapper, children: /* @__PURE__ */ t.jsxs(
+}, 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(
     "div",
     {
       className: d(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !r && m },
+        { "justify-center": !o && h },
         i == null ? void 0 : i.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: o, subLink: e, isMobile: m, classes: i == null ? void 0 : i.links }),
+          /* @__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) })
         ] }),
-        r && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: r })
+        o && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: o })
       ]
     }
   ) });
-}, pt = (o) => {
-  switch (o.mode) {
+}, pt = (n) => {
+  switch (n.mode) {
     case y.ESIA:
-      return /* @__PURE__ */ t.jsx(B, { ...o });
+      return /* @__PURE__ */ t.jsx(B, { ...n });
     case y.MOBILE_ID:
-      return /* @__PURE__ */ t.jsx(C, { ...o });
+      return /* @__PURE__ */ t.jsx(C, { ...n });
     case y.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: x, subtitle: r, badge: n, classes: i } = o, m = !r && !n ? O.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: x, subtitle: o, badge: r, classes: i } = n, h = !o && !r ? O.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -802,9 +802,9 @@ const G = j(
             i == null ? void 0 : i.root
           ),
           children: [
-            /* @__PURE__ */ t.jsxs(m, { className: d("flex w-full items-center justify-between gap-2", i == null ? void 0 : i.topContent), children: [
-              r && /* @__PURE__ */ t.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", i == null ? void 0 : i.subtitle), children: r }),
-              n && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", i == null ? void 0 : i.badge), children: n })
+            /* @__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("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", i == null ? void 0 : i.authWrapper), children: [
               /* @__PURE__ */ t.jsx(
@@ -834,44 +834,45 @@ const G = j(
         }
       );
   }
-}, vt = (o) => pt(o), z = ({ links: o, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: o == null ? void 0 : o.map(({ path: x, label: r }) => /* @__PURE__ */ t.jsx(
-  g,
+}, 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(
+  w,
   {
     classes: {
       link: d("w-max", e == null ? void 0 : e.linkText),
       icon: d(e == null ? void 0 : e.linkIcon)
     },
+    intent: "dark",
     href: x,
-    children: r
+    children: o
   },
   x
-)) }), mt = ({ groupLabel: o, links: e, mobileAccordionProps: x, classes: r }) => {
-  var i, m, h;
-  const { isMobile: n } = b();
-  return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", r == null ? void 0 : r.columnGroup), children: [
-    !n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", r == null ? void 0 : r.columnGroupHeading), children: o }),
-      /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "desktop")
+)) }), ht = ({ groupLabel: n, links: e, mobileAccordionProps: x, classes: o }) => {
+  var i, h, m;
+  const { isMobile: r } = b();
+  return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", o == null ? void 0 : o.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")
     ] }),
-    n && /* @__PURE__ */ t.jsx(
+    r && /* @__PURE__ */ t.jsx(
       _,
       {
         defaultOpen: !0,
-        label: o,
+        label: n,
         icon: /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
         ...x,
         classes: {
           ...x == null ? void 0 : x.classes,
           header: {
-            trigger: d("p-0", (m = (i = x == null ? void 0 : x.classes) == null ? void 0 : i.header) == null ? void 0 : m.trigger)
+            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)
           },
-          contentInner: d("py-2 px-4", (h = x == null ? void 0 : x.classes) == null ? void 0 : h.contentInner)
+          contentInner: d("py-2 px-4", (m = x == null ? void 0 : x.classes) == null ? void 0 : m.contentInner)
         },
-        children: /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "mobile")
+        children: /* @__PURE__ */ t.jsx(z, { links: e, classes: o == null ? void 0 : o.linksList }, "mobile")
       }
     )
   ] });
-}, ht = ({ column: o, 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: o == null ? void 0 : o.map((r) => /* @__PURE__ */ t.jsx(mt, { ...e, ...r, classes: x == null ? void 0 : x.columnGroup }, r.groupLabel)) }), ft = j("grid gap-4 grid-cols-1", {
+}, 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", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -883,35 +884,38 @@ const G = j(
     variant: "fourCols"
   }
 }), It = ({
-  columns: o,
+  columns: n,
   variant: e,
   headline: x,
-  mobileAccordionProps: r,
-  rootAccordionProps: n,
+  mobileAccordionProps: o,
+  rootAccordionProps: r,
   classes: i
 }) => {
-  var m;
+  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(
     _,
     {
       defaultOpen: !0,
       label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-left", i == null ? void 0 : i.headline), children: x }),
-      ...n,
+      ...r,
       classes: {
-        ...n == null ? void 0 : n.classes,
-        content: d("max-w-full bg-color-blue-grey-100 relative", (m = n == null ? void 0 : n.classes) == null ? void 0 : m.content)
+        ...r == null ? void 0 : r.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)
+        },
+        content: d("max-w-full bg-color-blue-grey-100 relative", (f = r == null ? void 0 : r.classes) == null ? void 0 : f.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: d(ft({ variant: e }), i == null ? void 0 : i.columnsWrapper), children: o == null ? void 0 : o.map((h, f) => /* @__PURE__ */ t.jsx(ht, { ...h, ...r, classes: i == null ? void 0 : i.column }, f)) })
+      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)) })
     }
   ) }) });
 };
 export {
   H as Advantages,
   vt as AuthProvider,
-  wt as Banner,
+  gt as Banner,
   I as BannerWithSeparateImg,
   jt as Benefit,
-  gt as Footer,
+  wt as Footer,
   It as InterLinking,
   yt as LongBanner,
   bt as PageHeader,