@scbt-ecom/ui 0.7.12 → 0.7.14

package/dist/hybrid.js

@@ -1,15 +1,15 @@
-import { p as z, j as t, c as a, H as g, a as u, I as x, L as Y, z as f, 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 { p as z, j as t, c as a, H as y, a as x, I as f, L as ee, z as c, i as te, g as L, u as R, P as re } from "./style-B2uhcWlW.js";
+import { B as lt, D as pt, d as mt, N as ut, b as xt } from "./style-B2uhcWlW.js";
 import * as v from "react";
-import { forwardRef as R } from "react";
-const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (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 }), h = ({ 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", {
+import { forwardRef as S } 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("-"), $e = (o, e = "dd.MM.yyyy") => z(o, e, /* @__PURE__ */ new Date()), V = ({ 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 }), oe = x("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))]"
     }
   }
-}), oe = u("grid", {
+}), ne = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -42,7 +42,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       class: "grid-cols-[repeat(3,_auto)]"
     }
   ]
-}), ne = u("grid", {
+}), ie = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -55,7 +55,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       class: "overflow-x-scroll max-w-[368px] mb-1"
     }
   ]
-}), ie = u("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
+}), ae = x("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -73,7 +73,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       class: "border-transparent border-0 p-0"
     }
   ]
-}), $e = ({
+}), Ue = ({
   headTitle: o,
   tableRows: e,
   tableHead: i,
@@ -82,10 +82,10 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   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: 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(
+  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(y, { 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(ie({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
+      /* @__PURE__ */ t.jsx("ul", { className: a(oe({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((m) => /* @__PURE__ */ t.jsx(
         "li",
         {
           className: a(
@@ -96,11 +96,11 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
         },
         m
       )) }),
-      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((m, c) => /* @__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)) }, c)) })
+      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((m, u) => /* @__PURE__ */ t.jsx("li", { className: a(ne({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((b, s) => /* @__PURE__ */ t.jsx("p", { className: a(ae({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: b.text }, s)) }, u)) })
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: r })
   ] }) });
-}, 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(
+}, He = ({ 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 Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
         }
       ),
       /* @__PURE__ */ t.jsx(
-        x,
+        f,
         {
           name: "arrows/arrowRight",
           className: a("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
@@ -130,7 +130,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       )
     ]
   }
-) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ae = (o) => {
+) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), de = (o) => {
   switch (o) {
     case "ghost":
     case "secondary":
@@ -141,7 +141,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
     default:
       return o;
   }
-}, de = u(
+}, le = x(
   "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,7 +199,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       isFull: !1
     }
   }
-), j = R(
+), j = S(
   ({
     intent: o,
     size: e,
@@ -209,26 +209,26 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
     iconLeft: d,
     iconRight: l,
     disabled: m = !1,
-    isLoading: c = !1,
-    isFull: y = !1,
+    isLoading: u = !1,
+    isFull: b = !1,
     textFormat: s,
     ...p
-  }, K) => /* @__PURE__ */ t.jsx(
+  }, Y) => /* @__PURE__ */ t.jsx(
     "button",
     {
-      ref: K,
+      ref: Y,
       type: n,
-      disabled: m || c,
-      className: a(de({ intent: o, size: e, textFormat: s, isLoading: c, isFull: y }), i),
+      disabled: m || u,
+      className: a(le({ intent: o, size: e, textFormat: s, isLoading: u, isFull: b }), i),
       ...p,
-      children: c ? /* @__PURE__ */ t.jsx(Y, { size: "sm", intent: ae(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      children: u ? /* @__PURE__ */ t.jsx(ee, { size: "sm", intent: de(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         d && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: d }),
         r,
         l && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: l })
       ] })
     }
   )
-), le = u(
+), pe = x(
   "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 Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       size: "lg"
     }
   }
-), 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(
+), Ge = S(
+  ({ size: o, intent: e, children: i, classes: r, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(pe({ 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 }) })
+), me = x(
   "group  underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
   {
     variants: {
@@ -278,7 +278,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       size: "sm"
     }
   }
-), me = u("size-6", {
+), ue = x("size-6", {
   variants: {
     intent: {
       blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -293,7 +293,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
     intent: "blue",
     disabled: !1
   }
-}), Ge = ({
+}), We = ({
   Component: o = "a",
   intent: e,
   children: i,
@@ -302,10 +302,10 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   size: d,
   icon: l = "arrows/arrowLink",
   ...m
-}) => /* @__PURE__ */ t.jsxs(o, { className: a(pe({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
+}) => /* @__PURE__ */ t.jsxs(o, { className: a(me({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
   i,
-  r && /* @__PURE__ */ t.jsx(x, { name: l, className: a(me({ intent: e, disabled: n })) })
-] }), ue = u("size-8 transition-colors", {
+  r && /* @__PURE__ */ t.jsx(f, { name: l, className: a(ue({ intent: e, disabled: n })) })
+] }), xe = x("size-8 transition-colors", {
   variants: {
     intent: {
       outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -315,7 +315,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   defaultVariants: {
     intent: "outline"
   }
-}), xe = {
+}), fe = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
 }, Ze = ({ text: o, size: e, sizeType: i, href: r, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
@@ -329,7 +329,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.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(x, { name: xe[n], className: a(ue({ intent: n })) }),
+      /* @__PURE__ */ t.jsx(f, { name: fe[n], className: a(xe({ 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: o }),
         /* @__PURE__ */ t.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
@@ -340,10 +340,10 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
       ] })
     ]
   }
-), 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: [
+), P = ({ 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 })
-] }), 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: [
+] }), Xe = ({ 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(
@@ -365,13 +365,13 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
     )
   ] }),
   e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", n == null ? void 0 : n.bottomContent), children: e })
