@scbt-ecom/ui 0.7.22 → 0.7.23

package/dist/hybrid.js

@@ -1,15 +1,15 @@
-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 "./utils-tailwind-C70VBN9S.js";
+import { p as F, j as t, c as a, H as y, a as x, I as f, L as K, z as c, i as Y, g as A, u as z, P as ee } from "./utils-tailwind-C70VBN9S.js";
 import { B as lt, D as pt, d as mt, N as ut, b as xt } from "./utils-tailwind-C70VBN9S.js";
 import * as v from "react";
-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 mobile:px-4 desktop:max-w-[1140px]", e), ...i, children: o }), oe = x("grid", {
+import { forwardRef as L } from "react";
+const Me = (o, e) => JSON.stringify(o) === JSON.stringify(e), Oe = (o) => o.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), $e = (o, e = "dd.MM.yyyy") => F(o, e, /* @__PURE__ */ new Date()), R = ({ 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 mobile:px-4 desktop:max-w-[1140px]", e), ...i, children: o }), te = 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))]"
     }
   }
-}), ne = x("grid", {
+}), re = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -42,7 +42,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       class: "grid-cols-[repeat(3,_auto)]"
     }
   ]
-}), ie = x("grid", {
+}), oe = x("grid", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -55,7 +55,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       class: "overflow-x-scroll max-w-[368px] mb-1"
     }
   ]
-}), ae = x("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
+}), ne = x("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
   variants: {
     columnCount: {
       twoColumns: "",
@@ -84,8 +84,8 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   const l = i && i.length > 0 ? "exist" : "notExist";
   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(
+    /* @__PURE__ */ t.jsxs("div", { className: a(oe({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
+      /* @__PURE__ */ t.jsx("ul", { className: a(te({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((m) => /* @__PURE__ */ t.jsx(
         "li",
         {
           className: a(
@@ -96,7 +96,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (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, 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("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(re({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: m.map((b, s) => /* @__PURE__ */ t.jsx("p", { className: a(ne({ 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 })
   ] }) });
@@ -130,7 +130,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       )
     ]
   }
-) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), de = (o) => {
+) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ie = (o) => {
   switch (o) {
     case "ghost":
     case "secondary":
@@ -141,7 +141,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     default:
       return o;
   }
-}, le = x(
+}, ae = 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), C = (o) => o.split
       isFull: !1
     }
   }
-), j = S(
+), j = L(
   ({
     intent: o,
     size: e,
@@ -213,22 +213,22 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     isFull: b = !1,
     textFormat: s,
     ...p
-  }, Y) => /* @__PURE__ */ t.jsx(
+  }, Q) => /* @__PURE__ */ t.jsx(
     "button",
     {
-      ref: Y,
+      ref: Q,
       type: n,
       disabled: m || u,
-      className: a(le({ intent: o, size: e, textFormat: s, isLoading: u, isFull: b }), i),
+      className: a(ae({ intent: o, size: e, textFormat: s, isLoading: u, isFull: b }), i),
       ...p,
-      children: u ? /* @__PURE__ */ t.jsx(ee, { size: "sm", intent: de(o) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      children: u ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ie(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 })
       ] })
     }
   )
-), pe = x(
+), de = 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), C = (o) => o.split
       size: "lg"
     }
   }
-), 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(
+), Ge = L(
+  ({ size: o, intent: e, children: i, classes: r, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(de({ 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 }) })
+), le = 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), C = (o) => o.split
       size: "sm"
     }
   }
