md-components-mdigial-azamat 0.0.88 → 0.0.89

package/dist/{info-1169ba3e.js → info-6760fbcd.js}

@@ -1,55 +1,55 @@
 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 ue, WarningCardVariant as O, WarningCardVariantKey as fe } from "./Cards/WarningCard/model.js";
+import { warningCardVariant as fe, WarningCardVariant as O, WarningCardVariantKey as he } from "./Cards/WarningCard/model.js";
 import "./ConfigProvider/index.js";
-import { Banner as he } from "./Banner/Banner.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 ge, useRef as xe, useImperativeHandle as J, useCallback as be } from "react";
+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 ye } from "./HtmlContent/HtmlContent.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 we, a as ve, b as ke } from "./const-53dff524.js";
-import { Stepper as Ce } from "./Stepper/Stepper.js";
-import { Segments as De } from "./Segments/Segments.js";
-import { VideoFull as Ne } from "./Video/VideoFull/VideoFull.js";
-import { VideoList as Le } from "./Video/VideoList/VideoList.js";
-import { VideoListMini as _e } from "./Video/VideoListMini/VideoListMini.js";
-import { ContentCardList as Be } from "./ContentCardList/ContentCardList.js";
-import { CardIconList as Se } from "./CardIconList/CardIconList.js";
-import { MultiCards as Fe } from "./MultiCards/index.js";
-import { Partners as Me } from "./Partners/Partners.js";
-import { CardImageList as Ve } from "./CardImageList/CardImageList.js";
-import { MainBanner as Ie } from "./MainBanner/MainBanner.js";
-import { Faq as He } from "./Faq/Faq.js";
-import { InstructionList as Te } from "./InstructionList/InstructionList.js";
+import { B as ke, a as ve, 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 Pe } from "./PartnersColors/PartnersColors.js";
-import { PreviewList as Ge } from "./PreviewList/PreviewList.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 We } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
-import { DownloadFileFull as je } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
-import { DownloadFileHalf as Oe } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
-import { DownloadFileMini as Ze } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.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 Re from "./AnimatedSwiper/index.js";
+import $e from "./AnimatedSwiper/index.js";
 import "./CardImageSecondary/CardImageSecondary.js";
-import { CardImageSecondaryList as $e } from "./CardImageSecondaryList/CardImageSecondaryList.js";
-import { CardInfoTable as Ae } from "./CardInfoTable/index.js";
-import { DownloadFileBright as Ee } from "./DownloadFile/components/DownloadFileBright/index.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 Xe, u as qe } from "./index-a0ed2e4a.js";
+import { C as qe, u as ze } from "./index-a0ed2e4a.js";
 import { C as ee } from "./ComponentContainer-05e27e82.js";
-import { u as ze } from "./useScreenSize-c1b64c02.js";
-import Ye from "./FileLoader/index.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 Ke } from "./TitleBlock/TitleBlock.js";
+import { TitleBlock as te } from "./TitleBlock/TitleBlock.js";
 import "./InfoBanner/index.js";
 import { InfoBannerList as Qe } from "./InfoBannerList/InfoBannerList.js";
 import { IntroBanner as Ue } from "./IntroBanner/IntroBanner.js";
@@ -60,8 +60,8 @@ import { SwiperList as rt } from "./SwiperList/SwiperList.js";
 import "./TasksBanner/TasksBanner.js";
 import { TasksBannerList as ot } from "./TasksBannerList/TasksBannerList.js";
 import { VideoMainBanner as at } from "./VideoMainBanner/VideoMainBanner.js";
