@scbt-ecom/ui 0.30.0 → 0.30.2

package/dist/widget.js

@@ -1,4 +1,4 @@
-import { j as o, B as P, H as s, c as I, R as C, P as Pe, b as pt, I as j, C as U, S as ct, a as ht, L as mt, d as oe, A as Le } from "./CustomLink-CKaoTS8A.js";
+import { j as o, B as P, H as C, c as I, R as N, P as Pe, b as pt, I as j, C as U, S as ht, a as ct, L as mt, d as oe, A as Le } from "./CustomLink-BerIdUpJ.js";
 import { c as l } from "./cn-DIfn7EPB.js";
 import { s as xt } from "./scrollToElement-B-reg4jF.js";
 import { u as S } from "./useDevice-L83kSsN7.js";
@@ -27,7 +27,7 @@ const yt = I(
   intent: p,
   cardColor: u
 }) => {
-  const { isDesktop: c } = S(), d = /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
+  const { isDesktop: h } = S(), d = /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
     P,
     {
       intent: "primary",
@@ -40,16 +40,16 @@ const yt = I(
   return /* @__PURE__ */ o.jsxs(
     "li",
     {
-      className: l(yt({ intent: p }), { "pb-0": n }, { "pb-12": !n }, u, i == null ? void 0 : i.item),
+      className: l(yt({ intent: p }), { "pb-0": n }, { "pb-12": !n }, u, i == null ? void 0 : i.root),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.itemWrapper), children: [
-          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.itemTextContainer), children: [
-            /* @__PURE__ */ o.jsx(s, { as: "h4", className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.headingBenefitItem), children: t }),
-            /* @__PURE__ */ o.jsx("p", { className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.itemDescription), children: e })
+        /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
+          /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
+            /* @__PURE__ */ o.jsx(C, { as: "h4", className: l("desktop:desk-title-bold-s", i == null ? void 0 : i.title), children: t }),
+            /* @__PURE__ */ o.jsx("p", { className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.description), children: e })
           ] }),
-          a && c && d
+          a && h && d
         ] }),