-), ue = x("size-6", {
+), pe = x("size-6", {
   variants: {
     intent: {
       blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -302,10 +302,10 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   size: d,
   icon: l = "arrows/arrowLink",
   ...m
-}) => /* @__PURE__ */ t.jsxs(o, { className: a(me({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
+}) => /* @__PURE__ */ t.jsxs(o, { className: a(le({ intent: e, withIcon: r, disabled: n, size: d })), ...m, children: [
   i,
-  r && /* @__PURE__ */ t.jsx(f, { name: l, className: a(ue({ intent: e, disabled: n })) })
-] }), xe = x("size-8 transition-colors", {
+  r && /* @__PURE__ */ t.jsx(f, { name: l, className: a(pe({ intent: e, disabled: n })) })
+] }), me = 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), C = (o) => o.split
   defaultVariants: {
     intent: "outline"
   }
-}), fe = {
+}), ue = {
   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), C = (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(f, { name: fe[n], className: a(xe({ intent: n })) }),
+      /* @__PURE__ */ t.jsx(f, { name: ue[n], className: a(me({ 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,7 +340,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
       ] })
     ]
   }
-), 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: [
+), S = ({ 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 })
 ] }), 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: [
@@ -365,7 +365,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (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 })
-] }), qe = ({ className: o }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", o) }), ce = {
+] }), qe = ({ className: o }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", o) }), xe = {
   main: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoMain" }),
   white: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoWhite" }),
   gray: /* @__PURE__ */ t.jsx(f, { name: "brandLogos/logoGray" }),
@@ -406,7 +406,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   "purple-hover": "#52399d",
   overlay: "#0000004d",
   ...w
-}, M = {
+}, V = {
   dark: "#292929",
   disabled: "#a9b6c5",
   footer: "#c3c3c3",
@@ -421,7 +421,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   "primary-disabled": "#809bc7",
   "blue-grey-600": "#94a4b7",
   ...w
-}, O = {
+}, P = {
   "barvcray-200": "#ebeef4",
   "barvcray-300": "#dde1e8",
   "greymint-200": "#deecee",
@@ -480,20 +480,20 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   ...w
-}, $ = {
+}, M = {
   none: "0",
   sm: "4px",
   md: "8px",
   lg: "16px",
   full: "9999px"
-}, U = {
+}, O = {
   30: "30deg",
   45: "45deg",
   80: "80deg",
   90: "90deg",
   110: "110deg",
   180: "180deg"
-}, be = {
+}, fe = {
   0: "0",
   1: "1",
   10: "10",
@@ -503,7 +503,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   250: "250",
   500: "500",
   1e3: "1000"
-}, H = {
+}, $ = {
   12: "12px",
   14: "14px",
   16: "16px",
@@ -513,7 +513,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   28: "28px",
   32: "32px",
   40: "40px"
-}, G = {
+}, U = {
   16: "16px",
   20: "20px",
   22: "22px",
@@ -522,7 +522,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   32: "32px",
   40: "40px",
   48: "48px"
-}, W = {
+}, H = {
   /* # 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), C = (o) => o.split
   ".desk-body-regular-s": {
     "@apply font-normal text-12 leading-16": ""
   }
-}, 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 = {
+}, ce = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, E = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, be = /^[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,7 +592,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
   INVALID_VALUE: "Поле заполнено некорректно",
   INVALID_DATE: "Введите корректную дату",
   FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
-}, B = (o) => {
+}, he = (o) => {
   const e = o.trim().replace(/\s+/g, " ").split(" "), [i, r, ...n] = e, d = n == null ? void 0 : n.join(" ");
   return {
     surname: i,
@@ -600,37 +600,30 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     patronymic: d
   };
 }, Je = c.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((o, e) => {
-  he.test(o) || e.addIssue({
+  ce.test(o) || e.addIssue({
     code: c.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
-  const { surname: i, name: r, patronymic: n } = B(o);
+  const { surname: i, name: r, patronymic: n } = he(o);
   (!i || !r) && e.addIssue({
     code: c.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
-  }), T.test(r) || e.addIssue({
+  }), E.test(r) || e.addIssue({
     code: c.ZodIssueCode.custom,
     message: "Неверно введено имя"
-  }), T.test(i) || e.addIssue({
+  }), E.test(i) || e.addIssue({
     code: c.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), n && (ge.test(n) || e.addIssue({
+  }), n && (be.test(n) || e.addIssue({
     code: c.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
-}).transform((o) => {
-  const { surname: e, name: i, patronymic: r } = B(o);
-  return {
-    surname: C(e),
-    name: C(i),
-    patronymic: r ? C(r) : void 0
-  };
 }), 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());
+  const [i, r, n] = (o == null ? void 0 : o.split(".")) ?? "", d = F(`${i}/${r}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
   +n <= 1950 && e.addIssue({
     code: c.ZodIssueCode.custom,
     message: k.INVALID_DATE
-  }), te(d) || e.addIssue({
+  }), Y(d) || e.addIssue({
     code: c.ZodIssueCode.custom,
     message: k.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
@@ -638,7 +631,7 @@ const Oe = (o, e) => JSON.stringify(o) === JSON.stringify(e), C = (o) => o.split
     message: k.FUTURE_DATE_NOT_ALLOWED
   });
 });
-var Z = {}, X = {};
+var G = {}, W = {};
 (function(o) {
   Object.defineProperty(o, "__esModule", {
     value: !0
@@ -665,7 +658,7 @@ var Z = {}, X = {};
     return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = n, d;
   };
   const i = e;
-})(X);
+})(W);
 (function(o) {
   Object.defineProperty(o, "__esModule", {
     value: !0
@@ -675,23 +668,23 @@ var Z = {}, X = {};
       return r;
     }
   });
-  const e = /* @__PURE__ */ i(X);
+  const e = /* @__PURE__ */ i(W);
   function i(n) {
     return n && n.__esModule ? n : {
       default: n
     };
   }
   const r = e.default;
-})(Z);
-let _ = Z;
-var q = (_.__esModule ? _ : { default: _ }).default;
-const D = /* @__PURE__ */ L(q), ye = q;
-function F(o) {
+})(G);
+let C = G;
+var Z = (C.__esModule ? C : { default: C }).default;
+const D = /* @__PURE__ */ A(Z), ge = Z;
+function T(o) {
   return Object.fromEntries(
     Object.entries(o).filter(([e]) => e !== "DEFAULT")
   );
 }