-] }), 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" })
+] }), qe = ({ className: o }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", o) }), ce = {
+  main: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoMain" }),
+  white: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite" }),
+  gray: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoGray" }),
+  black: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoBlack" }),
+  business: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoBusiness" }),
+  insurance: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoInsurance" })
 }, w = {
   transparent: "transparent",
   current: "currentColor",
@@ -406,7 +406,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   "purple-hover": "#52399d",
   overlay: "#0000004d",
   ...w
-}, P = {
+}, M = {
   dark: "#292929",
   disabled: "#a9b6c5",
   footer: "#c3c3c3",
@@ -435,7 +435,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   "skyblue-200": "#e7f3ff",
   "skyblue-300": "#d9edff",
   ...w
-}, b = {
+}, h = {
   "accent-default": "#2477ff",
   "accent-hover": "#0053da",
   "blue-grey-100": "#f3f4f7",
@@ -480,20 +480,20 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   ...w
-}, M = {
+}, $ = {
   none: "0",
   sm: "4px",
   md: "8px",
   lg: "16px",
   full: "9999px"
-}, $ = {
+}, U = {
   30: "30deg",
   45: "45deg",
   80: "80deg",
   90: "90deg",
   110: "110deg",
   180: "180deg"
-}, ce = {
+}, be = {
   0: "0",
   1: "1",
   10: "10",
@@ -503,7 +503,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   250: "250",
   500: "500",
   1e3: "1000"
-}, U = {
+}, H = {
   12: "12px",
   14: "14px",
   16: "16px",
@@ -513,7 +513,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   28: "28px",
   32: "32px",
   40: "40px"
-}, H = {
+}, G = {
   16: "16px",
   20: "20px",
   22: "22px",
@@ -522,7 +522,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   32: "32px",
   40: "40px",
   48: "48px"
-}, G = {
+}, W = {
   /* # Headline */
   ".mob-headline-bold-m": {
     "@apply font-bold text-28 leading-32": ""
@@ -581,7 +581,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
   ".desk-body-regular-s": {
     "@apply font-normal text-12 leading-16": ""
   }
-}, be = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, T = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, he = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, k = {
+}, he = /^[\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: "Максимальная длина символов должна быть не более",
@@ -599,46 +599,46 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), D = (o) => o.split
     name: r,
     patronymic: d
   };
