@scbt-ecom/ui 0.35.0 → 0.35.2

package/dist/widget.js

@@ -2,9 +2,8 @@ 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,
 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";
-import O from "isomorphic-dompurify";
-import * as G from "react";
-const U = j(
+import * as O from "react";
+const G = j(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -15,7 +14,7 @@ const U = j(
       }
     }
   }
-), S = ({
+), U = ({
   description: o,
   title: e,
   img: x,
@@ -39,7 +38,7 @@ const U = j(
   return /* @__PURE__ */ t.jsxs(
     "li",
     {
-      className: d(U({ intent: h }), { "pb-0": r }, { "pb-12": !r }, f, n == null ? void 0 : n.root),
+      className: d(G({ intent: h }), { "pb-0": r }, { "pb-12": !r }, f, n == null ? void 0 : n.root),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", 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: [
@@ -53,7 +52,7 @@ const U = j(
     },
     x
   );
-}, Z = j("grid gap-4", {
+}, S = j("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -61,10 +60,10 @@ const U = j(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), wt = ({ 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: [
+}), 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(Z({ intent: r }), x == null ? void 0 : x.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(S, { intent: r, classes: x == null ? void 0 : x.item, ...n }, n.img)) })
-] }) }), $ = (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) => {
   var e;
   switch (o.variant) {
     case "withButton":
@@ -74,7 +73,7 @@ const U = j(
     default:
       return null;
   }
-}, gt = (o) => {
+}, 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: [
     /* @__PURE__ */ t.jsx(
@@ -91,7 +90,7 @@ const U = j(
         children: T[x]
       }
     ),
-    $(o)
+    Z(o)
   ] }) }) });
 }, E = ({ buttonsConfig: o, classes: e, className: x }) => {
   var n;
@@ -121,7 +120,7 @@ const U = j(
       ]
     }
   );
-}, q = ({
+}, $ = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: x,
@@ -248,12 +247,12 @@ const U = j(
     ] }) }),
     f && u
   ] });
-}, Nt = ({ bannerVariant: o, ...e }) => {
+}, wt = ({ bannerVariant: o, ...e }) => {
   switch (o) {
     case "separateImg":
       return /* @__PURE__ */ t.jsx(I, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(q, { ...e });
+      return /* @__PURE__ */ t.jsx($, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(I, { ...e });
   }
@@ -281,18 +280,18 @@ const U = j(
       r
     ))
   }
-), J = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+), q = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
   /* @__PURE__ */ t.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), K = [
+] }), J = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], Q = [
+], K = [
   { iconName: "social/vk", href: "https://vk.com/sovcombank" },
   { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
   { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], X = [
+], Q = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -369,7 +368,7 @@ const U = j(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], Y = ({ 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: 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(
   "a",
   {
     className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
@@ -378,7 +377,7 @@ const U = j(
     children: /* @__PURE__ */ t.jsx(l, { name: x, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   r
-)) }), P = ({ 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(
+)) }), 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(
   M,
   {
     phone: x,
@@ -390,7 +389,7 @@ const U = j(
     }
   },
   x
-)) }), A = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
+)) }), P = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: d(
@@ -415,7 +414,7 @@ const U = j(
       )) })
     ] }, x))
   }
-), c = ({ 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 }), s = ({ classes: o }) => /* @__PURE__ */ t.jsx(
+), 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",
   {
     "aria-label": "logo",
@@ -423,7 +422,7 @@ const U = j(
     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) })
   }