-var se = ye(
+var ye = ge(
   ({ addUtilities: o, matchUtilities: e, theme: i }) => {
     o({
       "@keyframes enter": i("keyframes.enter"),
@@ -762,13 +755,13 @@ var se = ye(
       { values: i("animationTranslate") }
     ), e(
       { duration: (r) => ({ animationDuration: r }) },
-      { values: F(i("animationDuration")) }
+      { values: T(i("animationDuration")) }
     ), e(
       { delay: (r) => ({ animationDelay: r }) },
       { values: i("animationDelay") }
     ), e(
       { ease: (r) => ({ animationTimingFunction: r }) },
-      { values: F(i("animationTimingFunction")) }
+      { values: T(i("animationTimingFunction")) }
     ), o({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
@@ -847,25 +840,25 @@ var se = ye(
     }
   }
 );
-const J = /* @__PURE__ */ L(se), Ke = {
+const X = /* @__PURE__ */ A(ye), Ke = {
   theme: {
     backgroundColor: {
       color: N,
-      banner: O,
+      banner: P,
       icon: h
     },
     textColor: {
       icon: h,
-      color: M
+      color: V
     },
     fill: h,
     stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: $,
+    borderRadius: M,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: H,
-    lineHeight: G,
+    fontSize: $,
+    lineHeight: U,
     gradientColorStops: N,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
@@ -873,7 +866,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
     extend: {
-      bgGradientDeg: U,
+      bgGradientDeg: O,
       width: {
         "popper-content": "var(--radix-popover-content-available-width)",
         "popper-trigger": "var(--radix-popover-trigger-width)",
@@ -917,9 +910,9 @@ const J = /* @__PURE__ */ L(se), Ke = {
     }
   },
   plugins: [
-    J,
+    X,
     D(({ addComponents: o }) => {
-      o(W);
+      o(H);
     }),
     D(function({ matchUtilities: o, theme: e }) {
       o(
@@ -982,36 +975,36 @@ const J = /* @__PURE__ */ L(se), Ke = {
     },
     backgroundColor: {
       color: N,
-      banner: O,
+      banner: P,
       icon: h
     },
     textColor: {
       icon: h,
-      color: M
+      color: V
     },
     fill: h,
     stroke: h,
     borderColor: I,
     outlineColor: I,
-    borderRadius: $,
+    borderRadius: M,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: H,
-    lineHeight: G,
+    fontSize: $,
+    lineHeight: U,
     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: be,
+    zIndex: fe,
     extend: {
-      bgGradientDeg: U
+      bgGradientDeg: O
     }
   },
   plugins: [
-    J,
+    X,
     D(({ addComponents: o }) => {
-      o(W);
+      o(H);
     }),
     D(function({ matchUtilities: o, theme: e }) {
       o(
@@ -1026,7 +1019,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       );
     })
   ]
-}, Q = ({ 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(
@@ -1054,7 +1047,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       ]
     }
   );
-}, K = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
+}, J = ({ advantagesList: o, classes: e }) => /* @__PURE__ */ t.jsx(
   "div",
   {
     className: a(
@@ -1076,7 +1069,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       i
     ))
   }
-), we = ({
+), se = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: i,
@@ -1085,7 +1078,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
   img: d,
   imgSets: l
 }) => {
-  const { isDesktop: m, isMobile: u } = R(), b = /* @__PURE__ */ t.jsx(
+  const { isDesktop: m, isMobile: u } = z(), b = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -1093,7 +1086,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
         "flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
         n == null ? void 0 : n.advantageContainer
       ),
-      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(K, { classes: n, advantagesList: r })
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: r })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1130,7 +1123,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
                 /* @__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,
+                q,
                 {
                   className: "self-end desktop:self-center",
                   "data-id": "banner-buttons-group",
@@ -1146,7 +1139,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
     ] }),
     u && b
   ] });
-}, A = ({
+}, B = ({
   headTitle: o,
   subtitle: e,
   buttonsConfig: i,
@@ -1154,7 +1147,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
   classes: n,
   img: d
 }) => {
-  const { isDesktop: l, isMobile: m } = R(), u = /* @__PURE__ */ t.jsx(
+  const { isDesktop: l, isMobile: m } = z(), u = /* @__PURE__ */ t.jsx(
     "div",
     {
       "data-id": "banner-advantages",
@@ -1162,7 +1155,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
         "flex items-center justify-center bg-color-transparent p-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
         n == null ? void 0 : n.advantageContainer
       ),
-      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(K, { classes: n, advantagesList: r })
+      children: r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: r })
     }
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1173,7 +1166,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
             /* @__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(q, { buttonsConfig: i, classes: n })
         ] }),
         /* @__PURE__ */ t.jsx(
           "div",
@@ -1199,30 +1192,30 @@ const J = /* @__PURE__ */ L(se), Ke = {
 }, tt = ({ bannerVariant: o, ...e }) => {
   switch (o) {
     case "sepatateImg":
-      return /* @__PURE__ */ t.jsx(A, { ...e });
+      return /* @__PURE__ */ t.jsx(B, { ...e });
     case "fullImg":
-      return /* @__PURE__ */ t.jsx(we, { ...e });
+      return /* @__PURE__ */ t.jsx(se, { ...e });
     default:
-      return /* @__PURE__ */ t.jsx(A, { ...e });
+      return /* @__PURE__ */ t.jsx(B, { ...e });
   }
-}, ve = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+}, we = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
   /* @__PURE__ */ t.jsx("br", {}),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), ke = `Кредит на бизнес цели, срок 3, 6, 9, 12, 18, 24, 36, 48, 60 мес. Ставка – от 22,9%*. *Точная процентная ставка
+] }), ve = `Кредит на бизнес цели, срок 3, 6, 9, 12, 18, 24, 36, 48, 60 мес. Ставка – от 22,9%*. *Точная процентная ставка
         устанавливается по соглашению сторон и определяется исходя из платёжеспособности и кредитоспособности клиента, а также
         иных индивидуальных особенностей клиента. Сумма 100 000 – 50 000 000 руб. Кредит выдается на карту “Халва”, открытый в
         Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
         клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
         заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
-        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, je = [
+        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, ke = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], Ne = [
+], je = [
   { iconName: "social/vk", href: "/vk" },
   { iconName: "social/telegram", href: "/tg" },
   { iconName: "social/classmates", href: "/cl" }
-], Ie = [
+], Ne = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -1299,7 +1292,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], 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(
+], 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),
@@ -1307,8 +1300,8 @@ const J = /* @__PURE__ */ L(se), Ke = {
     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(
-  P,
+)) }), 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(
+  S,
   {
     phone: i,
     text: r,
@@ -1319,7 +1312,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
     }
   },
   i
