stone-kit 0.0.422 → 0.0.424

package/README.md

@@ -1,59 +1,59 @@
-# Stone-kit
-
-Uikit for stone redesign 2.0
-
-## Installation
-
-Package installation:
-
-```bash
-npm i stone-kit@latest
-```
-
-## Usage
-
-For Next.js page router in App.tsx:
-
-```bash
-import 'stone-kit/dist/style.css'
-```
-
-and then:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-For other projects u can immediately:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-## Docs
-
-### ButtonProps
-
-size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
-
-pre: optional, insert icon/text before button text. type: ReactNode
-
-post: optional, insert icon/text after button text. type: ReactNode
-
-variant: optional, color variants of button. type:
-'blue',
-'gray',
-'whiteStroke',
-'sokolniki',
-'black',
-'whiteFilled'
-
-width: optional, width of button. type: 'auto' | 'full'
-
-additionalClass: optional, add your custom class to button. type: 'string'
-
-as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
-
-### MobileButtonProps
-
-### Tag
+# Stone-kit
+
+Uikit for stone redesign 2.0
+
+## Installation
+
+Package installation:
+
+```bash
+npm i stone-kit@latest
+```
+
+## Usage
+
+For Next.js page router in App.tsx:
+
+```bash
+import 'stone-kit/dist/style.css'
+```
+
+and then:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+For other projects u can immediately:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+## Docs
+
+### ButtonProps
+
+size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
+
+pre: optional, insert icon/text before button text. type: ReactNode
+
+post: optional, insert icon/text after button text. type: ReactNode
+
+variant: optional, color variants of button. type:
+'blue',
+'gray',
+'whiteStroke',
+'sokolniki',
+'black',
+'whiteFilled'
+
+width: optional, width of button. type: 'auto' | 'full'
+
+additionalClass: optional, add your custom class to button. type: 'string'
+
+as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
+
+### MobileButtonProps
+
+### Tag

package/dist/components/FormModal/ui/ModalForm.js

@@ -6,16 +6,16 @@ import { Input as Ee } from "../../Input/ui/Input.js";
 import $ from "react";
 import { Button as Ke } from "../../Button/ui/Button.js";
 import { NewIcon as Ge } from "../../NewIcon/ui/NewIcon.js";
-import { phoneReg as Ar, nameReg as pr, emailReg as kr } from "../utils/reg.js";
+import { phoneReg as pr, nameReg as Ar, emailReg as kr } from "../utils/reg.js";
 import { CheckBox as Je } from "../../CheckBox/CheckBox.js";
 import { TextArea as wr } from "../../TextArea/TextArea.js";
 import { useClientWidth as Dr } from "../../../shared/useClientWidth.js";
