@scbt-ecom/ui 0.28.1 → 0.30.0

package/dist/widget.js

@@ -1,9 +1,11 @@
-import { j as t, B as g, H as k, c as j, R as a, b as R, P as W, I as u, C as w, S as T, a as V, L as D, d as y, A as E } from "./CustomLink-CKaoTS8A.js";
-import { c as i } from "./cn-DIfn7EPB.js";
-import { s as O } from "./scrollToElement-B-reg4jF.js";
-import { u as b } from "./useDevice-L83kSsN7.js";
-import * as U from "react";
-const G = j(
+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 { c as l } from "./cn-DIfn7EPB.js";
+import { s as xt } from "./scrollToElement-B-reg4jF.js";
+import { u as S } from "./useDevice-L83kSsN7.js";
+import { c as v, g as gt } from "./_commonjsHelpers-DaMA6jEr.js";
+import * as vt from "react";
+import He from "react";
+const yt = I(
   "flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
   {
     variants: {
@@ -14,45 +16,45 @@ const G = j(
       }
     }
   }
-), Z = ({
-  description: o,
-  title: e,
-  img: d,
-  mobileImg: r,
-  classes: n,
-  withButton: x,
-  buttonText: m,
-  intent: f,
-  cardColor: h
+), bt = ({
+  description: e,
+  title: t,
+  img: r,
+  mobileImg: n,
+  classes: i,
+  withButton: a,
+  buttonText: f,
+  intent: p,
+  cardColor: u
 }) => {
-  const { isDesktop: l } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    g,
+  const { isDesktop: c } = S(), d = /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
+    P,
     {
       intent: "primary",
-      className: i("desktop:w-[200px]", n == null ? void 0 : n.button),
-      onClick: () => O("personal_form"),
+      className: l("desktop:w-[200px]", i == null ? void 0 : i.button),
+      onClick: () => xt("personal_form"),
       size: "lg",
-      children: m
+      children: f
     }
   ) });
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "li",
     {
-      className: i(G({ intent: f }), { "pb-0": r }, { "pb-12": !r }, h, n == null ? void 0 : n.item),
+      className: l(yt({ intent: p }), { "pb-0": n }, { "pb-12": !n }, u, i == null ? void 0 : i.item),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", n == null ? void 0 : n.itemWrapper), children: [
-          /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", n == null ? void 0 : n.itemTextContainer), children: [
-            /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("desktop:desk-title-bold-s", n == null ? void 0 : n.headingBenefitItem), children: e }),
-            /* @__PURE__ */ t.jsx("p", { className: i("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", n == null ? void 0 : n.itemDescription), children: o })
+        /* @__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 })
           ] }),
-          x && l && p
+          a && c && d
         ] }),
-        (r || l) && d && /* @__PURE__ */ t.jsx("div", { className: i("flex w-full justify-end", n == null ? void 0 : n.imgWrapper), children: /* @__PURE__ */ t.jsx("img", { className: i("h-[246px] object-cover", n == null ? void 0 : n.img), src: d, alt: e }) })
+        (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 }) })
       ]
     },
-    d
+    r
   );
-}, S = j("grid gap-4", {
+}, kt = I("grid gap-4", {
   variants: {
     intent: {
       twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
@@ -60,234 +62,234 @@ const G = j(
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), jt = ({ heading: o, cards: e, classes: d, intent: r }) => /* @__PURE__ */ t.jsx("section", { className: i("pb-20", d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(a, { children: [
-  /* @__PURE__ */ t.jsx(k, { className: "mb-8", as: "h2", children: o }),
-  /* @__PURE__ */ t.jsx("ul", { className: i(S({ intent: r }), d == null ? void 0 : d.grid), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ t.jsx(Z, { intent: r, classes: d, ...n }, n.img)) })
-] }) }), $ = (o) => {
-  var e;
-  switch (o.variant) {
+}), 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)) })
+] }) }), Et = (e) => {
+  var t;
+  switch (e.variant) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...o.buttonProps, children: ((e = o.buttonProps) == null ? void 0 : e.children) || "Оформить заявку" });
+      return /* @__PURE__ */ o.jsx(P, { intent: "secondary", size: "sm", ...e.buttonProps, children: ((t = e.buttonProps) == null ? void 0 : t.children) || "Оформить заявку" });
     case "withPhone":
-      return /* @__PURE__ */ t.jsx(W, { ...o.phoneProps });
+      return /* @__PURE__ */ o.jsx(Pe, { ...e.phoneProps });
     default:
       return null;
   }
-}, bt = (o) => {
-  const { logoPath: e = "/", logoType: d = "main", classes: r } = o;
-  return /* @__PURE__ */ t.jsx("header", { className: i("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(a, { className: i(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
-    /* @__PURE__ */ t.jsx(
+}, 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: [
+    /* @__PURE__ */ o.jsx(
       "a",
       {
-        href: e,
+        href: t,
         "aria-label": "logo",
         target: "_blank",
         rel: "noreferrer",
-        className: i(
+        className: l(
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-          r == null ? void 0 : r.logo
+          n == null ? void 0 : n.logo
         ),
-        children: R[d]
+        children: pt[r]
       }
     ),
-    $(o)
+    Et(e)
   ] }) }) });
