@scbt-ecom/ui 0.15.0 → 0.16.0

package/dist/hybrid.js

@@ -1,15 +1,15 @@
-import { j as o, c as i, I as m, a as c, R as g, B as I, z as f, p as Z, i as G, g as _, H as L, P as W } from "./index-CexXWplL.js";
-import { b as et, L as tt, d as rt, s as ot } from "./index-CexXWplL.js";
+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 X } from "react";
-const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), ze = (...t) => {
+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);
     });
   };
-}, q = ({ children: t, className: e, ...n }) => /* @__PURE__ */ o.jsx("section", { className: i("pb-16 desktop:pb-20", e), ...n, children: t }), Ae = ({ linksList: t }) => /* @__PURE__ */ o.jsx("div", { "aria-label": "Breadcrumb", className: "flex max-w-[840px] items-center gap-2", children: t.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: i(
@@ -17,7 +17,7 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       { "pointer-events-none !border-transparent": e == null ? void 0 : e.isDisabled }
     ),
     children: [
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         "a",
         {
           href: e.path,
@@ -30,7 +30,7 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
           children: e.label
         }
       ),
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         m,
         {
           name: "arrows/arrowRight",
@@ -39,7 +39,7 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       )
     ]
   }
-) : /* @__PURE__ */ o.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), Q = c(
+) : /* @__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,9 +59,9 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       size: "lg"
     }
   }
-), Be = X(
-  ({ size: t, intent: e, children: n, classes: r, type: a = "button", ...d }, l) => /* @__PURE__ */ o.jsx("button", { ref: l, type: a, className: i(Q({ intent: e, size: t }), r == null ? void 0 : r.button), ...d, children: /* @__PURE__ */ o.jsx("span", { className: i(r == null ? void 0 : r.icon), children: n }) })
-), J = c(
+), 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: {
@@ -94,7 +94,7 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       withUnderline: !1
     }
   }
-), K = c("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 ",
@@ -112,17 +112,17 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
 }), E = ({
   intent: t,
   children: e,
-  withIcon: n,
+  withIcon: o,
   disabled: r,
   size: a,
   icon: d = "arrows/arrowLink",
   classes: l,
   withUnderline: u,
   ...b
-}) => /* @__PURE__ */ o.jsxs("a", { className: i(J({ intent: t, withIcon: n, withUnderline: u, disabled: r, size: a }), l == null ? void 0 : l.link), ...b, children: [
+}) => /* @__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,
-  n && /* @__PURE__ */ o.jsx(m, { name: d, className: i(K({ intent: t, disabled: r }), l == null ? void 0 : l.icon) })
-] }), Y = c("size-8 transition-colors", {
+  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",
@@ -132,10 +132,10 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   defaultVariants: {
     intent: "outline"
   }
-}), ee = {
+}), Y = {
   filled: "files/documentFilled",
   outline: "files/documentOutline"
-}, Se = ({ text: t, size: e, sizeType: n, href: r, intent: a = "outline" }) => /* @__PURE__ */ o.jsxs(
+}, ze = ({ text: t, size: e, sizeType: o, href: r, intent: a = "outline" }) => /* @__PURE__ */ n.jsxs(
   "a",
   {
     href: r,
@@ -146,38 +146,38 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       "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: ee[a], className: i(Y({ intent: a })) }),
-      /* @__PURE__ */ o.jsxs("div", { className: i("flex flex-1 flex-col"), children: [
-        /* @__PURE__ */ o.jsx("p", { className: i("desk-body-medium-l text-color-dark"), children: t }),
-        /* @__PURE__ */ o.jsxs("div", { className: i("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
         ] })
       ] })
     ]
   }