-}, qe = f.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
-  be.test(o) || e.addIssue({
-    code: f.ZodIssueCode.custom,
+}, Je = c.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
+  he.test(o) || e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
   const { surname: i, name: r, patronymic: n } = B(o);
   (!i || !r) && e.addIssue({
-    code: f.ZodIssueCode.custom,
+    code: c.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
   }), T.test(r) || e.addIssue({
-    code: f.ZodIssueCode.custom,
+    code: c.ZodIssueCode.custom,
     message: "Неверно введено имя"
   }), T.test(i) || e.addIssue({
-    code: f.ZodIssueCode.custom,
+    code: c.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), n && (he.test(n) || e.addIssue({
-    code: f.ZodIssueCode.custom,
+  }), n && (ge.test(n) || e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
 }).transform((o) => {
   const { surname: e, name: i, patronymic: r } = B(o);
   return {
-    surname: D(e),
-    name: D(i),
-    patronymic: r ? D(r) : void 0
+    surname: C(e),
+    name: C(i),
+    patronymic: r ? C(r) : void 0
   };
-}), Je = f.string().length(10, { message: k.INVALID_DATE }).superRefine((o, e) => {
+}), Qe = 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: f.ZodIssueCode.custom,
+    code: c.ZodIssueCode.custom,
     message: k.INVALID_DATE
-  }), ee(d) || e.addIssue({
-    code: f.ZodIssueCode.custom,
+  }), te(d) || e.addIssue({
+    code: c.ZodIssueCode.custom,
     message: k.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
-    code: f.ZodIssueCode.custom,
+    code: c.ZodIssueCode.custom,
     message: k.FUTURE_DATE_NOT_ALLOWED
   });
 });
