md-components-mdigial-azamat 0.0.95 → 0.0.97

package/dist/{info-0d58accd.js → info-085c4fc3.js}

@@ -2,16 +2,16 @@ 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 xe } from "./Banner/Banner.js";
+import { Banner as be } from "./Banner/Banner.js";
 import "./BannerAndText/index.js";
-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 { forwardRef as P, useState as I, useMemo as A, useEffect as xe, useRef as ye, useImperativeHandle as te, useCallback as we } from "react";
+import { c as b } from "./cn-6a4bf187.js";
 import "./Faq/components/Collapse/Collapse.js";
 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 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 { 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",
@@ -150,7 +150,7 @@ const ae = [
                 /* @__PURE__ */ t(
                   "p",
                   {
-                    className: x("text-[24px] leading-8 font-bold"),
+                    className: b("text-[24px] leading-8 font-bold"),
                     style: { color: (k = j[e]) == null ? void 0 : k.textColor },
                     children: a
                   }
@@ -163,7 +163,7 @@ const ae = [
                     children: r
                   }
                 ),
-                n && /* @__PURE__ */ t(ke, { data: n })
+                s && /* @__PURE__ */ t(ke, { data: s })
               ] })
             ]
           }
@@ -177,42 +177,42 @@ 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: x("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(
             "div",
             {
-              className: x(
+              className: b(
                 "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,13 +233,13 @@ const Y = P(
             type: "checkbox",
             className: "peer sr-only",
             ref: e,
-            ...n
+            ...s
           }
         ),
         /* @__PURE__ */ t(
           "div",
           {
-            className: x(
+            className: b(
               "relative flex items-center justify-center w-5 h-5 rounded-md border-2 transition-all duration-200",
               "border-grayBlue5 bg-white",
               "peer-checked:bg-greenLight peer-checked:border-greenLight",
@@ -259,7 +259,7 @@ const Y = P(
       r && /* @__PURE__ */ t(
         "span",
         {
-          className: x(
+          className: b(
             "text-sm leading-5 text-graySoft select-none",
             "group-hover:text-blackBG transition-colors duration-200",
             o && "text-red-500"
@@ -273,13 +273,13 @@ 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",
       {
         type: r,
-        className: x(
+        className: b(
           "flex h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white px-[16px] py-[16px] text-base",
           "placeholder:text-gray2 placeholder:opacity-60",
           "transition-all duration-300 ease-in-out",
@@ -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, b] = 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]);
-    be(() => {
-      B && (S(B), C(B.getMonth()), b(B.getFullYear()));
+    xe(() => {
+      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), b(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), b(h - 1)) : C(c - 1);
+      c === 0 ? (v(11), x(h - 1)) : v(c - 1);
     }, g = () => {
-      c === 11 ? (C(0), b(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 }),
@@ -383,7 +383,7 @@ const Rt = () => /* @__PURE__ */ t(
         /* @__PURE__ */ i(
           "div",
           {
-            className: x(
+            className: b(
               "relative flex items-center h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white",
               "transition-all duration-300 ease-in-out",
               "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
@@ -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, {})
@@ -407,7 +407,7 @@ const Rt = () => /* @__PURE__ */ t(
                 {
                   type: "text",
                   inputMode: "none",
-                  className: x(
+                  className: b(
                     "flex h-full w-full rounded-2xl px-[16px] pl-[48px] py-[16px] text-base",
                     "placeholder:text-gray2 placeholder:opacity-60",
                     "bg-transparent border-none outline-none",
@@ -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
@@ -514,7 +514,7 @@ const Rt = () => /* @__PURE__ */ t(
                     type: "button",
                     onClick: () => Z(f, W, H),
                     disabled: f === null,
-                    className: x(
+                    className: b(
                       "w-10 h-10 rounded-lg text-sm font-medium transition-colors",
                       "hover:bg-[#E8F4FD] focus:outline-none focus:bg-[#E8F4FD]",
                       M ? "text-blackBG" : "text-grayBlue5 opacity-50",
@@ -522,7 +522,7 @@ const Rt = () => /* @__PURE__ */ t(
                     ),
                     children: f
                   },
-                  p
+                  d
                 );
               }) })
             ]
@@ -533,47 +533,47 @@ 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(
-      (b) => {
-        if (b == null || b === "")
+    te(n, () => N.current);
+    const C = !!o || !!r, c = we(
+      (x) => {
+        if (x == null || x === "")
           return "";
-        const u = Array.isArray(b) ? b.join("").replace(/\D/g, "") : b.toString().replace(/\D/g, "");
-        return v ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
+        const u = Array.isArray(x) ? x.join("").replace(/\D/g, "") : x.toString().replace(/\D/g, "");
+        return C ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
       },
-      [v]
+      [C]
     ), h = {
       ...y,
       type: "text",
       inputMode: "numeric",
-      onChange: (b) => {
-        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) {
+      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, l) {
           const T = u.value;
-          u.value = F, s(b), 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++;
           u.setSelectionRange(T, T);
         }
       },
-      className: x(
+      className: b(
         "flex h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white px-[16px] py-[16px] text-base text-blackBG",
         "placeholder:text-gray2 placeholder:opacity-60",
         "transition-all duration-300 ease-in-out",
@@ -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, b] = I(""), u = n !== void 0, S = u ? n : y, { ref: F } = q(c, () => {
-      C(!1), b("");
+    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,31 +659,31 @@ 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), b("");
+      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 }),
       /* @__PURE__ */ i(
         "div",
         {
-          className: x(
+          className: b(
             "relative flex gap-2 h-14 flex-1 rounded-2xl border-[1px] border-grayBlue bg-white text-base",
             "placeholder:text-gray2 placeholder:opacity-60",
             "transition-all duration-300 ease-in-out",
@@ -704,8 +704,8 @@ const Kt = {
                     "button",
                     {
                       type: "button",
-                      onClick: () => C(!c),
-                      className: x(
+                      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",
                         r && "border-red-500 hover:border-red-500 focus:border-red-500",
@@ -720,7 +720,7 @@ const Kt = {
                         /* @__PURE__ */ t(
                           "svg",
                           {
-                            className: x(
+                            className: b(
                               "w-4 h-4 ml-1 text-grayBlue5 transition-transform duration-200 shrink-0",
                               c && "rotate-180"
                             ),
@@ -747,9 +747,9 @@ const Kt = {
                       {
                         type: "text",
                         value: h,
-                        onChange: (g) => b(g.target.value),
+                        onChange: (g) => x(g.target.value),
                         placeholder: "Поиск страны...",
-                        className: x(
+                        className: b(
                           "w-full px-3 py-2 rounded-xl border-[1px] border-grayBlue text-sm",
                           "focus:outline-none focus:border-greenLight"
                         ),
@@ -761,7 +761,7 @@ const Kt = {
                       {
                         type: "button",
                         onClick: () => Z(g.id),
-                        className: x(
+                        className: b(
                           "w-full px-4 py-3 text-left cursor-pointer text-base text-blackBG transition-colors",
                           "hover:bg-[#E8F4FD] focus:bg-[#E8F4FD] focus:outline-none",
                           N === g.id && "bg-[#E8F4FD]",
@@ -784,7 +784,7 @@ const Kt = {
               {
                 type: "tel",
                 inputMode: "tel",
-                className: x(
+                className: b(
                   "flex h-full flex-1 rounded-2xl px-[16px] py-[16px] text-base",
                   "placeholder:text-gray2 placeholder:opacity-60",
                   "transition-all duration-300 ease-in-out",
@@ -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: x("flex flex-col gap-2", m), children: [
-    a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: x(
-          "flex gap-4",
-          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,13 +863,13 @@ const de = P(
             type: "radio",
             className: "peer sr-only",
             ref: e,
-            ...n
+            ...s
           }
         ),
         /* @__PURE__ */ t(
           "div",
           {
-            className: x(
+            className: b(
               "relative flex items-center justify-center w-5 h-5 rounded-full border-2 transition-all duration-200",
               "border-grayBlue5 bg-white",
               "peer-checked:bg-white peer-checked:border-greenLight",
@@ -882,7 +889,7 @@ const de = P(
       r && /* @__PURE__ */ t(
         "span",
         {
-          className: x(
+          className: b(
             "text-sm leading-5 text-graySoft select-none",
             "group-hover:text-blackBG transition-colors duration-200",
             o && "text-red-500"
@@ -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 b = 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,14 +935,14 @@ const me = P(
       k && k({
         target: {
           name: y,
-          value: s
+          value: l
         }
       });
     };
     return /* @__PURE__ */ i(
       "div",
       {
-        className: x("w-full", a),
+        className: b("w-full", a),
         ref: c,
         onBlur: F,
         ...N,
@@ -947,24 +954,24 @@ const me = P(
               {
                 type: "button",
                 onClick: u,
-                disabled: l,
-                className: x(
+                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)]",
-                  !b && "text-gray2 opacity-60"
+                  !x && "text-gray2 opacity-60"
                 ),
                 children: [
-                  /* @__PURE__ */ t("span", { className: "truncate", children: b ? b.label : e }),
+                  /* @__PURE__ */ t("span", { className: "truncate", children: x ? x.label : e }),
                   /* @__PURE__ */ t(
                     "svg",
                     {
-                      className: x(
+                      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,22 +990,22 @@ const me = P(
                 ]
               }
             ),
-            C && /* @__PURE__ */ t(
+            v && /* @__PURE__ */ t(
               "div",
               {
-                className: x(
+                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",
                     onClick: () => S(w),
-                    className: x(
+                    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,43 +1058,50 @@ 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 = (k = o[e.name]) == null ? void 0 : k.message;
-    return y && n ? /* @__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
-    ) : /* @__PURE__ */ t(
+      l
+    ) : e.name ? /* @__PURE__ */ t(
       m,
       {
         ...e == null ? void 0 : e.field_props,
         ...r(e == null ? void 0 : e.name, {
           validate: e == null ? void 0 : e.validate
         }),
-        error: l
+        error: n
+      },
+      l
+    ) : /* @__PURE__ */ t(
+      m,
+      {
+        ...e == null ? void 0 : e.field_props,
+        error: n
       },
-      s
+      l
     );
   }
   return null;
@@ -1103,7 +1117,7 @@ const Jt = {
 }), ga = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   subtitle: "с Вами свяжется наш специалист и поможет с подключением сервиса"
-}, xa = {
+}, ba = {
   title: "Форма заявки",
   description: "Форма заявки ",
   types: [ee.form]
@@ -1124,7 +1138,7 @@ const Jt = {
   label: "Тип поля",
   type: "fieldType",
   options: Et
-}), ir = {
+}), lr = {
   type: "fields",
   dataType: "array",
   label: "Поля для формы",
@@ -1154,21 +1168,21 @@ 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: b,
+    control: x,
     formState: { errors: u }
   } = Ye({
     defaultValues: {
@@ -1177,12 +1191,12 @@ 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: b
+    control: x
   });
   return /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
     "form",
@@ -1196,7 +1210,7 @@ const Jt = {
           style: {
             boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${o}`
           },
-          className: "bg-white rounded-[24px] shadow-[0px_8px_24px_rgba(0,0,0,0.08),0px_-8px_0px_#45464b] w-full flex flex-col items-center justify-center py-[72px] px-[96px] max-tablet:py-[40px] max-tablet:px-[32px] transition-all duration-300 hover:shadow-[0px_12px_32px_rgba(0,0,0,0.12),0px_-8px_0px_#45464b] mt-[8px]",
+          className: "bg-white rounded-[24px] w-full flex flex-col items-center justify-center py-[72px] px-[96px] max-tablet:py-[40px] max-tablet:px-[32px] transition-all duration-300 mt-[8px]",
           children: [
             /* @__PURE__ */ i("div", { className: "text-center mb-10 max-tablet:mb-8", children: [
               /* @__PURE__ */ t("h2", { className: "text-[36px] leading-[44px] font-semibold m-0 mb-3 text-blackBG max-tablet:text-[28px] max-tablet:leading-[36px]", children: a }),
@@ -1241,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
@@ -1250,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,
@@ -1277,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: "Отправить заявку"
@@ -1290,10 +1304,10 @@ const Jt = {
     }
   ) });
 };
-ue.propsToEdit = lr;
-const ba = {
+ue.propsToEdit = ir;
+const xa = {
   MainBanner: { key: "MainBanner", component: He },
-  Banner: { key: "Banner", component: xe },
+  Banner: { key: "Banner", component: be },
   CardImageList: { key: "CardImageList", component: Te },
   Stepper: { key: "Stepper", component: Ne },
   Segments: { key: "Segments", component: Le },
@@ -1343,23 +1357,23 @@ const ba = {
   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,
   CardIconList: ht.component_props,
   MultiCards: gt.component_props,
-  Partners: xt.component_props,
-  PartnersColors: bt.component_props,
+  Partners: bt.component_props,
+  PartnersColors: xt.component_props,
   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,
@@ -1387,13 +1401,13 @@ export {
   ya as A,
   ue as F,
   z as W,
-  ba as a,
+  xa as a,
   er as b,
   Jt as c,
   or as d,
-  ir as e,
-  xa as f,
-  lr as g,
+  lr as e,
+  ba as f,
+  ir as g,
   ga as i,
   ae as p,
   rr as r,