-), T = ({ phone: t, text: e, classes: n, ...r }) => /* @__PURE__ */ o.jsxs("div", { className: i("flex w-max flex-col", n == null ? void 0 : n.wrapper), ...r, 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:${t}`,
-      className: i("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.link),
+      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: i("desk-body-regular-s text-color-tetriary", n == null ? void 0 : n.text), children: e })
-] }), Re = ({ topContent: t, bottomContent: e, progress: n, maxPercent: r = 100, classes: a }) => /* @__PURE__ */ o.jsxs("div", { className: i("flex w-full flex-col", a == null ? void 0 : a.wrapper), children: [
-  t && /* @__PURE__ */ o.jsx("div", { className: i("mb-2 flex justify-between gap-5", a == null ? void 0 : a.topContent), children: t }),
-  /* @__PURE__ */ o.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__ */ 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}%` },
+        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: `${r}%` },
@@ -188,15 +188,43 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       }
     )
   ] }),
-  e && /* @__PURE__ */ o.jsx("div", { className: i("mt-2 flex justify-between gap-5", a == null ? void 0 : a.bottomContent), children: e })
-] }), Pe = ({ className: t }) => /* @__PURE__ */ o.jsx("div", { className: i("skeleton-apply h-full w-full", t) }), te = {
-  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" })
-}, $e = ({ isVisible: t, classes: e, children: n, buttonProps: r }) => /* @__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: i(
@@ -205,11 +233,11 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
       e == null ? void 0 : e.root
     ),
     children: [
-      n,
-      /* @__PURE__ */ o.jsx(I, { size: "lg", className: i("m-auto w-full", e == null ? void 0 : e.button), ...r, children: "Оформить заявку" })
+      o,
+      /* @__PURE__ */ n.jsx(I, { size: "lg", className: i("m-auto w-full", e == null ? void 0 : e.button), ...r, children: "Оформить заявку" })
     ]
   }
-), re = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, D = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, oe = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, s = {
+), 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 = {
   REQUIRED: "Поле обязательно к заполнению",
   MIN_LENGTH: "Минимальная длина символов должна быть не менее",
   MAX_LENGTH: "Максимальная длина символов должна быть не более",
@@ -220,57 +248,57 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   INVALID_VALUE: "Поле заполнено некорректно",
   INVALID_DATE: "Введите корректную дату",
   FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
-}, ne = (t) => {
-  const e = t.trim().replace(/\s+/g, " ").split(" "), [n, r, ...a] = e, d = a == null ? void 0 : a.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,
+    surname: o,
     name: r,
     patronymic: d
   };
-}, He = f.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((t, e) => {
+}, Pe = f.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((t, e) => {
   t === "" && e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
-  }), re.test(t) || e.addIssue({
+  }), te.test(t) || e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Должна быть только кириллица"
   });
-  const { surname: n, name: r, patronymic: a } = ne(t);
-  (!n || !r) && e.addIssue({
+  const { surname: o, name: r, patronymic: a } = oe(t);
+  (!o || !r) && e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Введите имя и фамилию"
   }), D.test(r) || e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Неверно введено имя"
-  }), D.test(n) || e.addIssue({
+  }), D.test(o) || e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Неверно введена фамилия"
-  }), a && (oe.test(a) || e.addIssue({
+  }), a && (re.test(a) || e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Неверно введено отчество"
   }));
