@scbt-ecom/ui 0.5.1 → 0.6.0

package/dist/hybrid.js

@@ -1,14 +1,15 @@
-import { p as k, j as n, c as l, H as U, a as u, I as D, L as Z, z as s, i as G, g as j } from "./Notification-D96eGdIz.js";
-import { B as Ae, D as Fe, d as Ie, N as Le, b as ze } from "./Notification-D96eGdIz.js";
-import { forwardRef as T } from "react";
-const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("-"), pe = (e, t = "dd.MM.yyyy") => k(e, t, /* @__PURE__ */ new Date()), me = ({ children: e, className: t, ...o }) => /* @__PURE__ */ n.jsx("section", { className: l("pb-16 desktop:pb-20", t), ...o, children: e }), H = ({ children: e, className: t, ...o }) => /* @__PURE__ */ n.jsx("div", { className: l("m-auto w-full px-4 desktop:max-w-[1188px]", t), ...o, children: e }), W = u("grid", {
+import { p as B, j as t, c as a, H as g, a as c, I as m, L as K, z as x, i as Y, g as z } from "./Notification-BjaLuRjD.js";
+import { B as Ke, D as Ye, d as et, N as tt, b as rt } from "./Notification-BjaLuRjD.js";
+import * as s from "react";
+import { forwardRef as L } from "react";
+const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Be = (r, e = "dd.MM.yyyy") => B(r, e, /* @__PURE__ */ new Date()), R = ({ children: r, className: e, ...n }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...n, children: r }), h = ({ children: r, className: e, ...n }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...n, children: r }), ee = c("grid", {
   variants: {
     columnCount: {
       twoColumns: "grid-cols-[repeat(2,minmax(172px,_1fr))] desktop:grid-cols-[repeat(2,minmax(172px,_1fr))]",
       threeColumns: "grid-cols-[repeat(3,minmax(172px,_1fr))] desktop:grid-cols-[repeat(3,minmax(312px,_1fr))]"
     }
   }
-}), X = u("grid", {
+}), te = c("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -41,7 +42,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
       class: "grid-cols-[repeat(3,_auto)]"
     }
   ]
-}), q = u("grid", {
+}), re = c("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -54,7 +55,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
       class: "mobile:overflow-x-scroll mobile:max-w-[368px] mb-1"
     }
   ]
-}), J = u("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
+}), oe = c("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -72,65 +73,65 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
       class: "border-transparent border-0 p-0"
     }
   ]
