@scbt-ecom/ui 0.7.1 → 0.7.2

package/dist/hybrid.js

@@ -2,7 +2,7 @@ import { p as B, j as t, c as a, H as g, a as c, I as m, L as K, z as x, i as Y,
 import { B as Ke, D as Ye, d as et, N as tt, b as rt } from "./Notification-BjaLuRjD.js";
 import * as s from "react";
 import { forwardRef as L } from "react";
-const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Be = (r, e = "dd.MM.yyyy") => B(r, e, /* @__PURE__ */ new Date()), R = ({ children: r, className: e, ...n }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...n, children: r }), h = ({ children: r, className: e, ...n }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...n, children: r }), ee = c("grid", {
+const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Be = (r, e = "dd.MM.yyyy") => B(r, e, /* @__PURE__ */ new Date()), R = ({ children: r, className: e, ...i }) => /* @__PURE__ */ t.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...i, children: r }), h = ({ children: r, className: e, ...i }) => /* @__PURE__ */ t.jsx("div", { className: a("m-auto w-full px-4 desktop:max-w-[1188px]", e), ...i, children: r }), ee = c("grid", {
   variants: {
     columnCount: {
       twoColumns: "grid-cols-[repeat(2,minmax(172px,_1fr))] desktop:grid-cols-[repeat(2,minmax(172px,_1fr))]",
@@ -52,7 +52,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   compoundVariants: [
     {
       columnCount: "threeColumns",
-      class: "mobile:overflow-x-scroll mobile:max-w-[368px] mb-1"
+      class: "overflow-x-scroll max-w-[368px] mb-1"
     }
   ]
 }), oe = c("border-b border-warm-grey-200 py-4 desktop:desk-body-regular-l mob-body-regular-l", {
@@ -76,16 +76,16 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
 }), ze = ({
   headTitle: r,
   tableRows: e,
-  tableHead: n,
+  tableHead: i,
   additionalText: o,
-  columnCount: i,
+  columnCount: n,
   classes: d
 }) => {
-  const l = n && n.length > 0 ? "exist" : "notExist";
+  const l = i && i.length > 0 ? "exist" : "notExist";
   return /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", d == null ? void 0 : d.tableRootWrapper), children: [
     /* @__PURE__ */ t.jsx(g, { as: "h3", className: a("mob-title-bold-m pb-6 desktop:desk-title-bold-s", d == null ? void 0 : d.tableHeading), children: r }),
-    /* @__PURE__ */ t.jsxs("div", { className: a(re({ columnCount: i }), d == null ? void 0 : d.tableBody), children: [
-      /* @__PURE__ */ t.jsx("ul", { className: a(ee({ columnCount: i }), d == null ? void 0 : d.tableTitlesContainer), children: n == null ? void 0 : n.map((u) => /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsxs("div", { className: a(re({ columnCount: n }), d == null ? void 0 : d.tableBody), children: [
+      /* @__PURE__ */ t.jsx("ul", { className: a(ee({ columnCount: n }), d == null ? void 0 : d.tableTitlesContainer), children: i == null ? void 0 : i.map((u) => /* @__PURE__ */ t.jsx(
         "li",
         {
           className: a(
@@ -96,7 +96,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
         },
         u
       )) }),
-      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((u, f) => /* @__PURE__ */ t.jsx("li", { className: a(te({ columnCount: i, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: u.map((y, v) => /* @__PURE__ */ t.jsx("p", { className: a(oe({ titlesExist: l, columnCount: i }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, v)) }, f)) })
+      /* @__PURE__ */ t.jsx("ul", { className: a("mb-4 flex flex-col", d == null ? void 0 : d.tableBodyContainer), children: e.map((u, f) => /* @__PURE__ */ t.jsx("li", { className: a(te({ columnCount: n, titlesExist: l }), d == null ? void 0 : d.tableBodyRow), children: u.map((y, v) => /* @__PURE__ */ t.jsx("p", { className: a(oe({ titlesExist: l, columnCount: n }), d == null ? void 0 : d.tableBodyCeil), children: y.text }, v)) }, f)) })
     ] }),
     /* @__PURE__ */ t.jsx("p", { className: a("mob-body-regular-m desktop:desk-body-regular-l", d == null ? void 0 : d.tableAdditionalText), children: o })
   ] }) });
@@ -130,7 +130,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       )
     ]
   }
-) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ie = (r) => {
+) : /* @__PURE__ */ t.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), ne = (r) => {
   switch (r) {
     case "ghost":
     case "secondary":
@@ -141,7 +141,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     default:
       return r;
   }
-}, ne = c(
+}, ie = c(
   "relative flex items-center justify-center gap-4 cursor-pointer rounded-sm w-max px-4 outline-offset-4 outline-transparent outline-2 desk-body-regular-l transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -203,9 +203,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   ({
     intent: r,
     size: e,
-    className: n,
+    className: i,
     children: o,
-    type: i = "button",
+    type: n = "button",
     iconLeft: d,
     iconRight: l,
     disabled: u = !1,
@@ -217,11 +217,11 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     "button",
     {
       ref: Q,
-      type: i,
+      type: n,
       disabled: u || f,
-      className: a(ne({ intent: r, size: e, textFormat: v, isLoading: f, isFull: y }), n),
+      className: a(ie({ intent: r, size: e, textFormat: v, isLoading: f, isFull: y }), i),
       ...p,
-      children: f ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ie(r) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      children: f ? /* @__PURE__ */ t.jsx(K, { size: "sm", intent: ne(r) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         d && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: d }),
         o,
         l && /* @__PURE__ */ t.jsx("span", { className: "flex size-5 items-center justify-center", children: l })
@@ -249,7 +249,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     }
   }
 ), Re = L(
-  ({ size: r, intent: e, children: n, classes: o, type: i = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: i, className: a(ae({ intent: e, size: r }), o == null ? void 0 : o.button), ...d, children: /* @__PURE__ */ t.jsx("span", { className: a(o == null ? void 0 : o.icon), children: n }) })
+  ({ size: r, intent: e, children: i, classes: o, type: n = "button", ...d }, l) => /* @__PURE__ */ t.jsx("button", { ref: l, type: n, className: a(ae({ intent: e, size: r }), o == null ? void 0 : o.button), ...d, children: /* @__PURE__ */ t.jsx("span", { className: a(o == null ? void 0 : o.icon), children: i }) })
 ), de = c(
   "group  underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
   {
@@ -296,15 +296,15 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
 }), Se = ({
   Component: r = "a",
   intent: e,
-  children: n,
+  children: i,
   withIcon: o,
-  disabled: i,
+  disabled: n,
   size: d,
   icon: l = "arrows/arrowLink",
   ...u
-}) => /* @__PURE__ */ t.jsxs(r, { className: a(de({ intent: e, withIcon: o, disabled: i, size: d })), ...u, children: [
-  n,
-  o && /* @__PURE__ */ t.jsx(m, { name: l, className: a(le({ intent: e, disabled: i })) })
+}) => /* @__PURE__ */ t.jsxs(r, { className: a(de({ intent: e, withIcon: o, disabled: n, size: d })), ...u, children: [
+  i,
+  o && /* @__PURE__ */ t.jsx(m, { name: l, className: a(le({ intent: e, disabled: n })) })
 ] }), pe = c("size-8 transition-colors", {
   variants: {
     intent: {
@@ -318,7 +318,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
 }), ue = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
-}, Oe = ({ text: r, size: e, sizeType: n, href: o, intent: i = "outline" }) => /* @__PURE__ */ t.jsxs(
+}, Oe = ({ text: r, size: e, sizeType: i, href: o, intent: n = "outline" }) => /* @__PURE__ */ t.jsxs(
   "a",
   {
     href: o,
@@ -329,28 +329,28 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       "group flex max-w-[288px] cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus desktop:max-w-[592px]"
     ),
     children: [
-      /* @__PURE__ */ t.jsx(m, { name: ue[i], className: a(pe({ intent: i })) }),
+      /* @__PURE__ */ t.jsx(m, { name: ue[n], className: a(pe({ intent: n })) }),
       /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-1 flex-col"), children: [
         /* @__PURE__ */ t.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: r }),
         /* @__PURE__ */ t.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
           e,
           " ",
-          n
+          i
         ] })
       ] })
     ]
   }
