@scbt-ecom/ui 0.14.1 → 0.15.1

package/dist/hybrid.js

@@ -1,45 +1,45 @@
-import { j as o, c as a, I as m, a as x, R as g, B as I, z as p, p as G, i as U, g as _, H as E, P as W } from "./index-BJGvyDqg.js";
-import { b as Ke, L as Ye, d as et, s as tt } from "./index-BJGvyDqg.js";
-import * as h from "react";
-import { forwardRef as X } from "react";
-const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Te = (...r) => {
-  const e = r.filter(Boolean);
-  return e.length <= 1 ? e[0] || null : function(t) {
-    e.forEach((i) => {
-      typeof i == "function" ? i(t) : i && (i.current = t);
+import { j as n, c as i, I as m, a as c, R as g, B as I, z as f, p as U, i as Z, g as _, H as L, P as G } from "./index-CexXWplL.js";
+import { b as Ke, L as Ye, d as et, s as tt } from "./index-CexXWplL.js";
+import * as y from "react";
+import { forwardRef as W } from "react";
+const Le = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Ee = (...t) => {
+  const e = t.filter(Boolean);
+  return e.length <= 1 ? e[0] || null : function(r) {
+    e.forEach((a) => {
+      typeof a == "function" ? a(r) : a && (a.current = r);
     });
   };
-}, T = ({ children: r, className: e, ...n }) => /* @__PURE__ */ o.jsx("section", { className: a("pb-16 desktop:pb-20", e), ...n, children: r }), Le = ({ linksList: r }) => /* @__PURE__ */ o.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: r.map((e) => /* @__PURE__ */ o.jsx(o.Fragment, { children: "path" in e ? /* @__PURE__ */ o.jsxs(
+}, X = ({ children: t, className: e, ...o }) => /* @__PURE__ */ n.jsx("section", { className: i("pb-16 desktop:pb-20", e), ...o, children: t }), Te = ({ linksList: t }) => /* @__PURE__ */ n.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: t.map((e) => /* @__PURE__ */ n.jsx(n.Fragment, { children: "path" in e ? /* @__PURE__ */ n.jsxs(
   "div",
   {
-    className: a(
+    className: i(
       "flex items-center gap-1 rounded-sm border-2 border-solid border-transparent px-1 focus-within:border-primary-focus",
       { "pointer-events-none !border-transparent": e == null ? void 0 : e.isDisabled }
     ),
     children: [
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         "a",
         {
           href: e.path,
           target: "_blank",
           rel: "noreferrer",
-          className: a(
+          className: i(
             "desk-body-regular-m text-color-primary-default outline-none hover:text-color-primary-hover focus:text-color-primary-default",
             { "!text-color-disabled": e == null ? void 0 : e.isDisabled }
           ),
           children: e.label
         }
       ),
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         m,
         {
           name: "arrows/arrowRight",
-          className: a("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
+          className: i("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
         }
       )
     ]
   }
-) : /* @__PURE__ */ o.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), q = x(
+) : /* @__PURE__ */ n.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), q = c(
   "group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -59,16 +59,20 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       size: "lg"
     }
   }
-), Fe = X(
-  ({ size: r, intent: e, children: n, classes: t, type: i = "button", ...d }, f) => /* @__PURE__ */ o.jsx("button", { ref: f, type: i, className: a(q({ intent: e, size: r }), t == null ? void 0 : t.button), ...d, children: /* @__PURE__ */ o.jsx("span", { className: a(t == null ? void 0 : t.icon), children: n }) })
-), Q = x(
-  "group  underline underline-offset-4 outline-none p-[2px] rounded-sm border border-solid border-transparent",
+), Fe = W(
+  ({ size: t, intent: e, children: o, classes: r, type: a = "button", ...d }, l) => /* @__PURE__ */ n.jsx("button", { ref: l, type: a, className: i(q({ intent: e, size: t }), r == null ? void 0 : r.button), ...d, children: /* @__PURE__ */ n.jsx("span", { className: i(r == null ? void 0 : r.icon), children: o }) })
+), Q = c(
+  "group outline-none transition-colors duration-100 p-[2px] rounded-sm border border-solid border-transparent",
   {
     variants: {
       intent: {
         blue: "text-color-primary-default hover:text-color-primary-hover focus:text-color-primary-default focus:border-primary-focus",
         white: "text-color-white hover:text-color-footer focus:text-color-white focus:border-primary-focus"
       },
+      withUnderline: {
+        true: "underline underline-offset-4",
+        false: ""
+      },
       withIcon: {
         true: "flex items-center gap-1",
         false: ""
@@ -86,10 +90,11 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       intent: "blue",
       withIcon: !0,
       disabled: !1,
-      size: "sm"
+      size: "sm",
+      withUnderline: !1
     }
   }
-), J = x("size-6", {
+), J = c("size-6", {
   variants: {
     intent: {
       blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
@@ -104,19 +109,20 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
     intent: "blue",
     disabled: !1
   }
-}), Ae = ({
-  Component: r = "a",
-  intent: e,
-  children: n,
-  withIcon: t,
-  disabled: i,
-  size: d,
-  icon: f = "arrows/arrowLink",
-  ...u
-}) => /* @__PURE__ */ o.jsxs(r, { className: a(Q({ intent: e, withIcon: t, disabled: i, size: d })), ...u, children: [
-  n,
-  t && /* @__PURE__ */ o.jsx(m, { name: f, className: a(J({ intent: e, disabled: i })) })
-] }), K = x("size-8 transition-colors", {
+}), E = ({
+  intent: t,
+  children: e,
+  withIcon: o,
+  disabled: r,
+  size: a,
+  icon: d = "arrows/arrowLink",
+  classes: l,
+  withUnderline: u,
+  ...b
+}) => /* @__PURE__ */ n.jsxs("a", { className: i(Q({ intent: t, withIcon: o, withUnderline: u, disabled: r, size: a }), l == null ? void 0 : l.link), ...b, children: [
+  e,
+  o && /* @__PURE__ */ n.jsx(m, { name: d, className: i(J({ intent: t, disabled: r }), l == null ? void 0 : l.icon) })
+] }), K = c("size-8 transition-colors", {
   variants: {
     intent: {
       outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
@@ -129,78 +135,106 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
 }), Y = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
-}, ze = ({ text: r, size: e, sizeType: n, href: t, intent: i = "outline" }) => /* @__PURE__ */ o.jsxs(
+}, ze = ({ text: t, size: e, sizeType: o, href: r, intent: a = "outline" }) => /* @__PURE__ */ n.jsxs(
   "a",
   {
-    href: t,
+    href: r,
     target: "_blank",
     rel: "noreferrer",
     tabIndex: 0,
-    className: a(
+    className: i(
       "group flex 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__ */ o.jsx(m, { name: Y[i], className: a(K({ intent: i })) }),
-      /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col"), children: [
-        /* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark"), children: r }),
-        /* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled"), children: [
+      /* @__PURE__ */ n.jsx(m, { name: Y[a], className: i(K({ intent: a })) }),
+      /* @__PURE__ */ n.jsxs("div", { className: i("flex flex-1 flex-col"), children: [
+        /* @__PURE__ */ n.jsx("p", { className: i("desk-body-medium-l text-color-dark"), children: t }),
+        /* @__PURE__ */ n.jsxs("div", { className: i("desk-body-regular-m text-color-disabled"), children: [
           e,
           " ",
-          n
+          o
         ] })
       ] })
     ]
   }
-), L = ({ phone: r, text: e, classes: n, ...t }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex w-max flex-col", n == null ? void 0 : n.wrapper), ...t, children: [
-  /* @__PURE__ */ o.jsx(
+), T = ({ phone: t, text: e, classes: o, ...r }) => /* @__PURE__ */ n.jsxs("div", { className: i("flex w-max flex-col", o == null ? void 0 : o.wrapper), ...r, children: [
+  /* @__PURE__ */ n.jsx(
     "a",
     {
-      href: `tel:${r}`,
-      className: a("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.link),
-      children: r
+      href: `tel:${t}`,
+      className: i("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l", o == null ? void 0 : o.link),
+      children: t
     }
   ),
-  /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.text), children: e })
-] }), Be = ({ topContent: r, bottomContent: e, progress: n, maxPercent: t = 100, classes: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex w-full flex-col", i == null ? void 0 : i.wrapper), children: [
-  r && /* @__PURE__ */ o.jsx("div", { className: a("mb-2 flex justify-between gap-5", i == null ? void 0 : i.topContent), children: r }),
-  /* @__PURE__ */ o.jsxs("div", { className: a("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", i == null ? void 0 : i.progressBar), children: [
-    /* @__PURE__ */ o.jsx(
+  /* @__PURE__ */ n.jsx("p", { className: i("desk-body-regular-s text-color-tetriary", o == null ? void 0 : o.text), children: e })
+] }), Ae = ({ topContent: t, bottomContent: e, progress: o, maxPercent: r = 100, classes: a }) => /* @__PURE__ */ n.jsxs("div", { className: i("flex w-full flex-col", a == null ? void 0 : a.wrapper), children: [
+  t && /* @__PURE__ */ n.jsx("div", { className: i("mb-2 flex justify-between gap-5", a == null ? void 0 : a.topContent), children: t }),
+  /* @__PURE__ */ n.jsxs("div", { className: i("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]", a == null ? void 0 : a.progressBar), children: [
+    /* @__PURE__ */ n.jsx(
       "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: `${o}%` },
+        className: i("relative z-10 h-2 rounded-md bg-color-positive transition-all", a == null ? void 0 : a.progress)
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ n.jsx(
       "span",
       {
-        style: { maxWidth: `${t}%` },
-        className: a(
+        style: { maxWidth: `${r}%` },
+        className: i(
           "progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
-          i == null ? void 0 : i.loader
+          a == null ? void 0 : a.loader
         )
       }
     )
   ] }),
-  e && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex justify-between gap-5", i == null ? void 0 : i.bottomContent), children: e })
-] }), Se = ({ className: r }) => /* @__PURE__ */ o.jsx("div", { className: a("skeleton-apply h-full w-full", r) }), ee = {
-  main: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoMain" }),
-  white: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoWhite" }),
-  gray: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoGray" }),
-  black: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoBlack" }),
-  business: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoBusiness" }),
-  insurance: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoInsurance" })
-}, Re = ({ isVisible: r, classes: e, children: n, buttonProps: t }) => /* @__PURE__ */ o.jsxs(
+  e && /* @__PURE__ */ n.jsx("div", { className: i("mt-2 flex justify-between gap-5", a == null ? void 0 : a.bottomContent), children: e })
+] }), Be = ({ className: t }) => /* @__PURE__ */ n.jsx("div", { className: i("skeleton-apply h-full w-full", t) }), Se = ({ text: t, classes: e }) => {
+  const [o, r] = y.useState(!1), [a, d] = y.useState(!1), l = y.useRef(null);
+  return y.useEffect(() => {
+    const u = l.current;
+    u && d(u.scrollHeight > u.clientHeight);
+  }, []), /* @__PURE__ */ n.jsxs("div", { className: i("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
+    /* @__PURE__ */ n.jsx(
+      "p",
+      {
+        ref: l,
+        className: i("desk-body-regular-m text-color-footer", { "line-clamp-3": !o }, e == null ? void 0 : e.ligalText),
+        children: t
+      }
+    ),
+    a && /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        tabIndex: 0,
+        role: "button",
+        onClick: () => r((u) => !u),
+        className: i(
+          "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
+          e == null ? void 0 : e.ligalButton
+        ),
+        children: "Подробнее"
+      }
+    )
+  ] });
+}, ee = {
+  main: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoMain" }),
+  white: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoWhite" }),
+  gray: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoGray" }),
+  black: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoBlack" }),
+  business: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoBusiness" }),
+  insurance: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoInsurance" })
+}, Re = ({ isVisible: t, classes: e, children: o, buttonProps: r }) => /* @__PURE__ */ n.jsxs(
   g,
   {
-    className: a(
+    className: i(
       "fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden",
-      { "translate-y-[100%]": !r },
+      { "translate-y-[100%]": !t },
       e == null ? void 0 : e.root
     ),
     children: [
-      n,
-      /* @__PURE__ */ o.jsx(I, { size: "lg", className: a("m-auto w-full", e == null ? void 0 : e.button), ...t, children: "Оформить заявку" })
+      o,
+      /* @__PURE__ */ n.jsx(I, { size: "lg", className: i("m-auto w-full", e == null ? void 0 : e.button), ...r, children: "Оформить заявку" })
     ]
   }
 ), te = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, D = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, re = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, s = {
@@ -214,69 +248,69 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   INVALID_VALUE: "Поле заполнено некорректно",
   INVALID_DATE: "Введите корректную дату",
   FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
-}, oe = (r) => {
-  const e = r.trim().replace(/\s+/g, " ").split(" "), [n, t, ...i] = e, d = i == null ? void 0 : i.join(" ");
+}, oe = (t) => {
+  const e = t.trim().replace(/\s+/g, " ").split(" "), [o, r, ...a] = e, d = a == null ? void 0 : a.join(" ");
   return {
-    surname: n,
-    name: t,
+    surname: o,
+    name: r,
     patronymic: d
   };
-}, Pe = p.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((r, e) => {
-  r === "" && e.addIssue({
-    code: p.ZodIssueCode.custom,
+}, Pe = f.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((t, e) => {
+  t === "" && e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
-  }), te.test(r) || e.addIssue({
-    code: p.ZodIssueCode.custom,
+  }), te.test(t) || e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
-  const { surname: n, name: t, patronymic: i } = oe(r);
-  (!n || !t) && e.addIssue({
-    code: p.ZodIssueCode.custom,
+  const { surname: o, name: r, patronymic: a } = oe(t);
+  (!o || !r) && e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
-  }), D.test(t) || e.addIssue({
-    code: p.ZodIssueCode.custom,
+  }), D.test(r) || e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Неверно введено имя"
-  }), D.test(n) || e.addIssue({
-    code: p.ZodIssueCode.custom,
+  }), D.test(o) || e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), i && (re.test(i) || e.addIssue({
-    code: p.ZodIssueCode.custom,
+  }), a && (re.test(a) || e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
-}), $e = p.string().length(10, { message: s.INVALID_DATE }).superRefine((r, e) => {
-  const [n, t, i] = (r == null ? void 0 : r.split(".")) ?? "", d = G(`${n}/${t}/${i}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-  +i <= 1950 && e.addIssue({
-    code: p.ZodIssueCode.custom,
+}), $e = f.string().length(10, { message: s.INVALID_DATE }).superRefine((t, e) => {
+  const [o, r, a] = (t == null ? void 0 : t.split(".")) ?? "", d = U(`${o}/${r}/${a}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+  +a <= 1950 && e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: s.INVALID_DATE
-  }), U(d) || e.addIssue({
-    code: p.ZodIssueCode.custom,
+  }), Z(d) || e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: s.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
-    code: p.ZodIssueCode.custom,
+    code: f.ZodIssueCode.custom,
     message: s.FUTURE_DATE_NOT_ALLOWED
   });
-}), He = p.string().superRefine((r, e) => {
-  const n = r.charAt(0);
-  ["3", "4", "5", "6", "9"].includes(n) || e.addIssue({
-    code: p.ZodIssueCode.custom,
+}), He = f.string().superRefine((t, e) => {
+  const o = t.charAt(0);
+  ["3", "4", "5", "6", "9"].includes(o) || e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Код города/оператора должен начинаться с цифры 3, 4, 5, 6 или 9"
-  }), r.length !== 10 && e.addIssue({
-    code: p.ZodIssueCode.custom,
+  }), t.length !== 10 && e.addIssue({
+    code: f.ZodIssueCode.custom,
     message: "Введите номер телефона полностью"
   });
-}).transform((r) => `7${r}`), Ve = p.coerce.number().min(1e3, `${s.FIX_LENGTH} 4`).max(9999, `${s.FIX_LENGTH} 4`).nullable().superRefine((r, e) => {
-  r === null && e.addIssue({
-    code: p.ZodIssueCode.invalid_type,
+}).transform((t) => `7${t}`), Ve = f.coerce.number().min(1e3, `${s.FIX_LENGTH} 4`).max(9999, `${s.FIX_LENGTH} 4`).nullable().superRefine((t, e) => {
+  t === null && e.addIssue({
+    code: f.ZodIssueCode.invalid_type,
     expected: "number",
     received: "null",
     message: `${s.FIX_LENGTH} 4`
   });
-}).default(null), b = {
+}).default(null), h = {
   transparent: "transparent",
   current: "currentColor",
   inherit: "inherit",
   initial: "initial"
-}, y = {
+}, w = {
   "blue-grey-100": "#f3f4f7",
   "blue-grey-200": "#eaedf1",
   "blue-grey-300": "#d4dbe2",
@@ -304,7 +338,7 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   purple: "#5f40bd",
   "purple-hover": "#52399d",
   overlay: "#0000004d",
-  ...b
+  ...h
 }, F = {
   dark: "#292929",
   disabled: "#a9b6c5",
@@ -319,8 +353,8 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   "blue-grey-600": "#94a4b7",
-  ...b
-}, A = {
+  ...h
+}, z = {
   "barvcray-200": "#ebeef4",
   "barvcray-300": "#dde1e8",
   "greymint-200": "#deecee",
@@ -333,8 +367,8 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   "skyblue-100": "#f4f8fe",
   "skyblue-200": "#e7f3ff",
   "skyblue-300": "#d9edff",
-  ...b
-}, c = {
+  ...h
+}, x = {
   "accent-default": "#2477ff",
   "accent-hover": "#0053da",
   "blue-grey-100": "#f3f4f7",
@@ -359,8 +393,8 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   white: "#ffffff",
   "primary-disabled": "#809bc7",
   footer: "#C3C3C3",
-  ...b
-}, w = {
+  ...h
+}, v = {
   "blue-grey-500": "#a9b6c5",
   "blue-grey-700": "#69809a",
   "blue-grey-800": "#5a6e85",
@@ -378,8 +412,8 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   warning: "#f49f00",
   white: "#ffffff",
   "primary-disabled": "#809bc7",
-  ...b
-}, z = {
+  ...h
+}, A = {
   none: "0",
   sm: "4px",
   md: "8px",
@@ -482,66 +516,66 @@ const Ee = (r) => r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   }
 };
 var $ = {}, H = {};
-(function(r) {
-  Object.defineProperty(r, "__esModule", {
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
     value: !0
-  }), Object.defineProperty(r, "default", {
+  }), Object.defineProperty(t, "default", {
     enumerable: !0,
     get: function() {
-      return n;
+      return o;
     }
   });
-  function e(t, i) {
+  function e(r, a) {
     return {
-      handler: t,
-      config: i
+      handler: r,
+      config: a
     };
   }
-  e.withOptions = function(t, i = () => ({})) {
-    const d = function(f) {
+  e.withOptions = function(r, a = () => ({})) {
+    const d = function(l) {
       return {
-        __options: f,
-        handler: t(f),
-        config: i(f)
+        __options: l,
+        handler: r(l),
+        config: a(l)
       };
     };
-    return d.__isOptionsFunction = !0, d.__pluginFunction = t, d.__configFunction = i, d;
+    return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = a, d;
   };
-  const n = e;
+  const o = e;
 })(H);
-(function(r) {
-  Object.defineProperty(r, "__esModule", {
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
     value: !0
-  }), Object.defineProperty(r, "default", {
+  }), Object.defineProperty(t, "default", {
     enumerable: !0,
     get: function() {
-      return t;
+      return r;
     }
   });
-  const e = /* @__PURE__ */ n(H);
-  function n(i) {
-    return i && i.__esModule ? i : {
-      default: i
+  const e = /* @__PURE__ */ o(H);
+  function o(a) {
+    return a && a.__esModule ? a : {
+      default: a
     };
   }
-  const t = e.default;
+  const r = e.default;
 })($);
 let j = $;
 var V = (j.__esModule ? j : { default: j }).default;
-const v = /* @__PURE__ */ _(V), ae = V;
-function C(r) {
+const k = /* @__PURE__ */ _(V), ie = V;
+function C(t) {
   return Object.fromEntries(
-    Object.entries(r).filter(([e]) => e !== "DEFAULT")
+    Object.entries(t).filter(([e]) => e !== "DEFAULT")
   );
 }
-var ie = ae(
-  ({ addUtilities: r, matchUtilities: e, theme: n }) => {
-    r({
-      "@keyframes enter": n("keyframes.enter"),
-      "@keyframes exit": n("keyframes.exit"),
+var ae = ie(
+  ({ addUtilities: t, matchUtilities: e, theme: o }) => {
+    t({
+      "@keyframes enter": o("keyframes.enter"),
+      "@keyframes exit": o("keyframes.exit"),
       ".animate-in": {
         animationName: "enter",
-        animationDuration: n("animationDuration.DEFAULT"),
+        animationDuration: o("animationDuration.DEFAULT"),
         "--tw-enter-opacity": "initial",
         "--tw-enter-scale": "initial",
         "--tw-enter-rotate": "initial",
@@ -550,7 +584,7 @@ var ie = ae(
       },
       ".animate-out": {
         animationName: "exit",
-        animationDuration: n("animationDuration.DEFAULT"),
+        animationDuration: o("animationDuration.DEFAULT"),
         "--tw-exit-opacity": "initial",
         "--tw-exit-scale": "initial",
         "--tw-exit-rotate": "initial",
@@ -559,85 +593,85 @@ var ie = ae(
       }
     }), e(
       {
-        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
-        "fade-out": (t) => ({ "--tw-exit-opacity": t })
+        "fade-in": (r) => ({ "--tw-enter-opacity": r }),
+        "fade-out": (r) => ({ "--tw-exit-opacity": r })
       },
-      { values: n("animationOpacity") }
+      { values: o("animationOpacity") }
     ), e(
       {
-        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
-        "zoom-out": (t) => ({ "--tw-exit-scale": t })
+        "zoom-in": (r) => ({ "--tw-enter-scale": r }),
+        "zoom-out": (r) => ({ "--tw-exit-scale": r })
       },
-      { values: n("animationScale") }
+      { values: o("animationScale") }
     ), e(
       {
-        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
-        "spin-out": (t) => ({ "--tw-exit-rotate": t })
+        "spin-in": (r) => ({ "--tw-enter-rotate": r }),
+        "spin-out": (r) => ({ "--tw-exit-rotate": r })
       },
-      { values: n("animationRotate") }
+      { values: o("animationRotate") }
     ), e(
       {
-        "slide-in-from-top": (t) => ({
-          "--tw-enter-translate-y": `-${t}`
+        "slide-in-from-top": (r) => ({
+          "--tw-enter-translate-y": `-${r}`
         }),
-        "slide-in-from-bottom": (t) => ({
-          "--tw-enter-translate-y": t
+        "slide-in-from-bottom": (r) => ({
+          "--tw-enter-translate-y": r
         }),
-        "slide-in-from-left": (t) => ({
-          "--tw-enter-translate-x": `-${t}`
+        "slide-in-from-left": (r) => ({
+          "--tw-enter-translate-x": `-${r}`
         }),
-        "slide-in-from-right": (t) => ({
-          "--tw-enter-translate-x": t
+        "slide-in-from-right": (r) => ({
+          "--tw-enter-translate-x": r
         }),
-        "slide-out-to-top": (t) => ({
-          "--tw-exit-translate-y": `-${t}`
+        "slide-out-to-top": (r) => ({
+          "--tw-exit-translate-y": `-${r}`
         }),
-        "slide-out-to-bottom": (t) => ({
-          "--tw-exit-translate-y": t
+        "slide-out-to-bottom": (r) => ({
+          "--tw-exit-translate-y": r
         }),
-        "slide-out-to-left": (t) => ({
-          "--tw-exit-translate-x": `-${t}`
+        "slide-out-to-left": (r) => ({
+          "--tw-exit-translate-x": `-${r}`
         }),
-        "slide-out-to-right": (t) => ({
-          "--tw-exit-translate-x": t
+        "slide-out-to-right": (r) => ({
+          "--tw-exit-translate-x": r
         })
       },
-      { values: n("animationTranslate") }
+      { values: o("animationTranslate") }
     ), e(
-      { duration: (t) => ({ animationDuration: t }) },
-      { values: C(n("animationDuration")) }
+      { duration: (r) => ({ animationDuration: r }) },
+      { values: C(o("animationDuration")) }
     ), e(
-      { delay: (t) => ({ animationDelay: t }) },
-      { values: n("animationDelay") }
+      { delay: (r) => ({ animationDelay: r }) },
+      { values: o("animationDelay") }
     ), e(
-      { ease: (t) => ({ animationTimingFunction: t }) },
-      { values: C(n("animationTimingFunction")) }
-    ), r({
+      { ease: (r) => ({ animationTimingFunction: r }) },
+      { values: C(o("animationTimingFunction")) }
+    ), t({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
     }), e(
-      { "fill-mode": (t) => ({ animationFillMode: t }) },
-      { values: n("animationFillMode") }
+      { "fill-mode": (r) => ({ animationFillMode: r }) },
+      { values: o("animationFillMode") }
     ), e(
-      { direction: (t) => ({ animationDirection: t }) },
-      { values: n("animationDirection") }
+      { direction: (r) => ({ animationDirection: r }) },
+      { values: o("animationDirection") }
     ), e(
-      { repeat: (t) => ({ animationIterationCount: t }) },
-      { values: n("animationRepeat") }
+      { repeat: (r) => ({ animationIterationCount: r }) },
+      { values: o("animationRepeat") }
     );
   },
   {
     theme: {
       extend: {
-        animationDelay: ({ theme: r }) => ({
-          ...r("transitionDelay")
+        animationDelay: ({ theme: t }) => ({
+          ...t("transitionDelay")
         }),
-        animationDuration: ({ theme: r }) => ({
+        animationDuration: ({ theme: t }) => ({
           0: "0ms",
-          ...r("transitionDuration")
+          ...t("transitionDuration")
         }),
-        animationTimingFunction: ({ theme: r }) => ({
-          ...r("transitionTimingFunction")
+        animationTimingFunction: ({ theme: t }) => ({
+          ...t("transitionTimingFunction")
         }),
         animationFillMode: {
           none: "none",
@@ -651,21 +685,21 @@ var ie = ae(
           alternate: "alternate",
           "alternate-reverse": "alternate-reverse"
         },
-        animationOpacity: ({ theme: r }) => ({
+        animationOpacity: ({ theme: t }) => ({
           DEFAULT: 0,
-          ...r("opacity")
+          ...t("opacity")
         }),
-        animationTranslate: ({ theme: r }) => ({
+        animationTranslate: ({ theme: t }) => ({
           DEFAULT: "100%",
-          ...r("translate")
+          ...t("translate")
         }),
-        animationScale: ({ theme: r }) => ({
+        animationScale: ({ theme: t }) => ({
           DEFAULT: 0,
-          ...r("scale")
+          ...t("scale")
         }),
-        animationRotate: ({ theme: r }) => ({
+        animationRotate: ({ theme: t }) => ({
           DEFAULT: "30deg",
-          ...r("rotate")
+          ...t("rotate")
         }),
         animationRepeat: {
           0: "0",
@@ -690,26 +724,26 @@ var ie = ae(
     }
   }
 );
-const O = /* @__PURE__ */ _(ie), Oe = {
+const M = /* @__PURE__ */ _(ae), Me = {
   theme: {
     backgroundColor: {
-      color: y,
-      banner: A,
-      icon: c
+      color: w,
+      banner: z,
+      icon: x
     },
     textColor: {
-      icon: c,
+      icon: x,
       color: F
     },
-    fill: c,
-    stroke: c,
-    borderColor: w,
-    outlineColor: w,
-    borderRadius: z,
+    fill: x,
+    stroke: x,
+    borderColor: v,
+    outlineColor: v,
+    borderRadius: A,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
     fontSize: S,
     lineHeight: R,
-    gradientColorStops: y,
+    gradientColorStops: w,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
@@ -770,15 +804,15 @@ const O = /* @__PURE__ */ _(ie), Oe = {
     }
   },
   plugins: [
-    O,
-    v(({ addComponents: r }) => {
-      r(P);
+    M,
+    k(({ addComponents: t }) => {
+      t(P);
     }),
-    v(function({ matchUtilities: r, theme: e }) {
-      r(
+    k(function({ matchUtilities: t, theme: e }) {
+      t(
         {
-          "bg-deg-gradient": (n) => ({
-            "background-image": `linear-gradient(${n}, var(--tw-gradient-stops))`
+          "bg-deg-gradient": (o) => ({
+            "background-image": `linear-gradient(${o}, var(--tw-gradient-stops))`
           })
         },
         {
@@ -787,7 +821,7 @@ const O = /* @__PURE__ */ _(ie), Oe = {
       );
     })
   ]
-}, Me = {
+}, Oe = {
   theme: {
     extend: {
       transitionDuration: {
@@ -827,30 +861,30 @@ const O = /* @__PURE__ */ _(ie), Oe = {
       }
     }
   }
-}, Ze = {
+}, Ue = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
       desktop: "1188px"
     },
     backgroundColor: {
-      color: y,
-      banner: A,
-      icon: c
+      color: w,
+      banner: z,
+      icon: x
     },
     textColor: {
-      icon: c,
+      icon: x,
       color: F
     },
-    fill: c,
-    stroke: c,
-    borderColor: w,
-    outlineColor: w,
-    borderRadius: z,
+    fill: x,
+    stroke: x,
+    borderColor: v,
+    outlineColor: v,
+    borderRadius: A,
     fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
     fontSize: S,
     lineHeight: R,
-    gradientColorStops: y,
+    gradientColorStops: w,
     boxShadow: {
       sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
@@ -862,15 +896,15 @@ const O = /* @__PURE__ */ _(ie), Oe = {
     }
   },
   plugins: [
-    O,
-    v(({ addComponents: r }) => {
-      r(P);
+    M,
+    k(({ addComponents: t }) => {
+      t(P);
     }),
-    v(function({ matchUtilities: r, theme: e }) {
-      r(
+    k(function({ matchUtilities: t, theme: e }) {
+      t(
         {
-          "bg-deg-gradient": (n) => ({
-            "background-image": `linear-gradient(${n}, var(--tw-gradient-stops))`
+          "bg-deg-gradient": (o) => ({
+            "background-image": `linear-gradient(${o}, var(--tw-gradient-stops))`
           })
         },
         {
@@ -887,36 +921,30 @@ class de extends Error {
 }
 const le = {
   "Content-Type": "application/json"
-}, Ge = async ({ url: r, init: e, baseUrl: n }) => {
-  const t = (e == null ? void 0 : e.headers) ?? {}, i = (e == null ? void 0 : e.body) && (e == null ? void 0 : e.body), d = await fetch(`${n}${r}`, {
+}, Ze = async ({ url: t, init: e, baseUrl: o }) => {
+  const r = (e == null ? void 0 : e.headers) ?? {}, a = (e == null ? void 0 : e.body) && (e == null ? void 0 : e.body), d = await fetch(`${o}${t}`, {
     headers: {
       ...le,
-      ...t
+      ...r
     },
-    body: i,
+    body: a,
     ...e
   });
   if (!d.ok)
     throw new de(d);
   return await d.json();
-}, fe = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+}, pe = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
   "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
-  /* @__PURE__ */ o.jsx("br", {}),
+  /* @__PURE__ */ n.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), pe = `Кредит на бизнес цели, срок 3, 6, 9, 12, 18, 24, 36, 48, 60 мес. Ставка – от 22,9%*. *Точная процентная ставка
-        устанавливается по соглашению сторон и определяется исходя из платёжеспособности и кредитоспособности клиента, а также
-        иных индивидуальных особенностей клиента. Сумма 100 000 – 50 000 000 руб. Кредит выдается на карту “Халва”, открытый в
-        Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
-        клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
-        заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
-        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, ue = [
+] }), fe = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
+], ue = [
+  { iconName: "social/vk", href: "https://vk.com/sovcombank" },
+  { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
+  { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
 ], me = [
-  { iconName: "social/vk", href: "/vk" },
-  { iconName: "social/telegram", href: "/tg" },
-  { iconName: "social/classmates", href: "/cl" }
-], ce = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -993,166 +1021,171 @@ const le = {
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], xe = ({ socialsLinks: r, classes: e }) => /* @__PURE__ */ o.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: t }) => /* @__PURE__ */ o.jsx(
+], xe = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ n.jsx("div", { className: i("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: t == null ? void 0 : t.map(({ iconName: o, href: r }) => /* @__PURE__ */ n.jsx(
   "a",
   {
-    className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
-    href: t,
-    "aria-label": n.replace("social/", ""),
-    children: /* @__PURE__ */ o.jsx(m, { name: n, className: a("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    className: i("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
+    href: r,
+    "aria-label": o.replace("social/", ""),
+    children: /* @__PURE__ */ n.jsx(m, { name: o, className: i("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
   },
-  t
-)) }), se = ({ phones: r, classes: e }) => /* @__PURE__ */ o.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: t }) => /* @__PURE__ */ o.jsx(
-  L,
+  r
+)) }), ce = ({ phones: t, classes: e }) => /* @__PURE__ */ n.jsx("div", { className: i("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: t == null ? void 0 : t.map(({ phone: o, text: r }) => /* @__PURE__ */ n.jsx(
+  T,
   {
-    phone: n,
-    text: t,
+    phone: o,
+    text: r,
     classes: {
-      wrapper: a(e == null ? void 0 : e.phoneWrapper),
-      text: a("text-color-footer", e == null ? void 0 : e.phoneText),
-      link: a("text-color-white", e == null ? void 0 : e.phoneLink)
+      wrapper: i(e == null ? void 0 : e.phoneWrapper),
+      text: i("text-color-footer", e == null ? void 0 : e.phoneText),
+      link: i("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
-  n
-)) }), ge = ({ navigationLinks: r, classes: e }) => /* @__PURE__ */ o.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: t }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-  /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-m font-medium text-color-white", e == null ? void 0 : e.navLabel), children: n }),
-  /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-2", e == null ? void 0 : e.navWrapper), children: t == null ? void 0 : t.map(({ text: i, href: d }) => /* @__PURE__ */ o.jsx(
-    "a",
+  o
+)) }), se = ({ navigationLinks: t, classes: e }) => /* @__PURE__ */ n.jsx(
+  "div",
+  {
+    className: i(
+      "mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
+      e == null ? void 0 : e.navRoot
+    ),
+    children: t == null ? void 0 : t.map(({ groupLabel: o, links: r }) => /* @__PURE__ */ n.jsxs("div", { className: i("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
+      /* @__PURE__ */ n.jsx("div", { className: i("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: o }),
+      /* @__PURE__ */ n.jsx("div", { className: i("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: r == null ? void 0 : r.map(({ text: a, href: d }) => /* @__PURE__ */ n.jsx(
+        E,
+        {
+          href: d,
+          "aria-label": a,
+          intent: "white",
+          classes: {
+            link: e == null ? void 0 : e.navLink,
+            icon: e == null ? void 0 : e.navLinkIcon
+          },
+          children: a
+        },
+        a
+      )) })
+    ] }, o))
+  }
+), be = ({ text: t, classes: e, withSiteMap: o }) => /* @__PURE__ */ n.jsx("div", { className: i("desk-body-regular-m text-color-footer", { "mt-6 desktop:mt-8": !o }, e == null ? void 0 : e.copyRight), children: t }), ge = ({ classes: t }) => /* @__PURE__ */ n.jsx(
+  "a",
+  {
+    "aria-label": "logo",
+    href: "https://sovcombank.ru/",
+    className: i("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", t == null ? void 0 : t.footerLogo),
+    children: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoWhite", className: i("size-full", t == null ? void 0 : t.footerLogoIcon) })
+  }
+), he = ({ classes: t }) => /* @__PURE__ */ n.jsx(
+  E,
+  {
+    intent: "white",
+    href: "https://sovcombank.ru/site-map",
+    target: "_blank",
+    "aria-label": "site-map",
+    rel: "noreferrer",
+    classes: {
+      link: i("mobile:mt-6", t == null ? void 0 : t.siteMapLink),
+      icon: t == null ? void 0 : t.siteMapLinkIcon
+    },
+    children: "Карта сайта"
+  }
+), Ge = ({
+  renderBlocks: { withSocial: t = !0, withPhones: e = !0, withNavLinks: o = !0, withCopyright: r = !0, withSiteMap: a = !0 } = {},
+  socialsLinks: d = ue,
+  phones: l = fe,
+  navigationLinks: u = me,
+  ligal: b,
+  copyright: O = pe,
+  classes: p
+}) => /* @__PURE__ */ n.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ n.jsx(g, { className: i(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ n.jsxs("div", { className: i("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
+  /* @__PURE__ */ n.jsxs(
+    "div",
     {
-      href: d,
-      className: a(
-        "desk-body-regular-m cursor-pointer text-color-white transition-colors hover:text-color-footer",
-        e == null ? void 0 : e.navLink
+      className: i(
+        "flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
+        p == null ? void 0 : p.footerHead
       ),
-      "aria-label": i,
-      children: i
-    },
-    i
-  )) })
-] }, n)) }), be = ({ ligal: r, classes: e }) => {
-  const [n, t] = h.useState(!1), [i, d] = h.useState(!1), f = h.useRef(null);
-  return h.useEffect(() => {
-    const u = f.current;
-    u && d(u.scrollHeight > u.clientHeight);
-  }, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
-    /* @__PURE__ */ o.jsx("p", { ref: f, className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, e == null ? void 0 : e.ligal), children: r }),
-    i && /* @__PURE__ */ o.jsx(
-      "div",
-      {
-        tabIndex: 0,
-        role: "button",
-        onClick: () => t((u) => !u),
-        className: a(
-          "desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
-          e == null ? void 0 : e.ligalButton
-        ),
-        children: "Подробнее"
-      }
-    )
-  ] });
-}, he = ({ text: r, classes: e }) => /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-m text-color-footer", e == null ? void 0 : e.text), children: r }), Ue = ({
-  withSocial: r = !0,
-  withPhones: e = !0,
-  withNavLinks: n = !0,
-  withLigal: t = !0,
-  withCopyright: i = !0,
-  withSiteMap: d = !0,
-  socialsLinks: f = me,
-  phones: u = ue,
-  navigationLinks: k = ce,
-  ligal: M = pe,
-  copyright: Z = fe,
-  classes: l
-}) => /* @__PURE__ */ o.jsx(T, { className: a("w-full", l == null ? void 0 : l.section), children: /* @__PURE__ */ o.jsx(g, { className: a(l == null ? void 0 : l.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("bg-color-footer px-4 py-8 desktop:px-6 desktop:py-10", l == null ? void 0 : l.footerRoot), children: [
-  /* @__PURE__ */ o.jsxs("div", { className: a("mb-8 flex items-center justify-between gap-6", l == null ? void 0 : l.footerHead), children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a(l == null ? void 0 : l.footerSocialBlock), children: [
-      /* @__PURE__ */ o.jsx("a", { "aria-label": "logo", href: "/", className: a(l == null ? void 0 : l.footerLogo), children: /* @__PURE__ */ o.jsx(m, { name: "brandLogos/logoWhite", className: "h-[32px] w-[194px]" }) }),
-      r && /* @__PURE__ */ o.jsx(xe, { socialsLinks: f, classes: l })
-    ] }),
-    e && /* @__PURE__ */ o.jsx(se, { phones: u, classes: l })
-  ] }),
-  n && /* @__PURE__ */ o.jsx(ge, { navigationLinks: k, classes: l }),
-  t && /* @__PURE__ */ o.jsx(be, { ligal: M, classes: l }),
-  /* @__PURE__ */ o.jsxs("div", { className: "mt-6 flex items-start justify-between gap-6", children: [
-    i && /* @__PURE__ */ o.jsx(he, { text: Z, classes: l }),
-    d && /* @__PURE__ */ o.jsx(
-      "a",
-      {
-        href: "https://sovcombank.ru/site-map",
-        target: "_blank",
-        "aria-label": "site-map",
-        rel: "noreferrer",
-        className: "desk-body-regular-m text-color-white",
-        children: "Карта сайта"
-      }
-    )
+      children: [
+        /* @__PURE__ */ n.jsxs("div", { className: i(p == null ? void 0 : p.footerSocialBlock), children: [
+          /* @__PURE__ */ n.jsx(ge, { classes: p }),
+          t && /* @__PURE__ */ n.jsx(xe, { socialsLinks: d, classes: p })
+        ] }),
+        e && /* @__PURE__ */ n.jsx(ce, { phones: l, classes: p })
+      ]
+    }
+  ),
+  o && /* @__PURE__ */ n.jsx(se, { navigationLinks: u, classes: p }),
+  b && b,
+  /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col-reverse items-start justify-between gap-4 desktop:flex-row desktop:gap-6", children: [
+    r && /* @__PURE__ */ n.jsx(be, { text: O, classes: p, withSiteMap: a }),
+    a && /* @__PURE__ */ n.jsx(he, { classes: p })
   ] })
-] }) }) }), ye = (r) => {
-  switch (r.variant) {
+] }) }) }), ye = (t) => {
+  switch (t.variant) {
     case "withButton":
-      return /* @__PURE__ */ o.jsx(I, { intent: "secondary", size: "sm", ...r.buttonProps, children: "Оформить заявку" });
+      return /* @__PURE__ */ n.jsx(I, { intent: "secondary", size: "sm", ...t.buttonProps, children: "Оформить заявку" });
     case "withPhone":
-      const { phone: e, phoneText: n } = r;
-      return /* @__PURE__ */ o.jsx(L, { phone: e, text: n, ...r.phoneProps });
+      const { phone: e, phoneText: o } = t;
+      return /* @__PURE__ */ n.jsx(T, { phone: e, text: o, ...t.phoneProps });
     default:
       return null;
   }
-}, We = (r) => {
-  const { logoPath: e = "/", logoType: n = "main", classes: t } = r;
-  return /* @__PURE__ */ o.jsx("header", { className: a("flex h-[72px] items-center justify-center bg-color-white", t == null ? void 0 : t.header), children: /* @__PURE__ */ o.jsx(g, { className: a(t == null ? void 0 : t.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", t == null ? void 0 : t.wrapper), children: [
-    /* @__PURE__ */ o.jsx(
+}, We = (t) => {
+  const { logoPath: e = "/", logoType: o = "main", classes: r } = t;
+  return /* @__PURE__ */ n.jsx("header", { className: i("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ n.jsx(g, { className: i(r == null ? void 0 : r.container), children: /* @__PURE__ */ n.jsxs("div", { className: i("flex items-center justify-between gap-5", r == null ? void 0 : r.wrapper), children: [
+    /* @__PURE__ */ n.jsx(
       "a",
       {
         href: e,
         "aria-label": "logo",
         target: "_blank",
         rel: "noreferrer",
-        className: a(
+        className: i(
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-          t == null ? void 0 : t.logo
+          r == null ? void 0 : r.logo
         ),
-        children: ee[n]
+        children: ee[o]
       }
     ),
-    ye(r)
+    ye(t)
   ] }) }) });
-}, we = ({ title: r, description: e, index: n, classes: t }) => /* @__PURE__ */ o.jsxs(
+}, we = ({ title: t, description: e, index: o, classes: r }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
-    className: a(
+    className: i(
       "flex w-[328px] max-w-[328px] flex-col gap-6 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
-      t == null ? void 0 : t.singleStep
+      r == null ? void 0 : r.singleStep
     ),
     children: [
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: a(
+          className: i(
             "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",
-            t == null ? void 0 : t.numeric
+            r == null ? void 0 : r.numeric
           ),
-          children: n
+          children: o
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", t == null ? void 0 : t.textBlock), children: [
-        /* @__PURE__ */ o.jsx(E, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: r }),
-        /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description), children: e })
+      /* @__PURE__ */ n.jsxs("div", { className: i("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
+        /* @__PURE__ */ n.jsx(L, { as: "h4", className: i("text-color-dark", r == null ? void 0 : r.title), children: t }),
+        /* @__PURE__ */ n.jsx("p", { className: i("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description), children: e })
       ] })
     ]
   }
-), Xe = ({ heading: r, stepsList: e, classes: n }) => /* @__PURE__ */ o.jsx(T, { children: /* @__PURE__ */ o.jsx(g, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-12 desktop:items-start", n == null ? void 0 : n.root), children: [
-  /* @__PURE__ */ o.jsx(E, { as: "h2", className: a("text-color-dark", n == null ? void 0 : n.headline), children: r }),
-  /* @__PURE__ */ o.jsx(
+), Xe = ({ heading: t, stepsList: e, classes: o }) => /* @__PURE__ */ n.jsx(X, { children: /* @__PURE__ */ n.jsx(g, { children: /* @__PURE__ */ n.jsxs("div", { className: i("flex flex-col gap-12 desktop:items-start", o == null ? void 0 : o.root), children: [
+  /* @__PURE__ */ n.jsx(L, { as: "h2", className: i("text-color-dark", o == null ? void 0 : o.headline), children: t }),
+  /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: a(
+      className: i(
         "flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-center desktop:gap-12",
-        n == null ? void 0 : n.stepsWrapper
+        o == null ? void 0 : o.stepsWrapper
       ),
-      children: e == null ? void 0 : e.map((t, i) => /* @__PURE__ */ o.jsx(we, { index: i + 1, ...t, classes: n }, t.title))
+      children: e == null ? void 0 : e.map((r, a) => /* @__PURE__ */ n.jsx(we, { index: a + 1, ...r, classes: o }, r.title))
     }
   )
-] }) }) }), ve = x("", {
+] }) }) }), ve = c("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1168,7 +1201,7 @@ const le = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), ke = x("desktop:max-h-[98px]", {
+}), ke = c("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -1200,7 +1233,7 @@ const le = {
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), je = x("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
+}), je = c("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',
@@ -1210,7 +1243,7 @@ const le = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Ne = x("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
+}), Ne = c("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
   variants: {
     intent: {
       twoItems: "desktop:h-[232px] desktop:w-[500px]",
@@ -1236,47 +1269,47 @@ const le = {
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), Ie = ({ data: r, intent: e }) => {
-  const { title: n, description: t, popoverText: i } = r;
-  return /* @__PURE__ */ o.jsx("li", { className: a(je({ intent: e })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ o.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ o.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: n }),
-      i && /* @__PURE__ */ o.jsx(W, { triggerElement: /* @__PURE__ */ o.jsx(m, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i })
+}), Ie = ({ data: t, intent: e }) => {
+  const { title: o, description: r, popoverText: a } = t;
+  return /* @__PURE__ */ n.jsx("li", { className: i(je({ intent: e })), children: /* @__PURE__ */ n.jsxs("div", { className: "desktop:max-w-[264px]", children: [
+    /* @__PURE__ */ n.jsxs("div", { className: i("mb-2 flex items-center gap-2"), children: [
+      /* @__PURE__ */ n.jsx("h4", { className: i("mob-title-bold-m text-color-dark"), children: o }),
+      a && /* @__PURE__ */ n.jsx(G, { triggerElement: /* @__PURE__ */ n.jsx(m, { className: i("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: a })
     ] }),
-    /* @__PURE__ */ o.jsx("p", { className: a("mob-body-regular-l text-color-secondary"), children: t })
+    /* @__PURE__ */ n.jsx("p", { className: i("mob-body-regular-l text-color-secondary"), children: r })
   ] }) });
-}, N = ({ intent: r, title: e, desktopHidden: n = !1, mobileHidden: t = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(ve({ intent: r, desktopHidden: n, mobileHidden: t })), children: e }), De = ({ textContent: r, intent: e, withButton: n }) => /* @__PURE__ */ o.jsx("ul", { className: a(ke({ intent: e, withButton: n })), children: r == null ? void 0 : r.map((t, i) => /* @__PURE__ */ o.jsx(Ie, { intent: e, data: t }, i)) }), qe = ({
-  title: r,
+}, N = ({ intent: t, title: e, desktopHidden: o = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ n.jsx("h2", { className: i(ve({ intent: t, desktopHidden: o, mobileHidden: r })), children: e }), De = ({ textContent: t, intent: e, withButton: o }) => /* @__PURE__ */ n.jsx("ul", { className: i(ke({ intent: e, withButton: o })), children: t == null ? void 0 : t.map((r, a) => /* @__PURE__ */ n.jsx(Ie, { intent: e, data: r }, a)) }), qe = ({
+  title: t,
   buttonConfig: e,
-  intent: n = "twoItems",
-  textContent: t,
-  imageComponent: i,
+  intent: o = "twoItems",
+  textContent: r,
+  imageComponent: a,
   classes: d
 }) => {
-  const f = !!e, u = n === "fourItems", k = n === "twoItems";
-  return /* @__PURE__ */ o.jsx("section", { className: a(d == null ? void 0 : d.section), children: /* @__PURE__ */ o.jsxs(g, { className: a(d == null ? void 0 : d.mainContainer), children: [
-    k && /* @__PURE__ */ o.jsx(N, { intent: n, title: r }),
-    /* @__PURE__ */ o.jsxs(
+  const l = !!e, u = o === "fourItems", b = o === "twoItems";
+  return /* @__PURE__ */ n.jsx("section", { className: i(d == null ? void 0 : d.section), children: /* @__PURE__ */ n.jsxs(g, { className: i(d == null ? void 0 : d.mainContainer), children: [
+    b && /* @__PURE__ */ n.jsx(N, { intent: o, title: t }),
+    /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: a(
+        className: i(
           "bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          u && /* @__PURE__ */ o.jsx(N, { intent: n, title: r, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: a(Ne({ intent: n, withButton: f }), d == null ? void 0 : d.imgContainer), children: i }),
-          /* @__PURE__ */ o.jsxs(
+          u && /* @__PURE__ */ n.jsx(N, { intent: o, title: t, desktopHidden: !0 }),
+          /* @__PURE__ */ n.jsx("div", { className: i(Ne({ intent: o, withButton: l }), d == null ? void 0 : d.imgContainer), children: a }),
+          /* @__PURE__ */ n.jsxs(
             "div",
             {
-              className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
+              className: i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
               children: [
-                u && /* @__PURE__ */ o.jsx(N, { intent: n, title: r, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(De, { textContent: t, intent: n, withButton: f }),
-                f && /* @__PURE__ */ o.jsx(
+                u && /* @__PURE__ */ n.jsx(N, { intent: o, title: t, mobileHidden: !0 }),
+                /* @__PURE__ */ n.jsx(De, { textContent: r, intent: o, withButton: l }),
+                l && /* @__PURE__ */ n.jsx(
                   I,
                   {
-                    className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
+                    className: i("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
                     size: "lg",
                     onClick: e.onClick,
                     intent: "secondary",
@@ -1294,50 +1327,51 @@ const le = {
 export {
   de as ApiError,
   Ke as Badge,
-  Le as Breadcrumbs,
+  Te as Breadcrumbs,
   I as Button,
   Fe as ButtonIcon,
-  Ae as CustomLink,
+  E as CustomLink,
   ze as Document,
   Re as FloatButton,
-  Ue as Footer,
-  E as Heading,
+  Ge as Footer,
+  L as Heading,
   m as Icon,
+  Se as Ligal,
   Ye as Loader,
   qe as LongBanner,
   We as PageHeader,
-  L as PhoneView,
-  Be as ProgressBar,
+  T as PhoneView,
+  Ae as ProgressBar,
   g as ResponsiveContainer,
   D as RgxCheckForHyphen,
   re as RgxPatronymic,
   te as RgxUnicode,
-  T as Section,
-  Se as Skeleton,
+  X as Section,
+  Be as Skeleton,
   Xe as Stepper,
   s as VALIDATION_MESSAGES,
-  y as allowedBackgroundColors,
+  w as allowedBackgroundColors,
   B as allowedBackgroundDeg,
-  A as allowedBannersBackgroundColors,
-  z as allowedBorderRadius,
+  z as allowedBannersBackgroundColors,
+  A as allowedBorderRadius,
   S as allowedFontSize,
-  c as allowedIconsColors,
+  x as allowedIconsColors,
   R as allowedLineHeight,
-  w as allowedStrokeColors,
+  v as allowedStrokeColors,
   F as allowedTextColors,
   P as allowedTextStyles,
   ne as allowedZIndex,
-  Ge as apiInstance,
-  Ee as capitalize,
-  a as cn,
+  Ze as apiInstance,
+  Le as capitalize,
+  i as cn,
   le as defaultHeaders,
-  Me as extendsPreset,
+  Oe as extendsPreset,
   oe as formattedDadataFio,
   et as isClient,
-  Te as mergeRefs,
-  Ze as resetPreset,
+  Ee as mergeRefs,
+  Ue as resetPreset,
   tt as scrollToElement,
-  Oe as tailwindConfigBase,
+  Me as tailwindConfigBase,
   $e as zodCalendarValidate,
   Pe as zodDadataFioSchema,
   Ve as zodOtpCodeSchema,