-}), fe = ({
-  headTitle: e,
-  tableRows: t,
-  tableHead: o,
-  additionalText: r,
-  columnCount: a,
-  classes: i
+}), ze = ({
+  headTitle: r,
+  tableRows: e,
+  tableHead: n,
+  additionalText: o,
+  columnCount: i,
+  classes: d
 }) => {
-  const d = o && o.length > 0 ? "exist" : "notExist";
-  return /* @__PURE__ */ n.jsx(H, { children: /* @__PURE__ */ n.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.tableRootWrapper), children: [
-    /* @__PURE__ */ n.jsx(U, { as: "h3", className: l("mob-title-bold-m pb-6 desktop:desk-title-bold-s", i == null ? void 0 : i.tableHeading), children: e }),
-    /* @__PURE__ */ n.jsxs("div", { className: l(q({ columnCount: a }), i == null ? void 0 : i.tableBody), children: [
-      /* @__PURE__ */ n.jsx("ul", { className: l(W({ columnCount: a }), i == null ? void 0 : i.tableTitlesContainer), children: o == null ? void 0 : o.map((c) => /* @__PURE__ */ n.jsx(
+  const l = n && n.length > 0 ? "exist" : "notExist";
+  return /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
+    /* @__PURE__ */ t.jsx(g, { as: "h3", className: a("mob-title-bold-m pb-6 desktop:desk-title-bold-s", d == null ? void 0 : d.tableHeading), children: r }),
+    /* @__PURE__ */ t.jsxs("div", { className: a(re({ columnCount: i }), d == null ? void 0 : d.tableBody), children: [
+      /* @__PURE__ */ t.jsx("ul", { className: a(ee({ columnCount: i }), d == null ? void 0 : d.tableTitlesContainer), children: n == null ? void 0 : n.map((u) => /* @__PURE__ */ t.jsx(
         "li",
         {
-          className: l(
+          className: a(
             "mob-body-regular-l border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l",
-            i == null ? void 0 : i.tableTitleRow
+            d == null ? void 0 : d.tableTitleRow
           ),
-          children: c
+          children: u
         },
-        c
+        u
       )) }),
-      /* @__PURE__ */ n.jsx("ul", { className: l("mb-4 flex flex-col", i == null ? void 0 : i.tableBodyContainer), children: t.map((c, m) => /* @__PURE__ */ n.jsx("li", { className: l(X({ columnCount: a, titlesExist: d }), i == null ? void 0 : i.tableBodyRow), children: c.map((v, h) => /* @__PURE__ */ n.jsx("p", { className: l(J({ titlesExist: d, columnCount: a }), i == null ? void 0 : i.tableBodyCeil), children: v.text }, h)) }, m)) })
+      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((u, f) => /* @__PURE__ */ t.jsx("li", { className: a(te({ columnCount: i, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: u.map((y, v) => /* @__PURE__ */ t.jsx("p", { className: a(oe({ titlesExist: l, columnCount: i }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, v)) }, f)) })
     ] }),
-    /* @__PURE__ */ n.jsx("p", { className: l("mob-body-regular-m desktop:desk-body-regular-l", i == null ? void 0 : i.tableAdditionalText), children: r })
+    /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: o })
   ] }) });
-}, be = ({ linksList: e }) => /* @__PURE__ */ n.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: e.map((t) => /* @__PURE__ */ n.jsx(n.Fragment, { children: "path" in t ? /* @__PURE__ */ n.jsxs(
+}, Le = ({ linksList: r }) => /* @__PURE__ */ t.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: r.map((e) => /* @__PURE__ */ t.jsx(t.Fragment, { children: "path" in e ? /* @__PURE__ */ t.jsxs(
   "div",
   {
-    className: l(
+    className: a(
       "flex items-center gap-1 rounded-sm border-2 border-solid border-transparent px-1 focus-within:border-primary-focus",
-      { "pointer-events-none !border-transparent": t == null ? void 0 : t.isDisabled }
+      { "pointer-events-none !border-transparent": e == null ? void 0 : e.isDisabled }
     ),
     children: [
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ t.jsx(
         "a",
         {
-          href: t.path,
+          href: e.path,
           target: "_blank",
           rel: "noreferrer",
-          className: l(
+          className: a(
             "desk-body-regular-m text-color-primary-default outline-none hover:text-color-primary-hover focus:text-color-primary-default",
-            { "!text-color-disabled": t == null ? void 0 : t.isDisabled }
+            { "!text-color-disabled": e == null ? void 0 : e.isDisabled }
           ),
-          children: t.label
+          children: e.label
         }
       ),
-      /* @__PURE__ */ n.jsx(
-        D,
+      /* @__PURE__ */ t.jsx(
+        m,
         {
           name: "arrows/arrowRight",
-          className: l("size-4 text-icon-primary-default", { "!text-icon-disabled": t == null ? void 0 : t.isDisabled })
+          className: a("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
         }
       )
     ]
   }
-) : /* @__PURE__ */ n.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: t.label }) })) }), Q = (e) => {
-  switch (e) {
+) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ie = (r) => {
+  switch (r) {
     case "ghost":
     case "secondary":
       return "secondary";
@@ -138,9 +139,9 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
     case "negative":
       return "primary";
     default:
-      return e;
+      return r;
   }
-}, K = u(
+}, ne = c(
   "relative flex items-center justify-center gap-4 cursor-pointer rounded-sm w-max px-4 outline-offset-4 outline-transparent outline-2 desk-body-regular-l transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -198,36 +199,36 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
       isFull: !1
     }
   }
-), ge = T(
+), E = L(
   ({
-    intent: e,
-    size: t,
-    className: o,
-    children: r,
-    type: a = "button",
-    iconLeft: i,
-    iconRight: d,
-    disabled: c = !1,
-    isLoading: m = !1,
-    isFull: v = !1,
-    textFormat: h,
-    ...M
-  }, P) => /* @__PURE__ */ n.jsx(
+    intent: r,
+    size: e,
+    className: n,
+    children: o,
+    type: i = "button",
+    iconLeft: d,
+    iconRight: l,
+    disabled: u = !1,
+    isLoading: f = !1,
+    isFull: y = !1,
+    textFormat: v,
+    ...p
+  }, Q) => /* @__PURE__ */ t.jsx(
     "button",
     {
-      ref: P,
-      type: a,
-      disabled: c || m,
-      className: l(K({ intent: e, size: t, textFormat: h, isLoading: m, isFull: v }), o),
-      ...M,
-      children: m ? /* @__PURE__ */ n.jsx(Z, { size: "sm", intent: Q(e) }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        i && /* @__PURE__ */ n.jsx("span", { className: "flex size-5 items-center justify-center", children: i }),
-        r,
-        d && /* @__PURE__ */ n.jsx("span", { className: "flex size-5 items-center justify-center", children: d })
+      ref: Q,
+      type: i,
+      disabled: u || f,
+      className: a(ne({ intent: r, size: e, textFormat: v, isLoading: f, isFull: y }), n),
+      ...p,
+      children: f ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ie(r) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        d && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: d }),
+        o,
+        l && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: l })
       ] })
     }
   )
-), Y = u(
+), ae = c(
   "group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -247,9 +248,9 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
       size: "lg"
     }
   }
-), xe = T(
-  ({ size: e, intent: t, children: o, classes: r, type: a = "button", ...i }, d) => /* @__PURE__ */ n.jsx("button", { ref: d, type: a, className: l(Y({ intent: t, size: e }), r == null ? void 0 : r.button), ...i, children: /* @__PURE__ */ n.jsx("span", { className: l(r == null ? void 0 : r.icon), children: o }) })
-), ee = u(
+), Re = L(
+  ({ size: r, intent: e, children: n, classes: o, type: i = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: i, className: a(ae({ intent: e, size: r }), o == null ? void 0 : o.button), ...d, children: /* @__PURE__ */ t.jsx("span", { className: a(o == null ? void 0 : o.icon), children: n }) })
+), de = c(
   "group  underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
   {
     variants: {
@@ -277,7 +278,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
       size: "sm"
     }
   }
-), te = u("size-6", {
+), le = c("size-6", {
   variants: {
     intent: {
       blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -292,19 +293,19 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
     intent: "blue",
     disabled: !1
   }
-}), ye = ({
-  Component: e = "a",
-  intent: t,
-  children: o,
-  withIcon: r,
-  disabled: a,
-  size: i,
-  icon: d = "arrows/arrowLink",
-  ...c
-}) => /* @__PURE__ */ n.jsxs(e, { className: l(ee({ intent: t, withIcon: r, disabled: a, size: i })), ...c, children: [
-  o,
-  r && /* @__PURE__ */ n.jsx(D, { name: d, className: l(te({ intent: t, disabled: a })) })
-] }), re = u("size-8 transition-colors", {
+}), Se = ({
+  Component: r = "a",
+  intent: e,
+  children: n,
+  withIcon: o,
+  disabled: i,
+  size: d,
+  icon: l = "arrows/arrowLink",
+  ...u
+}) => /* @__PURE__ */ t.jsxs(r, { className: a(de({ intent: e, withIcon: o, disabled: i, size: d })), ...u, children: [
+  n,
+  o && /* @__PURE__ */ t.jsx(m, { name: l, className: a(le({ intent: e, disabled: i })) })
+] }), pe = c("size-8 transition-colors", {
   variants: {
     intent: {
       outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -314,62 +315,69 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   defaultVariants: {
     intent: "outline"
   }
-}), oe = {
+}), ue = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
-}, ve = ({ text: e, size: t, sizeType: o, href: r, intent: a = "outline" }) => /* @__PURE__ */ n.jsxs(
+}, Oe = ({ text: r, size: e, sizeType: n, href: o, intent: i = "outline" }) => /* @__PURE__ */ t.jsxs(
   "a",
   {
-    href: r,
+    href: o,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: l(
+    className: a(
       "group flex max-w-[288px] cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus desktop:max-w-[592px]"
     ),
     children: [
-      /* @__PURE__ */ n.jsx(D, { name: oe[a], className: l(re({ intent: a })) }),
-      /* @__PURE__ */ n.jsxs("div", { className: l("flex flex-1 flex-col"), children: [
-        /* @__PURE__ */ n.jsx("p", { className: l("desk-body-medium-l text-color-dark"), children: e }),
-        /* @__PURE__ */ n.jsxs("div", { className: l("desk-body-regular-m text-color-disabled"), children: [
-          t,
+      /* @__PURE__ */ t.jsx(m, { name: ue[i], className: a(pe({ intent: i })) }),
+      /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-1 flex-col"), children: [
+        /* @__PURE__ */ t.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: r }),
+        /* @__PURE__ */ t.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
+          e,
           " ",
-          o
+          n
         ] })
       ] })
     ]
   }
-), he = ({ phone: e, text: t, classes: o }) => /* @__PURE__ */ n.jsxs("div", { className: l("flex w-max flex-col", o == null ? void 0 : o.wrapper), children: [
-  /* @__PURE__ */ n.jsx("a", { href: `tel:${e}`, className: l("desk-body-medium-l ml-auto text-color-dark", o == null ? void 0 : o.link), children: e }),
-  /* @__PURE__ */ n.jsx("p", { className: l("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.text), children: t })
-] }), we = ({ topContent: e, bottomContent: t, progress: o, maxPercent: r = 100, classes: a }) => /* @__PURE__ */ n.jsxs("div", { className: l("flex flex-col", a == null ? void 0 : a.wrapper), children: [
-  e && /* @__PURE__ */ n.jsx("div", { className: l("mb-2 flex justify-between gap-5", a == null ? void 0 : a.topContent), children: e }),
-  /* @__PURE__ */ n.jsxs("div", { className: l("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", a == null ? void 0 : a.progressBar), children: [
-    /* @__PURE__ */ n.jsx(
+), S = ({ phone: r, text: e, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", n == null ? void 0 : n.wrapper), children: [
+  /* @__PURE__ */ t.jsx("a", { href: `tel:${r}`, className: a("desk-body-medium-l ml-auto text-color-dark", n == null ? void 0 : n.link), children: r }),
+  /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.text), children: e })
+] }), Pe = ({ topContent: r, bottomContent: e, progress: n, maxPercent: o = 100, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
+  r && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", i == null ? void 0 : i.topContent), children: r }),
+  /* @__PURE__ */ t.jsxs("div", { className: a("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", i == null ? void 0 : i.progressBar), children: [
+    /* @__PURE__ */ t.jsx(
       "div",
       {
-        style: { width: `${o}%` },
-        className: l("relative z-10 h-2 rounded-md bg-color-positive transition-all", a == null ? void 0 : a.progress)
+        style: { width: `${n}%` },
+        className: a("relative z-10 h-2 rounded-md bg-color-positive transition-all", i == null ? void 0 : i.progress)
       }
     ),
-    /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ t.jsx(
       "span",
       {
-        style: { maxWidth: `${r}%` },
-        className: l(
+        style: { maxWidth: `${o}%` },
+        className: a(
           "progressBar-apply absolute top-1/2 z-1 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
-          a == null ? void 0 : a.loader
+          i == null ? void 0 : i.loader
         )
       }
     )
   ] }),
-  t && /* @__PURE__ */ n.jsx("div", { className: l("mt-2 flex justify-between gap-5", a == null ? void 0 : a.bottomContent), children: t })
-] }), Ce = ({ className: e }) => /* @__PURE__ */ n.jsx("div", { className: l("skeleton-apply h-full w-full", e) }), f = {
+  e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", i == null ? void 0 : i.bottomContent), children: e })
+] }), Ve = ({ className: r }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", r) }), me = {
+  main: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoMain" }),
+  white: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoWhite" }),
+  gray: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoGray" }),
+  black: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoBlack" }),
+  business: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoBusiness" }),
+  insurance: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoInsurance" })
+}, w = {
   transparent: "transparent",
   current: "currentColor",
   inherit: "inherit",
   initial: "initial"
-}, g = {
+}, k = {
   "blue-grey-100": "#f3f4f7",
   "blue-grey-200": "#eaedf1",
   "blue-grey-300": "#d4dbe2",
@@ -397,8 +405,8 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   purple: "#5f40bd",
   "purple-hover": "#52399d",
   overlay: "#0000004d",
-  ...f
-}, A = {
+  ...w
+}, O = {
   dark: "#292929",
   disabled: "#a9b6c5",
   footer: "#c3c3c3",
@@ -412,8 +420,8 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   "blue-grey-600": "#94a4b7",
-  ...f
-}, F = {
+  ...w
+}, P = {
   "barvcray-200": "#ebeef4",
   "barvcray-300": "#dde1e8",
   "greymint-200": "#deecee",
@@ -426,8 +434,8 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   "skyblue-100": "#f4f8fe",
   "skyblue-200": "#e7f3ff",
   "skyblue-300": "#d9edff",
-  ...f
-}, p = {
+  ...w
+}, b = {
   "accent-default": "#2477ff",
   "accent-hover": "#0053da",
   "blue-grey-100": "#f3f4f7",
@@ -452,8 +460,8 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   footer: "#C3C3C3",
-  ...f
-}, x = {
+  ...w
+}, N = {
   "blue-grey-500": "#a9b6c5",
   "blue-grey-700": "#69809a",
   "blue-grey-800": "#5a6e85",
@@ -471,21 +479,21 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   warning: "#f49f00",
   white: "#ffffff",
   "primary-disabled": "#809bc7",
-  ...f
-}, I = {
+  ...w
+}, V = {
   none: "0",
   sm: "4px",
   md: "8px",
   lg: "16px",
   full: "9999px"
-}, L = {
+}, M = {
   30: "30deg",
   45: "45deg",
   80: "80deg",
   90: "90deg",
   110: "110deg",
   180: "180deg"
-}, ae = {
+}, xe = {
   0: "0",
   1: "1",
   10: "10",
@@ -495,7 +503,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   250: "250",
   500: "500",
   1e3: "1000"
-}, z = {
+}, $ = {
   12: "12px",
   14: "14px",
   16: "16px",
@@ -505,7 +513,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   28: "28px",
   32: "32px",
   40: "40px"
-}, S = {
+}, U = {
   16: "16px",
   20: "20px",
   22: "22px",
@@ -514,7 +522,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   32: "32px",
   40: "40px",
   48: "48px"
-}, B = {
+}, G = {
   /* # Headline */
   ".mob-headline-bold-m": {
     "@apply font-bold text-28 leading-32": ""
@@ -573,7 +581,7 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   ".desk-body-regular-s": {
     "@apply font-normal text-12 leading-16": ""
   }
-}, ie = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, N = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, ne = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, b = {
+}, fe = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, T = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, ce = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, j = {
   REQUIRED: "Поле обязательно к заполнению",
   MIN_LENGTH: "Минимальная длина символов должна быть не менее",
   MAX_LENGTH: "Максимальная длина символов должна быть не более",
@@ -584,113 +592,113 @@ const ce = (e, t) => JSON.stringify(e) === JSON.stringify(t), w = (e) => e.split
   INVALID_VALUE: "Поле заполнено некорректно",
   INVALID_DATE: "Введите корректную дату",
   FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
-}, E = (e) => {
-  const t = e.trim().replace(/\s+/g, " ").split(" "), [o, r, ...a] = t, i = a == null ? void 0 : a.join(" ");
+}, I = (r) => {
+  const e = r.trim().replace(/\s+/g, " ").split(" "), [n, o, ...i] = e, d = i == null ? void 0 : i.join(" ");
   return {
-    surname: o,
-    name: r,
-    patronymic: i
+    surname: n,
+    name: o,
+    patronymic: d
   };
-}, De = s.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((e, t) => {
-  ie.test(e) || t.addIssue({
-    code: s.ZodIssueCode.custom,
+}, Me = x.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((r, e) => {
+  fe.test(r) || e.addIssue({
+    code: x.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
-  const { surname: o, name: r, patronymic: a } = E(e);
-  (!o || !r) && t.addIssue({
-    code: s.ZodIssueCode.custom,
+  const { surname: n, name: o, patronymic: i } = I(r);
+  (!n || !o) && e.addIssue({
+    code: x.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
-  }), N.test(r) || t.addIssue({
-    code: s.ZodIssueCode.custom,
+  }), T.test(o) || e.addIssue({
+    code: x.ZodIssueCode.custom,
     message: "Неверно введено имя"
-  }), N.test(o) || t.addIssue({
-    code: s.ZodIssueCode.custom,
+  }), T.test(n) || e.addIssue({
+    code: x.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), a && (ne.test(a) || t.addIssue({
-    code: s.ZodIssueCode.custom,
+  }), i && (ce.test(i) || e.addIssue({
+    code: x.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
-}).transform((e) => {
-  const { surname: t, name: o, patronymic: r } = E(e);
+}).transform((r) => {
+  const { surname: e, name: n, patronymic: o } = I(r);
   return {
-    surname: w(t),
-    name: w(o),
-    patronymic: r ? w(r) : void 0
+    surname: _(e),
+    name: _(n),
+    patronymic: o ? _(o) : void 0
   };
-}), Ne = s.string().length(10, { message: b.INVALID_DATE }).superRefine((e, t) => {
-  const [o, r, a] = (e == null ? void 0 : e.split(".")) ?? "", i = k(`${o}/${r}/${a}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-  +a <= 1950 && t.addIssue({
-    code: s.ZodIssueCode.custom,
-    message: b.INVALID_DATE
-  }), G(i) || t.addIssue({
-    code: s.ZodIssueCode.custom,
-    message: b.INVALID_DATE
-  }), (/* @__PURE__ */ new Date()).getTime() < new Date(i).getTime() && t.addIssue({
-    code: s.ZodIssueCode.custom,
-    message: b.FUTURE_DATE_NOT_ALLOWED
+}), $e = x.string().length(10, { message: j.INVALID_DATE }).superRefine((r, e) => {
+  const [n, o, i] = (r == null ? void 0 : r.split(".")) ?? "", d = B(`${n}/${o}/${i}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+  +i <= 1950 && e.addIssue({
+    code: x.ZodIssueCode.custom,
+    message: j.INVALID_DATE
+  }), Y(d) || e.addIssue({
+    code: x.ZodIssueCode.custom,
+    message: j.INVALID_DATE
+  }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
+    code: x.ZodIssueCode.custom,
+    message: j.FUTURE_DATE_NOT_ALLOWED
   });
 });
-var R = {}, O = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", {
+var Z = {}, H = {};
+(function(r) {
+  Object.defineProperty(r, "__esModule", {
     value: !0
-  }), Object.defineProperty(e, "default", {
+  }), Object.defineProperty(r, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return n;
     }
   });
-  function t(r, a) {
+  function e(o, i) {
     return {
-      handler: r,
-      config: a
+      handler: o,
+      config: i
     };
   }
-  t.withOptions = function(r, a = () => ({})) {
-    const i = function(d) {
+  e.withOptions = function(o, i = () => ({})) {
+    const d = function(l) {
       return {
-        __options: d,
-        handler: r(d),
-        config: a(d)
+        __options: l,
+        handler: o(l),
+        config: i(l)
       };
     };
-    return i.__isOptionsFunction = !0, i.__pluginFunction = r, i.__configFunction = a, i;
+    return d.__isOptionsFunction = !0, d.__pluginFunction = o, d.__configFunction = i, d;
   };
-  const o = t;
-})(O);
-(function(e) {
-  Object.defineProperty(e, "__esModule", {
+  const n = e;
+})(H);
+(function(r) {
+  Object.defineProperty(r, "__esModule", {
     value: !0
-  }), Object.defineProperty(e, "default", {
+  }), Object.defineProperty(r, "default", {
     enumerable: !0,
     get: function() {
-      return r;
+      return o;
     }
   });
-  const t = /* @__PURE__ */ o(O);
-  function o(a) {
-    return a && a.__esModule ? a : {
-      default: a
+  const e = /* @__PURE__ */ n(H);
+  function n(i) {
+    return i && i.__esModule ? i : {
+      default: i
     };
   }
-  const r = t.default;
-})(R);
-let C = R;
-var V = (C.__esModule ? C : { default: C }).default;
-const y = /* @__PURE__ */ j(V), le = V;
-function _(e) {
+  const o = e.default;
+})(Z);
+let C = Z;
+var W = (C.__esModule ? C : { default: C }).default;
+const D = /* @__PURE__ */ z(W), be = W;
+function F(r) {
   return Object.fromEntries(
-    Object.entries(e).filter(([t]) => t !== "DEFAULT")
+    Object.entries(r).filter(([e]) => e !== "DEFAULT")
   );
 }
-var de = le(
-  ({ addUtilities: e, matchUtilities: t, theme: o }) => {
-    e({
-      "@keyframes enter": o("keyframes.enter"),
-      "@keyframes exit": o("keyframes.exit"),
+var ge = be(
+  ({ addUtilities: r, matchUtilities: e, theme: n }) => {
+    r({
+      "@keyframes enter": n("keyframes.enter"),
+      "@keyframes exit": n("keyframes.exit"),
       ".animate-in": {
         animationName: "enter",
-        animationDuration: o("animationDuration.DEFAULT"),
+        animationDuration: n("animationDuration.DEFAULT"),
         "--tw-enter-opacity": "initial",
         "--tw-enter-scale": "initial",
         "--tw-enter-rotate": "initial",
@@ -699,94 +707,94 @@ var de = le(
       },
       ".animate-out": {
         animationName: "exit",
-        animationDuration: o("animationDuration.DEFAULT"),
+        animationDuration: n("animationDuration.DEFAULT"),
         "--tw-exit-opacity": "initial",
         "--tw-exit-scale": "initial",
         "--tw-exit-rotate": "initial",
         "--tw-exit-translate-x": "initial",
         "--tw-exit-translate-y": "initial"
       }
-    }), t(
+    }), e(
       {
-        "fade-in": (r) => ({ "--tw-enter-opacity": r }),
-        "fade-out": (r) => ({ "--tw-exit-opacity": r })
+        "fade-in": (o) => ({ "--tw-enter-opacity": o }),
+        "fade-out": (o) => ({ "--tw-exit-opacity": o })
       },
-      { values: o("animationOpacity") }
-    ), t(
+      { values: n("animationOpacity") }
+    ), e(
       {
-        "zoom-in": (r) => ({ "--tw-enter-scale": r }),
-        "zoom-out": (r) => ({ "--tw-exit-scale": r })
+        "zoom-in": (o) => ({ "--tw-enter-scale": o }),
+        "zoom-out": (o) => ({ "--tw-exit-scale": o })
       },
-      { values: o("animationScale") }
-    ), t(
+      { values: n("animationScale") }
+    ), e(
       {
-        "spin-in": (r) => ({ "--tw-enter-rotate": r }),
-        "spin-out": (r) => ({ "--tw-exit-rotate": r })
+        "spin-in": (o) => ({ "--tw-enter-rotate": o }),
+        "spin-out": (o) => ({ "--tw-exit-rotate": o })
       },
-      { values: o("animationRotate") }
-    ), t(
+      { values: n("animationRotate") }
+    ), e(
       {
-        "slide-in-from-top": (r) => ({
-          "--tw-enter-translate-y": `-${r}`
+        "slide-in-from-top": (o) => ({
+          "--tw-enter-translate-y": `-${o}`
         }),
-        "slide-in-from-bottom": (r) => ({
-          "--tw-enter-translate-y": r
+        "slide-in-from-bottom": (o) => ({
+          "--tw-enter-translate-y": o
         }),
-        "slide-in-from-left": (r) => ({
-          "--tw-enter-translate-x": `-${r}`
+        "slide-in-from-left": (o) => ({
+          "--tw-enter-translate-x": `-${o}`
         }),
-        "slide-in-from-right": (r) => ({
-          "--tw-enter-translate-x": r
+        "slide-in-from-right": (o) => ({
+          "--tw-enter-translate-x": o
         }),
-        "slide-out-to-top": (r) => ({
-          "--tw-exit-translate-y": `-${r}`
+        "slide-out-to-top": (o) => ({
+          "--tw-exit-translate-y": `-${o}`
         }),
-        "slide-out-to-bottom": (r) => ({
-          "--tw-exit-translate-y": r
+        "slide-out-to-bottom": (o) => ({
+          "--tw-exit-translate-y": o
         }),
-        "slide-out-to-left": (r) => ({
-          "--tw-exit-translate-x": `-${r}`
+        "slide-out-to-left": (o) => ({
+          "--tw-exit-translate-x": `-${o}`
         }),
-        "slide-out-to-right": (r) => ({
-          "--tw-exit-translate-x": r
+        "slide-out-to-right": (o) => ({
+          "--tw-exit-translate-x": o
         })
       },
-      { values: o("animationTranslate") }
-    ), t(
-      { duration: (r) => ({ animationDuration: r }) },
-      { values: _(o("animationDuration")) }
-    ), t(
-      { delay: (r) => ({ animationDelay: r }) },
-      { values: o("animationDelay") }
-    ), t(
-      { ease: (r) => ({ animationTimingFunction: r }) },
-      { values: _(o("animationTimingFunction")) }
-    ), e({
+      { values: n("animationTranslate") }
+    ), e(
+      { duration: (o) => ({ animationDuration: o }) },
+      { values: F(n("animationDuration")) }
+    ), e(
+      { delay: (o) => ({ animationDelay: o }) },
+      { values: n("animationDelay") }
+    ), e(
+      { ease: (o) => ({ animationTimingFunction: o }) },
+      { values: F(n("animationTimingFunction")) }
+    ), r({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
-    }), t(
-      { "fill-mode": (r) => ({ animationFillMode: r }) },
-      { values: o("animationFillMode") }
-    ), t(
-      { direction: (r) => ({ animationDirection: r }) },
-      { values: o("animationDirection") }
-    ), t(
-      { repeat: (r) => ({ animationIterationCount: r }) },
-      { values: o("animationRepeat") }
+    }), e(
+      { "fill-mode": (o) => ({ animationFillMode: o }) },
+      { values: n("animationFillMode") }
+    ), e(
+      { direction: (o) => ({ animationDirection: o }) },
+      { values: n("animationDirection") }
+    ), e(
+      { repeat: (o) => ({ animationIterationCount: o }) },
+      { values: n("animationRepeat") }
     );
   },
   {
     theme: {
       extend: {
-        animationDelay: ({ theme: e }) => ({
-          ...e("transitionDelay")
+        animationDelay: ({ theme: r }) => ({
+          ...r("transitionDelay")
         }),
-        animationDuration: ({ theme: e }) => ({
+        animationDuration: ({ theme: r }) => ({
           0: "0ms",
-          ...e("transitionDuration")
+          ...r("transitionDuration")
         }),
-        animationTimingFunction: ({ theme: e }) => ({
-          ...e("transitionTimingFunction")
+        animationTimingFunction: ({ theme: r }) => ({
+          ...r("transitionTimingFunction")
         }),
         animationFillMode: {
           none: "none",
@@ -800,21 +808,21 @@ var de = le(
           alternate: "alternate",
           "alternate-reverse": "alternate-reverse"
         },
-        animationOpacity: ({ theme: e }) => ({
+        animationOpacity: ({ theme: r }) => ({
           DEFAULT: 0,
-          ...e("opacity")
+          ...r("opacity")
         }),
-        animationTranslate: ({ theme: e }) => ({
+        animationTranslate: ({ theme: r }) => ({
           DEFAULT: "100%",
-          ...e("translate")
+          ...r("translate")
         }),
-        animationScale: ({ theme: e }) => ({
+        animationScale: ({ theme: r }) => ({
           DEFAULT: 0,
-          ...e("scale")
+          ...r("scale")
         }),
-        animationRotate: ({ theme: e }) => ({
+        animationRotate: ({ theme: r }) => ({
           DEFAULT: "30deg",
-          ...e("rotate")
+          ...r("rotate")
         }),
         animationRepeat: {
           0: "0",
@@ -839,37 +847,37 @@ var de = le(
     }
   }
 );
-const $ = /* @__PURE__ */ j(de), Ee = {
+const X = /* @__PURE__ */ z(ge), Ue = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
       desktop: "1188px"
     },
     backgroundColor: {
-      color: g,
-      banner: F,
-      icon: p
+      color: k,
+      banner: P,
+      icon: b
     },
     textColor: {
-      icon: p,
-      color: A
+      icon: b,
+      color: O
     },
-    fill: p,
-    stroke: p,
-    borderColor: x,
-    outlineColor: x,
-    borderRadius: I,
+    fill: b,
+    stroke: b,
+    borderColor: N,
+    outlineColor: N,
+    borderRadius: V,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: z,
-    lineHeight: S,
-    gradientColorStops: g,
+    fontSize: $,
+    lineHeight: U,
+    gradientColorStops: k,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
     extend: {
-      bgGradientDeg: L,
+      bgGradientDeg: M,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -914,24 +922,24 @@ const $ = /* @__PURE__ */ j(de), Ee = {
   },
   plugins: [
     // eslint-disable-next-line global-require
-    $,
-    y(({ addComponents: e }) => {
-      e(B);
+    X,
+    D(({ addComponents: r }) => {
+      r(G);
     }),
-    y(function({ matchUtilities: e, theme: t }) {
-      e(
+    D(function({ matchUtilities: r, theme: e }) {
+      r(
         {
-          "bg-deg-gradient": (o) => ({
-            "background-image": `linear-gradient(${o}, var(--tw-gradient-stops))`
+          "bg-deg-gradient": (n) => ({
+            "background-image": `linear-gradient(${n}, var(--tw-gradient-stops))`
           })
         },
         {
-          values: Object.assign(t("bgGradientDeg", {}), {})
+          values: Object.assign(e("bgGradientDeg", {}), {})
         }
       );
     })
   ]
-}, _e = {
+}, Ge = {
   theme: {
     extend: {
       transitionDuration: {
@@ -971,102 +979,547 @@ const $ = /* @__PURE__ */ j(de), Ee = {
       }
     }
   }
-}, ke = {
+}, Ze = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
       desktop: "1188px"
     },
     backgroundColor: {
-      color: g,
-      banner: F,
-      icon: p
+      color: k,
+      banner: P,
+      icon: b
     },
     textColor: {
-      icon: p,
-      color: A
+      icon: b,
+      color: O
     },
-    fill: p,
-    stroke: p,
-    borderColor: x,
-    outlineColor: x,
-    borderRadius: I,
+    fill: b,
+    stroke: b,
+    borderColor: N,
+    outlineColor: N,
+    borderRadius: V,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: z,
-    lineHeight: S,
-    gradientColorStops: g,
+    fontSize: $,
+    lineHeight: U,
+    gradientColorStops: k,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
-    zIndex: ae,
+    zIndex: xe,
     extend: {
-      bgGradientDeg: L
+      bgGradientDeg: M
     }
   },
   plugins: [
-    $,
-    y(({ addComponents: e }) => {
-      e(B);
+    X,
+    D(({ addComponents: r }) => {
+      r(G);
     }),
-    y(function({ matchUtilities: e, theme: t }) {
-      e(
+    D(function({ matchUtilities: r, theme: e }) {
+      r(
         {
-          "bg-deg-gradient": (o) => ({
-            "background-image": `linear-gradient(${o}, var(--tw-gradient-stops))`
+          "bg-deg-gradient": (n) => ({
+            "background-image": `linear-gradient(${n}, var(--tw-gradient-stops))`
           })
         },
         {
-          values: Object.assign(t("bgGradientDeg", {}), {})
+          values: Object.assign(e("bgGradientDeg", {}), {})
         }
       );
     })
   ]
-};
+}, q = ({ buttonsConfig: r, classes: e, className: n }) => {
+  var i;
+  const o = (r == null ? void 0 : r.secondary) && r.secondary.children;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      "data-id": "banner-buttons-group",
+      className: a(
+        "grid-buttons-apply absolute bottom-6 flex w-full flex-col mobile:max-w-[328px] mobile:justify-self-center desktop:static desktop:flex-row",
+        { "flex items-center gap-4": o },
+        e == null ? void 0 : e.group,
+        n
+      ),
+      children: [
+        /* @__PURE__ */ t.jsx(E, { intent: "primary", ...r.primary, isFull: !0, className: a("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
+        o && /* @__PURE__ */ t.jsx(
+          E,
+          {
+            intent: "secondary",
+            ...r == null ? void 0 : r.secondary,
+            isFull: !0,
+            className: a("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
+            children: (i = r == null ? void 0 : r.secondary) == null ? void 0 : i.children
+          }
+        )
+      ]
+    }
+  );
+}, J = ({ advantagesList: r, classes: e }) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    className: a(
+      "flex w-[328px] flex-col gap-8 rounded-md bg-color-white shadow-sm mobile:p-6 desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:py-6",
+      e == null ? void 0 : e.wrapper
+    ),
+    children: r == null ? void 0 : r.map(({ title: n, description: o }) => /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: a(
+          'after:content-[" "] relative flex h-full w-[285px] flex-col gap-2 after:absolute after:h-[1px] after:w-[280px] after:bg-color-blue-grey-300 last:after:hidden mobile:after:-bottom-4 mobile:after:left-1/2 mobile:after:-translate-x-1/2 desktop:px-8 desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2',
+          e == null ? void 0 : e.advantage
+        ),
+        children: [
+          /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: n }),
+          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: o })
+        ]
+      },
+      n
+    ))
+  }
+), A = ({
+  headTitle: r,
+  subtitle: e,
+  buttonsConfig: n,
+  advantagesList: o,
+  classes: i,
+  img: d
+}) => {
+  const l = Object.keys(n).reduce((u, f) => f ? u + 1 : u, 0);
+  return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]", i == null ? void 0 : i.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(i == null ? void 0 : i.container), children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        "data-id": "banner-grid",
+        className: a("grid-mob-apply desktop:grid-desk-apply grid mobile:justify-center", i == null ? void 0 : i.wrapper),
+        children: [
+          /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              "data-id": "banner-text-block",
+              className: a("grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20", i == null ? void 0 : i.textBlock),
+              children: [
+                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", i == null ? void 0 : i.title), children: r }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle), children: e })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsx(q, { buttonsConfig: n, classes: i }),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              "data-id": "banner-image-wrapper",
+              className: a(
+                "grid-image-apply w-full desktop:h-full desktop:w-[550px]",
+                { "h-[450px]": l === 2 },
+                { "h-[410px]": l === 1 },
+                i == null ? void 0 : i.imageContainer
+              ),
+              children: /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  "data-id": "banner-image",
+                  src: d,
+                  alt: r,
+                  className: a("h-full w-full object-contain", i == null ? void 0 : i.image)
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        "data-id": "banner-advantages",
+        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", i == null ? void 0 : i.advantages),
+        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { advantagesList: o })
+      }
+    )
+  ] }) });
+}, he = ({
+  headTitle: r,
+  subtitle: e,
+  buttonsConfig: n,
+  advantagesList: o,
+  classes: i,
+  img: d,
+  imgSets: l
+}) => /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.section), children: [
+  /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-id": "banner-img-wrapper",
+      className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
+      children: /* @__PURE__ */ t.jsxs("picture", { children: [
+        /* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: l == null ? void 0 : l.large, type: "image/avif" }),
+        /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: l == null ? void 0 : l.mob, type: (l == null ? void 0 : l.type) ?? "image/avif" }),
+        /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            "data-id": "banner-image",
+            src: d,
+            alt: r,
+            className: a("h-full w-full object-cover object-center", i == null ? void 0 : i.image)
+          }
+        )
+      ] })
+    }
+  ),
+  /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full pb-6", i == null ? void 0 : i.container), children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        "data-id": "banner-grid",
+        className: a(
+          "grid-mob-full-img-apply desktop:grid-desk-full-img-apply grid h-full grid-rows-[repeat(2,_min-content)]",
+          i == null ? void 0 : i.wrapper
+        ),
+        children: [
+          /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              "data-id": "banner-text-block",
+              className: a(
+                "grid-text-apply flex flex-col gap-4 pt-6 mobile:w-[328px] desktop:pb-10 desktop:pt-20",
+                i == null ? void 0 : i.textBlock
+              ),
+              children: [
+                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-white", i == null ? void 0 : i.title), children: r }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-white", i == null ? void 0 : i.subtitle), children: e })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            q,
+            {
+              className: "mobile:self-end",
+              "data-id": "banner-buttons-group",
+              buttonsConfig: n,
+              classes: i
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        "data-id": "banner-advantages",
+        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", i == null ? void 0 : i.advantages),
+        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { "data-id": "banner-advantages-list", advantagesList: o })
+      }
+    )
+  ] })
+] }), He = ({ bannerVariant: r, ...e }) => {
+  switch (r) {
+    case "sepatateImg":
+      return /* @__PURE__ */ t.jsx(A, { ...e });
+    case "fullImg":
+      return /* @__PURE__ */ t.jsx(he, { ...e });
+    default:
+      return /* @__PURE__ */ t.jsx(A, { ...e });
+  }
+}, ye = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
+  /* @__PURE__ */ t.jsx("br", {}),
+  " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
+] }), ve = `Кредит на бизнес цели, срок 3, 6, 9, 12, 18, 24, 36, 48, 60 мес. Ставка – от 22,9%*. *Точная процентная ставка
+        устанавливается по соглашению сторон и определяется исходя из платёжеспособности и кредитоспособности клиента, а также
+        иных индивидуальных особенностей клиента. Сумма 100 000 – 50 000 000 руб. Кредит выдается на карту “Халва”, открытый в
+        Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
+        клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
+        заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
+        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, we = [
+  { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
+  { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
+], se = [
+  { iconName: "social/vk", href: "/vk" },
+  { iconName: "social/telegram", href: "/tg" },
+  { iconName: "social/classmates", href: "/cl" }
+], je = [
+  {
+    groupLabel: "Совкомбанк",
+    links: [
+      { text: "О банке", href: "/" },
+      { text: "Реквизиты и лицензии", href: "/" },
+      { text: "Пресс-центр", href: "/" },
+      { text: "Удостоверяющий центр ПАО «Совкомбанк»", href: "/" },
+      { text: "Работа у нас", href: "/" },
+      { text: "Контакты", href: "/" },
+      { text: "Раскрытие информации", href: "/" },
+      { text: "Страница раскрытия информации в Интерфакс", href: "/" },
+      { text: "Реализация залогового имущества", href: "/" },
+      { text: "Клиентам и партнерам", href: "/" },
+      { text: "Биометрия", href: "/" },
+      { text: "Стандарты безопасности", href: "/" },
+      { text: "Информация о процентных ставках по договорам банковского вклада с физическими лицами", href: "/" },
+      { text: "ООО «Совком Финанс»", href: "/" },
+      { text: "Безопасность", href: "/" }
+    ]
+  },
+  {
+    groupLabel: "Сервисы",
+    links: [
+      { text: "Подарочная карта «Халва»", href: "/" },
+      { text: "Страховые продукты", href: "/" },
+      { text: "МультиЮрист", href: "/" },
+      { text: "Единая социальная карта «Уралочка»", href: "/" },
+      { text: "Единая Карта Жителя Мурманской области", href: "/" },
+      { text: "Безопасные расчёты", href: "/" },
+      { text: "Улучшение кредитной истории", href: "/" },
+      { text: "Дистанционные сервисы Совкомбанка", href: "/" },
+      { text: "Программы реструктуризации долга", href: "/" }
+    ]
+  },
+  {
+    groupLabel: "Услуги банка",
+    links: [
+      { text: "Карты", href: "/" },
+      { text: "Кредиты", href: "/" },
+      { text: "Кредиты наличными", href: "/" },
+      { text: "Ипотека", href: "/" },
+      { text: "Автокредиты", href: "/" },
+      { text: "Кредитный калькулятор", href: "/" },
+      { text: "Вклады", href: "/" },
+      { text: "Инвестиции", href: "/" },
+      { text: "Платежи", href: "/" },
+      { text: "Сервисы", href: "/" },
+      { text: "Малому бизнесу и ИП", href: "/" },
+      { text: "Корпоративным клиентам", href: "/" },
+      { text: "CIB", href: "/" },
+      { text: "Драгоценные металлы в слитках", href: "/" },
+      { text: "Счета в драгоценных металлах", href: "/" }
+    ]
+  },
+  {
+    groupLabel: "Клиентам других банков",
+    links: [
+      { text: "Держателям карт рассрочки Банка Хоум Кредит", href: "/" },
+      { text: "ПАО КБ «Восточный»", href: "/" },
+      { text: "Держателям карт «Совесть»", href: "/" },
+      { text: "АО «Нордеа Банк»", href: "/" },
+      { text: "ЗАО «ДжиИ Мани банк»", href: "/" },
+      { text: "АО «Меткомбанк»", href: "/" },
+      { text: "АКБ «РосЕвроБанк» (АО)", href: "/" },
+      { text: "ПАО «Татфондбанк»", href: "/" },
+      { text: "АО АКБ «Экспресс-Волга»", href: "/" },
+      { text: "АО «ВКАБАНК»", href: "/" },
+      { text: "ООО «ОНЕЙ БАНК»", href: "/" },
+      { text: "АО «Евразийский»", href: "/" },
+      { text: "АО «НФК»", href: "/" },
+      { text: "ООО «РТС-Капитал»", href: "/" },
+      { text: "ООО «ИК Септем Капитал»", href: "/" },
+      { text: "Помощь", href: "/" },
+      { text: "Офисы и банкоматы", href: "/" }
+    ]
+  }
+], ke = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("mt-6 flex items-center gap-2", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: n, href: o }) => /* @__PURE__ */ t.jsx(
+  "a",
+  {
+    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    href: o,
+    children: /* @__PURE__ */ t.jsx(m, { name: n, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+  },
+  o
+)) }), Ne = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col items-end gap-4", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: n, text: o }) => /* @__PURE__ */ t.jsx(
+  S,
+  {
+    phone: n,
+    text: o,
+    classes: {
+      wrapper: a(e == null ? void 0 : e.phoneWrapper),
+      text: a("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: a("text-color-white", e == null ? void 0 : e.phoneLink)
+    }
+  },
+  n
+)) }), De = ({ navigationLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("grid grid-cols-4 gap-10 border-y border-blue-grey-500 py-8 pt-8", e == null ? void 0 : e.navRoot), children: r == null ? void 0 : r.map(({ groupLabel: n, links: o }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+  /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m font-medium text-color-white", e == null ? void 0 : e.navLabel), children: n }),
+  /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: o == null ? void 0 : o.map(({ text: i, href: d }) => /* @__PURE__ */ t.jsx(
+    "a",
+    {
+      href: d,
+      className: a(
+        "desk-body-regular-m cursor-pointer text-color-white transition-colors hover:text-color-footer",
+        e == null ? void 0 : e.navLink
+      ),
+      children: i
+    },
+    i
+  )) })
+] }, n)) }), _e = ({ ligal: r, classes: e }) => {
+  const [n, o] = s.useState(!1), [i, d] = s.useState(!1), l = s.useRef(null);
+  return s.useEffect(() => {
+    const u = l.current;
+    u && d(u.scrollHeight > u.clientHeight);
+  }, []), /* @__PURE__ */ t.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
+    /* @__PURE__ */ t.jsx("p", { ref: l, className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, e == null ? void 0 : e.ligal), children: r }),
+    i && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        tabIndex: 0,
+        role: "button",
+        onClick: () => o((u) => !u),
+        className: a(
+          "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
+          e == null ? void 0 : e.ligalButton
+        ),
+        children: "Подробнее"
+      }
+    )
+  ] });
+}, Ce = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.text), children: r }), We = ({
+  withSocial: r = !0,
+  withPhones: e = !0,
+  withNavLinks: n = !0,
+  withLigal: o = !0,
+  withCopyright: i = !0,
+  withSiteMap: d = !0,
+  socialsLinks: l = se,
+  phones: u = we,
+  navigationLinks: f = je,
+  ligal: y = ve,
+  copyright: v = ye,
+  classes: p
+}) => /* @__PURE__ */ t.jsx(R, { className: a("w-full", p == null ? void 0 : p.section), children: /* @__PURE__ */ t.jsx(h, { className: a(p == null ? void 0 : p.container), children: /* @__PURE__ */ t.jsxs("div", { className: a("bg-color-footer px-4 py-8 desktop:px-6 desktop:py-10", p == null ? void 0 : p.footerRoot), children: [
+  /* @__PURE__ */ t.jsxs("div", { className: a("mb-8 flex items-center justify-between gap-6", p == null ? void 0 : p.footerHead), children: [
+    /* @__PURE__ */ t.jsxs("div", { className: a(p == null ? void 0 : p.footerSocialBlock), children: [
+      /* @__PURE__ */ t.jsx("a", { href: "/", className: a(p == null ? void 0 : p.footerLogo), children: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
+      r && /* @__PURE__ */ t.jsx(ke, { socialsLinks: l, classes: p })
+    ] }),
+    e && /* @__PURE__ */ t.jsx(Ne, { phones: u, classes: p })
+  ] }),
+  n && /* @__PURE__ */ t.jsx(De, { navigationLinks: f, classes: p }),
+  o && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
+  /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
+    i && /* @__PURE__ */ t.jsx(Ce, { text: v, classes: p }),
+    d && /* @__PURE__ */ t.jsx(
+      "a",
+      {
+        href: "https://sovcombank.ru/site-map",
+        target: "_blank",
+        rel: "noreferrer",
+        className: "desk-body-regular-m text-color-white",
+        children: "Карта сайта"
+      }
+    )
+  ] })
+] }) }) }), Ee = (r) => {
+  switch (r.variant) {
+    case "withButton":
+      return /* @__PURE__ */ t.jsx(E, { intent: "secondary", size: "sm", children: "Оформить заявку" });
+    case "withPhone":
+      const { phone: e, phoneText: n } = r;
+      return /* @__PURE__ */ t.jsx(S, { phone: e, text: n });
+    default:
+      return null;
+  }
+}, Xe = (r) => {
+  const { logoPath: e = "/", logoType: n = "main" } = r;
+  return /* @__PURE__ */ t.jsx("header", { className: "flex h-[72px] items-center justify-center bg-color-blue-grey-200", children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
+    /* @__PURE__ */ t.jsx(
+      "a",
+      {
+        href: e,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "flex items-center justify-center [&_svg]:h-[32px] [&_svg]:w-[192px]",
+        children: me[n]
+      }
+    ),
+    Ee(r)
+  ] }) }) });
+}, Te = ({ title: r, description: e, index: n, classes: o }) => /* @__PURE__ */ t.jsxs(
+  "div",
+  {
+    className: a(
+      "mobile:border-color-blue-grey-500 flex w-[328px] max-w-[328px] flex-col gap-6 mobile:rounded-md mobile:border mobile:border-solid mobile:p-4 desktop:w-[348px] desktop:max-w-[348px]",
+      o == null ? void 0 : o.singleStep
+    ),
+    children: [
+      /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: a(
+            "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
+            o == null ? void 0 : o.numeric
+          ),
+          children: n
+        }
+      ),
+      /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", o == null ? void 0 : o.textBlock), children: [
+        /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", o == null ? void 0 : o.title), children: r }),
+        /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.description), children: e })
+      ] })
+    ]
+  }
+), qe = ({ heading: r, stepsList: e, classes: n }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", n == null ? void 0 : n.root), children: [
+  /* @__PURE__ */ t.jsx(g, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: r }),
+  /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: a(
+        "flex flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
+        n == null ? void 0 : n.stepsWrapper
+      ),
+      children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ t.jsx(Te, { index: i + 1, ...o, classes: n }, o.title))
+    }
+  )
+] }) }) });
 export {
-  Ae as Badge,
-  be as Breadcrumbs,
-  ge as Button,
-  xe as ButtonIcon,
-  ye as CustomLink,
-  Fe as DADATA_BASE_CACHE_URL,
-  Ie as DADATA_BASE_CONSTANTS_URL,
-  ve as Document,
-  U as Heading,
-  D as Icon,
-  Z as Loader,
-  Le as Notification,
-  he as PhoneView,
-  we as ProgressBar,
-  H as ResponsiveContainer,
-  N as RgxCheckForHyphen,
-  ne as RgxPatronymic,
-  ie as RgxUnicode,
-  me as Section,
-  Ce as Skeleton,
-  fe as Table,
-  b as VALIDATION_MESSAGES,
-  g as allowedBackgroundColors,
-  L as allowedBackgroundDeg,
-  F as allowedBannersBackgroundColors,
-  I as allowedBorderRadius,
-  z as allowedFontSize,
-  p as allowedIconsColors,
-  S as allowedLineHeight,
-  x as allowedStrokeColors,
-  A as allowedTextColors,
-  B as allowedTextStyles,
-  ae as allowedZIndex,
-  w as capitalize,
-  l as cn,
-  ce as deepCompare,
-  _e as extendsPreset,
-  pe as formatToDate,
-  ze as isClient,
-  ke as resetPreset,
-  Ee as tailwindConfigBase,
-  Ne as zodCalendarValidate,
-  De as zodDadataFioValidate
+  J as Advantages,
+  Ke as Badge,
+  He as Banner,
+  Le as Breadcrumbs,
+  E as Button,
+  Re as ButtonIcon,
+  Se as CustomLink,
+  Ye as DADATA_BASE_CACHE_URL,
+  et as DADATA_BASE_CONSTANTS_URL,
+  Oe as Document,
+  We as Footer,
+  g as Heading,
+  m as Icon,
+  K as Loader,
+  tt as Notification,
+  Xe as PageHeader,
+  S as PhoneView,
+  Pe as ProgressBar,
+  h as ResponsiveContainer,
+  T as RgxCheckForHyphen,
+  ce as RgxPatronymic,
+  fe as RgxUnicode,
+  R as Section,
+  Ve as Skeleton,
+  qe as Stepper,
+  ze as Table,
+  j as VALIDATION_MESSAGES,
+  k as allowedBackgroundColors,
+  M as allowedBackgroundDeg,
+  P as allowedBannersBackgroundColors,
+  V as allowedBorderRadius,
+  $ as allowedFontSize,
+  b as allowedIconsColors,
+  U as allowedLineHeight,
+  N as allowedStrokeColors,
+  O as allowedTextColors,
+  G as allowedTextStyles,
+  xe as allowedZIndex,
+  _ as capitalize,
+  a as cn,
+  Ae as deepCompare,
+  Ge as extendsPreset,
+  Be as formatToDate,
+  rt as isClient,
+  Ze as resetPreset,
+  Ue as tailwindConfigBase,
+  $e as zodCalendarValidate,
+  Me as zodDadataFioValidate
 };
 //# sourceMappingURL=hybrid.js.map