react-artasys-ui 0.1.30 → 0.1.32

package/dist/index.es.js

@@ -0,0 +1,1703 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import r, { cloneElement as i, createContext as a, forwardRef as o, useCallback as s, useContext as c, useEffect as l, useImperativeHandle as u, useMemo as d, useRef as f, useState as p } from "react";
+var m = {
+	container: "style-module__container__62IoS",
+	"wait-indicator": "style-module__wait-indicator__gf4Cz",
+	wait: "style-module__wait__gRt9X"
+}, h = {
+	spinner: "style-module__spinner__bqxDY",
+	"button-spinner-border": "style-module__button-spinner-border__Zu60W",
+	"ui-spinner-contrast": "style-module__ui-spinner-contrast__uV5ba",
+	small: "style-module__small__A2XhO",
+	middle: "style-module__middle__5esgZ",
+	large: "style-module__large__5MX0S"
+}, g = ({ size: e, contrast: n, ...r }) => {
+	let i = ["ui-spinner"];
+	return i.push(h.spinner), e && i.push(h[e], "ui-spinner-" + e), n && i.push(h["ui-spinner-contrast"]), r.className && i.push(r.className), /* @__PURE__ */ t("div", {
+		...r,
+		className: i.join(" ")
+	});
+}, _ = {
+	container: "style-module__container__Tcehc",
+	radius: "style-module__radius__9sZ2F",
+	small: "style-module__small__GbGdW",
+	middle: "style-module__middle__Xb1-y",
+	large: "style-module__large__eTEPS"
+}, v = ({ value: e = 0, size: n, radius: r = !1 }) => {
+	e = Math.ceil(Number(e) * 10) / 10, e > 100 && (e = 100), e < 0 && (e = 0);
+	let i = r ? 360 / 100 * e + "deg" : e + "%", a = ["ui-progress"];
+	return a.push(_.container), n && a.push(_[n]), r && a.push(_.radius), /* @__PURE__ */ t("div", {
+		className: a.join(" "),
+		"data-progress": e,
+		style: { "--progress": i }
+	});
+}, y = ({ children: e, wait: r, progress: i, progressRadius: a = !0, className: o, onSubmit: s, ...c }) => {
+	let l = (e) => {
+		e.preventDefault(), typeof s == "function" && s(e);
+	}, u = [];
+	return u.push(m.container), r && u.push(m.wait), o && u.push(o), /* @__PURE__ */ n("form", {
+		...c,
+		onSubmit: l,
+		className: u.join(" "),
+		children: [e, /* @__PURE__ */ t("div", {
+			className: m["wait-indicator"],
+			children: typeof i == "number" ? /* @__PURE__ */ t(v, {
+				radius: a,
+				value: i
+			}) : /* @__PURE__ */ t(g, {})
+		})]
+	});
+}, b = (e) => e.type === "checkbox", x = (e) => e instanceof Date, S = (e) => e == null, C = (e) => typeof e == "object", w = (e) => !S(e) && !Array.isArray(e) && C(e) && !x(e), ee = (e) => w(e) && e.target ? b(e.target) ? e.target.checked : e.target.value : e, T = (e, t) => t.split(".").some((t, n, r) => !isNaN(Number(t)) && e.has(r.slice(0, n).join("."))), E = (e) => {
+	let t = e.constructor && e.constructor.prototype;
+	return w(t) && t.hasOwnProperty("isPrototypeOf");
+}, D = typeof window < "u" && window.HTMLElement !== void 0 && typeof document < "u";
+function O(e) {
+	if (e instanceof Date) return new Date(e);
+	let t = typeof FileList < "u" && e instanceof FileList;
+	if (D && (e instanceof Blob || t)) return e;
+	let n = Array.isArray(e);
+	if (!n && !(w(e) && E(e))) return e;
+	let r = n ? [] : Object.create(Object.getPrototypeOf(e));
+	for (let t in e) Object.prototype.hasOwnProperty.call(e, t) && (r[t] = O(e[t]));
+	return r;
+}
+var k = {
+	BLUR: "blur",
+	FOCUS_OUT: "focusout",
+	CHANGE: "change",
+	SUBMIT: "submit",
+	TRIGGER: "trigger",
+	VALID: "valid"
+}, A = {
+	onBlur: "onBlur",
+	onChange: "onChange",
+	onSubmit: "onSubmit",
+	onTouched: "onTouched",
+	all: "all"
+}, j = {
+	max: "max",
+	min: "min",
+	maxLength: "maxLength",
+	minLength: "minLength",
+	pattern: "pattern",
+	required: "required",
+	validate: "validate"
+}, te = "root", ne = [
+	"__proto__",
+	"constructor",
+	"prototype"
+], re = /^\w*$/, ie = (e) => re.test(e), M = (e) => e === void 0, ae = /[.[\]'"]/, oe = (e) => e.split(ae).filter(Boolean), N = (e, t, n) => {
+	if (!t || !w(e)) return n;
+	let r = ie(t) ? [t] : oe(t);
+	if (r.some((e) => ne.includes(e))) return n;
+	let i = r.reduce((e, t) => S(e) ? void 0 : e[t], e);
+	return M(i) || i === e ? M(e[t]) ? n : e[t] : i;
+}, P = (e) => typeof e == "boolean", F = (e) => typeof e == "function", I = (e, t, n) => {
+	let r = -1, i = ie(t) ? [t] : oe(t), a = i.length, o = a - 1;
+	for (; ++r < a;) {
+		let t = i[r], a = n;
+		if (r !== o) {
+			let n = e[t];
+			a = w(n) || Array.isArray(n) ? n : isNaN(+i[r + 1]) ? {} : [];
+		}
+		if (ne.includes(t)) return;
+		e[t] = a, e = e[t];
+	}
+}, se = r.createContext(null);
+se.displayName = "HookFormControlContext";
+var ce = (e, t, n, r = !0) => {
+	let i = {};
+	for (let a in e) Object.defineProperty(i, a, { get: () => {
+		let i = a;
+		return t._proxyFormState[i] !== A.all && (t._proxyFormState[i] = !r || A.all), n && (n[i] = !0), e[i];
+	} });
+	return i;
+}, le = D ? r.useLayoutEffect : r.useEffect, L = (e) => typeof e == "string", ue = (e, t, n, r, i) => L(e) ? (r && t.watch.add(e), N(n, e, i)) : Array.isArray(e) ? e.map((e) => (r && t.watch.add(e), N(n, e))) : (r && (t.watchAll = !0), n), de = (e) => S(e) || !C(e), R = (e, t) => t.length === 0 && !Array.isArray(e) && !E(e);
+function z(e, t, n = /* @__PURE__ */ new WeakMap()) {
+	if (e === t) return !0;
+	if (de(e) || de(t)) return Object.is(e, t);
+	if (x(e) && x(t)) return Object.is(e.getTime(), t.getTime());
+	let r = Object.keys(e), i = Object.keys(t);
+	if (r.length !== i.length) return !1;
+	if (R(e, r) || R(t, i)) return Object.is(e, t);
+	if (!r.length && Array.isArray(e) !== Array.isArray(t)) return !1;
+	let a = n.get(e);
+	if (a && a.has(t)) return !0;
+	if (a) a.add(t);
+	else {
+		let r = /* @__PURE__ */ new WeakSet();
+		r.add(t), n.set(e, r);
+	}
+	for (let i of r) {
+		let r = e[i];
+		if (!(i in t)) return !1;
+		if (i !== "ref") {
+			let e = t[i];
+			if (x(r) && x(e) || (w(r) || Array.isArray(r)) && (w(e) || Array.isArray(e)) ? !z(r, e, n) : !Object.is(r, e)) return !1;
+		}
+	}
+	return !0;
+}
+var fe = r.createContext(null);
+fe.displayName = "HookFormContext";
+var pe = (e, t, n, r, i) => t ? {
+	...n[e],
+	types: {
+		...n[e] && n[e].types ? n[e].types : {},
+		[r]: i || !0
+	}
+} : {}, me = (e) => Array.isArray(e) ? e.filter(Boolean) : [], he = (e) => Array.isArray(e) ? e : [e], ge = () => {
+	let e = [];
+	return {
+		get observers() {
+			return e;
+		},
+		next: (t) => {
+			for (let n of e) n.next && n.next(t);
+		},
+		subscribe: (t) => (e.push(t), { unsubscribe: () => {
+			e = e.filter((e) => e !== t);
+		} }),
+		unsubscribe: () => {
+			e = [];
+		}
+	};
+};
+function _e(e, t) {
+	let n = {};
+	for (let r in e) if (e.hasOwnProperty(r)) {
+		let i = e[r], a = t[r];
+		if (i && w(i) && a) {
+			let e = _e(i, a);
+			w(e) && (n[r] = e);
+		} else e[r] && (n[r] = a);
+	}
+	return n;
+}
+var B = (e) => w(e) && !Object.keys(e).length, ve = (e) => e.type === "file", ye = (e) => {
+	if (!D) return !1;
+	let t = e ? e.ownerDocument : 0;
+	return e instanceof (t && t.defaultView ? t.defaultView.HTMLElement : HTMLElement);
+}, be = (e) => e.type === "select-multiple", V = (e) => e.type === "radio", xe = (e) => V(e) || b(e), Se = (e) => ye(e) && e.isConnected;
+function Ce(e, t) {
+	let n = t.slice(0, -1).length, r = 0;
+	for (; r < n;) {
+		if (S(e)) {
+			e = void 0;
+			break;
+		}
+		e = e[t[r]], r++;
+	}
+	return e;
+}
+function H(e) {
+	for (let t in e) if (e.hasOwnProperty(t) && !M(e[t])) return !1;
+	return !0;
+}
+function U(e, t) {
+	if (L(t) && Object.prototype.hasOwnProperty.call(e, t)) return delete e[t], e;
+	let n = Array.isArray(t) ? t : ie(t) ? [t] : oe(t), r = n.length === 1 ? e : Ce(e, n), i = n.length - 1, a = n[i];
+	return r && delete r[a], i !== 0 && (w(r) && B(r) || Array.isArray(r) && H(r)) && U(e, n.slice(0, -1)), e;
+}
+var we = (e) => {
+	for (let t in e) if (F(e[t])) return !0;
+	return !1;
+};
+function Te(e) {
+	return Array.isArray(e) || w(e) && !we(e);
+}
+function Ee(e, t = {}) {
+	for (let n in e) {
+		let r = e[n];
+		Te(r) ? (t[n] = Array.isArray(r) ? [] : {}, Ee(r, t[n])) : M(r) || (t[n] = !0);
+	}
+	return t;
+}
+function De(e) {
+	if (e !== !1) {
+		if (e === !0) return !0;
+		if (Array.isArray(e)) {
+			let t = e.map((e) => De(e));
+			return t.some((e) => e !== void 0) ? t : void 0;
+		}
+		if (w(e)) {
+			let t = {};
+			for (let n in e) {
+				let r = De(e[n]);
+				M(r) || (t[n] = r);
+			}
+			return Object.keys(t).length ? t : void 0;
+		}
+	}
+}
+function W(e, t, n) {
+	n ||= Ee(t);
+	for (let r in e) {
+		let i = e[r];
+		if (Te(i)) M(t) || de(n[r]) ? n[r] = Ee(i, Array.isArray(i) ? [] : {}) : W(i, S(t) ? {} : t[r], n[r]);
+		else {
+			let e = t[r];
+			n[r] = !z(i, e);
+		}
+	}
+	return De(n) || {};
+}
+var Oe = {
+	value: !1,
+	isValid: !1
+}, G = {
+	value: !0,
+	isValid: !0
+}, ke = (e) => {
+	if (Array.isArray(e)) {
+		if (e.length > 1) {
+			let t = e.filter((e) => e && e.checked && !e.disabled).map((e) => e.value);
+			return {
+				value: t,
+				isValid: !!t.length
+			};
+		}
+		return e[0].checked && !e[0].disabled ? e[0].attributes && !M(e[0].attributes.value) ? M(e[0].value) || e[0].value === "" ? G : {
+			value: e[0].value,
+			isValid: !0
+		} : G : Oe;
+	}
+	return Oe;
+}, Ae = (e, { valueAsNumber: t, valueAsDate: n, setValueAs: r }) => M(e) ? e : t ? e === "" ? NaN : e && +e : n && L(e) ? new Date(e) : r ? r(e) : e, je = {
+	isValid: !1,
+	value: null
+}, Me = (e) => Array.isArray(e) ? e.reduce((e, t) => t && t.checked && !t.disabled ? {
+	isValid: !0,
+	value: t.value
+} : e, je) : je;
+function Ne(e) {
+	let t = e.ref;
+	return ve(t) ? t.files : V(t) ? Me(e.refs).value : be(t) ? [...t.selectedOptions].map(({ value: e }) => e) : b(t) ? ke(e.refs).value : Ae(M(t.value) ? e.ref.value : t.value, e);
+}
+var Pe = (e, t, n, r) => {
+	let i = {};
+	for (let n of e) {
+		let e = N(t, n);
+		e && I(i, n, e._f);
+	}
+	return {
+		criteriaMode: n,
+		names: [...e],
+		fields: i,
+		shouldUseNativeValidation: r
+	};
+}, K = (e) => e instanceof RegExp, Fe = (e) => M(e) ? e : K(e) ? e.source : w(e) ? K(e.value) ? e.value.source : e.value : e, Ie = (e) => ({
+	isOnSubmit: !e || e === A.onSubmit,
+	isOnBlur: e === A.onBlur,
+	isOnChange: e === A.onChange,
+	isOnAll: e === A.all,
+	isOnTouch: e === A.onTouched
+}), Le = "AsyncFunction", Re = (e) => {
+	if (!e || !e.validate) return !1;
+	if (F(e.validate)) return e.validate.constructor.name === Le;
+	if (w(e.validate)) {
+		for (let t in e.validate) if (e.validate[t].constructor.name === Le) return !0;
+	}
+	return !1;
+}, ze = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), Be = (e, t, n) => {
+	if (n) return !1;
+	if (t.watchAll || t.watch.has(e)) return !0;
+	for (let n of t.watch) if (e.startsWith(n) && e.charAt(n.length) === ".") return !0;
+	return !1;
+}, Ve = (e, t, n, r) => {
+	for (let i of n || Object.keys(e)) {
+		let n = N(e, i);
+		if (n) {
+			let { _f: e, ...a } = n;
+			if (e) {
+				if (e.refs && e.refs[0] && t(e.refs[0], i) && !r || e.ref && t(e.ref, e.name) && !r) return !0;
+				if (Ve(a, t)) break;
+			} else if (w(a) && Ve(a, t)) break;
+		}
+	}
+};
+function He(e, t, n) {
+	let r = N(e, n);
+	if (r || ie(n)) return {
+		error: r,
+		name: n
+	};
+	let i = n.split(".");
+	for (; i.length;) {
+		let r = i.join("."), a = N(t, r), o = N(e, r);
+		if (a && !Array.isArray(a) && n !== r) return { name: n };
+		if (o && o.type) return {
+			name: r,
+			error: o
+		};
+		if (o && o.root && o.root.type) return {
+			name: `${r}.root`,
+			error: o.root
+		};
+		i.pop();
+	}
+	return { name: n };
+}
+var Ue = (e, t, n, r) => {
+	n(e);
+	let { name: i, ...a } = e, o = Object.keys(a);
+	return !o.length || r && o.length >= Object.keys(t).length || o.find((e) => t[e] === (!r || A.all));
+}, We = (e, t, n) => !e || !t || e === t || he(e).some((e) => e && (n ? e === t : e.startsWith(t) || t.startsWith(e))), Ge = (e, t, n, r, i) => i.isOnAll ? !1 : !n && i.isOnTouch ? !(t || e) : (n ? r.isOnBlur : i.isOnBlur) ? !e : (n ? r.isOnChange : i.isOnChange) ? e : !0, Ke = (e, t) => !me(N(e, t)).length && U(e, t), qe = (e, t, n) => {
+	let r = N(e, n), i = Array.isArray(r) ? r : [];
+	return I(i, te, t[n]), I(e, n, i), e;
+};
+function Je(e, t, n = "validate") {
+	if (L(e) || Array.isArray(e) && e.every(L) || P(e) && !e) return {
+		type: n,
+		message: L(e) ? e : "",
+		ref: t
+	};
+}
+var q = (e) => w(e) && !K(e) ? e : {
+	value: e,
+	message: ""
+}, Ye = async (e, t, n, r, i, a) => {
+	let { ref: o, refs: s, required: c, maxLength: l, minLength: u, min: d, max: f, pattern: p, validate: m, name: h, valueAsNumber: g, mount: _ } = e._f, v = N(n, h);
+	if (!_ || t.has(h)) return {};
+	let y = s ? s[0] : o, x = (e) => {
+		if (i && y.reportValidity) {
+			let t = P(e) ? "" : e || "";
+			s ? s.forEach((e) => e.setCustomValidity(t)) : y.setCustomValidity(t), y.reportValidity();
+		}
+	}, C = {}, ee = V(o), T = b(o), E = ee || T, D = (g || ve(o)) && M(o.value) && M(v) || ye(o) && o.value === "" || v === "" || Array.isArray(v) && !v.length, O = pe.bind(null, h, r, C), k = (e, t, n, r = j.maxLength, i = j.minLength) => {
+		let a = e ? t : n;
+		C[h] = {
+			type: e ? r : i,
+			message: a,
+			ref: o,
+			...O(e ? r : i, a)
+		};
+	};
+	if (a ? !Array.isArray(v) || !v.length : c && (!E && (D || S(v)) || P(v) && !v || T && !ke(s).isValid || ee && !Me(s).isValid)) {
+		let { value: e, message: t } = L(c) ? {
+			value: !!c,
+			message: c
+		} : q(c);
+		if (e && (C[h] = {
+			type: j.required,
+			message: t,
+			ref: y,
+			...O(j.required, t)
+		}, !r)) return x(t), C;
+	}
+	if (!D && (!S(d) || !S(f))) {
+		let e, t, n = q(f), i = q(d);
+		if (!S(v) && !isNaN(v)) {
+			let r = o.valueAsNumber || v && +v;
+			S(n.value) || (e = r > n.value), S(i.value) || (t = r < i.value);
+		} else {
+			let r = o.valueAsDate || new Date(v), a = (e) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + e), s = o.type == "time", c = o.type == "week";
+			L(n.value) && v && (e = s ? a(v) > a(n.value) : c ? v > n.value : r > new Date(n.value)), L(i.value) && v && (t = s ? a(v) < a(i.value) : c ? v < i.value : r < new Date(i.value));
+		}
+		if ((e || t) && (k(!!e, n.message, i.message, j.max, j.min), !r)) return x(C[h].message), C;
+	}
+	if ((l || u) && !D && (L(v) || a && Array.isArray(v))) {
+		let e = q(l), t = q(u), n = !S(e.value) && v.length > +e.value, i = !S(t.value) && v.length < +t.value;
+		if ((n || i) && (k(n, e.message, t.message), !r)) return x(C[h].message), C;
+	}
+	if (p && !D && L(v)) {
+		let { value: e, message: t } = q(p);
+		if (K(e) && !v.match(e) && (C[h] = {
+			type: j.pattern,
+			message: t,
+			ref: o,
+			...O(j.pattern, t)
+		}, !r)) return x(t), C;
+	}
+	if (m) {
+		if (F(m)) {
+			let e = Je(await m(v, n), y);
+			if (e && (C[h] = {
+				...e,
+				...O(j.validate, e.message)
+			}, !r)) return x(e.message), C;
+		} else if (w(m)) {
+			let e = {};
+			for (let t in m) {
+				if (!B(e) && !r) break;
+				let i = Je(await m[t](v, n), y, t);
+				i && (e = {
+					...i,
+					...O(t, i.message)
+				}, x(i.message), r && (C[h] = e));
+			}
+			if (!B(e) && (C[h] = {
+				ref: y,
+				...e
+			}, !r)) return C;
+		}
+	}
+	return x(!0), C;
+}, Xe = {
+	mode: A.onSubmit,
+	reValidateMode: A.onChange,
+	shouldFocusError: !0
+}, Ze = "form", Qe = {
+	submitCount: 0,
+	isDirty: !1,
+	isReady: !1,
+	isValidating: !1,
+	isSubmitted: !1,
+	isSubmitting: !1,
+	isSubmitSuccessful: !1,
+	isValid: !1,
+	touchedFields: {},
+	dirtyFields: {},
+	validatingFields: {}
+};
+function $e(e = {}) {
+	let t = {
+		...Xe,
+		...e
+	}, n = {
+		...O(Qe),
+		isLoading: F(t.defaultValues),
+		errors: t.errors || {},
+		disabled: t.disabled || !1
+	}, r = {}, i = (w(t.defaultValues) || w(t.values)) && O(t.defaultValues || t.values) || {}, a = t.shouldUnregister ? {} : O(i), o = {
+		action: !1,
+		mount: !1,
+		watch: !1,
+		keepIsValid: !1
+	}, s = {
+		mount: /* @__PURE__ */ new Set(),
+		disabled: /* @__PURE__ */ new Set(),
+		unMount: /* @__PURE__ */ new Set(),
+		array: /* @__PURE__ */ new Set(),
+		watch: /* @__PURE__ */ new Set(),
+		registerName: /* @__PURE__ */ new Set()
+	}, c, l = 0, u = 0, d = Ie(t.mode), f = Ie(t.reValidateMode), p = {
+		isDirty: !1,
+		dirtyFields: !1,
+		validatingFields: !1,
+		touchedFields: !1,
+		isValidating: !1,
+		isValid: !1,
+		errors: !1
+	}, m = { ...p }, h = { ...m }, g = {
+		array: ge(),
+		state: ge()
+	}, _ = t.criteriaMode === A.all, v = (e) => (t) => {
+		clearTimeout(l), l = setTimeout(e, t);
+	}, y = async (e) => {
+		if (!o.keepIsValid && !t.disabled && (m.isValid || h.isValid || e)) {
+			let e;
+			t.resolver ? (e = B((await R()).errors), C()) : e = await V({
+				fields: r,
+				onlyCheckValid: !0,
+				eventType: k.VALID
+			}), e !== n.isValid && g.state.next({ isValid: e });
+		}
+	}, C = (e, r) => {
+		!t.disabled && (m.isValidating || m.validatingFields || h.isValidating || h.validatingFields) && ((e || Array.from(s.mount)).forEach((e) => {
+			e && (r ? I(n.validatingFields, e, r) : U(n.validatingFields, e));
+		}), g.state.next({
+			validatingFields: n.validatingFields,
+			isValidating: !B(n.validatingFields)
+		}));
+	}, E = () => {
+		n.dirtyFields = W(i, a);
+	}, ne = (e, i = [], s, c, l = !0, u = !0) => {
+		if (c && s && !t.disabled) {
+			if (o.action = !0, u && Array.isArray(N(r, e))) {
+				let t = s(N(r, e), c.argA, c.argB);
+				l && I(r, e, t);
+			}
+			if (u && Array.isArray(N(n.errors, e))) {
+				let t = s(N(n.errors, e), c.argA, c.argB);
+				l && I(n.errors, e, t), Ke(n.errors, e);
+			}
+			if ((m.touchedFields || h.touchedFields) && u && Array.isArray(N(n.touchedFields, e))) {
+				let t = s(N(n.touchedFields, e), c.argA, c.argB);
+				l && I(n.touchedFields, e, t);
+			}
+			(m.dirtyFields || h.dirtyFields) && E(), g.state.next({
+				name: e,
+				isDirty: H(e, i),
+				dirtyFields: n.dirtyFields,
+				errors: n.errors,
+				isValid: n.isValid
+			});
+		} else I(a, e, i);
+	}, re = (e, t) => {
+		I(n.errors, e, t), n.errors = { ...n.errors }, g.state.next({ errors: n.errors });
+	}, ae = (e) => {
+		n.errors = e, g.state.next({
+			errors: n.errors,
+			isValid: !1
+		});
+	}, se = (e) => {
+		let t = ie(e) ? [e] : oe(e), n = a, r = i;
+		for (let e = 0; e < t.length - 1; e++) {
+			let i = t[e];
+			if (n = S(n) ? n : n[i], r = S(r) ? r : r[i], n === null && r !== null) return !0;
+		}
+		return !1;
+	}, ce = (t, c, l, u) => {
+		let d = N(r, t);
+		if (d) {
+			if (se(t)) return;
+			let r = M(N(a, t)), f = N(a, t, M(l) ? N(i, t) : l);
+			M(f) || u && u.defaultChecked || c ? I(a, t, c ? f : Ne(d._f)) : Ee(t, f), o.mount && !o.action && (y(), r && n.isDirty && (m.isDirty || h.isDirty) && (H() || (n.isDirty = !1, g.state.next({ ...n }))), e.shouldUnregister && r && !M(N(a, t)) && Be(t, s) && (o.watch = !0));
+		}
+	}, le = (e, r, o, s, c) => {
+		let l = !1, u = !1, d = { name: e };
+		if (!t.disabled) {
+			if (!o || s) {
+				let t = z(N(i, e), r);
+				(m.isDirty || h.isDirty) && (u = n.isDirty, n.isDirty = d.isDirty = !t || H(), l = u !== d.isDirty), u = !!N(n.dirtyFields, e), t === n.isDirty ? t ? U(n.dirtyFields, e) : I(n.dirtyFields, e, !0) : n.dirtyFields = W(i, a), d.dirtyFields = n.dirtyFields, l ||= (m.dirtyFields || h.dirtyFields) && u !== !t;
+			}
+			if (o) {
+				let t = N(n.touchedFields, e);
+				t || (I(n.touchedFields, e, o), d.touchedFields = n.touchedFields, l ||= (m.touchedFields || h.touchedFields) && t !== o);
+			}
+			l && c && g.state.next(d);
+		}
+		return l ? d : {};
+	}, de = (e, r, i, a) => {
+		let o = N(n.errors, e), s = (m.isValid || h.isValid) && P(r) && n.isValid !== r;
+		if (t.delayError && i ? (c = v(() => re(e, i)), c(t.delayError)) : (clearTimeout(l), c = null, i ? I(n.errors, e, i) : U(n.errors, e), n.errors = { ...n.errors }), (i ? !z(o, i) : o) || !B(a) || s) {
+			let t = {
+				...a,
+				...s && P(r) ? { isValid: r } : {},
+				errors: n.errors,
+				name: e
+			};
+			n = {
+				...n,
+				...t
+			}, g.state.next(t);
+		}
+	}, R = async (e) => (C(e, !0), await t.resolver(a, t.context, Pe(e || s.mount, r, t.criteriaMode, t.shouldUseNativeValidation))), fe = async (e) => {
+		let { errors: t } = await R(e);
+		if (C(e), e) {
+			for (let r of e) {
+				let e = N(t, r);
+				e ? s.array.has(r) && w(e) && !Object.keys(e).some((e) => !Number.isNaN(Number(e))) ? qe(n.errors, { [r]: e }, r) : I(n.errors, r, e) : U(n.errors, r);
+			}
+			n.errors = { ...n.errors };
+		} else n.errors = t;
+		return t;
+	}, pe = async ({ name: t, eventType: r }) => {
+		if (e.validate) {
+			let i = await e.validate({
+				formValues: a,
+				formState: n,
+				name: t,
+				eventType: r
+			});
+			if (w(i)) for (let e in i) {
+				let t = i[e];
+				t && $e(`${Ze}.${e}`, {
+					message: L(t.message) ? t.message : "",
+					type: t.type || j.validate
+				});
+			}
+			else L(i) || !i ? $e(Ze, {
+				message: i || "",
+				type: j.validate
+			}) : q(Ze);
+			return i;
+		}
+		return !0;
+	}, V = async ({ fields: r, onlyCheckValid: i, name: o, eventType: c, context: l = {
+		valid: !0,
+		runRootValidation: !1
+	} }) => {
+		if (e.validate && (l.runRootValidation = !0, !await pe({
+			name: o,
+			eventType: c
+		}) && (l.valid = !1, i))) return l.valid;
+		for (let o in r) {
+			let u = r[o];
+			if (u) {
+				let { _f: r, ...d } = u;
+				if (r) {
+					let o = s.array.has(r.name), c = u._f && Re(u._f), d = m.validatingFields || m.isValidating || h.validatingFields || h.isValidating;
+					c && d && C([r.name], !0);
+					let f = await Ye(u, s.disabled, a, _, t.shouldUseNativeValidation && !i, o);
+					if (c && d && C([r.name]), f[r.name] && (l.valid = !1, i) || (!i && (N(f, r.name) ? o ? qe(n.errors, f, r.name) : I(n.errors, r.name, f[r.name]) : U(n.errors, r.name)), e.shouldUseNativeValidation && f[r.name])) break;
+				}
+				!B(d) && await V({
+					context: l,
+					onlyCheckValid: i,
+					fields: d,
+					name: o,
+					eventType: c
+				});
+			}
+		}
+		return l.valid;
+	}, Ce = () => {
+		for (let e of s.unMount) {
+			let t = N(r, e);
+			t && (t._f.refs ? t._f.refs.every((e) => !Se(e)) : !Se(t._f.ref)) && Y(e);
+		}
+		s.unMount = /* @__PURE__ */ new Set();
+	}, H = (e, n) => !t.disabled && (e && n && I(a, e, n), !z(o.mount ? a : i, i)), we = (e, t, n) => ue(e, s, { ...o.mount ? a : M(t) ? i : L(e) ? { [e]: t } : t }, n, t), Te = (e) => me(N(o.mount ? a : i, e, t.shouldUnregister ? N(i, e, []) : [])), Ee = (e, t, n = {}, i = !1, o = !1) => {
+		let s = N(r, e), c = t;
+		if (s) {
+			let n = s._f;
+			n && (!n.disabled && I(a, e, Ae(t, n)), c = ye(n.ref) && S(t) ? "" : t, be(n.ref) ? [...n.ref.options].forEach((e) => e.selected = c.includes(e.value)) : n.refs ? b(n.ref) ? n.refs.forEach((e) => {
+				(!e.defaultChecked || !e.disabled) && (Array.isArray(c) ? e.checked = !!c.find((t) => t === e.value) : e.checked = c === e.value || !!c);
+			}) : n.refs.forEach((e) => e.checked = e.value === c) : ve(n.ref) ? n.ref.value = "" : (n.ref.value = c, !n.ref.type && !o && g.state.next({
+				name: e,
+				values: i ? a : O(a)
+			})));
+		}
+		(n.shouldDirty || n.shouldTouch) && le(e, c, n.shouldTouch, n.shouldDirty, !o), n.shouldValidate && K(e);
+	}, De = (e, t, n, i = !1, a = !1) => {
+		for (let o in t) {
+			if (!t.hasOwnProperty(o)) return;
+			let c = t[o], l = e + "." + o, u = N(r, l);
+			(s.array.has(e) || w(c) || u && !u._f) && !x(c) ? De(l, c, n, i, a) : Ee(l, c, n, i, a);
+		}
+	}, Oe = (e, t, i, c, l = !1) => {
+		let u = N(r, e), d = s.array.has(e), f = c ? t : O(t), p = z(N(a, e), f);
+		if (p || I(a, e, f), d) g.array.next({
+			name: e,
+			values: c ? a : O(a)
+		}), (m.isDirty || m.dirtyFields || h.isDirty || h.dirtyFields) && i.shouldDirty && (E(), l || g.state.next({
+			name: e,
+			dirtyFields: n.dirtyFields,
+			isDirty: H(e, f)
+		}));
+		else {
+			let t = Array.isArray(f) && !f.length || B(f);
+			!u || u._f || S(f) || t ? Ee(e, f, i, c, l) : De(e, f, i, c, l);
+		}
+		if (!p && !l) {
+			let t = Be(e, s), r = c ? a : O(a);
+			g.state.next({
+				...t && n,
+				name: o.mount || t ? e : void 0,
+				values: r
+			});
+		}
+	}, G = (e, t, n = {}) => Oe(e, t, n, !1), ke = (e, t = {}) => {
+		let r = F(e) ? e(a) : e;
+		if (!z(a, r)) {
+			a = {
+				...a,
+				...r
+			};
+			for (let e of s.mount) Oe(e, N(r, e), t, !0, !0);
+			g.state.next({
+				...n,
+				name: void 0,
+				type: void 0,
+				...u ? { values: a } : {}
+			}), t.shouldValidate && y();
+		}
+	}, je = async (i) => {
+		o.mount = !0;
+		let l = i.target, p = l.name, v = !0, b = N(r, p), S = (e) => {
+			v = Number.isNaN(e) || x(e) && isNaN(e.getTime()) || z(e, N(a, p, e));
+		};
+		if (b) {
+			let o, x, w = l.type ? Ne(b._f) : ee(i), T = i.type === k.BLUR || i.type === k.FOCUS_OUT, E = !ze(b._f) && !e.validate && !t.resolver && !N(n.errors, p) && !b._f.deps, D = E || Ge(T, N(n.touchedFields, p), n.isSubmitted, f, d), A = Be(p, s, T);
+			I(a, p, w), T ? (!l || !l.readOnly) && (b._f.onBlur && b._f.onBlur(i), c && c(0)) : b._f.onChange && b._f.onChange(i);
+			let j = le(p, w, T), te = !B(j) || A;
+			if (!T && g.state.next({
+				name: p,
+				type: i.type,
+				...u ? { values: O(a) } : {}
+			}), D) return (!E || !n.isValid) && (m.isValid || h.isValid) && (t.mode === "onBlur" ? T && y() : T || y()), te && g.state.next({
+				name: p,
+				...A ? {} : j
+			});
+			if (!t.resolver && e.validate && await pe({
+				name: p,
+				eventType: i.type
+			}), !T && A && g.state.next({ ...n }), t.resolver) {
+				let { errors: e } = await R([p]);
+				if (C([p]), S(w), !v) {
+					!B(j) && g.state.next(j);
+					return;
+				}
+				let t = He(n.errors, r, p), i = He(e, r, t.name || p);
+				o = i.error, p = i.name, x = B(e);
+			} else C([p], !0), o = (await Ye(b, s.disabled, a, _, t.shouldUseNativeValidation))[p], C([p]), S(w), v && (o ? x = !1 : (m.isValid || h.isValid) && (x = await V({
+				fields: r,
+				onlyCheckValid: !0,
+				name: p,
+				eventType: i.type
+			})));
+			v && (b._f.deps && (!Array.isArray(b._f.deps) || b._f.deps.length > 0) && K(b._f.deps), de(p, x, o, j));
+		}
+	}, Me = (e, t) => {
+		if (N(n.errors, t) && e.focus) return e.focus(), 1;
+	}, K = async (e, i = {}) => {
+		let a, o, c = he(e);
+		if (t.resolver) {
+			let t = await fe(M(e) ? e : c);
+			a = B(t), o = e ? !c.some((e) => N(t, e)) : a;
+		} else e ? (o = (await Promise.all(c.map(async (e) => {
+			let t = N(r, e);
+			return await V({
+				fields: t && t._f ? { [e]: t } : t,
+				eventType: k.TRIGGER
+			});
+		}))).every(Boolean), !(!o && !n.isValid) && y()) : o = a = await V({
+			fields: r,
+			name: e,
+			eventType: k.TRIGGER
+		});
+		return g.state.next({
+			...!L(e) || (m.isValid || h.isValid) && a !== n.isValid ? {} : { name: e },
+			...t.resolver || !e ? { isValid: a } : {},
+			errors: n.errors
+		}), i.shouldFocus && !o && Ve(r, Me, e ? c : s.mount), o;
+	}, Le = (e, t) => {
+		let r = { ...o.mount ? a : i };
+		return t && (r = _e(t.dirtyFields ? n.dirtyFields : n.touchedFields, r)), M(e) ? r : L(e) ? N(r, e) : e.map((e) => N(r, e));
+	}, Je = (e, t) => ({
+		invalid: !!N((t || n).errors, e),
+		isDirty: !!N((t || n).dirtyFields, e),
+		error: N((t || n).errors, e),
+		isValidating: !!N(n.validatingFields, e),
+		isTouched: !!N((t || n).touchedFields, e)
+	}), q = (e) => {
+		let t = e ? he(e) : void 0;
+		t?.forEach((e) => U(n.errors, e)), t ? t.forEach((e) => {
+			g.state.next({
+				name: e,
+				errors: n.errors
+			});
+		}) : g.state.next({ errors: {} });
+	}, $e = (e, t, i) => {
+		let a = (N(r, e, { _f: {} })._f || {}).ref, { ref: o, message: s, type: c, ...l } = N(n.errors, e) || {};
+		I(n.errors, e, {
+			...l,
+			...t,
+			ref: a
+		}), g.state.next({
+			name: e,
+			errors: n.errors,
+			isValid: !1
+		}), i && i.shouldFocus && a && a.focus && a.focus();
+	}, et = (e, t) => {
+		if (F(e)) {
+			u++;
+			let { unsubscribe: n } = g.state.subscribe({ next: (n) => "values" in n && e(n.values || we(void 0, t), n) }), r = !1;
+			return { unsubscribe: () => {
+				r || (r = !0, u--, n());
+			} };
+		}
+		return we(e, t, !0);
+	}, tt = (e) => {
+		let t = !!e.formState?.values;
+		t && u++;
+		let { unsubscribe: r } = g.state.subscribe({ next: (t) => {
+			if (We(e.name, t.name, e.exact) && Ue(t, e.formState || m, lt, e.reRenderRoot)) {
+				let r = { ...a };
+				e.callback({
+					values: r,
+					...n,
+					...t,
+					defaultValues: i
+				});
+			}
+		} });
+		if (!t) return r;
+		let o = !1;
+		return () => {
+			o || (o = !0, u--, r());
+		};
+	}, J = (e) => (o.mount = !0, h = {
+		...h,
+		...e.formState
+	}, tt({
+		...e,
+		formState: {
+			...p,
+			...e.formState
+		}
+	})), Y = (e, o = {}) => {
+		for (let c of e ? he(e) : s.mount) s.mount.delete(c), s.array.delete(c), o.keepValue || (U(r, c), U(a, c)), !o.keepError && U(n.errors, c), !o.keepDirty && U(n.dirtyFields, c), !o.keepTouched && U(n.touchedFields, c), !o.keepIsValidating && U(n.validatingFields, c), !t.shouldUnregister && !o.keepDefaultValue && U(i, c);
+		g.state.next({ values: O(a) }), g.state.next({
+			...n,
+			...o.keepDirty ? { isDirty: H() } : {}
+		}), !o.keepIsValid && y();
+	}, nt = ({ disabled: e, name: t }) => {
+		if (P(e) && o.mount || e || s.disabled.has(t)) {
+			let n = s.disabled.has(t) !== !!e;
+			e ? s.disabled.add(t) : s.disabled.delete(t), n && o.mount && !o.action && y();
+		}
+	}, X = (e, n = {}) => {
+		let a = N(r, e), c = P(n.disabled) || P(t.disabled), l = !s.registerName.has(e) && a && a._f && !a._f.mount;
+		return I(r, e, {
+			...a || {},
+			_f: {
+				...a && a._f ? a._f : { ref: { name: e } },
+				name: e,
+				mount: !0,
+				...n
+			}
+		}), s.mount.add(e), a && !l ? nt({
+			disabled: P(n.disabled) ? n.disabled : t.disabled,
+			name: e
+		}) : ce(e, !0, n.value), {
+			...c ? { disabled: n.disabled || t.disabled } : {},
+			...t.progressive ? {
+				required: !!n.required,
+				min: Fe(n.min),
+				max: Fe(n.max),
+				minLength: Fe(n.minLength),
+				maxLength: Fe(n.maxLength),
+				pattern: Fe(n.pattern)
+			} : {},
+			name: e,
+			onChange: je,
+			onBlur: je,
+			ref: (c) => {
+				if (c) {
+					s.registerName.add(e), X(e, n), s.registerName.delete(e), a = N(r, e);
+					let t = M(c.value) && c.querySelectorAll && c.querySelectorAll("input,select,textarea")[0] || c, o = xe(t), l = a._f.refs || [];
+					if (o ? l.find((e) => e === t) : t === a._f.ref) return;
+					I(r, e, { _f: {
+						...a._f,
+						...o ? {
+							refs: [
+								...l.filter(Se),
+								t,
+								...Array.isArray(N(i, e)) ? [{}] : []
+							],
+							ref: {
+								type: t.type,
+								name: e
+							}
+						} : { ref: t }
+					} }), ce(e, !1, void 0, t);
+				} else a = N(r, e, {}), a._f && (a._f.mount = !1), (t.shouldUnregister || n.shouldUnregister) && !(T(s.array, e) && o.action) && s.unMount.add(e);
+			}
+		};
+	}, rt = () => t.shouldFocusError && !t.shouldUseNativeValidation && Ve(r, Me, s.mount), it = (e) => {
+		P(e) && (g.state.next({ disabled: e }), Ve(r, (t, n) => {
+			let i = N(r, n);
+			i && (t.disabled = i._f.disabled || e, Array.isArray(i._f.refs) && i._f.refs.forEach((t) => {
+				t.disabled = i._f.disabled || e;
+			}));
+		}, 0, !1));
+	}, at = (e, i) => async (o) => {
+		let c;
+		o && (o.preventDefault && o.preventDefault(), o.persist && o.persist());
+		let l = O(a);
+		if (g.state.next({ isSubmitting: !0 }), t.resolver) {
+			let { errors: e, values: t } = await R();
+			C(), n.errors = e, l = O(t);
+		} else await V({
+			fields: r,
+			eventType: k.SUBMIT
+		});
+		if (s.disabled.size) for (let e of s.disabled) U(l, e);
+		if (U(n.errors, te), B(n.errors)) {
+			g.state.next({ errors: {} });
+			try {
+				await e(l, o);
+			} catch (e) {
+				c = e;
+			}
+		} else i && await i({ ...n.errors }, o), rt(), setTimeout(rt);
+		if (g.state.next({
+			isSubmitted: !0,
+			isSubmitting: !1,
+			isSubmitSuccessful: B(n.errors) && !c,
+			submitCount: n.submitCount + 1,
+			errors: n.errors
+		}), c) throw c;
+	}, ot = (e, t = {}) => {
+		N(r, e) && (M(t.defaultValue) ? G(e, O(N(i, e))) : (G(e, t.defaultValue), I(i, e, O(t.defaultValue))), t.keepTouched || U(n.touchedFields, e), t.keepDirty || (U(n.dirtyFields, e), n.isDirty = t.defaultValue ? H(e, O(N(i, e))) : H()), t.keepError || (U(n.errors, e), m.isValid && y()), g.state.next({ ...n }));
+	}, st = (e, c = {}) => {
+		let l = e ? O(e) : i, u = O(l), d = B(e), f = u;
+		if (c.keepDefaultValues || (i = l), !c.keepValues) {
+			if (c.keepDirtyValues) {
+				let e = /* @__PURE__ */ new Set([...s.mount, ...Object.keys(W(i, a))]);
+				for (let t of Array.from(e)) {
+					let e = N(n.dirtyFields, t), r = N(a, t), i = N(f, t);
+					e && !M(r) ? I(f, t, r) : !e && !M(i) && G(t, i);
+				}
+			} else {
+				if (D && M(e)) for (let e of s.mount) {
+					let t = N(r, e);
+					if (t && t._f) {
+						let e = Array.isArray(t._f.refs) ? t._f.refs[0] : t._f.ref;
+						if (ye(e)) {
+							let t = e.closest("form");
+							if (t) {
+								t.reset();
+								break;
+							}
+						}
+					}
+				}
+				if (c.keepFieldsRef) for (let e of s.mount) G(e, N(f, e));
+				else r = {};
+			}
+			if (t.shouldUnregister) {
+				if (a = c.keepDefaultValues ? O(i) : {}, c.keepFieldsRef) for (let e of s.mount) I(a, e, N(f, e));
+			} else a = O(f);
+			g.array.next({ values: { ...f } }), g.state.next({ values: { ...f } });
+		}
+		s = {
+			mount: c.keepDirtyValues ? s.mount : /* @__PURE__ */ new Set(),
+			unMount: /* @__PURE__ */ new Set(),
+			array: /* @__PURE__ */ new Set(),
+			registerName: /* @__PURE__ */ new Set(),
+			disabled: /* @__PURE__ */ new Set(),
+			watch: /* @__PURE__ */ new Set(),
+			watchAll: !1,
+			focus: ""
+		}, o.mount = !m.isValid || !!c.keepIsValid || !!c.keepDirtyValues || !t.shouldUnregister && !B(f), o.watch = !!t.shouldUnregister, o.keepIsValid = !!c.keepIsValid, o.action = !1, c.keepErrors || (n.errors = {}), g.state.next({
+			submitCount: c.keepSubmitCount ? n.submitCount : 0,
+			isDirty: d ? !1 : c.keepDirty ? n.isDirty : c.keepValues ? H() : !!(c.keepDefaultValues && !z(e, i)),
+			isSubmitted: c.keepIsSubmitted ? n.isSubmitted : !1,
+			dirtyFields: d ? {} : c.keepDirtyValues ? c.keepDefaultValues && a ? W(i, a) : n.dirtyFields : c.keepDefaultValues && e ? W(i, e) : c.keepDirty ? n.dirtyFields : {},
+			touchedFields: c.keepTouched ? n.touchedFields : {},
+			errors: c.keepErrors ? n.errors : {},
+			isSubmitSuccessful: c.keepIsSubmitSuccessful ? n.isSubmitSuccessful : !1,
+			isSubmitting: !1,
+			defaultValues: i
+		});
+	}, ct = (e, n) => st(F(e) ? e(a) : e, {
+		...t.resetOptions,
+		...n
+	}), Z = (e, t = {}) => {
+		let n = N(r, e), i = n && n._f;
+		if (i) {
+			let e = i.refs ? i.refs[0] : i.ref;
+			e.focus && setTimeout(() => {
+				e.focus(), t.shouldSelect && F(e.select) && e.select();
+			});
+		}
+	}, lt = (e) => {
+		n = {
+			...n,
+			...e
+		};
+	}, ut = {
+		control: {
+			register: X,
+			unregister: Y,
+			getFieldState: Je,
+			handleSubmit: at,
+			setError: $e,
+			_subscribe: tt,
+			_runSchema: R,
+			_updateIsValidating: C,
+			_focusError: rt,
+			_getWatch: we,
+			_getDirty: H,
+			_setValid: y,
+			_setFieldArray: ne,
+			_setDisabledField: nt,
+			_setErrors: ae,
+			_getFieldArray: Te,
+			_reset: st,
+			_resetDefaultValues: () => F(t.defaultValues) && t.defaultValues().then((e) => {
+				ct(e, t.resetOptions), g.state.next({ isLoading: !1 });
+			}),
+			_removeUnmounted: Ce,
+			_disableForm: it,
+			_subjects: g,
+			_proxyFormState: m,
+			get _fields() {
+				return r;
+			},
+			get _formValues() {
+				return a;
+			},
+			get _state() {
+				return o;
+			},
+			set _state(e) {
+				o = e;
+			},
+			get _defaultValues() {
+				return i;
+			},
+			get _names() {
+				return s;
+			},
+			set _names(e) {
+				s = e;
+			},
+			get _formState() {
+				return n;
+			},
+			get _options() {
+				return t;
+			},
+			set _options(e) {
+				t = {
+					...t,
+					...e
+				}, d = Ie(t.mode), f = Ie(t.reValidateMode);
+			}
+		},
+		subscribe: J,
+		trigger: K,
+		register: X,
+		handleSubmit: at,
+		watch: et,
+		setValue: G,
+		setValues: ke,
+		getValues: Le,
+		reset: ct,
+		resetField: ot,
+		resetDefaultValues: (e, t = {}) => {
+			if (i = O(e), !t.keepDirty) {
+				let e = W(i, a);
+				n.dirtyFields = e, n.isDirty = !B(e);
+			}
+			t.keepIsValid || y(), g.state.next({
+				...n,
+				defaultValues: i
+			});
+		},
+		clearErrors: q,
+		unregister: Y,
+		setError: $e,
+		setFocus: Z,
+		getFieldState: Je
+	};
+	return {
+		...ut,
+		formControl: ut
+	};
+}
+function et(e = {}) {
+	let t = r.useRef(void 0), n = r.useRef(void 0), i = r.useRef(e.formControl), [a, o] = r.useState(() => ({
+		...O(Qe),
+		isLoading: F(e.defaultValues),
+		errors: e.errors || {},
+		disabled: e.disabled || !1,
+		defaultValues: F(e.defaultValues) ? void 0 : e.defaultValues
+	}));
+	if (!t.current || e.formControl && i.current !== e.formControl) if (i.current = e.formControl, e.formControl) t.current = {
+		...e.formControl,
+		formState: a
+	}, e.defaultValues && !F(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
+	else {
+		let { formControl: n, ...r } = $e(e);
+		t.current = {
+			...r,
+			formState: a
+		};
+	}
+	let s = t.current.control;
+	return s._options = e, le(() => {
+		let e = s._subscribe({
+			formState: s._proxyFormState,
+			callback: () => o({
+				...s._formState,
+				defaultValues: s._defaultValues
+			}),
+			reRenderRoot: !0
+		});
+		return o((e) => ({
+			...e,
+			isReady: !0
+		})), s._formState.isReady = !0, e;
+	}, [s]), r.useEffect(() => s._disableForm(e.disabled), [s, e.disabled]), r.useEffect(() => {
+		e.mode && (s._options.mode = e.mode), e.reValidateMode && (s._options.reValidateMode = e.reValidateMode);
+	}, [
+		s,
+		e.mode,
+		e.reValidateMode
+	]), r.useEffect(() => {
+		e.errors && (s._setErrors(e.errors), s._focusError());
+	}, [s, e.errors]), r.useEffect(() => {
+		e.shouldUnregister && s._subjects.state.next({ values: s._getWatch() });
+	}, [s, e.shouldUnregister]), r.useEffect(() => {
+		if (s._proxyFormState.isDirty) {
+			let e = s._getDirty();
+			e !== a.isDirty && s._subjects.state.next({ isDirty: e });
+		}
+	}, [s, a.isDirty]), r.useEffect(() => {
+		e.values && !z(e.values, n.current) ? (s._reset(e.values, {
+			keepFieldsRef: !0,
+			...s._options.resetOptions
+		}), s._options.resetOptions?.keepIsValid || s._setValid(), n.current = e.values, o((e) => ({ ...e }))) : s._resetDefaultValues();
+	}, [s, e.values]), r.useEffect(() => {
+		s._state.mount || (s._setValid(), s._state.mount = !0), s._state.watch && (s._state.watch = !1, s._subjects.state.next({ ...s._formState })), s._removeUnmounted();
+	}), t.current.formState = r.useMemo(() => ce(a, s), [s, a]), t.current;
+}
+//#endregion
+//#region src/Form/useForm.tsx
+var tt = () => {
+	let [n, r] = p(), i = et({ reValidateMode: "onChange" }), a = (e, t) => {
+		let n = i.register(e, t), a = (t) => (r(null), i.clearErrors(e), n.onChange(t)), o = i?.formState.errors, s = i.watch(e);
+		return {
+			...n,
+			onChange: a,
+			formvalue: s,
+			error: o?.[e]?.message?.toString()
+		};
+	}, o = (e) => {
+		e.errors ? Object.keys(e.errors).forEach((t) => i.setError(t, { message: e.errors?.[t]?.[0] })) : r(e);
+	}, s = () => /* @__PURE__ */ t(e, { children: n && !n.errors && /* @__PURE__ */ t("div", {
+		className: m["global-error"],
+		children: n.message
+	}) });
+	return {
+		...i,
+		register: a,
+		GlobalError: s,
+		setErrors: o
+	};
+}, J = {
+	container: "style-module__container__JyG0-",
+	"loading-container": "style-module__loading-container__sphNQ",
+	hidden: "style-module__hidden__jvJWI",
+	disabled: "style-module__disabled__p40Jo",
+	error: "style-module__error__pSghy",
+	placeholder: "style-module__placeholder__c-V0V",
+	element: "style-module__element__Ex50N"
+}, Y = {
+	loading: "style-module__loading__r9fwC",
+	dot: "style-module__dot__mMqu2",
+	bounce: "style-module__bounce__ikJLW",
+	light: "style-module__light__Kubs1",
+	secondary: "style-module__secondary__EkNcU",
+	"secondary-light": "style-module__secondary-light__cJeWY"
+}, nt = ({ color: e = "primary", ...r }) => {
+	let i = ["ui-loading"];
+	return i.push(Y.loading), e && i.push(Y[e], "ui-loading-" + e), /* @__PURE__ */ n("div", {
+		...r,
+		className: i.join(" "),
+		children: [
+			/* @__PURE__ */ t("div", { className: Y.dot }),
+			/* @__PURE__ */ t("div", { className: Y.dot }),
+			/* @__PURE__ */ t("div", { className: Y.dot }),
+			/* @__PURE__ */ t("div", { className: Y.dot })
+		]
+	});
+}, X = ({ children: r, beforeElement: a, afterElement: o, error: s, placeholder: c, styleContainer: u, classNameContainer: f, hiddenContainer: m, formvalue: h, wait: g, ..._ }) => {
+	let [v, y] = p("");
+	return l(() => {
+		y(s ?? "");
+	}, [s]), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("label", {
+		className: d(() => {
+			let e = ["ui-form-element-container"];
+			return e.push(J.container), v && e.push(J.error), _.disabled && e.push(J.disabled), m && e.push(J.hidden), f && e.push(f), e.join(" ");
+		}, [
+			v,
+			_.disabled,
+			m,
+			f
+		]),
+		style: u,
+		children: /* @__PURE__ */ n("div", {
+			className: "ui-form-element " + J.element,
+			children: [
+				a ? i(a, { key: "ui-before-element" }) : null,
+				typeof r == "function" ? r(_) : null,
+				c && g ? "" : /* @__PURE__ */ t("span", {
+					className: "ui-form-element-placeholder " + J.placeholder,
+					children: c
+				}),
+				g && /* @__PURE__ */ t(nt, {}),
+				o ? i(o, { key: "ui-after-element" }) : null
+			]
+		})
+	}), v && /* @__PURE__ */ t("div", {
+		className: "ui-form-error " + J.error,
+		children: v
+	})] });
+}, rt = y, it = o(({ onChange: e, onInput: n, onChangeText: r, wait: i, disabled: a, formvalue: o, children: s, ...c }, u) => {
+	let [d, f] = p(""), m = (t) => {
+		typeof e == "function" && e(t), typeof r == "function" && r(t.target.value);
+	}, h = (e) => {
+		a || i || (typeof n == "function" && n(e), f(e.target.value));
+	};
+	return l(() => {
+		let e = c.value ?? o;
+		f(e ? String(e) : "");
+	}, [c.value, o]), /* @__PURE__ */ t(X, {
+		...c,
+		wait: i,
+		children: (e) => /* @__PURE__ */ t("input", {
+			...e,
+			placeholder: "",
+			onChange: m,
+			disabled: a || i,
+			value: i ? "" : d,
+			onInput: h,
+			ref: u
+		})
+	});
+}), at = o(({ onChange: e, onInput: n, onChangeText: r, formvalue: i, wait: a, ...o }, s) => {
+	let c = f(null), [d, m] = p(o.value ?? i ?? ""), h = (t) => {
+		typeof e == "function" && e(t), typeof r == "function" && r(t.target.value);
+	}, g = (e) => {
+		typeof n == "function" && n(e), m(e.target.value);
+	};
+	l(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = e.offsetHeight;
+		e.style.height = "auto";
+		let n = e.scrollHeight, r = Math.max(n, 50);
+		e.style.height = `${Math.max(r, t)}px`;
+	}, [d]), l(() => {
+		m(o.value ?? i ?? "");
+	}, [o.value, i]), u(s, () => c.current);
+	let _ = a ? "" : d;
+	return /* @__PURE__ */ t(X, {
+		...o,
+		wait: a,
+		children: (e) => /* @__PURE__ */ t("textarea", {
+			...e,
+			disabled: a,
+			placeholder: e.placeholder ?? "",
+			value: _,
+			onChange: h,
+			onInput: g,
+			ref: c
+		})
+	});
+}), ot = {
+	"file-btn": "style-module__file-btn__WajPw",
+	icon: "style-module__icon__f1VPN"
+}, st = ({ onChange: r, onChangeFiles: i, accept: a, multiple: o, wait: c, children: l, className: u, icon: d, ...p }) => {
+	let m = f(null), h = `
+        ${ot["file-btn"]}
+        ${d && !c ? ot.icon : ""}
+    `.trim(), g = s((e) => {
+		let t = e.target.files;
+		typeof r == "function" && r(e), typeof i == "function" && i(t);
+	}, [r, i]);
+	return /* @__PURE__ */ t(X, {
+		...p,
+		wait: c,
+		children: (r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("input", {
+			type: "file",
+			ref: m,
+			onChange: g,
+			accept: a,
+			multiple: o,
+			style: { display: "none" },
+			...r
+		}), /* @__PURE__ */ t("div", {
+			className: `ui-file-uploader ${h} ${u || ""}`,
+			children: !c && (l || "Выбрать файл")
+		})] })
+	});
+}, ct = ({ onChange: e, children: n, multiple: r, accept: i, ...a }) => {
+	let o = f(null), s = (t) => {
+		let n = t.target;
+		if (n.files) for (let t of n.files) {
+			let n = new FileReader();
+			n.onload = (n) => {
+				let r = n.target?.result?.toString().split(";base64,"), i = r?.[0].replace("data:", "") ?? "", a = r?.[1] ?? "";
+				typeof e == "function" && (o.current.value = "", e({
+					name: t.name,
+					type: t.type,
+					size: t.size,
+					mime: i,
+					data: a,
+					base64: n.target?.result
+				}));
+			}, n.readAsDataURL(t);
+		}
+	}, c = (e) => {
+		a.disabled || (o.current.click(), e.preventDefault());
+	}, u = () => {
+		let e = document.createElement("input");
+		return e.setAttribute("type", "file"), e.onchange = s, i && i.length > 0 && e.setAttribute("accept", i.join(",")), r && e.setAttribute("multiple", "multiple"), e;
+	};
+	return l(() => (o.current = u(), () => {
+		o.current?.remove();
+	}), []), /* @__PURE__ */ t("div", {
+		...a,
+		onClick: c,
+		children: n
+	});
+}, Z = {
+	container: "style-module__container__Y4Az4",
+	"wait-indicator": "style-module__wait-indicator__qOZNZ",
+	active: "style-module__active__SLZO0",
+	btn: "style-module__btn__w2P2j",
+	"icon-left": "style-module__icon-left__yptLL",
+	"icon-right": "style-module__icon-right__WiI7N",
+	"icon-only": "style-module__icon-only__EfIlC",
+	"btn-light": "style-module__btn-light__sxtcL",
+	"btn-secondary": "style-module__btn-secondary__t7dC7",
+	"btn-secondary-light": "style-module__btn-secondary-light__wBuc1",
+	"btn-tertiary": "style-module__btn-tertiary__2CjQz",
+	"normal-btn": "style-module__normal-btn__qHevU",
+	"small-btn": "style-module__small-btn__Axtvq",
+	"large-btn": "style-module__large-btn__X3--3"
+}, lt = ({ children: e, className: r, classNameContainer: i, styleContainer: a, wait: o = !1, variant: s, size: c = "normal", icon: l, ...u }) => {
+	let d = `
+		${Z.btn}
+		${s && Z[`btn-${s}`]}
+		${c && Z[`${c}-btn`]}
+		${l && !o ? Z[`icon-${l}`] : ""}
+		${r || ""}
+	`.replace(/\s+/g, " ").trim(), f = ["ui-button-container"];
+	return f.push(Z.container), i && f.push(i), /* @__PURE__ */ n("div", {
+		className: f.join(" "),
+		style: a,
+		children: [/* @__PURE__ */ t("button", {
+			...u,
+			className: d,
+			children: !o && e
+		}), o && /* @__PURE__ */ t("div", {
+			className: "ui-button-spinner " + Z["wait-indicator"] + (o ? " " + Z.active : ""),
+			children: /* @__PURE__ */ t(nt, { color: s })
+		})]
+	});
+}, ut = {
+	container: "style-module__container__Qt7Ix",
+	image: "style-module__image__1qdut",
+	new: "style-module__new__fOnXf",
+	close: "style-module__close__9k-p1",
+	wait: "style-module__wait__qnGnj"
+}, dt = ({ onChange: e, onClick: r, onId: i, onRemove: a, ...o }) => {
+	let { base64: s, src: c } = o, [u, d] = p(!0), m = f(!1), h = f(), _ = (e) => {
+		h.current = e, typeof i == "function" && i(e);
+	};
+	return l(() => {
+		typeof e != "function" || c || e({
+			...o,
+			setWait: d,
+			setId: _,
+			id: h.current
+		});
+	}, []), /* @__PURE__ */ n("span", {
+		className: ut.image,
+		onClick: () => {
+			typeof r == "function" && r({
+				...o,
+				setWait: d,
+				setId: _,
+				id: h.current
+			});
+		},
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: ut.close,
+				onClick: (e) => {
+					if (!e.target) return;
+					let t = e.target;
+					m.current && (m.current = !1, t.blur(), typeof a == "function" && a()), m.current = !0;
+				},
+				onBlur: () => {
+					m.current = !1;
+				},
+				tabIndex: 1
+			}),
+			/* @__PURE__ */ t("img", {
+				src: c ?? s?.toString(),
+				onLoad: () => {
+					d(!1);
+				}
+			}),
+			u && /* @__PURE__ */ t("span", {
+				className: ut.wait,
+				children: /* @__PURE__ */ t(g, {})
+			})
+		]
+	});
+}, ft = ({ imagesArray: e, onChange: r, onChangeArray: i, onClick: a }) => {
+	let [o, s] = p([]), c = (e) => {
+		s((t) => [...t, { ...e }]);
+	}, u = (e) => (t) => {
+		s((n) => n.map((n) => (e === n && (n.id = t), n)));
+	}, d = (e) => () => s((t) => t.filter((t) => t !== e));
+	return l(() => {
+		typeof i == "function" && i(o);
+	}, [o]), l(() => {
+		e && s(e);
+	}, [e]), /* @__PURE__ */ n("div", {
+		className: ut.container,
+		children: [o.map((e, n) => /* @__PURE__ */ t(dt, {
+			...e,
+			onChange: r,
+			onClick: a,
+			onRemove: d(e),
+			onId: u(e)
+		}, e.name + n)), /* @__PURE__ */ t(ct, {
+			onChange: c,
+			accept: ["image/png"],
+			className: ut.new,
+			multiple: !0
+		})]
+	});
+}, pt = {
+	container: "style-module__container__tUkU0",
+	text: "style-module__text__5dksK",
+	indicator: "style-module__indicator__BdmZs"
+}, mt = o(({ type: e = "checkbox", hiddenContainer: r = !0, placeholder: i, onChecked: a, onChange: o, ...s }, c) => {
+	let l = (e) => {
+		typeof o == "function" && o(e), typeof a == "function" && a(e.target.checked, s.value);
+	};
+	return /* @__PURE__ */ t(X, {
+		...s,
+		hiddenContainer: r,
+		children: (r) => /* @__PURE__ */ n("div", {
+			className: "ui-checkbox-container " + pt.container,
+			children: [
+				/* @__PURE__ */ t("input", {
+					...r,
+					className: "ui-checkbox" + (r.className ? " " + r.className : ""),
+					type: e,
+					onChange: l,
+					ref: c
+				}),
+				/* @__PURE__ */ t("span", { className: "ui-checkbox-indicator " + pt.indicator }),
+				/* @__PURE__ */ t("span", {
+					className: "ui-checkbox-text " + pt.text,
+					children: i
+				})
+			]
+		})
+	});
+}), ht = {
+	container: "style-module__container__nvLZo",
+	down: "style-module__down__0mCw1",
+	up: "style-module__up__4e9Cz",
+	left: "style-module__left__tsvvk",
+	right: "style-module__right__-YgfC"
+}, gt = ({ className: e, direction: n = "down", ...r }) => {
+	let i = ["ui-component-arrow"];
+	return i.push(ht.container), n && i.push(ht[n]), e && i.push(e), /* @__PURE__ */ t("div", {
+		...r,
+		className: i.join(" ")
+	});
+}, Q = {
+	"container-element": "style-module__container-element__bbCnL",
+	container: "style-module__container__P3B9C",
+	select: "style-module__select__BYzzT",
+	arrow: "style-module__arrow__pfRrX",
+	opened: "style-module__opened__1ytU8",
+	"select-list": "style-module__select-list__c--KX",
+	left: "style-module__left__pbJ6F",
+	right: "style-module__right__WUUwr",
+	hidden: "style-module__hidden__u48qc",
+	optgpoup: "style-module__optgpoup__VDA2I",
+	label: "style-module__label__GP062",
+	option: "style-module__option__byy-y",
+	title: "style-module__title__x7nug",
+	active: "style-module__active__ORdtQ",
+	disabled: "style-module__disabled__xA0bc"
+}, _t = "ui-", vt = (e, t, n) => {
+	let r = _t + (n ? n + "-" : "");
+	return Array.isArray(e) ? e.map(() => vt(e, t, r)).join(" ") : `${t[e]} ${r}${e}`;
+}, yt = a({
+	selected: "",
+	emptyValue: { current: {} },
+	setSelect: (e) => {},
+	setSelected: (e) => {},
+	setTitle: (e) => {}
+}), bt = o(({ children: e, onChangeSelect: r, value: i, formvalue: a, ...o }, s) => {
+	let c = f(null), m = f(null), h = f(!1), [g, _] = p(!1), [v, y] = p(""), [b, x] = p(), S = () => {
+		o.disabled || _(!0);
+	}, C = () => {
+		_(!1);
+	}, w = () => {
+		g ? C() : S();
+	}, ee = (e) => {
+		(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(m.current, e);
+		let t = new Event("input", { bubbles: !0 });
+		m.current.dispatchEvent(t);
+	}, T = (e) => {
+		typeof r == "function" && r(e), i === void 0 && y(e), C();
+	}, E = (e) => {
+		o.disabled || (typeof o.onInput == "function" && o.onInput(e), typeof o.onChange == "function" && o.onChange(e), y(e.target.value));
+	};
+	l(() => {
+		v && ee(v);
+	}, [v]), l(() => {
+		y(String(i ?? a));
+	}, [i, a]), l(() => {
+		let e = c.current, t = e.classList;
+		g ? (t.remove(Q.hidden), requestAnimationFrame(() => {
+			t.add(Q.opened), e?.focus();
+		})) : (t.contains(Q.opened) && (e.ontransitionend = () => {
+			t.add(Q.hidden), e.ontransitionend = null;
+		}), t.remove(Q.opened));
+	}, [g]), u(s, () => m.current, []);
+	let D = d(() => {
+		let e = [vt("container", Q, "select")];
+		return e.push(Q.hidden), e;
+	}, []);
+	return /* @__PURE__ */ t(X, {
+		...o,
+		classNameContainer: vt("container-element", Q, "select"),
+		children: (r) => /* @__PURE__ */ n(yt.Provider, {
+			value: {
+				selected: v,
+				emptyValue: h,
+				setSelect: T,
+				setSelected: y,
+				setTitle: x
+			},
+			children: [/* @__PURE__ */ t("input", {
+				...r,
+				type: "hidden",
+				value: v,
+				onInput: E,
+				ref: m
+			}), /* @__PURE__ */ n("div", {
+				className: D.join(" "),
+				ref: c,
+				tabIndex: 1,
+				onBlur: C,
+				children: [/* @__PURE__ */ n("div", {
+					className: Q.select,
+					onClick: w,
+					children: [/* @__PURE__ */ t("span", {
+						className: vt("title", Q, "select"),
+						children: b
+					}), /* @__PURE__ */ t(gt, { className: vt("arrow", Q, "select") })]
+				}), /* @__PURE__ */ t("ul", {
+					className: vt("select-list", Q, "select"),
+					children: e
+				})]
+			})]
+		})
+	});
+}), xt = ({ children: e, value: n, disabled: r, hidden: i, onClick: a, ...o }) => {
+	let s = c(yt), u = (e) => {
+		n === void 0 || r || (s.setSelect(n), typeof a == "function" && a(e));
+	};
+	if (l(() => {
+		e && (n === s.selected || !s.emptyValue.current) && (s.setTitle(e), !s.emptyValue.current && n && s.setSelected(n), s.emptyValue.current = !0);
+	}, [s.selected, s.emptyValue.current]), i) return null;
+	let f = d(() => {
+		let e = [vt("ui-select-option", Q, "select")];
+		return e.push(Q.option), s.selected === n && e.push(Q.active, "active"), r && e.push(Q.disabled, "disabled"), e;
+	}, [s.selected, r]);
+	return /* @__PURE__ */ t("li", {
+		...o,
+		onClick: u,
+		className: f.join(" "),
+		children: e
+	});
+}, St = ({ children: e, label: r }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("ul", {
+	className: Q.optgpoup,
+	children: [r && /* @__PURE__ */ t("li", {
+		className: Q.label,
+		children: r
+	}), e]
+}) }), Ct = {
+	...o(({ ...e }, n) => /* @__PURE__ */ t(bt, {
+		...e,
+		ref: n
+	})),
+	Option: xt,
+	Optgroup: St
+}, $ = {
+	container: "style-module__container__3-2SP",
+	hide: "style-module__hide__4ywHX",
+	down: "style-module__down__STzsX",
+	"dropdown-list": "style-module__dropdown-list__O27el",
+	up: "style-module__up__PYaUD",
+	left: "style-module__left__9XBs6",
+	right: "style-module__right__Tvd1-",
+	opened: "style-module__opened__GjGrB",
+	arrow: "style-module__arrow__SCvqs",
+	item: "style-module__item__v8SnZ"
+}, wt = ({ items: e, isOpen: n, enableRerenderItems: r, disabled: i }) => {
+	let a = f(null), o = d(() => r ? n ? e : null : e, [
+		r,
+		e,
+		n
+	]);
+	return l(() => {
+		a.current && (window.innerWidth, a.current.getBoundingClientRect().left);
+	}, [n]), i ? null : /* @__PURE__ */ t("ul", {
+		className: `${$["dropdown-list"]} ui-dropdown-list`,
+		children: o,
+		ref: a
+	});
+}, Tt = a({ close: () => {} }), Et = ({ children: e, className: r, items: i, arrow: a = !0, direction: o = "down", position: s = "right", split: c = !1, disabled: u, hover: m = !1, enableRerenderItems: h = !0, onShow: g, onHide: _, ...v }) => {
+	let y = f(null), b = f(null), [x, S] = p(!1), C = () => {
+		S(!1);
+	}, w = () => {
+		S(!0);
+	}, ee = () => {
+		S((e) => u ? !1 : !e);
+	}, T = () => {
+		ee();
+	}, E = () => {
+		b.current || (!c || m) && ee();
+	}, D = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || C();
+	}, O = () => {
+		!m || x || b.current || (b.current = setTimeout(w, 50));
+	}, k = () => {
+		b.current &&= (clearTimeout(b.current), null);
+	};
+	l(() => {
+		let e = y.current, t = e?.classList;
+		x ? (t?.add($.opened), e?.focus(), typeof g == "function" && g()) : (t?.remove($.opened), typeof _ == "function" && _());
+	}, [x]);
+	let A = d(() => {
+		let e = ["ui-dropdown"];
+		return e.push($.container), r && e.push(r), o && e.push($[o]), s && e.push($[s]), e.join(" ");
+	}, [
+		r,
+		o,
+		s
+	]);
+	return /* @__PURE__ */ t(Tt.Provider, {
+		value: { close: C },
+		children: /* @__PURE__ */ n("div", {
+			...v,
+			className: A,
+			ref: y,
+			onMouseEnter: O,
+			onMouseLeave: k,
+			tabIndex: 1,
+			onBlur: D,
+			children: [
+				s === "left" && !u && /* @__PURE__ */ t(gt, {
+					className: $.arrow,
+					onClick: T
+				}),
+				/* @__PURE__ */ t("div", {
+					onClick: E,
+					className: "ui-dropdown-block" + (x ? " " + $.hide : ""),
+					children: e
+				}),
+				s === "right" && !u && a && /* @__PURE__ */ t(gt, {
+					className: $.arrow,
+					onClick: T
+				}),
+				/* @__PURE__ */ t(wt, {
+					isOpen: x,
+					disabled: u,
+					enableRerenderItems: h,
+					items: i
+				})
+			]
+		})
+	});
+}, Dt = ({ children: e, onClick: n, autoClose: r = !0, active: i, className: a, ...o }) => {
+	let s = c(Tt), l = (e) => {
+		typeof n == "function" && n(e), r && s.close();
+	}, u = ["ui-dropdown-item"];
+	return u.push($.item), i && u.push($.active, "active"), a && u.push(a), /* @__PURE__ */ t("li", {
+		...o,
+		onClick: l,
+		className: u.join(" "),
+		children: typeof e == "function" ? e(s) : e
+	});
+}, Ot = {
+	...o(({ ...e }, n) => /* @__PURE__ */ t(Et, { ...e })),
+	Item: Dt
+}, kt = a({}), At = ({ children: e }) => /* @__PURE__ */ t(kt.Provider, {
+	value: {},
+	children: e
+});
+//#endregion
+export { lt as Button, mt as Checkbox, Ot as Dropdown, Dt as DropdownItem, X as Element, X as FormElement, ct as File, st as FileInput, rt as Form, it as Input, nt as Loading, v as Progress, At as Provider, Ct as Select, St as SelectOptgroup, xt as SelectOption, g as Spinner, at as TextArea, ft as UploadImages, tt as useForm };