-), S = ({ phone: r, text: e, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", n == null ? void 0 : n.wrapper), children: [
-  /* @__PURE__ */ t.jsx("a", { href: `tel:${r}`, className: a("desk-body-medium-l ml-auto text-color-dark", n == null ? void 0 : n.link), children: r }),
-  /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.text), children: e })
-] }), Pe = ({ topContent: r, bottomContent: e, progress: n, maxPercent: o = 100, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
-  r && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", i == null ? void 0 : i.topContent), children: r }),
-  /* @__PURE__ */ t.jsxs("div", { className: a("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", i == null ? void 0 : i.progressBar), children: [
+), S = ({ phone: r, text: e, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex w-max flex-col", i == null ? void 0 : i.wrapper), children: [
+  /* @__PURE__ */ t.jsx("a", { href: `tel:${r}`, className: a("desk-body-medium-l ml-auto text-color-dark", i == null ? void 0 : i.link), children: r }),
+  /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", i == null ? void 0 : i.text), children: e })
+] }), Pe = ({ topContent: r, bottomContent: e, progress: i, maxPercent: o = 100, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.wrapper), children: [
+  r && /* @__PURE__ */ t.jsx("div", { className: a("mb-2 flex justify-between gap-5", n == null ? void 0 : n.topContent), children: r }),
+  /* @__PURE__ */ t.jsxs("div", { className: a("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", n == null ? void 0 : n.progressBar), children: [
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        style: { width: `${n}%` },
-        className: a("relative z-10 h-2 rounded-md bg-color-positive transition-all", i == null ? void 0 : i.progress)
+        style: { width: `${i}%` },
+        className: a("relative z-10 h-2 rounded-md bg-color-positive transition-all", n == null ? void 0 : n.progress)
       }
     ),
     /* @__PURE__ */ t.jsx(
@@ -359,12 +359,12 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
         style: { maxWidth: `${o}%` },
         className: a(
           "progressBar-apply absolute top-1/2 z-1 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
-          i == null ? void 0 : i.loader
+          n == null ? void 0 : n.loader
         )
       }
     )
   ] }),
-  e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", i == null ? void 0 : i.bottomContent), children: e })
+  e && /* @__PURE__ */ t.jsx("div", { className: a("mt-2 flex justify-between gap-5", n == null ? void 0 : n.bottomContent), children: e })
 ] }), Ve = ({ className: r }) => /* @__PURE__ */ t.jsx("div", { className: a("skeleton-apply h-full w-full", r) }), me = {
   main: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoMain" }),
   white: /* @__PURE__ */ t.jsx(m, { name: "brandLogos/logoWhite" }),
@@ -593,9 +593,9 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
   INVALID_DATE: "Введите корректную дату",
   FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
 }, I = (r) => {
-  const e = r.trim().replace(/\s+/g, " ").split(" "), [n, o, ...i] = e, d = i == null ? void 0 : i.join(" ");
+  const e = r.trim().replace(/\s+/g, " ").split(" "), [i, o, ...n] = e, d = n == null ? void 0 : n.join(" ");
   return {
-    surname: n,
+    surname: i,
     name: o,
     patronymic: d
   };
@@ -604,30 +604,30 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
     code: x.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
-  const { surname: n, name: o, patronymic: i } = I(r);
-  (!n || !o) && e.addIssue({
+  const { surname: i, name: o, patronymic: n } = I(r);
+  (!i || !o) && e.addIssue({
     code: x.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
   }), T.test(o) || e.addIssue({
     code: x.ZodIssueCode.custom,
     message: "Неверно введено имя"
-  }), T.test(n) || e.addIssue({
+  }), T.test(i) || e.addIssue({
     code: x.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), i && (ce.test(i) || e.addIssue({
+  }), n && (ce.test(n) || e.addIssue({
     code: x.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
 }).transform((r) => {
-  const { surname: e, name: n, patronymic: o } = I(r);
+  const { surname: e, name: i, patronymic: o } = I(r);
   return {
     surname: _(e),
-    name: _(n),
+    name: _(i),
     patronymic: o ? _(o) : void 0
   };
 }), $e = x.string().length(10, { message: j.INVALID_DATE }).superRefine((r, e) => {
-  const [n, o, i] = (r == null ? void 0 : r.split(".")) ?? "", d = B(`${n}/${o}/${i}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-  +i <= 1950 && e.addIssue({
+  const [i, o, n] = (r == null ? void 0 : r.split(".")) ?? "", d = B(`${i}/${o}/${n}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+  +n <= 1950 && e.addIssue({
     code: x.ZodIssueCode.custom,
     message: j.INVALID_DATE
   }), Y(d) || e.addIssue({
@@ -645,26 +645,26 @@ var Z = {}, H = {};
   }), Object.defineProperty(r, "default", {
     enumerable: !0,
     get: function() {
-      return n;
+      return i;
     }
   });
-  function e(o, i) {
+  function e(o, n) {
     return {
       handler: o,
-      config: i
+      config: n
     };
   }
-  e.withOptions = function(o, i = () => ({})) {
+  e.withOptions = function(o, n = () => ({})) {
     const d = function(l) {
       return {
         __options: l,
         handler: o(l),
-        config: i(l)
+        config: n(l)
       };
     };
-    return d.__isOptionsFunction = !0, d.__pluginFunction = o, d.__configFunction = i, d;
+    return d.__isOptionsFunction = !0, d.__pluginFunction = o, d.__configFunction = n, d;
   };
-  const n = e;
+  const i = e;
 })(H);
 (function(r) {
   Object.defineProperty(r, "__esModule", {
@@ -675,10 +675,10 @@ var Z = {}, H = {};
       return o;
     }
   });
-  const e = /* @__PURE__ */ n(H);
-  function n(i) {
-    return i && i.__esModule ? i : {
-      default: i
+  const e = /* @__PURE__ */ i(H);
+  function i(n) {
+    return n && n.__esModule ? n : {
+      default: n
     };
   }
   const o = e.default;
@@ -692,13 +692,13 @@ function F(r) {
   );
 }
 var ge = be(
-  ({ addUtilities: r, matchUtilities: e, theme: n }) => {
+  ({ addUtilities: r, matchUtilities: e, theme: i }) => {
     r({
-      "@keyframes enter": n("keyframes.enter"),
-      "@keyframes exit": n("keyframes.exit"),
+      "@keyframes enter": i("keyframes.enter"),
+      "@keyframes exit": i("keyframes.exit"),
       ".animate-in": {
         animationName: "enter",
-        animationDuration: n("animationDuration.DEFAULT"),
+        animationDuration: i("animationDuration.DEFAULT"),
         "--tw-enter-opacity": "initial",
         "--tw-enter-scale": "initial",
         "--tw-enter-rotate": "initial",
@@ -707,7 +707,7 @@ var ge = be(
       },
       ".animate-out": {
         animationName: "exit",
-        animationDuration: n("animationDuration.DEFAULT"),
+        animationDuration: i("animationDuration.DEFAULT"),
         "--tw-exit-opacity": "initial",
         "--tw-exit-scale": "initial",
         "--tw-exit-rotate": "initial",
@@ -719,19 +719,19 @@ var ge = be(
         "fade-in": (o) => ({ "--tw-enter-opacity": o }),
         "fade-out": (o) => ({ "--tw-exit-opacity": o })
       },
-      { values: n("animationOpacity") }
+      { values: i("animationOpacity") }
     ), e(
       {
         "zoom-in": (o) => ({ "--tw-enter-scale": o }),
         "zoom-out": (o) => ({ "--tw-exit-scale": o })
       },
-      { values: n("animationScale") }
+      { values: i("animationScale") }
     ), e(
       {
         "spin-in": (o) => ({ "--tw-enter-rotate": o }),
         "spin-out": (o) => ({ "--tw-exit-rotate": o })
       },
-      { values: n("animationRotate") }
+      { values: i("animationRotate") }
     ), e(
       {
         "slide-in-from-top": (o) => ({
@@ -759,28 +759,28 @@ var ge = be(
           "--tw-exit-translate-x": o
         })
       },
-      { values: n("animationTranslate") }
+      { values: i("animationTranslate") }
     ), e(
       { duration: (o) => ({ animationDuration: o }) },
-      { values: F(n("animationDuration")) }
+      { values: F(i("animationDuration")) }
     ), e(
       { delay: (o) => ({ animationDelay: o }) },
-      { values: n("animationDelay") }
+      { values: i("animationDelay") }
     ), e(
       { ease: (o) => ({ animationTimingFunction: o }) },
-      { values: F(n("animationTimingFunction")) }
+      { values: F(i("animationTimingFunction")) }
     ), r({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
     }), e(
       { "fill-mode": (o) => ({ animationFillMode: o }) },
-      { values: n("animationFillMode") }
+      { values: i("animationFillMode") }
     ), e(
       { direction: (o) => ({ animationDirection: o }) },
-      { values: n("animationDirection") }
+      { values: i("animationDirection") }
     ), e(
       { repeat: (o) => ({ animationIterationCount: o }) },
-      { values: n("animationRepeat") }
+      { values: i("animationRepeat") }
     );
   },
   {
@@ -928,8 +928,8 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     D(function({ matchUtilities: r, theme: e }) {
       r(
         {
-          "bg-deg-gradient": (n) => ({
-            "background-image": `linear-gradient(${n}, var(--tw-gradient-stops))`
+          "bg-deg-gradient": (i) => ({
+            "background-image": `linear-gradient(${i}, var(--tw-gradient-stops))`
           })
         },
         {
@@ -981,7 +981,6 @@ const X = /* @__PURE__ */ z(ge), Ue = {
 }, Ze = {
   theme: {
     screens: {
-      mobile: "1187px",
       desktop: "1188px"
     },
     backgroundColor: {
@@ -1020,8 +1019,8 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     D(function({ matchUtilities: r, theme: e }) {
       r(
         {
-          "bg-deg-gradient": (n) => ({
-            "background-image": `linear-gradient(${n}, var(--tw-gradient-stops))`
+          "bg-deg-gradient": (i) => ({
+            "background-image": `linear-gradient(${i}, var(--tw-gradient-stops))`
           })
         },
         {
@@ -1030,18 +1029,18 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       );
     })
   ]
-}, q = ({ buttonsConfig: r, classes: e, className: n }) => {
-  var i;
+}, q = ({ buttonsConfig: r, classes: e, className: i }) => {
+  var n;
   const o = (r == null ? void 0 : r.secondary) && r.secondary.children;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       "data-id": "banner-buttons-group",
       className: a(
-        "grid-buttons-apply absolute bottom-6 flex w-full flex-col mobile:max-w-[328px] mobile:justify-self-center desktop:static desktop:flex-row",
+        "grid-buttons-apply absolute bottom-6 flex w-full max-w-[328px] flex-col justify-self-center desktop:static desktop:max-w-full desktop:flex-row desktop:justify-normal",
         { "flex items-center gap-4": o },
         e == null ? void 0 : e.group,
-        n
+        i
       ),
       children: [
         /* @__PURE__ */ t.jsx(E, { intent: "primary", ...r.primary, isFull: !0, className: a("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
@@ -1052,7 +1051,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
             ...r == null ? void 0 : r.secondary,
             isFull: !0,
             className: a("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
-            children: (i = r == null ? void 0 : r.secondary) == null ? void 0 : i.children
+            children: (n = r == null ? void 0 : r.secondary) == null ? void 0 : n.children
           }
         )
       ]
@@ -1062,52 +1061,52 @@ const X = /* @__PURE__ */ z(ge), Ue = {
   "div",
   {
     className: a(
-      "flex w-[328px] flex-col gap-8 rounded-md bg-color-white shadow-sm mobile:p-6 desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:py-6",
+      "flex w-[328px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
       e == null ? void 0 : e.wrapper
     ),
-    children: r == null ? void 0 : r.map(({ title: n, description: o }) => /* @__PURE__ */ t.jsxs(
+    children: r == null ? void 0 : r.map(({ title: i, description: o }) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: a(
-          'after:content-[" "] relative flex h-full w-[285px] flex-col gap-2 after:absolute after:h-[1px] after:w-[280px] after:bg-color-blue-grey-300 last:after:hidden mobile:after:-bottom-4 mobile:after:left-1/2 mobile:after:-translate-x-1/2 desktop:px-8 desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2',
+          '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
         ),
         children: [
-          /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: n }),
+          /* @__PURE__ */ t.jsx(g, { as: "h4", className: a("text-color-dark", e == null ? void 0 : e.title), children: i }),
           /* @__PURE__ */ t.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", e == null ? void 0 : e.description), children: o })
         ]
       },
-      n
+      i
     ))
   }
 ), A = ({
   headTitle: r,
   subtitle: e,
-  buttonsConfig: n,
+  buttonsConfig: i,
   advantagesList: o,
-  classes: i,
+  classes: n,
   img: d
 }) => {
-  const l = Object.keys(n).reduce((u, f) => f ? u + 1 : u, 0);
-  return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]", i == null ? void 0 : i.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(i == null ? void 0 : i.container), children: [
+  const l = Object.keys(i).reduce((u, f) => f ? u + 1 : u, 0);
+  return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         "data-id": "banner-grid",
-        className: a("grid-mob-apply desktop:grid-desk-apply grid mobile:justify-center", i == null ? void 0 : i.wrapper),
+        className: a("grid-mob-apply desktop:grid-desk-apply grid justify-center desktop:justify-normal", n == null ? void 0 : n.wrapper),
         children: [
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               "data-id": "banner-text-block",
-              className: a("grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20", i == null ? void 0 : i.textBlock),
+              className: a("grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20", n == null ? void 0 : n.textBlock),
               children: [
-                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", i == null ? void 0 : i.title), children: r }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle), children: e })
+                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: r }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
               ]
             }
           ),
-          /* @__PURE__ */ t.jsx(q, { buttonsConfig: n, classes: i }),
+          /* @__PURE__ */ t.jsx(q, { buttonsConfig: i, classes: n }),
           /* @__PURE__ */ t.jsx(
             "div",
             {
@@ -1116,7 +1115,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
                 "grid-image-apply w-full desktop:h-full desktop:w-[550px]",
                 { "h-[450px]": l === 2 },
                 { "h-[410px]": l === 1 },
-                i == null ? void 0 : i.imageContainer
+                n == null ? void 0 : n.imageContainer
               ),
               children: /* @__PURE__ */ t.jsx(
                 "img",
@@ -1124,7 +1123,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
                   "data-id": "banner-image",
                   src: d,
                   alt: "Картинка баннера",
-                  className: a("h-full w-full object-contain", i == null ? void 0 : i.image)
+                  className: a("h-full w-full object-contain", n == null ? void 0 : n.image)
                 }
               )
             }
@@ -1136,20 +1135,20 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       "div",
       {
         "data-id": "banner-advantages",
-        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", i == null ? void 0 : i.advantages),
-        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: i, advantagesList: o })
+        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
+        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: o })
       }
     )
   ] }) });
 }, he = ({
   headTitle: r,
   subtitle: e,
-  buttonsConfig: n,
+  buttonsConfig: i,
   advantagesList: o,
-  classes: i,
+  classes: n,
   img: d,
   imgSets: l
-}) => /* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.section), children: [
+}) => /* @__PURE__ */ t.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",
     {
@@ -1164,20 +1163,20 @@ const X = /* @__PURE__ */ z(ge), Ue = {
             "data-id": "banner-image",
             src: d,
             alt: "Картинка баннера",
-            className: a("h-full w-full object-cover object-center", i == null ? void 0 : i.image)
+            className: a("h-full w-full object-cover object-center", n == null ? void 0 : n.image)
           }
         )
       ] })
     }
   ),
-  /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full pb-6", i == null ? void 0 : i.container), children: [
+  /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a("h-full pb-6", n == null ? void 0 : n.container), children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         "data-id": "banner-grid",
         className: a(
           "grid-mob-full-img-apply desktop:grid-desk-full-img-apply grid h-full grid-rows-[repeat(2,_min-content)]",
-          i == null ? void 0 : i.wrapper
+          n == null ? void 0 : n.wrapper
         ),
         children: [
           /* @__PURE__ */ t.jsxs(
@@ -1185,22 +1184,22 @@ const X = /* @__PURE__ */ z(ge), Ue = {
             {
               "data-id": "banner-text-block",
               className: a(
-                "grid-text-apply flex flex-col gap-4 pt-6 mobile:w-[328px] desktop:pb-10 desktop:pt-20",
-                i == null ? void 0 : i.textBlock
+                "grid-text-apply flex w-[328px] flex-col gap-4 pt-6 desktop:w-full desktop:pb-10 desktop:pt-20",
+                n == null ? void 0 : n.textBlock
               ),
               children: [
-                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-white", i == null ? void 0 : i.title), children: r }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-white", i == null ? void 0 : i.subtitle), children: e })
+                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-white", n == null ? void 0 : n.title), children: r }),
+                /* @__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: "mobile:self-end",
+              className: "self-end desktop:self-center",
               "data-id": "banner-buttons-group",
-              buttonsConfig: n,
-              classes: i
+              buttonsConfig: i,
+              classes: n
             }
           )
         ]
@@ -1210,7 +1209,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       "div",
       {
         "data-id": "banner-advantages",
-        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", i == null ? void 0 : i.advantages),
+        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
         children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { "data-id": "banner-advantages-list", advantagesList: o })
       }
     )
@@ -1318,18 +1317,18 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], ke = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("mt-6 flex items-center gap-2", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: n, href: o }) => /* @__PURE__ */ t.jsx(
+], ke = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("mt-6 flex items-center gap-2", e == null ? void 0 : e.socialRoot), children: r == null ? void 0 : r.map(({ iconName: i, href: o }) => /* @__PURE__ */ t.jsx(
   "a",
   {
     className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: o,
-    children: /* @__PURE__ */ t.jsx(m, { name: n, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    children: /* @__PURE__ */ t.jsx(m, { name: i, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
   o
-)) }), Ne = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col items-end gap-4", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: n, text: o }) => /* @__PURE__ */ t.jsx(
+)) }), Ne = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col items-end gap-4", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: i, text: o }) => /* @__PURE__ */ t.jsx(
   S,
   {
-    phone: n,
+    phone: i,
     text: o,
     classes: {
       wrapper: a(e == null ? void 0 : e.phoneWrapper),
@@ -1337,10 +1336,10 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       link: a("text-color-white", e == null ? void 0 : e.phoneLink)
     }
   },
-  n
-)) }), De = ({ navigationLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("grid grid-cols-4 gap-10 border-y border-blue-grey-500 py-8 pt-8", e == null ? void 0 : e.navRoot), children: r == null ? void 0 : r.map(({ groupLabel: n, links: o }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-  /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m font-medium text-color-white", e == null ? void 0 : e.navLabel), children: n }),
-  /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: o == null ? void 0 : o.map(({ text: i, href: d }) => /* @__PURE__ */ t.jsx(
+  i
+)) }), De = ({ navigationLinks: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("grid grid-cols-4 gap-10 border-y border-blue-grey-500 py-8 pt-8", e == null ? void 0 : e.navRoot), children: r == null ? void 0 : r.map(({ groupLabel: i, links: o }) => /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+  /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m font-medium text-color-white", e == null ? void 0 : e.navLabel), children: i }),
+  /* @__PURE__ */ t.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: o == null ? void 0 : o.map(({ text: n, href: d }) => /* @__PURE__ */ t.jsx(
     "a",
     {
       href: d,
@@ -1348,18 +1347,18 @@ const X = /* @__PURE__ */ z(ge), Ue = {
         "desk-body-regular-m cursor-pointer text-color-white transition-colors hover:text-color-footer",
         e == null ? void 0 : e.navLink
       ),
-      children: i
+      children: n
     },
-    i
+    n
   )) })
-] }, n)) }), _e = ({ ligal: r, classes: e }) => {
-  const [n, o] = s.useState(!1), [i, d] = s.useState(!1), l = s.useRef(null);
+] }, i)) }), _e = ({ ligal: r, classes: e }) => {
+  const [i, o] = s.useState(!1), [n, d] = s.useState(!1), l = s.useRef(null);
   return s.useEffect(() => {
     const u = l.current;
     u && d(u.scrollHeight > u.clientHeight);
   }, []), /* @__PURE__ */ t.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
-    /* @__PURE__ */ t.jsx("p", { ref: l, className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, e == null ? void 0 : e.ligal), children: r }),
-    i && /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("p", { ref: l, className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, e == null ? void 0 : e.ligal), children: r }),
+    n && /* @__PURE__ */ t.jsx(
       "div",
       {
         tabIndex: 0,
@@ -1376,9 +1375,9 @@ const X = /* @__PURE__ */ z(ge), Ue = {
 }, Ce = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.text), children: r }), We = ({
   withSocial: r = !0,
   withPhones: e = !0,
-  withNavLinks: n = !0,
+  withNavLinks: i = !0,
   withLigal: o = !0,
-  withCopyright: i = !0,
+  withCopyright: n = !0,
   withSiteMap: d = !0,
   socialsLinks: l = se,
   phones: u = we,
@@ -1394,10 +1393,10 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     ] }),
     e && /* @__PURE__ */ t.jsx(Ne, { phones: u, classes: p })
   ] }),