-}, M = ({ buttonsConfig: o, classes: e, className: d }) => {
-  var n;
-  const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
-  return /* @__PURE__ */ t.jsxs(
+}, Be = ({ buttonsConfig: e, classes: t, className: r }) => {
+  var i;
+  const n = (e == null ? void 0 : e.secondary) && e.secondary.children;
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
-      className: i(
+      className: l(
         "grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
-        { "flex items-center gap-4": r },
-        e == null ? void 0 : e.group,
-        d
+        { "flex items-center gap-4": n },
+        t == null ? void 0 : t.group,
+        r
       ),
       children: [
-        /* @__PURE__ */ t.jsx(g, { intent: "primary", ...o.primary, isFull: !0, className: i("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: o.primary.children }),
-        r && /* @__PURE__ */ t.jsx(
-          g,
+        /* @__PURE__ */ o.jsx(P, { intent: "primary", ...e.primary, isFull: !0, className: l("desktop:max-w-[216px]", t == null ? void 0 : t.primary), children: e.primary.children }),
+        n && /* @__PURE__ */ o.jsx(
+          P,
           {
             intent: "secondary",
-            ...o == null ? void 0 : o.secondary,
+            ...e == null ? void 0 : e.secondary,
             isFull: !0,
-            className: i("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (n = o == null ? void 0 : o.secondary) == null ? void 0 : n.children
+            className: l("desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
+            children: (i = e == null ? void 0 : e.secondary) == null ? void 0 : i.children
           }
         )
       ]
     }
   );
-}, q = ({
-  headTitle: o,
-  subtitle: e,
-  buttonsConfig: d,
-  advantagesList: r,
-  classes: n,
-  img: x,
-  imgSets: m
+}, wt = ({
+  headTitle: e,
+  subtitle: t,
+  buttonsConfig: r,
+  advantagesList: n,
+  classes: i,
+  img: a,
+  imgSets: f
 }) => {
-  const { isDesktop: f, isMobile: h } = b(), l = /* @__PURE__ */ t.jsx(
+  const { isDesktop: p, isMobile: u } = S(), c = /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: i(
+      className: l(
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
-        n == null ? void 0 : n.advantageContainer
+        i == null ? void 0 : i.advantageContainer
       ),
-      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(_, { classes: n, advantagesList: r })
+      children: n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { classes: i, advantagesList: n })
     }
   );
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: i("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.section), children: [
-      /* @__PURE__ */ t.jsx(
+  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.jsx(
         "div",
         {
           "data-id": "banner-img-wrapper",
           className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
-          children: /* @__PURE__ */ t.jsxs("picture", { children: [
-            /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
-            /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
-            /* @__PURE__ */ t.jsx(
+          children: /* @__PURE__ */ o.jsxs("picture", { children: [
+            /* @__PURE__ */ o.jsx("source", { media: "(min-width: 1128px)", srcSet: f == null ? void 0 : f.large }),
+            /* @__PURE__ */ o.jsx("source", { media: "(max-width: 1127px)", srcSet: f == null ? void 0 : f.mob }),
+            /* @__PURE__ */ o.jsx(
               "img",
               {
                 "data-id": "banner-image",
-                src: x,
+                src: a,
                 alt: "Картинка баннера",
-                className: i("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
+                className: l("h-full w-full object-cover object-center", i == null ? void 0 : i.image)
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsxs(a, { "data-id": "banner-container", className: i("h-full", n == null ? void 0 : n.container), children: [
-        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: i("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
+      /* @__PURE__ */ o.jsxs(C, { "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",
           {
             "data-id": "banner-text-block",
-            className: i("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
+            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__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ t.jsx(k, { "data-id": "banner-title", as: "h1", className: i("text-color-white", n == null ? void 0 : n.title), children: o }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: i("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
+              /* @__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("p", { "data-id": "banner-subtitle", className: l("desk-body-regular-l text-color-white", i == null ? void 0 : i.subtitle), children: t })
               ] }),
-              /* @__PURE__ */ t.jsx(
-                M,
+              /* @__PURE__ */ o.jsx(
+                Be,
                 {
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
-                  buttonsConfig: d,
-                  classes: n
+                  buttonsConfig: r,
+                  classes: i
                 }
               )
             ]
           }
         ) }),
-        f && l
+        p && c
       ] })
     ] }),
-    h && l
+    u && c
   ] });
-}, C = ({
-  headTitle: o,
-  subtitle: e,
-  buttonsConfig: d,
-  advantagesList: r,
-  classes: n,
-  img: x,
-  imgSets: m
+}, ye = ({
+  headTitle: e,
+  subtitle: t,
+  buttonsConfig: r,
+  advantagesList: n,
+  classes: i,
+  img: a,
+  imgSets: f
 }) => {
-  const { isDesktop: f, isMobile: h } = b(), l = /* @__PURE__ */ t.jsx(
+  const { isDesktop: p, isMobile: u } = S(), c = /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-id": "banner-advantages",
-      className: i(
+      className: l(
         "flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
-        n == null ? void 0 : n.advantageContainer
+        i == null ? void 0 : i.advantageContainer
       ),
-      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(_, { classes: n, advantagesList: r })
+      children: n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ o.jsx(Fe, { classes: i, advantagesList: n })
     }
   );
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: i("bg-banner-skyblue-300 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(a, { "data-id": "banner-container", className: i("relative", n == null ? void 0 : n.container), children: [
-      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: i("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: i("flex flex-col gap-4 pt-6 desktop:pt-0", n == null ? void 0 : n.textBlock), children: [
-            /* @__PURE__ */ t.jsx(k, { "data-id": "banner-title", as: "h1", className: i("text-color-dark", n == null ? void 0 : n.title), children: o }),
-            /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: i("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
+  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.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("p", { "data-id": "banner-subtitle", className: l("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle), children: t })
           ] }),
-          /* @__PURE__ */ t.jsx(M, { buttonsConfig: d, classes: n })
+          /* @__PURE__ */ o.jsx(Be, { buttonsConfig: r, classes: i })
         ] }),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ o.jsx(
           "div",
           {
             "data-id": "banner-image-wrapper",
-            className: i("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
-            children: /* @__PURE__ */ t.jsxs("picture", { children: [
-              /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
-              /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
-              /* @__PURE__ */ t.jsx(
+            className: l("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
+            children: /* @__PURE__ */ o.jsxs("picture", { children: [
+              /* @__PURE__ */ o.jsx("source", { media: "(min-width: 1128px)", srcSet: f == null ? void 0 : f.large }),
+              /* @__PURE__ */ o.jsx("source", { media: "(max-width: 1127px)", srcSet: f == null ? void 0 : f.mob }),
+              /* @__PURE__ */ o.jsx(
                 "img",
                 {
                   "data-id": "banner-image",
-                  src: x,
+                  src: a,
                   alt: "Картинка баннера",
-                  className: i("h-full object-cover", n == null ? void 0 : n.image)
+                  className: l("h-full object-cover", i == null ? void 0 : i.image)
                 }
               )
             ] })
           }
         )
       ] }),
-      f && l
+      p && c
     ] }) }),
-    h && l
+    u && c
   ] });
-}, gt = ({ bannerVariant: o, ...e }) => {
-  switch (o) {
+}, an = ({ bannerVariant: e, ...t }) => {
+  switch (e) {
     case "separateImg":
-      return /* @__PURE__ */ t.jsx(C, { ...e });
+      return /* @__PURE__ */ o.jsx(ye, { ...t });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(q, { ...e });
+      return /* @__PURE__ */ o.jsx(wt, { ...t });
     default:
-      return /* @__PURE__ */ t.jsx(C, { ...e });
+      return /* @__PURE__ */ o.jsx(ye, { ...t });
   }
-}, _ = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
+}, Fe = ({ advantagesList: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: 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",
-      e == null ? void 0 : e.advantageWrapper
+      t == null ? void 0 : t.advantageWrapper
     ),
-    children: o == null ? void 0 : o.map(({ title: d, description: r }) => /* @__PURE__ */ t.jsxs(
+    children: e == null ? void 0 : e.map(({ title: r, description: n }) => /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: i(
+        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',
-          e == null ? void 0 : e.advantageItem
+          t == null ? void 0 : t.advantageItem
         ),
         children: [
-          /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("text-color-dark", e == null ? void 0 : e.advantageTitle), children: d }),
-          /* @__PURE__ */ t.jsx("p", { className: i("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.advantageDescription), children: r })
+          /* @__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 })
         ]
       },
-      d
+      r
     ))
   }
-), J = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+), jt = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
-  /* @__PURE__ */ t.jsx("br", { className: "mobile:hidden" }),
+  /* @__PURE__ */ o.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), K = [
+] }), _t = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], Q = [
+], st = [
   { 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 = [
+], Ct = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -364,62 +366,62 @@ const G = j(
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], Y = ({ socialsLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: o == null ? void 0 : o.map(({ iconName: d, href: r }) => /* @__PURE__ */ t.jsx(
+], 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(
   "a",
   {
-    className: i("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
-    href: r,
-    "aria-label": d.replace("social/", ""),
-    children: /* @__PURE__ */ t.jsx(u, { name: d, className: i("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
+    href: n,
+    "aria-label": r.replace("social/", ""),
+    children: /* @__PURE__ */ o.jsx(j, { name: r, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
   },
-  r
-)) }), L = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: d, text: r }) => /* @__PURE__ */ t.jsx(
-  W,
+  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(
+  Pe,
   {
-    phone: d,
-    text: r,
+    phone: r,
+    text: n,
     classes: {
-      wrapper: i(e == null ? void 0 : e.phoneWrapper),
-      text: i("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: i("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
+      wrapper: l(t == null ? void 0 : t.phoneWrapper),
+      text: l("text-color-footer", t == null ? void 0 : t.phoneText),
+      link: l("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
     }
   },
-  d
-)) }), P = ({ navigationLinks: o, classes: e }) => /* @__PURE__ */ t.jsx(
+  r
+)) }), Rt = ({ navigationLinks: e, classes: t }) => /* @__PURE__ */ o.jsx(
   "div",
   {
-    className: i(
+    className: l(
       "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
-      e == null ? void 0 : e.navRoot
+      t == null ? void 0 : t.navRoot
     ),
-    children: o == null ? void 0 : o.map(({ groupLabel: d, links: r }) => /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-      /* @__PURE__ */ t.jsx("div", { className: i("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: d }),
-      /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: r == null ? void 0 : r.map(({ text: n, href: x }) => /* @__PURE__ */ t.jsx(
-        w,
+    children: e == null ? void 0 : e.map(({ groupLabel: r, links: n }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col gap-4", t == null ? void 0 : t.navGroup), children: [
+      /* @__PURE__ */ o.jsx("div", { className: l("desk-body-medium-l text-color-white", t == null ? void 0 : t.navLabel), children: r }),
+      /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-1", t == null ? void 0 : t.navLinks), children: n == null ? void 0 : n.map(({ text: i, href: a }) => /* @__PURE__ */ o.jsx(
+        U,
         {
-          href: x,
-          "aria-label": n,
+          href: a,
+          "aria-label": i,
           intent: "white",
           classes: {
-            link: e == null ? void 0 : e.navLink,
-            icon: e == null ? void 0 : e.navLinkIcon
+            link: t == null ? void 0 : t.navLink,
+            icon: t == null ? void 0 : t.navLinkIcon
           },
-          children: n
+          children: i
         },
-        n
+        i
       )) })
-    ] }, d))
+    ] }, r))
   }
-), A = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: i("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: o }), c = ({ classes: o }) => /* @__PURE__ */ t.jsx(
+), It = ({ text: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: l("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight), children: e }), Ot = ({ classes: e }) => /* @__PURE__ */ o.jsx(
   "a",
   {
     "aria-label": "logo",
     href: "https://sovcombank.ru/",
-    className: i("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", o == null ? void 0 : o.footerLogo),
-    children: /* @__PURE__ */ t.jsx(u, { name: "brandLogos/logoWhite", className: i("size-full", o == null ? void 0 : o.footerLogoIcon) })
+    className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
+    children: /* @__PURE__ */ o.jsx(j, { name: "brandLogos/logoWhite", className: l("size-full", e == null ? void 0 : e.footerLogoIcon) })
   }
-), s = ({ classes: o }) => /* @__PURE__ */ t.jsx(
-  w,
+), St = ({ classes: e }) => /* @__PURE__ */ o.jsx(
+  U,
   {
     intent: "white",
     href: "https://sovcombank.ru/site-map",
@@ -427,88 +429,1915 @@ const G = j(
     "aria-label": "site-map",
     rel: "noreferrer",
     classes: {
-      link: i("mobile:mt-6", o == null ? void 0 : o.siteMapLink),
-      icon: o == null ? void 0 : o.siteMapLinkIcon
+      link: l("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
+      icon: e == null ? void 0 : e.siteMapLinkIcon
     },
     children: "Карта сайта"
   }
-), wt = ({
-  renderBlocks: { withSocial: o = !0, withPhones: e = !0, withNavLinks: d = !0, withCopyright: r = !0, withSiteMap: n = !0 } = {},
-  socialsLinks: x = Q,
-  phones: m = K,
-  navigationLinks: f = X,
-  ligal: h,
-  copyright: l = J,
-  classes: p
-}) => /* @__PURE__ */ t.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(a, { className: i(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: i("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
-  /* @__PURE__ */ t.jsxs(
+), ln = ({
+  renderBlocks: { withSocial: e = !0, withPhones: t = !0, withNavLinks: r = !0, withCopyright: n = !0, withSiteMap: i = !0 } = {},
+  socialsLinks: a = st,
+  phones: f = _t,
+  navigationLinks: p = Ct,
+  ligal: u,
+  copyright: c = 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.jsxs(
     "div",
     {
-      className: i(
+      className: l(
         "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
-        p == null ? void 0 : p.footerHead
+        d == null ? void 0 : d.footerHead
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: i(p == null ? void 0 : p.footerSocialBlock), children: [
-          /* @__PURE__ */ t.jsx(c, { classes: p == null ? void 0 : p.footerLogo }),
-          o && /* @__PURE__ */ t.jsx(Y, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
+        /* @__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__ */ t.jsx(L, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
+        t && /* @__PURE__ */ o.jsx(Tt, { phones: f, classes: d == null ? void 0 : d.phonesBlock })
       ]
     }
   ),
-  d && /* @__PURE__ */ t.jsx(P, { navigationLinks: f, classes: p == null ? void 0 : p.navLinks }),
-  h && h,
-  /* @__PURE__ */ t.jsxs(
+  r && /* @__PURE__ */ o.jsx(Rt, { navigationLinks: p, classes: d == null ? void 0 : d.navLinks }),
+  u && u,
+  /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: i(
+      className: l(
         "mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
-        p == null ? void 0 : p.footerBottom
+        d == null ? void 0 : d.footerBottom
       ),
       children: [
-        r && /* @__PURE__ */ t.jsx(A, { text: l, classes: p == null ? void 0 : p.copyright }),
-        n && /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.siteMap })
+        n && /* @__PURE__ */ o.jsx(It, { text: c, classes: d == null ? void 0 : d.copyright }),
+        i && /* @__PURE__ */ o.jsx(St, { classes: d == null ? void 0 : d.siteMap })
       ]
     }
   )
-] }) }) }), tt = ({ title: o, description: e, index: d, classes: r }) => /* @__PURE__ */ t.jsxs(
-  "div",
-  {
-    className: i(
-      "flex w-[328px] max-w-[328px] flex-col gap-6 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-      r == null ? void 0 : r.singleStep
-    ),
-    children: [
-      /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          className: i(
-            "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
-            r == null ? void 0 : r.numeric
-          ),
-          children: d
+] }) }) });
+var ze = {}, ae = {}, le = {}, O = {}, de = {}, ue = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.Doctype = e.CDATA = e.Tag = e.Style = e.Script = e.Comment = e.Directive = e.Text = e.Root = e.isTag = e.ElementType = void 0;
+  var t;
+  (function(n) {
+    n.Root = "root", n.Text = "text", n.Directive = "directive", n.Comment = "comment", n.Script = "script", n.Style = "style", n.Tag = "tag", n.CDATA = "cdata", n.Doctype = "doctype";
+  })(t = e.ElementType || (e.ElementType = {}));
+  function r(n) {
+    return n.type === t.Tag || n.type === t.Script || n.type === t.Style;
+  }
+  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 e = function(t, r) {
+    return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, i) {
+      n.__proto__ = i;
+    } || function(n, i) {
+      for (var a in i) Object.prototype.hasOwnProperty.call(i, a) && (n[a] = i[a]);
+    }, e(t, r);
+  };
+  return function(t, r) {
+    if (typeof r != "function" && r !== null)
+      throw new TypeError("Class extends value " + String(r) + " is not a constructor or null");
+    e(t, r);
+    function n() {
+      this.constructor = t;
+    }
+    t.prototype = r === null ? Object.create(r) : (n.prototype = r.prototype, new n());
+  };
+}(), M = v && v.__assign || function() {
+  return M = Object.assign || function(e) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
+      for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+    }
+    return e;
+  }, M.apply(this, arguments);
+};
+Object.defineProperty(x, "__esModule", { value: !0 });
+x.cloneNode = x.hasChildren = x.isDocument = x.isDirective = x.isComment = x.isText = x.isCDATA = x.isTag = x.Element = x.Document = x.CDATA = x.NodeWithChildren = x.ProcessingInstruction = x.Comment = x.Text = x.DataNode = x.Node = void 0;
+var E = ue, fe = (
+  /** @class */
+  function() {
+    function e() {
+      this.parent = null, this.prev = null, this.next = null, this.startIndex = null, this.endIndex = null;
+    }
+    return Object.defineProperty(e.prototype, "parentNode", {
+      // Read-write aliases for properties
+      /**
+       * Same as {@link parent}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.parent;
+      },
+      set: function(t) {
+        this.parent = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "previousSibling", {
+      /**
+       * Same as {@link prev}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.prev;
+      },
+      set: function(t) {
+        this.prev = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "nextSibling", {
+      /**
+       * Same as {@link next}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.next;
+      },
+      set: function(t) {
+        this.next = t;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.cloneNode = function(t) {
+      return t === void 0 && (t = !1), pe(this, t);
+    }, e;
+  }()
+);
+x.Node = fe;
+var W = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t(r) {
+      var n = e.call(this) || this;
+      return n.data = r, n;
+    }
+    return Object.defineProperty(t.prototype, "nodeValue", {
+      /**
+       * Same as {@link data}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.data;
+      },
+      set: function(r) {
+        this.data = r;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(fe)
+);
+x.DataNode = W;
+var Ge = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t() {
+      var r = e !== null && e.apply(this, arguments) || this;
+      return r.type = E.ElementType.Text, r;
+    }
+    return Object.defineProperty(t.prototype, "nodeType", {
+      get: function() {
+        return 3;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(W)
+);
+x.Text = Ge;
+var Ve = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t() {
+      var r = e !== null && e.apply(this, arguments) || this;
+      return r.type = E.ElementType.Comment, r;
+    }
+    return Object.defineProperty(t.prototype, "nodeType", {
+      get: function() {
+        return 8;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(W)
+);
+x.Comment = Ve;
+var Ue = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t(r, n) {
+      var i = e.call(this, n) || this;
+      return i.name = r, i.type = E.ElementType.Directive, i;
+    }
+    return Object.defineProperty(t.prototype, "nodeType", {
+      get: function() {
+        return 1;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(W)
+);
+x.ProcessingInstruction = Ue;
+var X = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t(r) {
+      var n = e.call(this) || this;
+      return n.children = r, n;
+    }
+    return Object.defineProperty(t.prototype, "firstChild", {
+      // Aliases
+      /** First child of the node. */
+      get: function() {
+        var r;
+        return (r = this.children[0]) !== null && r !== void 0 ? r : null;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "lastChild", {
+      /** Last child of the node. */
+      get: function() {
+        return this.children.length > 0 ? this.children[this.children.length - 1] : null;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "childNodes", {
+      /**
+       * Same as {@link children}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.children;
+      },
+      set: function(r) {
+        this.children = r;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(fe)
+);
+x.NodeWithChildren = X;
+var We = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t() {
+      var r = e !== null && e.apply(this, arguments) || this;
+      return r.type = E.ElementType.CDATA, r;
+    }
+    return Object.defineProperty(t.prototype, "nodeType", {
+      get: function() {
+        return 4;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(X)
+);
+x.CDATA = We;
+var Xe = (
+  /** @class */
+  function(e) {
+    N(t, e);
+    function t() {
+      var r = e !== null && e.apply(this, arguments) || this;
+      return r.type = E.ElementType.Root, r;
+    }
+    return Object.defineProperty(t.prototype, "nodeType", {
+      get: function() {
+        return 9;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(X)
+);
+x.Document = Xe;
+var $e = (
+  /** @class */
+  function(e) {
+    N(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;
+      return f.name = r, f.attribs = n, f.type = a, f;
+    }
+    return Object.defineProperty(t.prototype, "nodeType", {
+      get: function() {
+        return 1;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "tagName", {
+      // DOM Level 1 aliases
+      /**
+       * Same as {@link name}.
+       * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
+       */
+      get: function() {
+        return this.name;
+      },
+      set: function(r) {
+        this.name = r;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(t.prototype, "attributes", {
+      get: function() {
+        var r = this;
+        return Object.keys(this.attribs).map(function(n) {
+          var i, a;
+          return {
+            name: n,
+            value: r.attribs[n],
+            namespace: (i = r["x-attribsNamespace"]) === null || i === void 0 ? void 0 : i[n],
+            prefix: (a = r["x-attribsPrefix"]) === null || a === void 0 ? void 0 : a[n]
+          };
+        });
+      },
+      enumerable: !1,
+      configurable: !0
+    }), t;
+  }(X)
+);
+x.Element = $e;
+function qe(e) {
+  return (0, E.isTag)(e);
+}
+x.isTag = qe;
+function Ye(e) {
+  return e.type === E.ElementType.CDATA;
+}
+x.isCDATA = Ye;
+function Ze(e) {
+  return e.type === E.ElementType.Text;
+}
+x.isText = Ze;
+function Ke(e) {
+  return e.type === E.ElementType.Comment;
+}
+x.isComment = Ke;
+function Je(e) {
+  return e.type === E.ElementType.Directive;
+}
+x.isDirective = Je;
+function Qe(e) {
+  return e.type === E.ElementType.Root;
+}
+x.isDocument = Qe;
+function At(e) {
+  return Object.prototype.hasOwnProperty.call(e, "children");
+}
+x.hasChildren = At;
+function pe(e, t) {
+  t === void 0 && (t = !1);
+  var r;
+  if (Ze(e))
+    r = new Ge(e.data);
+  else if (Ke(e))
+    r = new Ve(e.data);
+  else if (qe(e)) {
+    var n = t ? J(e.children) : [], i = new $e(e.name, M({}, e.attribs), n);
+    n.forEach(function(u) {
+      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;
+    }), r = a;
+  } else if (Qe(e)) {
+    var n = t ? J(e.children) : [], f = new Xe(n);
+    n.forEach(function(c) {
+      return c.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);
+    e["x-name"] != null && (p["x-name"] = e["x-name"], p["x-publicId"] = e["x-publicId"], p["x-systemId"] = e["x-systemId"]), r = p;
+  } else
+    throw new Error("Not implemented yet: ".concat(e.type));
+  return r.startIndex = e.startIndex, r.endIndex = e.endIndex, e.sourceCodeLocation != null && (r.sourceCodeLocation = e.sourceCodeLocation), r;
+}
+x.cloneNode = pe;
+function J(e) {
+  for (var t = e.map(function(n) {
+    return pe(n, !0);
+  }), r = 1; r < t.length; r++)
+    t[r].prev = t[r - 1], t[r - 1].next = t[r];
+  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);
+    (!m || ("get" in m ? !u.__esModule : m.writable || m.configurable)) && (m = { enumerable: !0, get: function() {
+      return u[c];
+    } }), Object.defineProperty(p, d, m);
+  } : function(p, u, c, d) {
+    d === void 0 && (d = c), p[d] = u[c];
+  }), r = v && v.__exportStar || function(p, u) {
+    for (var c in p) c !== "default" && !Object.prototype.hasOwnProperty.call(u, c) && t(u, p, c);
+  };
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.DomHandler = void 0;
+  var n = ue, i = x;
+  r(x, e);
+  var a = {
+    withStartIndices: !1,
+    withEndIndices: !1,
+    xmlMode: !1
+  }, 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;
+      }
+      return p.prototype.onparserinit = function(u) {
+        this.parser = u;
+      }, p.prototype.onreset = function() {
+        this.dom = [], this.root = new i.Document(this.dom), this.done = !1, this.tagStack = [this.root], this.lastNode = null, this.parser = null;
+      }, p.prototype.onend = function() {
+        this.done || (this.done = !0, this.parser = null, this.handleCallback(null));
+      }, p.prototype.onerror = function(u) {
+        this.handleCallback(u);
+      }, p.prototype.onclosetag = function() {
+        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);
+        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);
+        else {
+          var d = new i.Text(u);
+          this.addNode(d), this.lastNode = d;
         }
-      ),
-      /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
-        /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("text-color-dark", r == null ? void 0 : r.title), children: o }),
-        /* @__PURE__ */ t.jsx("p", { className: i("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
-      ] })
-    ]
+      }, p.prototype.oncomment = function(u) {
+        if (this.lastNode && this.lastNode.type === n.ElementType.Comment) {
+          this.lastNode.data += u;
+          return;
+        }
+        var c = new i.Comment(u);
+        this.addNode(c), this.lastNode = c;
+      }, 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;
+      }, p.prototype.oncdataend = function() {
+        this.lastNode = null;
+      }, p.prototype.onprocessinginstruction = function(u, c) {
+        var d = new i.ProcessingInstruction(u, c);
+        this.addNode(d);
+      }, p.prototype.handleCallback = function(u) {
+        if (typeof this.callback == "function")
+          this.callback(u, this.dom);
+        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;
+      }, p;
+    }()
+  );
+  e.DomHandler = f, e.default = f;
+})(de);
+var et = {};
+(function(e) {
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.CARRIAGE_RETURN_PLACEHOLDER_REGEX = e.CARRIAGE_RETURN_PLACEHOLDER = e.CARRIAGE_RETURN_REGEX = e.CARRIAGE_RETURN = e.CASE_SENSITIVE_TAG_NAMES_MAP = e.CASE_SENSITIVE_TAG_NAMES = void 0, e.CASE_SENSITIVE_TAG_NAMES = [
+    "animateMotion",
+    "animateTransform",
+    "clipPath",
+    "feBlend",
+    "feColorMatrix",
+    "feComponentTransfer",
+    "feComposite",
+    "feConvolveMatrix",
+    "feDiffuseLighting",
+    "feDisplacementMap",
+    "feDropShadow",
+    "feFlood",
+    "feFuncA",
+    "feFuncB",
+    "feFuncG",
+    "feFuncR",
+    "feGaussianBlur",
+    "feImage",
+    "feMerge",
+    "feMergeNode",
+    "feMorphology",
+    "feOffset",
+    "fePointLight",
+    "feSpecularLighting",
+    "feSpotLight",
+    "feTile",
+    "feTurbulence",
+    "foreignObject",
+    "linearGradient",
+    "radialGradient",
+    "textPath"
+  ], e.CASE_SENSITIVE_TAG_NAMES_MAP = e.CASE_SENSITIVE_TAG_NAMES.reduce(function(t, r) {
+    return t[r.toLowerCase()] = r, t;
+  }, {}), e.CARRIAGE_RETURN = "\r", e.CARRIAGE_RETURN_REGEX = new RegExp(e.CARRIAGE_RETURN, "g"), e.CARRIAGE_RETURN_PLACEHOLDER = "__HTML_DOM_PARSER_CARRIAGE_RETURN_PLACEHOLDER_".concat(Date.now(), "__"), e.CARRIAGE_RETURN_PLACEHOLDER_REGEX = new RegExp(e.CARRIAGE_RETURN_PLACEHOLDER, "g");
+})(et);
+Object.defineProperty(O, "__esModule", { value: !0 });
+O.formatAttributes = tt;
+O.escapeSpecialCharacters = Pt;
+O.revertEscapedCharacters = rt;
+O.formatDOM = nt;
+var B = de, L = et;
+function Mt(e) {
+  return L.CASE_SENSITIVE_TAG_NAMES_MAP[e];
+}
+function tt(e) {
+  for (var t = {}, r = 0, n = e.length; r < n; r++) {
+    var i = e[r];
+    t[i.name] = i.value;
+  }
+  return t;
+}
+function Dt(e) {
+  e = e.toLowerCase();
+  var t = Mt(e);
+  return t || e;
+}
+function Pt(e) {
+  return e.replace(L.CARRIAGE_RETURN_REGEX, L.CARRIAGE_RETURN_PLACEHOLDER);
+}
+function rt(e) {
+  return e.replace(L.CARRIAGE_RETURN_PLACEHOLDER_REGEX, L.CARRIAGE_RETURN);
+}
+function nt(e, t, r) {
+  t === void 0 && (t = null);
+  for (var n = [], i, a = 0, f = e.length; a < f; a++) {
+    var p = e[a];
+    switch (p.nodeType) {
+      case 1: {
+        var u = Dt(p.nodeName);
+        i = new B.Element(u, tt(p.attributes)), i.children = nt(
+          // template children are on content
+          u === "template" ? p.content.childNodes : p.childNodes,
+          i
+        );
+        break;
+      }
+      case 3:
+        i = new B.Text(rt(p.nodeValue));
+        break;
+      case 8:
+        i = new B.Comment(p.nodeValue);
+        break;
+      default:
+        continue;
+    }
+    var c = n[a - 1] || null;
+    c && (c.next = i), i.parent = t, i.prev = c, i.next = null, n.push(i);
   }
-), Nt = ({ heading: o, stepsList: e, classes: d }) => /* @__PURE__ */ t.jsx(T, { className: d == null ? void 0 : d.root, children: /* @__PURE__ */ t.jsx(a, { className: d == null ? void 0 : d.container, children: /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-12 desktop:items-start", d == null ? void 0 : d.wrapper), children: [
-  /* @__PURE__ */ t.jsx(k, { as: "h2", className: i("text-color-dark", d == null ? void 0 : d.headline), children: o }),
-  /* @__PURE__ */ t.jsx(
+  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;
+}
+Object.defineProperty(le, "__esModule", { value: !0 });
+le.default = zt;
+var Lt = O, be = "html", ke = "head", F = "body", Ht = /<([a-zA-Z]+[0-9]?)/, Ee = /<head[^]*>/i, we = /<body[^]*>/i, V = function(e, t) {
+  throw new Error("This browser does not support `document.implementation.createHTMLDocument`");
+}, re = function(e, t) {
+  throw new Error("This browser does not support `DOMParser.prototype.parseFromString`");
+}, je = typeof window == "object" && window.DOMParser;
+if (typeof je == "function") {
+  var Bt = new je(), Ft = "text/html";
+  re = function(e, t) {
+    return t && (e = "<".concat(t, ">").concat(e, "</").concat(t, ">")), Bt.parseFromString(e, Ft);
+  }, V = re;
+}
+if (typeof document == "object" && document.implementation) {
+  var z = document.implementation.createHTMLDocument();
+  V = function(e, t) {
+    if (t) {
+      var r = z.documentElement.querySelector(t);
+      return r && (r.innerHTML = e), z;
+    }
+    return z.documentElement.innerHTML = e, z;
+  };
+}
+var G = typeof document == "object" && document.createElement("template"), ne;
+G && G.content && (ne = function(e) {
+  return G.innerHTML = e, G.content.childNodes;
+});
+function zt(e) {
+  var t, r;
+  e = (0, Lt.escapeSpecialCharacters)(e);
+  var n = e.match(Ht), i = n && n[1] ? n[1].toLowerCase() : "";
+  switch (i) {
+    case be: {
+      var a = re(e);
+      if (!Ee.test(e)) {
+        var f = a.querySelector(ke);
+        (t = f == null ? void 0 : f.parentNode) === null || t === void 0 || t.removeChild(f);
+      }
+      if (!we.test(e)) {
+        var f = a.querySelector(F);
+        (r = f == null ? void 0 : f.parentNode) === null || r === void 0 || r.removeChild(f);
+      }
+      return a.querySelectorAll(be);
+    }
+    case ke:
+    case F: {
+      var p = V(e).querySelectorAll(i);
+      return we.test(e) && Ee.test(e) ? p[0].parentNode.childNodes : p;
+    }
+    // low-level tag or text
+    default: {
+      if (ne)
+        return ne(e);
+      var f = V(e, F).querySelector(F);
+      return f.childNodes;
+    }
+  }
+}
+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) {
+  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;
+  return (0, Ut.formatDOM)((0, Vt.default)(e), null, r);
+}
+var $ = {}, w = {}, q = {}, $t = 0;
+q.SAME = $t;
+var qt = 1;
+q.CAMELCASE = qt;
+q.possibleStandardNames = {
+  accept: 0,
+  acceptCharset: 1,
+  "accept-charset": "acceptCharset",
+  accessKey: 1,
+  action: 0,
+  allowFullScreen: 1,
+  alt: 0,
+  as: 0,
+  async: 0,
+  autoCapitalize: 1,
+  autoComplete: 1,
+  autoCorrect: 1,
+  autoFocus: 1,
+  autoPlay: 1,
+  autoSave: 1,
+  capture: 0,
+  cellPadding: 1,
+  cellSpacing: 1,
+  challenge: 0,
+  charSet: 1,
+  checked: 0,
+  children: 0,
+  cite: 0,
+  class: "className",
+  classID: 1,
+  className: 1,
+  cols: 0,
+  colSpan: 1,
+  content: 0,
+  contentEditable: 1,
+  contextMenu: 1,
+  controls: 0,
+  controlsList: 1,
+  coords: 0,
+  crossOrigin: 1,
+  dangerouslySetInnerHTML: 1,
+  data: 0,
+  dateTime: 1,
+  default: 0,
+  defaultChecked: 1,
+  defaultValue: 1,
+  defer: 0,
+  dir: 0,
+  disabled: 0,
+  disablePictureInPicture: 1,
+  disableRemotePlayback: 1,
+  download: 0,
+  draggable: 0,
+  encType: 1,
+  enterKeyHint: 1,
+  for: "htmlFor",
+  form: 0,
+  formMethod: 1,
+  formAction: 1,
+  formEncType: 1,
+  formNoValidate: 1,
+  formTarget: 1,
+  frameBorder: 1,
+  headers: 0,
+  height: 0,
+  hidden: 0,
+  high: 0,
+  href: 0,
+  hrefLang: 1,
+  htmlFor: 1,
+  httpEquiv: 1,
+  "http-equiv": "httpEquiv",
+  icon: 0,
+  id: 0,
+  innerHTML: 1,
+  inputMode: 1,
+  integrity: 0,
+  is: 0,
+  itemID: 1,
+  itemProp: 1,
+  itemRef: 1,
+  itemScope: 1,
+  itemType: 1,
+  keyParams: 1,
+  keyType: 1,
+  kind: 0,
+  label: 0,
+  lang: 0,
+  list: 0,
+  loop: 0,
+  low: 0,
+  manifest: 0,
+  marginWidth: 1,
+  marginHeight: 1,
+  max: 0,
+  maxLength: 1,
+  media: 0,
+  mediaGroup: 1,
+  method: 0,
+  min: 0,
+  minLength: 1,
+  multiple: 0,
+  muted: 0,
+  name: 0,
+  noModule: 1,
+  nonce: 0,
+  noValidate: 1,
+  open: 0,
+  optimum: 0,
+  pattern: 0,
+  placeholder: 0,
+  playsInline: 1,
+  poster: 0,
+  preload: 0,
+  profile: 0,
+  radioGroup: 1,
+  readOnly: 1,
+  referrerPolicy: 1,
+  rel: 0,
+  required: 0,
+  reversed: 0,
+  role: 0,
+  rows: 0,
+  rowSpan: 1,
+  sandbox: 0,
+  scope: 0,
+  scoped: 0,
+  scrolling: 0,
+  seamless: 0,
+  selected: 0,
+  shape: 0,
+  size: 0,
+  sizes: 0,
+  span: 0,
+  spellCheck: 1,
+  src: 0,
+  srcDoc: 1,
+  srcLang: 1,
+  srcSet: 1,
+  start: 0,
+  step: 0,
+  style: 0,
+  summary: 0,
+  tabIndex: 1,
+  target: 0,
+  title: 0,
+  type: 0,
+  useMap: 1,
+  value: 0,
+  width: 0,
+  wmode: 0,
+  wrap: 0,
+  about: 0,
+  accentHeight: 1,
+  "accent-height": "accentHeight",
+  accumulate: 0,
+  additive: 0,
+  alignmentBaseline: 1,
+  "alignment-baseline": "alignmentBaseline",
+  allowReorder: 1,
+  alphabetic: 0,
+  amplitude: 0,
+  arabicForm: 1,
+  "arabic-form": "arabicForm",
+  ascent: 0,
+  attributeName: 1,
+  attributeType: 1,
+  autoReverse: 1,
+  azimuth: 0,
+  baseFrequency: 1,
+  baselineShift: 1,
+  "baseline-shift": "baselineShift",
+  baseProfile: 1,
+  bbox: 0,
+  begin: 0,
+  bias: 0,
+  by: 0,
+  calcMode: 1,
+  capHeight: 1,
+  "cap-height": "capHeight",
+  clip: 0,
+  clipPath: 1,
+  "clip-path": "clipPath",
+  clipPathUnits: 1,
+  clipRule: 1,
+  "clip-rule": "clipRule",
+  color: 0,
+  colorInterpolation: 1,
+  "color-interpolation": "colorInterpolation",
+  colorInterpolationFilters: 1,
+  "color-interpolation-filters": "colorInterpolationFilters",
+  colorProfile: 1,
+  "color-profile": "colorProfile",
+  colorRendering: 1,
+  "color-rendering": "colorRendering",
+  contentScriptType: 1,
+  contentStyleType: 1,
+  cursor: 0,
+  cx: 0,
+  cy: 0,
+  d: 0,
+  datatype: 0,
+  decelerate: 0,
+  descent: 0,
+  diffuseConstant: 1,
+  direction: 0,
+  display: 0,
+  divisor: 0,
+  dominantBaseline: 1,
+  "dominant-baseline": "dominantBaseline",
+  dur: 0,
+  dx: 0,
+  dy: 0,
+  edgeMode: 1,
+  elevation: 0,
+  enableBackground: 1,
+  "enable-background": "enableBackground",
+  end: 0,
+  exponent: 0,
+  externalResourcesRequired: 1,
+  fill: 0,
+  fillOpacity: 1,
+  "fill-opacity": "fillOpacity",
+  fillRule: 1,
+  "fill-rule": "fillRule",
+  filter: 0,
+  filterRes: 1,
+  filterUnits: 1,
+  floodOpacity: 1,
+  "flood-opacity": "floodOpacity",
+  floodColor: 1,
+  "flood-color": "floodColor",
+  focusable: 0,
+  fontFamily: 1,
+  "font-family": "fontFamily",
+  fontSize: 1,
+  "font-size": "fontSize",
+  fontSizeAdjust: 1,
+  "font-size-adjust": "fontSizeAdjust",
+  fontStretch: 1,
+  "font-stretch": "fontStretch",
+  fontStyle: 1,
+  "font-style": "fontStyle",
+  fontVariant: 1,
+  "font-variant": "fontVariant",
+  fontWeight: 1,
+  "font-weight": "fontWeight",
+  format: 0,
+  from: 0,
+  fx: 0,
+  fy: 0,
+  g1: 0,
+  g2: 0,
+  glyphName: 1,
+  "glyph-name": "glyphName",
+  glyphOrientationHorizontal: 1,
+  "glyph-orientation-horizontal": "glyphOrientationHorizontal",
+  glyphOrientationVertical: 1,
+  "glyph-orientation-vertical": "glyphOrientationVertical",
+  glyphRef: 1,
+  gradientTransform: 1,
+  gradientUnits: 1,
+  hanging: 0,
+  horizAdvX: 1,
+  "horiz-adv-x": "horizAdvX",
+  horizOriginX: 1,
+  "horiz-origin-x": "horizOriginX",
+  ideographic: 0,
+  imageRendering: 1,
+  "image-rendering": "imageRendering",
+  in2: 0,
+  in: 0,
+  inlist: 0,
+  intercept: 0,
+  k1: 0,
+  k2: 0,
+  k3: 0,
+  k4: 0,
+  k: 0,
+  kernelMatrix: 1,
+  kernelUnitLength: 1,
+  kerning: 0,
+  keyPoints: 1,
+  keySplines: 1,
+  keyTimes: 1,
+  lengthAdjust: 1,
+  letterSpacing: 1,
+  "letter-spacing": "letterSpacing",
+  lightingColor: 1,
+  "lighting-color": "lightingColor",
+  limitingConeAngle: 1,
+  local: 0,
+  markerEnd: 1,
+  "marker-end": "markerEnd",
+  markerHeight: 1,
+  markerMid: 1,
+  "marker-mid": "markerMid",
+  markerStart: 1,
+  "marker-start": "markerStart",
+  markerUnits: 1,
+  markerWidth: 1,
+  mask: 0,
+  maskContentUnits: 1,
+  maskUnits: 1,
+  mathematical: 0,
+  mode: 0,
+  numOctaves: 1,
+  offset: 0,
+  opacity: 0,
+  operator: 0,
+  order: 0,
+  orient: 0,
+  orientation: 0,
+  origin: 0,
+  overflow: 0,
+  overlinePosition: 1,
+  "overline-position": "overlinePosition",
+  overlineThickness: 1,
+  "overline-thickness": "overlineThickness",
+  paintOrder: 1,
+  "paint-order": "paintOrder",
+  panose1: 0,
+  "panose-1": "panose1",
+  pathLength: 1,
+  patternContentUnits: 1,
+  patternTransform: 1,
+  patternUnits: 1,
+  pointerEvents: 1,
+  "pointer-events": "pointerEvents",
+  points: 0,
+  pointsAtX: 1,
+  pointsAtY: 1,
+  pointsAtZ: 1,
+  prefix: 0,
+  preserveAlpha: 1,
+  preserveAspectRatio: 1,
+  primitiveUnits: 1,
+  property: 0,
+  r: 0,
+  radius: 0,
+  refX: 1,
+  refY: 1,
+  renderingIntent: 1,
+  "rendering-intent": "renderingIntent",
+  repeatCount: 1,
+  repeatDur: 1,
+  requiredExtensions: 1,
+  requiredFeatures: 1,
+  resource: 0,
+  restart: 0,
+  result: 0,
+  results: 0,
+  rotate: 0,
+  rx: 0,
+  ry: 0,
+  scale: 0,
+  security: 0,
+  seed: 0,
+  shapeRendering: 1,
+  "shape-rendering": "shapeRendering",
+  slope: 0,
+  spacing: 0,
+  specularConstant: 1,
+  specularExponent: 1,
+  speed: 0,
+  spreadMethod: 1,
+  startOffset: 1,
+  stdDeviation: 1,
+  stemh: 0,
+  stemv: 0,
+  stitchTiles: 1,
+  stopColor: 1,
+  "stop-color": "stopColor",
+  stopOpacity: 1,
+  "stop-opacity": "stopOpacity",
+  strikethroughPosition: 1,
+  "strikethrough-position": "strikethroughPosition",
+  strikethroughThickness: 1,
+  "strikethrough-thickness": "strikethroughThickness",
+  string: 0,
+  stroke: 0,
+  strokeDasharray: 1,
+  "stroke-dasharray": "strokeDasharray",
+  strokeDashoffset: 1,
+  "stroke-dashoffset": "strokeDashoffset",
+  strokeLinecap: 1,
+  "stroke-linecap": "strokeLinecap",
+  strokeLinejoin: 1,
+  "stroke-linejoin": "strokeLinejoin",
+  strokeMiterlimit: 1,
+  "stroke-miterlimit": "strokeMiterlimit",
+  strokeWidth: 1,
+  "stroke-width": "strokeWidth",
+  strokeOpacity: 1,
+  "stroke-opacity": "strokeOpacity",
+  suppressContentEditableWarning: 1,
+  suppressHydrationWarning: 1,
+  surfaceScale: 1,
+  systemLanguage: 1,
+  tableValues: 1,
+  targetX: 1,
+  targetY: 1,
+  textAnchor: 1,
+  "text-anchor": "textAnchor",
+  textDecoration: 1,
+  "text-decoration": "textDecoration",
+  textLength: 1,
+  textRendering: 1,
+  "text-rendering": "textRendering",
+  to: 0,
+  transform: 0,
+  typeof: 0,
+  u1: 0,
+  u2: 0,
+  underlinePosition: 1,
+  "underline-position": "underlinePosition",
+  underlineThickness: 1,
+  "underline-thickness": "underlineThickness",
+  unicode: 0,
+  unicodeBidi: 1,
+  "unicode-bidi": "unicodeBidi",
+  unicodeRange: 1,
+  "unicode-range": "unicodeRange",
+  unitsPerEm: 1,
+  "units-per-em": "unitsPerEm",
+  unselectable: 0,
+  vAlphabetic: 1,
+  "v-alphabetic": "vAlphabetic",
+  values: 0,
+  vectorEffect: 1,
+  "vector-effect": "vectorEffect",
+  version: 0,
+  vertAdvY: 1,
+  "vert-adv-y": "vertAdvY",
+  vertOriginX: 1,
+  "vert-origin-x": "vertOriginX",
+  vertOriginY: 1,
+  "vert-origin-y": "vertOriginY",
+  vHanging: 1,
+  "v-hanging": "vHanging",
+  vIdeographic: 1,
+  "v-ideographic": "vIdeographic",
+  viewBox: 1,
+  viewTarget: 1,
+  visibility: 0,
+  vMathematical: 1,
+  "v-mathematical": "vMathematical",
+  vocab: 0,
+  widths: 0,
+  wordSpacing: 1,
+  "word-spacing": "wordSpacing",
+  writingMode: 1,
+  "writing-mode": "writingMode",
+  x1: 0,
+  x2: 0,
+  x: 0,
+  xChannelSelector: 1,
+  xHeight: 1,
+  "x-height": "xHeight",
+  xlinkActuate: 1,
+  "xlink:actuate": "xlinkActuate",
+  xlinkArcrole: 1,
+  "xlink:arcrole": "xlinkArcrole",
+  xlinkHref: 1,
+  "xlink:href": "xlinkHref",
+  xlinkRole: 1,
+  "xlink:role": "xlinkRole",
+  xlinkShow: 1,
+  "xlink:show": "xlinkShow",
+  xlinkTitle: 1,
+  "xlink:title": "xlinkTitle",
+  xlinkType: 1,
+  "xlink:type": "xlinkType",
+  xmlBase: 1,
+  "xml:base": "xmlBase",
+  xmlLang: 1,
+  "xml:lang": "xmlLang",
+  xmlns: 0,
+  "xml:space": "xmlSpace",
+  xmlnsXlink: 1,
+  "xmlns:xlink": "xmlnsXlink",
+  xmlSpace: 1,
+  y1: 0,
+  y2: 0,
+  y: 0,
+  yChannelSelector: 1,
+  z: 0,
+  zoomAndPan: 1
+};
+const it = 0, T = 1, Y = 2, Z = 3, ce = 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;
+}
+const y = {}, Zt = [
+  "children",
+  "dangerouslySetInnerHTML",
+  // TODO: This prevents the assignment of defaultValue to regular
+  // elements (not just inputs). Now that ReactDOMInput assigns to the
+  // defaultValue property -- do we need this?
+  "defaultValue",
+  "defaultChecked",
+  "innerHTML",
+  "suppressContentEditableWarning",
+  "suppressHydrationWarning",
+  "style"
+];
+Zt.forEach((e) => {
+  y[e] = new b(
+    e,
+    it,
+    !1,
+    // mustUseProperty
+    e,
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  ["acceptCharset", "accept-charset"],
+  ["className", "class"],
+  ["htmlFor", "for"],
+  ["httpEquiv", "http-equiv"]
+].forEach(([e, t]) => {
+  y[e] = new b(
+    e,
+    T,
+    !1,
+    // mustUseProperty
+    t,
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+["contentEditable", "draggable", "spellCheck", "value"].forEach((e) => {
+  y[e] = new b(
+    e,
+    Y,
+    !1,
+    // mustUseProperty
+    e.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "autoReverse",
+  "externalResourcesRequired",
+  "focusable",
+  "preserveAlpha"
+].forEach((e) => {
+  y[e] = new b(
+    e,
+    Y,
+    !1,
+    // mustUseProperty
+    e,
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "allowFullScreen",
+  "async",
+  // Note: there is a special case that prevents it from being written to the DOM
+  // on the client side because the browsers are inconsistent. Instead we call focus().
+  "autoFocus",
+  "autoPlay",
+  "controls",
+  "default",
+  "defer",
+  "disabled",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "formNoValidate",
+  "hidden",
+  "loop",
+  "noModule",
+  "noValidate",
+  "open",
+  "playsInline",
+  "readOnly",
+  "required",
+  "reversed",
+  "scoped",
+  "seamless",
+  // Microdata
+  "itemScope"
+].forEach((e) => {
+  y[e] = new b(
+    e,
+    Z,
+    !1,
+    // mustUseProperty
+    e.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "checked",
+  // Note: `option.selected` is not updated if `select.multiple` is
+  // disabled with `removeAttribute`. We have special logic for handling this.
+  "multiple",
+  "muted",
+  "selected"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach((e) => {
+  y[e] = new b(
+    e,
+    Z,
+    !0,
+    // mustUseProperty
+    e,
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "capture",
+  "download"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach((e) => {
+  y[e] = new b(
+    e,
+    ce,
+    !1,
+    // mustUseProperty
+    e,
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "cols",
+  "rows",
+  "size",
+  "span"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach((e) => {
+  y[e] = new b(
+    e,
+    at,
+    !1,
+    // mustUseProperty
+    e,
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+["rowSpan", "start"].forEach((e) => {
+  y[e] = new b(
+    e,
+    ot,
+    !1,
+    // mustUseProperty
+    e.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+const he = /[\-\:]([a-z])/g, me = (e) => e[1].toUpperCase();
+[
+  "accent-height",
+  "alignment-baseline",
+  "arabic-form",
+  "baseline-shift",
+  "cap-height",
+  "clip-path",
+  "clip-rule",
+  "color-interpolation",
+  "color-interpolation-filters",
+  "color-profile",
+  "color-rendering",
+  "dominant-baseline",
+  "enable-background",
+  "fill-opacity",
+  "fill-rule",
+  "flood-color",
+  "flood-opacity",
+  "font-family",
+  "font-size",
+  "font-size-adjust",
+  "font-stretch",
+  "font-style",
+  "font-variant",
+  "font-weight",
+  "glyph-name",
+  "glyph-orientation-horizontal",
+  "glyph-orientation-vertical",
+  "horiz-adv-x",
+  "horiz-origin-x",
+  "image-rendering",
+  "letter-spacing",
+  "lighting-color",
+  "marker-end",
+  "marker-mid",
+  "marker-start",
+  "overline-position",
+  "overline-thickness",
+  "paint-order",
+  "panose-1",
+  "pointer-events",
+  "rendering-intent",
+  "shape-rendering",
+  "stop-color",
+  "stop-opacity",
+  "strikethrough-position",
+  "strikethrough-thickness",
+  "stroke-dasharray",
+  "stroke-dashoffset",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-miterlimit",
+  "stroke-opacity",
+  "stroke-width",
+  "text-anchor",
+  "text-decoration",
+  "text-rendering",
+  "underline-position",
+  "underline-thickness",
+  "unicode-bidi",
+  "unicode-range",
+  "units-per-em",
+  "v-alphabetic",
+  "v-hanging",
+  "v-ideographic",
+  "v-mathematical",
+  "vector-effect",
+  "vert-adv-y",
+  "vert-origin-x",
+  "vert-origin-y",
+  "word-spacing",
+  "writing-mode",
+  "xmlns:xlink",
+  "x-height"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach((e) => {
+  const t = e.replace(he, me);
+  y[t] = new b(
+    t,
+    T,
+    !1,
+    // mustUseProperty
+    e,
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "xlink:actuate",
+  "xlink:arcrole",
+  "xlink:role",
+  "xlink:show",
+  "xlink:title",
+  "xlink:type"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach((e) => {
+  const t = e.replace(he, me);
+  y[t] = new b(
+    t,
+    T,
+    !1,
+    // mustUseProperty
+    e,
+    "http://www.w3.org/1999/xlink",
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+[
+  "xml:base",
+  "xml:lang",
+  "xml:space"
+  // NOTE: if you add a camelCased prop to this list,
+  // you'll need to set attributeName to name.toLowerCase()
+  // instead in the assignment below.
+].forEach((e) => {
+  const t = e.replace(he, me);
+  y[t] = new b(
+    t,
+    T,
+    !1,
+    // mustUseProperty
+    e,
+    "http://www.w3.org/XML/1998/namespace",
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+["tabIndex", "crossOrigin"].forEach((e) => {
+  y[e] = new b(
+    e,
+    T,
+    !1,
+    // mustUseProperty
+    e.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    !1,
+    // sanitizeURL
+    !1
+    // removeEmptyString
+  );
+});
+const Kt = "xlinkHref";
+y[Kt] = new b(
+  "xlinkHref",
+  T,
+  !1,
+  // mustUseProperty
+  "xlink:href",
+  "http://www.w3.org/1999/xlink",
+  !0,
+  // sanitizeURL
+  !1
+  // removeEmptyString
+);
+["src", "href", "action", "formAction"].forEach((e) => {
+  y[e] = new b(
+    e,
+    T,
+    !1,
+    // mustUseProperty
+    e.toLowerCase(),
+    // attributeName
+    null,
+    // attributeNamespace
+    !0,
+    // sanitizeURL
+    !0
+    // removeEmptyString
+  );
+});
+const {
+  CAMELCASE: Jt,
+  SAME: Qt,
+  possibleStandardNames: _e
+} = q, er = ":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD", tr = er + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040", rr = RegExp.prototype.test.bind(
+  // eslint-disable-next-line no-misleading-character-class
+  new RegExp("^(data|aria)-[" + tr + "]*$")
+), nr = Object.keys(
+  _e
+).reduce((e, t) => {
+  const r = _e[t];
+  return r === Qt ? e[t] = t : r === Jt ? e[t.toLowerCase()] = t : e[t] = r, e;
+}, {});
+w.BOOLEAN = Z;
+w.BOOLEANISH_STRING = Y;
+w.NUMERIC = ot;
+w.OVERLOADED_BOOLEAN = ce;
+w.POSITIVE_NUMERIC = at;
+w.RESERVED = it;
+w.STRING = T;
+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) {
+  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 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;
+    };
+  }
+  function f(g) {
+    this.start = g, this.end = { line: r, column: n }, this.source = t.source;
+  }
+  f.prototype.content = e;
+  function p(g) {
+    var h = 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;
+  }
+  function u(g) {
+    var h = g.exec(e);
+    if (h) {
+      var k = h[0];
+      return i(k), e = e.slice(k.length), h;
+    }
+  }
+  function c() {
+    u(or);
+  }
+  function d(g) {
+    var h;
+    for (g = g || []; h = m(); )
+      h !== !1 && g.push(h);
+    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))
+        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,
+        comment: k
+      });
+    }
+  }
+  function _() {
+    var g = a(), h = u(ar);
+    if (h) {
+      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
+      });
+      return u(ur), ft;
+    }
+  }
+  function H() {
+    var g = [];
+    d(g);
+    for (var h; h = _(); )
+      h !== !1 && (g.push(h), d(g));
+    return g;
+  }
+  return c(), H();
+};
+function Te(e) {
+  return e ? e.replace(fr, R) : R;
+}
+var xr = v && v.__importDefault || function(e) {
+  return e && e.__esModule ? e : { default: e };
+};
+Object.defineProperty(ge, "__esModule", { value: !0 });
+ge.default = vr;
+var gr = xr(mr);
+function vr(e, t) {
+  var r = null;
+  if (!e || typeof e != "string")
+    return r;
+  var n = (0, gr.default)(e), i = typeof t == "function";
+  return n.forEach(function(a) {
+    if (a.type === "declaration") {
+      var f = a.property, p = a.value;
+      i ? t(f, p, a) : p && (r = r || {}, r[f] = p);
+    }
+  }), r;
+}
+var K = {};
+Object.defineProperty(K, "__esModule", { value: !0 });
+K.camelCase = void 0;
+var yr = /^--[a-zA-Z0-9_-]+$/, br = /-([a-z])/g, kr = /^[^-]+$/, Er = /^-(webkit|moz|ms|o|khtml)-/, wr = /^-(ms)-/, jr = function(e) {
+  return !e || kr.test(e) || yr.test(e);
+}, _r = function(e, t) {
+  return t.toUpperCase();
+}, Re = 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));
+};
+K.camelCase = sr;
+var Cr = v && v.__importDefault || function(e) {
+  return e && e.__esModule ? e : { default: e };
+}, Nr = Cr(ge), Tr = 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);
+  }), r;
+}
+ie.default = 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(Rr), i = /* @__PURE__ */ new Set([
+    "annotation-xml",
+    "color-profile",
+    "font-face",
+    "font-face-src",
+    "font-face-uri",
+    "font-face-format",
+    "font-face-name",
+    "missing-glyph"
+  ]);
+  function a(d, m) {
+    return d.includes("-") ? !i.has(d) : !!(m && typeof m.is == "string");
+  }
+  var f = {
+    reactCompat: !0
+  };
+  function p(d, m) {
+    if (typeof d == "string") {
+      if (!d.trim()) {
+        m.style = {};
+        return;
+      }
+      try {
+        m.style = (0, n.default)(d, f);
+      } catch {
+        m.style = {};
+      }
+    }
+  }
+  e.PRESERVE_CUSTOM_ATTRIBUTES = Number(r.version.split(".")[0]) >= 16, e.ELEMENTS_WITH_NO_TEXT_CHILDREN = /* @__PURE__ */ new Set([
+    "tr",
+    "tbody",
+    "thead",
+    "tfoot",
+    "colgroup",
+    "table",
+    "head",
+    "html",
+    "frameset"
+  ]);
+  var u = function(d) {
+    return !e.ELEMENTS_WITH_NO_TEXT_CHILDREN.has(d.name);
+  };
+  e.canTextBeChildOfNode = u;
+  var c = function(d) {
+    return d;
+  };
+  e.returnFirstArg = c;
+})(xe);
+Object.defineProperty($, "__esModule", { value: !0 });
+$.default = Ar;
+var A = w, Ie = xe, Ir = ["checked", "value"], Or = ["input", "select", "textarea"], Sr = {
+  reset: !0,
+  submit: !0
+};
+function Ar(e, t) {
+  e === void 0 && (e = {});
+  var r = {}, n = !!(e.type && Sr[e.type]);
+  for (var i in e) {
+    var a = e[i];
+    if ((0, A.isCustomAttribute)(i)) {
+      r[i] = a;
+      continue;
+    }
+    var f = i.toLowerCase(), p = Oe(f);
+    if (p) {
+      var u = (0, A.getPropertyInfo)(p);
+      switch (Ir.includes(p) && Or.includes(t) && !n && (p = Oe("default" + f)), r[p] = a, u && u.type) {
+        case A.BOOLEAN:
+          r[p] = !0;
+          break;
+        case A.OVERLOADED_BOOLEAN:
+          a === "" && (r[p] = !0);
+          break;
+      }
+      continue;
+    }
+    Ie.PRESERVE_CUSTOM_ATTRIBUTES && (r[i] = a);
+  }
+  return (0, Ie.setStyleProp)(e.style, r), r;
+}
+function Oe(e) {
+  return A.possibleStandardNames[e];
+}
+var ve = {}, Mr = v && v.__importDefault || function(e) {
+  return e && e.__esModule ? e : { default: e };
+};
+Object.defineProperty(ve, "__esModule", { value: !0 });
+ve.default = lt;
+var Q = He, Dr = Mr($), D = xe, Pr = {
+  cloneElement: Q.cloneElement,
+  createElement: Q.createElement,
+  isValidElement: Q.isValidElement
+};
+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++) {
+    var m = e[d];
+    if (n) {
+      var _ = t.replace(m, d);
+      if (u(_)) {
+        c > 1 && (_ = f(_, {
+          key: _.key || d
+        })), r.push(i(_, m, d));
+        continue;
+      }
+    }
+    if (m.type === "text") {
+      var H = !m.data.trim().length;
+      if (H && m.parent && !(0, D.canTextBeChildOfNode)(m.parent) || t.trim && H)
+        continue;
+      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 k = void 0;
+    switch (m.type) {
+      case "script":
+      case "style":
+        m.children[0] && (h.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));
+        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));
+  }
+  return r.length === 1 ? r[0] : r;
+}
+function Lr(e) {
+  return D.PRESERVE_CUSTOM_ATTRIBUTES && e.type === "tag" && (0, D.isCustomComponent)(e.name, e.attribs);
+}
+(function(e) {
+  var t = v && v.__importDefault || function(u) {
+    return u && u.__esModule ? u : { default: u };
+  };
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.htmlToDOM = e.domToReact = e.attributesToProps = e.Text = e.ProcessingInstruction = e.Element = e.Comment = void 0, e.default = p;
+  var r = t(ae);
+  e.htmlToDOM = r.default;
+  var n = t($);
+  e.attributesToProps = n.default;
+  var i = t(ve);
+  e.domToReact = i.default;
+  var a = de;
+  Object.defineProperty(e, "Comment", { enumerable: !0, get: function() {
+    return a.Comment;
+  } }), Object.defineProperty(e, "Element", { enumerable: !0, get: function() {
+    return a.Element;
+  } }), Object.defineProperty(e, "ProcessingInstruction", { enumerable: !0, get: function() {
+    return a.ProcessingInstruction;
+  } }), Object.defineProperty(e, "Text", { enumerable: !0, get: function() {
+    return a.Text;
+  } });
+  var f = { lowerCaseAttributeNames: !1 };
+  function p(u, c) {
+    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) : [];
+  }
+})(ze);
+const Se = /* @__PURE__ */ gt(ze), Hr = Se.default || Se, Br = ({ classes: e, index: t, variant: r, title: n, description: i }) => {
+  const a = r === "withTitleAndDescription" && n;
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: i(
-        "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
-        d == null ? void 0 : d.stepsWrapper
+      className: l(
+        "flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
+        e == null ? void 0 : e.singleStep
       ),
-      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(tt, { index: n + 1, ...r, classes: d == null ? void 0 : d.step }, r.title))
+      children: [
+        /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            className: l(
+              "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
+              e == null ? void 0 : e.numeric
+            ),
+            children: t
+          }
+        ),
+        /* @__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 }),
+          /* @__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 }),
+  /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: l(
+        "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
+        n == null ? void 0 : n.stepsWrapper
+      ),
+      children: r == null ? void 0 : r.map((i, a) => /* @__PURE__ */ o.jsx(Br, { variant: t, ...i, index: a + 1, classes: n == null ? void 0 : n.step }, i.description))
     }
   )
-] }) }) }), et = j("", {
+] }) }) }), Fr = I("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -524,7 +2353,7 @@ const G = j(
   defaultVariants: {
     intent: "twoItems"
   }
-}), rt = j("desktop:max-h-[98px]", {
+}), zr = I("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -556,7 +2385,7 @@ const G = j(
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), ot = j("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), Gr = I("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',
@@ -566,7 +2395,7 @@ const G = j(
   defaultVariants: {
     intent: "twoItems"
   }
-}), nt = j("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Vr = I("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -592,51 +2421,51 @@ const G = j(
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), it = ({ data: o, intent: e }) => {
-  const { title: d, description: r, popoverText: n } = o;
-  return /* @__PURE__ */ t.jsx("li", { className: i(ot({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: i("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ t.jsx("h4", { className: i("mob-title-bold-m text-color-dark"), children: d }),
-      n && /* @__PURE__ */ t.jsx(V, { triggerElement: /* @__PURE__ */ t.jsx(u, { className: i("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
+}), Ur = ({ data: e, intent: t }) => {
+  const { title: r, description: n, popoverText: i } = e;
+  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 })
     ] }),
-    /* @__PURE__ */ t.jsx("p", { className: i("mob-body-regular-l text-color-secondary"), children: r })
+    /* @__PURE__ */ o.jsx("p", { className: l("mob-body-regular-l text-color-secondary"), children: n })
   ] }) });
-}, N = ({ intent: o, title: e, desktopHidden: d = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: i(et({ intent: o, desktopHidden: d, mobileHidden: r })), children: e }), dt = ({ textContent: o, intent: e, withButton: d }) => /* @__PURE__ */ t.jsx("ul", { className: i(rt({ intent: e, withButton: d })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(it, { intent: e, data: r }, n)) }), vt = ({
-  title: o,
-  buttonConfig: e,
-  intent: d = "twoItems",
-  textContent: r,
-  imageComponent: n,
-  classes: x
+}, 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 = ({
+  title: e,
+  buttonConfig: t,
+  intent: r = "twoItems",
+  textContent: n,
+  imageComponent: i,
+  classes: a
 }) => {
-  const m = !!e, f = d === "fourItems", h = d === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: i(x == null ? void 0 : x.section), children: /* @__PURE__ */ t.jsxs(a, { className: i(x == null ? void 0 : x.mainContainer), children: [
-    h && /* @__PURE__ */ t.jsx(N, { intent: d, title: o }),
-    /* @__PURE__ */ t.jsxs(
+  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: [
+    u && /* @__PURE__ */ o.jsx(ee, { intent: r, title: e }),
+    /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: i(
+        className: l(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
-          x == null ? void 0 : x.contentContainer
+          a == null ? void 0 : a.contentContainer
         ),
         children: [
-          f && /* @__PURE__ */ t.jsx(N, { intent: d, title: o, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: i(nt({ intent: d, withButton: m }), x == null ? void 0 : x.imgContainer), children: n }),
-          /* @__PURE__ */ t.jsxs(
+          p && /* @__PURE__ */ o.jsx(ee, { intent: r, title: e, desktopHidden: !0 }),
+          /* @__PURE__ */ o.jsx("div", { className: l(Vr({ intent: r, withButton: f }), a == null ? void 0 : a.imgContainer), children: i }),
+          /* @__PURE__ */ o.jsxs(
             "div",
             {
-              className: i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", x == null ? void 0 : x.textWithBtnContainer),
+              className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", a == null ? void 0 : a.textWithBtnContainer),
               children: [
-                f && /* @__PURE__ */ t.jsx(N, { intent: d, title: o, mobileHidden: !0 }),
-                /* @__PURE__ */ t.jsx(dt, { textContent: r, intent: d, withButton: m }),
-                m && /* @__PURE__ */ t.jsx(
-                  g,
+                p && /* @__PURE__ */ o.jsx(ee, { intent: r, title: e, mobileHidden: !0 }),
+                /* @__PURE__ */ o.jsx(Wr, { textContent: n, intent: r, withButton: f }),
+                f && /* @__PURE__ */ o.jsx(
+                  P,
                   {
-                    className: i("w-full px-4 desktop:w-max", x == null ? void 0 : x.button),
+                    className: l("w-full px-4 desktop:w-max", a == null ? void 0 : a.button),
                     size: "lg",
-                    onClick: e.onClick,
+                    onClick: t.onClick,
                     intent: "secondary",
-                    children: e.text
+                    children: t.text
                   }
                 )
               ]
@@ -646,173 +2475,173 @@ const G = j(
       }
     )
   ] }) });
-}, v = {
+}, te = {
   ESIA: "esia",
   MOBILE_ID: "mobileId",
   COMBINE: "combine"
-}, H = ({ children: o, isLoading: e, classes: d, loaderProps: r }) => /* @__PURE__ */ t.jsx(
+}, dt = ({ children: e, isLoading: t, classes: r, loaderProps: n }) => /* @__PURE__ */ o.jsx(
   "div",
   {
     tabIndex: 0,
-    className: i(
+    className: l(
       "relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
       "bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
-      d == null ? void 0 : d.root
+      r == null ? void 0 : r.root
     ),
-    children: /* @__PURE__ */ t.jsx(
+    children: /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: i(
+        className: l(
           "flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
           "bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
-          { "items-center": e },
-          d == null ? void 0 : d.wrapper
+          { "items-center": t },
+          r == null ? void 0 : r.wrapper
         ),
-        children: e ? /* @__PURE__ */ t.jsx(D, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...r }) : o
+        children: t ? /* @__PURE__ */ o.jsx(mt, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : e
       }
     )
   }
-), 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(
+), 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: [
+  /* @__PURE__ */ o.jsx(
     "path",
     {
       d: "M30.3986 10.6149C30.2728 8.96576 29.014 6.85155 27.7553 5.83672C26.3398 4.79816 24.8691 3.83828 23.3497 2.96139C21.8418 2.06068 20.2871 1.24201 18.6923 0.508895C17.8404 0.15868 16.927 -0.0139306 16.007 0.00148264C15.0868 -0.0180029 14.1725 0.154761 13.3217 0.508895C11.7272 1.24253 10.1725 2.06119 8.66438 2.96139C6.23081 4.44134 4.25878 5.83672 4.25878 5.83672C3.22329 6.71008 2.43892 7.83418 1.97146 9.09195C1.87834 9.34251 2.07032 9.59987 2.33762 9.59987H4.2568C4.55401 9.59987 4.82321 9.43281 4.98085 9.18085C5.33539 8.61417 5.77902 8.10202 6.29948 7.66607C6.29948 7.66607 7.92774 6.52186 9.93709 5.3083C11.1823 4.57013 12.466 3.89884 13.7826 3.29725C14.485 3.00687 15.2399 2.8652 15.9998 2.88118C16.7593 2.86854 17.5136 3.01008 18.217 3.29725C19.5337 3.89841 20.8174 4.56972 22.0624 5.3083C23.317 6.02735 24.5313 6.81445 25.7 7.66607C26.7394 8.49823 27.7787 10.2319 27.8826 11.5841C27.8826 11.5841 28.1251 13.5952 28.1598 15.9772C28.1576 17.4483 28.0767 18.9183 27.9173 20.3807C27.6755 21.912 26.8879 23.3038 25.7 24.2988C25.7 24.2988 24.0718 25.4777 22.0624 26.6912C20.8172 27.4294 19.5335 28.1007 18.217 28.7023C17.5145 28.9927 16.7596 29.1343 15.9998 29.1184C15.2409 29.1343 14.4867 28.9963 13.7826 28.7127C12.4658 28.1115 11.1821 27.4402 9.93709 26.7016C7.92774 25.5228 6.29948 24.3092 6.29948 24.3092C5.84515 23.9454 5.39081 23.4094 5.01172 22.8082C4.85581 22.561 4.5896 22.3997 4.2973 22.3997H2.34718C2.07645 22.3997 1.88475 22.6629 1.98611 22.914C2.49249 24.168 3.37564 25.4212 4.25878 26.1332C4.25878 26.1332 6.23081 27.6132 8.66438 29.0508C10.1723 29.9515 11.7269 30.7702 13.3217 31.5033C14.1745 31.8492 15.088 32.0175 16.007 31.998C16.9273 32.0175 17.8416 31.8448 18.6923 31.4906C20.2869 30.757 21.8415 29.9383 23.3497 29.0381C25.7833 27.5582 27.7553 26.1205 27.7553 26.1205C29.1939 24.9072 30.1478 23.2098 30.4406 21.3424C30.6337 19.5589 30.7317 17.7663 30.7343 15.9723C30.6923 13.0673 30.3986 10.6149 30.3986 10.6149Z",
       fill: "url(#paint0_linear_6493_452)"
     }
   ),
-  /* @__PURE__ */ t.jsx(
+  /* @__PURE__ */ o.jsx(
     "path",
     {
       d: "M1.27985 12.4821C1.27985 12.1286 1.56638 11.8421 1.91985 11.8421H11.8398C12.1933 11.8421 12.4798 12.1286 12.4798 12.4821V14.4021C12.4798 14.7555 12.1933 15.0421 11.8398 15.0421H1.27985V12.4821Z",
       fill: "#0066B3"
     }
   ),
-  /* @__PURE__ */ t.jsx(
+  /* @__PURE__ */ o.jsx(
     "path",
     {
       d: "M1.27985 16.9618H21.4398C21.7933 16.9618 22.0798 17.2484 22.0798 17.6018V19.5218C22.0798 19.8752 21.7933 20.1618 21.4398 20.1618H1.91985C1.56638 20.1618 1.27985 19.8752 1.27985 19.5218V16.9618Z",
       fill: "#EE2F53"
     }
   ),
-  /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs("linearGradient", { id: "paint0_linear_6493_452", x1: "16.0071", y1: "0", x2: "16.0071", y2: "31.9996", gradientUnits: "userSpaceOnUse", children: [
-    /* @__PURE__ */ t.jsx("stop", { stopColor: "#0066B3" }),
-    /* @__PURE__ */ t.jsx("stop", { offset: "0.354167", stopColor: "#0066B3" }),
-    /* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
-    /* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
+  /* @__PURE__ */ o.jsx("defs", { children: /* @__PURE__ */ o.jsxs("linearGradient", { id: "paint0_linear_6493_452", x1: "16.0071", y1: "0", x2: "16.0071", y2: "31.9996", gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ o.jsx("stop", { stopColor: "#0066B3" }),
+    /* @__PURE__ */ o.jsx("stop", { offset: "0.354167", stopColor: "#0066B3" }),
+    /* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
+    /* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
   ] }) })
-] }), F = ({ mainLink: o, subLink: e, isMobile: d, classes: r }) => /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col", r == null ? void 0 : r.linksWrapper), children: [
-  /* @__PURE__ */ t.jsx(
+] }), ut = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: l("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
+  /* @__PURE__ */ o.jsx(
     "a",
     {
-      href: o.href,
+      href: e.href,
       target: "_blank",
       rel: "noreferrer",
-      className: i(
+      className: l(
         'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
-        r == null ? void 0 : r.linksMainLink
+        n == null ? void 0 : n.linksMainLink
       ),
-      children: d ? o.mobileTitle : o.title
+      children: r ? e.mobileTitle : e.title
     }
   ),
-  (e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
-    w,
+  (t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ o.jsx(
+    U,
     {
       intent: "blue",
       withUnderline: !0,
-      href: e == null ? void 0 : e.href,
+      href: t == null ? void 0 : t.href,
       target: "_blank",
       rel: "noreferrer",
       classes: {
-        link: i("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", r == null ? void 0 : r.linksSubLink)
+        link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
       },
-      children: e == null ? void 0 : e.text
+      children: t == null ? void 0 : t.text
     }
   )
-] }), I = ({ mainLink: o, subLink: e, isLoading: d, badge: r, loaderProps: n, classes: x }) => {
-  const { isMobile: m } = b();
-  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
+] }), Ae = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: a }) => {
+  const { isMobile: f } = S();
+  return /* @__PURE__ */ o.jsx(dt, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: i(
+      className: l(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !r && m },
-        x == null ? void 0 : x.innerWrapper
+        { "justify-center": !n && f },
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
-          /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsx(u, { name: "logos/mts", className: i("relative z-[9] size-7 desktop:size-8", x == null ? void 0 : x.mtsLogo) }),
-            /* @__PURE__ */ t.jsx(u, { name: "logos/megafon", className: i("relative z-[8] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.megafonLogo) }),
-            /* @__PURE__ */ t.jsx(u, { name: "logos/beeline", className: i("relative z-[7] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.beelineLogo) })
+        /* @__PURE__ */ o.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", a == null ? void 0 : a.textContent), children: [
+          /* @__PURE__ */ o.jsxs("div", { children: [
+            /* @__PURE__ */ o.jsx(j, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", a == null ? void 0 : a.mtsLogo) }),
+            /* @__PURE__ */ o.jsx(j, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.megafonLogo) }),
+            /* @__PURE__ */ o.jsx(j, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", a == null ? void 0 : a.beelineLogo) })
           ] }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
-          /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
+          /* @__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) })
         ] }),
-        r && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: r })
+        n && /* @__PURE__ */ o.jsx(oe, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: n })
       ]
     }
   ) });
-}, B = ({ mainLink: o, subLink: e, isLoading: d, badge: r, loaderProps: n, classes: x }) => {
-  const { isMobile: m } = b();
-  return /* @__PURE__ */ t.jsx(H, { isLoading: d, loaderProps: n, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
+}, Me = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: a }) => {
+  const { isMobile: f } = S();
+  return /* @__PURE__ */ o.jsx(dt, { isLoading: r, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: i(
+      className: l(
         "flex flex-1 items-center justify-between gap-1",
-        { "justify-center": !r && m },
-        x == null ? void 0 : x.innerWrapper
+        { "justify-center": !n && f },
+        a == null ? void 0 : a.innerWrapper
       ),
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: i("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
-          /* @__PURE__ */ t.jsx(xt, { className: i("size-7 desktop:size-8", x == null ? void 0 : x.esiaLogo) }),
-          /* @__PURE__ */ t.jsx(F, { mainLink: o, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
-          /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
+        /* @__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(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) })
         ] }),
-        r && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: r })
+        n && /* @__PURE__ */ o.jsx(oe, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: n })
       ]
     }
   ) });
-}, pt = (o) => {
-  switch (o.mode) {
-    case v.ESIA:
-      return /* @__PURE__ */ t.jsx(B, { ...o });
-    case v.MOBILE_ID:
-      return /* @__PURE__ */ t.jsx(I, { ...o });
-    case v.COMBINE:
+}, $r = (e) => {
+  switch (e.mode) {
+    case te.ESIA:
+      return /* @__PURE__ */ o.jsx(Me, { ...e });
+    case te.MOBILE_ID:
+      return /* @__PURE__ */ o.jsx(Ae, { ...e });
+    case te.COMBINE:
     default:
-      const { esiaConfig: e, mobileIdConfig: d, subtitle: r, badge: n, classes: x } = o, m = !r && !n ? U.Fragment : "div";
-      return /* @__PURE__ */ t.jsxs(
+      const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: a } = e, f = !n && !i ? vt.Fragment : "div";
+      return /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: i(
+          className: l(
             "flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
-            x == null ? void 0 : x.root
+            a == null ? void 0 : a.root
           ),
           children: [
-            /* @__PURE__ */ t.jsxs(m, { className: i("flex w-full items-center justify-between gap-2", x == null ? void 0 : x.topContent), children: [
-              r && /* @__PURE__ */ t.jsx("h5", { className: i("desk-body-regular-l flex flex-1 text-color-dark", x == null ? void 0 : x.subtitle), children: r }),
-              n && /* @__PURE__ */ t.jsx(y, { className: i("bg-color-positive", x == null ? void 0 : x.badge), children: n })
+            /* @__PURE__ */ o.jsxs(f, { className: l("flex w-full items-center justify-between gap-2", a == null ? void 0 : a.topContent), children: [
+              n && /* @__PURE__ */ o.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", a == null ? void 0 : a.subtitle), children: n }),
+              i && /* @__PURE__ */ o.jsx(oe, { className: l("bg-color-positive", a == null ? void 0 : a.badge), children: i })
             ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: i("grid w-full grid-cols-2 gap-2 desktop:gap-4", x == null ? void 0 : x.authWrapper), children: [
-              /* @__PURE__ */ t.jsx(
-                B,
+            /* @__PURE__ */ o.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", a == null ? void 0 : a.authWrapper), children: [
+              /* @__PURE__ */ o.jsx(
+                Me,
                 {
-                  ...e,
+                  ...t,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...e.classes
+                    ...t.classes
                   }
                 }
               ),
-              /* @__PURE__ */ t.jsx(
-                I,
+              /* @__PURE__ */ o.jsx(
+                Ae,
                 {
-                  ...d,
+                  ...r,
                   classes: {
                     root: "p-0 outline-0 h-[74px]",
                     arrowIcon: "hidden",
-                    ...d.classes
+                    ...r.classes
                   }
                 }
               )
@@ -821,42 +2650,42 @@ const G = j(
         }
       );
   }
-}, yt = (o) => pt(o), z = ({ links: o, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: i("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: o == null ? void 0 : o.map(({ path: d, label: r }) => /* @__PURE__ */ t.jsx(
-  w,
+}, fn = (e) => $r(e), De = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n }) => /* @__PURE__ */ o.jsx(
+  U,
   {
     classes: {
-      link: i("w-max", e == null ? void 0 : e.linkText),
-      icon: i(e == null ? void 0 : e.linkIcon)
+      link: l("w-max", t == null ? void 0 : t.linkText),
+      icon: l(t == null ? void 0 : t.linkIcon)
     },
-    href: d,
-    children: r
+    href: r,
+    children: n
   },
-  d
-)) }), mt = ({ groupLabel: o, links: e, mobileAccordionProps: d, classes: r }) => {
-  var x, m;
-  const { isMobile: n } = b();
-  return /* @__PURE__ */ t.jsxs("div", { className: i("flex flex-col gap-2", r == null ? void 0 : r.columnGroup), children: [
-    !n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx("h5", { className: i("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", r == null ? void 0 : r.columnGroupHeading), children: o }),
-      /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "desktop")
+  r
+)) }), qr = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
+  var a, f;
+  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: [
+      /* @__PURE__ */ o.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
+      /* @__PURE__ */ o.jsx(De, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
-    n && /* @__PURE__ */ t.jsx(
-      E,
+    i && /* @__PURE__ */ o.jsx(
+      Le,
       {
         defaultOpen: !0,
-        label: o,
-        icon: /* @__PURE__ */ t.jsx(u, { name: "arrows/arrowRight", className: i("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
-        ...d,
+        label: e,
+        icon: /* @__PURE__ */ o.jsx(j, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
+        ...r,
         classes: {
-          ...d == null ? void 0 : d.classes,
-          trigger: i("p-0", (x = d == null ? void 0 : d.classes) == null ? void 0 : x.trigger),
-          contentInner: i("py-2 px-4", (m = d == null ? void 0 : d.classes) == null ? void 0 : m.contentInner)
+          ...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)
         },
-        children: /* @__PURE__ */ t.jsx(z, { links: e, classes: r == null ? void 0 : r.linksList }, "mobile")
+        children: /* @__PURE__ */ o.jsx(De, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
       }
     )
   ] });
-}, ft = ({ columnsGroup: o, mobileAccordionProps: e, classes: d }) => /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4 desktop:gap-6", d == null ? void 0 : d.column), children: o == null ? void 0 : o.map((r) => /* @__PURE__ */ t.jsx(mt, { ...e, ...r, classes: d == null ? void 0 : d.columnGroup }, r.groupLabel)) }), ht = j("grid gap-4 grid-cols-1", {
+}, Yr = ({ columnsGroup: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(qr, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), Zr = I("grid gap-4 grid-cols-1", {
   variants: {
     intent: {
       twoCols: "desktop:grid-cols-2",
@@ -867,32 +2696,32 @@ const G = j(
   defaultVariants: {
     intent: "fourCols"
   }
-}), Ct = ({ data: o, mobileAccordionProps: e, rootAccordionProps: d, classes: r }) => {
-  var n, x;
-  return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: i("min-w-full desktop:min-w-[1140px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsx(a, { children: /* @__PURE__ */ t.jsx(
-    E,
+}), 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(
+    Le,
     {
       defaultOpen: !0,
-      label: /* @__PURE__ */ t.jsx(k, { as: "h4", className: i("text-left", r == null ? void 0 : r.heading), children: o == null ? void 0 : o.heading }),
-      ...d,
+      label: /* @__PURE__ */ o.jsx(s, { as: "h4", className: l("text-left", n == null ? void 0 : n.heading), children: e == null ? void 0 : e.heading }),
+      ...r,
       classes: {
-        ...d == null ? void 0 : d.classes,
-        content: i("max-w-full bg-color-blue-grey-100 relative", (n = d == null ? void 0 : d.classes) == null ? void 0 : n.content)
+        ...r == null ? void 0 : r.classes,
+        content: l("max-w-full bg-color-blue-grey-100 relative", (i = r == null ? void 0 : r.classes) == null ? void 0 : i.content)
       },
-      children: /* @__PURE__ */ t.jsx("div", { className: i(ht({ intent: o == null ? void 0 : o.intent }), r == null ? void 0 : r.columnsWrapper), children: (x = o == null ? void 0 : o.columns) == null ? void 0 : x.map((m, f) => /* @__PURE__ */ t.jsx(ft, { ...m, ...e, classes: r == null ? void 0 : r.column }, f)) })
+      children: /* @__PURE__ */ o.jsx("div", { className: l(Zr({ intent: e == null ? void 0 : e.intent }), n == null ? void 0 : n.columnsWrapper), children: (a = e == null ? void 0 : e.columns) == null ? void 0 : a.map((f, p) => /* @__PURE__ */ o.jsx(Yr, { ...f, ...t, classes: n == null ? void 0 : n.column }, p)) })
     }
   ) }) });
 };
 export {
-  _ as Advantages,
-  yt as AuthProvider,
-  gt as Banner,
-  C as BannerWithSeparateImg,
-  jt as Benefit,
-  wt as Footer,
-  Ct as InterLinking,
-  vt as LongBanner,
-  bt as PageHeader,
-  Nt as Stepper
+  Fe as Advantages,
+  fn as AuthProvider,
+  an as Banner,
+  ye as BannerWithSeparateImg,
+  nn as Benefit,
+  ln as Footer,
+  pn as InterLinking,
+  un as LongBanner,
+  on as PageHeader,
+  dn as Stepper
 };
 //# sourceMappingURL=widget.js.map