md-components-mdigial-azamat 0.0.77 → 0.0.80

package/dist/info-7ea3fd7e.js

@@ -0,0 +1,1380 @@
+import { C as U } from "./index-0a5f313c.js";
+import { jsx as t, jsxs as i, Fragment as K } from "react/jsx-runtime";
+import { warningCardVariant as fe, WarningCardVariant as O, WarningCardVariantKey as he } from "./Cards/WarningCard/model.js";
+import "./ConfigProvider/index.js";
+import { Banner as ge } from "./Banner/Banner.js";
+import "./BannerAndText/index.js";
+import { forwardRef as P, useState as I, useMemo as R, useEffect as xe, useRef as be, useImperativeHandle as J, useCallback as ye } from "react";
+import { c as x } from "./cn-6a4bf187.js";
+import "./Faq/components/Collapse/Collapse.js";
+import "./Header/components/HeaderTabsMobile/HeaderTabsMobile.js";
+import { HtmlContent as we } from "./HtmlContent/HtmlContent.js";
+import "./Header/components/TabsOutlined/TabsOutlined.js";
+import { B as E } from "./index-875e92ce.js";
+import { B as ve, a as ke, b as Ce } from "./const-53dff524.js";
+import { Stepper as De } from "./Stepper/Stepper.js";
+import { Segments as Ne } from "./Segments/Segments.js";
+import { VideoFull as Le } from "./Video/VideoFull/VideoFull.js";
+import { VideoList as _e } from "./Video/VideoList/VideoList.js";
+import { VideoListMini as Be } from "./Video/VideoListMini/VideoListMini.js";
+import { ContentCardList as Se } from "./ContentCardList/ContentCardList.js";
+import { CardIconList as Fe } from "./CardIconList/CardIconList.js";
+import { MultiCards as Me } from "./MultiCards/index.js";
+import { Partners as Ve } from "./Partners/Partners.js";
+import { CardImageList as Ie } from "./CardImageList/CardImageList.js";
+import { MainBanner as He } from "./MainBanner/MainBanner.js";
+import { Faq as Te } from "./Faq/Faq.js";
+import { InstructionList as Pe } from "./InstructionList/InstructionList.js";
+import "./HeroPossibilityBanner/index.js";
+import { PartnersColors as Ge } from "./PartnersColors/PartnersColors.js";
+import { PreviewList as We } from "./PreviewList/PreviewList.js";
+import "./Cards/CardImage/CardImage.js";
+import "./Cards/ContentCard/ContentCard.js";
+import "./Cards/ColoredCard/index.js";
+import "./Cards/FeaturesCard/index.js";
+import { DownloadFileBanner as je } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
+import { DownloadFileFull as Oe } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
+import { DownloadFileHalf as Ze } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
+import { DownloadFileMini as Re } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
+import "./InstructionList/components/InstructionCard/InstructionCard.js";
+import "./PreviewList/components/PreviewCard/PreviewCard.js";
+import $e from "./AnimatedSwiper/index.js";
+import "./CardImageSecondary/CardImageSecondary.js";
+import { CardImageSecondaryList as Ae } from "./CardImageSecondaryList/CardImageSecondaryList.js";
+import { CardInfoTable as Ee } from "./CardInfoTable/index.js";
+import { DownloadFileBright as Xe } from "./DownloadFile/components/DownloadFileBright/index.js";
+import "./DownloadFile/components/FileBannerSecondary/FileBannerSecondary.js";
+import { C as qe, u as ze } from "./index-a0ed2e4a.js";
+import { C as ee } from "./ComponentContainer-05e27e82.js";
+import { u as Ye } from "./useScreenSize-c1b64c02.js";
+import Ke from "./FileLoader/index.js";
+import { u as X } from "./useClickOutside-197b0df2.js";
+import { TitleBlock as Qe } from "./TitleBlock/TitleBlock.js";
+import "./InfoBanner/index.js";
+import { InfoBannerList as Ue } from "./InfoBannerList/InfoBannerList.js";
+import { IntroBanner as Je } from "./IntroBanner/IntroBanner.js";
+import { PromoPoster as et } from "./PromoPoster/PromoPoster.js";
+import { Space as tt } from "./Space/Space.js";
+import { StandartTable as rt } from "./StandartTable/index.js";
+import { SwiperList as ot } from "./SwiperList/SwiperList.js";
+import "./TasksBanner/TasksBanner.js";
+import { TasksBannerList as at } from "./TasksBannerList/TasksBannerList.js";
+import { VideoMainBanner as nt } from "./VideoMainBanner/VideoMainBanner.js";
+import { M as st, B as it, C as lt, S as ct, b as dt, V as pt, c as mt, d as ut, e as ft, f as ht, g as gt, P as xt, h as bt, W as yt, F as wt, k as vt, D as kt, l as Ct, m as Dt, I as Nt, o as Lt, p as _t, A as Bt, q as St, T as Ft, r as Mt, E as Vt, s as It, t as Ht, u as Tt, v as Pt, w as Gt, x as Wt } from "./data.mock-9071e4ea.js";
+import { DataTypesEnum as jt, FieldTypes as j } from "./Types/FiledTypes.js";
+import "./AnimatedSwiper/info.js";
+import "./Banner/info.js";
+import "./BannerAndText/info.js";
+import "./CardIconList/info.js";
+import "./CardImageList/info.js";
+import "./CardImageSecondary/info.js";
+import "./CardImageSecondaryList/info.js";
+import "./CardInfoTable/info.js";
+import "./Cards/CardImage/info.js";
+import "./Cards/ColoredCard/info.js";
+import "./Cards/ContentCard/info.js";
+import "./Cards/FeaturesCard/info.js";
+import "./ContentCardList/info.js";
+import "./DownloadFile/components/DownloadFileBanner/info.js";
+import "./DownloadFile/components/DownloadFileBright/info.js";
+import "./DownloadFile/components/DownloadFileFull/info.js";
+import "./DownloadFile/components/DownloadFileHalf/info.js";
+import "./DownloadFile/components/DownloadFileMini/info.js";
+import "./Faq/info.js";
+import "./Footer/info.js";
+import "./Header/info.js";
+import "./HeroPossibilityBanner/info.js";
+import "./InfoBanner/info.js";
+import "./InfoBannerList/info.js";
+import "./InstructionList/info.js";
+import "./IntroBanner/info.js";
+import "./MainBanner/info.js";
+import "./MultiCards/info.js";
+import "./Partners/info.js";
+import "./PartnersColors/info.js";
+import "./PreviewList/info.js";
+import "./PromoPoster/info.js";
+import "./Segments/info.js";
+import "./Space/info.js";
+import "./StandartTable/info.js";
+import "./Stepper/info.js";
+import "./SwiperList/info.js";
+import "./TasksBanner/info.js";
+import "./TasksBannerList/info.js";
+import "./Video/VideoFull/info.js";
+import "./Video/VideoList/info.js";
+import "./Video/VideoListMini/info.js";
+import "./VideoMainBanner/info.js";
+import { componentTypes as Ot } from "./Forms/FormDefault/componentTypes.js";
+import { Header as Zt } from "./Header/Header.js";
+import { Footer as Rt } from "./Footer/Footer.js";
+import { I as $t } from "./Icon-70ea6cb8.js";
+const te = [
+  "title",
+  "title_color",
+  "description",
+  "description_color",
+  "html_content",
+  ve,
+  fe
+], q = ({
+  title: a,
+  description: r,
+  button: o,
+  html_content: n,
+  variant: e = he.Orange
+}) => {
+  var s, m, v, y;
+  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: "rounded-[24px] p-6",
+      style: { background: (s = O[e]) == null ? void 0 : s.background },
+      children: /* @__PURE__ */ i("div", { className: "flex gap-4 items-center justify-between", children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "flex gap-[16px] items-center max-tablet:flex-col max-tablet:items-start max-tablet:gap-[12px]",
+            children: [
+              /* @__PURE__ */ t(
+                $t,
+                {
+                  name: (m = O[e]) == null ? void 0 : m.icon,
+                  size: 40
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "flex flex-col gap-[4px] max-tablet:gap-0", children: [
+                /* @__PURE__ */ t(
+                  "p",
+                  {
+                    className: x("text-[24px] leading-8 font-bold"),
+                    style: { color: (v = O[e]) == null ? void 0 : v.textColor },
+                    children: a
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "p",
+                  {
+                    className: "text-[16px] leading-6",
+                    style: { color: (y = O[e]) == null ? void 0 : y.textColor },
+                    children: r
+                  }
+                ),
+                n && /* @__PURE__ */ t(we, { data: n })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(E, { ...o })
+      ] })
+    }
+  ) });
+};
+q.propsToEdit = te;
+const re = P(
+  ({
+    label: a,
+    options: r,
+    value: o = [],
+    onChange: n,
+    error: e,
+    className: s,
+    direction: m = "column"
+  }, v) => {
+    const y = (l) => {
+      if (!n)
+        return;
+      const N = o.includes(l) ? o.filter((k) => k !== l) : [...o, l];
+      n(N);
+    };
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: v,
+        className: x("flex flex-col gap-2", s),
+        children: [
+          a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: x(
+                "flex gap-4",
+                m === "column" ? "flex-col" : "flex-row flex-wrap"
+              ),
+              children: r.map((l) => /* @__PURE__ */ t(
+                z,
+                {
+                  label: l.label,
+                  checked: o.includes(l.value),
+                  onChange: () => y(l.value),
+                  error: e && o.length === 0 ? e : void 0
+                },
+                l.value
+              ))
+            }
+          ),
+          e && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: e })
+        ]
+      }
+    );
+  }
+);
+re.displayName = "CheckboxGroup";
+const z = P(
+  ({ className: a, label: r, error: o, ...n }, e) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+    /* @__PURE__ */ i("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
+      /* @__PURE__ */ i("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            className: "peer sr-only",
+            ref: e,
+            ...n
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: x(
+              "relative flex items-center justify-center w-5 h-5 rounded-md border-2 transition-all duration-200",
+              "border-grayBlue5 bg-white",
+              "peer-checked:bg-greenLight peer-checked:border-greenLight",
+              "peer-focus:outline-none peer-focus:border-greenLight",
+              "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+              "group-hover:border-greenLight",
+              'after:content-[""] after:absolute after:opacity-0 after:transition-opacity after:duration-200',
+              "after:w-[6px] after:h-[10px] after:border-r-2 after:border-b-2 after:border-white",
+              "after:rotate-45 after:-translate-x-[2px] after:translate-y-[-2px] after:top-1/2 after:left-1/2",
+              "after:translate-y-[-50%] after:translate-x-[-50%] peer-checked:after:opacity-100",
+              o && "border-red-500",
+              a
+            )
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ t(
+        "span",
+        {
+          className: x(
+            "text-sm leading-5 text-graySoft select-none",
+            "group-hover:text-blackBG transition-colors duration-200",
+            o && "text-red-500"
+          ),
+          children: r
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
+  ] })
+);
+z.displayName = "Checkbox";
+const oe = P(
+  ({ className: a, type: r, error: o, label: n, ...e }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+    n && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: n }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: r,
+        className: x(
+          "flex h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white px-[16px] py-[16px] text-base",
+          "placeholder:text-gray2 placeholder:opacity-60",
+          "transition-all duration-300 ease-in-out",
+          "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+          "focus:border-greenLight focus:outline-none focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)] focus:ring-0",
+          "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+          o && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+          a
+        ),
+        ref: s,
+        ...e
+      }
+    ),
+    o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
+  ] })
+);
+oe.displayName = "Input";
+const At = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M18.3327 9.16669V10.1667H19.3327V9.16669H18.3327ZM1.66602 9.16669H0.666016V10.1667H1.66602V9.16669ZM4.99935 4.16669V5.16669H14.9993V4.16669V3.16669H4.99935V4.16669ZM18.3327 7.50002H17.3327V14.1667H18.3327H19.3327V7.50002H18.3327ZM14.9993 17.5V16.5H4.99935V17.5V18.5H14.9993V17.5ZM1.66602 14.1667H2.66602V7.50002H1.66602H0.666016V14.1667H1.66602ZM4.99935 17.5V16.5C4.1854 16.5 3.67555 16.4979 3.30381 16.4479C2.96084 16.4018 2.88859 16.3321 2.86128 16.3048L2.15417 17.0119L1.44706 17.719C1.90791 18.1798 2.47257 18.3542 3.03731 18.4301C3.57329 18.5021 4.24194 18.5 4.99935 18.5V17.5ZM1.66602 14.1667H0.666016C0.666016 14.9241 0.663892 15.5927 0.735952 16.1287C0.81188 16.6935 0.986218 17.2581 1.44706 17.719L2.15417 17.0119L2.86128 16.3048C2.83397 16.2774 2.76423 16.2052 2.71812 15.8622C2.66814 15.4905 2.66602 14.9806 2.66602 14.1667H1.66602ZM18.3327 14.1667H17.3327C17.3327 14.9806 17.3306 15.4905 17.2806 15.8622C17.2345 16.2052 17.1647 16.2774 17.1374 16.3048L17.8445 17.0119L18.5516 17.719C19.0125 17.2581 19.1868 16.6935 19.2627 16.1287C19.3348 15.5927 19.3327 14.9241 19.3327 14.1667H18.3327ZM14.9993 17.5V18.5C15.7568 18.5 16.4254 18.5021 16.9614 18.4301C17.5261 18.3542 18.0908 18.1798 18.5516 17.719L17.8445 17.0119L17.1374 16.3048C17.1101 16.3321 17.0379 16.4018 16.6949 16.4479C16.3232 16.4979 15.8133 16.5 14.9993 16.5V17.5ZM14.9993 4.16669V5.16669C15.8133 5.16669 16.3232 5.16881 16.6949 5.21879C17.0379 5.2649 17.1101 5.33464 17.1374 5.36195L17.8445 4.65484L18.5516 3.94774C18.0908 3.48689 17.5261 3.31255 16.9614 3.23662C16.4254 3.16456 15.7568 3.16669 14.9993 3.16669V4.16669ZM18.3327 7.50002H19.3327C19.3327 6.74262 19.3348 6.07396 19.2627 5.53799C19.1868 4.97324 19.0125 4.40858 18.5516 3.94774L17.8445 4.65484L17.1374 5.36195C17.1647 5.38926 17.2345 5.46151 17.2806 5.80448C17.3306 6.17622 17.3327 6.68608 17.3327 7.50002H18.3327ZM4.99935 4.16669V3.16669C4.24194 3.16669 3.57329 3.16456 3.03732 3.23662C2.47257 3.31255 1.90791 3.48689 1.44706 3.94774L2.15417 4.65484L2.86128 5.36195C2.88859 5.33464 2.96084 5.2649 3.30381 5.21879C3.67555 5.16881 4.1854 5.16669 4.99935 5.16669V4.16669ZM1.66602 7.50002H2.66602C2.66602 6.68608 2.66814 6.17622 2.71812 5.80448C2.76423 5.46151 2.83397 5.38926 2.86128 5.36195L2.15417 4.65484L1.44706 3.94774C0.986218 4.40858 0.81188 4.97324 0.735952 5.53799C0.663892 6.07396 0.666016 6.74262 0.666016 7.50002H1.66602ZM18.3327 7.50002H17.3327V9.16669H18.3327H19.3327V7.50002H18.3327ZM18.3327 9.16669V8.16669H1.66602V9.16669V10.1667H18.3327V9.16669ZM1.66602 9.16669H2.66602V7.50002H1.66602H0.666016V9.16669H1.66602ZM5.83268 1.66669H4.83268V4.16669H5.83268H6.83268V1.66669H5.83268ZM14.166 1.66669H13.166V4.16669H14.166H15.166V1.66669H14.166ZM14.166 14.1667V15.1667H15.8327V14.1667V13.1667H14.166V14.1667Z",
+        fill: "#40474F"
+      }
+    )
+  }
+), Et = (a) => {
+  if (!a)
+    return "";
+  const r = String(a.getDate()).padStart(2, "0"), o = String(a.getMonth() + 1).padStart(2, "0"), n = a.getFullYear();
+  return `${r}.${o}.${n}`;
+}, Xt = (a) => {
+  if (!a)
+    return null;
+  const r = a.split(".");
+  if (r.length === 3) {
+    const o = parseInt(r[0], 10), n = parseInt(r[1], 10) - 1, e = parseInt(r[2], 10);
+    if (!isNaN(o) && !isNaN(n) && !isNaN(e)) {
+      const s = new Date(e, n, o);
+      if (s.getDate() === o && s.getMonth() === n && s.getFullYear() === e)
+        return s;
+    }
+  }
+  return null;
+}, qt = (a, r) => new Date(r, a, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), zt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ae = P(
+  ({
+    className: a,
+    error: r,
+    label: o,
+    value: n,
+    onChange: e,
+    placeholder: s = "Дата обращения в Контакт-центр",
+    ...m
+  }, v) => {
+    const [y, l] = I(""), [N, k] = I(!1), [c, C] = I((/* @__PURE__ */ new Date()).getMonth()), [h, b] = I((/* @__PURE__ */ new Date()).getFullYear()), [u, F] = I(null), M = n !== void 0, w = M ? n : y, { ref: L } = X(N, () => {
+      k(!1);
+    }), B = R(() => Xt(w), [w]);
+    xe(() => {
+      B && (F(B), C(B.getMonth()), b(B.getFullYear()));
+    }, [B]);
+    const H = R(() => {
+      const f = new Date(h, c, 1), V = new Date(h, c + 1, 0).getDate(), p = f.getDay(), D = [], G = new Date(h, c, 0).getDate();
+      for (let S = p - 1; S >= 0; S--)
+        D.push(G - S);
+      for (let S = 1; S <= V; S++)
+        D.push(S);
+      const T = 42 - D.length;
+      for (let S = 1; S <= T; S++)
+        D.push(S);
+      return D;
+    }, [c, h]), W = (f) => {
+      const d = f.target.value;
+      M || l(d), e == null || e(d);
+    }, $ = (f, d, V) => {
+      if (f === null)
+        return;
+      let p = c, D = h;
+      d ? (p = p - 1, p < 0 && (p = 11, D = D - 1)) : V && (p = p + 1, p > 11 && (p = 0, D = D + 1));
+      const G = new Date(D, p, f), T = Et(G);
+      F(G), C(p), b(D), M || l(T), e == null || e(T), k(!1);
+    }, A = () => {
+      c === 0 ? (C(11), b(h - 1)) : C(c - 1);
+    }, g = () => {
+      c === 11 ? (C(0), b(h + 1)) : C(c + 1);
+    }, _ = (f, d, V) => {
+      if (!u || f === null)
+        return !1;
+      let p = c, D = h;
+      return d ? (p = p - 1, p < 0 && (p = 11, D = D - 1)) : V && (p = p + 1, p > 11 && (p = 0, D = D + 1)), u.getDate() === f && u.getMonth() === p && u.getFullYear() === D;
+    };
+    return /* @__PURE__ */ i("div", { className: "w-full", children: [
+      o && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: o }),
+      /* @__PURE__ */ i("div", { className: "relative", children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: x(
+              "relative flex items-center h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white",
+              "transition-all duration-300 ease-in-out",
+              "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+              "focus-within:border-greenLight focus-within:shadow-[0_0_0_4px_rgba(22,163,74,0.15)]",
+              r && "border-red-500 hover:border-red-500 focus-within:border-red-500 focus-within:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+              a
+            ),
+            children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => k(!N),
+                  className: "absolute left-4 flex items-center justify-center cursor-pointer",
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ t(At, {})
+                }
+              ),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  inputMode: "none",
+                  className: x(
+                    "flex h-full w-full rounded-2xl px-[16px] pl-[48px] py-[16px] text-base",
+                    "placeholder:text-gray2 placeholder:opacity-60",
+                    "bg-transparent border-none outline-none",
+                    "disabled:cursor-not-allowed disabled:opacity-50"
+                  ),
+                  ref: v,
+                  value: w,
+                  onChange: W,
+                  placeholder: s,
+                  onClick: () => k(!0),
+                  readOnly: !0,
+                  ...m
+                }
+              )
+            ]
+          }
+        ),
+        N && /* @__PURE__ */ i(
+          "div",
+          {
+            ref: L,
+            className: "absolute top-[calc(100%+8px)] left-0 z-50 bg-white rounded-2xl border border-grayBlue shadow-lg p-4 min-w-[320px]",
+            children: [
+              /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-4", children: [
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: A,
+                    className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
+                    children: /* @__PURE__ */ t(
+                      "svg",
+                      {
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /* @__PURE__ */ t(
+                          "path",
+                          {
+                            d: "M10 12L6 8L10 4",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-blackBG", children: qt(c, h) }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: g,
+                    className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
+                    children: /* @__PURE__ */ t(
+                      "svg",
+                      {
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 16 16",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /* @__PURE__ */ t(
+                          "path",
+                          {
+                            d: "M6 4L10 8L6 12",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1 mb-2", children: zt.map((f) => /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "text-center text-xs font-medium text-grayBlue5 py-2",
+                  children: f
+                },
+                f
+              )) }),
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: H.map((f, d) => {
+                const p = new Date(h, c, 1).getDay(), D = new Date(
+                  h,
+                  c + 1,
+                  0
+                ).getDate(), G = d < p, T = d >= p + D, S = !G && !T, ue = _(
+                  f,
+                  G,
+                  T
+                );
+                return /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => $(f, G, T),
+                    disabled: f === null,
+                    className: x(
+                      "w-10 h-10 rounded-lg text-sm font-medium transition-colors",
+                      "hover:bg-[#E8F4FD] focus:outline-none focus:bg-[#E8F4FD]",
+                      S ? "text-blackBG" : "text-grayBlue5 opacity-50",
+                      ue && "bg-[#16A34A] text-white hover:bg-[#16A34A] focus:bg-[#16A34A]"
+                    ),
+                    children: f
+                  },
+                  d
+                );
+              }) })
+            ]
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: r })
+    ] });
+  }
+);
+ae.displayName = "DateInput";
+const ne = P(
+  ({
+    className: a,
+    isFormatted: r,
+    isReadable: o,
+    error: n,
+    label: e,
+    onChange: s,
+    value: m,
+    defaultValue: v,
+    ...y
+  }, l) => {
+    const N = be(null);
+    J(l, () => N.current);
+    const k = !!o || !!r, c = ye(
+      (b) => {
+        if (b == null || b === "")
+          return "";
+        const u = Array.isArray(b) ? b.join("").replace(/\D/g, "") : b.toString().replace(/\D/g, "");
+        return k ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
+      },
+      [k]
+    ), h = {
+      ...y,
+      type: "text",
+      inputMode: "numeric",
+      onChange: (b) => {
+        const u = b.target, F = u.value, M = F.replace(/\D/g, ""), w = u.selectionStart || 0, L = F.slice(0, w).replace(/\D/g, "").length, B = c(M);
+        if (u.value = B, s) {
+          const H = u.value;
+          u.value = M, s(b), u.value = H;
+        }
+        if (k) {
+          let H = 0, W = 0;
+          for (; W < L && H < u.value.length; )
+            /\d/.test(u.value[H]) && W++, H++;
+          u.setSelectionRange(H, H);
+        }
+      },
+      className: x(
+        "flex h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white px-[16px] py-[16px] text-base text-blackBG",
+        "placeholder:text-gray2 placeholder:opacity-60",
+        "transition-all duration-300 ease-in-out",
+        "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+        "focus:border-greenLight focus:outline-none focus:ring-0 focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)]",
+        "disabled:cursor-not-allowed disabled:bg-lightGray disabled:opacity-50",
+        "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+        n && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+        a
+      )
+    };
+    return m !== void 0 ? h.value = c(m) : v !== void 0 && (h.defaultValue = c(v)), /* @__PURE__ */ i("div", { className: "w-full", children: [
+      e && /* @__PURE__ */ t("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: e }),
+      /* @__PURE__ */ t("div", { className: "group relative", children: /* @__PURE__ */ t(
+        "input",
+        {
+          ...h,
+          ref: N
+        }
+      ) }),
+      n && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: n })
+    ] });
+  }
+);
+ne.displayName = "NumberField";
+const Yt = {
+  96: { name: "Кыргызстан", short: "KG", mask: "+996", length: 9 }
+}, Kt = (a) => {
+  const r = a.toUpperCase().split("").map((o) => 127397 + o.charCodeAt(0));
+  return String.fromCodePoint(...r);
+}, Y = () => Object.entries(Yt).map(([a, r]) => ({
+  id: a,
+  name: r.name,
+  short: r.short,
+  mask: r.mask,
+  dialCode: r.mask.replace("+", ""),
+  length: r.length,
+  flag: Kt(r.short)
+})), Z = (a) => Y().find((o) => o.id === a), Q = (a, r) => {
+  const o = r.dialCode, n = r.length;
+  let e = a;
+  a.startsWith(o) && (e = a.slice(o.length));
+  const s = e.slice(0, n);
+  if (s.length === 0)
+    return r.mask;
+  let m = s;
+  return s.length > 6 ? m = `${s.slice(0, 3)} ${s.slice(3, 6)} ${s.slice(6)}` : s.length > 3 && (m = `${s.slice(0, 3)} ${s.slice(3)}`), `${r.mask} ${m}`;
+}, Qt = (a, r) => {
+  if (!a)
+    return null;
+  const o = a.replace(/\D/g, ""), n = Y();
+  if (a.startsWith("+")) {
+    for (const e of n)
+      if (a.startsWith(e.mask))
+        return e;
+  }
+  for (const e of n)
+    if (o.startsWith(e.dialCode))
+      return e;
+  return o.startsWith("0") && Z("96") || null;
+}, se = P(
+  ({
+    className: a,
+    error: r,
+    label: o,
+    value: n,
+    onChange: e,
+    defaultCountry: s = "996",
+    ...m
+  }, v) => {
+    const [y, l] = I(""), [N, k] = I(s), [c, C] = I(!1), [h, b] = I(""), u = n !== void 0, F = u ? n : y, { ref: M } = X(c, () => {
+      C(!1), b("");
+    }), w = R(() => Y(), []), L = Z(N) || w[0], B = R(() => {
+      if (!h)
+        return w;
+      const g = h.toLowerCase();
+      return w.filter(
+        (_) => _.name.toLowerCase().includes(g) || _.mask.toLowerCase().includes(g) || _.short.toLowerCase().includes(g)
+      );
+    }, [w, h]), W = ((g) => {
+      if (!g)
+        return "";
+      const _ = g.replace(/\D/g, "");
+      let f = _;
+      (_.startsWith(L.dialCode) || g.startsWith(L.mask)) && (f = _.slice(L.dialCode.length));
+      const d = f.slice(0, L.length);
+      return d.length === 0 ? "" : d.length <= 3 ? d : d.length <= 6 ? `${d.slice(0, 3)} ${d.slice(3)}` : `${d.slice(0, 3)} ${d.slice(3, 6)} ${d.slice(6)}`;
+    })(F), $ = (g) => {
+      k(g), C(!1), b("");
+      const _ = F.replace(/\D/g, ""), f = Z(g);
+      if (!f)
+        return;
+      let d = _;
+      _.startsWith(L.dialCode) && (d = _.slice(L.dialCode.length));
+      const V = Q(d, f);
+      u || l(V), e == null || e(V);
+    }, A = (g) => {
+      const _ = g.target.value, f = _.replace(/\D/g, ""), d = Qt(
+        _
+      );
+      d && d.id !== N && k(d.id);
+      const V = d || Z(N) || L, p = Q(f, V);
+      u || l(p), e == null || e(p);
+    };
+    return /* @__PURE__ */ i("div", { className: "w-full", children: [
+      o && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: o }),
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: x(
+            "relative flex gap-2 h-14 flex-1 rounded-2xl border-[1px] border-grayBlue bg-white text-base",
+            "placeholder:text-gray2 placeholder:opacity-60",
+            "transition-all duration-300 ease-in-out",
+            "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+            "focus:border-greenLight focus:outline-none focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)] focus:ring-0",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+            r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+            a
+          ),
+          children: [
+            /* @__PURE__ */ i(
+              "div",
+              {
+                ref: M,
+                className: "relative",
+                children: [
+                  /* @__PURE__ */ i(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => C(!c),
+                      className: x(
+                        "flex h-14 w-[120px] rounded-2xl px-3 py-2 items-center justify-center cursor-pointer shrink-0",
+                        "transition-all duration-300 ease-in-out",
+                        r && "border-red-500 hover:border-red-500 focus:border-red-500",
+                        c && "border-greenLight"
+                      ),
+                      children: [
+                        /* @__PURE__ */ i("span", { className: "text-base font-medium whitespace-nowrap", children: [
+                          L.flag,
+                          " ",
+                          L.mask
+                        ] }),
+                        /* @__PURE__ */ t(
+                          "svg",
+                          {
+                            className: x(
+                              "w-4 h-4 ml-1 text-grayBlue5 transition-transform duration-200 shrink-0",
+                              c && "rotate-180"
+                            ),
+                            fill: "none",
+                            stroke: "currentColor",
+                            viewBox: "0 0 24 24",
+                            children: /* @__PURE__ */ t(
+                              "path",
+                              {
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                strokeWidth: 2,
+                                d: "M19 9l-7 7-7-7"
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  c && /* @__PURE__ */ i("div", { className: "absolute top-[calc(100%+4px)] left-0 z-50 bg-white rounded-2xl border border-grayBlue shadow-lg max-h-[400px] overflow-hidden flex flex-col min-w-[280px]", children: [
+                    /* @__PURE__ */ t("div", { className: "p-3 border-b border-grayBlue", children: /* @__PURE__ */ t(
+                      "input",
+                      {
+                        type: "text",
+                        value: h,
+                        onChange: (g) => b(g.target.value),
+                        placeholder: "Поиск страны...",
+                        className: x(
+                          "w-full px-3 py-2 rounded-xl border-[1px] border-grayBlue text-sm",
+                          "focus:outline-none focus:border-greenLight"
+                        ),
+                        onClick: (g) => g.stopPropagation()
+                      }
+                    ) }),
+                    /* @__PURE__ */ t("div", { className: "overflow-y-auto max-h-[340px]", children: B.length > 0 ? B.map((g) => /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => $(g.id),
+                        className: x(
+                          "w-full px-4 py-3 text-left cursor-pointer text-base text-blackBG transition-colors",
+                          "hover:bg-[#E8F4FD] focus:bg-[#E8F4FD] focus:outline-none",
+                          N === g.id && "bg-[#E8F4FD]",
+                          "first:rounded-t-2xl"
+                        ),
+                        children: /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ t("span", { className: "text-lg", children: g.flag }),
+                          /* @__PURE__ */ t("span", { className: "font-medium", children: g.mask }),
+                          /* @__PURE__ */ t("span", { className: "text-sm text-grayBlue5", children: g.name })
+                        ] })
+                      },
+                      g.id
+                    )) : /* @__PURE__ */ t("div", { className: "px-4 py-3 text-center text-grayBlue5", children: "Страны не найдены" }) })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "tel",
+                inputMode: "tel",
+                className: x(
+                  "flex h-full flex-1 rounded-2xl px-[16px] py-[16px] text-base",
+                  "placeholder:text-gray2 placeholder:opacity-60",
+                  "transition-all duration-300 ease-in-out",
+                  "hover:border-none hover:shadow-none",
+                  "focus:border-none focus:outline-none focus:shadow-none focus:ring-0",
+                  "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+                  r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+                  a
+                ),
+                ref: v,
+                value: W,
+                onChange: A,
+                placeholder: "XXX XXX XXX",
+                ...m
+              }
+            )
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: r })
+    ] });
+  }
+);
+se.displayName = "PhoneInput";
+const ie = P(
+  ({
+    label: a,
+    options: r,
+    value: o,
+    name: n,
+    onChange: e,
+    error: s,
+    className: m,
+    direction: v = "column"
+  }, y) => /* @__PURE__ */ i("div", { ref: y, className: x("flex flex-col gap-2", m), children: [
+    a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: x(
+          "flex gap-4",
+          v === "column" ? "flex-col" : "flex-row flex-wrap"
+        ),
+        children: r.map((l) => /* @__PURE__ */ t(
+          le,
+          {
+            name: n,
+            label: l.label,
+            value: l.value,
+            checked: o === l.value,
+            onChange: () => e == null ? void 0 : e(l.value),
+            error: s && !o ? s : void 0
+          },
+          l.value
+        ))
+      }
+    ),
+    s && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: s })
+  ] })
+);
+ie.displayName = "RadioGroup";
+const le = P(
+  ({ className: a, label: r, error: o, ...n }, e) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+    /* @__PURE__ */ i("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
+      /* @__PURE__ */ i("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "radio",
+            className: "peer sr-only",
+            ref: e,
+            ...n
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: x(
+              "relative flex items-center justify-center w-5 h-5 rounded-full border-2 transition-all duration-200",
+              "border-grayBlue5 bg-white",
+              "peer-checked:bg-white peer-checked:border-greenLight",
+              "peer-focus:outline-none peer-focus:border-greenLight",
+              "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+              "group-hover:border-greenLight",
+              'after:content-[""] after:absolute after:opacity-0 after:transition-opacity after:duration-200',
+              "after:w-2.5 after:h-2.5 after:rounded-full after:bg-greenLight",
+              "after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2",
+              "peer-checked:after:opacity-100",
+              o && "border-red-500",
+              a
+            )
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ t(
+        "span",
+        {
+          className: x(
+            "text-sm leading-5 text-graySoft select-none",
+            "group-hover:text-blackBG transition-colors duration-200",
+            o && "text-red-500"
+          ),
+          children: r
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
+  ] })
+);
+le.displayName = "Radio";
+const ce = P(
+  ({
+    className: a,
+    error: r,
+    label: o,
+    options: n = [],
+    placeholder: e = "Выберите категорию",
+    value: s,
+    onChange: m,
+    onBlur: v,
+    name: y,
+    disabled: l,
+    ...N
+  }, k) => {
+    const {
+      ref: c,
+      isShow: C,
+      setIsShow: h
+    } = X(!1);
+    J(k, () => c.current);
+    const b = n.find((w) => w.value === s), u = () => {
+      l || h(!C);
+    }, F = (w) => {
+      m && m({
+        target: {
+          name: y,
+          value: w.value
+        }
+      }), h(!1);
+    }, M = (w) => {
+      v && v({
+        target: {
+          name: y,
+          value: s
+        }
+      });
+    };
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        className: x("w-full", a),
+        ref: c,
+        onBlur: M,
+        ...N,
+        children: [
+          o && /* @__PURE__ */ t("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: o }),
+          /* @__PURE__ */ i("div", { className: "relative", children: [
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: u,
+                disabled: l,
+                className: x(
+                  "flex h-14 w-full items-center justify-between rounded-2xl border-[1px] border-grayBlue bg-white px-[20px] text-base text-blackBG",
+                  "transition-all duration-300 ease-in-out",
+                  "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+                  C && "border-greenLight shadow-[0_0_0_4px_rgba(22,163,74,0.15)] ring-0 outline-none",
+                  l && "cursor-not-allowed bg-lightGray opacity-50",
+                  r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+                  !b && "text-gray2 opacity-60"
+                ),
+                children: [
+                  /* @__PURE__ */ t("span", { className: "truncate", children: b ? b.label : e }),
+                  /* @__PURE__ */ t(
+                    "svg",
+                    {
+                      className: x(
+                        "ml-2 h-5 w-5 text-gray2 transition-transform duration-300",
+                        C && "rotate-180"
+                      ),
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ t(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M19 9l-7 7-7-7"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            C && /* @__PURE__ */ t(
+              "div",
+              {
+                className: x(
+                  "absolute left-0 z-[100] mt-2 w-full overflow-hidden rounded-2xl border-[1px] border-grayBlue bg-white shadow-xl",
+                  "transition-all duration-200 ease-in-out"
+                ),
+                children: /* @__PURE__ */ t("div", { className: "max-h-[280px] overflow-y-auto py-2", children: n.length > 0 ? n.map((w) => /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => F(w),
+                    className: x(
+                      "flex w-full items-center px-5 py-3 text-left text-base transition-colors",
+                      "hover:bg-green-50 active:bg-green-100",
+                      w.value === s && "bg-green-50 font-medium text-greenLight",
+                      // Мобильные отступы чуть больше для удобства тапа
+                      "max-tablet:py-4"
+                    ),
+                    children: w.label
+                  },
+                  w.value
+                )) : /* @__PURE__ */ t("div", { className: "px-5 py-3 text-sm text-gray2", children: "Нет данных" }) })
+              }
+            )
+          ] }),
+          r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: r })
+        ]
+      }
+    );
+  }
+);
+ce.displayName = "Select";
+const Ut = {
+  TitleBlock: Qe,
+  WarningCard: q
+}, Jt = [
+  {
+    label: "TitleBlock",
+    value: "TitleBlock"
+  },
+  {
+    label: "WarningCard",
+    value: "WarningCard"
+  }
+], er = {
+  text: oe,
+  number: ne,
+  phone: se,
+  select: ce,
+  date: ae,
+  radio: ie,
+  checkbox: re,
+  file: Ke
+}, tr = (a, {
+  register: r,
+  errors: o,
+  control: n
+}) => a.map((e, s) => {
+  var v;
+  if ((e == null ? void 0 : e.componentType) === "component") {
+    const y = Ut[e == null ? void 0 : e.key];
+    if (y)
+      return /* @__PURE__ */ t(
+        y,
+        {
+          ...e == null ? void 0 : e.props
+        },
+        s
+      );
+  }
+  const m = er[e == null ? void 0 : e.type];
+  if (m) {
+    const y = ["select", "radio", "checkbox", "file"].includes(
+      e.type
+    ), l = (v = o[e.name]) == null ? void 0 : v.message;
+    return y && n ? /* @__PURE__ */ t(
+      qe,
+      {
+        name: e.name,
+        control: n,
+        rules: { validate: e.validate },
+        render: ({ field: { onChange: N, value: k, name: c, ref: C } }) => /* @__PURE__ */ t(
+          m,
+          {
+            ...e.field_props,
+            onChange: N,
+            value: k,
+            name: c,
+            ref: C,
+            error: l
+          }
+        )
+      },
+      s
+    ) : /* @__PURE__ */ t(
+      m,
+      {
+        ...e == null ? void 0 : e.field_props,
+        ...r(e == null ? void 0 : e.name, {
+          validate: e == null ? void 0 : e.validate
+        }),
+        error: l
+      },
+      s
+    );
+  }
+  return null;
+}), de = ({
+  label: a,
+  type: r,
+  options: o
+}) => ({
+  dataType: jt.select,
+  label: a,
+  type: r,
+  options: o
+}), da = {
+  title: "Оставьте заявку, чтобы подключить MKassa",
+  subtitle: "с Вами свяжется наш специалист и поможет с подключением сервиса"
+}, pa = {
+  title: "Форма заявки",
+  description: "Форма заявки ",
+  types: [U.form],
+  propsToEdit: pe
+}, rr = {
+  title: "Оставьте заявку, чтобы подключить MKassa",
+  description: "с Вами свяжется наш специалист и поможет с подключением сервиса",
+  color: "#45464b"
+}, or = de({
+  label: "Тип поля",
+  type: "componentType",
+  options: Ot
+}), ar = de({
+  label: "Компонент",
+  type: "componentType",
+  options: Jt
+}), nr = {
+  type: "fields",
+  dataType: "array",
+  label: "Поля для формы",
+  data: {
+    componentType: or,
+    type: j.STRING,
+    key: ar,
+    name: j.STRING,
+    field_props: {
+      label: j.STRING,
+      placeholder: j.STRING
+    },
+    form_item_props: {
+      label: j.STRING,
+      placeholder: j.STRING
+    }
+  }
+}, pe = ["title", "subtitle", "color", nr], me = ({
+  title: a,
+  subtitle: r,
+  color: o,
+  gridCols: n = 1,
+  gridRow: e = 2,
+  fields: s = []
+}) => {
+  var L;
+  const [m, v] = I(!1), [y, l] = I(!1), N = Ye(960), {
+    register: k,
+    handleSubmit: c,
+    watch: C,
+    reset: h,
+    control: b,
+    formState: { errors: u }
+  } = ze({
+    defaultValues: {
+      fio: "",
+      phone: "",
+      business_category: "",
+      agreement: !1
+    }
+  }), F = C("agreement"), M = async (B) => {
+    console.log("Form submitted:", B);
+  }, w = tr(s || [], {
+    register: k,
+    errors: u,
+    control: b
+  });
+  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
+    "form",
+    {
+      onSubmit: c(M),
+      id: "application_form",
+      className: "w-full",
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          style: {
+            boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${o}`
+          },
+          className: "bg-white rounded-[24px] shadow-[0px_8px_24px_rgba(0,0,0,0.08),0px_-8px_0px_#45464b] w-full flex flex-col items-center justify-center py-[72px] px-[96px] max-tablet:py-[40px] max-tablet:px-[32px] transition-all duration-300 hover:shadow-[0px_12px_32px_rgba(0,0,0,0.12),0px_-8px_0px_#45464b] mt-[8px]",
+          children: [
+            /* @__PURE__ */ i("div", { className: "text-center mb-10 max-tablet:mb-8", children: [
+              /* @__PURE__ */ t("h2", { className: "text-[36px] leading-[44px] font-semibold m-0 mb-3 text-blackBG max-tablet:text-[28px] max-tablet:leading-[36px]", children: a }),
+              /* @__PURE__ */ t("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: r })
+            ] }),
+            m ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center w-[640px] gap-8 max-tablet:w-full animate-in fade-in duration-500", children: /* @__PURE__ */ i("div", { className: "text-center", children: [
+              /* @__PURE__ */ t("div", { className: "w-20 h-20 rounded-full bg-gradient-to-br from-greenLight to-green flex items-center justify-center mx-auto mb-6 shadow-lg animate-in zoom-in duration-500", children: /* @__PURE__ */ t(
+                "svg",
+                {
+                  className: "w-10 h-10 text-white",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ t(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 3,
+                      d: "M5 13l4 4L19 7"
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ i("div", { className: "text-center", children: [
+                /* @__PURE__ */ t("div", { className: "font-semibold text-[24px] leading-[32px] text-blackBG mb-3", children: "Заявка успешно отправлена" }),
+                /* @__PURE__ */ t("div", { className: "text-[18px] leading-[26px] text-graySoft", children: "С Вами свяжется наш специалист и поможет с подключением сервиса" }),
+                /* @__PURE__ */ t(
+                  E,
+                  {
+                    className: "justify-center m-auto mt-6",
+                    title: "Закрыть",
+                    onClick: () => {
+                      v(!1), h();
+                    }
+                  }
+                )
+              ] })
+            ] }) }) : /* @__PURE__ */ i(K, { children: [
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "w-[640px] mb-8 max-tablet:w-full grid gap-6",
+                  style: {
+                    gridTemplateColumns: `repeat(${N ? 1 : n}, 1fr)`,
+                    gridTemplateRows: `repeat(${e}, auto)`
+                  },
+                  children: w
+                }
+              ),
+              /* @__PURE__ */ t("div", { className: "pt-2", children: /* @__PURE__ */ t(
+                z,
+                {
+                  ...k("agreement", {
+                    required: "Необходимо согласие на обработку персональных данных"
+                  }),
+                  error: (L = u.agreement) == null ? void 0 : L.message,
+                  label: /* @__PURE__ */ i(K, { children: [
+                    "Я соглашаюсь с",
+                    " ",
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: "text-greenLight hover:text-green underline transition-colors duration-200 bg-transparent border-0 p-0 cursor-pointer",
+                        onClick: (B) => {
+                          B.preventDefault();
+                        },
+                        children: "условиями обработки персональных данных"
+                      }
+                    )
+                  ] })
+                }
+              ) }),
+              /* @__PURE__ */ t("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ t(
+                E,
+                {
+                  loading: y,
+                  className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
+                  type: "submit",
+                  size: ke.XL,
+                  variant: Ce.Primary,
+                  disabled: !F || y,
+                  children: "Отправить заявку"
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
+me.propsToEdit = pe;
+const ma = {
+  MainBanner: { key: "MainBanner", component: He },
+  Banner: { key: "Banner", component: ge },
+  CardImageList: { key: "CardImageList", component: Ie },
+  Stepper: { key: "Stepper", component: De },
+  Segments: { key: "Segments", component: Ne },
+  VideoFull: { key: "VideoFull", component: Le },
+  VideoList: { key: "VideoList", component: _e },
+  VideoListMini: { key: "VideoListMini", component: Be },
+  ContentCardList: { key: "ContentCardList", component: Se },
+  CardIconList: { key: "CardIconList", component: Fe },
+  MultiCards: { key: "MultiCards", component: Me },
+  Partners: { key: "Partners", component: Ve },
+  PartnersColors: { key: "PartnersColors", component: Ge },
+  WarningCard: { key: "WarningCard", component: q },
+  Faq: { key: "Faq", component: Te },
+  DownloadFileBanner: {
+    key: "DownloadFileBanner",
+    component: je
+  },
+  DownloadFileHalf: { key: "DownloadFileHalf", component: Ze },
+  DownloadFileFull: { key: "DownloadFileFull", component: Oe },
+  DownloadFileMini: { key: "DownloadFileMini", component: Re },
+  InstructionList: { key: "InstructionList", component: Pe },
+  PreviewList: { key: "PreviewList", component: We },
+  SwiperList: { key: "SwiperList", component: ot },
+  AnimatedSwiper: { key: "AnimatedSwiper", component: $e },
+  InfoBannerList: { key: "InfoBannerList", component: Ue },
+  TasksBannerList: { key: "TasksBannerList", component: at },
+  VideoMainBanner: { key: "VideoMainBanner", component: nt },
+  Space: { key: "Space", component: tt },
+  PromoPoster: { key: "PromoPoster", component: et },
+  CardImageSecondaryList: {
+    key: "CardImageSecondaryList",
+    component: Ae
+  },
+  CardInfoTable: { key: "CardInfoTable", component: Ee },
+  StandartTable: { key: "StandartTable", component: rt },
+  IntroBanner: { key: "IntroBanner", component: Je },
+  DownloadFileBright: {
+    key: "DownloadFileBright",
+    component: Xe
+  },
+  FormDefault: {
+    key: "FormDefault",
+    component: me
+  },
+  Header: { key: "Header", component: Zt },
+  Footer: { key: "Footer", component: Rt }
+}, ua = {
+  MainBanner: st.component_props,
+  Banner: it.component_props,
+  CardImageList: lt.component_props,
+  Stepper: ct.component_props,
+  Segments: dt.component_props,
+  VideoFull: pt.component_props,
+  VideoList: mt.component_props,
+  VideoListMini: ut.component_props,
+  ContentCardList: ft.component_props,
+  CardIconList: ht.component_props,
+  MultiCards: gt.component_props,
+  Partners: xt.component_props,
+  PartnersColors: bt.component_props,
+  WarningCard: yt.component_props,
+  Faq: wt.component_props,
+  DownloadFileBanner: vt.component_props,
+  DownloadFileHalf: kt.component_props,
+  DownloadFileFull: Ct.component_props,
+  DownloadFileMini: Dt.component_props,
+  InstructionList: Nt.component_props,
+  PreviewList: Lt.component_props,
+  SwiperList: _t.component_props,
+  AnimatedSwiper: Bt.component_props,
+  InfoBannerList: St.component_props,
+  TasksBannerList: Ft.component_props,
+  VideoMainBanner: Mt.component_props,
+  EmptyBox: Vt.component_props,
+  PromoPoster: It.component_props,
+  CardImageSecondaryList: Ht.component_props,
+  CardInfoTable: Tt.component_props,
+  StandartTable: Pt.component_props,
+  IntroBanner: Gt.component_props,
+  DownloadFileBright: Wt.component_props,
+  FormDefault: rr
+}, fa = {
+  title: "Предупреждающая карточка",
+  description: "Компонент для отображения предупреждающей информации в виде карточки с иконкой, заголовком и описанием. Используется для привлечения внимания к важной информации или предупреждениям.",
+  types: [U.cards],
+  propsToEdit: te
+};
+export {
+  ua as A,
+  me as F,
+  q as W,
+  ma as a,
+  Jt as b,
+  Ut as c,
+  rr as d,
+  nr as e,
+  pa as f,
+  pe as g,
+  da as i,
+  te as p,
+  tr as r,
+  fa as w
+};