-var Z = {}, W = {};
+var Z = {}, X = {};
 (function(o) {
   Object.defineProperty(o, "__esModule", {
     value: !0
@@ -665,7 +665,7 @@ var Z = {}, W = {};
     return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = n, d;
   };
   const i = e;
-})(W);
+})(X);
 (function(o) {
   Object.defineProperty(o, "__esModule", {
     value: !0
@@ -675,7 +675,7 @@ var Z = {}, W = {};
       return r;
     }
   });
-  const e = /* @__PURE__ */ i(W);
+  const e = /* @__PURE__ */ i(X);
   function i(n) {
     return n && n.__esModule ? n : {
       default: n
@@ -684,14 +684,14 @@ var Z = {}, W = {};
   const r = e.default;
 })(Z);
 let _ = Z;
-var X = (_.__esModule ? _ : { default: _ }).default;
-const C = /* @__PURE__ */ L(X), ge = X;
+var q = (_.__esModule ? _ : { default: _ }).default;
+const D = /* @__PURE__ */ L(q), ye = q;
 function F(o) {
   return Object.fromEntries(
     Object.entries(o).filter(([e]) => e !== "DEFAULT")
   );
 }
-var ye = ge(
+var se = ye(
   ({ addUtilities: o, matchUtilities: e, theme: i }) => {
     o({
       "@keyframes enter": i("keyframes.enter"),
@@ -847,7 +847,7 @@ var ye = ge(
     }
   }
 );
-const q = /* @__PURE__ */ L(ye), Qe = {
+const J = /* @__PURE__ */ L(se), Ke = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
@@ -856,20 +856,20 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     backgroundColor: {
       color: N,
       banner: O,
-      icon: b
+      icon: h
     },
     textColor: {
-      icon: b,
-      color: P
+      icon: h,
+      color: M
     },
-    fill: b,
-    stroke: b,
+    fill: h,
+    stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: M,
+    borderRadius: $,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: U,
-    lineHeight: H,
+    fontSize: H,
+    lineHeight: G,
     gradientColorStops: N,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
@@ -877,7 +877,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
     extend: {
-      bgGradientDeg: $,
+      bgGradientDeg: U,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -921,11 +921,11 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     }
   },
   plugins: [
-    q,
-    C(({ addComponents: o }) => {
-      o(G);
+    J,
+    D(({ addComponents: o }) => {
+      o(W);
     }),
-    C(function({ matchUtilities: o, theme: e }) {
+    D(function({ matchUtilities: o, theme: e }) {
       o(
         {
           "bg-deg-gradient": (i) => ({
@@ -938,7 +938,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       );
     })
   ]
-}, Ke = {
+}, Ye = {
   theme: {
     extend: {
       transitionDuration: {
@@ -978,7 +978,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       }
     }
   }
-}, Ye = {
+}, et = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
@@ -987,37 +987,37 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     backgroundColor: {
       color: N,
       banner: O,
-      icon: b
+      icon: h
     },
     textColor: {
-      icon: b,
-      color: P
+      icon: h,
+      color: M
     },
-    fill: b,
-    stroke: b,
+    fill: h,
+    stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: M,
+    borderRadius: $,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: U,
-    lineHeight: H,
+    fontSize: H,
+    lineHeight: G,
     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: ce,
+    zIndex: be,
     extend: {
-      bgGradientDeg: $
+      bgGradientDeg: U
     }
   },
   plugins: [
-    q,
-    C(({ addComponents: o }) => {
-      o(G);
+    J,
+    D(({ addComponents: o }) => {
+      o(W);
     }),
-    C(function({ matchUtilities: o, theme: e }) {
+    D(function({ matchUtilities: o, theme: e }) {
       o(
         {
           "bg-deg-gradient": (i) => ({
@@ -1030,7 +1030,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       );
     })
   ]
-}, J = ({ buttonsConfig: o, classes: e, className: i }) => {
+}, Q = ({ buttonsConfig: o, classes: e, className: i }) => {
   var n;
   const r = (o == null ? void 0 : o.secondary) && o.secondary.children;
   return /* @__PURE__ */ t.jsxs(
@@ -1058,29 +1058,29 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       ]
     }
   );
-}, Q = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
+}, K = ({ 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
+      e == null ? void 0 : e.advantageWrapper
     ),
     children: o == null ? void 0 : o.map(({ title: i, description: r }) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: a(
           'after:content-[" "] relative flex h-full w-[285px] flex-col gap-2 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-[280px] after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
-          e == null ? void 0 : e.advantage
+          e == null ? void 0 : e.advantageItem
         ),
         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: r })
+          /* @__PURE__ */ t.jsx(y, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.advantageTitle), children: i }),
+          /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.advantageDescription), children: r })
         ]
       },
       i
     ))
   }
-), se = ({
+), we = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: i,
@@ -1088,119 +1088,145 @@ const q = /* @__PURE__ */ L(ye), Qe = {
   classes: n,
   img: d,
   imgSets: l
-}) => /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: a("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.section), children: [
-  /* @__PURE__ */ t.jsx(
+}) => {
+  const { isDesktop: m, isMobile: u } = R(), b = /* @__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-advantages",
+      className: a(
+        "mt-4 flex items-center justify-center desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:mt-0 desktop:translate-x-1/2",
+        n == null ? void 0 : n.advantageContainer
+      ),
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(K, { classes: n, advantagesList: r })
+    }
+  );
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: a("relative h-[552px] desktop:h-[456px]", n == null ? void 0 : n.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: "Картинка баннера",
+                className: a("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t.jsxs(g, { "data-id": "banner-container", className: a("h-full", n == null ? void 0 : n.container), children: [
+        /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: a("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
+          "div",
           {
-            "data-id": "banner-image",
-            src: d,
-            alt: "Картинка баннера",
-            className: a("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
+            "data-id": "banner-text-block",
+            className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
+            children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ t.jsx(y, { "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,
+                {
+                  className: "self-end desktop:self-center",
+                  "data-id": "banner-buttons-group",
+                  buttonsConfig: i,
+                  classes: n
+                }
+              )
+            ]
           }
-        )
+        ) }),
+        m && b
       ] })
-    }
-  ),
-  /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full", n == null ? void 0 : n.container), children: [
-    /* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: a("flex h-full", n == null ? void 0 : n.wrapper), children: /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        "data-id": "banner-text-block",
-        className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", n == null ? void 0 : n.textBlock),
-        children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ t.jsx(g, { "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(
-            J,
-            {
-              className: "self-end desktop:self-center",
-              "data-id": "banner-buttons-group",
-              buttonsConfig: i,
-              classes: n
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__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.advantage),
-        children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { "data-id": "banner-advantages-list", classes: n, advantagesList: r })
-      }
-    )
-  ] })
-] }), A = ({
+    ] }),
+    u && b
+  ] });
+}, A = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: i,
   advantagesList: r,
   classes: n,
   img: d
-}) => /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 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", className: a("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
-      /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: a("flex flex-col gap-4 pt-6 desktop:pt-0", 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: 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("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
-        children: /* @__PURE__ */ t.jsx("img", { "data-id": "banner-image", src: d, alt: "Картинка баннера", className: a("h-full object-cover", n == null ? void 0 : n.image) })
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t.jsx(
+}) => {
+  const { isDesktop: l, isMobile: m } = R(), u = /* @__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.advantage),
-      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(Q, { classes: n, advantagesList: r })
+      className: a(
+        "mt-4 flex items-center justify-center desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:mt-0 desktop:translate-x-1/2",
+        n == null ? void 0 : n.advantageContainer
+      ),
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(K, { classes: n, advantagesList: r })
     }
-  )
-] }) }), et = ({ bannerVariant: o, ...e }) => {
+  );
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 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", className: a("flex flex-col desktop:flex-row desktop:justify-between", n == null ? void 0 : n.wrapper), children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
+          /* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: a("flex flex-col gap-4 pt-6 desktop:pt-0", n == null ? void 0 : n.textBlock), children: [
+            /* @__PURE__ */ t.jsx(y, { "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(Q, { buttonsConfig: i, classes: n })
+        ] }),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            "data-id": "banner-image-wrapper",
+            className: a("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", n == null ? void 0 : n.imageContainer),
+            children: /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                "data-id": "banner-image",
+                src: d,
+                alt: "Картинка баннера",
+                className: a("h-full object-cover", n == null ? void 0 : n.image)
+              }
+            )
+          }
+        )
+      ] }),
+      l && u
+    ] }) }),
+    m && u
+  ] });
+}, tt = ({ bannerVariant: o, ...e }) => {
   switch (o) {
     case "sepatateImg":
       return /* @__PURE__ */ t.jsx(A, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(se, { ...e });
+      return /* @__PURE__ */ t.jsx(we, { ...e });
     default:
       return /* @__PURE__ */ t.jsx(A, { ...e });
   }
-}, we = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+}, ve = /* @__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%*. *Точная процентная ставка
+] }), ke = `Кредит на бизнес цели, срок 3, 6, 9, 12, 18, 24, 36, 48, 60 мес. Ставка – от 22,9%*. *Точная процентная ставка
         устанавливается по соглашению сторон и определяется исходя из платёжеспособности и кредитоспособности клиента, а также
         иных индивидуальных особенностей клиента. Сумма 100 000 – 50 000 000 руб. Кредит выдается на карту “Халва”, открытый в
         Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
         клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
         заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
-        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, ke = [
+        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, je = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], je = [
+], Ne = [
   { iconName: "social/vk", href: "/vk" },
   { iconName: "social/telegram", href: "/tg" },
   { iconName: "social/classmates", href: "/cl" }
-], Ne = [
+], Ie = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -1277,16 +1303,16 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], 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(
+], De = ({ 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: r,
-    children: /* @__PURE__ */ t.jsx(x, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    children: /* @__PURE__ */ t.jsx(f, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   r
 )) }), Ce = ({ 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,
+  P,
   {
     phone: i,
     text: r,
@@ -1297,7 +1323,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     }
   },
   i
-)) }), De = ({ 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: [
+)) }), _e = ({ 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: r == null ? void 0 : r.map(({ text: n, href: d }) => /* @__PURE__ */ t.jsx(
     "a",
@@ -1311,7 +1337,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     },
     n
   )) })