-        (n || c) && r && /* @__PURE__ */ o.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgWrapper), children: /* @__PURE__ */ o.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: r, alt: t }) })
+        (n || h) && r && /* @__PURE__ */ o.jsx("div", { className: l("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: /* @__PURE__ */ o.jsx("img", { className: l("h-[246px] object-cover", i == null ? void 0 : i.img), src: r, alt: t }) })
       ]
     },
     r
@@ -62,9 +62,9 @@ const yt = I(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), nn = ({ heading: e, cards: t, classes: r, intent: n }) => /* @__PURE__ */ o.jsx("section", { className: l("pb-20", r == null ? void 0 : r.section), children: /* @__PURE__ */ o.jsxs(C, { children: [
-  /* @__PURE__ */ o.jsx(s, { className: "mb-8", as: "h2", children: e }),
-  /* @__PURE__ */ o.jsx("ul", { className: l(kt({ intent: n }), r == null ? void 0 : r.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(bt, { intent: n, classes: r, ...i }, i.img)) })
+}), nn = ({ heading: e, cards: t, classes: r, intent: n }) => /* @__PURE__ */ o.jsx("section", { className: l("pb-20", r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(N, { className: r == null ? void 0 : r.container, children: [
+  /* @__PURE__ */ o.jsx(C, { className: l("mb-8", r == null ? void 0 : r.heading), as: "h2", children: e }),
+  /* @__PURE__ */ o.jsx("ul", { className: l(kt({ intent: n }), r == null ? void 0 : r.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(bt, { intent: n, classes: r == null ? void 0 : r.item, ...i }, i.img)) })
 ] }) }), Et = (e) => {
   var t;
   switch (e.variant) {
@@ -77,7 +77,7 @@ const yt = I(
   }
 }, on = (e) => {
   const { logoPath: t = "/", logoType: r = "main", classes: n } = e;
-  return /* @__PURE__ */ o.jsx("header", { className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ o.jsx(C, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
+  return /* @__PURE__ */ o.jsx("header", { className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ o.jsx(N, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
     /* @__PURE__ */ o.jsx(
       "a",
       {
@@ -131,7 +131,7 @@ const yt = I(
   img: a,
   imgSets: f
 }) => {
-  const { isDesktop: p, isMobile: u } = S(), c = /* @__PURE__ */ o.jsx(
+  const { isDesktop: p, isMobile: u } = S(), h = /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -139,11 +139,11 @@ const yt = I(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         i == null ? void 0 : i.advantageContainer
       ),
-      children: n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { classes: i, advantagesList: n })
+      children: n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { classes: i == null ? void 0 : i.advantages, advantagesList: n })
     }
   );
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsxs("section", { "data-id": "banner-section", className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.section), children: [
+    /* @__PURE__ */ o.jsxs("section", { "data-id": "banner-section", className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root), children: [
       /* @__PURE__ */ o.jsx(
         "div",
         {
@@ -164,7 +164,7 @@ const yt = I(
           ] })
         }
       ),
-      /* @__PURE__ */ o.jsxs(C, { "data-id": "banner-container", className: l("h-full", i == null ? void 0 : i.container), children: [
+      /* @__PURE__ */ o.jsxs(N, { "data-id": "banner-container", className: l("h-full", i == null ? void 0 : i.container), children: [
         /* @__PURE__ */ o.jsx("div", { "data-id": "banner", className: l("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs(
           "div",
           {
@@ -172,7 +172,7 @@ const yt = I(
             className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock),
             children: [
               /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ o.jsx(s, { "data-id": "banner-title", as: "h1", className: l("text-color-white", i == null ? void 0 : i.title), children: e }),
+                /* @__PURE__ */ o.jsx(C, { "data-id": "banner-title", as: "h1", className: l("text-color-white", i == null ? void 0 : i.title), children: e }),
                 /* @__PURE__ */ o.jsx("p", { "data-id": "banner-subtitle", className: l("desk-body-regular-l text-color-white", i == null ? void 0 : i.subtitle), children: t })
               ] }),
               /* @__PURE__ */ o.jsx(
@@ -187,10 +187,10 @@ const yt = I(
             ]
           }
         ) }),
-        p && c
+        p && h
       ] })
     ] }),
-    u && c
+    u && h
   ] });
 }, ye = ({
   headTitle: e,
@@ -201,7 +201,7 @@ const yt = I(
   img: a,
   imgSets: f
 }) => {
-  const { isDesktop: p, isMobile: u } = S(), c = /* @__PURE__ */ o.jsx(
+  const { isDesktop: p, isMobile: u } = S(), h = /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -209,15 +209,15 @@ const yt = I(
         "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",
         i == null ? void 0 : i.advantageContainer
       ),
-      children: n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { classes: i, advantagesList: n })
+      children: n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { classes: i == null ? void 0 : i.advantages, advantagesList: n })
     }
   );
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx("section", { "data-id": "banner-section", className: l("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.section), children: /* @__PURE__ */ o.jsxs(C, { "data-id": "banner-container", className: l("relative", i == null ? void 0 : i.container), children: [
+    /* @__PURE__ */ o.jsx("section", { "data-id": "banner-section", className: l("bg-banner-skyblue-300 desktop:h-[456px]", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(N, { "data-id": "banner-container", className: l("relative", i == null ? void 0 : i.container), children: [
       /* @__PURE__ */ o.jsxs("div", { "data-id": "banner", className: l("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
         /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
           /* @__PURE__ */ o.jsxs("div", { "data-id": "banner-text-block", className: l("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
-            /* @__PURE__ */ o.jsx(s, { "data-id": "banner-title", as: "h1", className: l("text-color-dark", i == null ? void 0 : i.title), children: e }),
+            /* @__PURE__ */ o.jsx(C, { "data-id": "banner-title", as: "h1", className: l("text-color-dark", i == null ? void 0 : i.title), children: e }),
             /* @__PURE__ */ o.jsx("p", { "data-id": "banner-subtitle", className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle), children: t })
           ] }),
           /* @__PURE__ */ o.jsx(Be, { buttonsConfig: r, classes: i })
@@ -243,9 +243,9 @@ const yt = I(
           }
         )
       ] }),
-      p && c
+      p && h
     ] }) }),
-    u && c
+    u && h
   ] });
 }, an = ({ bannerVariant: e, ...t }) => {
   switch (e) {
@@ -261,18 +261,18 @@ const yt = I(
   {
     className: l(
       "flex w-full max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:max-w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
-      t == null ? void 0 : t.advantageWrapper
+      t == null ? void 0 : t.root
     ),
     children: e == null ? void 0 : e.map(({ title: r, description: n }) => /* @__PURE__ */ o.jsxs(
       "div",
       {
         className: l(
           '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',
-          t == null ? void 0 : t.advantageItem
+          t == null ? void 0 : t.item
         ),
         children: [
-          /* @__PURE__ */ o.jsx(s, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.advantageTitle), children: r }),
-          /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.advantageDescription), children: n })
+          /* @__PURE__ */ o.jsx(C, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: r }),
+          /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: n })
         ]
       },
       r
@@ -285,11 +285,11 @@ const yt = I(
 ] }), _t = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], st = [
+], Ct = [
   { iconName: "social/vk", href: "https://vk.com/sovcombank" },
   { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
   { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], Ct = [
+], Nt = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -366,7 +366,7 @@ const yt = I(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], Nt = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n }) => /* @__PURE__ */ o.jsx(
+], Tt = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
@@ -375,7 +375,7 @@ const yt = I(
     children: /* @__PURE__ */ o.jsx(j, { name: r, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
   n
-)) }), Tt = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
+)) }), Rt = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
   Pe,
   {
     phone: r,
@@ -387,7 +387,7 @@ const yt = I(
     }
   },
   r
