@scbt-ecom/ui 0.16.2 → 0.17.0

package/dist/hybrid.js

@@ -1,1350 +0,0 @@
-import { j as n, c as i, I as u, a as x, R as g, B as N, z as f, p as O, i as U, g as _, H as C, P as Z } from "./index-CexXWplL.js";
-import { b as Qe, L as Je, d as Ke, s as Ye } from "./index-CexXWplL.js";
-import { forwardRef as G } from "react";
-const Ce = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), Le = (...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);
-    });
-  };
-}, W = ({ 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(
-      "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__ */ n.jsx(
-        "a",
-        {
-          href: e.path,
-          target: "_blank",
-          rel: "noreferrer",
-          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__ */ n.jsx(
-        u,
-        {
-          name: "arrows/arrowRight",
-          className: i("size-4 text-icon-primary-default", { "!text-icon-disabled": e == null ? void 0 : e.isDisabled })
-        }
-      )
-    ]
-  }
-) : /* @__PURE__ */ n.jsx("div", { "aria-current": "page", className: "desk-body-regular-m text-color-blue-grey-600", children: e.label }) })) }), X = x(
-  "group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
-  {
-    variants: {
-      intent: {
-        primary: "text-icon-white bg-color-primary-default hover:bg-color-primary-hover active:bg-color-primary-hover focus:bg-color-primary-hover focus:outline-primary-focus disabled:bg-color-primary-disabled",
-        secondary: "text-icon-primary-default bg-color-transparent border border-solid outline-offset-4 border-primary-default hover:bg-color-primary-tr-hover hover:text-icon-primary-default hover:border-primary-hover  active:bg-color-primary-tr-pressed active:border-primary-hover active:text-icon-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus disabled:bg-color-blue-grey-200 disabled:border-transparent disabled:text-icon-primary-disabled",
-        ghost: "text-icon-primary-default bg-color-transparent hover:bg-color-primary-tr-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:text-icon-primary-hover active:bg-color-primary-tr-pressed disabled:bg-color-transparent disabled:text-icon-primary-disabled"
-      },
-      size: {
-        sm: "size-8",
-        md: "size-10",
-        lg: "size-12"
-      }
-    },
-    defaultVariants: {
-      intent: "primary",
-      size: "lg"
-    }
-  }
-), Ee = G(
-  ({ size: t, intent: e, children: o, classes: r, type: a = "button", ...d }, p) => /* @__PURE__ */ n.jsx("button", { ref: p, type: a, className: i(X({ 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 = x(
-  "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: ""
-      },
-      disabled: {
-        true: "!text-color-primary-disabled pointer-events-none !border-transparent",
-        false: ""
-      },
-      size: {
-        sm: "desk-body-regular-m",
-        md: "desk-body-regular-l"
-      }
-    },
-    defaultVariants: {
-      intent: "blue",
-      withIcon: !0,
-      disabled: !1,
-      size: "sm",
-      withUnderline: !1
-    }
-  }
-), Q = x("size-6", {
-  variants: {
-    intent: {
-      blue: "text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",
-      white: "text-icon-white group-hover:text-icon-footer group-focus:text-icon-white"
-    },
-    disabled: {
-      true: "!text-icon-primary-disabled pointer-events-none",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    intent: "blue",
-    disabled: !1
-  }
-}), L = ({
-  intent: t,
-  children: e,
-  withIcon: o,
-  disabled: r,
-  size: a,
-  icon: d = "arrows/arrowLink",
-  classes: p,
-  withUnderline: s,
-  ...b
-}) => /* @__PURE__ */ n.jsxs("a", { className: i(q({ intent: t, withIcon: o, withUnderline: s, disabled: r, size: a }), p == null ? void 0 : p.link), ...b, children: [
-  e,
-  o && /* @__PURE__ */ n.jsx(u, { name: d, className: i(Q({ intent: t, disabled: r }), p == null ? void 0 : p.icon) })
-] }), J = x("size-8 transition-colors", {
-  variants: {
-    intent: {
-      outline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
-      filled: "text-icon-primary-default group-hover:text-icon-primary-hover"
-    }
-  },
-  defaultVariants: {
-    intent: "outline"
-  }
-}), K = {
-  filled: "files/documentFilled",
-  outline: "files/documentOutline"
-}, Fe = ({ text: t, size: e, sizeType: o, href: r, intent: a = "outline" }) => /* @__PURE__ */ n.jsxs(
-  "a",
-  {
-    href: r,
-    target: "_blank",
-    rel: "noreferrer",
-    tabIndex: 0,
-    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__ */ n.jsx(u, { name: K[a], className: i(J({ 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,
-          " ",
-          o
-        ] })
-      ] })
-    ]
-  }
-), 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", o == null ? void 0 : o.link),
-      children: t
-    }
-  ),
-  /* @__PURE__ */ n.jsx("p", { className: i("desk-body-regular-s text-color-tetriary", o == null ? void 0 : o.text), children: e })
-] }), ze = ({ 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: `${o}%` },
-        className: i("relative z-10 h-2 rounded-md bg-color-positive transition-all", a == null ? void 0 : a.progress)
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "span",
-      {
-        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",
-          a == null ? void 0 : a.loader
-        )
-      }
-    )
-  ] }),
-  e && /* @__PURE__ */ n.jsx("div", { className: i("mt-2 flex justify-between gap-5", a == null ? void 0 : a.bottomContent), children: e })
-] }), Ae = ({ className: t }) => /* @__PURE__ */ n.jsx("div", { className: i("skeleton-apply h-full w-full", t) }), Y = {
-  main: /* @__PURE__ */ n.jsx(u, { name: "brandLogos/logoMain" }),
-  white: /* @__PURE__ */ n.jsx(u, { name: "brandLogos/logoWhite" }),
-  gray: /* @__PURE__ */ n.jsx(u, { name: "brandLogos/logoGray" }),
-  black: /* @__PURE__ */ n.jsx(u, { name: "brandLogos/logoBlack" }),
-  business: /* @__PURE__ */ n.jsx(u, { name: "brandLogos/logoBusiness" }),
-  insurance: /* @__PURE__ */ n.jsx(u, { name: "brandLogos/logoInsurance" })
-}, Be = ({ isVisible: t, classes: e, children: o, buttonProps: r }) => /* @__PURE__ */ n.jsxs(
-  g,
-  {
-    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%]": !t },
-      e == null ? void 0 : e.root
-    ),
-    children: [
-      o,
-      /* @__PURE__ */ n.jsx(N, { size: "lg", className: i("m-auto w-full", e == null ? void 0 : e.button), ...r, children: "Оформить заявку" })
-    ]
-  }
-), ee = /^[\u0400-\u04FF\u00CB\u00EB -]+$/, I = /^(?:[^-]+(?:-[^-]+){0,4}|[^-]+)$/, te = /^[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4}(?:\s+[a-zA-Zа-яА-ЯёЁ]+(?:\s*-\s*[a-zA-Zа-яА-ЯёЁ]+){0,4})?$/i, c = {
-  REQUIRED: "Поле обязательно к заполнению",
-  MIN_LENGTH: "Минимальная длина символов должна быть не менее",
-  MAX_LENGTH: "Максимальная длина символов должна быть не более",
-  FIX_LENGTH: "Длина символов должна быть равна",
-  MAX_LENGTH_ELEMENTS: "Максимальное количество элементов должно быть не более",
-  MIN_LENGTH_ELEMENTS: "Минимальное количество элементов должно быть не менее",
-  FIX_LENGTH_ELEMENTS: "Количество элементов должно быть равно",
-  INVALID_VALUE: "Поле заполнено некорректно",
-  INVALID_DATE: "Введите корректную дату",
-  FUTURE_DATE_NOT_ALLOWED: "Нельзя выбрать дату позже текущей"
-}, re = (t) => {
-  const e = t.trim().replace(/\s+/g, " ").split(" "), [o, r, ...a] = e, d = a == null ? void 0 : a.join(" ");
-  return {
-    surname: o,
-    name: r,
-    patronymic: d
-  };
-}, Se = f.string({ invalid_type_error: "Обязательно к заполнению", required_error: "Обязательно к заполнению" }).superRefine((t, e) => {
-  t === "" && e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: "Введите имя и фамилию"
-  }), ee.test(t) || e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: "Должна быть только кириллица"
-  });
-  const { surname: o, name: r, patronymic: a } = re(t);
-  (!o || !r) && e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: "Введите имя и фамилию"
-  }), I.test(r) || e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: "Неверно введено имя"
-  }), I.test(o) || e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: "Неверно введена фамилия"
-  }), a && (te.test(a) || e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: "Неверно введено отчество"
-  }));
-}), Re = f.string().length(10, { message: c.INVALID_DATE }).superRefine((t, e) => {
-  const [o, r, a] = (t == null ? void 0 : t.split(".")) ?? "", d = O(`${o}/${r}/${a}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-  +a <= 1950 && e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: c.INVALID_DATE
-  }), U(d) || e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: c.INVALID_DATE
-  }), (/* @__PURE__ */ new Date()).getTime() < new Date(d).getTime() && e.addIssue({
-    code: f.ZodIssueCode.custom,
-    message: c.FUTURE_DATE_NOT_ALLOWED
-  });
-}), Pe = 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}`), $e = f.coerce.number().min(1e3, `${c.FIX_LENGTH} 4`).max(9999, `${c.FIX_LENGTH} 4`).nullable().superRefine((t, e) => {
-  t === null && e.addIssue({
-    code: f.ZodIssueCode.invalid_type,
-    expected: "number",
-    received: "null",
-    message: `${c.FIX_LENGTH} 4`
-  });
-}).default(null), h = {
-  transparent: "transparent",
-  current: "currentColor",
-  inherit: "inherit",
-  initial: "initial"
-}, y = {
-  "blue-grey-100": "#f3f4f7",
-  "blue-grey-200": "#eaedf1",
-  "blue-grey-300": "#d4dbe2",
-  "blue-grey-500": "#a9b6c5",
-  footer: "#40465a",
-  negative: "#f42500",
-  "negative-light": "#ffd2ca",
-  positive: "#76bc21",
-  "positive-light": "#e4f6ce",
-  "primary-default": "#003790",
-  "primary-focus": "#2477ff",
-  "primary-hover": "#042e73",
-  "primary-light-default": "#f0f4f9",
-  "primary-tr-focus": "#0037901f",
-  "primary-tr-hover": "#00379014",
-  "primary-tr-pressed": "#00379033",
-  "secondary-default": "#fc5055",
-  "secondary-hover": "#f12f34",
-  warning: "#f49f00",
-  "warning-light": "#ffeecc",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  "secondary-disabled": "#FFB7BF",
-  dark: "#292929",
-  purple: "#5f40bd",
-  "purple-hover": "#52399d",
-  overlay: "#0000004d",
-  ...h
-}, E = {
-  dark: "#292929",
-  disabled: "#a9b6c5",
-  footer: "#c3c3c3",
-  negative: "#f42500",
-  positive: "#76bc21",
-  "primary-default": "#003790",
-  "primary-hover": "#042e73",
-  secondary: "#40465a",
-  tetriary: "#5a6e85",
-  warning: "#f49f00",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  "blue-grey-600": "#94a4b7",
-  ...h
-}, F = {
-  "barvcray-200": "#ebeef4",
-  "barvcray-300": "#dde1e8",
-  "greymint-200": "#deecee",
-  "lavender-100": "#f7f7ff",
-  "lavender-200": "#ecedfa",
-  "lavender-300": "#d0d3f1",
-  "lightblue-300": "#bed3ec",
-  "mint-200": "#e4f5ed",
-  "salmon-200": "#faecec",
-  "skyblue-100": "#f4f8fe",
-  "skyblue-200": "#e7f3ff",
-  "skyblue-300": "#d9edff",
-  ...h
-}, m = {
-  "accent-default": "#2477ff",
-  "accent-hover": "#0053da",
-  "blue-grey-100": "#f3f4f7",
-  "blue-grey-600": "#94a4b7",
-  "blue-grey-700": "#69809a",
-  "blue-grey-800": "#5a6e85",
-  "dark-default": "#292929",
-  "dark-hover": "#535353",
-  disabled: "#a9b6c5",
-  "negative-default": "#f42500",
-  "negative-hover": "#c31e00",
-  "positive-default": "#76bc21",
-  "positive-hover": "#598d19",
-  "primary-default": "#003790",
-  "primary-hover": "#042e73",
-  "secondary-dark-default": "#f12f34",
-  "secondary-dark-hover": "#c40309",
-  "secondary-default": "#fc5055",
-  "secondary-hover": "#f12f34",
-  "warning-default": "#f49f00",
-  "warning-hover": "#d68b00",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  footer: "#C3C3C3",
-  ...h
-}, w = {
-  "blue-grey-500": "#a9b6c5",
-  "blue-grey-700": "#69809a",
-  "blue-grey-800": "#5a6e85",
-  dark: "#292929",
-  negative: "#f42500",
-  positive: "#76bc21",
-  "primary-default": "#003790",
-  "primary-focus": "#2477ff",
-  "primary-hover": "#042e73",
-  "primary-light": "#f0f4f9",
-  "secondary-default": "#fc5055",
-  "secondary-hover": "#f12f34",
-  "warm-grey-200": "#e4e4e4",
-  "warm-grey-300": "#c3c3c3",
-  warning: "#f49f00",
-  white: "#ffffff",
-  "primary-disabled": "#809bc7",
-  ...h
-}, z = {
-  none: "0",
-  sm: "4px",
-  md: "8px",
-  lg: "16px",
-  full: "9999px"
-}, A = {
-  30: "30deg",
-  45: "45deg",
-  80: "80deg",
-  90: "90deg",
-  110: "110deg",
-  180: "180deg"
-}, oe = {
-  0: "0",
-  1: "1",
-  10: "10",
-  30: "30",
-  50: "50",
-  100: "100",
-  250: "250",
-  500: "500",
-  1e3: "1000"
-}, B = {
-  12: "12px",
-  14: "14px",
-  16: "16px",
-  18: "18px",
-  20: "20px",
-  24: "24px",
-  28: "28px",
-  32: "32px",
-  40: "40px"
-}, S = {
-  16: "16px",
-  20: "20px",
-  22: "22px",
-  24: "24px",
-  30: "30px",
-  32: "32px",
-  40: "40px",
-  48: "48px"
-}, R = {
-  /* # Headline */
-  ".mob-headline-bold-m": {
-    "@apply font-bold text-28 leading-32": ""
-  },
-  ".mob-headline-bold-s": {
-    "@apply font-bold text-24 leading-30": ""
-  },
-  /* # Title */
-  ".mob-title-bold-l": {
-    "@apply font-bold text-20 leading-24": ""
-  },
-  ".mob-title-bold-m": {
-    "@apply font-bold text-18 leading-22": ""
-  },
-  /* # Body */
-  ".mob-body-medium-l": {
-    "@apply font-medium text-16 leading-22": ""
-  },
-  ".mob-body-regular-l": {
-    "@apply font-normal text-16 leading-22": ""
-  },
-  ".mob-body-medium-m": {
-    "@apply font-medium text-14 leading-20": ""
-  },
-  ".mob-body-regular-m": {
-    "@apply font-normal text-14 leading-20": ""
-  },
-  ".mob-body-regular-s": {
-    "@apply font-normal text-12 leading-20": ""
-  },
-  /* -------- Desktop Typography -------- */
-  /* # Headline */
-  ".desk-headline-bold-l": {
-    "@apply font-bold text-40 leading-48": ""
-  },
-  ".desk-headline-bold-m": {
-    "@apply font-bold text-32 leading-40": ""
-  },
-  /* # Title */
-  ".desk-title-bold-l": {
-    "@apply font-bold text-24 leading-30": ""
-  },
-  ".desk-title-bold-s": {
-    "@apply font-bold text-18 leading-22": ""
-  },
-  /* # Body */
-  ".desk-body-medium-l": {
-    "@apply font-medium text-16 leading-22": ""
-  },
-  ".desk-body-regular-l": {
-    "@apply font-normal text-16 leading-22": ""
-  },
-  ".desk-body-regular-m": {
-    "@apply font-normal text-14 leading-20": ""
-  },
-  ".desk-body-regular-s": {
-    "@apply font-normal text-12 leading-16": ""
-  }
-};
-var P = {}, $ = {};
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return o;
-    }
-  });
-  function e(r, a) {
-    return {
-      handler: r,
-      config: a
-    };
-  }
-  e.withOptions = function(r, a = () => ({})) {
-    const d = function(p) {
-      return {
-        __options: p,
-        handler: r(p),
-        config: a(p)
-      };
-    };
-    return d.__isOptionsFunction = !0, d.__pluginFunction = r, d.__configFunction = a, d;
-  };
-  const o = e;
-})($);
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return r;
-    }
-  });
-  const e = /* @__PURE__ */ o($);
-  function o(a) {
-    return a && a.__esModule ? a : {
-      default: a
-    };
-  }
-  const r = e.default;
-})(P);
-let k = P;
-var H = (k.__esModule ? k : { default: k }).default;
-const v = /* @__PURE__ */ _(H), ne = H;
-function D(t) {
-  return Object.fromEntries(
-    Object.entries(t).filter(([e]) => e !== "DEFAULT")
-  );
-}
-var ie = ne(
-  ({ addUtilities: t, matchUtilities: e, theme: o }) => {
-    t({
-      "@keyframes enter": o("keyframes.enter"),
-      "@keyframes exit": o("keyframes.exit"),
-      ".animate-in": {
-        animationName: "enter",
-        animationDuration: o("animationDuration.DEFAULT"),
-        "--tw-enter-opacity": "initial",
-        "--tw-enter-scale": "initial",
-        "--tw-enter-rotate": "initial",
-        "--tw-enter-translate-x": "initial",
-        "--tw-enter-translate-y": "initial"
-      },
-      ".animate-out": {
-        animationName: "exit",
-        animationDuration: o("animationDuration.DEFAULT"),
-        "--tw-exit-opacity": "initial",
-        "--tw-exit-scale": "initial",
-        "--tw-exit-rotate": "initial",
-        "--tw-exit-translate-x": "initial",
-        "--tw-exit-translate-y": "initial"
-      }
-    }), e(
-      {
-        "fade-in": (r) => ({ "--tw-enter-opacity": r }),
-        "fade-out": (r) => ({ "--tw-exit-opacity": r })
-      },
-      { values: o("animationOpacity") }
-    ), e(
-      {
-        "zoom-in": (r) => ({ "--tw-enter-scale": r }),
-        "zoom-out": (r) => ({ "--tw-exit-scale": r })
-      },
-      { values: o("animationScale") }
-    ), e(
-      {
-        "spin-in": (r) => ({ "--tw-enter-rotate": r }),
-        "spin-out": (r) => ({ "--tw-exit-rotate": r })
-      },
-      { values: o("animationRotate") }
-    ), e(
-      {
-        "slide-in-from-top": (r) => ({
-          "--tw-enter-translate-y": `-${r}`
-        }),
-        "slide-in-from-bottom": (r) => ({
-          "--tw-enter-translate-y": r
-        }),
-        "slide-in-from-left": (r) => ({
-          "--tw-enter-translate-x": `-${r}`
-        }),
-        "slide-in-from-right": (r) => ({
-          "--tw-enter-translate-x": r
-        }),
-        "slide-out-to-top": (r) => ({
-          "--tw-exit-translate-y": `-${r}`
-        }),
-        "slide-out-to-bottom": (r) => ({
-          "--tw-exit-translate-y": r
-        }),
-        "slide-out-to-left": (r) => ({
-          "--tw-exit-translate-x": `-${r}`
-        }),
-        "slide-out-to-right": (r) => ({
-          "--tw-exit-translate-x": r
-        })
-      },
-      { values: o("animationTranslate") }
-    ), e(
-      { duration: (r) => ({ animationDuration: r }) },
-      { values: D(o("animationDuration")) }
-    ), e(
-      { delay: (r) => ({ animationDelay: r }) },
-      { values: o("animationDelay") }
-    ), e(
-      { ease: (r) => ({ animationTimingFunction: r }) },
-      { values: D(o("animationTimingFunction")) }
-    ), t({
-      ".running": { animationPlayState: "running" },
-      ".paused": { animationPlayState: "paused" }
-    }), e(
-      { "fill-mode": (r) => ({ animationFillMode: r }) },
-      { values: o("animationFillMode") }
-    ), e(
-      { direction: (r) => ({ animationDirection: r }) },
-      { values: o("animationDirection") }
-    ), e(
-      { repeat: (r) => ({ animationIterationCount: r }) },
-      { values: o("animationRepeat") }
-    );
-  },
-  {
-    theme: {
-      extend: {
-        animationDelay: ({ theme: t }) => ({
-          ...t("transitionDelay")
-        }),
-        animationDuration: ({ theme: t }) => ({
-          0: "0ms",
-          ...t("transitionDuration")
-        }),
-        animationTimingFunction: ({ theme: t }) => ({
-          ...t("transitionTimingFunction")
-        }),
-        animationFillMode: {
-          none: "none",
-          forwards: "forwards",
-          backwards: "backwards",
-          both: "both"
-        },
-        animationDirection: {
-          normal: "normal",
-          reverse: "reverse",
-          alternate: "alternate",
-          "alternate-reverse": "alternate-reverse"
-        },
-        animationOpacity: ({ theme: t }) => ({
-          DEFAULT: 0,
-          ...t("opacity")
-        }),
-        animationTranslate: ({ theme: t }) => ({
-          DEFAULT: "100%",
-          ...t("translate")
-        }),
-        animationScale: ({ theme: t }) => ({
-          DEFAULT: 0,
-          ...t("scale")
-        }),
-        animationRotate: ({ theme: t }) => ({
-          DEFAULT: "30deg",
-          ...t("rotate")
-        }),
-        animationRepeat: {
-          0: "0",
-          1: "1",
-          infinite: "infinite"
-        },
-        keyframes: {
-          enter: {
-            from: {
-              opacity: "var(--tw-enter-opacity, 1)",
-              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
-            }
-          },
-          exit: {
-            to: {
-              opacity: "var(--tw-exit-opacity, 1)",
-              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
-            }
-          }
-        }
-      }
-    }
-  }
-);
-const V = /* @__PURE__ */ _(ie), He = {
-  theme: {
-    backgroundColor: {
-      color: y,
-      banner: F,
-      icon: m
-    },
-    textColor: {
-      icon: m,
-      color: E
-    },
-    fill: m,
-    stroke: m,
-    borderColor: w,
-    outlineColor: w,
-    borderRadius: z,
-    fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: B,
-    lineHeight: S,
-    gradientColorStops: y,
-    boxShadow: {
-      sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
-      md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
-      lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
-    },
-    extend: {
-      bgGradientDeg: A,
-      width: {
-        "popper-content": "var(--radix-popover-content-available-width)",
-        "popper-trigger": "var(--radix-popover-trigger-width)",
-        "autocomplete-input": "var(--input-width)",
-        "select-trigger": "var(--button-width)"
-      },
-      transitionDuration: {
-        DEFAULT: "0.3s",
-        12: "0.12s",
-        15: "0.15s",
-        2: "2s"
-      },
-      transitionTimingFunction: {
-        DEFAULT: "ease-in-out"
-      },
-      keyframes: {
-        slideDown: {
-          from: { height: "0px" },
-          to: { height: "var(--radix-accordion-content-height)" }
-        },
-        slideUp: {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0px" }
-        },
-        "scale-in": {
-          from: { opacity: "0", scale: "0" },
-          to: { opacity: "1", scale: "1" }
-        },
-        "progress-loader": {
-          "100%": {
-            backgroundPosition: "100% 100%"
-          }
-        },
-        "caret-blink": {
-          "0%,70%,100%": { opacity: "1" },
-          "20%,50%": { opacity: "0" }
-        },
-        shine: {
-          to: {
-            "background-position-x": "-200%"
-          }
-        }
-      },
-      animation: {
-        slideDown: "slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
-        slideUp: "slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
-        "scale-in": "scale-in 0.3s ease-in-out",
-        "progress-loader": "progress-loader 250s linear infinite",
-        "caret-blink": "caret-blink 1.25s ease-out infinite"
-      }
-    }
-  },
-  plugins: [
-    V,
-    v(({ addComponents: t }) => {
-      t(R);
-    }),
-    v(function({ matchUtilities: t, theme: e }) {
-      t(
-        {
-          "bg-deg-gradient": (o) => ({
-            "background-image": `linear-gradient(${o}, var(--tw-gradient-stops))`
-          })
-        },
-        {
-          values: Object.assign(e("bgGradientDeg", {}), {})
-        }
-      );
-    })
-  ]
-}, Ve = {
-  theme: {
-    extend: {
-      transitionDuration: {
-        DEFAULT: "0.3s",
-        12: "0.12s",
-        15: "0.15s",
-        2: "2s",
-        333: "333s"
-      },
-      transitionTimingFunction: {
-        DEFAULT: "ease-in-out"
-      },
-      keyframes: {
-        slideDown: {
-          from: { height: "0px" },
-          to: { height: "var(--radix-accordion-content-height)" }
-        },
-        slideUp: {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0px" }
-        },
-        "scale-in": {
-          from: { opacity: "0", scale: "0" },
-          to: { opacity: "1", scale: "1" }
-        },
-        "progress-loader": {
-          "100%": {
-            backgroundPosition: "100% 100%"
-          }
-        }
-      },
-      animation: {
-        slideDown: "slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
-        slideUp: "slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
-        "scale-in": "scale-in 0.3s ease-in-out",
-        "progress-loader": "progress-loader 250s linear infinite"
-      }
-    }
-  }
-}, Me = {
-  theme: {
-    screens: {
-      mobile: { max: "1187px" },
-      desktop: "1188px"
-    },
-    backgroundColor: {
-      color: y,
-      banner: F,
-      icon: m
-    },
-    textColor: {
-      icon: m,
-      color: E
-    },
-    fill: m,
-    stroke: m,
-    borderColor: w,
-    outlineColor: w,
-    borderRadius: z,
-    fontFamily: { roboto: ["var(--ff-roboto)", "sans-serif"] },
-    fontSize: B,
-    lineHeight: S,
-    gradientColorStops: y,
-    boxShadow: {
-      sm: "0 8px 20px 0 rgba(0, 0, 0, 0.08)",
-      md: "0 12px 20px 0 rgba(0, 33, 87, 0.10)",
-      lg: "0 16px 24px 0 rgba(0, 33, 87, 0.16)"
-    },
-    zIndex: oe,
-    extend: {
-      bgGradientDeg: A
-    }
-  },
-  plugins: [
-    V,
-    v(({ addComponents: t }) => {
-      t(R);
-    }),
-    v(function({ matchUtilities: t, theme: e }) {
-      t(
-        {
-          "bg-deg-gradient": (o) => ({
-            "background-image": `linear-gradient(${o}, var(--tw-gradient-stops))`
-          })
-        },
-        {
-          values: Object.assign(e("bgGradientDeg", {}), {})
-        }
-      );
-    })
-  ]
-};
-class ae extends Error {
-  constructor(e) {
-    super("ApiError: " + e.status), this.response = e;
-  }
-}
-const de = {
-  "Content-Type": "application/json"
-}, Oe = 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: {
-      ...de,
-      ...r
-    },
-    body: a,
-    ...e
-  });
-  if (!d.ok)
-    throw new ae(d);
-  return await d.json();
-}, le = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-  "© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
-  /* @__PURE__ */ n.jsx("br", { className: "mobile:hidden" }),
-  " Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
-] }), pe = [
-  { phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
-  { phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
-], fe = [
-  { iconName: "social/vk", href: "https://vk.com/sovcombank" },
-  { iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
-  { iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
-], ue = [
-  {
-    groupLabel: "Совкомбанк",
-    links: [
-      { text: "О банке", href: "/" },
-      { text: "Реквизиты и лицензии", href: "/" },
-      { text: "Пресс-центр", href: "/" },
-      { text: "Удостоверяющий центр ПАО «Совкомбанк»", href: "/" },
-      { text: "Работа у нас", href: "/" },
-      { text: "Контакты", href: "/" },
-      { text: "Раскрытие информации", href: "/" },
-      { text: "Страница раскрытия информации в Интерфакс", href: "/" },
-      { text: "Реализация залогового имущества", href: "/" },
-      { text: "Клиентам и партнерам", href: "/" },
-      { text: "Биометрия", href: "/" },
-      { text: "Стандарты безопасности", href: "/" },
-      { text: "Информация о процентных ставках по договорам банковского вклада с физическими лицами", href: "/" },
-      { text: "ООО «Совком Финанс»", href: "/" },
-      { text: "Безопасность", href: "/" }
-    ]
-  },
-  {
-    groupLabel: "Сервисы",
-    links: [
-      { text: "Подарочная карта «Халва»", href: "/" },
-      { text: "Страховые продукты", href: "/" },
-      { text: "МультиЮрист", href: "/" },
-      { text: "Единая социальная карта «Уралочка»", href: "/" },
-      { text: "Единая Карта Жителя Мурманской области", href: "/" },
-      { text: "Безопасные расчёты", href: "/" },
-      { text: "Улучшение кредитной истории", href: "/" },
-      { text: "Дистанционные сервисы Совкомбанка", href: "/" },
-      { text: "Программы реструктуризации долга", href: "/" }
-    ]
-  },
-  {
-    groupLabel: "Услуги банка",
-    links: [
-      { text: "Карты", href: "/" },
-      { text: "Кредиты", href: "/" },
-      { text: "Кредиты наличными", href: "/" },
-      { text: "Ипотека", href: "/" },
-      { text: "Автокредиты", href: "/" },
-      { text: "Кредитный калькулятор", href: "/" },
-      { text: "Вклады", href: "/" },
-      { text: "Инвестиции", href: "/" },
-      { text: "Платежи", href: "/" },
-      { text: "Сервисы", href: "/" },
-      { text: "Малому бизнесу и ИП", href: "/" },
-      { text: "Корпоративным клиентам", href: "/" },
-      { text: "CIB", href: "/" },
-      { text: "Драгоценные металлы в слитках", href: "/" },
-      { text: "Счета в драгоценных металлах", href: "/" }
-    ]
-  },
-  {
-    groupLabel: "Клиентам других банков",
-    links: [
-      { text: "Держателям карт рассрочки Банка Хоум Кредит", href: "/" },
-      { text: "ПАО КБ «Восточный»", href: "/" },
-      { text: "Держателям карт «Совесть»", href: "/" },
-      { text: "АО «Нордеа Банк»", href: "/" },
-      { text: "ЗАО «ДжиИ Мани банк»", href: "/" },
-      { text: "АО «Меткомбанк»", href: "/" },
-      { text: "АКБ «РосЕвроБанк» (АО)", href: "/" },
-      { text: "ПАО «Татфондбанк»", href: "/" },
-      { text: "АО АКБ «Экспресс-Волга»", href: "/" },
-      { text: "АО «ВКАБАНК»", href: "/" },
-      { text: "ООО «ОНЕЙ БАНК»", href: "/" },
-      { text: "АО «Евразийский»", href: "/" },
-      { text: "АО «НФК»", href: "/" },
-      { text: "ООО «РТС-Капитал»", href: "/" },
-      { text: "ООО «ИК Септем Капитал»", href: "/" },
-      { text: "Помощь", href: "/" },
-      { text: "Офисы и банкоматы", href: "/" }
-    ]
-  }
-], me = ({ 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": o.replace("social/", ""),
-    children: /* @__PURE__ */ n.jsx(u, { name: o, className: i("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
-  },
-  r
-)) }), xe = ({ 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: o,
-    text: r,
-    classes: {
-      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)
-    }
-  },
-  o
-)) }), ce = ({ 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(
-        L,
-        {
-          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))
-  }
-), se = ({ 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 }), be = ({ 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(u, { name: "brandLogos/logoWhite", className: i("size-full", t == null ? void 0 : t.footerLogoIcon) })
-  }
-), ge = ({ classes: t }) => /* @__PURE__ */ n.jsx(
-  L,
-  {
-    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: "Карта сайта"
-  }
-), Ue = ({
-  renderBlocks: { withSocial: t = !0, withPhones: e = !0, withNavLinks: o = !0, withCopyright: r = !0, withSiteMap: a = !0 } = {},
-  socialsLinks: d = fe,
-  phones: p = pe,
-  navigationLinks: s = ue,
-  ligal: b,
-  copyright: M = le,
-  classes: l
-}) => /* @__PURE__ */ n.jsx("footer", { className: i("w-full bg-color-footer py-8 desktop:py-10", l == null ? void 0 : l.root), children: /* @__PURE__ */ n.jsx(g, { className: i(l == null ? void 0 : l.footerContainer), children: /* @__PURE__ */ n.jsxs("div", { className: i("mobile:pb-[176px]", l == null ? void 0 : l.footerWrapper), children: [
-  /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      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",
-        l == null ? void 0 : l.footerHead
-      ),
-      children: [
-        /* @__PURE__ */ n.jsxs("div", { className: i(l == null ? void 0 : l.footerSocialBlock), children: [
-          /* @__PURE__ */ n.jsx(be, { classes: l }),
-          t && /* @__PURE__ */ n.jsx(me, { socialsLinks: d, classes: l })
-        ] }),
-        e && /* @__PURE__ */ n.jsx(xe, { phones: p, classes: l })
-      ]
-    }
-  ),
-  o && /* @__PURE__ */ n.jsx(ce, { navigationLinks: s, classes: l }),
-  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(se, { text: M, classes: l, withSiteMap: a }),
-    a && /* @__PURE__ */ n.jsx(ge, { classes: l })
-  ] })
-] }) }) }), he = (t) => {
-  switch (t.variant) {
-    case "withButton":
-      return /* @__PURE__ */ n.jsx(N, { intent: "secondary", size: "sm", ...t.buttonProps, children: "Оформить заявку" });
-    case "withPhone":
-      const { phone: e, phoneText: o } = t;
-      return /* @__PURE__ */ n.jsx(T, { phone: e, text: o, ...t.phoneProps });
-    default:
-      return null;
-  }
-}, Ze = (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: i(
-          "flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
-          r == null ? void 0 : r.logo
-        ),
-        children: Y[o]
-      }
-    ),
-    he(t)
-  ] }) }) });
-}, ye = ({ title: t, description: e, index: o, classes: r }) => /* @__PURE__ */ n.jsxs(
-  "div",
-  {
-    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",
-      r == null ? void 0 : r.singleStep
-    ),
-    children: [
-      /* @__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: o
-        }
-      ),
-      /* @__PURE__ */ n.jsxs("div", { className: i("flex flex-col gap-4", r == null ? void 0 : r.textBlock), children: [
-        /* @__PURE__ */ n.jsx(C, { 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 })
-      ] })
-    ]
-  }
-), Ge = ({ heading: t, stepsList: e, classes: o }) => /* @__PURE__ */ n.jsx(W, { 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(C, { 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",
-        o == null ? void 0 : o.stepsWrapper
-      ),
-      children: e == null ? void 0 : e.map((r, a) => /* @__PURE__ */ n.jsx(ye, { index: a + 1, ...r, classes: o }, r.title))
-    }
-  )
-] }) }) }), we = x("", {
-  variants: {
-    intent: {
-      twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
-      fourItems: "mob-title-bold-l desktop:desk-title-bold-l  mb-8"
-    },
-    desktopHidden: {
-      true: "desktop:hidden"
-    },
-    mobileHidden: {
-      true: "mobile:hidden"
-    }
-  },
-  defaultVariants: {
-    intent: "twoItems"
-  }
-}), ve = x("desktop:max-h-[98px]", {
-  variants: {
-    intent: {
-      twoItems: "",
-      fourItems: ""
-    },
-    withButton: {
-      true: ""
-    }
-  },
-  compoundVariants: [
-    {
-      intent: "twoItems",
-      withButton: !0,
-      class: "mb-8 desktop:flex"
-    },
-    {
-      intent: "twoItems",
-      withButton: !1,
-      class: "desktop:flex"
-    },
-    {
-      intent: "fourItems",
-      withButton: !0,
-      class: "desktop:grid grid-rows-2 mb-8 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
-    },
-    {
-      intent: "fourItems",
-      withButton: !1,
-      class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
-    }
-  ]
-}), ke = x("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
-  variants: {
-    intent: {
-      twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500  desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
-      fourItems: " mobile:last:border-none desktop:w-[264px] desktop:odd:border-b desktop:pb-0 desktop:odd:pb-3"
-    }
-  },
-  defaultVariants: {
-    intent: "twoItems"
-  }
-}), je = x("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
-  variants: {
-    intent: {
-      twoItems: "desktop:h-[232px] desktop:w-[500px]",
-      fourItems: " "
-    },
-    withButton: {
-      true: !0,
-      false: !1
-    }
-  },
-  defaultVariants: {
-    intent: "twoItems"
-  },
-  compoundVariants: [
-    {
-      intent: "fourItems",
-      withButton: !0,
-      class: "desktop:h-[360px] desktop:w-[500px]"
-    },
-    {
-      intent: "fourItems",
-      withButton: !1,
-      class: "desktop:h-[272px] desktop:w-[500px]"
-    }
-  ]
-}), Ne = ({ data: t, intent: e }) => {
-  const { title: o, description: r, popoverText: a } = t;
-  return /* @__PURE__ */ n.jsx("li", { className: i(ke({ 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(Z, { triggerElement: /* @__PURE__ */ n.jsx(u, { className: i("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: a })
-    ] }),
-    /* @__PURE__ */ n.jsx("p", { className: i("mob-body-regular-l text-color-secondary"), children: r })
-  ] }) });
-}, j = ({ intent: t, title: e, desktopHidden: o = !1, mobileHidden: r = !1 }) => /* @__PURE__ */ n.jsx("h2", { className: i(we({ intent: t, desktopHidden: o, mobileHidden: r })), children: e }), Ie = ({ textContent: t, intent: e, withButton: o }) => /* @__PURE__ */ n.jsx("ul", { className: i(ve({ intent: e, withButton: o })), children: t == null ? void 0 : t.map((r, a) => /* @__PURE__ */ n.jsx(Ne, { intent: e, data: r }, a)) }), We = ({
-  title: t,
-  buttonConfig: e,
-  intent: o = "twoItems",
-  textContent: r,
-  imageComponent: a,
-  classes: d
-}) => {
-  const p = !!e, s = 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(j, { intent: o, title: t }),
-    /* @__PURE__ */ n.jsxs(
-      "div",
-      {
-        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: [
-          s && /* @__PURE__ */ n.jsx(j, { intent: o, title: t, desktopHidden: !0 }),
-          /* @__PURE__ */ n.jsx("div", { className: i(je({ intent: o, withButton: p }), 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: [
-                s && /* @__PURE__ */ n.jsx(j, { intent: o, title: t, mobileHidden: !0 }),
-                /* @__PURE__ */ n.jsx(Ie, { textContent: r, intent: o, withButton: p }),
-                p && /* @__PURE__ */ n.jsx(
-                  N,
-                  {
-                    className: i("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
-                    size: "lg",
-                    onClick: e.onClick,
-                    intent: "secondary",
-                    children: e.text
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-};
-export {
-  ae as ApiError,
-  Qe as Badge,
-  Te as Breadcrumbs,
-  N as Button,
-  Ee as ButtonIcon,
-  L as CustomLink,
-  Fe as Document,
-  Be as FloatButton,
-  Ue as Footer,
-  C as Heading,
-  u as Icon,
-  Je as Loader,
-  We as LongBanner,
-  Ze as PageHeader,
-  T as PhoneView,
-  ze as ProgressBar,
-  g as ResponsiveContainer,
-  I as RgxCheckForHyphen,
-  te as RgxPatronymic,
-  ee as RgxUnicode,
-  W as Section,
-  Ae as Skeleton,
-  Ge as Stepper,
-  c as VALIDATION_MESSAGES,
-  y as allowedBackgroundColors,
-  A as allowedBackgroundDeg,
-  F as allowedBannersBackgroundColors,
-  z as allowedBorderRadius,
-  B as allowedFontSize,
-  m as allowedIconsColors,
-  S as allowedLineHeight,
-  w as allowedStrokeColors,
-  E as allowedTextColors,
-  R as allowedTextStyles,
-  oe as allowedZIndex,
-  Oe as apiInstance,
-  Ce as capitalize,
-  i as cn,
-  de as defaultHeaders,
-  Ve as extendsPreset,
-  re as formattedDadataFio,
-  Ke as isClient,
-  Le as mergeRefs,
-  Me as resetPreset,
-  Ye as scrollToElement,
-  He as tailwindConfigBase,
-  Re as zodCalendarValidate,
-  Se as zodDadataFioSchema,
-  $e as zodOtpCodeSchema,
-  Pe as zodPhoneSchema
-};
-//# sourceMappingURL=hybrid.js.map