-import { M as nt, B as st, C as it, S as lt, b as ct, V as dt, c as pt, d as mt, e as ut, f as ft, g as ht, P as gt, h as xt, W as bt, F as yt, k as wt, D as vt, l as kt, m as Ct, I as Dt, o as Nt, p as Lt, A as _t, q as Bt, T as St, r as Ft, E as Mt, s as Vt, t as It, u as Ht, v as Tt, w as Pt, x as Gt } from "./data.mock-9071e4ea.js";
-import { DataTypesEnum as Wt, FieldTypes as j } from "./Types/FiledTypes.js";
+import { M as nt, B as st, C as it, S as lt, b as ct, V as pt, c as dt, d as mt, e as ut, f as ft, g as ht, P as gt, h as xt, W as bt, F as yt, k as wt, D as kt, l as vt, m as Ct, I as Dt, o as Nt, p as Lt, A as _t, q as Bt, T as St, r as Ft, E as Mt, s as Vt, t as It, u as Ht, v as Tt, w as Pt, x as Gt, y as Wt } from "./data.mock-f00bb32c.js";
+import { DataTypesEnum as jt, FieldTypes as j } from "./Types/FiledTypes.js";
 import "react-dom";
 import "./AnimatedSwiper/info.js";
 import "./Banner/info.js";
@@ -107,26 +107,26 @@ import "./Video/VideoList/info.js";
 import "./Video/VideoListMini/info.js";
 import "./VideoMainBanner/info.js";
 import "./Actions/types.js";
-import { componentTypes as jt } from "./Forms/FormDefault/componentTypes.js";
-import { Header as Ot } from "./Header/Header.js";
-import { Footer as Zt } from "./Footer/Footer.js";
-import { I as Rt } from "./Icon-70ea6cb8.js";
-const te = [
+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 re = [
   "title",
   "title_color",
   "description",
   "description_color",
   "html_content",
-  we,
-  ue
+  ke,
+  fe
 ], q = ({
   title: a,
   description: r,
   button: o,
   html_content: n,
-  variant: e = fe.Orange
+  variant: e = he.Orange
 }) => {
-  var s, m, v, y;
+  var s, m, k, y;
   return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
     "div",
     {
@@ -139,7 +139,7 @@ const te = [
             className: "flex gap-[16px] items-center max-tablet:flex-col max-tablet:items-start max-tablet:gap-[12px]",
             children: [
               /* @__PURE__ */ t(
-                Rt,
+                $t,
                 {
                   name: (m = O[e]) == null ? void 0 : m.icon,
                   size: 40
@@ -150,7 +150,7 @@ const te = [
                   "p",
                   {
                     className: x("text-[24px] leading-8 font-bold"),
-                    style: { color: (v = O[e]) == null ? void 0 : v.textColor },
+                    style: { color: (k = O[e]) == null ? void 0 : k.textColor },
                     children: a
                   }
                 ),
@@ -162,7 +162,7 @@ const te = [
                     children: r
                   }
                 ),
-                n && /* @__PURE__ */ t(ye, { data: n })
+                n && /* @__PURE__ */ t(we, { data: n })
               ] })
             ]
           }
@@ -172,8 +172,8 @@ const te = [
     }
   ) });
 };
-q.propsToEdit = te;
-const re = P(
+q.propsToEdit = re;
+const oe = P(
   ({
     label: a,
     options: r,
@@ -182,17 +182,17 @@ const re = P(
     error: e,
     className: s,
     direction: m = "column"
-  }, v) => {
+  }, k) => {
     const y = (l) => {
       if (!n)
         return;
-      const N = o.includes(l) ? o.filter((k) => k !== l) : [...o, l];
+      const N = o.includes(l) ? o.filter((v) => v !== l) : [...o, l];
       n(N);
     };
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: v,
+        ref: k,
         className: x("flex flex-col gap-2", s),
         children: [
           a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
@@ -221,7 +221,7 @@ const re = P(
     );
   }
 );
-re.displayName = "CheckboxGroup";
+oe.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: [
@@ -271,7 +271,7 @@ const z = P(
   ] })
 );
 z.displayName = "Checkbox";