-}), Ve = f.string().length(10, { message: s.INVALID_DATE }).superRefine((t, e) => {
-  const [n, r, a] = (t == null ? void 0 : t.split(".")) ?? "", d = Z(`${n}/${r}/${a}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+}), $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
-  }), G(d) || e.addIssue({
+  }), Z(d) || e.addIssue({
     code: f.ZodIssueCode.custom,
     message: s.INVALID_DATE
   }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
     code: f.ZodIssueCode.custom,
     message: s.FUTURE_DATE_NOT_ALLOWED
   });
-}), Me = f.string().superRefine((t, e) => {
-  const n = t.charAt(0);
-  ["3", "4", "5", "6", "9"].includes(n) || e.addIssue({
+}), 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"
   }), t.length !== 10 && e.addIssue({
     code: f.ZodIssueCode.custom,
     message: "Введите номер телефона полностью"
   });
-}).transform((t) => `7${t}`), Oe = f.coerce.number().min(1e3, `${s.FIX_LENGTH} 4`).max(9999, `${s.FIX_LENGTH} 4`).nullable().superRefine((t, e) => {
+}).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",
@@ -398,7 +426,7 @@ const Fe = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)
   90: "90deg",
   110: "110deg",
   180: "180deg"
-}, ie = {
+}, ne = {
   0: "0",
   1: "1",
   10: "10",
@@ -494,7 +522,7 @@ var $ = {}, H = {};
   }), Object.defineProperty(t, "default", {
     enumerable: !0,
     get: function() {
-      return n;
+      return o;
     }
   });
   function e(r, a) {
@@ -513,7 +541,7 @@ var $ = {}, H = {};
     };
     return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = a, d;
   };
-  const n = e;
+  const o = e;
 })(H);
 (function(t) {
   Object.defineProperty(t, "__esModule", {
@@ -524,8 +552,8 @@ var $ = {}, H = {};
       return r;
     }
   });
-  const e = /* @__PURE__ */ n(H);
-  function n(a) {
+  const e = /* @__PURE__ */ o(H);
+  function o(a) {
     return a && a.__esModule ? a : {
       default: a
     };
@@ -534,20 +562,20 @@ var $ = {}, H = {};
 })($);
 let j = $;
 var V = (j.__esModule ? j : { default: j }).default;
-const k = /* @__PURE__ */ _(V), ae = V;
+const k = /* @__PURE__ */ _(V), ie = V;
 function C(t) {
   return Object.fromEntries(
     Object.entries(t).filter(([e]) => e !== "DEFAULT")
   );
 }
-var de = ae(
-  ({ addUtilities: t, matchUtilities: e, theme: n }) => {
+var ae = ie(
+  ({ addUtilities: t, matchUtilities: e, theme: o }) => {
     t({
-      "@keyframes enter": n("keyframes.enter"),
-      "@keyframes exit": n("keyframes.exit"),
+      "@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",
@@ -556,7 +584,7 @@ var de = 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",
@@ -568,19 +596,19 @@ var de = ae(
         "fade-in": (r) => ({ "--tw-enter-opacity": r }),
         "fade-out": (r) => ({ "--tw-exit-opacity": r })
       },
-      { values: n("animationOpacity") }
+      { values: o("animationOpacity") }
     ), e(
       {
         "zoom-in": (r) => ({ "--tw-enter-scale": r }),
         "zoom-out": (r) => ({ "--tw-exit-scale": r })
       },
-      { values: n("animationScale") }
+      { values: o("animationScale") }
     ), e(
       {
         "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": (r) => ({
@@ -608,28 +636,28 @@ var de = ae(
           "--tw-exit-translate-x": r
         })
       },
-      { values: n("animationTranslate") }
+      { values: o("animationTranslate") }
     ), e(
       { duration: (r) => ({ animationDuration: r }) },
-      { values: C(n("animationDuration")) }
+      { values: C(o("animationDuration")) }
     ), e(
       { delay: (r) => ({ animationDelay: r }) },
-      { values: n("animationDelay") }
+      { values: o("animationDelay") }
     ), e(
       { ease: (r) => ({ animationTimingFunction: r }) },
-      { values: C(n("animationTimingFunction")) }
+      { values: C(o("animationTimingFunction")) }
     ), t({
       ".running": { animationPlayState: "running" },
       ".paused": { animationPlayState: "paused" }
     }), e(
       { "fill-mode": (r) => ({ animationFillMode: r }) },
-      { values: n("animationFillMode") }
+      { values: o("animationFillMode") }
     ), e(
       { direction: (r) => ({ animationDirection: r }) },
-      { values: n("animationDirection") }
+      { values: o("animationDirection") }
     ), e(
       { repeat: (r) => ({ animationIterationCount: r }) },
-      { values: n("animationRepeat") }
+      { values: o("animationRepeat") }
     );
   },
   {
@@ -696,7 +724,7 @@ var de = ae(
     }
   }
 );
-const M = /* @__PURE__ */ _(de), Ue = {
+const M = /* @__PURE__ */ _(ae), Me = {
   theme: {
     backgroundColor: {
       color: w,
@@ -783,8 +811,8 @@ const M = /* @__PURE__ */ _(de), Ue = {
     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))`
           })
         },
         {
@@ -793,7 +821,7 @@ const M = /* @__PURE__ */ _(de), Ue = {
       );
     })
   ]