-] }, i)) }), _e = ({ ligal: o, classes: e }) => {
+] }, i)) }), Ee = ({ 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;
@@ -1332,31 +1358,31 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       }
     )
   ] });
-}, 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 = ({
+}, Te = ({ 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 }), rt = ({
   withSocial: o = !0,
   withPhones: e = !0,
   withNavLinks: i = !0,
   withLigal: r = !0,
   withCopyright: n = !0,
   withSiteMap: d = !0,
-  socialsLinks: l = je,
-  phones: m = ke,
-  navigationLinks: c = Ne,
-  ligal: y = ve,
-  copyright: s = we,
+  socialsLinks: l = Ne,
+  phones: m = je,
+  navigationLinks: u = Ie,
+  ligal: b = ke,
+  copyright: s = ve,
   classes: p
-}) => /* @__PURE__ */ t.jsx(S, { 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(V, { 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(x, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
-      o && /* @__PURE__ */ t.jsx(Ie, { socialsLinks: l, classes: p })
+      /* @__PURE__ */ t.jsx("a", { href: "/", className: a(p == null ? void 0 : p.footerLogo), children: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
+      o && /* @__PURE__ */ t.jsx(De, { socialsLinks: l, classes: p })
     ] }),
     e && /* @__PURE__ */ t.jsx(Ce, { phones: m, classes: p })
   ] }),
-  i && /* @__PURE__ */ t.jsx(De, { navigationLinks: c, classes: p }),
-  r && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
+  i && /* @__PURE__ */ t.jsx(_e, { navigationLinks: u, classes: p }),
+  r && /* @__PURE__ */ t.jsx(Ee, { ligal: b, classes: p }),
   /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
-    n && /* @__PURE__ */ t.jsx(Ee, { text: s, classes: p }),
+    n && /* @__PURE__ */ t.jsx(Te, { text: s, classes: p }),
     d && /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -1368,7 +1394,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       }
     )
   ] })