-)) }), Rt = ({ navigationLinks: e, classes: t }) => /* @__PURE__ */ o.jsx(
+)) }), st = ({ navigationLinks: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: l(
@@ -436,13 +436,13 @@ const yt = I(
   }
 ), ln = ({
   renderBlocks: { withSocial: e = !0, withPhones: t = !0, withNavLinks: r = !0, withCopyright: n = !0, withSiteMap: i = !0 } = {},
-  socialsLinks: a = st,
+  socialsLinks: a = Ct,
   phones: f = _t,
-  navigationLinks: p = Ct,
+  navigationLinks: p = Nt,
   ligal: u,
-  copyright: c = jt,
+  copyright: h = jt,
   classes: d
-}) => /* @__PURE__ */ o.jsx("footer", { className: l("w-full bg-color-footer py-8 desktop:py-10", d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsx(C, { className: l(d == null ? void 0 : d.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: l("mobile:pb-[176px]", d == null ? void 0 : d.footerWrapper), children: [
+}) => /* @__PURE__ */ o.jsx("footer", { className: l("w-full bg-color-footer py-8 desktop:py-10", d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsx(N, { className: l(d == null ? void 0 : d.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: l("mobile:pb-[176px]", d == null ? void 0 : d.footerWrapper), children: [
   /* @__PURE__ */ o.jsxs(
     "div",
     {
@@ -453,13 +453,13 @@ const yt = I(
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: l(d == null ? void 0 : d.footerSocialBlock), children: [
           /* @__PURE__ */ o.jsx(Ot, { classes: d == null ? void 0 : d.footerLogo }),
-          e && /* @__PURE__ */ o.jsx(Nt, { socialsLinks: a, classes: d == null ? void 0 : d.socialLinks })
+          e && /* @__PURE__ */ o.jsx(Tt, { socialsLinks: a, classes: d == null ? void 0 : d.socialLinks })
         ] }),
-        t && /* @__PURE__ */ o.jsx(Tt, { phones: f, classes: d == null ? void 0 : d.phonesBlock })
+        t && /* @__PURE__ */ o.jsx(Rt, { phones: f, classes: d == null ? void 0 : d.phonesBlock })
       ]
     }
   ),
-  r && /* @__PURE__ */ o.jsx(Rt, { navigationLinks: p, classes: d == null ? void 0 : d.navLinks }),
+  r && /* @__PURE__ */ o.jsx(st, { navigationLinks: p, classes: d == null ? void 0 : d.navLinks }),
   u && u,
   /* @__PURE__ */ o.jsxs(
     "div",
@@ -469,7 +469,7 @@ const yt = I(
         d == null ? void 0 : d.footerBottom
       ),
       children: [
-        n && /* @__PURE__ */ o.jsx(It, { text: c, classes: d == null ? void 0 : d.copyright }),
+        n && /* @__PURE__ */ o.jsx(It, { text: h, classes: d == null ? void 0 : d.copyright }),
         i && /* @__PURE__ */ o.jsx(St, { classes: d == null ? void 0 : d.siteMap })
       ]
     }
@@ -487,7 +487,7 @@ var ze = {}, ae = {}, le = {}, O = {}, de = {}, ue = {};
   }
   e.isTag = r, e.Root = t.Root, e.Text = t.Text, e.Directive = t.Directive, e.Comment = t.Comment, e.Script = t.Script, e.Style = t.Style, e.Tag = t.Tag, e.CDATA = t.CDATA, e.Doctype = t.Doctype;
 })(ue);
-var x = {}, N = v && v.__extends || /* @__PURE__ */ function() {
+var x = {}, T = v && v.__extends || /* @__PURE__ */ function() {
   var e = function(t, r) {
     return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, i) {
       n.__proto__ = i;
@@ -567,10 +567,10 @@ var E = ue, fe = (
   }()
 );
 x.Node = fe;
-var W = (
+var X = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t(r) {
       var n = e.call(this) || this;
       return n.data = r, n;
@@ -591,11 +591,11 @@ var W = (
     }), t;
   }(fe)
 );
-x.DataNode = W;
+x.DataNode = X;
 var Ge = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.Text, r;
@@ -607,13 +607,13 @@ var Ge = (
       enumerable: !1,
       configurable: !0
     }), t;
-  }(W)
+  }(X)
 );
 x.Text = Ge;
 var Ve = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.Comment, r;
@@ -625,13 +625,13 @@ var Ve = (
       enumerable: !1,
       configurable: !0
     }), t;
-  }(W)
+  }(X)
 );
 x.Comment = Ve;
 var Ue = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t(r, n) {
       var i = e.call(this, n) || this;
       return i.name = r, i.type = E.ElementType.Directive, i;
@@ -643,13 +643,13 @@ var Ue = (
       enumerable: !1,
       configurable: !0
     }), t;
-  }(W)
+  }(X)
 );
 x.ProcessingInstruction = Ue;
-var X = (
+var W = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t(r) {
       var n = e.call(this) || this;
       return n.children = r, n;
@@ -686,11 +686,11 @@ var X = (
     }), t;
   }(fe)
 );
-x.NodeWithChildren = X;
-var We = (
+x.NodeWithChildren = W;
+var Xe = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.CDATA, r;
@@ -702,13 +702,13 @@ var We = (
       enumerable: !1,
       configurable: !0
     }), t;
-  }(X)
+  }(W)
 );
-x.CDATA = We;
-var Xe = (
+x.CDATA = Xe;
+var We = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.Root, r;
@@ -720,13 +720,13 @@ var Xe = (
       enumerable: !1,
       configurable: !0
     }), t;
-  }(X)
+  }(W)
 );