-), tt = ({ classes: o }) => /* @__PURE__ */ t.jsx(
+), s = ({ classes: o }) => /* @__PURE__ */ t.jsx(
   g,
   {
     intent: "white",
@@ -437,13 +436,13 @@ const U = j(
     },
     children: "Карта сайта"
   }
-), yt = ({
+), gt = ({
   renderBlocks: { withSocial: o = !0, withPhones: e = !0, withNavLinks: x = !0, withCopyright: r = !0, withSiteMap: n = !0 } = {},
-  socialsLinks: i = Q,
-  phones: m = K,
-  navigationLinks: h = X,
+  socialsLinks: i = K,
+  phones: m = J,
+  navigationLinks: h = Q,
   ligal: f,
-  copyright: u = J,
+  copyright: u = q,
   classes: p
 }) => /* @__PURE__ */ t.jsx("footer", { className: d("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(k, { className: d(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: d("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
   /* @__PURE__ */ t.jsxs(
@@ -455,14 +454,14 @@ const U = j(
       ),
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: d(p == null ? void 0 : p.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.footerLogo }),
-          o && /* @__PURE__ */ t.jsx(Y, { socialsLinks: i, classes: p == null ? void 0 : p.socialLinks })
+          /* @__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 })
         ] }),
-        e && /* @__PURE__ */ t.jsx(P, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
+        e && /* @__PURE__ */ t.jsx(Y, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
       ]
     }
   ),
-  x && /* @__PURE__ */ t.jsx(A, { navigationLinks: h, classes: p == null ? void 0 : p.navLinks }),
+  x && /* @__PURE__ */ t.jsx(P, { navigationLinks: h, classes: p == null ? void 0 : p.navLinks }),
   f && f,
   /* @__PURE__ */ t.jsxs(
     "div",
@@ -472,13 +471,13 @@ const U = j(
         p == null ? void 0 : p.footerBottom
       ),
       children: [
-        r && /* @__PURE__ */ t.jsx(c, { text: u, classes: p == null ? void 0 : p.copyright }),
-        n && /* @__PURE__ */ t.jsx(tt, { classes: p == null ? void 0 : p.siteMap })
+        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 })
       ]
     }
   )
-] }) }) }), et = ({ classes: o, index: e, variant: x, title: r, description: n }) => {
-  const i = x === "withTitleAndDescription" && r, m = O.sanitize(n ?? "");
+] }) }) }), tt = ({ classes: o, index: e, variant: x, title: r, description: n }) => {
+  const i = x === "withTitleAndDescription" && r;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -502,7 +501,7 @@ const U = j(
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              dangerouslySetInnerHTML: { __html: m },
+              dangerouslySetInnerHTML: { __html: n ?? "" },
               className: d("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.description)
             }
           )
@@ -510,7 +509,7 @@ const U = j(
       ]
     }
   );
-}, vt = ({ 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: [
+}, 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 }),
   /* @__PURE__ */ t.jsx(
     "div",
@@ -519,10 +518,10 @@ const U = j(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
         r == null ? void 0 : r.stepsWrapper
       ),
-      children: x == null ? void 0 : x.map((n, i) => /* @__PURE__ */ t.jsx(et, { variant: e, ...n, index: i + 1, classes: r == null ? void 0 : r.step }, n.description))
+      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))
     }
   )