-] }) }) }), Te = (o) => {
+] }) }) }), Be = (o) => {
   var e, i, r, n;
   switch (o.variant) {
     case "withButton":
@@ -1376,7 +1402,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     case "withPhone":
       const { phone: d, phoneText: l } = o;
       return /* @__PURE__ */ t.jsx(
-        V,
+        P,
         {
           phone: d,
           text: l,
@@ -1390,9 +1416,9 @@ const q = /* @__PURE__ */ L(ye), Qe = {
     default:
       return null;
   }
-}, rt = (o) => {
+}, ot = (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(h, { 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: [
+  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",
       {
@@ -1403,12 +1429,12 @@ const q = /* @__PURE__ */ L(ye), Qe = {
           "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]
+        children: ce[i]
       }
     ),
-    Te(o)
+    Be(o)
   ] }) }) });
-}, Be = ({ title: o, description: e, index: i, classes: r }) => /* @__PURE__ */ t.jsxs(
+}, Fe = ({ title: o, description: e, index: i, classes: r }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: a(
@@ -1427,13 +1453,13 @@ const q = /* @__PURE__ */ L(ye), Qe = {
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
-        /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", r == null ? void 0 : r.title), children: o }),
+        /* @__PURE__ */ t.jsx(y, { 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 })
       ] })
     ]
   }
-), ot = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(S, { 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: o }),
+), nt = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(V, { 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(y, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: o }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -1441,10 +1467,10 @@ const q = /* @__PURE__ */ L(ye), Qe = {
         "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((r, n) => /* @__PURE__ */ t.jsx(Be, { index: n + 1, ...r, classes: i }, r.title))
+      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(Fe, { index: n + 1, ...r, classes: i }, r.title))
     }
   )