-)) }), _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: [
+)) }), 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: r == null ? void 0 : r.map(({ text: n, href: d }) => /* @__PURE__ */ t.jsx(
     "a",
@@ -1333,7 +1326,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
     },
     n
   )) })
-] }, i)) }), Ee = ({ ligal: o, classes: e }) => {
+] }, 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;
@@ -1354,31 +1347,31 @@ const J = /* @__PURE__ */ L(se), Ke = {
       }
     )
   ] });
-}, 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 = ({
+}, 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 }), rt = ({
   withSocial: o = !0,
   withPhones: e = !0,
   withNavLinks: i = !0,
   withLigal: r = !0,
   withCopyright: n = !0,
   withSiteMap: d = !0,
-  socialsLinks: l = Ne,
-  phones: m = je,
-  navigationLinks: u = Ie,
-  ligal: b = ke,
-  copyright: s = ve,
+  socialsLinks: l = je,
+  phones: m = ke,
+  navigationLinks: u = Ne,
+  ligal: b = ve,
+  copyright: s = we,
   classes: p
-}) => /* @__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.jsx(R, { 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(f, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
-      o && /* @__PURE__ */ t.jsx(De, { socialsLinks: l, classes: p })
+      o && /* @__PURE__ */ t.jsx(Ie, { socialsLinks: l, classes: p })
     ] }),