-  n && /* @__PURE__ */ t.jsx(De, { navigationLinks: f, classes: p }),
+  i && /* @__PURE__ */ t.jsx(De, { navigationLinks: f, classes: p }),
   o && /* @__PURE__ */ t.jsx(_e, { ligal: y, classes: p }),
   /* @__PURE__ */ t.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
-    i && /* @__PURE__ */ t.jsx(Ce, { text: v, classes: p }),
+    n && /* @__PURE__ */ t.jsx(Ce, { text: v, classes: p }),
     d && /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -1414,13 +1413,13 @@ const X = /* @__PURE__ */ z(ge), Ue = {
     case "withButton":
       return /* @__PURE__ */ t.jsx(E, { intent: "secondary", size: "sm", children: "Оформить заявку" });
     case "withPhone":
-      const { phone: e, phoneText: n } = r;
-      return /* @__PURE__ */ t.jsx(S, { phone: e, text: n });
+      const { phone: e, phoneText: i } = r;
+      return /* @__PURE__ */ t.jsx(S, { phone: e, text: i });
     default:
       return null;
   }
 }, Xe = (r) => {
-  const { logoPath: e = "/", logoType: n = "main" } = r;
+  const { logoPath: e = "/", logoType: i = "main" } = r;
   return /* @__PURE__ */ t.jsx("header", { className: "flex h-[72px] items-center justify-center bg-color-blue-grey-200", children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
     /* @__PURE__ */ t.jsx(
       "a",
@@ -1428,17 +1427,17 @@ const X = /* @__PURE__ */ z(ge), Ue = {
         href: e,
         target: "_blank",
         rel: "noreferrer",
-        className: "flex items-center justify-center [&_svg]:h-[32px] [&_svg]:w-[192px]",
-        children: me[n]
+        className: "flex items-center justify-center [&_svg]:w-[114px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
+        children: me[i]
       }
     ),
     Ee(r)
   ] }) }) });
