md-components-mdigial-azamat 0.0.93 → 0.0.95

package/dist/{info-22c43f9e.js → info-0d58accd.js}

@@ -1,67 +1,67 @@
-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 { C as ee } from "./index-0a5f313c.js";
+import { jsx as t, jsxs as i, Fragment as U } from "react/jsx-runtime";
+import { warningCardVariant as he, WarningCardVariant as j, WarningCardVariantKey as ge } from "./Cards/WarningCard/model.js";
 import "./ConfigProvider/index.js";
-import { Banner as ge } from "./Banner/Banner.js";
+import { Banner as xe } 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 { forwardRef as P, useState as I, useMemo as A, useEffect as be, useRef as ye, useImperativeHandle as te, useCallback as we } 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 { HtmlContent as ke } from "./HtmlContent/HtmlContent.js";
 import "./Header/components/TabsOutlined/TabsOutlined.js";
-import { B as E } from "./index-875e92ce.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 { B as R } from "./index-875e92ce.js";
+import { B as ve, a as Ce, b as De } from "./const-53dff524.js";
+import { Stepper as Ne } from "./Stepper/Stepper.js";
+import { Segments as Le } from "./Segments/Segments.js";
+import { VideoFull as _e } from "./Video/VideoFull/VideoFull.js";
+import { VideoList as Be } from "./Video/VideoList/VideoList.js";
+import { VideoListMini as Me } 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 { MultiCards as Ve } from "./MultiCards/index.js";
+import { Partners as Ie } from "./Partners/Partners.js";
+import { CardImageList as Te } 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 { Faq as Pe } from "./Faq/Faq.js";
+import { InstructionList as We } 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 { PreviewList as Oe } 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 { DownloadFileFull as Ee } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
+import { DownloadFileHalf as Ae } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
+import { DownloadFileMini as Ze } 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 { CardImageSecondaryList as Re } from "./CardImageSecondaryList/CardImageSecondaryList.js";
+import { CardInfoTable as Xe } from "./CardInfoTable/index.js";
+import { DownloadFileBright as qe } 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-dca711c6.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 te } from "./TitleBlock/TitleBlock.js";
+import { C as ze, u as Ye } from "./index-a0ed2e4a.js";
+import { C as re } from "./ComponentContainer-dca711c6.js";
+import { u as Ke } from "./useScreenSize-c1b64c02.js";
+import Qe from "./FileLoader/index.js";
+import { u as q } from "./useClickOutside-197b0df2.js";
+import { TitleBlock as oe } from "./TitleBlock/TitleBlock.js";
 import "./InfoBanner/index.js";
-import { InfoBannerList as Qe } from "./InfoBannerList/InfoBannerList.js";
-import { IntroBanner as Ue } from "./IntroBanner/IntroBanner.js";
-import { PromoPoster as Je } from "./PromoPoster/PromoPoster.js";
-import { Space as et } from "./Space/Space.js";
-import { StandartTable as tt } from "./StandartTable/index.js";
-import { SwiperList as rt } from "./SwiperList/SwiperList.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 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 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 { 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 pt, V as dt, 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 kt, D as vt, l as Ct, m as Dt, I as Nt, o as Lt, p as _t, A as Bt, q as Mt, T as St, r as Ft, E as Vt, s as It, t as Tt, u as Ht, v as Pt, w as Wt, x as Gt, y as Ot } from "./data.mock-f00bb32c.js";
+import { DataTypesEnum as X, FieldTypes as G } from "./Types/FiledTypes.js";
 import "react-dom";
 import "./AnimatedSwiper/info.js";
 import "./Banner/info.js";
@@ -107,31 +107,32 @@ import "./Video/VideoList/info.js";
 import "./Video/VideoListMini/info.js";
 import "./VideoMainBanner/info.js";
 import "./Actions/types.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 { componentTypes as jt } from "./Forms/FormDefault/componentTypes.js";