-const Sr = "_btn_7n08v_1", Er = "_modal_7n08v_9", Cr = "_modalBody_7n08v_16", Tr = "_root_7n08v_21", Br = "_title_7n08v_34", Lr = "_description_7n08v_41", Rr = "_inputWrapper_7n08v_48", Mr = "_linkPolicy_7n08v_55", Or = "_telegramLink_7n08v_60", Nr = "_telegramWrapper_7n08v_65", Ur = "_telegram_7n08v_60", Ir = "_orText_7n08v_88", O = {
+const Sr = "_btn_7n08v_1", Er = "_modal_7n08v_9", Tr = "_modalBody_7n08v_16", Br = "_root_7n08v_21", Cr = "_title_7n08v_34", Lr = "_description_7n08v_41", Rr = "_inputWrapper_7n08v_48", Mr = "_linkPolicy_7n08v_55", Or = "_telegramLink_7n08v_60", Nr = "_telegramWrapper_7n08v_65", Ur = "_telegram_7n08v_60", Ir = "_orText_7n08v_88", U = {
   btn: Sr,
   modal: Er,
-  modalBody: Cr,
-  root: Tr,
-  title: Br,
+  modalBody: Tr,
+  root: Br,
+  title: Cr,
   description: Lr,
   inputWrapper: Rr,
   linkPolicy: Mr,
@@ -24,9 +24,9 @@ const Sr = "_btn_7n08v_1", Er = "_modal_7n08v_9", Cr = "_modalBody_7n08v_16", Tr
   telegram: Ur,
   orText: Ir
 };
-var ve = (e) => e.type === "checkbox", ue = (e) => e instanceof Date, L = (e) => e == null;
+var ve = (e) => e.type === "checkbox", ue = (e) => e instanceof Date, M = (e) => e == null;
 const lr = (e) => typeof e == "object";
-var E = (e) => !L(e) && !Array.isArray(e) && lr(e) && !ue(e), Pr = (e) => E(e) && e.target ? ve(e.target) ? e.target.checked : e.target.value : e, qr = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Wr = (e, s) => e.has(qr(s)), Hr = (e) => {
+var E = (e) => !M(e) && !Array.isArray(e) && lr(e) && !ue(e), Pr = (e) => E(e) && e.target ? ve(e.target) ? e.target.checked : e.target.value : e, Wr = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, qr = (e, s) => e.has(Wr(s)), Hr = (e) => {
   const s = e.constructor && e.constructor.prototype;
   return E(s) && s.hasOwnProperty("isPrototypeOf");
 }, Le = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
@@ -47,24 +47,24 @@ function z(e) {
     return e;
   return s;
 }
-var pe = (e) => Array.isArray(e) ? e.filter(Boolean) : [], k = (e) => e === void 0, f = (e, s, t) => {
+var Ae = (e) => Array.isArray(e) ? e.filter(Boolean) : [], k = (e) => e === void 0, f = (e, s, t) => {
   if (!s || !E(e))
     return t;
-  const n = pe(s.split(/[,[\].]+?/)).reduce((o, a) => L(o) ? o : o[a], e);
+  const n = Ae(s.split(/[,[\].]+?/)).reduce((o, a) => M(o) ? o : o[a], e);
   return k(n) || n === e ? k(e[s]) ? t : e[s] : n;
-}, re = (e) => typeof e == "boolean", Re = (e) => /^\w*$/.test(e), ar = (e) => pe(e.replace(/["|']|\]/g, "").split(/\.|\[/)), V = (e, s, t) => {
+}, re = (e) => typeof e == "boolean", Re = (e) => /^\w*$/.test(e), ar = (e) => Ae(e.replace(/["|']|\]/g, "").split(/\.|\[/)), V = (e, s, t) => {
   let n = -1;
   const o = Re(s) ? [s] : ar(s), a = o.length, y = a - 1;
   for (; ++n < a; ) {
     const g = o[n];
-    let U = t;
+    let O = t;
     if (n !== y) {
-      const q = e[g];
-      U = E(q) || Array.isArray(q) ? q : isNaN(+o[n + 1]) ? {} : [];
+      const P = e[g];
+      O = E(P) || Array.isArray(P) ? P : isNaN(+o[n + 1]) ? {} : [];
     }
     if (g === "__proto__")
       return;
-    e[g] = U, e = e[g];
+    e[g] = O, e = e[g];
   }
   return e;
 };
@@ -100,10 +100,10 @@ var zr = (e, s, t, n = !0) => {
       }
     });
   return o;
-}, N = (e) => E(e) && !Object.keys(e).length, $r = (e, s, t, n) => {
+}, I = (e) => E(e) && !Object.keys(e).length, $r = (e, s, t, n) => {
   t(e);
   const { name: o, ...a } = e;
-  return N(a) || Object.keys(a).length >= Object.keys(s).length || Object.keys(a).find((y) => s[y] === G.all);
+  return I(a) || Object.keys(a).length >= Object.keys(s).length || Object.keys(a).find((y) => s[y] === G.all);
 }, me = (e) => Array.isArray(e) ? e : [e];
 function jr(e) {
   const s = $.useRef(e);
@@ -191,85 +191,85 @@ var oe = (e) => E(e) && !Ve(e) ? e : {
   value: e,
   message: ""
 }, sr = async (e, s, t, n, o) => {
-  const { ref: a, refs: y, required: g, maxLength: U, minLength: q, min: F, max: _, pattern: le, validate: J, name: B, valueAsNumber: ce, mount: R, disabled: T } = e._f, m = f(s, B);
-  if (!R || T)
+  const { ref: a, refs: y, required: g, maxLength: O, minLength: P, min: F, max: _, pattern: le, validate: J, name: R, valueAsNumber: ce, mount: B, disabled: L } = e._f, m = f(s, R);
+  if (!B || L)
     return {};
   const j = y ? y[0] : a, K = (v) => {
     n && j.reportValidity && (j.setCustomValidity(re(v) ? "" : v || ""), j.reportValidity());
-  }, A = {}, W = Oe(a), se = ve(a), X = W || se, Z = (ce || Me(a)) && k(a.value) && k(m) || xe(a) && a.value === "" || m === "" || Array.isArray(m) && !m.length, M = Gr.bind(null, B, t, A), ae = (v, b, p, C = Y.maxLength, I = Y.minLength) => {
-    const H = v ? b : p;
-    A[B] = {
-      type: v ? C : I,
+  }, p = {}, C = Oe(a), se = ve(a), X = C || se, Z = (ce || Me(a)) && k(a.value) && k(m) || xe(a) && a.value === "" || m === "" || Array.isArray(m) && !m.length, N = Gr.bind(null, R, t, p), ae = (v, b, A, T = Y.maxLength, W = Y.minLength) => {
+    const H = v ? b : A;
+    p[R] = {
+      type: v ? T : W,
       message: H,
       ref: a,
-      ...M(v ? C : I, H)
+      ...N(v ? T : W, H)
     };
   };
-  if (o ? !Array.isArray(m) || !m.length : g && (!X && (Z || L(m)) || re(m) && !m || se && !nr(y).isValid || W && !or(y).isValid)) {
+  if (o ? !Array.isArray(m) || !m.length : g && (!X && (Z || M(m)) || re(m) && !m || se && !nr(y).isValid || C && !or(y).isValid)) {
     const { value: v, message: b } = be(g) ? { value: !!g, message: g } : oe(g);
-    if (v && (A[B] = {
+    if (v && (p[R] = {
       type: Y.required,
       message: b,
       ref: j,
-      ...M(Y.required, b)
+      ...N(Y.required, b)
     }, !t))
-      return K(b), A;
+      return K(b), p;
   }
-  if (!Z && (!L(F) || !L(_))) {
+  if (!Z && (!M(F) || !M(_))) {
     let v, b;
-    const p = oe(_), C = oe(F);
-    if (!L(m) && !isNaN(m)) {
-      const I = a.valueAsNumber || m && +m;
-      L(p.value) || (v = I > p.value), L(C.value) || (b = I < C.value);
+    const A = oe(_), T = oe(F);
+    if (!M(m) && !isNaN(m)) {
+      const W = a.valueAsNumber || m && +m;
+      M(A.value) || (v = W > A.value), M(T.value) || (b = W < T.value);
     } else {
-      const I = a.valueAsDate || new Date(m), H = (ye) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ye), de = a.type == "time", fe = a.type == "week";
-      Q(p.value) && m && (v = de ? H(m) > H(p.value) : fe ? m > p.value : I > new Date(p.value)), Q(C.value) && m && (b = de ? H(m) < H(C.value) : fe ? m < C.value : I < new Date(C.value));
+      const W = a.valueAsDate || new Date(m), H = (ye) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ye), de = a.type == "time", fe = a.type == "week";
+      Q(A.value) && m && (v = de ? H(m) > H(A.value) : fe ? m > A.value : W > new Date(A.value)), Q(T.value) && m && (b = de ? H(m) < H(T.value) : fe ? m < T.value : W < new Date(T.value));
     }
-    if ((v || b) && (ae(!!v, p.message, C.message, Y.max, Y.min), !t))
-      return K(A[B].message), A;
+    if ((v || b) && (ae(!!v, A.message, T.message, Y.max, Y.min), !t))
+      return K(p[R].message), p;
   }
-  if ((U || q) && !Z && (Q(m) || o && Array.isArray(m))) {
-    const v = oe(U), b = oe(q), p = !L(v.value) && m.length > +v.value, C = !L(b.value) && m.length < +b.value;
-    if ((p || C) && (ae(p, v.message, b.message), !t))
-      return K(A[B].message), A;
+  if ((O || P) && !Z && (Q(m) || o && Array.isArray(m))) {
+    const v = oe(O), b = oe(P), A = !M(v.value) && m.length > +v.value, T = !M(b.value) && m.length < +b.value;
+    if ((A || T) && (ae(A, v.message, b.message), !t))
+      return K(p[R].message), p;
   }
   if (le && !Z && Q(m)) {
     const { value: v, message: b } = oe(le);
-    if (Ve(v) && !m.match(v) && (A[B] = {
+    if (Ve(v) && !m.match(v) && (p[R] = {
       type: Y.pattern,
       message: b,
       ref: a,
-      ...M(Y.pattern, b)
+      ...N(Y.pattern, b)
     }, !t))
-      return K(b), A;
+      return K(b), p;
   }
   if (J) {
     if (te(J)) {
       const v = await J(m, s), b = tr(v, j);
-      if (b && (A[B] = {
+      if (b && (p[R] = {
         ...b,
-        ...M(Y.validate, b.message)
+        ...N(Y.validate, b.message)
       }, !t))
-        return K(b.message), A;
+        return K(b.message), p;
     } else if (E(J)) {
       let v = {};
       for (const b in J) {
-        if (!N(v) && !t)
+        if (!I(v) && !t)
           break;
-        const p = tr(await J[b](m, s), j, b);
-        p && (v = {
-          ...p,
-          ...M(b, p.message)
-        }, K(p.message), t && (A[B] = v));
+        const A = tr(await J[b](m, s), j, b);
+        A && (v = {
+          ...A,
+          ...N(b, A.message)
+        }, K(A.message), t && (p[R] = v));
       }
-      if (!N(v) && (A[B] = {
+      if (!I(v) && (p[R] = {
         ref: j,
         ...v
       }, !t))
-        return A;
+        return p;
     }
   }
-  return K(!0), A;
+  return K(!0), p;
 };
 function Qr(e, s) {
   const t = s.slice(0, -1).length;
@@ -286,9 +286,9 @@ function Xr(e) {
 }
 function S(e, s) {
   const t = Array.isArray(s) ? s : Re(s) ? [s] : ar(s), n = t.length === 1 ? e : Qr(e, t), o = t.length - 1, a = t[o];
-  return n && delete n[a], o !== 0 && (E(n) && N(n) || Array.isArray(n) && Xr(n)) && S(e, t.slice(0, -1)), e;
+  return n && delete n[a], o !== 0 && (E(n) && I(n) || Array.isArray(n) && Xr(n)) && S(e, t.slice(0, -1)), e;
 }
-var Ce = () => {
+var Te = () => {
   let e = [];
   return {
     get observers() {
@@ -307,7 +307,7 @@ var Ce = () => {
       e = [];
     }
   };
-}, Fe = (e) => L(e) || !lr(e);
+}, Fe = (e) => M(e) || !lr(e);
 function ie(e, s) {
   if (Fe(e) || Fe(s))
     return e === s;
@@ -328,28 +328,28 @@ function ie(e, s) {
   }
   return !0;
 }
-var ur = (e) => e.type === "select-multiple", Yr = (e) => Oe(e) || ve(e), Te = (e) => xe(e) && e.isConnected, cr = (e) => {
+var ur = (e) => e.type === "select-multiple", Yr = (e) => Oe(e) || ve(e), Be = (e) => xe(e) && e.isConnected, cr = (e) => {
   for (const s in e)
     if (te(e[s]))
       return !0;
   return !1;
 };
-function Ae(e, s = {}) {
+function pe(e, s = {}) {
   const t = Array.isArray(e);
   if (E(e) || t)
     for (const n in e)
-      Array.isArray(e[n]) || E(e[n]) && !cr(e[n]) ? (s[n] = Array.isArray(e[n]) ? [] : {}, Ae(e[n], s[n])) : L(e[n]) || (s[n] = !0);
+      Array.isArray(e[n]) || E(e[n]) && !cr(e[n]) ? (s[n] = Array.isArray(e[n]) ? [] : {}, pe(e[n], s[n])) : M(e[n]) || (s[n] = !0);
   return s;
 }
 function dr(e, s, t) {
   const n = Array.isArray(e);
   if (E(e) || n)
     for (const o in e)
-      Array.isArray(e[o]) || E(e[o]) && !cr(e[o]) ? k(s) || Fe(t[o]) ? t[o] = Array.isArray(e[o]) ? Ae(e[o], []) : { ...Ae(e[o]) } : dr(e[o], L(s) ? {} : s[o], t[o]) : t[o] = !ie(e[o], s[o]);
+      Array.isArray(e[o]) || E(e[o]) && !cr(e[o]) ? k(s) || Fe(t[o]) ? t[o] = Array.isArray(e[o]) ? pe(e[o], []) : { ...pe(e[o]) } : dr(e[o], M(s) ? {} : s[o], t[o]) : t[o] = !ie(e[o], s[o]);
   return t;
 }
-var _e = (e, s) => dr(e, s, Ae(s)), fr = (e, { valueAsNumber: s, valueAsDate: t, setValueAs: n }) => k(e) ? e : s ? e === "" ? NaN : e && +e : t && Q(e) ? new Date(e) : n ? n(e) : e;
-function Be(e) {
+var _e = (e, s) => dr(e, s, pe(s)), fr = (e, { valueAsNumber: s, valueAsDate: t, setValueAs: n }) => k(e) ? e : s ? e === "" ? NaN : e && +e : t && Q(e) ? new Date(e) : n ? n(e) : e;
+function Ce(e) {
   const s = e.ref;
   if (!(e.refs ? e.refs.every((t) => t.disabled) : s.disabled))
     return Me(s) ? s.files : Oe(s) ? or(e.refs).value : ur(s) ? [...s.selectedOptions].map(({ value: t }) => t) : ve(s) ? nr(e.refs).value : fr(k(s.value) ? e.ref.value : s.value, e);
@@ -390,7 +390,7 @@ function ir(e, s, t) {
     name: t
   };
 }
-var rt = (e, s, t, n, o) => o.isOnAll ? !1 : !t && o.isOnTouch ? !(s || e) : (t ? n.isOnBlur : o.isOnBlur) ? !e : (t ? n.isOnChange : o.isOnChange) ? e : !0, tt = (e, s) => !pe(f(e, s)).length && S(e, s);
+var rt = (e, s, t, n, o) => o.isOnAll ? !1 : !t && o.isOnTouch ? !(s || e) : (t ? n.isOnBlur : o.isOnBlur) ? !e : (t ? n.isOnChange : o.isOnChange) ? e : !0, tt = (e, s) => !Ae(f(e, s)).length && S(e, s);
 const st = {
   mode: G.onSubmit,
   reValidateMode: G.onChange,
@@ -423,7 +423,7 @@ function it(e = {}) {
     unMount: /* @__PURE__ */ new Set(),
     array: /* @__PURE__ */ new Set(),
     watch: /* @__PURE__ */ new Set()
-  }, U, q = 0;
+  }, O, P = 0;
   const F = {
     isDirty: !1,
     dirtyFields: !1,
@@ -433,24 +433,24 @@ function it(e = {}) {
     isValid: !1,
     errors: !1
   }, _ = {
-    values: Ce(),
-    array: Ce(),
-    state: Ce()
-  }, le = Xe(s.mode), J = Xe(s.reValidateMode), B = s.criteriaMode === G.all, ce = (r) => (i) => {
-    clearTimeout(q), q = setTimeout(r, i);
-  }, R = async (r) => {
+    values: Te(),
+    array: Te(),
+    state: Te()
+  }, le = Xe(s.mode), J = Xe(s.reValidateMode), R = s.criteriaMode === G.all, ce = (r) => (i) => {
+    clearTimeout(P), P = setTimeout(r, i);
+  }, B = async (r) => {
     if (F.isValid || r) {
-      const i = s.resolver ? N((await X()).errors) : await M(n, !0);
+      const i = s.resolver ? I((await X()).errors) : await N(n, !0);
       i !== t.isValid && _.state.next({
         isValid: i
       });
     }
-  }, T = (r, i) => {
+  }, L = (r, i) => {
     (F.isValidating || F.validatingFields) && ((r || Array.from(g.mount)).forEach((l) => {
       l && (i ? V(t.validatingFields, l, i) : S(t.validatingFields, l));
     }), _.state.next({
       validatingFields: t.validatingFields,
-      isValidating: !N(t.validatingFields)
+      isValidating: !I(t.validatingFields)
     }));
   }, m = (r, i = [], l, d, c = !0, u = !0) => {
     if (d && l) {
@@ -484,30 +484,30 @@ function it(e = {}) {
       errors: t.errors,
       isValid: !1
     });
-  }, A = (r, i, l, d) => {
+  }, p = (r, i, l, d) => {
     const c = f(n, r);
     if (c) {
       const u = f(a, r, k(l) ? f(o, r) : l);
-      k(u) || d && d.defaultChecked || i ? V(a, r, i ? u : Be(c._f)) : C(r, u), y.mount && R();
+      k(u) || d && d.defaultChecked || i ? V(a, r, i ? u : Ce(c._f)) : T(r, u), y.mount && B();
     }
-  }, W = (r, i, l, d, c) => {
+  }, C = (r, i, l, d, c) => {
     let u = !1, h = !1;
     const x = {
       name: r
     }, w = !!(f(n, r) && f(n, r)._f && f(n, r)._f.disabled);
     if (!l || d) {
       F.isDirty && (h = t.isDirty, t.isDirty = x.isDirty = v(), u = h !== x.isDirty);
-      const P = w || ie(f(o, r), i);
-      h = !!(!w && f(t.dirtyFields, r)), P || w ? S(t.dirtyFields, r) : V(t.dirtyFields, r, !0), x.dirtyFields = t.dirtyFields, u = u || F.dirtyFields && h !== !P;
+      const q = w || ie(f(o, r), i);
+      h = !!(!w && f(t.dirtyFields, r)), q || w ? S(t.dirtyFields, r) : V(t.dirtyFields, r, !0), x.dirtyFields = t.dirtyFields, u = u || F.dirtyFields && h !== !q;
     }
     if (l) {
-      const P = f(t.touchedFields, r);
-      P || (V(t.touchedFields, r, l), x.touchedFields = t.touchedFields, u = u || F.touchedFields && P !== l);
+      const q = f(t.touchedFields, r);
+      q || (V(t.touchedFields, r, l), x.touchedFields = t.touchedFields, u = u || F.touchedFields && q !== l);
     }
     return u && c && _.state.next(x), u ? x : {};
   }, se = (r, i, l, d) => {
     const c = f(t.errors, r), u = F.isValid && re(i) && t.isValid !== i;
-    if (e.delayError && l ? (U = ce(() => j(r, l)), U(e.delayError)) : (clearTimeout(q), U = null, l ? V(t.errors, r, l) : S(t.errors, r)), (l ? !ie(c, l) : c) || !N(d) || u) {
+    if (e.delayError && l ? (O = ce(() => j(r, l)), O(e.delayError)) : (clearTimeout(P), O = null, l ? V(t.errors, r, l) : S(t.errors, r)), (l ? !ie(c, l) : c) || !I(d) || u) {
       const h = {
         ...d,
         ...u && re(i) ? { isValid: i } : {},
@@ -520,9 +520,9 @@ function it(e = {}) {
       }, _.state.next(h);
     }
   }, X = async (r) => {
-    T(r, !0);
+    L(r, !0);
     const i = await s.resolver(a, s.context, Zr(r || g.mount, n, s.criteriaMode, s.shouldUseNativeValidation));
-    return T(r), i;
+    return L(r), i;
   }, Z = async (r) => {
     const { errors: i } = await X(r);
     if (r)
@@ -533,7 +533,7 @@ function it(e = {}) {
     else
       t.errors = i;
     return i;
-  }, M = async (r, i, l = {
+  }, N = async (r, i, l = {
     valid: !0
   }) => {
     for (const d in r) {
@@ -542,39 +542,39 @@ function it(e = {}) {
         const { _f: u, ...h } = c;
         if (u) {
           const x = g.array.has(u.name);
-          T([d], !0);
-          const w = await sr(c, a, B, s.shouldUseNativeValidation && !i, x);
-          if (T([d]), w[u.name] && (l.valid = !1, i))
+          L([d], !0);
+          const w = await sr(c, a, R, s.shouldUseNativeValidation && !i, x);
+          if (L([d]), w[u.name] && (l.valid = !1, i))
             break;
           !i && (f(w, u.name) ? x ? Jr(t.errors, w, u.name) : V(t.errors, u.name, w[u.name]) : S(t.errors, u.name));
         }
-        !N(h) && await M(h, i, l);
+        !I(h) && await N(h, i, l);
       }
     }
     return l.valid;
   }, ae = () => {
     for (const r of g.unMount) {
       const i = f(n, r);
-      i && (i._f.refs ? i._f.refs.every((l) => !Te(l)) : !Te(i._f.ref)) && ke(r);
+      i && (i._f.refs ? i._f.refs.every((l) => !Be(l)) : !Be(i._f.ref)) && ke(r);
     }
     g.unMount = /* @__PURE__ */ new Set();
   }, v = (r, i) => (r && i && V(a, r, i), !ie(Ne(), o)), b = (r, i, l) => Kr(r, g, {
     ...y.mount ? a : k(i) ? o : Q(r) ? { [r]: i } : i
-  }, l, i), p = (r) => pe(f(y.mount ? a : o, r, e.shouldUnregister ? f(o, r, []) : [])), C = (r, i, l = {}) => {
+  }, l, i), A = (r) => Ae(f(y.mount ? a : o, r, e.shouldUnregister ? f(o, r, []) : [])), T = (r, i, l = {}) => {
     const d = f(n, r);
     let c = i;
     if (d) {
       const u = d._f;
-      u && (!u.disabled && V(a, r, fr(i, u)), c = xe(u.ref) && L(i) ? "" : i, ur(u.ref) ? [...u.ref.options].forEach((h) => h.selected = c.includes(h.value)) : u.refs ? ve(u.ref) ? u.refs.length > 1 ? u.refs.forEach((h) => (!h.defaultChecked || !h.disabled) && (h.checked = Array.isArray(c) ? !!c.find((x) => x === h.value) : c === h.value)) : u.refs[0] && (u.refs[0].checked = !!c) : u.refs.forEach((h) => h.checked = h.value === c) : Me(u.ref) ? u.ref.value = "" : (u.ref.value = c, u.ref.type || _.values.next({
+      u && (!u.disabled && V(a, r, fr(i, u)), c = xe(u.ref) && M(i) ? "" : i, ur(u.ref) ? [...u.ref.options].forEach((h) => h.selected = c.includes(h.value)) : u.refs ? ve(u.ref) ? u.refs.length > 1 ? u.refs.forEach((h) => (!h.defaultChecked || !h.disabled) && (h.checked = Array.isArray(c) ? !!c.find((x) => x === h.value) : c === h.value)) : u.refs[0] && (u.refs[0].checked = !!c) : u.refs.forEach((h) => h.checked = h.value === c) : Me(u.ref) ? u.ref.value = "" : (u.ref.value = c, u.ref.type || _.values.next({
         name: r,
         values: { ...a }
       })));
     }
-    (l.shouldDirty || l.shouldTouch) && W(r, c, l.shouldTouch, l.shouldDirty, !0), l.shouldValidate && ye(r);
-  }, I = (r, i, l) => {
+    (l.shouldDirty || l.shouldTouch) && C(r, c, l.shouldTouch, l.shouldDirty, !0), l.shouldValidate && ye(r);
+  }, W = (r, i, l) => {
     for (const d in i) {
       const c = i[d], u = `${r}.${d}`, h = f(n, u);
-      (g.array.has(r) || !Fe(c) || h && !h._f) && !ue(c) ? I(u, c, l) : C(u, c, l);
+      (g.array.has(r) || !Fe(c) || h && !h._f) && !ue(c) ? W(u, c, l) : T(u, c, l);
     }
   }, H = (r, i, l = {}) => {
     const d = f(n, r), c = g.array.has(r), u = z(i);
@@ -585,7 +585,7 @@ function it(e = {}) {
       name: r,
       dirtyFields: _e(o, a),
       isDirty: v(r, u)
-    })) : d && !d._f && !L(u) ? I(r, u, l) : C(r, u, l), Ye(r, g) && _.state.next({ ...t }), _.values.next({
+    })) : d && !d._f && !M(u) ? W(r, u, l) : T(r, u, l), Ye(r, g) && _.state.next({ ...t }), _.values.next({
       name: y.mount ? r : void 0,
       values: { ...a }
     });
@@ -593,28 +593,28 @@ function it(e = {}) {
     y.mount = !0;
     const i = r.target;
     let l = i.name, d = !0;
-    const c = f(n, l), u = () => i.type ? Be(c._f) : Pr(r), h = (x) => {
+    const c = f(n, l), u = () => i.type ? Ce(c._f) : Pr(r), h = (x) => {
       d = Number.isNaN(x) || x === f(a, l, x);
     };
     if (c) {
       let x, w;
-      const P = u(), ne = r.type === Qe.BLUR || r.type === Qe.FOCUS_OUT, _r = !et(c._f) && !s.resolver && !f(t.errors, l) && !c._f.deps || rt(ne, f(t.touchedFields, l), t.isSubmitted, J, le), De = Ye(l, g, ne);
-      V(a, l, P), ne ? (c._f.onBlur && c._f.onBlur(r), U && U(0)) : c._f.onChange && c._f.onChange(r);
-      const Se = W(l, P, ne, !1), mr = !N(Se) || De;
+      const q = u(), ne = r.type === Qe.BLUR || r.type === Qe.FOCUS_OUT, _r = !et(c._f) && !s.resolver && !f(t.errors, l) && !c._f.deps || rt(ne, f(t.touchedFields, l), t.isSubmitted, J, le), De = Ye(l, g, ne);
+      V(a, l, q), ne ? (c._f.onBlur && c._f.onBlur(r), O && O(0)) : c._f.onChange && c._f.onChange(r);
+      const Se = C(l, q, ne, !1), mr = !I(Se) || De;
       if (!ne && _.values.next({
         name: l,
         type: r.type,
         values: { ...a }
       }), _r)
-        return F.isValid && R(), mr && _.state.next({ name: l, ...De ? {} : Se });
+        return F.isValid && B(), mr && _.state.next({ name: l, ...De ? {} : Se });
       if (!ne && De && _.state.next({ ...t }), s.resolver) {
         const { errors: $e } = await X([l]);
-        if (h(P), d) {
+        if (h(q), d) {
           const br = ir(t.errors, n, l), je = ir($e, n, br.name || l);
-          x = je.error, l = je.name, w = N($e);
+          x = je.error, l = je.name, w = I($e);
         }
       } else
-        T([l], !0), x = (await sr(c, a, B, s.shouldUseNativeValidation))[l], T([l]), h(P), d && (x ? w = !1 : F.isValid && (w = await M(n, !0)));
+        L([l], !0), x = (await sr(c, a, R, s.shouldUseNativeValidation))[l], L([l]), h(q), d && (x ? w = !1 : F.isValid && (w = await N(n, !0)));
       d && (c._f.deps && ye(c._f.deps), se(l, w, x, Se));
     }
   }, fe = (r, i) => {
@@ -625,12 +625,12 @@ function it(e = {}) {
     const c = me(r);
     if (s.resolver) {
       const u = await Z(k(r) ? r : c);
-      l = N(u), d = r ? !c.some((h) => f(u, h)) : l;
+      l = I(u), d = r ? !c.some((h) => f(u, h)) : l;
     } else
       r ? (d = (await Promise.all(c.map(async (u) => {
         const h = f(n, u);
-        return await M(h && h._f ? { [u]: h } : h);
-      }))).every(Boolean), !(!d && !t.isValid) && R()) : d = l = await M(n);
+        return await N(h && h._f ? { [u]: h } : h);
+      }))).every(Boolean), !(!d && !t.isValid) && B()) : d = l = await N(n);
     return _.state.next({
       ...!Q(r) || F.isValid && l !== t.isValid ? {} : { name: r },
       ...s.resolver || !r ? { isValid: l } : {},
@@ -672,11 +672,11 @@ function it(e = {}) {
     }), _.state.next({
       ...t,
       ...i.keepDirty ? { isDirty: v() } : {}
-    }), !i.keepIsValid && R();
+    }), !i.keepIsValid && B();
   }, Pe = ({ disabled: r, name: i, field: l, fields: d, value: c }) => {
     if (re(r) && y.mount || r) {
-      const u = r ? void 0 : k(c) ? Be(l ? l._f : f(d, i)._f) : c;
-      V(a, i, u), W(i, u, !1, !1, !0);
+      const u = r ? void 0 : k(c) ? Ce(l ? l._f : f(d, i)._f) : c;
+      V(a, i, u), C(i, u, !1, !1, !0);
     }
   }, we = (r, i = {}) => {
     let l = f(n, r);
@@ -694,7 +694,7 @@ function it(e = {}) {
       disabled: i.disabled,
       name: r,
       value: i.value
-    }) : A(r, !0, i.value), {
+    }) : p(r, !0, i.value), {
       ...d ? { disabled: i.disabled } : {},
       ...s.progressive ? {
         required: !!i.required,
@@ -718,26 +718,26 @@ function it(e = {}) {
               ...l._f,
               ...h ? {
                 refs: [
-                  ...x.filter(Te),
+                  ...x.filter(Be),
                   u,
                   ...Array.isArray(f(o, r)) ? [{}] : []
                 ],
                 ref: { type: u.type, name: r }
               } : { ref: u }
             }
-          }), A(r, !1, void 0, u);
+          }), p(r, !1, void 0, u);
         } else
-          l = f(n, r, {}), l._f && (l._f.mount = !1), (s.shouldUnregister || i.shouldUnregister) && !(Wr(g.array, r) && y.action) && g.unMount.add(r);
+          l = f(n, r, {}), l._f && (l._f.mount = !1), (s.shouldUnregister || i.shouldUnregister) && !(qr(g.array, r) && y.action) && g.unMount.add(r);
       }
     };
-  }, qe = () => s.shouldFocusError && ge(n, fe, g.mount), gr = (r) => {
+  }, We = () => s.shouldFocusError && ge(n, fe, g.mount), gr = (r) => {
     re(r) && (_.state.next({ disabled: r }), ge(n, (i, l) => {
       const d = f(n, l);
       d && (i.disabled = d._f.disabled || r, Array.isArray(d._f.refs) && d._f.refs.forEach((c) => {
         c.disabled = d._f.disabled || r;
       }));
     }, 0, !1));
-  }, We = (r, i) => async (l) => {
+  }, qe = (r, i) => async (l) => {
     let d;
     l && (l.preventDefault && l.preventDefault(), l.persist && l.persist());
     let c = z(a);
@@ -747,8 +747,8 @@ function it(e = {}) {
       const { errors: u, values: h } = await X();
       t.errors = u, c = h;
     } else
-      await M(n);
-    if (S(t.errors, "root"), N(t.errors)) {
+      await N(n);
+    if (S(t.errors, "root"), I(t.errors)) {
       _.state.next({
         errors: {}
       });
@@ -758,19 +758,19 @@ function it(e = {}) {
         d = u;
       }
     } else
-      i && await i({ ...t.errors }, l), qe(), setTimeout(qe);
+      i && await i({ ...t.errors }, l), We(), setTimeout(We);
     if (_.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
-      isSubmitSuccessful: N(t.errors) && !d,
+      isSubmitSuccessful: I(t.errors) && !d,
       submitCount: t.submitCount + 1,
       errors: t.errors
     }), d)
       throw d;
   }, vr = (r, i = {}) => {
-    f(n, r) && (k(i.defaultValue) ? H(r, z(f(o, r))) : (H(r, i.defaultValue), V(o, r, z(i.defaultValue))), i.keepTouched || S(t.touchedFields, r), i.keepDirty || (S(t.dirtyFields, r), t.isDirty = i.defaultValue ? v(r, z(f(o, r))) : v()), i.keepError || (S(t.errors, r), F.isValid && R()), _.state.next({ ...t }));
+    f(n, r) && (k(i.defaultValue) ? H(r, z(f(o, r))) : (H(r, i.defaultValue), V(o, r, z(i.defaultValue))), i.keepTouched || S(t.touchedFields, r), i.keepDirty || (S(t.dirtyFields, r), t.isDirty = i.defaultValue ? v(r, z(f(o, r))) : v()), i.keepError || (S(t.errors, r), F.isValid && B()), _.state.next({ ...t }));
   }, He = (r, i = {}) => {
-    const l = r ? z(r) : o, d = z(l), c = N(r), u = c ? o : d;
+    const l = r ? z(r) : o, d = z(l), c = I(r), u = c ? o : d;
     if (i.keepDefaultValues || (o = l), !i.keepValues) {
       if (i.keepDirtyValues)
         for (const h of g.mount)
@@ -782,9 +782,9 @@ function it(e = {}) {
             if (x && x._f) {
               const w = Array.isArray(x._f.refs) ? x._f.refs[0] : x._f.ref;
               if (xe(w)) {
-                const P = w.closest("form");
-                if (P) {
-                  P.reset();
+                const q = w.closest("form");
+                if (q) {
+                  q.reset();
                   break;
                 }
               }
@@ -821,16 +821,16 @@ function it(e = {}) {
       register: we,
       unregister: ke,
       getFieldState: Ue,
-      handleSubmit: We,
+      handleSubmit: qe,
       setError: Ie,
       _executeSchema: X,
       _getWatch: b,
       _getDirty: v,
-      _updateValid: R,
+      _updateValid: B,
       _removeUnmounted: ae,
       _updateFieldArray: m,
       _updateDisabledField: Pe,
-      _getFieldArray: p,
+      _getFieldArray: A,
       _reset: He,
       _resetDefaultValues: () => te(s.defaultValues) && s.defaultValues().then((r) => {
         ze(r, s.resetOptions), _.state.next({
@@ -886,7 +886,7 @@ function it(e = {}) {
     },
     trigger: ye,
     register: we,
-    handleSubmit: We,
+    handleSubmit: qe,
     watch: hr,
     setValue: H,
     getValues: Ne,
@@ -960,78 +960,78 @@ const at = "Я принимаю условия Политики обработк
   isPhone: a,
   isTextArea: y,
   telegramLink: g = "https://t.me/stone_developer",
-  isRequiredPhone: U = !0,
-  isRequiredEmail: q = !1,
+  isRequiredPhone: O = !0,
+  isRequiredEmail: P = !1,
   isRequiredPhoneOrEmail: F,
   textAreaPlaceholder: _,
   subTitle: le,
   submitHandler: J,
-  modalWidth: B = "442px",
+  modalWidth: R = "442px",
   rowsTextArea: ce = 2,
-  advCheckBox: R = { text: at, isRequired: !0 }
+  advCheckBox: B = { text: at, isRequired: !0 }
 }) => {
   const {
-    register: T,
+    register: L,
     handleSubmit: m,
     trigger: j,
     reset: K,
-    watch: A,
-    formState: { errors: W }
-  } = lt(), se = !!A("email"), { onChange: X, onBlur: Z, ...M } = T("phone", {
-    required: U || F ? !se : !0,
-    pattern: { value: Ar, message: "" },
+    watch: p,
+    formState: { errors: C }
+  } = lt(), se = !!p("email"), { onChange: X, onBlur: Z, ...N } = L("phone", {
+    required: O || F ? !se : !0,
+    pattern: { value: pr, message: "" },
     onBlur: () => j("phone")
-  }), { isMobile: ae, currentClientWidth: v } = Dr(), b = A("personalCheckBox"), p = A("advCheckBox"), C = (I) => {
-    J(I), K();
+  }), { isMobile: ae, currentClientWidth: v } = Dr(), b = p("personalCheckBox"), A = p("advCheckBox"), T = (W) => {
+    J(W), K();
   };
   return v ? /* @__PURE__ */ D(
     Vr,
     {
       isOpen: e,
       emitIsOpen: () => s(!1),
-      additionalClass: O.modal,
+      additionalClass: U.modal,
       opacity: 0.7,
       isTransparentBack: !0,
-      additionalClassModalBody: O.modalBody,
+      additionalClassModalBody: U.modalBody,
       children: /* @__PURE__ */ ee(
         "div",
         {
-          className: O.root,
-          style: { width: ae ? "100%" : B },
+          className: U.root,
+          style: { width: ae ? "100%" : R },
           children: [
             /* @__PURE__ */ D(
               "div",
               {
-                className: O.title,
+                className: U.title,
                 dangerouslySetInnerHTML: { __html: n ?? "Оставить обращение" }
               }
             ),
-            t && /* @__PURE__ */ ee("div", { className: O.telegramWrapper, children: [
+            t && /* @__PURE__ */ ee("div", { className: U.telegramWrapper, children: [
               /* @__PURE__ */ D(
                 "a",
                 {
-                  className: O.telegramLink,
+                  className: U.telegramLink,
                   href: g,
                   target: "_blank",
-                  children: /* @__PURE__ */ ee("div", { className: O.telegram, children: [
+                  children: /* @__PURE__ */ ee("div", { className: U.telegram, children: [
                     /* @__PURE__ */ D("div", { children: "Подписаться в Telegram" }),
                     /* @__PURE__ */ D(Ge, { name: "telegram" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ D("div", { className: O.orText, children: "или" })
+              /* @__PURE__ */ D("div", { className: U.orText, children: "или" })
             ] }),
             !t && /* @__PURE__ */ D(
               "div",
               {
-                className: O.description,
+                className: U.description,
                 dangerouslySetInnerHTML: {
                   __html: le && !t ? "Оставьте номер телефона для получения консультации" : `${/* @__PURE__ */ D("div", { children: "привет" })}`
                 }
               }
             ),
-            /* @__PURE__ */ ee("form", { onSubmit: m(C), children: [
-              /* @__PURE__ */ ee(Fr, { className: O.inputWrapper, children: [
+            /* @__PURE__ */ ee("form", { onSubmit: m(T), children: [
+              /* @__PURE__ */ ee(Fr, { className: U.inputWrapper, children: [
                 /* @__PURE__ */ D(
                   Ee,
                   {
@@ -1040,8 +1040,8 @@ const at = "Я принимаю условия Политики обработк
                     variant: "light",
                     placeholder: "Введите имя",
                     "data-testid": "modal_name",
-                    ...T("name", { required: !0, pattern: pr }),
-                    error: !!W.name
+                    ...L("name", { required: !0, pattern: Ar }),
+                    error: !!C.name
                   }
                 ),
                 a && /* @__PURE__ */ D(
@@ -1061,9 +1061,9 @@ const at = "Я принимаю условия Политики обработк
                         type: "tel",
                         size_s: "small",
                         variant: "light",
-                        ...M,
-                        ...T("phone"),
-                        error: !!W.phone
+                        ...N,
+                        ...L("phone"),
+                        error: !!C.phone
                       }
                     )
                   }
@@ -1076,11 +1076,11 @@ const at = "Я принимаю условия Политики обработк
                     variant: "light",
                     placeholder: "Введите email",
                     "data-testid": "modal_email",
-                    ...T("email", {
-                      required: q || F ? se : !1,
+                    ...L("email", {
+                      required: P || F && !se,
                       pattern: kr
                     }),
-                    error: !!W.email
+                    error: !!C.email
                   }
                 ),
                 y && /* @__PURE__ */ D(
@@ -1090,17 +1090,17 @@ const at = "Я принимаю условия Политики обработк
                     placeholder: _,
                     rows: ce,
                     width: "full",
-                    ...T("textarea")
+                    ...L("textarea")
                   }
                 ),
-                R && !t && /* @__PURE__ */ D(
+                B && !t && /* @__PURE__ */ D(
                   Je,
                   {
                     "data-testid": "modal_advCheckBox",
-                    isChecked: p,
-                    error: !!W.advCheckBox,
-                    text: R.text,
-                    ...T("advCheckBox", { required: R == null ? void 0 : R.isRequired })
+                    isChecked: A,
+                    error: !!C.advCheckBox,
+                    text: B.text,
+                    ...L("advCheckBox", { required: B == null ? void 0 : B.isRequired })
                   }
                 ),
                 /* @__PURE__ */ ee(
@@ -1108,8 +1108,8 @@ const at = "Я принимаю условия Политики обработк
                   {
                     "data-testid": "modal_personalCheckBox",
                     isChecked: b,
-                    error: !!W.personalCheckBox,
-                    ...T("personalCheckBox", { required: !t }),
+                    error: !!C.personalCheckBox,
+                    ...L("personalCheckBox", { required: !t }),
                     children: [
                       t && /* @__PURE__ */ ee("div", { children: [
                         "Согласен(-на)",
@@ -1117,7 +1117,7 @@ const at = "Я принимаю условия Политики обработк
                         /* @__PURE__ */ D(
                           "a",
                           {
-                            className: O.linkPolicy,
+                            className: U.linkPolicy,
                             href: "/documents/soglasie-na-rassylki",
                             children: "получать новости, информацию по сделке и рекламу"
                           }
@@ -1131,7 +1131,7 @@ const at = "Я принимаю условия Политики обработк
                         /* @__PURE__ */ D(
                           "a",
                           {
-                            className: O.linkPolicy,
+                            className: U.linkPolicy,
                             href: "/documents/docs",
                             children: "Политики обработки и защиты персональных данных"
                           }
@@ -1150,15 +1150,16 @@ const at = "Я принимаю условия Политики обработк
                     type: "submit",
                     size: "large",
                     as: "button",
-                    additionalClass: O.modalBtn,
-                    children: "Отправить"
+                    additionalClass: U.modalBtn,
+                    disabled: !!C.name || !!C.phone && O || !!C.email && P || !!C.advCheckBox && (B == null ? void 0 : B.isRequired) || !!C.personalCheckBox && !t,
+                    children: "Отправить запрос"
                   }
                 )
               ] }),
               /* @__PURE__ */ D(
                 Ke,
                 {
-                  additionalClass: O.btn,
+                  additionalClass: U.btn,
                   onClick: () => s(!1),
                   as: "button",
                   variant: "gray",

package/dist/components/FormModal/utils/reg.js

@@ -1,4 +1,4 @@
-const e = /^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{10}/g, n = /^[A-Z0-9._%+-]+@[A-Z0-9-]+.+.[A-Z]{2,4}$/i, o = /^((([а-яА-ЯЁё-]){1,30})(\s{1,3}|)){1,5}$|^((([a-zA-Z-'`]){1,30})(\s{1,3}|)){1,5}$/u;
+const e = /^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{10}/g, n = new RegExp("^(?!.*\\.\\.)[A-Z0-9._%+-]+(?<!\\.)@[A-Z0-9-]+\\.[A-Z]{2,}$", "i"), o = /^((([а-яА-ЯЁё-]){1,30})(\s{1,3}|)){1,5}$|^((([a-zA-Z-'`]){1,30})(\s{1,3}|)){1,5}$/u;
 export {
   n as emailReg,
   o as nameReg,

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.422",
+  "version": "0.0.424",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",