-    e && /* @__PURE__ */ t.jsx(Ce, { phones: m, classes: p })
+    e && /* @__PURE__ */ t.jsx(De, { phones: m, classes: p })
   ] }),
-  i && /* @__PURE__ */ t.jsx(_e, { navigationLinks: u, classes: p }),
-  r && /* @__PURE__ */ t.jsx(Ee, { ligal: b, classes: p }),
+  i && /* @__PURE__ */ t.jsx(Ce, { navigationLinks: u, classes: p }),
+  r && /* @__PURE__ */ t.jsx(_e, { ligal: b, classes: p }),
   /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
-    n && /* @__PURE__ */ t.jsx(Te, { text: s, classes: p }),
+    n && /* @__PURE__ */ t.jsx(Ee, { text: s, classes: p }),
     d && /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -1390,7 +1383,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       }
     )
   ] })
-] }) }) }), Be = (o) => {
+] }) }) }), Te = (o) => {
   var e, i, r, n;
   switch (o.variant) {
     case "withButton":
@@ -1398,7 +1391,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
     case "withPhone":
       const { phone: d, phoneText: l } = o;
       return /* @__PURE__ */ t.jsx(
-        P,
+        S,
         {
           phone: d,
           text: l,
@@ -1425,12 +1418,12 @@ const J = /* @__PURE__ */ L(se), Ke = {
           "flex items-center justify-center [&_svg]:w-[114px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
           r == null ? void 0 : r.logo
         ),
-        children: ce[i]
+        children: xe[i]
       }
     ),
-    Be(o)
+    Te(o)
   ] }) }) });
-}, Fe = ({ title: o, description: e, index: i, classes: r }) => /* @__PURE__ */ t.jsxs(
+}, Be = ({ title: o, description: e, index: i, classes: r }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: a(
@@ -1454,7 +1447,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       ] })
     ]
   }
