@scbt-ecom/ui 0.7.2 → 0.7.4

package/dist/hybrid.js

@@ -1,15 +1,15 @@
-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, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: r }), h = ({ children: r, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...i, children: r }), ee = c("grid", {
+import { p as z, j as t, c as a, H as h, a as u, I as x, L as Y, z as c, i as ee, g as L, P as te } from "./Notification-B1J5kH7h.js";
+import { B as dt, D as lt, d as pt, N as mt, b as ut } from "./Notification-B1J5kH7h.js";
+import * as v from "react";
+import { forwardRef as R } from "react";
+const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Me = (o, e = "dd.MM.yyyy") => z(o, e, /* @__PURE__ */ new Date()), S = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: o }), g = ({ children: o, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...i, children: o }), re = u("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))]"
     }
   }
-}), te = c("grid", {
+}), oe = u("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -42,7 +42,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       class: "grid-cols-[repeat(3,_auto)]"
     }
   ]
-}), re = c("grid", {
+}), ne = u("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -55,7 +55,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       class: "overflow-x-scroll max-w-[368px] mb-1"
     }
   ]
-}), oe = c("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
+}), ie = u("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -73,34 +73,34 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       class: "border-transparent border-0 p-0"
     }
   ]
-}), ze = ({
-  headTitle: r,
+}), $e = ({
+  headTitle: o,
   tableRows: e,
   tableHead: i,
-  additionalText: o,
+  additionalText: r,
   columnCount: n,
   classes: d
 }) => {
   const l = i && i.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: n }), d == null ? void 0 : d.tableBody), children: [
-      /* @__PURE__ */ t.jsx("ul", { className: a(ee({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((u) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
+    /* @__PURE__ */ t.jsx(h, { as: "h3", className: a("mob-title-bold-m pb-6 desktop:desk-title-bold-s", d == null ? void 0 : d.tableHeading), children: o }),
+    /* @__PURE__ */ t.jsxs("div", { className: a(ne({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
+      /* @__PURE__ */ t.jsx("ul", { className: a(re({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((m) => /* @__PURE__ */ t.jsx(
         "li",
         {
           className: a(
             "mob-body-regular-l border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l",
             d == null ? void 0 : d.tableTitleRow
           ),
-          children: u
+          children: m
         },
-        u
+        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: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: u.map((y, v) => /* @__PURE__ */ t.jsx("p", { className: a(oe({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, v)) }, f)) })
+      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((m, f) => /* @__PURE__ */ t.jsx("li", { className: a(oe({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((y, s) => /* @__PURE__ */ t.jsx("p", { className: a(ie({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, s)) }, f)) })
     ] }),
-    /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: o })
+    /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: r })
   ] }) });
-}, 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(
+}, Ue = ({ linksList: o }) => /* @__PURE__ */ t.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: o.map((e) => /* @__PURE__ */ t.jsx(t.Fragment, { children: "path" in e ? /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: a(
@@ -122,7 +122,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
         }
       ),
       /* @__PURE__ */ t.jsx(
-        m,
+        x,
         {
           name: "arrows/arrowRight",
           className: a("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
@@ -130,8 +130,8 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       )
     ]
   }
-) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ne = (r) => {
-  switch (r) {
+) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ae = (o) => {
+  switch (o) {
     case "ghost":
     case "secondary":
       return "secondary";
@@ -139,9 +139,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     case "negative":
       return "primary";
     default:
-      return r;
+      return o;
   }
-}, ie = c(
+}, de = u(
   "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: {
@@ -199,36 +199,36 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       isFull: !1
     }
   }
-), E = L(
+), j = R(
   ({
-    intent: r,
+    intent: o,
     size: e,
     className: i,
-    children: o,
+    children: r,
     type: n = "button",
     iconLeft: d,
     iconRight: l,
-    disabled: u = !1,
+    disabled: m = !1,
     isLoading: f = !1,
     isFull: y = !1,
-    textFormat: v,
+    textFormat: s,
     ...p
-  }, Q) => /* @__PURE__ */ t.jsx(
+  }, K) => /* @__PURE__ */ t.jsx(
     "button",
     {
-      ref: Q,
+      ref: K,
       type: n,
-      disabled: u || f,
-      className: a(ie({ intent: r, size: e, textFormat: v, isLoading: f, isFull: y }), i),
+      disabled: m || f,
+      className: a(de({ intent: o, size: e, textFormat: s, isLoading: f, isFull: y }), i),
       ...p,
-      children: f ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ne(r) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      children: f ? /* @__PURE__ */ t.jsx(Y, { size: "sm", intent: ae(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         d && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: d }),
-        o,
+        r,
         l && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: l })
       ] })
     }
   )
-), ae = c(
+), le = u(
   "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: {
@@ -248,9 +248,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       size: "lg"
     }
   }
-), Re = L(
-  ({ size: r, intent: e, children: i, classes: o, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, 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: i }) })
-), de = c(
+), He = R(
+  ({ size: o, intent: e, children: i, classes: r, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(le({ intent: e, size: o }), r == null ? void 0 : r.button), ...d, children: /* @__PURE__ */ t.jsx("span", { className: a(r == null ? void 0 : r.icon), children: i }) })
+), pe = u(
   "group  underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
   {
     variants: {
@@ -278,7 +278,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       size: "sm"
     }
   }
-), le = c("size-6", {
+), me = u("size-6", {
   variants: {
     intent: {
       blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -293,19 +293,19 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     intent: "blue",
     disabled: !1
   }
-}), Se = ({
-  Component: r = "a",
+}), Ge = ({
+  Component: o = "a",
   intent: e,
   children: i,
-  withIcon: o,
+  withIcon: r,
   disabled: n,
   size: d,
   icon: l = "arrows/arrowLink",
-  ...u
-}) => /* @__PURE__ */ t.jsxs(r, { className: a(de({ intent: e, withIcon: o, disabled: n, size: d })), ...u, children: [
+  ...m
+}) => /* @__PURE__ */ t.jsxs(o, { className: a(pe({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
   i,
-  o && /* @__PURE__ */ t.jsx(m, { name: l, className: a(le({ intent: e, disabled: n })) })
-] }), pe = c("size-8 transition-colors", {
+  r && /* @__PURE__ */ t.jsx(x, { name: l, className: a(me({ intent: e, disabled: n })) })
+] }), ue = u("size-8 transition-colors", {
   variants: {
     intent: {
       outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -315,13 +315,13 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   defaultVariants: {
     intent: "outline"
   }
-}), ue = {
+}), xe = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
-}, Oe = ({ text: r, size: e, sizeType: i, href: o, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
+}, Ze = ({ text: o, size: e, sizeType: i, href: r, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
   "a",
   {
-    href: o,
+    href: r,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
@@ -329,9 +329,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       "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__ */ t.jsx(m, { name: ue[n], className: a(pe({ intent: n })) }),
+      /* @__PURE__ */ t.jsx(x, { name: xe[n], className: a(ue({ intent: n })) }),
       /* @__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.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: o }),
         /* @__PURE__ */ t.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
           e,
           " ",
@@ -340,11 +340,11 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       ] })
     ]
   }
-), S = ({ phone: r, text: e, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", i == null ? void 0 : i.wrapper), children: [
-  /* @__PURE__ */ t.jsx("a", { href: `tel:${r}`, className: a("desk-body-medium-l ml-auto text-color-dark", i == null ? void 0 : i.link), children: r }),
+), V = ({ phone: o, text: e, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", i == null ? void 0 : i.wrapper), children: [
+  /* @__PURE__ */ t.jsx("a", { href: `tel:${o}`, className: a("desk-body-medium-l ml-auto text-color-dark", i == null ? void 0 : i.link), children: o }),
   /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.text), children: e })
-] }), Pe = ({ topContent: r, bottomContent: e, progress: i, maxPercent: o = 100, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.wrapper), children: [
-  r && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", n == null ? void 0 : n.topContent), children: r }),
+] }), We = ({ topContent: o, bottomContent: e, progress: i, maxPercent: r = 100, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.wrapper), children: [
+  o && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", n == null ? void 0 : n.topContent), children: o }),
   /* @__PURE__ */ t.jsxs("div", { className: a("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", n == null ? void 0 : n.progressBar), children: [
     /* @__PURE__ */ t.jsx(
       "div",
@@ -356,28 +356,28 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     /* @__PURE__ */ t.jsx(
       "span",
       {
-        style: { maxWidth: `${o}%` },
+        style: { maxWidth: `${r}%` },
         className: a(
-          "progressBar-apply absolute top-1/2 z-1 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
+          "progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
           n == null ? void 0 : n.loader
         )
       }
     )
   ] }),
   e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", n == null ? void 0 : n.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" })
+] }), Xe = ({ className: o }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", o) }), fe = {
+  main: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoMain" }),
+  white: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoWhite" }),
+  gray: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoGray" }),
+  black: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoBlack" }),
+  business: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoBusiness" }),
+  insurance: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoInsurance" })
 }, w = {
   transparent: "transparent",
   current: "currentColor",
   inherit: "inherit",
   initial: "initial"
-}, k = {
+}, N = {
   "blue-grey-100": "#f3f4f7",
   "blue-grey-200": "#eaedf1",
   "blue-grey-300": "#d4dbe2",
@@ -406,7 +406,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   "purple-hover": "#52399d",
   overlay: "#0000004d",
   ...w
-}, O = {
+}, P = {
   dark: "#292929",
   disabled: "#a9b6c5",
   footer: "#c3c3c3",
@@ -421,7 +421,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   "primary-disabled": "#809bc7",
   "blue-grey-600": "#94a4b7",
   ...w
-}, P = {
+}, O = {
   "barvcray-200": "#ebeef4",
   "barvcray-300": "#dde1e8",
   "greymint-200": "#deecee",
@@ -461,7 +461,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   "primary-disabled": "#809bc7",
   footer: "#C3C3C3",
   ...w
-}, N = {
+}, I = {
   "blue-grey-500": "#a9b6c5",
   "blue-grey-700": "#69809a",
   "blue-grey-800": "#5a6e85",
@@ -480,20 +480,20 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   ...w
-}, V = {
+}, M = {
   none: "0",
   sm: "4px",
   md: "8px",
   lg: "16px",
   full: "9999px"
-}, M = {
+}, $ = {
   30: "30deg",
   45: "45deg",
   80: "80deg",
   90: "90deg",
   110: "110deg",
   180: "180deg"
-}, xe = {
+}, ce = {
   0: "0",
   1: "1",
   10: "10",
@@ -503,7 +503,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   250: "250",
   500: "500",
   1e3: "1000"
-}, $ = {
+}, U = {
   12: "12px",
   14: "14px",
   16: "16px",
@@ -513,7 +513,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   28: "28px",
   32: "32px",
   40: "40px"
-}, U = {
+}, H = {
   16: "16px",
   20: "20px",
   22: "22px",
@@ -581,7 +581,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   ".desk-body-regular-s": {
     "@apply font-normal text-12 leading-16": ""
   }
-}, 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 = {
+}, be = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, T = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, ge = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, k = {
   REQUIRED: "Поле обязательно к заполнению",
   MIN_LENGTH: "Минимальная длина символов должна быть не менее",
   MAX_LENGTH: "Максимальная длина символов должна быть не более",
@@ -592,108 +592,108 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   INVALID_VALUE: "Поле заполнено некорректно",
   INVALID_DATE: "Введите корректную дату",
   FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
-}, I = (r) => {
-  const e = r.trim().replace(/\s+/g, " ").split(" "), [i, o, ...n] = e, d = n == null ? void 0 : n.join(" ");
+}, B = (o) => {
+  const e = o.trim().replace(/\s+/g, " ").split(" "), [i, r, ...n] = e, d = n == null ? void 0 : n.join(" ");
   return {
     surname: i,
-    name: o,
+    name: r,
     patronymic: d
   };
-}, Me = x.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((r, e) => {
-  fe.test(r) || e.addIssue({
-    code: x.ZodIssueCode.custom,
+}, qe = c.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
+  be.test(o) || e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
-  const { surname: i, name: o, patronymic: n } = I(r);
-  (!i || !o) && e.addIssue({
-    code: x.ZodIssueCode.custom,
+  const { surname: i, name: r, patronymic: n } = B(o);
+  (!i || !r) && e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
-  }), T.test(o) || e.addIssue({
-    code: x.ZodIssueCode.custom,
+  }), T.test(r) || e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: "Неверно введено имя"
   }), T.test(i) || e.addIssue({
-    code: x.ZodIssueCode.custom,
+    code: c.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), n && (ce.test(n) || e.addIssue({
-    code: x.ZodIssueCode.custom,
+  }), n && (ge.test(n) || e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
-}).transform((r) => {
-  const { surname: e, name: i, patronymic: o } = I(r);
+}).transform((o) => {
+  const { surname: e, name: i, patronymic: r } = B(o);
   return {
-    surname: _(e),
-    name: _(i),
-    patronymic: o ? _(o) : void 0
+    surname: C(e),
+    name: C(i),
+    patronymic: r ? C(r) : void 0
   };
-}), $e = x.string().length(10, { message: j.INVALID_DATE }).superRefine((r, e) => {
-  const [i, o, n] = (r == null ? void 0 : r.split(".")) ?? "", d = B(`${i}/${o}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+}), Je = c.string().length(10, { message: k.INVALID_DATE }).superRefine((o, e) => {
+  const [i, r, n] = (o == null ? void 0 : o.split(".")) ?? "", d = z(`${i}/${r}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
   +n <= 1950 && e.addIssue({
-    code: x.ZodIssueCode.custom,
-    message: j.INVALID_DATE
-  }), Y(d) || e.addIssue({
-    code: x.ZodIssueCode.custom,
-    message: j.INVALID_DATE
+    code: c.ZodIssueCode.custom,
+    message: k.INVALID_DATE
+  }), ee(d) || e.addIssue({
+    code: c.ZodIssueCode.custom,
+    message: k.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
-    code: x.ZodIssueCode.custom,
-    message: j.FUTURE_DATE_NOT_ALLOWED
+    code: c.ZodIssueCode.custom,
+    message: k.FUTURE_DATE_NOT_ALLOWED
   });
 });
-var Z = {}, H = {};
-(function(r) {
-  Object.defineProperty(r, "__esModule", {
+var Z = {}, W = {};
+(function(o) {
+  Object.defineProperty(o, "__esModule", {
     value: !0
-  }), Object.defineProperty(r, "default", {
+  }), Object.defineProperty(o, "default", {
     enumerable: !0,
     get: function() {
       return i;
     }
   });
-  function e(o, n) {
+  function e(r, n) {
     return {
-      handler: o,
+      handler: r,
       config: n
     };
   }
-  e.withOptions = function(o, n = () => ({})) {
+  e.withOptions = function(r, n = () => ({})) {
     const d = function(l) {
       return {
         __options: l,
-        handler: o(l),
+        handler: r(l),
         config: n(l)
       };
     };
-    return d.__isOptionsFunction = !0, d.__pluginFunction = o, d.__configFunction = n, d;
+    return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = n, d;
   };
   const i = e;
-})(H);
-(function(r) {
-  Object.defineProperty(r, "__esModule", {
+})(W);
+(function(o) {
+  Object.defineProperty(o, "__esModule", {
     value: !0
-  }), Object.defineProperty(r, "default", {
+  }), Object.defineProperty(o, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return r;
     }
   });
-  const e = /* @__PURE__ */ i(H);
+  const e = /* @__PURE__ */ i(W);
   function i(n) {
     return n && n.__esModule ? n : {
       default: n
     };
   }
-  const o = e.default;
+  const r = e.default;
 })(Z);
-let C = Z;
-var W = (C.__esModule ? C : { default: C }).default;
-const D = /* @__PURE__ */ z(W), be = W;
-function F(r) {
+let _ = Z;
+var X = (_.__esModule ? _ : { default: _ }).default;
+const D = /* @__PURE__ */ L(X), he = X;
+function F(o) {
   return Object.fromEntries(
-    Object.entries(r).filter(([e]) => e !== "DEFAULT")
+    Object.entries(o).filter(([e]) => e !== "DEFAULT")
   );
 }
-var ge = be(
-  ({ addUtilities: r, matchUtilities: e, theme: i }) => {
-    r({
+var ye = he(
+  ({ addUtilities: o, matchUtilities: e, theme: i }) => {
+    o({
       "@keyframes enter": i("keyframes.enter"),
       "@keyframes exit": i("keyframes.exit"),
       ".animate-in": {
@@ -716,85 +716,85 @@ var ge = be(
       }
     }), e(
       {
-        "fade-in": (o) => ({ "--tw-enter-opacity": o }),
-        "fade-out": (o) => ({ "--tw-exit-opacity": o })
+        "fade-in": (r) => ({ "--tw-enter-opacity": r }),
+        "fade-out": (r) => ({ "--tw-exit-opacity": r })
       },
       { values: i("animationOpacity") }
     ), e(
       {
-        "zoom-in": (o) => ({ "--tw-enter-scale": o }),
-        "zoom-out": (o) => ({ "--tw-exit-scale": o })
+        "zoom-in": (r) => ({ "--tw-enter-scale": r }),
+        "zoom-out": (r) => ({ "--tw-exit-scale": r })
       },
       { values: i("animationScale") }
     ), e(
       {
-        "spin-in": (o) => ({ "--tw-enter-rotate": o }),
-        "spin-out": (o) => ({ "--tw-exit-rotate": o })
+        "spin-in": (r) => ({ "--tw-enter-rotate": r }),
+        "spin-out": (r) => ({ "--tw-exit-rotate": r })
       },
       { values: i("animationRotate") }
     ), e(
       {
-        "slide-in-from-top": (o) => ({
-          "--tw-enter-translate-y": `-${o}`
+        "slide-in-from-top": (r) => ({
+          "--tw-enter-translate-y": `-${r}`
         }),
-        "slide-in-from-bottom": (o) => ({
-          "--tw-enter-translate-y": o
+        "slide-in-from-bottom": (r) => ({
+          "--tw-enter-translate-y": r
         }),
-        "slide-in-from-left": (o) => ({
-          "--tw-enter-translate-x": `-${o}`
+        "slide-in-from-left": (r) => ({
+          "--tw-enter-translate-x": `-${r}`
         }),
-        "slide-in-from-right": (o) => ({
-          "--tw-enter-translate-x": o
+        "slide-in-from-right": (r) => ({
+          "--tw-enter-translate-x": r
         }),
-        "slide-out-to-top": (o) => ({
-          "--tw-exit-translate-y": `-${o}`
+        "slide-out-to-top": (r) => ({
+          "--tw-exit-translate-y": `-${r}`
         }),
-        "slide-out-to-bottom": (o) => ({
-          "--tw-exit-translate-y": o
+        "slide-out-to-bottom": (r) => ({
+          "--tw-exit-translate-y": r
         }),
-        "slide-out-to-left": (o) => ({
-          "--tw-exit-translate-x": `-${o}`
+        "slide-out-to-left": (r) => ({
+          "--tw-exit-translate-x": `-${r}`
         }),
-        "slide-out-to-right": (o) => ({
-          "--tw-exit-translate-x": o
+        "slide-out-to-right": (r) => ({
+          "--tw-exit-translate-x": r
         })
       },
       { values: i("animationTranslate") }
     ), e(
-      { duration: (o) => ({ animationDuration: o }) },
+      { duration: (r) => ({ animationDuration: r }) },
       { values: F(i("animationDuration")) }
     ), e(
-      { delay: (o) => ({ animationDelay: o }) },
+      { delay: (r) => ({ animationDelay: r }) },
       { values: i("animationDelay") }
     ), e(
-      { ease: (o) => ({ animationTimingFunction: o }) },
+      { ease: (r) => ({ animationTimingFunction: r }) },
       { values: F(i("animationTimingFunction")) }
-    ), r({
+    ), o({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
     }), e(
-      { "fill-mode": (o) => ({ animationFillMode: o }) },
+      { "fill-mode": (r) => ({ animationFillMode: r }) },
       { values: i("animationFillMode") }
     ), e(
-      { direction: (o) => ({ animationDirection: o }) },
+      { direction: (r) => ({ animationDirection: r }) },
       { values: i("animationDirection") }
     ), e(
-      { repeat: (o) => ({ animationIterationCount: o }) },
+      { repeat: (r) => ({ animationIterationCount: r }) },
       { values: i("animationRepeat") }
     );
   },
   {
     theme: {
       extend: {
-        animationDelay: ({ theme: r }) => ({
-          ...r("transitionDelay")
+        animationDelay: ({ theme: o }) => ({
+          ...o("transitionDelay")
         }),
-        animationDuration: ({ theme: r }) => ({
+        animationDuration: ({ theme: o }) => ({
           0: "0ms",
-          ...r("transitionDuration")
+          ...o("transitionDuration")
         }),
-        animationTimingFunction: ({ theme: r }) => ({
-          ...r("transitionTimingFunction")
+        animationTimingFunction: ({ theme: o }) => ({
+          ...o("transitionTimingFunction")
         }),
         animationFillMode: {
           none: "none",
@@ -808,21 +808,21 @@ var ge = be(
           alternate: "alternate",
           "alternate-reverse": "alternate-reverse"
         },
-        animationOpacity: ({ theme: r }) => ({
+        animationOpacity: ({ theme: o }) => ({
           DEFAULT: 0,
-          ...r("opacity")
+          ...o("opacity")
         }),
-        animationTranslate: ({ theme: r }) => ({
+        animationTranslate: ({ theme: o }) => ({
           DEFAULT: "100%",
-          ...r("translate")
+          ...o("translate")
         }),
-        animationScale: ({ theme: r }) => ({
+        animationScale: ({ theme: o }) => ({
           DEFAULT: 0,
-          ...r("scale")
+          ...o("scale")
         }),
-        animationRotate: ({ theme: r }) => ({
+        animationRotate: ({ theme: o }) => ({
           DEFAULT: "30deg",
-          ...r("rotate")
+          ...o("rotate")
         }),
         animationRepeat: {
           0: "0",
@@ -847,37 +847,36 @@ var ge = be(
     }
   }
 );
-const X = /* @__PURE__ */ z(ge), Ue = {
+const q = /* @__PURE__ */ L(ye), Qe = {
   theme: {
     screens: {
-      mobile: "1187px",
       desktop: "1188px"
     },
     backgroundColor: {
-      color: k,
-      banner: P,
+      color: N,
+      banner: O,
       icon: b
     },
     textColor: {
       icon: b,
-      color: O
+      color: P
     },
     fill: b,
     stroke: b,
-    borderColor: N,
-    outlineColor: N,
-    borderRadius: V,
+    borderColor: I,
+    outlineColor: I,
+    borderRadius: M,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: $,
-    lineHeight: U,
-    gradientColorStops: k,
+    fontSize: U,
+    lineHeight: H,
+    gradientColorStops: N,
     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: M,
+      bgGradientDeg: $,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -921,12 +920,12 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     }
   },
   plugins: [
-    X,
-    D(({ addComponents: r }) => {
-      r(G);
+    q,
+    D(({ addComponents: o }) => {
+      o(G);
     }),
-    D(function({ matchUtilities: r, theme: e }) {
-      r(
+    D(function({ matchUtilities: o, theme: e }) {
+      o(
         {
           "bg-deg-gradient": (i) => ({
             "background-image": `linear-gradient(${i}, var(--tw-gradient-stops))`
@@ -938,7 +937,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       );
     })
   ]
-}, Ge = {
+}, Ke = {
   theme: {
     extend: {
       transitionDuration: {
@@ -978,46 +977,46 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       }
     }
   }
-}, Ze = {
+}, Ye = {
   theme: {
     screens: {
       desktop: "1188px"
     },
     backgroundColor: {
-      color: k,
-      banner: P,
+      color: N,
+      banner: O,
       icon: b
     },
     textColor: {
       icon: b,
-      color: O
+      color: P
     },
     fill: b,
     stroke: b,
-    borderColor: N,
-    outlineColor: N,
-    borderRadius: V,
+    borderColor: I,
+    outlineColor: I,
+    borderRadius: M,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: $,
-    lineHeight: U,
-    gradientColorStops: k,
+    fontSize: U,
+    lineHeight: H,
+    gradientColorStops: N,
     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: xe,
+    zIndex: ce,
     extend: {
-      bgGradientDeg: M
+      bgGradientDeg: $
     }
   },
   plugins: [
-    X,
-    D(({ addComponents: r }) => {
-      r(G);
+    q,
+    D(({ addComponents: o }) => {
+      o(G);
     }),
-    D(function({ matchUtilities: r, theme: e }) {
-      r(
+    D(function({ matchUtilities: o, theme: e }) {
+      o(
         {
           "bg-deg-gradient": (i) => ({
             "background-image": `linear-gradient(${i}, var(--tw-gradient-stops))`
@@ -1029,42 +1028,42 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       );
     })
   ]
-}, q = ({ buttonsConfig: r, classes: e, className: i }) => {
+}, J = ({ buttonsConfig: o, classes: e, className: i }) => {
   var n;
-  const o = (r == null ? void 0 : r.secondary) && r.secondary.children;
+  const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
       className: a(
         "grid-buttons-apply absolute bottom-6 flex w-full max-w-[328px] flex-col justify-self-center desktop:static desktop:max-w-full desktop:flex-row desktop:justify-normal",
-        { "flex items-center gap-4": o },
+        { "flex items-center gap-4": r },
         e == null ? void 0 : e.group,
         i
       ),
       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,
+        /* @__PURE__ */ t.jsx(j, { intent: "primary", ...o.primary, isFull: !0, className: a("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: o.primary.children }),
+        r && /* @__PURE__ */ t.jsx(
+          j,
           {
             intent: "secondary",
-            ...r == null ? void 0 : r.secondary,
+            ...o == null ? void 0 : o.secondary,
             isFull: !0,
             className: a("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (n = r == null ? void 0 : r.secondary) == null ? void 0 : n.children
+            children: (n = o == null ? void 0 : o.secondary) == null ? void 0 : n.children
           }
         )
       ]
     }
   );
-}, J = ({ advantagesList: r, classes: e }) => /* @__PURE__ */ t.jsx(
+}, Q = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: a(
       "flex w-[328px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
       e == null ? void 0 : e.wrapper
     ),
-    children: r == null ? void 0 : r.map(({ title: i, description: o }) => /* @__PURE__ */ t.jsxs(
+    children: o == null ? void 0 : o.map(({ title: i, description: r }) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: a(
@@ -1072,79 +1071,18 @@ const X = /* @__PURE__ */ z(ge), Ue = {
           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: i }),
-          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: o })
+          /* @__PURE__ */ t.jsx(h, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
+          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: r })
         ]
       },
       i
     ))
   }
-), A = ({
-  headTitle: r,
+), se = ({
+  headTitle: o,
   subtitle: e,
   buttonsConfig: i,
-  advantagesList: o,
-  classes: n,
-  img: d
-}) => {
-  const l = Object.keys(i).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]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
-    /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        "data-id": "banner-grid",
-        className: a("grid-mob-apply desktop:grid-desk-apply grid justify-center desktop:justify-normal", n == null ? void 0 : n.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", n == null ? void 0 : n.textBlock),
-              children: [
-                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: r }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsx(q, { buttonsConfig: i, classes: n }),
-          /* @__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 },
-                n == null ? void 0 : n.imageContainer
-              ),
-              children: /* @__PURE__ */ t.jsx(
-                "img",
-                {
-                  "data-id": "banner-image",
-                  src: d,
-                  alt: "Картинка баннера",
-                  className: a("h-full w-full object-contain", n == null ? void 0 : n.image)
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        "data-id": "banner-advantages",
-        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
-        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: o })
-      }
-    )
-  ] }) });
-}, he = ({
-  headTitle: r,
-  subtitle: e,
-  buttonsConfig: i,
-  advantagesList: o,
+  advantagesList: r,
   classes: n,
   img: d,
   imgSets: l
@@ -1169,7 +1107,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       ] })
     }
   ),
-  /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full pb-6", n == null ? void 0 : n.container), children: [
+  /* @__PURE__ */ t.jsxs(g, { "data-id": "banner-container", className: a("h-full pb-6", n == null ? void 0 : n.container), children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1188,13 +1126,13 @@ const X = /* @__PURE__ */ z(ge), Ue = {
                 n == null ? void 0 : n.textBlock
               ),
               children: [
-                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: r }),
+                /* @__PURE__ */ t.jsx(h, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: o }),
                 /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-white", n == null ? void 0 : n.subtitle), children: e })
               ]
             }
           ),
           /* @__PURE__ */ t.jsx(
-            q,
+            J,
             {
               className: "self-end desktop:self-center",
               "data-id": "banner-buttons-group",
@@ -1210,20 +1148,81 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       {
         "data-id": "banner-advantages",
         className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
-        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { "data-id": "banner-advantages-list", advantagesList: o })
+        children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { "data-id": "banner-advantages-list", advantagesList: r })
       }
     )
   ] })
-] }), He = ({ bannerVariant: r, ...e }) => {
-  switch (r) {
+] }), A = ({
+  headTitle: o,
+  subtitle: e,
+  buttonsConfig: i,
+  advantagesList: r,
+  classes: n,
+  img: d
+}) => {
+  const l = Object.keys(i).reduce((m, f) => f ? m + 1 : m, 0);
+  return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(g, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        "data-id": "banner-grid",
+        className: a("grid-mob-apply desktop:grid-desk-apply grid justify-center desktop:justify-normal", n == null ? void 0 : n.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", n == null ? void 0 : n.textBlock),
+              children: [
+                /* @__PURE__ */ t.jsx(h, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: o }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsx(J, { buttonsConfig: i, classes: n }),
+          /* @__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 },
+                n == null ? void 0 : n.imageContainer
+              ),
+              children: /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  "data-id": "banner-image",
+                  src: d,
+                  alt: "Картинка баннера",
+                  className: a("h-full w-full object-contain", n == null ? void 0 : n.image)
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        "data-id": "banner-advantages",
+        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
+        children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { classes: n, advantagesList: r })
+      }
+    )
+  ] }) });
+}, et = ({ bannerVariant: o, ...e }) => {
+  switch (o) {
     case "sepatateImg":
       return /* @__PURE__ */ t.jsx(A, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(he, { ...e });
+      return /* @__PURE__ */ t.jsx(se, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(A, { ...e });
   }
-}, ye = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+}, we = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
   /* @__PURE__ */ t.jsx("br", {}),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
@@ -1233,14 +1232,14 @@ const X = /* @__PURE__ */ z(ge), Ue = {
         Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
         клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
         заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
-        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, we = [
+        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, ke = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], se = [
+], je = [
   { iconName: "social/vk", href: "/vk" },
   { iconName: "social/telegram", href: "/tg" },
   { iconName: "social/classmates", href: "/cl" }
-], je = [
+], Ne = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -1317,19 +1316,19 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       { 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: i, href: o }) => /* @__PURE__ */ t.jsx(
+], Ie = ({ socialsLinks: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("mt-6 flex items-center gap-2", e == null ? void 0 : e.socialRoot), children: o == null ? void 0 : o.map(({ iconName: i, href: r }) => /* @__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: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    href: r,
+    children: /* @__PURE__ */ t.jsx(x, { name: i, 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: i, text: o }) => /* @__PURE__ */ t.jsx(
-  S,
+  r
+)) }), De = ({ phones: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col items-end gap-4", e == null ? void 0 : e.phonesRoot), children: o == null ? void 0 : o.map(({ phone: i, text: r }) => /* @__PURE__ */ t.jsx(
+  V,
   {
     phone: i,
-    text: o,
+    text: r,
     classes: {
       wrapper: a(e == null ? void 0 : e.phoneWrapper),
       text: a("text-color-footer", e == null ? void 0 : e.phoneText),
@@ -1337,9 +1336,9 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     }
   },
   i
-)) }), 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: i, links: o }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+)) }), Ce = ({ navigationLinks: o, 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: o == null ? void 0 : o.map(({ groupLabel: i, links: r }) => /* @__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: i }),
-  /* @__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: n, href: d }) => /* @__PURE__ */ t.jsx(
+  /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: r == null ? void 0 : r.map(({ text: n, href: d }) => /* @__PURE__ */ t.jsx(
     "a",
     {
       href: d,
@@ -1351,19 +1350,19 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     },
     n
   )) })
-] }, i)) }), _e = ({ ligal: r, classes: e }) => {
-  const [i, o] = s.useState(!1), [n, d] = s.useState(!1), l = s.useRef(null);
-  return s.useEffect(() => {
-    const u = l.current;
-    u && d(u.scrollHeight > u.clientHeight);
+] }, i)) }), _e = ({ ligal: o, classes: e }) => {
+  const [i, r] = v.useState(!1), [n, d] = v.useState(!1), l = v.useRef(null);
+  return v.useEffect(() => {
+    const m = l.current;
+    m && d(m.scrollHeight > m.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": !i }, e == null ? void 0 : e.ligal), children: r }),
+    /* @__PURE__ */ t.jsx("p", { ref: l, className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, e == null ? void 0 : e.ligal), children: o }),
     n && /* @__PURE__ */ t.jsx(
       "div",
       {
         tabIndex: 0,
         role: "button",
-        onClick: () => o((u) => !u),
+        onClick: () => r((m) => !m),
         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
@@ -1372,31 +1371,31 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       }
     )
   ] });
-}, 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,
+}, Ee = ({ text: o, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.text), children: o }), tt = ({
+  withSocial: o = !0,
   withPhones: e = !0,
   withNavLinks: i = !0,
-  withLigal: o = !0,
+  withLigal: r = !0,
   withCopyright: n = !0,
   withSiteMap: d = !0,
-  socialsLinks: l = se,
-  phones: u = we,
-  navigationLinks: f = je,
+  socialsLinks: l = je,
+  phones: m = ke,
+  navigationLinks: f = Ne,
   ligal: y = ve,
-  copyright: v = ye,
+  copyright: s = we,
   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.jsx(S, { className: a("w-full", p == null ? void 0 : p.section), children: /* @__PURE__ */ t.jsx(g, { 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 })
+      /* @__PURE__ */ t.jsx("a", { href: "/", className: a(p == null ? void 0 : p.footerLogo), children: /* @__PURE__ */ t.jsx(x, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
+      o && /* @__PURE__ */ t.jsx(Ie, { socialsLinks: l, classes: p })
     ] }),
-    e && /* @__PURE__ */ t.jsx(Ne, { phones: u, classes: p })
+    e && /* @__PURE__ */ t.jsx(De, { phones: m, classes: p })
   ] }),
-  i && /* @__PURE__ */ t.jsx(De, { navigationLinks: f, classes: p }),
-  o && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
+  i && /* @__PURE__ */ t.jsx(Ce, { navigationLinks: f, classes: p }),
+  r && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
   /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
-    n && /* @__PURE__ */ t.jsx(Ce, { text: v, classes: p }),
+    n && /* @__PURE__ */ t.jsx(Ee, { text: s, classes: p }),
     d && /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -1408,37 +1407,52 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       }
     )
   ] })
-] }) }) }), Ee = (r) => {
-  switch (r.variant) {
+] }) }) }), Te = (o) => {
+  var e, i, r, n;
+  switch (o.variant) {
     case "withButton":
-      return /* @__PURE__ */ t.jsx(E, { intent: "secondary", size: "sm", children: "Оформить заявку" });
+      return /* @__PURE__ */ t.jsx(j, { intent: "secondary", size: "sm", className: (e = o.classes) == null ? void 0 : e.button, children: "Оформить заявку" });
     case "withPhone":
-      const { phone: e, phoneText: i } = r;
-      return /* @__PURE__ */ t.jsx(S, { phone: e, text: i });
+      const { phone: d, phoneText: l } = o;
+      return /* @__PURE__ */ t.jsx(
+        V,
+        {
+          phone: d,
+          text: l,
+          classes: {
+            wrapper: (i = o.classes) == null ? void 0 : i.phoneWrapper,
+            text: (r = o.classes) == null ? void 0 : r.phoneText,
+            link: (n = o.classes) == null ? void 0 : n.phoneLink
+          }
+        }
+      );
     default:
       return null;
   }
-}, Xe = (r) => {
-  const { logoPath: e = "/", logoType: i = "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: [
+}, rt = (o) => {
+  const { logoPath: e = "/", logoType: i = "main", classes: r } = o;
+  return /* @__PURE__ */ t.jsx("header", { className: a("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ t.jsx(g, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ t.jsxs("div", { className: a("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
     /* @__PURE__ */ t.jsx(
       "a",
       {
         href: e,
         target: "_blank",
         rel: "noreferrer",
-        className: "flex items-center justify-center [&_svg]:w-[114px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-        children: me[i]
+        className: a(
+          "flex items-center justify-center [&_svg]:w-[114px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
+          r == null ? void 0 : r.logo
+        ),
+        children: fe[i]
       }
     ),
-    Ee(r)
+    Te(o)
   ] }) }) });
-}, Te = ({ title: r, description: e, index: i, classes: o }) => /* @__PURE__ */ t.jsxs(
+}, Be = ({ title: o, description: e, index: i, classes: r }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: a(
       "border-color-blue-grey-500 flex w-[328px] max-w-[328px] flex-col gap-6 rounded-md border border-solid p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-      o == null ? void 0 : o.singleStep
+      r == null ? void 0 : r.singleStep
     ),
     children: [
       /* @__PURE__ */ t.jsx(
@@ -1446,19 +1460,19 @@ const X = /* @__PURE__ */ z(ge), Ue = {
         {
           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
+            r == null ? void 0 : r.numeric
           ),
           children: i
         }
       ),
-      /* @__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 })
+      /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
+        /* @__PURE__ */ t.jsx(h, { as: "h4", className: a("text-color-dark", r == null ? void 0 : r.title), children: o }),
+        /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
       ] })
     ]
   }
-), qe = ({ heading: r, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
-  /* @__PURE__ */ t.jsx(g, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: r }),
+), ot = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
+  /* @__PURE__ */ t.jsx(h, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: o }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -1466,58 +1480,198 @@ const X = /* @__PURE__ */ z(ge), Ue = {
         "flex flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
         i == null ? void 0 : i.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((o, n) => /* @__PURE__ */ t.jsx(Te, { index: n + 1, ...o, classes: i }, o.title))
+      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(Be, { index: n + 1, ...r, classes: i }, r.title))
     }
   )
-] }) }) });
+] }) }) }), Fe = u("desktop:block", {
+  variants: {
+    intent: {
+      twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
+      fourItems: "mob-title-bold-l desktop:desk-title-bold-l mb-8"
+    },
+    desktopHidden: {
+      true: "desktop:hidden"
+    },
+    mobileHidden: {
+      true: "hidden"
+    }
+  },
+  defaultVariants: {
+    intent: "twoItems"
+  }
+}), Ae = u("", {
+  variants: {
+    intent: {
+      twoItems: "",
+      fourItems: ""
+    },
+    withButton: {
+      true: ""
+    }
+  },
+  compoundVariants: [
+    {
+      intent: "twoItems",
+      withButton: !0,
+      class: "mb-8 desktop:flex"
+    },
+    {
+      intent: "twoItems",
+      withButton: !1,
+      class: "desktop:flex"
+    },
+    {
+      intent: "fourItems",
+      withButton: !0,
+      class: "desktop:grid grid-rows-2 mb-8 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
+    },
+    {
+      intent: "fourItems",
+      withButton: !1,
+      class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
+    }
+  ]
+}), ze = u("border-blue-grey-500 pb-6 mb-6 border-b last:pb-0 last:mb-0", {
+  variants: {
+    intent: {
+      twoItems: "last:border-none desktop:border-b-0 desktop:ml-8 desktop:border-r desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3 desktop:first:w-[292px]",
+      fourItems: "last:border-none desktop:w-[264px] desktop:odd:border-b desktop:pb-0 desktop:odd:pb-3"
+    }
+  },
+  defaultVariants: {
+    intent: "twoItems"
+  }
+}), Le = u("mx-auto desktop:m-0 mb-8 h-[172px] w-[280px]", {
+  variants: {
+    intent: {
+      twoItems: "desktop:h-[232px] desktop:w-[500px]",
+      fourItems: " "
+    },
+    withButton: {
+      true: !0,
+      false: !1
+    }
+  },
+  defaultVariants: {
+    intent: "twoItems"
+  },
+  compoundVariants: [
+    {
+      intent: "fourItems",
+      withButton: !0,
+      class: "desktop:h-[360px] desktop:w-[500px]"
+    },
+    {
+      intent: "fourItems",
+      withButton: !1,
+      class: "desktop:h-[272px] desktop:w-[500px]"
+    }
+  ]
+}), Re = ({ data: o, intent: e }) => {
+  const { title: i, description: r, popoverText: n } = o;
+  return /* @__PURE__ */ t.jsx("li", { className: a(ze({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ t.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: i }),
+      n && /* @__PURE__ */ t.jsx(te, { triggerElement: /* @__PURE__ */ t.jsx(x, { className: a("size-4 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
+    ] }),
+    /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-l text-color-secondary"), children: r })
+  ] }) });
+}, E = ({ intent: o, title: e, desktopHidden: i = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: a(Fe({ intent: o, desktopHidden: i, mobileHidden: r })), children: e }), Se = ({ textContent: o, intent: e, withButton: i }) => /* @__PURE__ */ t.jsx("ul", { className: a(Ae({ intent: e, withButton: i })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(Re, { intent: e, data: r }, n)) }), nt = ({
+  title: o,
+  buttonConfig: e,
+  intent: i = "twoItems",
+  textContent: r,
+  imageComponent: n,
+  classes: d
+}) => {
+  const l = !!e, m = i === "fourItems", f = i === "twoItems";
+  return /* @__PURE__ */ t.jsx("section", { className: a(d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(g, { className: a(d == null ? void 0 : d.mainContainer), children: [
+    f && /* @__PURE__ */ t.jsx(E, { intent: i, title: o }),
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: a(
+          "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",
+          d == null ? void 0 : d.contentContainer
+        ),
+        children: [
+          m && /* @__PURE__ */ t.jsx(E, { intent: i, title: o, desktopHidden: !0 }),
+          /* @__PURE__ */ t.jsx("div", { className: a(Le({ intent: i, withButton: l }), d == null ? void 0 : d.imgContainer), children: n }),
+          /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
+              children: [
+                m && /* @__PURE__ */ t.jsx(E, { intent: i, title: o, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(Se, { textContent: r, intent: i, withButton: l }),
+                l && /* @__PURE__ */ t.jsx(
+                  j,
+                  {
+                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    size: "lg",
+                    onClick: e.onClick,
+                    intent: "secondary",
+                    children: e.text
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
 export {
-  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,
+  Q as Advantages,
+  dt as Badge,
+  et as Banner,
+  A as BannerWithSeparateImg,
+  Ue as Breadcrumbs,
+  j as Button,
+  He as ButtonIcon,
+  Ge as CustomLink,
+  lt as DADATA_BASE_CACHE_URL,
+  pt as DADATA_BASE_CONSTANTS_URL,
+  Ze as Document,
+  tt as Footer,
+  h as Heading,
+  x as Icon,
+  Y as Loader,
+  nt as LongBanner,
+  mt as Notification,
+  rt as PageHeader,
+  V as PhoneView,
+  We as ProgressBar,
+  g 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,
+  ge as RgxPatronymic,
+  be as RgxUnicode,
+  S as Section,
+  Xe as Skeleton,
+  ot as Stepper,
+  $e as Table,
+  k as VALIDATION_MESSAGES,
+  N as allowedBackgroundColors,
+  $ as allowedBackgroundDeg,
+  O as allowedBannersBackgroundColors,
+  M as allowedBorderRadius,
+  U as allowedFontSize,
   b as allowedIconsColors,
-  U as allowedLineHeight,
-  N as allowedStrokeColors,
-  O as allowedTextColors,
+  H as allowedLineHeight,
+  I as allowedStrokeColors,
+  P as allowedTextColors,
   G as allowedTextStyles,
-  xe as allowedZIndex,
-  _ as capitalize,
+  ce as allowedZIndex,
+  C 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
+  Oe as deepCompare,
+  Ke as extendsPreset,
+  Me as formatToDate,
+  ut as isClient,
+  Ye as resetPreset,
+  Qe as tailwindConfigBase,
+  Je as zodCalendarValidate,
+  qe as zodDadataFioValidate
 };
 //# sourceMappingURL=hybrid.js.map