-] }) }) }), Fe = u("", {
+] }) }) }), Ae = x("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1460,7 +1486,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Ae = u("desktop:max-h-[98px]", {
+}), ze = x("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -1492,7 +1518,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       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 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), Le = x("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
   variants: {
     intent: {
       twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
@@ -1502,7 +1528,7 @@ const q = /* @__PURE__ */ L(ye), Qe = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Le = u("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Re = x("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1528,16 +1554,16 @@ const q = /* @__PURE__ */ L(ye), Qe = {
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Re = ({ data: o, intent: e }) => {
+}), Se = ({ 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", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ t.jsx("li", { className: a(Le({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", 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 })
+      n && /* @__PURE__ */ t.jsx(re, { triggerElement: /* @__PURE__ */ t.jsx(f, { 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 = ({
+}, E = ({ intent: o, title: e, desktopHidden: i = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: a(Ae({ intent: o, desktopHidden: i, mobileHidden: r })), children: e }), Ve = ({ textContent: o, intent: e, withButton: i }) => /* @__PURE__ */ t.jsx("ul", { className: a(ze({ intent: e, withButton: i })), children: o == null ? void 0 : o.map((r, n) => /* @__PURE__ */ t.jsx(Se, { intent: e, data: r }, n)) }), it = ({
   title: o,
   buttonConfig: e,
   intent: i = "twoItems",
@@ -1545,9 +1571,9 @@ const q = /* @__PURE__ */ L(ye), Qe = {
   imageComponent: n,
   classes: d
 }) => {
-  const l = !!e, m = i === "fourItems", c = i === "twoItems";
-  return /* @__PURE__ */ t.jsx("section", { className: a(d == null ? void 0 : d.section), children: /* @__PURE__ */ t.jsxs(h, { className: a(d == null ? void 0 : d.mainContainer), children: [
-    c && /* @__PURE__ */ t.jsx(E, { intent: i, title: o }),
+  const l = !!e, m = i === "fourItems", u = 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: [
+    u && /* @__PURE__ */ t.jsx(E, { intent: i, title: o }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1557,14 +1583,14 @@ const q = /* @__PURE__ */ L(ye), Qe = {
         ),
         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.jsx("div", { className: a(Re({ 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 }),
+                /* @__PURE__ */ t.jsx(Ve, { textContent: r, intent: i, withButton: l }),
                 l && /* @__PURE__ */ t.jsx(
                   j,
                   {
@@ -1584,55 +1610,55 @@ const q = /* @__PURE__ */ L(ye), Qe = {
   ] }) });
 };
 export {
-  Q as Advantages,
-  dt as Badge,
-  et as Banner,
+  K as Advantages,
+  lt as Badge,
+  tt as Banner,
   A as BannerWithSeparateImg,
-  Ue as Breadcrumbs,
+  He as Breadcrumbs,
   j as Button,
-  He as ButtonIcon,
-  Ge as CustomLink,
-  lt as DADATA_BASE_CACHE_URL,
-  pt as DADATA_BASE_CONSTANTS_URL,
+  Ge as ButtonIcon,
+  We as CustomLink,
+  pt as DADATA_BASE_CACHE_URL,
+  mt as DADATA_BASE_CONSTANTS_URL,
   Ze as Document,
-  tt as Footer,
-  g as Heading,
-  x as Icon,
-  Y as Loader,
-  nt as LongBanner,
-  mt as Notification,
-  rt as PageHeader,
-  V as PhoneView,
-  We as ProgressBar,
-  h as ResponsiveContainer,
+  rt as Footer,
+  y as Heading,
+  f as Icon,
+  ee as Loader,
+  it as LongBanner,
+  ut as Notification,
+  ot as PageHeader,
+  P as PhoneView,
+  Xe as ProgressBar,
+  g as ResponsiveContainer,
   T as RgxCheckForHyphen,
-  he as RgxPatronymic,
-  be as RgxUnicode,
-  S as Section,
-  Xe as Skeleton,
-  ot as Stepper,
-  $e as Table,
+  ge as RgxPatronymic,
+  he as RgxUnicode,
+  V as Section,
+  qe as Skeleton,
+  nt as Stepper,
+  Ue as Table,
   k as VALIDATION_MESSAGES,
   N as allowedBackgroundColors,
-  $ as allowedBackgroundDeg,
+  U as allowedBackgroundDeg,
   O as allowedBannersBackgroundColors,
-  M as allowedBorderRadius,
-  U as allowedFontSize,
-  b as allowedIconsColors,
-  H as allowedLineHeight,
+  $ as allowedBorderRadius,
+  H as allowedFontSize,
+  h as allowedIconsColors,
+  G as allowedLineHeight,
   I as allowedStrokeColors,
-  P as allowedTextColors,
-  G as allowedTextStyles,
-  ce as allowedZIndex,
-  D as capitalize,
+  M as allowedTextColors,
+  W as allowedTextStyles,
+  be as allowedZIndex,
+  C as capitalize,
   a as cn,
   Oe as deepCompare,
-  Ke as extendsPreset,
-  Me as formatToDate,
-  ut as isClient,
-  Ye as resetPreset,
-  Qe as tailwindConfigBase,
-  Je as zodCalendarValidate,
-  qe as zodDadataFioValidate
+  Ye as extendsPreset,
+  $e as formatToDate,
+  xt as isClient,
+  et as resetPreset,
+  Ke as tailwindConfigBase,
+  Qe as zodCalendarValidate,
+  Je as zodDadataFioValidate
 };
 //# sourceMappingURL=hybrid.js.map