-), 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: [
+), nt = ({ heading: o, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(R, { 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",
@@ -1463,10 +1456,10 @@ const J = /* @__PURE__ */ L(se), Ke = {
         "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(Fe, { index: n + 1, ...r, classes: i }, r.title))
+      children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ t.jsx(Be, { index: n + 1, ...r, classes: i }, r.title))
     }
   )
-] }) }) }), Ae = x("", {
+] }) }) }), Fe = x("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1482,7 +1475,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), ze = x("desktop:max-h-[98px]", {
+}), Ae = x("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -1514,7 +1507,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), Le = x("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), ze = 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',
@@ -1524,7 +1517,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Re = x("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Le = x("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1550,16 +1543,16 @@ const J = /* @__PURE__ */ L(se), Ke = {
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Se = ({ data: o, intent: e }) => {
+}), Re = ({ data: o, intent: e }) => {
   const { title: i, description: r, popoverText: n } = o;
-  return /* @__PURE__ */ t.jsx("li", { className: a(Le({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+  return /* @__PURE__ */ t.jsx("li", { className: a(ze({ 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(re, { triggerElement: /* @__PURE__ */ t.jsx(f, { className: a("size-4 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: n })
+      n && /* @__PURE__ */ t.jsx(ee, { 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(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 = ({
+}, _ = ({ 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)) }), it = ({
   title: o,
   buttonConfig: e,
   intent: i = "twoItems",
@@ -1569,7 +1562,7 @@ const J = /* @__PURE__ */ L(se), Ke = {
 }) => {
   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 }),
+    u && /* @__PURE__ */ t.jsx(_, { intent: i, title: o }),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -1578,15 +1571,15 @@ const J = /* @__PURE__ */ L(se), Ke = {
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          m && /* @__PURE__ */ t.jsx(E, { intent: i, title: o, desktopHidden: !0 }),
-          /* @__PURE__ */ t.jsx("div", { className: a(Re({ intent: i, withButton: l }), d == null ? void 0 : d.imgContainer), children: n }),
+          m && /* @__PURE__ */ t.jsx(_, { 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(Ve, { textContent: r, intent: i, withButton: l }),
+                m && /* @__PURE__ */ t.jsx(_, { intent: i, title: o, mobileHidden: !0 }),
+                /* @__PURE__ */ t.jsx(Se, { textContent: r, intent: i, withButton: l }),
                 l && /* @__PURE__ */ t.jsx(
                   j,
                   {
@@ -1606,10 +1599,10 @@ const J = /* @__PURE__ */ L(se), Ke = {
   ] }) });
 };
 export {
-  K as Advantages,
+  J as Advantages,
   lt as Badge,
   tt as Banner,
-  A as BannerWithSeparateImg,
+  B as BannerWithSeparateImg,
   He as Breadcrumbs,
   j as Button,
   Ge as ButtonIcon,
@@ -1620,35 +1613,35 @@ export {
   rt as Footer,
   y as Heading,
   f as Icon,
-  ee as Loader,
+  K as Loader,
   it as LongBanner,
   ut as Notification,
   ot as PageHeader,
-  P as PhoneView,
+  S as PhoneView,
   Xe as ProgressBar,
   g as ResponsiveContainer,
-  T as RgxCheckForHyphen,
-  ge as RgxPatronymic,
-  he as RgxUnicode,
-  V as Section,
+  E as RgxCheckForHyphen,
+  be as RgxPatronymic,
+  ce as RgxUnicode,
+  R as Section,
   qe as Skeleton,
   nt as Stepper,
   Ue as Table,
   k as VALIDATION_MESSAGES,
   N as allowedBackgroundColors,
-  U as allowedBackgroundDeg,
-  O as allowedBannersBackgroundColors,
-  $ as allowedBorderRadius,
-  H as allowedFontSize,
+  O as allowedBackgroundDeg,
+  P as allowedBannersBackgroundColors,
+  M as allowedBorderRadius,
+  $ as allowedFontSize,
   h as allowedIconsColors,
-  G as allowedLineHeight,
+  U as allowedLineHeight,
   I as allowedStrokeColors,
-  M as allowedTextColors,
-  W as allowedTextStyles,
-  be as allowedZIndex,
-  C as capitalize,
+  V as allowedTextColors,
+  H as allowedTextStyles,
+  fe as allowedZIndex,
+  Oe as capitalize,
   a as cn,
-  Oe as deepCompare,
+  Me as deepCompare,
   Ye as extendsPreset,
   $e as formatToDate,
   xt as isClient,