-const oe = P(
+const ae = 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(
@@ -295,8 +295,8 @@ const oe = P(
     o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-oe.displayName = "Input";
-const $t = () => /* @__PURE__ */ t(
+ae.displayName = "Input";
+const At = () => /* @__PURE__ */ t(
   "svg",
   {
     width: "20",
@@ -312,12 +312,12 @@ const $t = () => /* @__PURE__ */ t(
       }
     )
   }
-), At = (a) => {
+), 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}`;
-}, Et = (a) => {
+}, Xt = (a) => {
   if (!a)
     return null;
   const r = a.split(".");
@@ -330,7 +330,7 @@ const $t = () => /* @__PURE__ */ t(
     }
   }
   return null;
-}, Xt = (a, r) => new Date(r, a, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), qt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ae = P(
+}, qt = (a, r) => new Date(r, a, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), zt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ne = P(
   ({
     className: a,
     error: r,
@@ -339,16 +339,16 @@ const $t = () => /* @__PURE__ */ t(
     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(() => Et(w), [w]);
-    ge(() => {
+  }, k) => {
+    const [y, l] = I(""), [N, v] = 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, () => {
+      v(!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--)
+      const f = new Date(h, c, 1), V = new Date(h, c + 1, 0).getDate(), d = f.getDay(), D = [], G = new Date(h, c, 0).getDate();
+      for (let S = d - 1; S >= 0; S--)
         D.push(G - S);
       for (let S = 1; S <= V; S++)
         D.push(S);
@@ -357,24 +357,24 @@ const $t = () => /* @__PURE__ */ t(
         D.push(S);
       return D;
     }, [c, h]), W = (f) => {
-      const d = f.target.value;
-      M || l(d), e == null || e(d);
-    }, $ = (f, d, V) => {
+      const p = f.target.value;
+      M || l(p), e == null || e(p);
+    }, $ = (f, p, 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 = At(G);
-      F(G), C(p), b(D), M || l(T), e == null || e(T), k(!1);
+      let d = c, D = h;
+      p ? (d = d - 1, d < 0 && (d = 11, D = D - 1)) : V && (d = d + 1, d > 11 && (d = 0, D = D + 1));
+      const G = new Date(D, d, f), T = Et(G);
+      F(G), C(d), b(D), M || l(T), e == null || e(T), v(!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) => {
+    }, _ = (f, p, 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;
+      let d = c, D = h;
+      return p ? (d = d - 1, d < 0 && (d = 11, D = D - 1)) : V && (d = d + 1, d > 11 && (d = 0, D = D + 1)), u.getDate() === f && u.getMonth() === d && 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 }),
@@ -395,10 +395,10 @@ const $t = () => /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => k(!N),
+                  onClick: () => v(!N),
                   className: "absolute left-4 flex items-center justify-center cursor-pointer",
                   tabIndex: -1,
-                  children: /* @__PURE__ */ t($t, {})
+                  children: /* @__PURE__ */ t(At, {})
                 }
               ),
               /* @__PURE__ */ t(
@@ -412,11 +412,11 @@ const $t = () => /* @__PURE__ */ t(
                     "bg-transparent border-none outline-none",
                     "disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  ref: v,
+                  ref: k,
                   value: w,
                   onChange: W,
                   placeholder: s,
-                  onClick: () => k(!0),
+                  onClick: () => v(!0),
                   readOnly: !0,
                   ...m
                 }
@@ -459,7 +459,7 @@ const $t = () => /* @__PURE__ */ t(
                     )
                   }
                 ),
-                /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-blackBG", children: Xt(c, h) }),
+                /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-blackBG", children: qt(c, h) }),
                 /* @__PURE__ */ t(
                   "button",
                   {
@@ -489,7 +489,7 @@ const $t = () => /* @__PURE__ */ t(
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1 mb-2", children: qt.map((f) => /* @__PURE__ */ t(
+              /* @__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",
@@ -497,12 +497,12 @@ const $t = () => /* @__PURE__ */ t(
                 },
                 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(
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: H.map((f, p) => {
+                const d = new Date(h, c, 1).getDay(), D = new Date(
                   h,
                   c + 1,
                   0
-                ).getDate(), G = d < p, T = d >= p + D, S = !G && !T, me = _(
+                ).getDate(), G = p < d, T = p >= d + D, S = !G && !T, ue = _(
                   f,
                   G,
                   T
@@ -517,11 +517,11 @@ const $t = () => /* @__PURE__ */ t(
                       "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",
-                      me && "bg-[#16A34A] text-white hover:bg-[#16A34A] focus:bg-[#16A34A]"
+                      ue && "bg-[#16A34A] text-white hover:bg-[#16A34A] focus:bg-[#16A34A]"
                     ),
                     children: f
                   },
-                  d
+                  p
                 );
               }) })
             ]
@@ -532,8 +532,8 @@ const $t = () => /* @__PURE__ */ t(
     ] });
   }
 );
-ae.displayName = "DateInput";
-const ne = P(
+ne.displayName = "DateInput";
+const se = P(
   ({
     className: a,
     isFormatted: r,
@@ -542,19 +542,19 @@ const ne = P(
     label: e,
     onChange: s,
     value: m,
-    defaultValue: v,
+    defaultValue: k,
     ...y
   }, l) => {
-    const N = xe(null);
+    const N = be(null);
     J(l, () => N.current);
-    const k = !!o || !!r, c = be(
+    const v = !!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;
+        return v ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
       },
-      [k]
+      [v]
     ), h = {
       ...y,
       type: "text",
@@ -565,7 +565,7 @@ const ne = P(
           const H = u.value;
           u.value = M, s(b), u.value = H;
         }
-        if (k) {
+        if (v) {
           let H = 0, W = 0;
           for (; W < L && H < u.value.length; )
             /\d/.test(u.value[H]) && W++, H++;
@@ -584,7 +584,7 @@ const ne = P(
         a
       )
     };
-    return m !== void 0 ? h.value = c(m) : v !== void 0 && (h.defaultValue = c(v)), /* @__PURE__ */ i("div", { className: "w-full", children: [
+    return m !== void 0 ? h.value = c(m) : k !== void 0 && (h.defaultValue = c(k)), /* @__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",
@@ -597,20 +597,20 @@ const ne = P(
     ] });
   }
 );
-ne.displayName = "NumberField";
-const zt = {
+se.displayName = "NumberField";
+const Yt = {
   96: { name: "Кыргызстан", short: "KG", mask: "+996", length: 9 }
-}, Yt = (a) => {
+}, Kt = (a) => {
   const r = a.toUpperCase().split("").map((o) => 127397 + o.charCodeAt(0));
   return String.fromCodePoint(...r);
-}, Y = () => Object.entries(zt).map(([a, 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: Yt(r.short)
+  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;
@@ -620,7 +620,7 @@ const zt = {
     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}`;
-}, Kt = (a, r) => {
+}, Qt = (a, r) => {
   if (!a)
     return null;
   const o = a.replace(/\D/g, ""), n = Y();
@@ -633,7 +633,7 @@ const zt = {
     if (o.startsWith(e.dialCode))
       return e;
   return o.startsWith("0") && Z("96") || null;
-}, se = P(
+}, ie = P(
   ({
     className: a,
     error: r,
@@ -642,8 +642,8 @@ const zt = {
     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, () => {
+  }, k) => {
+    const [y, l] = I(""), [N, v] = 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)
@@ -658,24 +658,24 @@ const zt = {
       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)}`;
+      const p = f.slice(0, L.length);
+      return p.length === 0 ? "" : p.length <= 3 ? p : p.length <= 6 ? `${p.slice(0, 3)} ${p.slice(3)}` : `${p.slice(0, 3)} ${p.slice(3, 6)} ${p.slice(6)}`;
     })(F), $ = (g) => {
-      k(g), C(!1), b("");
+      v(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);
+      let p = _;
+      _.startsWith(L.dialCode) && (p = _.slice(L.dialCode.length));
+      const V = Q(p, f);
       u || l(V), e == null || e(V);
     }, A = (g) => {
-      const _ = g.target.value, f = _.replace(/\D/g, ""), d = Kt(
+      const _ = g.target.value, f = _.replace(/\D/g, ""), p = 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);
+      p && p.id !== N && v(p.id);
+      const V = p || Z(N) || L, d = Q(f, V);
+      u || l(d), e == null || e(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 }),
@@ -793,7 +793,7 @@ const zt = {
                   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,
+                ref: k,
                 value: W,
                 onChange: A,
                 placeholder: "XXX XXX XXX",
@@ -807,8 +807,8 @@ const zt = {
     ] });
   }
 );
-se.displayName = "PhoneInput";
-const ie = P(
+ie.displayName = "PhoneInput";
+const le = P(
   ({
     label: a,
     options: r,
@@ -817,7 +817,7 @@ const ie = P(
     onChange: e,
     error: s,
     className: m,
-    direction: v = "column"
+    direction: k = "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(
@@ -825,10 +825,10 @@ const ie = P(
       {
         className: x(
           "flex gap-4",
-          v === "column" ? "flex-col" : "flex-row flex-wrap"
+          k === "column" ? "flex-col" : "flex-row flex-wrap"
         ),
         children: r.map((l) => /* @__PURE__ */ t(
-          le,
+          ce,
           {
             name: n,
             label: l.label,
@@ -844,8 +844,8 @@ const ie = P(
     s && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: s })
   ] })
 );
-ie.displayName = "RadioGroup";
-const le = P(
+le.displayName = "RadioGroup";
+const ce = 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: [
@@ -893,8 +893,8 @@ const le = P(
     o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-le.displayName = "Radio";
-const ce = P(
+ce.displayName = "Radio";
+const pe = P(
   ({
     className: a,
     error: r,
@@ -903,17 +903,17 @@ const ce = P(
     placeholder: e = "Выберите категорию",
     value: s,
     onChange: m,
-    onBlur: v,
+    onBlur: k,
     name: y,
     disabled: l,
     ...N
-  }, k) => {
+  }, v) => {
     const {
       ref: c,
       isShow: C,
       setIsShow: h
     } = X(!1);
-    J(k, () => c.current);
+    J(v, () => c.current);
     const b = n.find((w) => w.value === s), u = () => {
       l || h(!C);
     }, F = (w) => {
@@ -924,7 +924,7 @@ const ce = P(
         }
       }), h(!1);
     }, M = (w) => {
-      v && v({
+      k && k({
         target: {
           name: y,
           value: s
@@ -1014,11 +1014,11 @@ const ce = P(
     );
   }
 );
-ce.displayName = "Select";
-const Qt = {
-  TitleBlock: Ke,
+pe.displayName = "Select";
+const Ut = {
+  TitleBlock: te,
   WarningCard: q
-}, Ut = [
+}, Jt = [
   {
     label: "TitleBlock",
     value: "TitleBlock"
@@ -1027,23 +1027,23 @@ const Qt = {
     label: "WarningCard",
     value: "WarningCard"
   }
-], Jt = {
-  text: oe,
-  number: ne,
-  phone: se,
-  select: ce,
-  date: ae,
-  radio: ie,
-  checkbox: re,
-  file: Ye
-}, er = (a, {
+], er = {
+  text: ae,
+  number: se,
+  phone: ie,
+  select: pe,
+  date: ne,
+  radio: le,
+  checkbox: oe,
+  file: Ke
+}, tr = (a, {
   register: r,
   errors: o,
   control: n
 }) => a.map((e, s) => {
-  var v;
+  var k;
   if ((e == null ? void 0 : e.componentType) === "component") {
-    const y = Qt[e == null ? void 0 : e.key];
+    const y = Ut[e == null ? void 0 : e.key];
     if (y)
       return /* @__PURE__ */ t(
         y,
@@ -1053,23 +1053,23 @@ const Qt = {
         s
       );
   }
-  const m = Jt[e == null ? void 0 : e.type];
+  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;
+    ), l = (k = o[e.name]) == null ? void 0 : k.message;
     return y && n ? /* @__PURE__ */ t(
-      Xe,
+      qe,
       {
         name: e.name,
         control: n,
         rules: { validate: e.validate },
-        render: ({ field: { onChange: N, value: k, name: c, ref: C } }) => /* @__PURE__ */ t(
+        render: ({ field: { onChange: N, value: v, name: c, ref: C } }) => /* @__PURE__ */ t(
           m,
           {
             ...e.field_props,
             onChange: N,
-            value: k,
+            value: v,
             name: c,
             ref: C,
             error: l
@@ -1095,38 +1095,38 @@ const Qt = {
   type: r,
   options: o
 }) => ({
-  dataType: Wt.select,
+  dataType: jt.select,
   label: a,
   type: r,
   options: o
-}), ma = {
+}), ua = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   subtitle: "с Вами свяжется наш специалист и поможет с подключением сервиса"
-}, ua = {
+}, fa = {
   title: "Форма заявки",
   description: "Форма заявки ",
   types: [U.form]
   // propsToEdit: propsToEdit,
-}, tr = {
+}, rr = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   description: "с Вами свяжется наш специалист и поможет с подключением сервиса",
   color: "#45464b"
-}, rr = de({
+}, or = de({
   label: "Тип поля",
   type: "componentType",
-  options: jt
-}), or = de({
+  options: Ot
+}), ar = de({
   label: "Компонент",
   type: "componentType",
-  options: Ut
-}), ar = {
+  options: Jt
+}), nr = {
   type: "fields",
   dataType: "array",
   label: "Поля для формы",
   data: {
-    componentType: rr,
+    componentType: or,
     type: j.STRING,
-    key: or,
+    key: ar,
     name: j.STRING,
     field_props: {
       label: j.STRING,
@@ -1137,7 +1137,7 @@ const Qt = {
       placeholder: j.STRING
     }
   }
-}, nr = ["title", "subtitle", "color", ar], pe = ({
+}, sr = ["title", "subtitle", "color", nr], me = ({
   title: a,
   subtitle: r,
   color: o,
@@ -1146,14 +1146,14 @@ const Qt = {
   fields: s = []
 }) => {
   var L;
-  const [m, v] = I(!1), [y, l] = I(!1), N = ze(960), {
-    register: k,
+  const [m, k] = I(!1), [y, l] = I(!1), N = Ye(960), {
+    register: v,
     handleSubmit: c,
     watch: C,
     reset: h,
     control: b,
     formState: { errors: u }
-  } = qe({
+  } = ze({
     defaultValues: {
       fio: "",
       phone: "",
@@ -1162,8 +1162,8 @@ const Qt = {
     }
   }), F = C("agreement"), M = async (B) => {
     console.log("Form submitted:", B);
-  }, w = er(s || [], {
-    register: k,
+  }, w = tr(s || [], {
+    register: v,
     errors: u,
     control: b
   });
@@ -1213,7 +1213,7 @@ const Qt = {
                     className: "justify-center m-auto mt-6",
                     title: "Закрыть",
                     onClick: () => {
-                      v(!1), h();
+                      k(!1), h();
                     }
                   }
                 )
@@ -1233,7 +1233,7 @@ const Qt = {
               /* @__PURE__ */ t("div", { className: "pt-2", children: /* @__PURE__ */ t(
                 z,
                 {
-                  ...k("agreement", {
+                  ...v("agreement", {
                     required: "Необходимо согласие на обработку персональных данных"
                   }),
                   error: (L = u.agreement) == null ? void 0 : L.message,
@@ -1261,7 +1261,7 @@ const Qt = {
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
                   size: ve.XL,
-                  variant: ke.Primary,
+                  variant: Ce.Primary,
                   disabled: !F || y,
                   children: "Отправить заявку"
                 }
@@ -1273,34 +1273,34 @@ const Qt = {
     }
   ) });
 };
-pe.propsToEdit = nr;
-const fa = {
-  MainBanner: { key: "MainBanner", component: Ie },
-  Banner: { key: "Banner", component: he },
-  CardImageList: { key: "CardImageList", component: Ve },
-  Stepper: { key: "Stepper", component: Ce },
-  Segments: { key: "Segments", component: De },
-  VideoFull: { key: "VideoFull", component: Ne },
-  VideoList: { key: "VideoList", component: Le },
-  VideoListMini: { key: "VideoListMini", component: _e },
-  ContentCardList: { key: "ContentCardList", component: Be },
-  CardIconList: { key: "CardIconList", component: Se },
-  MultiCards: { key: "MultiCards", component: Fe },
-  Partners: { key: "Partners", component: Me },
-  PartnersColors: { key: "PartnersColors", component: Pe },
+me.propsToEdit = sr;
+const ha = {
+  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: He },
+  Faq: { key: "Faq", component: Te },
   DownloadFileBanner: {
     key: "DownloadFileBanner",
-    component: We
+    component: je
   },
-  DownloadFileHalf: { key: "DownloadFileHalf", component: Oe },
-  DownloadFileFull: { key: "DownloadFileFull", component: je },
-  DownloadFileMini: { key: "DownloadFileMini", component: Ze },
-  InstructionList: { key: "InstructionList", component: Te },
-  PreviewList: { key: "PreviewList", component: Ge },
+  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: rt },
-  AnimatedSwiper: { key: "AnimatedSwiper", component: Re },
+  AnimatedSwiper: { key: "AnimatedSwiper", component: $e },
   InfoBannerList: { key: "InfoBannerList", component: Qe },
   TasksBannerList: { key: "TasksBannerList", component: ot },
   VideoMainBanner: { key: "VideoMainBanner", component: at },
@@ -1308,29 +1308,30 @@ const fa = {
   PromoPoster: { key: "PromoPoster", component: Je },
   CardImageSecondaryList: {
     key: "CardImageSecondaryList",
-    component: $e
+    component: Ae
   },
-  CardInfoTable: { key: "CardInfoTable", component: Ae },
+  CardInfoTable: { key: "CardInfoTable", component: Ee },
   StandartTable: { key: "StandartTable", component: tt },
   IntroBanner: { key: "IntroBanner", component: Ue },
   DownloadFileBright: {
     key: "DownloadFileBright",
-    component: Ee
+    component: Xe
   },
   FormDefault: {
     key: "FormDefault",
-    component: pe
+    component: me
   },
-  Header: { key: "Header", component: Ot },
-  Footer: { key: "Footer", component: Zt }
-}, ha = {
+  Header: { key: "Header", component: Zt },
+  Footer: { key: "Footer", component: Rt },
+  TitleBlock: { key: "TitleBlock", component: te }
+}, ga = {
   MainBanner: nt.component_props,
   Banner: st.component_props,
   CardImageList: it.component_props,
   Stepper: lt.component_props,
   Segments: ct.component_props,
-  VideoFull: dt.component_props,
-  VideoList: pt.component_props,
+  VideoFull: pt.component_props,
+  VideoList: dt.component_props,
   VideoListMini: mt.component_props,
   ContentCardList: ut.component_props,
   CardIconList: ft.component_props,
@@ -1340,8 +1341,8 @@ const fa = {
   WarningCard: bt.component_props,
   Faq: yt.component_props,
   DownloadFileBanner: wt.component_props,
-  DownloadFileHalf: vt.component_props,
-  DownloadFileFull: kt.component_props,
+  DownloadFileHalf: kt.component_props,
+  DownloadFileFull: vt.component_props,
   DownloadFileMini: Ct.component_props,
   InstructionList: Dt.component_props,
   PreviewList: Nt.component_props,
@@ -1357,26 +1358,27 @@ const fa = {
   StandartTable: Tt.component_props,
   IntroBanner: Pt.component_props,
   DownloadFileBright: Gt.component_props,
-  FormDefault: tr
-}, ga = {
+  FormDefault: rr,
+  TitleBlock: Wt.component_props
+}, xa = {
   title: "Предупреждающая карточка",
   description: "Компонент для отображения предупреждающей информации в виде карточки с иконкой, заголовком и описанием. Используется для привлечения внимания к важной информации или предупреждениям.",
   types: [U.cards],
-  propsToEdit: te
+  propsToEdit: re
 };
 export {
-  ha as A,
-  pe as F,
+  ga as A,
+  me as F,
   q as W,
-  fa as a,
-  Ut as b,
-  Qt as c,
-  tr as d,
-  ar as e,
-  ua as f,
-  nr as g,
-  ma as i,
-  te as p,
-  er as r,
-  ga as w
+  ha as a,
+  Jt as b,
+  Ut as c,
+  rr as d,
+  nr as e,
+  fa as f,
+  sr as g,
+  ua as i,
+  re as p,
+  tr as r,
+  xa as w
 };