-] }) }) }), rt = j("", {
+] }) }) }), et = j("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -538,7 +537,7 @@ const U = j(
   defaultVariants: {
     intent: "twoItems"
   }
-}), ot = j("", {
+}), rt = j("", {
   variants: {
     intent: {
       twoItems: "",
@@ -570,7 +569,7 @@ const U = j(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), nt = j("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), ot = j("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
   variants: {
     intent: {
       twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
@@ -580,7 +579,7 @@ const U = j(
   defaultVariants: {
     intent: "twoItems"
   }
-}), dt = j("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), nt = j("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -606,16 +605,16 @@ const U = j(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), it = ({ data: o, intent: e }) => {
+}), dt = ({ data: o, intent: e }) => {
   const { title: x, description: r, popoverText: n } = o;
-  return /* @__PURE__ */ t.jsx("li", { className: d(nt({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  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 })
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-color-secondary"), children: r })
   ] }) });
-}, N = ({ intent: o, title: e, desktopHidden: x = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: d(rt({ intent: o, desktopHidden: x, mobileHidden: r })), children: e }), xt = ({ textContent: o, intent: e, withButton: x }) => /* @__PURE__ */ t.jsx("ul", { className: d(ot({ intent: e, withButton: x })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(it, { intent: e, data: r }, n)) }), It = ({
+}, 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,
   buttonConfig: e,
   intent: x = "twoItems",
@@ -635,14 +634,14 @@ const U = j(
         ),
         children: [
           h && /* @__PURE__ */ t.jsx(N, { intent: x, title: o, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: d(dt({ intent: x, withButton: m }), i == null ? void 0 : i.imgContainer), children: n }),
+          /* @__PURE__ */ t.jsx("div", { className: d(nt({ intent: x, withButton: m }), i == null ? void 0 : i.imgContainer), children: n }),
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", i == null ? void 0 : i.textWithBtnContainer),
               children: [
                 h && /* @__PURE__ */ t.jsx(N, { intent: x, title: o, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(xt, { textContent: r, intent: x, withButton: m }),
+                /* @__PURE__ */ t.jsx(it, { textContent: r, intent: x, withButton: m }),
                 m && /* @__PURE__ */ t.jsx(
                   w,
                   {
@@ -686,7 +685,7 @@ const U = j(
       }
     )
   }
-), pt = ({ ...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 = ({ ...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: [
   /* @__PURE__ */ t.jsx(
     "path",
     {
@@ -778,7 +777,7 @@ const U = j(
       ),
       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(pt, { className: d("size-7 desktop:size-8", i == null ? void 0 : i.esiaLogo) }),
+          /* @__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(l, { name: "arrows/arrowRight", className: d("mobile:hidden", i == null ? void 0 : i.arrowIcon) })
         ] }),
@@ -786,7 +785,7 @@ const U = j(
       ]
     }
   ) });
-}, mt = (o) => {
+}, pt = (o) => {
   switch (o.mode) {
     case y.ESIA:
       return /* @__PURE__ */ t.jsx(B, { ...o });
@@ -794,7 +793,7 @@ const U = j(
       return /* @__PURE__ */ t.jsx(C, { ...o });
     case y.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: x, subtitle: r, badge: n, classes: i } = o, m = !r && !n ? G.Fragment : "div";
+      const { esiaConfig: e, mobileIdConfig: x, subtitle: r, badge: n, classes: i } = o, m = !r && !n ? O.Fragment : "div";
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -835,7 +834,7 @@ const U = j(
         }
       );
   }
-}, Ct = (o) => mt(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(
+}, 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,
   {
     classes: {
@@ -846,7 +845,7 @@ const U = j(
     children: r
   },
   x
-)) }), ht = ({ groupLabel: o, links: e, mobileAccordionProps: x, classes: r }) => {
+)) }), 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: [
@@ -872,7 +871,7 @@ const U = j(
       }
     )
   ] });
-}, ft = ({ 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(ht, { ...e, ...r, classes: x == null ? void 0 : x.columnGroup }, r.groupLabel)) }), ut = j("grid gap-4 grid-cols-1", {
+}, 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", {
   variants: {
     variant: {
       twoCols: "desktop:grid-cols-2",
@@ -883,7 +882,7 @@ const U = j(
   defaultVariants: {
     variant: "fourCols"
   }
-}), Bt = ({
+}), It = ({
   columns: o,
   variant: e,
   headline: x,
@@ -902,20 +901,20 @@ const U = j(
         ...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)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: d(ut({ variant: e }), i == null ? void 0 : i.columnsWrapper), children: o == null ? void 0 : o.map((h, f) => /* @__PURE__ */ t.jsx(ft, { ...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: o == null ? void 0 : o.map((h, f) => /* @__PURE__ */ t.jsx(ht, { ...h, ...r, classes: i == null ? void 0 : i.column }, f)) })
     }
   ) }) });
 };
 export {
   H as Advantages,
-  Ct as AuthProvider,
-  Nt as Banner,
+  vt as AuthProvider,
+  wt as Banner,
   I as BannerWithSeparateImg,
-  wt as Benefit,
-  yt as Footer,
-  Bt as InterLinking,
-  It as LongBanner,
-  gt as PageHeader,
-  vt as Stepper
+  jt as Benefit,
+  gt as Footer,
+  It as InterLinking,
+  yt as LongBanner,
+  bt as PageHeader,
+  Nt as Stepper
 };
 //# sourceMappingURL=widget.js.map