md-components-mdigial-azamat 0.0.96 → 0.0.97

package/dist/ActionIconList/ActionIconList.js

@@ -31,7 +31,7 @@ import "../PartnersColors/PartnersColors.js";
 import "../PreviewList/PreviewList.js";
 import "../Cards/CardImage/CardImage.js";
 import "../Cards/ContentCard/ContentCard.js";
-import "../info-90d541ed.js";
+import "../info-085c4fc3.js";
 import "../Cards/ColoredCard/index.js";
 import "../Cards/FeaturesCard/index.js";
 import "../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/AllComponents.js

@@ -8,7 +8,7 @@ import "./CardInfoTable/index.js";
 import "./ContentCardList/ContentCardList.js";
 import "./DownloadFile/components/DownloadFileBright/index.js";
 import "./Faq/Faq.js";
-import { a as Xo, A as Yo } from "./info-90d541ed.js";
+import { a as Xo, A as Yo } from "./info-085c4fc3.js";
 import "./InfoBannerList/InfoBannerList.js";
 import "./IntroBanner/IntroBanner.js";
 import "./MainBanner/MainBanner.js";

package/dist/AllComponentsInfo.js

@@ -10,7 +10,7 @@ import { cardImageInfo as f } from "./Cards/CardImage/info.js";
 import { coloredCardInfo as I } from "./Cards/ColoredCard/info.js";
 import { contentCardInfo as d } from "./Cards/ContentCard/info.js";
 import { featuresCardInfo as p } from "./Cards/FeaturesCard/info.js";
-import { w as s, f as l } from "./info-90d541ed.js";
+import { w as s, f as l } from "./info-085c4fc3.js";
 import { contentCardListInfo as C } from "./ContentCardList/info.js";
 import { downloadFileBannerInfo as B } from "./DownloadFile/components/DownloadFileBanner/info.js";
 import { downloadFileBrightInfo as L } from "./DownloadFile/components/DownloadFileBright/info.js";

package/dist/Cards/WarningCard/WarningCard.js

@@ -29,7 +29,7 @@ import "../../PartnersColors/PartnersColors.js";
 import "../../PreviewList/PreviewList.js";
 import "../CardImage/CardImage.js";
 import "../ContentCard/ContentCard.js";
-import { W as Zr, p as _r } from "../../info-90d541ed.js";
+import { W as Zr, p as _r } from "../../info-085c4fc3.js";
 import "../ColoredCard/index.js";
 import "../FeaturesCard/index.js";
 import "../../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/Cards/WarningCard/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../info-90d541ed.js";
+import { W as n } from "../../info-085c4fc3.js";
 export {
   n as WarningCard
 };

package/dist/Cards/WarningCard/info.js

@@ -1,5 +1,5 @@
 import "../../index-0a5f313c.js";
-import { w as n } from "../../info-90d541ed.js";
+import { w as n } from "../../info-085c4fc3.js";
 export {
   n as warningCardInfo
 };

package/dist/Forms/FormDefault/index.js

@@ -3,7 +3,7 @@ import "react";
 import "../../index-a0ed2e4a.js";
 import "../../index-875e92ce.js";
 import "../../const-53dff524.js";