-x.Document = Xe;
+x.Document = We;
 var $e = (
   /** @class */
   function(e) {
-    N(t, e);
+    T(t, e);
     function t(r, n, i, a) {
       i === void 0 && (i = []), a === void 0 && (a = r === "script" ? E.ElementType.Script : r === "style" ? E.ElementType.Style : E.ElementType.Tag);
       var f = e.call(this, i) || this;
@@ -768,7 +768,7 @@ var $e = (
       enumerable: !1,
       configurable: !0
     }), t;
-  }(X)
+  }(W)
 );
 x.Element = $e;
 function qe(e) {
@@ -812,14 +812,14 @@ function pe(e, t) {
       return u.parent = i;
     }), e.namespace != null && (i.namespace = e.namespace), e["x-attribsNamespace"] && (i["x-attribsNamespace"] = M({}, e["x-attribsNamespace"])), e["x-attribsPrefix"] && (i["x-attribsPrefix"] = M({}, e["x-attribsPrefix"])), r = i;
   } else if (Ye(e)) {
-    var n = t ? J(e.children) : [], a = new We(n);
-    n.forEach(function(c) {
-      return c.parent = a;
+    var n = t ? J(e.children) : [], a = new Xe(n);
+    n.forEach(function(h) {
+      return h.parent = a;
     }), r = a;
   } else if (Qe(e)) {
-    var n = t ? J(e.children) : [], f = new Xe(n);
-    n.forEach(function(c) {
-      return c.parent = f;
+    var n = t ? J(e.children) : [], f = new We(n);
+    n.forEach(function(h) {
+      return h.parent = f;
     }), e["x-mode"] && (f["x-mode"] = e["x-mode"]), r = f;
   } else if (Je(e)) {
     var p = new Ue(e.name, e.data);
@@ -837,16 +837,16 @@ function J(e) {
   return t;
 }
 (function(e) {
-  var t = v && v.__createBinding || (Object.create ? function(p, u, c, d) {
-    d === void 0 && (d = c);
-    var m = Object.getOwnPropertyDescriptor(u, c);
+  var t = v && v.__createBinding || (Object.create ? function(p, u, h, d) {
+    d === void 0 && (d = h);
+    var m = Object.getOwnPropertyDescriptor(u, h);
     (!m || ("get" in m ? !u.__esModule : m.writable || m.configurable)) && (m = { enumerable: !0, get: function() {
-      return u[c];
+      return u[h];
     } }), Object.defineProperty(p, d, m);
-  } : function(p, u, c, d) {
-    d === void 0 && (d = c), p[d] = u[c];
+  } : function(p, u, h, d) {
+    d === void 0 && (d = h), p[d] = u[h];
   }), r = v && v.__exportStar || function(p, u) {
-    for (var c in p) c !== "default" && !Object.prototype.hasOwnProperty.call(u, c) && t(u, p, c);
+    for (var h in p) h !== "default" && !Object.prototype.hasOwnProperty.call(u, h) && t(u, p, h);
   };
   Object.defineProperty(e, "__esModule", { value: !0 }), e.DomHandler = void 0;
   var n = ue, i = x;
@@ -858,8 +858,8 @@ function J(e) {
   }, f = (
     /** @class */
     function() {
-      function p(u, c, d) {
-        this.dom = [], this.root = new i.Document(this.dom), this.done = !1, this.tagStack = [this.root], this.lastNode = null, this.parser = null, typeof c == "function" && (d = c, c = a), typeof u == "object" && (c = u, u = void 0), this.callback = u ?? null, this.options = c ?? a, this.elementCB = d ?? null;
+      function p(u, h, d) {
+        this.dom = [], this.root = new i.Document(this.dom), this.done = !1, this.tagStack = [this.root], this.lastNode = null, this.parser = null, typeof h == "function" && (d = h, h = a), typeof u == "object" && (h = u, u = void 0), this.callback = u ?? null, this.options = h ?? a, this.elementCB = d ?? null;
       }
       return p.prototype.onparserinit = function(u) {
         this.parser = u;
@@ -873,13 +873,13 @@ function J(e) {
         this.lastNode = null;
         var u = this.tagStack.pop();
         this.options.withEndIndices && (u.endIndex = this.parser.endIndex), this.elementCB && this.elementCB(u);
-      }, p.prototype.onopentag = function(u, c) {
-        var d = this.options.xmlMode ? n.ElementType.Tag : void 0, m = new i.Element(u, c, void 0, d);
+      }, p.prototype.onopentag = function(u, h) {
+        var d = this.options.xmlMode ? n.ElementType.Tag : void 0, m = new i.Element(u, h, void 0, d);
         this.addNode(m), this.tagStack.push(m);
       }, p.prototype.ontext = function(u) {
-        var c = this.lastNode;
-        if (c && c.type === n.ElementType.Text)
-          c.data += u, this.options.withEndIndices && (c.endIndex = this.parser.endIndex);
+        var h = this.lastNode;
+        if (h && h.type === n.ElementType.Text)
+          h.data += u, this.options.withEndIndices && (h.endIndex = this.parser.endIndex);
         else {
           var d = new i.Text(u);
           this.addNode(d), this.lastNode = d;
@@ -889,17 +889,17 @@ function J(e) {
           this.lastNode.data += u;
           return;
         }
-        var c = new i.Comment(u);
-        this.addNode(c), this.lastNode = c;
+        var h = new i.Comment(u);
+        this.addNode(h), this.lastNode = h;
       }, p.prototype.oncommentend = function() {
         this.lastNode = null;
       }, p.prototype.oncdatastart = function() {
-        var u = new i.Text(""), c = new i.CDATA([u]);
-        this.addNode(c), u.parent = c, this.lastNode = u;
+        var u = new i.Text(""), h = new i.CDATA([u]);
+        this.addNode(h), u.parent = h, this.lastNode = u;
       }, p.prototype.oncdataend = function() {
         this.lastNode = null;
-      }, p.prototype.onprocessinginstruction = function(u, c) {
-        var d = new i.ProcessingInstruction(u, c);
+      }, p.prototype.onprocessinginstruction = function(u, h) {
+        var d = new i.ProcessingInstruction(u, h);
         this.addNode(d);
       }, p.prototype.handleCallback = function(u) {
         if (typeof this.callback == "function")
@@ -907,8 +907,8 @@ function J(e) {
         else if (u)
           throw u;
       }, p.prototype.addNode = function(u) {
-        var c = this.tagStack[this.tagStack.length - 1], d = c.children[c.children.length - 1];
-        this.options.withStartIndices && (u.startIndex = this.parser.startIndex), this.options.withEndIndices && (u.endIndex = this.parser.endIndex), c.children.push(u), d && (u.prev = d, d.next = u), u.parent = c, this.lastNode = null;
+        var h = this.tagStack[this.tagStack.length - 1], d = h.children[h.children.length - 1];
+        this.options.withStartIndices && (u.startIndex = this.parser.startIndex), this.options.withEndIndices && (u.endIndex = this.parser.endIndex), h.children.push(u), d && (u.prev = d, d.next = u), u.parent = h, this.lastNode = null;
       }, p;
     }()
   );
@@ -1002,8 +1002,8 @@ function nt(e, t, r) {
       default:
         continue;
     }
-    var c = n[a - 1] || null;
-    c && (c.next = i), i.parent = t, i.prev = c, i.next = null, n.push(i);
+    var h = n[a - 1] || null;
+    h && (h.next = i), i.parent = t, i.prev = h, i.next = null, n.push(i);
   }
   return r && (i = new B.ProcessingInstruction(r.substring(0, r.indexOf(" ")).toLowerCase(), r), i.next = n[0] || null, i.parent = t, n.unshift(i), n[1] && (n[1].prev = n[0])), n;
 }
@@ -1069,14 +1069,14 @@ var Gt = v && v.__importDefault || function(e) {
   return e && e.__esModule ? e : { default: e };
 };
 Object.defineProperty(ae, "__esModule", { value: !0 });
-ae.default = Xt;
-var Vt = Gt(le), Ut = O, Wt = /<(![a-zA-Z\s]+)>/;
-function Xt(e) {
+ae.default = Wt;
+var Vt = Gt(le), Ut = O, Xt = /<(![a-zA-Z\s]+)>/;
+function Wt(e) {
   if (typeof e != "string")
     throw new TypeError("First argument must be a string");
   if (!e)
     return [];
-  var t = e.match(Wt), r = t ? t[1] : void 0;
+  var t = e.match(Xt), r = t ? t[1] : void 0;
   return (0, Ut.formatDOM)((0, Vt.default)(e), null, r);
 }
 var $ = {}, w = {}, q = {}, $t = 0;
@@ -1568,12 +1568,12 @@ q.possibleStandardNames = {
   z: 0,
   zoomAndPan: 1
 };
-const it = 0, T = 1, Y = 2, Z = 3, ce = 4, ot = 5, at = 6;
+const it = 0, R = 1, Y = 2, Z = 3, he = 4, ot = 5, at = 6;
 function Yt(e) {
   return y.hasOwnProperty(e) ? y[e] : null;
 }
 function b(e, t, r, n, i, a, f) {
-  this.acceptsBooleans = t === Y || t === Z || t === ce, this.attributeName = n, this.attributeNamespace = i, this.mustUseProperty = r, this.propertyName = e, this.type = t, this.sanitizeURL = a, this.removeEmptyString = f;
+  this.acceptsBooleans = t === Y || t === Z || t === he, this.attributeName = n, this.attributeNamespace = i, this.mustUseProperty = r, this.propertyName = e, this.type = t, this.sanitizeURL = a, this.removeEmptyString = f;
 }
 const y = {}, Zt = [
   "children",
@@ -1612,7 +1612,7 @@ Zt.forEach((e) => {
 ].forEach(([e, t]) => {
   y[e] = new b(
     e,
-    T,
+    R,
     !1,
     // mustUseProperty
     t,
@@ -1740,7 +1740,7 @@ Zt.forEach((e) => {
 ].forEach((e) => {
   y[e] = new b(
     e,
-    ce,
+    he,
     !1,
     // mustUseProperty
     e,
@@ -1793,7 +1793,7 @@ Zt.forEach((e) => {
     // removeEmptyString
   );
 });
-const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
+const ce = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
 [
   "accent-height",
   "alignment-baseline",
@@ -1872,10 +1872,10 @@ const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
   // you'll need to set attributeName to name.toLowerCase()
   // instead in the assignment below.
 ].forEach((e) => {
-  const t = e.replace(he, me);
+  const t = e.replace(ce, me);
   y[t] = new b(
     t,
-    T,
+    R,
     !1,
     // mustUseProperty
     e,
@@ -1898,10 +1898,10 @@ const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
   // you'll need to set attributeName to name.toLowerCase()
   // instead in the assignment below.
 ].forEach((e) => {
-  const t = e.replace(he, me);
+  const t = e.replace(ce, me);
   y[t] = new b(
     t,
-    T,
+    R,
     !1,
     // mustUseProperty
     e,
@@ -1920,10 +1920,10 @@ const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
   // you'll need to set attributeName to name.toLowerCase()
   // instead in the assignment below.
 ].forEach((e) => {
-  const t = e.replace(he, me);
+  const t = e.replace(ce, me);
   y[t] = new b(
     t,
-    T,
+    R,
     !1,
     // mustUseProperty
     e,
@@ -1937,7 +1937,7 @@ const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
 ["tabIndex", "crossOrigin"].forEach((e) => {
   y[e] = new b(
     e,
-    T,
+    R,
     !1,
     // mustUseProperty
     e.toLowerCase(),
@@ -1953,7 +1953,7 @@ const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
 const Kt = "xlinkHref";
 y[Kt] = new b(
   "xlinkHref",
-  T,
+  R,
   !1,
   // mustUseProperty
   "xlink:href",
@@ -1966,7 +1966,7 @@ y[Kt] = new b(
 ["src", "href", "action", "formAction"].forEach((e) => {
   y[e] = new b(
     e,
-    T,
+    R,
     !1,
     // mustUseProperty
     e.toLowerCase(),
@@ -1995,30 +1995,30 @@ const {
 w.BOOLEAN = Z;
 w.BOOLEANISH_STRING = Y;
 w.NUMERIC = ot;
-w.OVERLOADED_BOOLEAN = ce;
+w.OVERLOADED_BOOLEAN = he;
 w.POSITIVE_NUMERIC = at;
 w.RESERVED = it;
-w.STRING = T;
+w.STRING = R;
 w.getPropertyInfo = Yt;
 w.isCustomAttribute = rr;
 w.possibleStandardNames = nr;
-var xe = {}, ge = {}, se = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /^\s*/, ar = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/, lr = /^:\s*/, dr = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/, ur = /^[;\s]*/, fr = /^\s+|\s+$/g, pr = `
-`, Ce = "/", Ne = "*", R = "", cr = "comment", hr = "declaration", mr = function(e, t) {
+var xe = {}, ge = {}, Ce = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /^\s*/, ar = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/, lr = /^:\s*/, dr = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/, ur = /^[;\s]*/, fr = /^\s+|\s+$/g, pr = `
+`, Ne = "/", Te = "*", s = "", hr = "comment", cr = "declaration", mr = function(e, t) {
   if (typeof e != "string")
     throw new TypeError("First argument must be a string");
   if (!e) return [];
   t = t || {};
   var r = 1, n = 1;
   function i(g) {
-    var h = g.match(ir);
-    h && (r += h.length);
+    var c = g.match(ir);
+    c && (r += c.length);
     var k = g.lastIndexOf(pr);
     n = ~k ? g.length - k : n + g.length;
   }
   function a() {
     var g = { line: r, column: n };
-    return function(h) {
-      return h.position = new f(g), c(), h;
+    return function(c) {
+      return c.position = new f(g), h(), c;
     };
   }
   function f(g) {
@@ -2026,49 +2026,49 @@ var xe = {}, ge = {}, se = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /
   }
   f.prototype.content = e;
   function p(g) {
-    var h = new Error(
+    var c = new Error(
       t.source + ":" + r + ":" + n + ": " + g
     );
-    if (h.reason = g, h.filename = t.source, h.line = r, h.column = n, h.source = e, !t.silent) throw h;
+    if (c.reason = g, c.filename = t.source, c.line = r, c.column = n, c.source = e, !t.silent) throw c;
   }
   function u(g) {
-    var h = g.exec(e);
-    if (h) {
-      var k = h[0];
-      return i(k), e = e.slice(k.length), h;
+    var c = g.exec(e);
+    if (c) {
+      var k = c[0];
+      return i(k), e = e.slice(k.length), c;
     }
   }
-  function c() {
+  function h() {
     u(or);
   }
   function d(g) {
-    var h;
-    for (g = g || []; h = m(); )
-      h !== !1 && g.push(h);
+    var c;
+    for (g = g || []; c = m(); )
+      c !== !1 && g.push(c);
     return g;
   }
   function m() {
     var g = a();
-    if (!(Ce != e.charAt(0) || Ne != e.charAt(1))) {
-      for (var h = 2; R != e.charAt(h) && (Ne != e.charAt(h) || Ce != e.charAt(h + 1)); )
-        ++h;
-      if (h += 2, R === e.charAt(h - 1))
+    if (!(Ne != e.charAt(0) || Te != e.charAt(1))) {
+      for (var c = 2; s != e.charAt(c) && (Te != e.charAt(c) || Ne != e.charAt(c + 1)); )
+        ++c;
+      if (c += 2, s === e.charAt(c - 1))
         return p("End of comment missing");
-      var k = e.slice(2, h - 2);
-      return n += 2, i(k), e = e.slice(h), n += 2, g({
-        type: cr,
+      var k = e.slice(2, c - 2);
+      return n += 2, i(k), e = e.slice(c), n += 2, g({
+        type: hr,
         comment: k
       });
     }
   }
   function _() {
-    var g = a(), h = u(ar);
-    if (h) {
+    var g = a(), c = u(ar);
+    if (c) {
       if (m(), !u(lr)) return p("property missing ':'");
       var k = u(dr), ft = g({
-        type: hr,
-        property: Te(h[0].replace(se, R)),
-        value: k ? Te(k[0].replace(se, R)) : R
+        type: cr,
+        property: Re(c[0].replace(Ce, s)),
+        value: k ? Re(k[0].replace(Ce, s)) : s
       });
       return u(ur), ft;
     }
@@ -2076,14 +2076,14 @@ var xe = {}, ge = {}, se = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /
   function H() {
     var g = [];
     d(g);
-    for (var h; h = _(); )
-      h !== !1 && (g.push(h), d(g));
+    for (var c; c = _(); )
+      c !== !1 && (g.push(c), d(g));
     return g;
   }
-  return c(), H();
+  return h(), H();
 };
-function Te(e) {
-  return e ? e.replace(fr, R) : R;
+function Re(e) {
+  return e ? e.replace(fr, s) : s;
 }
 var xr = v && v.__importDefault || function(e) {
   return e && e.__esModule ? e : { default: e };
@@ -2110,29 +2110,29 @@ var yr = /^--[a-zA-Z0-9_-]+$/, br = /-([a-z])/g, kr = /^[^-]+$/, Er = /^-(webkit
   return !e || kr.test(e) || yr.test(e);
 }, _r = function(e, t) {
   return t.toUpperCase();
-}, Re = function(e, t) {
+}, se = function(e, t) {
   return "".concat(t, "-");
-}, sr = function(e, t) {
-  return t === void 0 && (t = {}), jr(e) ? e : (e = e.toLowerCase(), t.reactCompat ? e = e.replace(wr, Re) : e = e.replace(Er, Re), e.replace(br, _r));
+}, Cr = function(e, t) {
+  return t === void 0 && (t = {}), jr(e) ? e : (e = e.toLowerCase(), t.reactCompat ? e = e.replace(wr, se) : e = e.replace(Er, se), e.replace(br, _r));
 };
-K.camelCase = sr;
-var Cr = v && v.__importDefault || function(e) {
+K.camelCase = Cr;
+var Nr = v && v.__importDefault || function(e) {
   return e && e.__esModule ? e : { default: e };
-}, Nr = Cr(ge), Tr = K;
+}, Tr = Nr(ge), Rr = K;
 function ie(e, t) {
   var r = {};
-  return !e || typeof e != "string" || (0, Nr.default)(e, function(n, i) {
-    n && i && (r[(0, Tr.camelCase)(n, t)] = i);
+  return !e || typeof e != "string" || (0, Tr.default)(e, function(n, i) {
+    n && i && (r[(0, Rr.camelCase)(n, t)] = i);
   }), r;
 }
 ie.default = ie;
-var Rr = ie;
+var sr = ie;
 (function(e) {
   var t = v && v.__importDefault || function(d) {
     return d && d.__esModule ? d : { default: d };
   };
   Object.defineProperty(e, "__esModule", { value: !0 }), e.returnFirstArg = e.canTextBeChildOfNode = e.ELEMENTS_WITH_NO_TEXT_CHILDREN = e.PRESERVE_CUSTOM_ATTRIBUTES = void 0, e.isCustomComponent = a, e.setStyleProp = p;
-  var r = He, n = t(Rr), i = /* @__PURE__ */ new Set([
+  var r = He, n = t(sr), i = /* @__PURE__ */ new Set([
     "annotation-xml",
     "color-profile",
     "font-face",
@@ -2176,10 +2176,10 @@ var Rr = ie;
     return !e.ELEMENTS_WITH_NO_TEXT_CHILDREN.has(d.name);
   };
   e.canTextBeChildOfNode = u;
-  var c = function(d) {
+  var h = function(d) {
     return d;
   };
-  e.returnFirstArg = c;
+  e.returnFirstArg = h;
 })(xe);
 Object.defineProperty($, "__esModule", { value: !0 });
 $.default = Ar;
@@ -2228,12 +2228,12 @@ var Q = He, Dr = Mr($), D = xe, Pr = {
 };
 function lt(e, t) {
   t === void 0 && (t = {});
-  for (var r = [], n = typeof t.replace == "function", i = t.transform || D.returnFirstArg, a = t.library || Pr, f = a.cloneElement, p = a.createElement, u = a.isValidElement, c = e.length, d = 0; d < c; d++) {
+  for (var r = [], n = typeof t.replace == "function", i = t.transform || D.returnFirstArg, a = t.library || Pr, f = a.cloneElement, p = a.createElement, u = a.isValidElement, h = e.length, d = 0; d < h; d++) {
     var m = e[d];
     if (n) {
       var _ = t.replace(m, d);
       if (u(_)) {
-        c > 1 && (_ = f(_, {
+        h > 1 && (_ = f(_, {
           key: _.key || d
         })), r.push(i(_, m, d));
         continue;
@@ -2246,24 +2246,24 @@ function lt(e, t) {
       r.push(i(m.data, m, d));
       continue;
     }
-    var g = m, h = {};
-    Lr(g) ? ((0, D.setStyleProp)(g.attribs.style, g.attribs), h = g.attribs) : g.attribs && (h = (0, Dr.default)(g.attribs, g.name));
+    var g = m, c = {};
+    Lr(g) ? ((0, D.setStyleProp)(g.attribs.style, g.attribs), c = g.attribs) : g.attribs && (c = (0, Dr.default)(g.attribs, g.name));
     var k = void 0;
     switch (m.type) {
       case "script":
       case "style":
-        m.children[0] && (h.dangerouslySetInnerHTML = {
+        m.children[0] && (c.dangerouslySetInnerHTML = {
           __html: m.children[0].data
         });
         break;
       case "tag":
-        m.name === "textarea" && m.children[0] ? h.defaultValue = m.children[0].data : m.children && m.children.length && (k = lt(m.children, t));
+        m.name === "textarea" && m.children[0] ? c.defaultValue = m.children[0].data : m.children && m.children.length && (k = lt(m.children, t));
         break;
       // skip all other cases (e.g., comment)
       default:
         continue;
     }
-    c > 1 && (h.key = d), r.push(i(p(m.name, h, k), m, d));
+    h > 1 && (c.key = d), r.push(i(p(m.name, c, k), m, d));
   }
   return r.length === 1 ? r[0] : r;
 }
@@ -2292,10 +2292,10 @@ function Lr(e) {
     return a.Text;
   } });
   var f = { lowerCaseAttributeNames: !1 };
-  function p(u, c) {
+  function p(u, h) {
     if (typeof u != "string")
       throw new TypeError("First argument must be a string");
-    return u ? (0, i.default)((0, r.default)(u, (c == null ? void 0 : c.htmlparser2) || f), c) : [];
+    return u ? (0, i.default)((0, r.default)(u, (h == null ? void 0 : h.htmlparser2) || f), h) : [];
   }
 })(ze);
 const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, index: t, variant: r, title: n, description: i }) => {
@@ -2319,14 +2319,14 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
           }
         ),
         /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2"), children: [
-          a && /* @__PURE__ */ o.jsx(s, { as: "h4", className: l("text-color-dark", e == null ? void 0 : e.title), children: n }),
+          a && /* @__PURE__ */ o.jsx(C, { as: "h4", className: l("text-color-dark", e == null ? void 0 : e.title), children: n }),
           /* @__PURE__ */ o.jsx("div", { className: l("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: Hr(i) })
         ] })
       ]
     }
   );
-}, dn = ({ headline: e, variant: t, stepsList: r, classes: n }) => /* @__PURE__ */ o.jsx(ct, { className: n == null ? void 0 : n.root, children: /* @__PURE__ */ o.jsx(C, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ o.jsx(s, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: e }),
+}, dn = ({ headline: e, variant: t, stepsList: r, classes: n }) => /* @__PURE__ */ o.jsx(ht, { className: n == null ? void 0 : n.root, children: /* @__PURE__ */ o.jsx(N, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ o.jsx(C, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: e }),
   /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -2426,11 +2426,11 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
   return /* @__PURE__ */ o.jsx("li", { className: l(Gr({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
     /* @__PURE__ */ o.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
       /* @__PURE__ */ o.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: r }),
-      i && /* @__PURE__ */ o.jsx(ht, { triggerElement: /* @__PURE__ */ o.jsx(j, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i })
+      i && /* @__PURE__ */ o.jsx(ct, { triggerElement: /* @__PURE__ */ o.jsx(j, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i })
     ] }),
     /* @__PURE__ */ o.jsx("p", { className: l("mob-body-regular-l text-color-secondary"), children: n })
   ] }) });
-}, ee = ({ intent: e, title: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: l(Fr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), Wr = ({ textContent: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: l(zr({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(Ur, { intent: t, data: n }, i)) }), un = ({
+}, ee = ({ intent: e, title: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: l(Fr({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), Xr = ({ textContent: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: l(zr({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(Ur, { intent: t, data: n }, i)) }), un = ({
   title: e,
   buttonConfig: t,
   intent: r = "twoItems",
@@ -2439,7 +2439,7 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
   classes: a
 }) => {
   const f = !!t, p = r === "fourItems", u = r === "twoItems";
-  return /* @__PURE__ */ o.jsx("section", { className: l(a == null ? void 0 : a.section), children: /* @__PURE__ */ o.jsxs(C, { className: l(a == null ? void 0 : a.mainContainer), children: [
+  return /* @__PURE__ */ o.jsx("section", { className: l(a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsxs(N, { className: l(a == null ? void 0 : a.container), children: [
     u && /* @__PURE__ */ o.jsx(ee, { intent: r, title: e }),
     /* @__PURE__ */ o.jsxs(
       "div",
@@ -2457,7 +2457,7 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
               className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
                 p && /* @__PURE__ */ o.jsx(ee, { intent: r, title: e, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(Wr, { textContent: n, intent: r, withButton: f }),
+                /* @__PURE__ */ o.jsx(Xr, { textContent: n, intent: r, withButton: f }),
                 f && /* @__PURE__ */ o.jsx(
                   P,
                   {
@@ -2501,7 +2501,7 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
       }
     )
   }
-), Xr = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+), Wr = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ o.jsx(
     "path",
     {
@@ -2593,7 +2593,7 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
       ),
       children: [
         /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
-          /* @__PURE__ */ o.jsx(Xr, { className: l("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
+          /* @__PURE__ */ o.jsx(Wr, { className: l("size-7 desktop:size-8", a == null ? void 0 : a.esiaLogo) }),
           /* @__PURE__ */ o.jsx(ut, { mainLink: e, subLink: t, isMobile: f, classes: a == null ? void 0 : a.links }),
           /* @__PURE__ */ o.jsx(j, { name: "arrows/arrowRight", className: l("mobile:hidden", a == null ? void 0 : a.arrowIcon) })
         ] }),
@@ -2662,7 +2662,7 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
   },
   r
 )) }), qr = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
-  var a, f;
+  var a, f, p;
   const { isMobile: i } = S();
   return /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -2678,8 +2678,10 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
         ...r,
         classes: {
           ...r == null ? void 0 : r.classes,
-          trigger: l("p-0", (a = r == null ? void 0 : r.classes) == null ? void 0 : a.trigger),
-          contentInner: l("py-2 px-4", (f = r == null ? void 0 : r.classes) == null ? void 0 : f.contentInner)
+          header: {
+            trigger: l("p-0", (f = (a = r == null ? void 0 : r.classes) == null ? void 0 : a.header) == null ? void 0 : f.trigger)
+          },
+          contentInner: l("py-2 px-4", (p = r == null ? void 0 : r.classes) == null ? void 0 : p.contentInner)
         },
         children: /* @__PURE__ */ o.jsx(De, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
@@ -2698,11 +2700,11 @@ const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, in
   }
 }), pn = ({ data: e, mobileAccordionProps: t, rootAccordionProps: r, classes: n }) => {
   var i, a;
-  return /* @__PURE__ */ o.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsx(C, { children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsx(N, { children: /* @__PURE__ */ o.jsx(
     Le,
     {
       defaultOpen: !0,
-      label: /* @__PURE__ */ o.jsx(s, { as: "h4", className: l("text-left", n == null ? void 0 : n.heading), children: e == null ? void 0 : e.heading }),
+      label: /* @__PURE__ */ o.jsx(C, { as: "h4", className: l("text-left", n == null ? void 0 : n.heading), children: e == null ? void 0 : e.heading }),
       ...r,
       classes: {
         ...r == null ? void 0 : r.classes,