+import { fieldTypesList as Et } from "./Forms/FormDefault/fieldTypesList.js";
+import { Header as At } from "./Header/Header.js";
+import { Footer as Zt } from "./Footer/Footer.js";
 import { I as $t } from "./Icon-70ea6cb8.js";
-const re = [
+const ae = [
   "title",
   "title_color",
   "description",
   "description_color",
   "html_content",
-  ke,
-  fe
-], q = ({
+  ve,
+  he
+], z = ({
   title: a,
   description: r,
   button: o,
   html_content: n,
-  variant: e = he.Orange
+  variant: e = ge.Orange
 }) => {
   var s, m, k, y;
-  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
     "div",
     {
       className: "rounded-[24px] p-6",
-      style: { background: (s = O[e]) == null ? void 0 : s.background },
+      style: { background: (s = j[e]) == null ? void 0 : s.background },
       children: /* @__PURE__ */ i("div", { className: "flex gap-4 items-center justify-between", children: [
         /* @__PURE__ */ i(
           "div",
@@ -141,7 +142,7 @@ const re = [
               /* @__PURE__ */ t(
                 $t,
                 {
-                  name: (m = O[e]) == null ? void 0 : m.icon,
+                  name: (m = j[e]) == null ? void 0 : m.icon,
                   size: 40
                 }
               ),
@@ -150,7 +151,7 @@ const re = [
                   "p",
                   {
                     className: x("text-[24px] leading-8 font-bold"),
-                    style: { color: (k = O[e]) == null ? void 0 : k.textColor },
+                    style: { color: (k = j[e]) == null ? void 0 : k.textColor },
                     children: a
                   }
                 ),
@@ -158,22 +159,22 @@ const re = [
                   "p",
                   {
                     className: "text-[16px] leading-6",
-                    style: { color: (y = O[e]) == null ? void 0 : y.textColor },
+                    style: { color: (y = j[e]) == null ? void 0 : y.textColor },
                     children: r
                   }
                 ),
-                n && /* @__PURE__ */ t(we, { data: n })
+                n && /* @__PURE__ */ t(ke, { data: n })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ t(E, { ...o })
+        /* @__PURE__ */ t(R, { ...o })
       ] })
     }
   ) });
 };
-q.propsToEdit = re;
-const oe = P(
+z.propsToEdit = ae;
+const ne = P(
   ({
     label: a,
     options: r,
@@ -204,7 +205,7 @@ const oe = P(
                 m === "column" ? "flex-col" : "flex-row flex-wrap"
               ),
               children: r.map((l) => /* @__PURE__ */ t(
-                z,
+                Y,
                 {
                   label: l.label,
                   checked: o.includes(l.value),
@@ -221,8 +222,8 @@ const oe = P(
     );
   }
 );
-oe.displayName = "CheckboxGroup";
-const z = P(
+ne.displayName = "CheckboxGroup";
+const Y = 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: [
@@ -270,8 +271,8 @@ const z = P(
     o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-z.displayName = "Checkbox";
-const ae = P(
+Y.displayName = "Checkbox";
+const se = 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 +296,8 @@ const ae = P(
     o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-ae.displayName = "Input";
-const At = () => /* @__PURE__ */ t(
+se.displayName = "Input";
+const Rt = () => /* @__PURE__ */ t(
   "svg",
   {
     width: "20",
@@ -312,12 +313,12 @@ const At = () => /* @__PURE__ */ t(
       }
     )
   }
-), Et = (a) => {
+), Xt = (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) => {
+}, qt = (a) => {
   if (!a)
     return null;
   const r = a.split(".");
@@ -330,7 +331,7 @@ const At = () => /* @__PURE__ */ t(
     }
   }
   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"], ne = P(
+}, zt = (a, r) => new Date(r, a, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), Yt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ie = P(
   ({
     className: a,
     error: r,
@@ -340,33 +341,33 @@ const At = () => /* @__PURE__ */ t(
     placeholder: s = "Дата обращения в Контакт-центр",
     ...m
   }, 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, () => {
+    const [y, l] = I(""), [N, v] = I(!1), [c, C] = I((/* @__PURE__ */ new Date()).getMonth()), [h, b] = I((/* @__PURE__ */ new Date()).getFullYear()), [u, S] = I(null), F = n !== void 0, w = F ? n : y, { ref: L } = q(N, () => {
       v(!1);
-    }), B = R(() => Xt(w), [w]);
-    xe(() => {
-      B && (F(B), C(B.getMonth()), b(B.getFullYear()));
+    }), B = A(() => qt(w), [w]);
+    be(() => {
+      B && (S(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(), 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);
-      const T = 42 - D.length;
-      for (let S = 1; S <= T; S++)
-        D.push(S);
+    const T = A(() => {
+      const f = new Date(h, c, 1), V = new Date(h, c + 1, 0).getDate(), d = f.getDay(), D = [], W = new Date(h, c, 0).getDate();
+      for (let M = d - 1; M >= 0; M--)
+        D.push(W - M);
+      for (let M = 1; M <= V; M++)
+        D.push(M);
+      const H = 42 - D.length;
+      for (let M = 1; M <= H; M++)
+        D.push(M);
       return D;
-    }, [c, h]), W = (f) => {
+    }, [c, h]), O = (f) => {
       const p = f.target.value;
-      M || l(p), e == null || e(p);
-    }, $ = (f, p, V) => {
+      F || l(p), e == null || e(p);
+    }, Z = (f, p, V) => {
       if (f === null)
         return;
       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 = () => {
+      const W = new Date(D, d, f), H = Xt(W);
+      S(W), C(d), b(D), F || l(H), e == null || e(H), v(!1);
+    }, $ = () => {
       c === 0 ? (C(11), b(h - 1)) : C(c - 1);
     }, g = () => {
       c === 11 ? (C(0), b(h + 1)) : C(c + 1);
@@ -398,7 +399,7 @@ const At = () => /* @__PURE__ */ t(
                   onClick: () => v(!N),
                   className: "absolute left-4 flex items-center justify-center cursor-pointer",
                   tabIndex: -1,
-                  children: /* @__PURE__ */ t(At, {})
+                  children: /* @__PURE__ */ t(Rt, {})
                 }
               ),
               /* @__PURE__ */ t(
@@ -414,7 +415,7 @@ const At = () => /* @__PURE__ */ t(
                   ),
                   ref: k,
                   value: w,
-                  onChange: W,
+                  onChange: O,
                   placeholder: s,
                   onClick: () => v(!0),
                   readOnly: !0,
@@ -435,7 +436,7 @@ const At = () => /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: A,
+                    onClick: $,
                     className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
                     children: /* @__PURE__ */ t(
                       "svg",
@@ -459,7 +460,7 @@ const At = () => /* @__PURE__ */ t(
                     )
                   }
                 ),
-                /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-blackBG", children: qt(c, h) }),
+                /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-blackBG", children: zt(c, h) }),
                 /* @__PURE__ */ t(
                   "button",
                   {
@@ -489,7 +490,7 @@ const At = () => /* @__PURE__ */ t(
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1 mb-2", children: zt.map((f) => /* @__PURE__ */ t(
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1 mb-2", children: Yt.map((f) => /* @__PURE__ */ t(
                 "div",
                 {
                   className: "text-center text-xs font-medium text-grayBlue5 py-2",
@@ -497,27 +498,27 @@ const At = () => /* @__PURE__ */ t(
                 },
                 f
               )) }),
-              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: H.map((f, p) => {
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: T.map((f, p) => {
                 const d = new Date(h, c, 1).getDay(), D = new Date(
                   h,
                   c + 1,
                   0
-                ).getDate(), G = p < d, T = p >= d + D, S = !G && !T, ue = _(
+                ).getDate(), W = p < d, H = p >= d + D, M = !W && !H, fe = _(
                   f,
-                  G,
-                  T
+                  W,
+                  H
                 );
                 return /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => $(f, G, T),
+                    onClick: () => Z(f, W, H),
                     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]"
+                      M ? "text-blackBG" : "text-grayBlue5 opacity-50",
+                      fe && "bg-[#16A34A] text-white hover:bg-[#16A34A] focus:bg-[#16A34A]"
                     ),
                     children: f
                   },
@@ -532,8 +533,8 @@ const At = () => /* @__PURE__ */ t(
     ] });
   }
 );
-ne.displayName = "DateInput";
-const se = P(
+ie.displayName = "DateInput";
+const le = P(
   ({
     className: a,
     isFormatted: r,
@@ -545,9 +546,9 @@ const se = P(
     defaultValue: k,
     ...y
   }, l) => {
-    const N = be(null);
-    J(l, () => N.current);
-    const v = !!o || !!r, c = ye(
+    const N = ye(null);
+    te(l, () => N.current);
+    const v = !!o || !!r, c = we(
       (b) => {
         if (b == null || b === "")
           return "";
@@ -560,16 +561,16 @@ const se = P(
       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);
+        const u = b.target, S = u.value, F = S.replace(/\D/g, ""), w = u.selectionStart || 0, L = S.slice(0, w).replace(/\D/g, "").length, B = c(F);
         if (u.value = B, s) {
-          const H = u.value;
-          u.value = M, s(b), u.value = H;
+          const T = u.value;
+          u.value = F, s(b), u.value = T;
         }
         if (v) {
-          let H = 0, W = 0;
-          for (; W < L && H < u.value.length; )
-            /\d/.test(u.value[H]) && W++, H++;
-          u.setSelectionRange(H, H);
+          let T = 0, O = 0;
+          for (; O < L && T < u.value.length; )
+            /\d/.test(u.value[T]) && O++, T++;
+          u.setSelectionRange(T, T);
         }
       },
       className: x(
@@ -597,21 +598,21 @@ const se = P(
     ] });
   }
 );
-se.displayName = "NumberField";
-const Yt = {
+le.displayName = "NumberField";
+const Kt = {
   96: { name: "Кыргызстан", short: "KG", mask: "+996", length: 9 }
-}, Kt = (a) => {
+}, Qt = (a) => {
   const r = a.toUpperCase().split("").map((o) => 127397 + o.charCodeAt(0));
   return String.fromCodePoint(...r);
-}, Y = () => Object.entries(Yt).map(([a, r]) => ({
+}, K = () => Object.entries(Kt).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) => {
+  flag: Qt(r.short)
+})), E = (a) => K().find((o) => o.id === a), J = (a, r) => {
   const o = r.dialCode, n = r.length;
   let e = a;
   a.startsWith(o) && (e = a.slice(o.length));
@@ -620,10 +621,10 @@ const Yt = {
     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) => {
+}, Ut = (a, r) => {
   if (!a)
     return null;
-  const o = a.replace(/\D/g, ""), n = Y();
+  const o = a.replace(/\D/g, ""), n = K();
   if (a.startsWith("+")) {
     for (const e of n)
       if (a.startsWith(e.mask))
@@ -632,8 +633,8 @@ const Yt = {
   for (const e of n)
     if (o.startsWith(e.dialCode))
       return e;
-  return o.startsWith("0") && Z("96") || null;
-}, ie = P(
+  return o.startsWith("0") && E("96") || null;
+}, ce = P(
   ({
     className: a,
     error: r,
@@ -643,16 +644,16 @@ const Yt = {
     defaultCountry: s = "996",
     ...m
   }, 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, () => {
+    const [y, l] = I(""), [N, v] = I(s), [c, C] = I(!1), [h, b] = I(""), u = n !== void 0, S = u ? n : y, { ref: F } = q(c, () => {
       C(!1), b("");
-    }), w = R(() => Y(), []), L = Z(N) || w[0], B = R(() => {
+    }), w = A(() => K(), []), L = E(N) || w[0], B = A(() => {
       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) => {
+    }, [w, h]), O = ((g) => {
       if (!g)
         return "";
       const _ = g.replace(/\D/g, "");
@@ -660,21 +661,21 @@ const Yt = {
       (_.startsWith(L.dialCode) || g.startsWith(L.mask)) && (f = _.slice(L.dialCode.length));
       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) => {
+    })(S), Z = (g) => {
       v(g), C(!1), b("");
-      const _ = F.replace(/\D/g, ""), f = Z(g);
+      const _ = S.replace(/\D/g, ""), f = E(g);
       if (!f)
         return;
       let p = _;
       _.startsWith(L.dialCode) && (p = _.slice(L.dialCode.length));
-      const V = Q(p, f);
+      const V = J(p, f);
       u || l(V), e == null || e(V);
-    }, A = (g) => {
-      const _ = g.target.value, f = _.replace(/\D/g, ""), p = Qt(
+    }, $ = (g) => {
+      const _ = g.target.value, f = _.replace(/\D/g, ""), p = Ut(
         _
       );
       p && p.id !== N && v(p.id);
-      const V = p || Z(N) || L, d = Q(f, V);
+      const V = p || E(N) || L, d = J(f, V);
       u || l(d), e == null || e(d);
     };
     return /* @__PURE__ */ i("div", { className: "w-full", children: [
@@ -696,7 +697,7 @@ const Yt = {
             /* @__PURE__ */ i(
               "div",
               {
-                ref: M,
+                ref: F,
                 className: "relative",
                 children: [
                   /* @__PURE__ */ i(
@@ -759,7 +760,7 @@ const Yt = {
                       "button",
                       {
                         type: "button",
-                        onClick: () => $(g.id),
+                        onClick: () => Z(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",
@@ -794,8 +795,8 @@ const Yt = {
                   a
                 ),
                 ref: k,
-                value: W,
-                onChange: A,
+                value: O,
+                onChange: $,
                 placeholder: "XXX XXX XXX",
                 ...m
               }
@@ -807,8 +808,8 @@ const Yt = {
     ] });
   }
 );
-ie.displayName = "PhoneInput";
-const le = P(
+ce.displayName = "PhoneInput";
+const pe = P(
   ({
     label: a,
     options: r,
@@ -828,7 +829,7 @@ const le = P(
           k === "column" ? "flex-col" : "flex-row flex-wrap"
         ),
         children: r.map((l) => /* @__PURE__ */ t(
-          ce,
+          de,
           {
             name: n,
             label: l.label,
@@ -844,8 +845,8 @@ const le = P(
     s && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: s })
   ] })
 );
-le.displayName = "RadioGroup";
-const ce = P(
+pe.displayName = "RadioGroup";
+const de = 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 +894,8 @@ const ce = P(
     o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-ce.displayName = "Radio";
-const pe = P(
+de.displayName = "Radio";
+const me = P(
   ({
     className: a,
     error: r,
@@ -912,18 +913,18 @@ const pe = P(
       ref: c,
       isShow: C,
       setIsShow: h
-    } = X(!1);
-    J(v, () => c.current);
+    } = q(!1);
+    te(v, () => c.current);
     const b = n.find((w) => w.value === s), u = () => {
       l || h(!C);
-    }, F = (w) => {
+    }, S = (w) => {
       m && m({
         target: {
           name: y,
           value: w.value
         }
       }), h(!1);
-    }, M = (w) => {
+    }, F = (w) => {
       k && k({
         target: {
           name: y,
@@ -936,7 +937,7 @@ const pe = P(
       {
         className: x("w-full", a),
         ref: c,
-        onBlur: M,
+        onBlur: F,
         ...N,
         children: [
           o && /* @__PURE__ */ t("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: o }),
@@ -993,7 +994,7 @@ const pe = P(
                   "button",
                   {
                     type: "button",
-                    onClick: () => F(w),
+                    onClick: () => S(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",
@@ -1014,11 +1015,11 @@ const pe = P(
     );
   }
 );
-pe.displayName = "Select";
-const Ut = {
-  TitleBlock: te,
-  WarningCard: q
-}, Jt = [
+me.displayName = "Select";
+const Jt = {
+  TitleBlock: oe,
+  WarningCard: z
+}, er = [
   {
     label: "TitleBlock",
     value: "TitleBlock"
@@ -1027,23 +1028,23 @@ const Ut = {
     label: "WarningCard",
     value: "WarningCard"
   }
-], er = {
-  text: ae,
-  number: se,
-  phone: ie,
-  select: pe,
-  date: ne,
-  radio: le,
-  checkbox: oe,
-  file: Ke
-}, tr = (a, {
+], tr = {
+  text: se,
+  number: le,
+  phone: ce,
+  select: me,
+  date: ie,
+  radio: pe,
+  checkbox: ne,
+  file: Qe
+}, rr = (a, {
   register: r,
   errors: o,
   control: n
 }) => a.map((e, s) => {
   var k;
   if ((e == null ? void 0 : e.componentType) === "component") {
-    const y = Ut[e == null ? void 0 : e.key];
+    const y = Jt[e == null ? void 0 : e.key];
     if (y)
       return /* @__PURE__ */ t(
         y,
@@ -1053,13 +1054,13 @@ const Ut = {
         s
       );
   }
-  const m = er[e == null ? void 0 : e.type];
+  const m = tr[e == null ? void 0 : e.type];
   if (m) {
     const y = ["select", "radio", "checkbox", "file"].includes(
       e.type
     ), l = (k = o[e.name]) == null ? void 0 : k.message;
     return y && n ? /* @__PURE__ */ t(
-      qe,
+      ze,
       {
         name: e.name,
         control: n,
@@ -1090,54 +1091,70 @@ const Ut = {
     );
   }
   return null;
-}), de = ({
+}), Q = ({
   label: a,
   type: r,
   options: o
 }) => ({
-  dataType: jt.select,
+  dataType: X.select,
   label: a,
   type: r,
   options: o
-}), ua = {
+}), ga = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   subtitle: "с Вами свяжется наш специалист и поможет с подключением сервиса"
-}, fa = {
+}, xa = {
   title: "Форма заявки",
   description: "Форма заявки ",
-  types: [U.form]
+  types: [ee.form]
   // propsToEdit: propsToEdit,
-}, rr = {
+}, or = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   description: "с Вами свяжется наш специалист и поможет с подключением сервиса",
   color: "#45464b"
-}, or = de({
+}, ar = Q({
   label: "Тип поля",
   type: "componentType",
-  options: Ot
-}), ar = de({
+  options: jt
+}), nr = Q({
   label: "Компонент",
   type: "componentType",
-  options: Jt
-}), nr = {
+  options: er
+}), sr = Q({
+  label: "Тип поля",
+  type: "fieldType",
+  options: Et
+}), ir = {
   type: "fields",
   dataType: "array",
   label: "Поля для формы",
   data: {
-    componentType: or,
-    type: j.STRING,
-    key: ar,
-    name: j.STRING,
-    field_props: {
-      label: j.STRING,
-      placeholder: j.STRING
+    componentType: ar,
+    type: sr,
+    key: nr,
+    name: G.STRING,
+    props: {
+      dataType: X.object,
+      keys: {
+        title: G.TITLE,
+        description: G.DESCRIPTION,
+        html_content: G.HTML_CONTENT
+      }
     },
-    form_item_props: {
-      label: j.STRING,
-      placeholder: j.STRING
+    field_props: {
+      dataType: X.object,
+      keys: {
+        label: G.TITLE,
+        placeholder: G.DESCRIPTION,
+        is_required: G.BOOLEAN
+      }
     }
+    // form_item_props: {
+    //   label: FieldTypes.STRING,
+    //   placeholder: FieldTypes.STRING,
+    // },
   }
-}, sr = ["title", "subtitle", "color", nr], me = ({
+}, lr = ["title", "subtitle", "color", ir], ue = ({
   title: a,
   subtitle: r,
   color: o,
@@ -1146,31 +1163,31 @@ const Ut = {
   fields: s = []
 }) => {
   var L;
-  const [m, k] = I(!1), [y, l] = I(!1), N = Ye(960), {
+  const [m, k] = I(!1), [y, l] = I(!1), N = Ke(960), {
     register: v,
     handleSubmit: c,
     watch: C,
     reset: h,
     control: b,
     formState: { errors: u }
-  } = ze({
+  } = Ye({
     defaultValues: {
       fio: "",
       phone: "",
       business_category: "",
       agreement: !1
     }
-  }), F = C("agreement"), M = async (B) => {
+  }), S = C("agreement"), F = async (B) => {
     console.log("Form submitted:", B);
-  }, w = tr(s || [], {
+  }, w = rr(s || [], {
     register: v,
     errors: u,
     control: b
   });
-  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
     "form",
     {
-      onSubmit: c(M),
+      onSubmit: c(F),
       id: "application_form",
       className: "w-full",
       children: /* @__PURE__ */ i(
@@ -1208,7 +1225,7 @@ const Ut = {
                 /* @__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,
+                  R,
                   {
                     className: "justify-center m-auto mt-6",
                     title: "Закрыть",
@@ -1218,7 +1235,7 @@ const Ut = {
                   }
                 )
               ] })
-            ] }) }) : /* @__PURE__ */ i(K, { children: [
+            ] }) }) : /* @__PURE__ */ i(U, { children: [
               /* @__PURE__ */ t(
                 "div",
                 {
@@ -1231,13 +1248,13 @@ const Ut = {
                 }
               ),
               /* @__PURE__ */ t("div", { className: "pt-2", children: /* @__PURE__ */ t(
-                z,
+                Y,
                 {
                   ...v("agreement", {
                     required: "Необходимо согласие на обработку персональных данных"
                   }),
                   error: (L = u.agreement) == null ? void 0 : L.message,
-                  label: /* @__PURE__ */ i(K, { children: [
+                  label: /* @__PURE__ */ i(U, { children: [
                     "Я соглашаюсь с",
                     " ",
                     /* @__PURE__ */ t(
@@ -1255,14 +1272,14 @@ const Ut = {
                 }
               ) }),
               /* @__PURE__ */ t("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ t(
-                E,
+                R,
                 {
                   loading: y,
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
-                  size: ve.XL,
-                  variant: Ce.Primary,
-                  disabled: !F || y,
+                  size: Ce.XL,
+                  variant: De.Primary,
+                  disabled: !S || y,
                   children: "Отправить заявку"
                 }
               ) })
@@ -1273,112 +1290,112 @@ const Ut = {
     }
   ) });
 };
-me.propsToEdit = sr;
-const ha = {
+ue.propsToEdit = lr;
+const ba = {
   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 },
+  Banner: { key: "Banner", component: xe },
+  CardImageList: { key: "CardImageList", component: Te },
+  Stepper: { key: "Stepper", component: Ne },
+  Segments: { key: "Segments", component: Le },
+  VideoFull: { key: "VideoFull", component: _e },
+  VideoList: { key: "VideoList", component: Be },
+  VideoListMini: { key: "VideoListMini", component: Me },
   ContentCardList: { key: "ContentCardList", component: Se },
   CardIconList: { key: "CardIconList", component: Fe },
-  MultiCards: { key: "MultiCards", component: Me },
-  Partners: { key: "Partners", component: Ve },
+  MultiCards: { key: "MultiCards", component: Ve },
+  Partners: { key: "Partners", component: Ie },
   PartnersColors: { key: "PartnersColors", component: Ge },
-  WarningCard: { key: "WarningCard", component: q },
-  Faq: { key: "Faq", component: Te },
+  WarningCard: { key: "WarningCard", component: z },
+  Faq: { key: "Faq", component: Pe },
   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: rt },
+  DownloadFileHalf: { key: "DownloadFileHalf", component: Ae },
+  DownloadFileFull: { key: "DownloadFileFull", component: Ee },
+  DownloadFileMini: { key: "DownloadFileMini", component: Ze },
+  InstructionList: { key: "InstructionList", component: We },
+  PreviewList: { key: "PreviewList", component: Oe },
+  SwiperList: { key: "SwiperList", component: ot },
   AnimatedSwiper: { key: "AnimatedSwiper", component: $e },
-  InfoBannerList: { key: "InfoBannerList", component: Qe },
-  TasksBannerList: { key: "TasksBannerList", component: ot },
-  VideoMainBanner: { key: "VideoMainBanner", component: at },
-  Space: { key: "Space", component: et },
-  PromoPoster: { key: "PromoPoster", component: Je },
+  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
+    component: Re
   },
-  CardInfoTable: { key: "CardInfoTable", component: Ee },
-  StandartTable: { key: "StandartTable", component: tt },
-  IntroBanner: { key: "IntroBanner", component: Ue },
+  CardInfoTable: { key: "CardInfoTable", component: Xe },
+  StandartTable: { key: "StandartTable", component: rt },
+  IntroBanner: { key: "IntroBanner", component: Je },
   DownloadFileBright: {
     key: "DownloadFileBright",
-    component: Xe
+    component: qe
   },
   FormDefault: {
     key: "FormDefault",
-    component: me
+    component: ue
   },
-  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: pt.component_props,
-  VideoList: dt.component_props,
-  VideoListMini: mt.component_props,
-  ContentCardList: ut.component_props,
-  CardIconList: ft.component_props,
-  MultiCards: ht.component_props,
-  Partners: gt.component_props,
-  PartnersColors: xt.component_props,
-  WarningCard: bt.component_props,
-  Faq: yt.component_props,
-  DownloadFileBanner: wt.component_props,
-  DownloadFileHalf: kt.component_props,
-  DownloadFileFull: vt.component_props,
-  DownloadFileMini: Ct.component_props,
-  InstructionList: Dt.component_props,
-  PreviewList: Nt.component_props,
-  SwiperList: Lt.component_props,
-  AnimatedSwiper: _t.component_props,
-  InfoBannerList: Bt.component_props,
+  Header: { key: "Header", component: At },
+  Footer: { key: "Footer", component: Zt },
+  TitleBlock: { key: "TitleBlock", component: oe }
+}, ya = {
+  MainBanner: st.component_props,
+  Banner: it.component_props,
+  CardImageList: lt.component_props,
+  Stepper: ct.component_props,
+  Segments: pt.component_props,
+  VideoFull: dt.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: kt.component_props,
+  DownloadFileHalf: vt.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: Mt.component_props,
   TasksBannerList: St.component_props,
   VideoMainBanner: Ft.component_props,
-  EmptyBox: Mt.component_props,
-  PromoPoster: Vt.component_props,
-  CardImageSecondaryList: It.component_props,
+  EmptyBox: Vt.component_props,
+  PromoPoster: It.component_props,
+  CardImageSecondaryList: Tt.component_props,
   CardInfoTable: Ht.component_props,
-  StandartTable: Tt.component_props,
-  IntroBanner: Pt.component_props,
+  StandartTable: Pt.component_props,
+  IntroBanner: Wt.component_props,
   DownloadFileBright: Gt.component_props,
-  FormDefault: rr,
-  TitleBlock: Wt.component_props
-}, xa = {
+  FormDefault: or,
+  TitleBlock: Ot.component_props
+}, wa = {
   title: "Предупреждающая карточка",
   description: "Компонент для отображения предупреждающей информации в виде карточки с иконкой, заголовком и описанием. Используется для привлечения внимания к важной информации или предупреждениям.",
-  types: [U.cards],
-  propsToEdit: re
+  types: [ee.cards],
+  propsToEdit: ae
 };
 export {
-  ga as A,
-  me as F,
-  q 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
+  ya as A,
+  ue as F,
+  z as W,
+  ba as a,
+  er as b,
+  Jt as c,
+  or as d,
+  ir as e,
+  xa as f,
+  lr as g,
+  ga as i,
+  ae as p,
+  rr as r,
+  wa as w
 };