-import { F as f, g as F } from "../../info-90d541ed.js";
+import { F as f, g as F } from "../../info-085c4fc3.js";
 import "../../ComponentContainer-dca711c6.js";
 import "../../useScreenSize-c1b64c02.js";
 export {

package/dist/Forms/FormDefault/info.js

@@ -28,7 +28,7 @@ import "../../PartnersColors/PartnersColors.js";
 import "../../PreviewList/PreviewList.js";
 import "../../Cards/CardImage/CardImage.js";
 import "../../Cards/ContentCard/ContentCard.js";
-import { e as _o, f as $o, d as or, i as rr } from "../../info-90d541ed.js";
+import { e as _o, f as $o, d as or, i as rr } from "../../info-085c4fc3.js";
 import "../../Cards/ColoredCard/index.js";
 import "../../Cards/FeaturesCard/index.js";
 import "../../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/Forms/helpers/renderFormFields.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-a0ed2e4a.js";
 import "../../FileLoader/index.js";
-import { r as p } from "../../info-90d541ed.js";
+import { r as p } from "../../info-085c4fc3.js";
 export {
   p as renderFormFields
 };

package/dist/Forms/model/components.js

@@ -28,7 +28,7 @@ import "../../PartnersColors/PartnersColors.js";
 import "../../PreviewList/PreviewList.js";
 import "../../Cards/CardImage/CardImage.js";
 import "../../Cards/ContentCard/ContentCard.js";
-import { b as Wo, c as Xo } from "../../info-90d541ed.js";
+import { b as Wo, c as Xo } from "../../info-085c4fc3.js";
 import "../../Cards/ColoredCard/index.js";
 import "../../Cards/FeaturesCard/index.js";
 import "../../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/PageViewer/renderComponents.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as f } from "../componentsMap-6f54f1c8.js";
+import { c as f } from "../componentsMap-280a0148.js";
 const a = (p) => p.map((r) => {
   const s = f[r.key];
   if (!s)

package/dist/RenderAllComponents/RenderAllComponents.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import { c as i } from "../componentsMap-6f54f1c8.js";
+import { c as i } from "../componentsMap-280a0148.js";
 const d = ({ components: o, device: p }) => /* @__PURE__ */ n(t, { children: o.map((r) => {
   const e = i[r.key];
   return e ? /* @__PURE__ */ n(

package/dist/{componentsMap-6f54f1c8.js → componentsMap-280a0148.js}

@@ -10,7 +10,7 @@ import { CardImage as p } from "./Cards/CardImage/CardImage.js";
 import { ColoredCard as f } from "./Cards/ColoredCard/index.js";
 import { ContentCard as s } from "./Cards/ContentCard/ContentCard.js";
 import { FeaturesCard as d } from "./Cards/FeaturesCard/index.js";
-import { W as l, F as C } from "./info-90d541ed.js";
+import { W as l, F as C } from "./info-085c4fc3.js";
 import { ContentCardList as B } from "./ContentCardList/ContentCardList.js";
 import { DownloadFileBanner as F } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
 import { DownloadFileBright as L } from "./DownloadFile/components/DownloadFileBright/index.js";

package/dist/{info-90d541ed.js → info-085c4fc3.js}

@@ -11,7 +11,7 @@ import "./Header/components/HeaderTabsMobile/HeaderTabsMobile.js";
 import { HtmlContent as ke } from "./HtmlContent/HtmlContent.js";
 import "./Header/components/TabsOutlined/TabsOutlined.js";
 import { B as R } from "./index-875e92ce.js";
-import { B as ve, a as Ce, b as De } from "./const-53dff524.js";
+import { B as Ce, a as ve, 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";
@@ -60,7 +60,7 @@ 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 pt, V as dt, c as mt, d as ut, e as ft, f as ht, g as gt, P as bt, h as xt, 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 { M as st, B as lt, C as it, 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 bt, h as xt, W as yt, F as wt, k as kt, D as Ct, l as vt, 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";
@@ -118,21 +118,21 @@ const ae = [
   "description",
   "description_color",
   "html_content",
-  ve,
+  Ce,
   he
 ], z = ({
   title: a,
   description: r,
   button: o,
-  html_content: n,
+  html_content: s,
   variant: e = ge.Orange
 }) => {
-  var s, m, k, y;
+  var l, m, k, y;
   return /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
     "div",
     {
       className: "rounded-[24px] p-6",
-      style: { background: (s = j[e]) == null ? void 0 : s.background },
+      style: { background: (l = j[e]) == null ? void 0 : l.background },
       children: /* @__PURE__ */ i("div", { className: "flex gap-4 items-center justify-between", children: [
         /* @__PURE__ */ i(
           "div",
@@ -163,7 +163,7 @@ const ae = [
                     children: r
                   }
                 ),
-                n && /* @__PURE__ */ t(ke, { data: n })
+                s && /* @__PURE__ */ t(ke, { data: s })
               ] })
             ]
           }
@@ -177,24 +177,24 @@ z.propsToEdit = ae;
 const ne = P(
   ({
     label: a,
-    options: r,
+    options: r = [],
     value: o = [],
-    onChange: n,
+    onChange: s,
     error: e,
-    className: s,
+    className: l,
     direction: m = "column"
   }, k) => {
-    const y = (l) => {
-      if (!n)
+    const y = (n) => {
+      if (!s)
         return;
-      const N = o.includes(l) ? o.filter((v) => v !== l) : [...o, l];
-      n(N);
+      const N = o.includes(n) ? o.filter((C) => C !== n) : [...o, n];
+      s(N);
     };
     return /* @__PURE__ */ i(
       "div",
       {
         ref: k,
-        className: b("flex flex-col gap-2", s),
+        className: b("flex flex-col gap-2", l),
         children: [
           a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
           /* @__PURE__ */ t(
@@ -204,15 +204,15 @@ const ne = P(
                 "flex gap-4",
                 m === "column" ? "flex-col" : "flex-row flex-wrap"
               ),
-              children: r.map((l) => /* @__PURE__ */ t(
+              children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t(
                 Y,
                 {
-                  label: l.label,
-                  checked: o.includes(l.value),
-                  onChange: () => y(l.value),
-                  error: e && o.length === 0 ? e : void 0
+                  label: n == null ? void 0 : n.label,
+                  checked: o.includes(n == null ? void 0 : n.value),
+                  onChange: () => y(n == null ? void 0 : n.value),
+                  error: e && (o == null ? void 0 : o.length) === 0 ? e : void 0
                 },
-                l.value
+                n == null ? void 0 : n.value
               ))
             }
           ),
@@ -224,7 +224,7 @@ const ne = P(
 );
 ne.displayName = "CheckboxGroup";
 const Y = P(
-  ({ className: a, label: r, error: o, ...n }, e) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+  ({ className: a, label: r, error: o, ...s }, 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(
@@ -233,7 +233,7 @@ const Y = P(
             type: "checkbox",
             className: "peer sr-only",
             ref: e,
-            ...n
+            ...s
           }
         ),
         /* @__PURE__ */ t(
@@ -273,8 +273,8 @@ const Y = 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 }),
+  ({ className: a, type: r, error: o, label: s, ...e }, l) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+    s && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: s }),
     /* @__PURE__ */ t(
       "input",
       {
@@ -289,7 +289,7 @@ const se = P(
           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,
+        ref: l,
         ...e
       }
     ),
@@ -316,40 +316,40 @@ const Rt = () => /* @__PURE__ */ t(
 ), 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}`;
+  const r = String(a.getDate()).padStart(2, "0"), o = String(a.getMonth() + 1).padStart(2, "0"), s = a.getFullYear();
+  return `${r}.${o}.${s}`;
 }, qt = (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;
+    const o = parseInt(r[0], 10), s = parseInt(r[1], 10) - 1, e = parseInt(r[2], 10);
+    if (!isNaN(o) && !isNaN(s) && !isNaN(e)) {
+      const l = new Date(e, s, o);
+      if (l.getDate() === o && l.getMonth() === s && l.getFullYear() === e)
+        return l;
     }
   }
   return null;
-}, 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(
+}, zt = (a, r) => new Date(r, a, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), Yt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], le = P(
   ({
     className: a,
     error: r,
     label: o,
-    value: n,
+    value: s,
     onChange: e,
-    placeholder: s = "Дата обращения в Контакт-центр",
+    placeholder: l = "Дата обращения в Контакт-центр",
     ...m
   }, k) => {
-    const [y, l] = I(""), [N, v] = I(!1), [c, C] = I((/* @__PURE__ */ new Date()).getMonth()), [h, x] = I((/* @__PURE__ */ new Date()).getFullYear()), [u, S] = I(null), F = n !== void 0, w = F ? n : y, { ref: L } = q(N, () => {
-      v(!1);
+    const [y, n] = I(""), [N, C] = I(!1), [c, v] = I((/* @__PURE__ */ new Date()).getMonth()), [h, x] = I((/* @__PURE__ */ new Date()).getFullYear()), [u, S] = I(null), F = s !== void 0, w = F ? s : y, { ref: L } = q(N, () => {
+      C(!1);
     }), B = A(() => qt(w), [w]);
     xe(() => {
-      B && (S(B), C(B.getMonth()), x(B.getFullYear()));
+      B && (S(B), v(B.getMonth()), x(B.getFullYear()));
     }, [B]);
     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--)
+      const f = new Date(h, c, 1), V = new Date(h, c + 1, 0).getDate(), p = f.getDay(), D = [], W = new Date(h, c, 0).getDate();
+      for (let M = p - 1; M >= 0; M--)
         D.push(W - M);
       for (let M = 1; M <= V; M++)
         D.push(M);
@@ -358,24 +358,24 @@ const Rt = () => /* @__PURE__ */ t(
         D.push(M);
       return D;
     }, [c, h]), O = (f) => {
-      const p = f.target.value;
-      F || l(p), e == null || e(p);
-    }, Z = (f, p, V) => {
+      const d = f.target.value;
+      F || n(d), e == null || e(d);
+    }, Z = (f, d, 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 W = new Date(D, d, f), H = Xt(W);
-      S(W), C(d), x(D), F || l(H), e == null || e(H), v(!1);
+      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 W = new Date(D, p, f), H = Xt(W);
+      S(W), v(p), x(D), F || n(H), e == null || e(H), C(!1);
     }, $ = () => {
-      c === 0 ? (C(11), x(h - 1)) : C(c - 1);
+      c === 0 ? (v(11), x(h - 1)) : v(c - 1);
     }, g = () => {
-      c === 11 ? (C(0), x(h + 1)) : C(c + 1);
-    }, _ = (f, p, V) => {
+      c === 11 ? (v(0), x(h + 1)) : v(c + 1);
+    }, _ = (f, d, V) => {
       if (!u || f === null)
         return !1;
-      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;
+      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 }),
@@ -396,7 +396,7 @@ const Rt = () => /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => v(!N),
+                  onClick: () => C(!N),
                   className: "absolute left-4 flex items-center justify-center cursor-pointer",
                   tabIndex: -1,
                   children: /* @__PURE__ */ t(Rt, {})
@@ -416,8 +416,8 @@ const Rt = () => /* @__PURE__ */ t(
                   ref: k,
                   value: w,
                   onChange: O,
-                  placeholder: s,
-                  onClick: () => v(!0),
+                  placeholder: l,
+                  onClick: () => C(!0),
                   readOnly: !0,
                   ...m
                 }
@@ -498,12 +498,12 @@ const Rt = () => /* @__PURE__ */ t(
                 },
                 f
               )) }),
-              /* @__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(
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: T.map((f, d) => {
+                const p = new Date(h, c, 1).getDay(), D = new Date(
                   h,
                   c + 1,
                   0
-                ).getDate(), W = p < d, H = p >= d + D, M = !W && !H, fe = _(
+                ).getDate(), W = d < p, H = d >= p + D, M = !W && !H, fe = _(
                   f,
                   W,
                   H
@@ -522,7 +522,7 @@ const Rt = () => /* @__PURE__ */ t(
                     ),
                     children: f
                   },
-                  p
+                  d
                 );
               }) })
             ]
@@ -533,40 +533,40 @@ const Rt = () => /* @__PURE__ */ t(
     ] });
   }
 );
-ie.displayName = "DateInput";
-const le = P(
+le.displayName = "DateInput";
+const ie = P(
   ({
     className: a,
     isFormatted: r,
     isReadable: o,
-    error: n,
+    error: s,
     label: e,
-    onChange: s,
+    onChange: l,
     value: m,
     defaultValue: k,
     ...y
-  }, l) => {
+  }, n) => {
     const N = ye(null);
-    te(l, () => N.current);
-    const v = !!o || !!r, c = we(
+    te(n, () => N.current);
+    const C = !!o || !!r, c = we(
       (x) => {
         if (x == null || x === "")
           return "";
         const u = Array.isArray(x) ? x.join("").replace(/\D/g, "") : x.toString().replace(/\D/g, "");
-        return v ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
+        return C ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
       },
-      [v]
+      [C]
     ), h = {
       ...y,
       type: "text",
       inputMode: "numeric",
       onChange: (x) => {
         const u = x.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) {
+        if (u.value = B, l) {
           const T = u.value;
-          u.value = F, s(x), u.value = T;
+          u.value = F, l(x), u.value = T;
         }
-        if (v) {
+        if (C) {
           let T = 0, O = 0;
           for (; O < L && T < u.value.length; )
             /\d/.test(u.value[T]) && O++, T++;
@@ -581,7 +581,7 @@ const le = P(
         "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)]",
+        s && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
         a
       )
     };
@@ -594,11 +594,11 @@ const le = P(
           ref: N
         }
       ) }),
-      n && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: n })
+      s && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: s })
     ] });
   }
 );
-le.displayName = "NumberField";
+ie.displayName = "NumberField";
 const Kt = {
   96: { name: "Кыргызстан", short: "KG", mask: "+996", length: 9 }
 }, Qt = (a) => {
@@ -613,24 +613,24 @@ const Kt = {
   length: r.length,
   flag: Qt(r.short)
 })), E = (a) => K().find((o) => o.id === a), J = (a, r) => {
-  const o = r.dialCode, n = r.length;
+  const o = r.dialCode, s = r.length;
   let e = a;
   a.startsWith(o) && (e = a.slice(o.length));
-  const s = e.slice(0, n);
-  if (s.length === 0)
+  const l = e.slice(0, s);
+  if (l.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}`;
+  let m = l;
+  return l.length > 6 ? m = `${l.slice(0, 3)} ${l.slice(3, 6)} ${l.slice(6)}` : l.length > 3 && (m = `${l.slice(0, 3)} ${l.slice(3)}`), `${r.mask} ${m}`;
 }, Ut = (a, r) => {
   if (!a)
     return null;
-  const o = a.replace(/\D/g, ""), n = K();
+  const o = a.replace(/\D/g, ""), s = K();
   if (a.startsWith("+")) {
-    for (const e of n)
+    for (const e of s)
       if (a.startsWith(e.mask))
         return e;
   }
-  for (const e of n)
+  for (const e of s)
     if (o.startsWith(e.dialCode))
       return e;
   return o.startsWith("0") && E("96") || null;
@@ -639,13 +639,13 @@ const Kt = {
     className: a,
     error: r,
     label: o,
-    value: n,
+    value: s,
     onChange: e,
-    defaultCountry: s = "996",
+    defaultCountry: l = "996",
     ...m
   }, k) => {
-    const [y, l] = I(""), [N, v] = I(s), [c, C] = I(!1), [h, x] = I(""), u = n !== void 0, S = u ? n : y, { ref: F } = q(c, () => {
-      C(!1), x("");
+    const [y, n] = I(""), [N, C] = I(l), [c, v] = I(!1), [h, x] = I(""), u = s !== void 0, S = u ? s : y, { ref: F } = q(c, () => {
+      v(!1), x("");
     }), w = A(() => K(), []), L = E(N) || w[0], B = A(() => {
       if (!h)
         return w;
@@ -659,24 +659,24 @@ const Kt = {
       const _ = g.replace(/\D/g, "");
       let f = _;
       (_.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)}`;
+      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)}`;
     })(S), Z = (g) => {
-      v(g), C(!1), x("");
+      C(g), v(!1), x("");
       const _ = S.replace(/\D/g, ""), f = E(g);
       if (!f)
         return;
-      let p = _;
-      _.startsWith(L.dialCode) && (p = _.slice(L.dialCode.length));
-      const V = J(p, f);
-      u || l(V), e == null || e(V);
+      let d = _;
+      _.startsWith(L.dialCode) && (d = _.slice(L.dialCode.length));
+      const V = J(d, f);
+      u || n(V), e == null || e(V);
     }, $ = (g) => {
-      const _ = g.target.value, f = _.replace(/\D/g, ""), p = Ut(
+      const _ = g.target.value, f = _.replace(/\D/g, ""), d = Ut(
         _
       );
-      p && p.id !== N && v(p.id);
-      const V = p || E(N) || L, d = J(f, V);
-      u || l(d), e == null || e(d);
+      d && d.id !== N && C(d.id);
+      const V = d || E(N) || L, p = J(f, V);
+      u || n(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 }),
@@ -704,7 +704,7 @@ const Kt = {
                     "button",
                     {
                       type: "button",
-                      onClick: () => C(!c),
+                      onClick: () => v(!c),
                       className: b(
                         "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",
@@ -809,45 +809,52 @@ const Kt = {
   }
 );
 ce.displayName = "PhoneInput";
-const pe = P(
+const de = P(
   ({
     label: a,
-    options: r,
-    value: o,
-    name: n,
+    options: r = [],
+    value: o = [],
+    name: s,
     onChange: e,
-    error: s,
+    error: l,
     className: m,
     direction: k = "column"
-  }, y) => /* @__PURE__ */ i("div", { ref: y, className: b("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: b(
-          "flex gap-4",
-          k === "column" ? "flex-col" : "flex-row flex-wrap"
-        ),
-        children: r.map((l) => /* @__PURE__ */ t(
-          de,
+  }, y) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: y,
+      className: b("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",
           {
-            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 })
-  ] })
+            className: b(
+              "flex gap-4",
+              k === "column" ? "flex-col" : "flex-row flex-wrap"
+            ),
+            children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t(
+              pe,
+              {
+                name: s,
+                label: n == null ? void 0 : n.label,
+                value: n == null ? void 0 : n.value,
+                checked: o === (n == null ? void 0 : n.value),
+                onChange: () => e == null ? void 0 : e(n == null ? void 0 : n.value),
+                error: l && !o ? l : void 0
+              },
+              n == null ? void 0 : n.value
+            ))
+          }
+        ),
+        l && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: l })
+      ]
+    }
+  )
 );
-pe.displayName = "RadioGroup";
-const de = P(
-  ({ className: a, label: r, error: o, ...n }, e) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+de.displayName = "RadioGroup";
+const pe = P(
+  ({ className: a, label: r, error: o, ...s }, 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(
@@ -856,7 +863,7 @@ const de = P(
             type: "radio",
             className: "peer sr-only",
             ref: e,
-            ...n
+            ...s
           }
         ),
         /* @__PURE__ */ t(
@@ -894,29 +901,29 @@ const de = P(
     o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-de.displayName = "Radio";
+pe.displayName = "Radio";
 const me = P(
   ({
     className: a,
     error: r,
     label: o,
-    options: n = [],
+    options: s = [],
     placeholder: e = "Выберите категорию",
-    value: s,
+    value: l,
     onChange: m,
     onBlur: k,
     name: y,
-    disabled: l,
+    disabled: n,
     ...N
-  }, v) => {
+  }, C) => {
     const {
       ref: c,
-      isShow: C,
+      isShow: v,
       setIsShow: h
     } = q(!1);
-    te(v, () => c.current);
-    const x = n.find((w) => w.value === s), u = () => {
-      l || h(!C);
+    te(C, () => c.current);
+    const x = s.find((w) => w.value === l), u = () => {
+      n || h(!v);
     }, S = (w) => {
       m && m({
         target: {
@@ -928,7 +935,7 @@ const me = P(
       k && k({
         target: {
           name: y,
-          value: s
+          value: l
         }
       });
     };
@@ -947,13 +954,13 @@ const me = P(
               {
                 type: "button",
                 onClick: u,
-                disabled: l,
+                disabled: n,
                 className: b(
                   "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",
+                  v && "border-greenLight shadow-[0_0_0_4px_rgba(22,163,74,0.15)] ring-0 outline-none",
+                  n && "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)]",
                   !x && "text-gray2 opacity-60"
                 ),
@@ -964,7 +971,7 @@ const me = P(
                     {
                       className: b(
                         "ml-2 h-5 w-5 text-gray2 transition-transform duration-300",
-                        C && "rotate-180"
+                        v && "rotate-180"
                       ),
                       fill: "none",
                       stroke: "currentColor",
@@ -983,14 +990,14 @@ const me = P(
                 ]
               }
             ),
-            C && /* @__PURE__ */ t(
+            v && /* @__PURE__ */ t(
               "div",
               {
                 className: b(
                   "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(
+                children: /* @__PURE__ */ t("div", { className: "max-h-[280px] overflow-y-auto py-2", children: s.length > 0 ? s.map((w) => /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
@@ -998,7 +1005,7 @@ const me = P(
                     className: b(
                       "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",
+                      w.value === l && "bg-green-50 font-medium text-greenLight",
                       // Мобильные отступы чуть больше для удобства тапа
                       "max-tablet:py-4"
                     ),
@@ -1030,18 +1037,18 @@ const Jt = {
   }
 ], tr = {
   text: se,
-  number: le,
+  number: ie,
   phone: ce,
   select: me,
-  date: ie,
-  radio: pe,
+  date: le,
+  radio: de,
   checkbox: ne,
   file: Qe
 }, rr = (a, {
   register: r,
   errors: o,
-  control: n
-}) => a.map((e, s) => {
+  control: s
+}) => a.map((e, l) => {
   var k;
   if ((e == null ? void 0 : e.componentType) === "component") {
     const y = Jt[e == null ? void 0 : e.key];
@@ -1051,33 +1058,33 @@ const Jt = {
         {
           ...e == null ? void 0 : e.props
         },
-        s
+        l
       );
   }
   const m = tr[e == null ? void 0 : e.type];
   if (m) {
     const y = ["select", "radio", "checkbox", "file"].includes(
       e.type
-    ), l = e.name ? (k = o[e.name]) == null ? void 0 : k.message : void 0;
-    return y && n && e.name ? /* @__PURE__ */ t(
+    ), n = e != null && e.name ? (k = o[e == null ? void 0 : e.name]) == null ? void 0 : k.message : void 0;
+    return y && s && (e != null && e.name) ? /* @__PURE__ */ t(
       ze,
       {
         name: e.name,
-        control: n,
+        control: s,
         rules: { validate: e.validate },
-        render: ({ field: { onChange: N, value: v, name: c, ref: C } }) => /* @__PURE__ */ t(
+        render: ({ field: { onChange: N, value: C, name: c, ref: v } }) => /* @__PURE__ */ t(
           m,
           {
             ...e.field_props,
             onChange: N,
-            value: v,
+            value: C,
             name: c,
-            ref: C,
-            error: l
+            ref: v,
+            error: n
           }
         )
       },
-      s
+      l
     ) : e.name ? /* @__PURE__ */ t(
       m,
       {
@@ -1085,16 +1092,16 @@ const Jt = {
         ...r(e == null ? void 0 : e.name, {
           validate: e == null ? void 0 : e.validate
         }),
-        error: l
+        error: n
       },
-      s
+      l
     ) : /* @__PURE__ */ t(
       m,
       {
         ...e == null ? void 0 : e.field_props,
-        error: l
+        error: n
       },
-      s
+      l
     );
   }
   return null;
@@ -1131,7 +1138,7 @@ const Jt = {
   label: "Тип поля",
   type: "fieldType",
   options: Et
-}), ir = {
+}), lr = {
   type: "fields",
   dataType: "array",
   label: "Поля для формы",
@@ -1161,19 +1168,19 @@ const Jt = {
     //   placeholder: FieldTypes.STRING,
     // },
   }
-}, lr = ["title", "subtitle", "color", ir], ue = ({
+}, ir = ["title", "subtitle", "color", lr], ue = ({
   title: a,
   subtitle: r,
   color: o,
-  gridCols: n = 1,
+  gridCols: s = 1,
   gridRow: e = 2,
-  fields: s = []
+  fields: l = []
 }) => {
   var L;
-  const [m, k] = I(!1), [y, l] = I(!1), N = Ke(960), {
-    register: v,
+  const [m, k] = I(!1), [y, n] = I(!1), N = Ke(960), {
+    register: C,
     handleSubmit: c,
-    watch: C,
+    watch: v,
     reset: h,
     control: x,
     formState: { errors: u }
@@ -1184,10 +1191,10 @@ const Jt = {
       business_category: "",
       agreement: !1
     }
-  }), S = C("agreement"), F = async (B) => {
+  }), S = v("agreement"), F = async (B) => {
     console.log("Form submitted:", B);
-  }, w = rr(s || [], {
-    register: v,
+  }, w = rr(l || [], {
+    register: C,
     errors: u,
     control: x
   });
@@ -1248,7 +1255,7 @@ const Jt = {
                 {
                   className: "w-[640px] mb-8 max-tablet:w-full grid gap-6",
                   style: {
-                    gridTemplateColumns: `repeat(${N ? 1 : n}, 1fr)`,
+                    gridTemplateColumns: `repeat(${N ? 1 : s}, 1fr)`,
                     gridTemplateRows: `repeat(${e}, auto)`
                   },
                   children: w
@@ -1257,7 +1264,7 @@ const Jt = {
               /* @__PURE__ */ t("div", { className: "pt-2", children: /* @__PURE__ */ t(
                 Y,
                 {
-                  ...v("agreement", {
+                  ...C("agreement", {
                     required: "Необходимо согласие на обработку персональных данных"
                   }),
                   error: (L = u.agreement) == null ? void 0 : L.message,
@@ -1284,7 +1291,7 @@ const Jt = {
                   loading: y,
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
-                  size: Ce.XL,
+                  size: ve.XL,
                   variant: De.Primary,
                   disabled: !S || y,
                   children: "Отправить заявку"
@@ -1297,7 +1304,7 @@ const Jt = {
     }
   ) });
 };
-ue.propsToEdit = lr;
+ue.propsToEdit = ir;
 const xa = {
   MainBanner: { key: "MainBanner", component: He },
   Banner: { key: "Banner", component: be },
@@ -1350,11 +1357,11 @@ const xa = {
   TitleBlock: { key: "TitleBlock", component: oe }
 }, ya = {
   MainBanner: st.component_props,
-  Banner: it.component_props,
-  CardImageList: lt.component_props,
+  Banner: lt.component_props,
+  CardImageList: it.component_props,
   Stepper: ct.component_props,
-  Segments: pt.component_props,
-  VideoFull: dt.component_props,
+  Segments: dt.component_props,
+  VideoFull: pt.component_props,
   VideoList: mt.component_props,
   VideoListMini: ut.component_props,
   ContentCardList: ft.component_props,
@@ -1365,8 +1372,8 @@ const xa = {
   WarningCard: yt.component_props,
   Faq: wt.component_props,
   DownloadFileBanner: kt.component_props,
-  DownloadFileHalf: vt.component_props,
-  DownloadFileFull: Ct.component_props,
+  DownloadFileHalf: Ct.component_props,
+  DownloadFileFull: vt.component_props,
   DownloadFileMini: Dt.component_props,
   InstructionList: Nt.component_props,
   PreviewList: Lt.component_props,
@@ -1398,9 +1405,9 @@ export {
   er as b,
   Jt as c,
   or as d,
-  ir as e,
+  lr as e,
   ba as f,
-  lr as g,
+  ir as g,
   ga as i,
   ae as p,
   rr as r,

package/dist/main.js

@@ -22,7 +22,7 @@ import { PartnersColors as $ } from "./PartnersColors/PartnersColors.js";
 import { PreviewList as ro } from "./PreviewList/PreviewList.js";
 import { CardImage as to } from "./Cards/CardImage/CardImage.js";
 import { ContentCard as po } from "./Cards/ContentCard/ContentCard.js";
-import { a as mo, A as fo, F as xo, W as so } from "./info-90d541ed.js";
+import { a as mo, A as fo, F as xo, W as so } from "./info-085c4fc3.js";
 import { ColoredCard as io } from "./Cards/ColoredCard/index.js";
 import { FeaturesCard as co } from "./Cards/FeaturesCard/index.js";
 import { DownloadFileBanner as Fo } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.96",
+  "version": "0.0.97",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",