-}, Ze = {
+}, Oe = {
   theme: {
     extend: {
       transitionDuration: {
@@ -833,7 +861,7 @@ const M = /* @__PURE__ */ _(de), Ue = {
       }
     }
   }
-}, Ge = {
+}, Ue = {
   theme: {
     screens: {
       mobile: { max: "1187px" },
@@ -862,7 +890,7 @@ const M = /* @__PURE__ */ _(de), Ue = {
       md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
       lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
     },
-    zIndex: ie,
+    zIndex: ne,
     extend: {
       bgGradientDeg: B
     }
@@ -875,8 +903,8 @@ const M = /* @__PURE__ */ _(de), Ue = {
     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))`
           })
         },
         {
@@ -886,43 +914,37 @@ const M = /* @__PURE__ */ _(de), Ue = {
     })
   ]
 };
-class le extends Error {
+class de extends Error {
   constructor(e) {
     super("ApiError: " + e.status), this.response = e;
   }
 }
-const pe = {
+const le = {
   "Content-Type": "application/json"
-}, We = async ({ url: t, init: e, baseUrl: n }) => {
-  const r = (e == null ? void 0 : e.headers) ?? {}, a = (e == null ? void 0 : e.body) && (e == null ? void 0 : e.body), d = await fetch(`${n}${t}`, {
+}, 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: {
-      ...pe,
+      ...le,
       ...r
     },
     body: a,
     ...e
   });
   if (!d.ok)
-    throw new le(d);
+    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", { className: "mobile:hidden" }),
+  /* @__PURE__ */ n.jsx("br", { className: "mobile:hidden" }),
   " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), ue = `Кредит на бизнес цели, срок 3, 6, 9, 12, 18, 24, 36, 48, 60 мес. Ставка – от 22,9%*. *Точная процентная ставка
-        устанавливается по соглашению сторон и определяется исходя из платёжеспособности и кредитоспособности клиента, а также
-        иных индивидуальных особенностей клиента. Сумма 100 000 – 50 000 000 руб. Кредит выдается на карту “Халва”, открытый в
-        Банке. Банк вправе отказать в предоставлении кредита без объяснения причины, а также запросить дополнительную информацию о
-        клиенте. Предварительное одобрение не влечет обязательств Банка по выдаче кредита. В некоторых случаях срок рассмотрения
-        заявки может составлять до 3 рабочих дней. Полный электронный документооборот при наличии открытого р/с в ПАО «Совкомбанк»
-        и действующей ЭЦП. Условия рекламы действительны на 20.02.2024г.`, me = [
+] }), fe = [
   { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
   { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], xe = [
+], 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" }
-], ce = [
+], me = [
   {
     groupLabel: "Совкомбанк",
     links: [
@@ -999,19 +1021,19 @@ const pe = {
       { text: "Офисы и банкоматы", href: "/" }
     ]
   }
-], se = ({ socialsLinks: t, classes: e }) => /* @__PURE__ */ o.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: n, href: r }) => /* @__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: i("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
     href: r,
-    "aria-label": n.replace("social/", ""),
-    children: /* @__PURE__ */ o.jsx(m, { name: n, className: i("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
+    "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) })
   },
   r
-)) }), be = ({ phones: t, classes: e }) => /* @__PURE__ */ o.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: n, text: r }) => /* @__PURE__ */ o.jsx(
+)) }), 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,
+    phone: o,
     text: r,
     classes: {
       wrapper: i(e == null ? void 0 : e.phoneWrapper),
@@ -1019,17 +1041,17 @@ const pe = {
       link: i("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
     }
   },
-  n
-)) }), ge = ({ navigationLinks: t, classes: e }) => /* @__PURE__ */ o.jsx(
+  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: n, links: r }) => /* @__PURE__ */ o.jsxs("div", { className: i("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
-      /* @__PURE__ */ o.jsx("div", { className: i("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
-      /* @__PURE__ */ o.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__ */ o.jsx(
+    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,
@@ -1043,45 +1065,17 @@ const pe = {
         },
         a
       )) })
-    ] }, n))
+    ] }, o))
   }
-), he = ({ ligal: t, classes: e }) => {
-  const [n, 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__ */ o.jsxs("div", { className: i("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
-    /* @__PURE__ */ o.jsx(
-      "p",
-      {
-        ref: l,
-        className: i("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, e == null ? void 0 : e.ligalText),
-        children: t
-      }
-    ),
-    a && /* @__PURE__ */ o.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: "Подробнее"
-      }
-    )
-  ] });
-}, ye = ({ text: t, classes: e, withSiteMap: n }) => /* @__PURE__ */ o.jsx("div", { className: i("desk-body-regular-m text-color-footer", { "mt-6 desktop:mt-8": !n }, e == null ? void 0 : e.copyRight), children: t }), we = ({ classes: t }) => /* @__PURE__ */ o.jsx(
+), 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__ */ o.jsx(m, { name: "brandLogos/logoWhite", className: i("size-full", t == null ? void 0 : t.footerLogoIcon) })
+    children: /* @__PURE__ */ n.jsx(m, { name: "brandLogos/logoWhite", className: i("size-full", t == null ? void 0 : t.footerLogoIcon) })
   }
-), ve = ({ classes: t }) => /* @__PURE__ */ o.jsx(
+), he = ({ classes: t }) => /* @__PURE__ */ n.jsx(
   E,
   {
     intent: "white",
@@ -1095,23 +1089,16 @@ const pe = {
     },
     children: "Карта сайта"
   }
-), Xe = ({
-  renderBlocks: {
-    withSocial: t = !0,
-    withPhones: e = !0,
-    withNavLinks: n = !0,
-    withLigal: r = !0,
-    withCopyright: a = !0,
-    withSiteMap: d = !0
-  } = {},
-  socialsLinks: l = xe,
-  phones: u = me,
-  navigationLinks: b = ce,
-  ligal: O = ue,
-  copyright: U = fe,
+), 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__ */ o.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ o.jsx(g, { className: i(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: i("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
-  /* @__PURE__ */ o.jsxs(
+}) => /* @__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",
     {
       className: i(
@@ -1119,34 +1106,34 @@ const pe = {
         p == null ? void 0 : p.footerHead
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: i(p == null ? void 0 : p.footerSocialBlock), children: [
-          /* @__PURE__ */ o.jsx(we, { classes: p }),
-          t && /* @__PURE__ */ o.jsx(se, { socialsLinks: l, classes: p })
+        /* @__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__ */ o.jsx(be, { phones: u, classes: p })
+        e && /* @__PURE__ */ n.jsx(ce, { phones: l, classes: p })
       ]
     }
   ),
-  n && /* @__PURE__ */ o.jsx(ge, { navigationLinks: b, classes: p }),
-  r && /* @__PURE__ */ o.jsx(he, { ligal: O, classes: p }),
-  /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col-reverse items-start justify-between gap-4 desktop:flex-row desktop:gap-6", children: [
-    a && /* @__PURE__ */ o.jsx(ye, { text: U, classes: p, withSiteMap: d }),
-    d && /* @__PURE__ */ o.jsx(ve, { 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 })
   ] })
-] }) }) }), ke = (t) => {
+] }) }) }), ye = (t) => {
   switch (t.variant) {
     case "withButton":
-      return /* @__PURE__ */ o.jsx(I, { intent: "secondary", size: "sm", ...t.buttonProps, children: "Оформить заявку" });
+      return /* @__PURE__ */ n.jsx(I, { intent: "secondary", size: "sm", ...t.buttonProps, children: "Оформить заявку" });
     case "withPhone":
-      const { phone: e, phoneText: n } = t;
-      return /* @__PURE__ */ o.jsx(T, { phone: e, text: n, ...t.phoneProps });
+      const { phone: e, phoneText: o } = t;
+      return /* @__PURE__ */ n.jsx(T, { phone: e, text: o, ...t.phoneProps });
     default:
       return null;
   }
-}, qe = (t) => {
-  const { logoPath: e = "/", logoType: n = "main", classes: r } = t;
-  return /* @__PURE__ */ o.jsx("header", { className: i("flex h-[72px] items-center justify-center bg-color-white", r == null ? void 0 : r.header), children: /* @__PURE__ */ o.jsx(g, { className: i(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: i("flex items-center justify-between gap-5", r == null ? void 0 : r.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,
@@ -1157,12 +1144,12 @@ const pe = {
           "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
           r == null ? void 0 : r.logo
         ),
-        children: te[n]
+        children: ee[o]
       }
     ),
-    ke(t)
+    ye(t)
   ] }) }) });
-}, je = ({ title: t, description: e, index: n, classes: r }) => /* @__PURE__ */ o.jsxs(
+}, we = ({ title: t, description: e, index: o, classes: r }) => /* @__PURE__ */ n.jsxs(
   "div",
   {
     className: i(
@@ -1170,35 +1157,35 @@ const pe = {
       r == null ? void 0 : r.singleStep
     ),
     children: [
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ n.jsx(
         "div",
         {
           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",
             r == null ? void 0 : r.numeric
           ),
-          children: n
+          children: o
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { className: i("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
-        /* @__PURE__ */ o.jsx(L, { as: "h4", className: i("text-color-dark", r == null ? void 0 : r.title), children: t }),
-        /* @__PURE__ */ o.jsx("p", { className: i("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.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 })
       ] })
     ]
   }
-), Qe = ({ heading: t, stepsList: e, classes: n }) => /* @__PURE__ */ o.jsx(q, { children: /* @__PURE__ */ o.jsx(g, { children: /* @__PURE__ */ o.jsxs("div", { className: i("flex flex-col gap-12 desktop:items-start", n == null ? void 0 : n.root), children: [
-  /* @__PURE__ */ o.jsx(L, { as: "h2", className: i("text-color-dark", n == null ? void 0 : n.headline), children: t }),
-  /* @__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: 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((r, a) => /* @__PURE__ */ o.jsx(je, { index: a + 1, ...r, classes: n }, r.title))
+      children: e == null ? void 0 : e.map((r, a) => /* @__PURE__ */ n.jsx(we, { index: a + 1, ...r, classes: o }, r.title))
     }
   )
-] }) }) }), Ne = c("", {
+] }) }) }), ve = c("", {
   variants: {
     intent: {
       twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
@@ -1214,7 +1201,7 @@ const pe = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Ie = c("desktop:max-h-[98px]", {
+}), ke = c("desktop:max-h-[98px]", {
   variants: {
     intent: {
       twoItems: "",
@@ -1246,7 +1233,7 @@ const pe = {
       class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
     }
   ]
-}), De = c("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',
@@ -1256,7 +1243,7 @@ const pe = {
   defaultVariants: {
     intent: "twoItems"
   }
-}), Ce = c("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]",
@@ -1282,27 +1269,27 @@ const pe = {
       class: "desktop:h-[272px] desktop:w-[500px]"
     }
   ]
-}), _e = ({ data: t, intent: e }) => {
-  const { title: n, description: r, popoverText: a } = t;
-  return /* @__PURE__ */ o.jsx("li", { className: i(De({ intent: e })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
-    /* @__PURE__ */ o.jsxs("div", { className: i("mb-2 flex items-center gap-2"), children: [
-      /* @__PURE__ */ o.jsx("h4", { className: i("mob-title-bold-m text-color-dark"), children: n }),
-      a && /* @__PURE__ */ o.jsx(W, { triggerElement: /* @__PURE__ */ o.jsx(m, { className: i("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: a })
+}), 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: i("mob-body-regular-l text-color-secondary"), children: r })
+    /* @__PURE__ */ n.jsx("p", { className: i("mob-body-regular-l text-color-secondary"), children: r })
   ] }) });
-}, N = ({ intent: t, title: e, desktopHidden: n = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: i(Ne({ intent: t, desktopHidden: n, mobileHidden: r })), children: e }), Le = ({ textContent: t, intent: e, withButton: n }) => /* @__PURE__ */ o.jsx("ul", { className: i(Ie({ intent: e, withButton: n })), children: t == null ? void 0 : t.map((r, a) => /* @__PURE__ */ o.jsx(_e, { intent: e, data: r }, a)) }), Je = ({
+}, 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",
+  intent: o = "twoItems",
   textContent: r,
   imageComponent: a,
   classes: d
 }) => {
-  const l = !!e, u = n === "fourItems", b = n === "twoItems";
-  return /* @__PURE__ */ o.jsx("section", { className: i(d == null ? void 0 : d.section), children: /* @__PURE__ */ o.jsxs(g, { className: i(d == null ? void 0 : d.mainContainer), children: [
-    b && /* @__PURE__ */ o.jsx(N, { intent: n, title: t }),
-    /* @__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: i(
@@ -1310,16 +1297,16 @@ const pe = {
           d == null ? void 0 : d.contentContainer
         ),
         children: [
-          u && /* @__PURE__ */ o.jsx(N, { intent: n, title: t, desktopHidden: !0 }),
-          /* @__PURE__ */ o.jsx("div", { className: i(Ce({ intent: n, withButton: l }), d == null ? void 0 : d.imgContainer), children: a }),
-          /* @__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: 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: t, mobileHidden: !0 }),
-                /* @__PURE__ */ o.jsx(Le, { textContent: r, intent: n, withButton: l }),
-                l && /* @__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: i("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
@@ -1338,29 +1325,30 @@ const pe = {
   ] }) });
 };
 export {
-  le as ApiError,
-  et as Badge,
-  Ae as Breadcrumbs,
+  de as ApiError,
+  Ke as Badge,
+  Te as Breadcrumbs,
   I as Button,
-  Be as ButtonIcon,
+  Fe as ButtonIcon,
   E as CustomLink,
-  Se as Document,
-  $e as FloatButton,
-  Xe as Footer,
+  ze as Document,
+  Re as FloatButton,
+  Ge as Footer,
   L as Heading,
   m as Icon,
-  tt as Loader,
-  Je as LongBanner,
-  qe as PageHeader,
+  Se as Ligal,
+  Ye as Loader,
+  qe as LongBanner,
+  We as PageHeader,
   T as PhoneView,
-  Re as ProgressBar,
+  Ae as ProgressBar,
   g as ResponsiveContainer,
   D as RgxCheckForHyphen,
-  oe as RgxPatronymic,
-  re as RgxUnicode,
-  q as Section,
-  Pe as Skeleton,
-  Qe as Stepper,
+  re as RgxPatronymic,
+  te as RgxUnicode,
+  X as Section,
+  Be as Skeleton,
+  Xe as Stepper,
   s as VALIDATION_MESSAGES,
   w as allowedBackgroundColors,
   B as allowedBackgroundDeg,
@@ -1372,21 +1360,21 @@ export {
   v as allowedStrokeColors,
   F as allowedTextColors,
   P as allowedTextStyles,
-  ie as allowedZIndex,
-  We as apiInstance,
-  Fe as capitalize,
+  ne as allowedZIndex,
+  Ze as apiInstance,
+  Le as capitalize,
   i as cn,
-  pe as defaultHeaders,
-  Ze as extendsPreset,
-  ne as formattedDadataFio,
-  rt as isClient,
-  ze as mergeRefs,
-  Ge as resetPreset,
-  ot as scrollToElement,
-  Ue as tailwindConfigBase,
-  Ve as zodCalendarValidate,
-  He as zodDadataFioSchema,
-  Oe as zodOtpCodeSchema,
-  Me as zodPhoneSchema
+  le as defaultHeaders,
+  Oe as extendsPreset,
+  oe as formattedDadataFio,
+  et as isClient,
+  Ee as mergeRefs,
+  Ue as resetPreset,
+  tt as scrollToElement,
+  Me as tailwindConfigBase,
+  $e as zodCalendarValidate,
+  Pe as zodDadataFioSchema,
+  Ve as zodOtpCodeSchema,
+  He as zodPhoneSchema
 };
 //# sourceMappingURL=hybrid.js.map