@scbt-ecom/ui 0.33.1 → 0.34.0

package/dist/widget.js

@@ -1,4 +1,4 @@
-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-fcD_1hIU.js";
+import { j as o, B as P, H as N, c as I, R as T, 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-fcD_1hIU.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";
@@ -44,7 +44,7 @@ const yt = I(
       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.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(N, { 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 && h && d
@@ -62,8 +62,8 @@ 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.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 }),
+}), 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(T, { className: r == null ? void 0 : r.container, children: [
+  /* @__PURE__ */ o.jsx(N, { 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;
@@ -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(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: [
+  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(T, { 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",
       {
@@ -126,11 +126,12 @@ const yt = I(
   headTitle: e,
   subtitle: t,
   buttonsConfig: r,
-  advantagesList: n,
+  advantagesConfig: n,
   classes: i,
   img: a,
   imgSets: f
 }) => {
+  var d;
   const { isDesktop: p, isMobile: u } = S(), h = /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -139,7 +140,7 @@ 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 == null ? void 0 : i.advantages, advantagesList: n })
+      children: (n == null ? void 0 : n.advantagesList) && ((d = n == null ? void 0 : n.advantagesList) == null ? void 0 : d.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { ...n })
     }
   );
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -164,7 +165,7 @@ const yt = I(
           ] })
         }
       ),
-      /* @__PURE__ */ o.jsxs(N, { "data-id": "banner-container", className: l("h-full", i == null ? void 0 : i.container), children: [
+      /* @__PURE__ */ o.jsxs(T, { "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 +173,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(C, { "data-id": "banner-title", as: "h1", className: l("text-color-white", i == null ? void 0 : i.title), children: e }),
+                /* @__PURE__ */ o.jsx(N, { "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(
@@ -196,11 +197,12 @@ const yt = I(
   headTitle: e,
   subtitle: t,
   buttonsConfig: r,
-  advantagesList: n,
+  advantagesConfig: n,
   classes: i,
   img: a,
   imgSets: f
 }) => {
+  var d;
   const { isDesktop: p, isMobile: u } = S(), h = /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -209,15 +211,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 == null ? void 0 : i.advantages, advantagesList: n })
+      children: (n == null ? void 0 : n.advantagesList) && ((d = n == null ? void 0 : n.advantagesList) == null ? void 0 : d.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { ...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.root), children: /* @__PURE__ */ o.jsxs(N, { "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(T, { "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(C, { "data-id": "banner-title", as: "h1", className: l("text-color-dark", i == null ? void 0 : i.title), children: e }),
+            /* @__PURE__ */ o.jsx(N, { "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 })
@@ -256,26 +258,28 @@ const yt = I(
     default:
       return /* @__PURE__ */ o.jsx(ye, { ...t });
   }
-}, Fe = ({ advantagesList: e, classes: t }) => /* @__PURE__ */ o.jsx(
+}, Fe = ({ variant: e, advantagesList: t, classes: r }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     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.root
+      "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]": e === "threeCards" },
+      { "desktop:max-w-[1140px]": e === "fourCards" },
+      r == null ? void 0 : r.root
     ),
-    children: e == null ? void 0 : e.map(({ title: r, description: n }) => /* @__PURE__ */ o.jsxs(
+    children: t == null ? void 0 : t.map(({ title: n, description: i }) => /* @__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.item
+          r == null ? void 0 : r.item
         ),
         children: [
-          /* @__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 })
+          /* @__PURE__ */ o.jsx(N, { as: "h4", className: l("text-color-dark", r == null ? void 0 : r.title), children: n }),
+          /* @__PURE__ */ o.jsx("p", { className: l("desk-body-regular-l text-color-secondary", r == null ? void 0 : r.description), children: i })
         ]
       },
-      r
+      n
     ))
   }
 ), jt = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -285,11 +289,11 @@ const yt = I(
 ] }), _t = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], Ct = [
+], Nt = [
   { iconName: "social/vk", href: "https://vk.com/sovcombank" },
   { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
   { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], Nt = [
+], Tt = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -366,7 +370,7 @@ const yt = I(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], 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(
+], st = ({ 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 +379,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
-)) }), 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(
+)) }), Ct = ({ 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 +391,7 @@ const yt = I(
     }
   },
   r
-)) }), st = ({ navigationLinks: e, classes: t }) => /* @__PURE__ */ o.jsx(
+)) }), Rt = ({ navigationLinks: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     className: l(
@@ -436,13 +440,13 @@ const yt = I(
   }
 ), ln = ({
   renderBlocks: { withSocial: e = !0, withPhones: t = !0, withNavLinks: r = !0, withCopyright: n = !0, withSiteMap: i = !0 } = {},
-  socialsLinks: a = Ct,
+  socialsLinks: a = Nt,
   phones: f = _t,
-  navigationLinks: p = Nt,
+  navigationLinks: p = Tt,
   ligal: u,
   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(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.jsx("footer", { className: l("w-full bg-color-footer py-8 desktop:py-10", d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsx(T, { 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 +457,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(Tt, { socialsLinks: a, classes: d == null ? void 0 : d.socialLinks })
+          e && /* @__PURE__ */ o.jsx(st, { socialsLinks: a, classes: d == null ? void 0 : d.socialLinks })
         ] }),
-        t && /* @__PURE__ */ o.jsx(Rt, { phones: f, classes: d == null ? void 0 : d.phonesBlock })
+        t && /* @__PURE__ */ o.jsx(Ct, { phones: f, classes: d == null ? void 0 : d.phonesBlock })
       ]
     }
   ),
-  r && /* @__PURE__ */ o.jsx(st, { navigationLinks: p, classes: d == null ? void 0 : d.navLinks }),
+  r && /* @__PURE__ */ o.jsx(Rt, { navigationLinks: p, classes: d == null ? void 0 : d.navLinks }),
   u && u,
   /* @__PURE__ */ o.jsxs(
     "div",
@@ -487,7 +491,7 @@ var Ge = {}, 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 = {}, T = v && v.__extends || /* @__PURE__ */ function() {
+var x = {}, s = v && v.__extends || /* @__PURE__ */ function() {
   var e = function(t, r) {
     return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, i) {
       n.__proto__ = i;
@@ -570,7 +574,7 @@ x.Node = fe;
 var X = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t(r) {
       var n = e.call(this) || this;
       return n.data = r, n;
@@ -595,7 +599,7 @@ x.DataNode = X;
 var ze = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.Text, r;
@@ -613,7 +617,7 @@ x.Text = ze;
 var Ve = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.Comment, r;
@@ -631,7 +635,7 @@ x.Comment = Ve;
 var Ue = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t(r, n) {
       var i = e.call(this, n) || this;
       return i.name = r, i.type = E.ElementType.Directive, i;
@@ -649,7 +653,7 @@ x.ProcessingInstruction = Ue;
 var W = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t(r) {
       var n = e.call(this) || this;
       return n.children = r, n;
@@ -690,7 +694,7 @@ x.NodeWithChildren = W;
 var Xe = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.CDATA, r;
@@ -708,7 +712,7 @@ x.CDATA = Xe;
 var We = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(t, e);
     function t() {
       var r = e !== null && e.apply(this, arguments) || this;
       return r.type = E.ElementType.Root, r;
@@ -726,7 +730,7 @@ x.Document = We;
 var $e = (
   /** @class */
   function(e) {
-    T(t, e);
+    s(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;
@@ -1568,7 +1572,7 @@ q.possibleStandardNames = {
   z: 0,
   zoomAndPan: 1
 };
-const it = 0, R = 1, Y = 2, Z = 3, he = 4, ot = 5, at = 6;
+const it = 0, C = 1, Y = 2, Z = 3, he = 4, ot = 5, at = 6;
 function Yt(e) {
   return y.hasOwnProperty(e) ? y[e] : null;
 }
@@ -1612,7 +1616,7 @@ Zt.forEach((e) => {
 ].forEach(([e, t]) => {
   y[e] = new b(
     e,
-    R,
+    C,
     !1,
     // mustUseProperty
     t,
@@ -1875,7 +1879,7 @@ const ce = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
   const t = e.replace(ce, me);
   y[t] = new b(
     t,
-    R,
+    C,
     !1,
     // mustUseProperty
     e,
@@ -1901,7 +1905,7 @@ const ce = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
   const t = e.replace(ce, me);
   y[t] = new b(
     t,
-    R,
+    C,
     !1,
     // mustUseProperty
     e,
@@ -1923,7 +1927,7 @@ const ce = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
   const t = e.replace(ce, me);
   y[t] = new b(
     t,
-    R,
+    C,
     !1,
     // mustUseProperty
     e,
@@ -1937,7 +1941,7 @@ const ce = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
 ["tabIndex", "crossOrigin"].forEach((e) => {
   y[e] = new b(
     e,
-    R,
+    C,
     !1,
     // mustUseProperty
     e.toLowerCase(),
@@ -1953,7 +1957,7 @@ const ce = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
 const Kt = "xlinkHref";
 y[Kt] = new b(
   "xlinkHref",
-  R,
+  C,
   !1,
   // mustUseProperty
   "xlink:href",
@@ -1966,7 +1970,7 @@ y[Kt] = new b(
 ["src", "href", "action", "formAction"].forEach((e) => {
   y[e] = new b(
     e,
-    R,
+    C,
     !1,
     // mustUseProperty
     e.toLowerCase(),
@@ -1998,12 +2002,12 @@ w.NUMERIC = ot;
 w.OVERLOADED_BOOLEAN = he;
 w.POSITIVE_NUMERIC = at;
 w.RESERVED = it;
-w.STRING = R;
+w.STRING = C;
 w.getPropertyInfo = Yt;
 w.isCustomAttribute = rr;
 w.possibleStandardNames = nr;
-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) {
+var xe = {}, ge = {}, Ne = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /^\s*/, ar = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/, lr = /^:\s*/, dr = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/, ur = /^[;\s]*/, fr = /^\s+|\s+$/g, pr = `
+`, Te = "/", se = "*", R = "", hr = "comment", cr = "declaration", mr = function(e, t) {
   if (typeof e != "string")
     throw new TypeError("First argument must be a string");
   if (!e) return [];
@@ -2049,10 +2053,10 @@ var xe = {}, ge = {}, Ce = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /
   }
   function m() {
     var g = a();
-    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)); )
+    if (!(Te != e.charAt(0) || se != e.charAt(1))) {
+      for (var c = 2; R != e.charAt(c) && (se != e.charAt(c) || Te != e.charAt(c + 1)); )
         ++c;
-      if (c += 2, s === e.charAt(c - 1))
+      if (c += 2, R === e.charAt(c - 1))
         return p("End of comment missing");
       var k = e.slice(2, c - 2);
       return n += 2, i(k), e = e.slice(c), n += 2, g({
@@ -2067,8 +2071,8 @@ var xe = {}, ge = {}, Ce = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /
       if (m(), !u(lr)) return p("property missing ':'");
       var k = u(dr), ft = g({
         type: cr,
-        property: Re(c[0].replace(Ce, s)),
-        value: k ? Re(k[0].replace(Ce, s)) : s
+        property: Ce(c[0].replace(Ne, R)),
+        value: k ? Ce(k[0].replace(Ne, R)) : R
       });
       return u(ur), ft;
     }
@@ -2082,8 +2086,8 @@ var xe = {}, ge = {}, Ce = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ir = /\n/g, or = /
   }
   return h(), H();
 };
-function Re(e) {
-  return e ? e.replace(fr, s) : s;
+function Ce(e) {
+  return e ? e.replace(fr, R) : R;
 }
 var xr = v && v.__importDefault || function(e) {
   return e && e.__esModule ? e : { default: e };
@@ -2110,29 +2114,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();
-}, se = function(e, t) {
+}, Re = function(e, t) {
   return "".concat(t, "-");
-}, 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));
+}, Nr = 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));
 };
-K.camelCase = Cr;
-var Nr = v && v.__importDefault || function(e) {
+K.camelCase = Nr;
+var Tr = v && v.__importDefault || function(e) {
   return e && e.__esModule ? e : { default: e };
-}, Tr = Nr(ge), Rr = K;
+}, sr = Tr(ge), Cr = K;
 function ie(e, t) {
   var r = {};
-  return !e || typeof e != "string" || (0, Tr.default)(e, function(n, i) {
-    n && i && (r[(0, Rr.camelCase)(n, t)] = i);
+  return !e || typeof e != "string" || (0, sr.default)(e, function(n, i) {
+    n && i && (r[(0, Cr.camelCase)(n, t)] = i);
   }), r;
 }
 ie.default = ie;
-var sr = ie;
+var Rr = 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(sr), i = /* @__PURE__ */ new Set([
+  var r = He, n = t(Rr), i = /* @__PURE__ */ new Set([
     "annotation-xml",
     "color-profile",
     "font-face",
@@ -2319,14 +2323,14 @@ const Se = /* @__PURE__ */ gt(Ge), Hr = Se.default || Se, Br = ({ classes: e, in
           }
         ),
         /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-2"), children: [
-          a && /* @__PURE__ */ o.jsx(C, { as: "h4", className: l("text-color-dark", e == null ? void 0 : e.title), children: n }),
+          a && /* @__PURE__ */ o.jsx(N, { 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(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 }),
+}, dn = ({ headline: e, variant: t, stepsList: r, classes: n }) => /* @__PURE__ */ o.jsx(ht, { className: n == null ? void 0 : n.root, children: /* @__PURE__ */ o.jsx(T, { 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(N, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: e }),
   /* @__PURE__ */ o.jsx(
     "div",
     {
@@ -2439,7 +2443,7 @@ const Se = /* @__PURE__ */ gt(Ge), 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.root), children: /* @__PURE__ */ o.jsxs(N, { className: l(a == null ? void 0 : a.container), children: [
+  return /* @__PURE__ */ o.jsx("section", { className: l(a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsxs(T, { className: l(a == null ? void 0 : a.container), children: [
     u && /* @__PURE__ */ o.jsx(ee, { intent: r, title: e }),
     /* @__PURE__ */ o.jsxs(
       "div",
@@ -2707,11 +2711,11 @@ const Se = /* @__PURE__ */ gt(Ge), Hr = Se.default || Se, Br = ({ classes: e, in
   classes: a
 }) => {
   var f;
-  return /* @__PURE__ */ o.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsx(N, { children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("section", { id: "inter-linking", className: l("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root), children: /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsx(
     Le,
     {
       defaultOpen: !0,
-      label: /* @__PURE__ */ o.jsx(C, { as: "h4", className: l("text-left", a == null ? void 0 : a.headline), children: r }),
+      label: /* @__PURE__ */ o.jsx(N, { as: "h4", className: l("text-left", a == null ? void 0 : a.headline), children: r }),
       ...i,
       classes: {
         ...i == null ? void 0 : i.classes,