-}, Te = ({ title: r, description: e, index: n, classes: o }) => /* @__PURE__ */ t.jsxs(
+}, Te = ({ title: r, description: e, index: i, classes: o }) => /* @__PURE__ */ t.jsxs(
   "div",
   {
     className: a(
-      "mobile:border-color-blue-grey-500 flex w-[328px] max-w-[328px] flex-col gap-6 mobile:rounded-md mobile:border mobile:border-solid mobile:p-4 desktop:w-[348px] desktop:max-w-[348px]",
+      "border-color-blue-grey-500 flex w-[328px] max-w-[328px] flex-col gap-6 rounded-md border border-solid p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
       o == null ? void 0 : o.singleStep
     ),
     children: [
@@ -1449,7 +1448,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
             "mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
             o == null ? void 0 : o.numeric
           ),
-          children: n
+          children: i
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-4", o == null ? void 0 : o.textBlock), children: [
@@ -1458,16 +1457,16 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       ] })
     ]
   }
-), qe = ({ heading: r, stepsList: e, classes: n }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", n == null ? void 0 : n.root), children: [
-  /* @__PURE__ */ t.jsx(g, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: r }),
+), qe = ({ heading: r, stepsList: e, classes: i }) => /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(h, { children: /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col gap-12", i == null ? void 0 : i.root), children: [
+  /* @__PURE__ */ t.jsx(g, { as: "h2", className: a("text-color-dark", i == null ? void 0 : i.headline), children: r }),
   /* @__PURE__ */ t.jsx(
     "div",
     {
       className: a(
         "flex flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
-        n == null ? void 0 : n.stepsWrapper
+        i == null ? void 0 : i.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((o, i) => /* @__PURE__ */ t.jsx(Te, { index: i + 1, ...o, classes: n }, o.title))
+      children: e == null ? void 0 : e.map((o, n) => /* @__PURE__ */ t.jsx(Te, { index: n + 1, ...o, classes: i }, o.title))
     }
   )
 ] }) }) });