react-artasys-ui 0.1.34 → 0.1.35

package/dist/index.es.js

@@ -1,9 +1,9 @@
-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";
+import e, { cloneElement as t, createContext as n, forwardRef as r, useCallback as i, useContext as a, useEffect as o, useImperativeHandle as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 var m = {
-	container: "style-module__container__62IoS",
-	"wait-indicator": "style-module__wait-indicator__gf4Cz",
-	wait: "style-module__wait__gRt9X"
+	container: "style-module__container__q3kth",
+	"wait-indicator": "style-module__wait-indicator__6U6CR",
+	wait: "style-module__wait__UP-DV"
 }, h = {
 	spinner: "style-module__spinner__bqxDY",
 	"button-spinner-border": "style-module__button-spinner-border__Zu60W",
@@ -11,11 +11,11 @@ var m = {
 	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(" ")
+}, g = ({ size: e, contrast: t, ...n }) => {
+	let r = ["ui-spinner"];
+	return r.push(h.spinner), e && r.push(h[e], "ui-spinner-" + e), t && r.push(h["ui-spinner-contrast"]), n.className && r.push(n.className), /* @__PURE__ */ f("div", {
+		...n,
+		className: r.join(" ")
 	});
 }, _ = {
 	container: "style-module__container__Tcehc",
@@ -23,28 +23,31 @@ var m = {
 	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 }) => {
+}, v = ({ value: e = 0, size: t, radius: n = !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(" "),
+	let r = n ? 360 / 100 * e + "deg" : e + "%", i = ["ui-progress"];
+	return i.push(_.container), t && i.push(_[t]), n && i.push(_.radius), /* @__PURE__ */ f("div", {
+		className: i.join(" "),
 		"data-progress": e,
-		style: { "--progress": i }
+		style: { "--progress": r }
 	});
-}, 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", {
+}, y = ({ children: e, wait: t, progress: n, progressRadius: r = !0, className: i, onSubmit: a, ...o }) => {
+	let s = (e) => {
+		e.preventDefault(), typeof a == "function" && a(e);
+	}, l = c(() => {
+		let e = [m.container];
+		return t && e.push(m.wait), i && e.push(i), e.join(" ");
+	}, []);
+	return /* @__PURE__ */ p("form", {
+		...o,
+		onSubmit: s,
+		className: l,
+		children: [e, /* @__PURE__ */ f("div", {
 			className: m["wait-indicator"],
-			children: typeof i == "number" ? /* @__PURE__ */ t(v, {
-				radius: a,
-				value: i
-			}) : /* @__PURE__ */ t(g, {})
+			children: typeof n == "number" ? /* @__PURE__ */ f(v, {
+				radius: r,
+				value: n
+			}) : /* @__PURE__ */ f(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) => {
@@ -103,7 +106,7 @@ var k = {
 		if (ne.includes(t)) return;
 		e[t] = a, e = e[t];
 	}
-}, se = r.createContext(null);
+}, se = e.createContext(null);
 se.displayName = "HookFormControlContext";
 var ce = (e, t, n, r = !0) => {
 	let i = {};
@@ -112,7 +115,7 @@ var ce = (e, t, n, r = !0) => {
 		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);
+}, le = D ? e.useLayoutEffect : e.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);
@@ -138,7 +141,7 @@ function z(e, t, n = /* @__PURE__ */ new WeakMap()) {
 	}
 	return !0;
 }
-var fe = r.createContext(null);
+var fe = e.createContext(null);
 fe.displayName = "HookFormContext";
 var pe = (e, t, n, r, i) => t ? {
 	...n[e],
@@ -1071,27 +1074,27 @@ function et(e = {}) {
 		formControl: X
 	};
 }
-function tt(e = {}) {
-	let t = r.useRef(void 0), n = r.useRef(void 0), i = r.useRef(e.formControl), [a, o] = r.useState(() => ({
+function tt(t = {}) {
+	let n = e.useRef(void 0), r = e.useRef(void 0), i = e.useRef(t.formControl), [a, o] = e.useState(() => ({
 		...O($e),
-		isLoading: F(e.defaultValues),
-		errors: e.errors || {},
-		disabled: e.disabled || !1,
-		defaultValues: F(e.defaultValues) ? void 0 : e.defaultValues
+		isLoading: F(t.defaultValues),
+		errors: t.errors || {},
+		disabled: t.disabled || !1,
+		defaultValues: F(t.defaultValues) ? void 0 : t.defaultValues
 	}));
-	if (!t.current || e.formControl && i.current !== e.formControl) if (i.current = e.formControl, e.formControl) t.current = {
-		...e.formControl,
+	if (!n.current || t.formControl && i.current !== t.formControl) if (i.current = t.formControl, t.formControl) n.current = {
+		...t.formControl,
 		formState: a
-	}, e.defaultValues && !F(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
+	}, t.defaultValues && !F(t.defaultValues) && t.formControl.reset(t.defaultValues, t.resetOptions);
 	else {
-		let { formControl: n, ...r } = et(e);
-		t.current = {
+		let { formControl: e, ...r } = et(t);
+		n.current = {
 			...r,
 			formState: a
 		};
 	}
-	let s = t.current.control;
-	return s._options = e, le(() => {
+	let s = n.current.control;
+	return s._options = t, le(() => {
 		let e = s._subscribe({
 			formState: s._proxyFormState,
 			callback: () => o({
@@ -1104,52 +1107,52 @@ function tt(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.useEffect(() => s._disableForm(t.disabled), [s, t.disabled]), e.useEffect(() => {
+		t.mode && (s._options.mode = t.mode), t.reValidateMode && (s._options.reValidateMode = t.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(() => {
+		t.mode,
+		t.reValidateMode
+	]), e.useEffect(() => {
+		t.errors && (s._setErrors(t.errors), s._focusError());
+	}, [s, t.errors]), e.useEffect(() => {
+		t.shouldUnregister && s._subjects.state.next({ values: s._getWatch() });
+	}, [s, t.shouldUnregister]), e.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, {
+	}, [s, a.isDirty]), e.useEffect(() => {
+		t.values && !z(t.values, r.current) ? (s._reset(t.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._options.resetOptions?.keepIsValid || s._setValid(), r.current = t.values, o((e) => ({ ...e }))) : s._resetDefaultValues();
+	}, [s, t.values]), e.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;
+	}), n.current.formState = e.useMemo(() => ce(a, s), [s, a]), n.current;
 }
 //#endregion
 //#region src/Form/useForm.tsx
 var nt = () => {
-	let [n, r] = p(), i = tt({ 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);
+	let [e, t] = u(), n = tt({ reValidateMode: "onChange" }), r = (e, r) => {
+		let i = n.register(e, r), a = (r) => (t(null), n.clearErrors(e), i.onChange(r)), o = n?.formState.errors, s = n.watch(e);
 		return {
-			...n,
+			...i,
 			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", {
+	}, i = (e) => {
+		e.errors ? Object.keys(e.errors).forEach((t) => n.setError(t, { message: e.errors?.[t]?.[0] })) : t(e);
+	}, a = () => /* @__PURE__ */ f(d, { children: e && !e.errors && /* @__PURE__ */ f("div", {
 		className: m["global-error"],
-		children: n.message
+		children: e.message
 	}) });
 	return {
-		...i,
-		register: a,
-		GlobalError: s,
-		setErrors: o
+		...n,
+		register: r,
+		GlobalError: a,
+		setErrors: i
 	};
 }, q = {
 	container: "style-module__container__JyG0-",
@@ -1167,166 +1170,166 @@ var nt = () => {
 	light: "style-module__light__Kubs1",
 	secondary: "style-module__secondary__EkNcU",
 	"secondary-light": "style-module__secondary-light__cJeWY"
-}, rt = ({ color: e = "primary", ...r }) => {
-	let i = ["ui-loading"];
-	return i.push(J.loading), e && i.push(J[e], "ui-loading-" + e), /* @__PURE__ */ n("div", {
-		...r,
-		className: i.join(" "),
+}, rt = ({ color: e = "primary", ...t }) => {
+	let n = ["ui-loading"];
+	return n.push(J.loading), e && n.push(J[e], "ui-loading-" + e), /* @__PURE__ */ p("div", {
+		...t,
+		className: n.join(" "),
 		children: [
-			/* @__PURE__ */ t("div", { className: J.dot }),
-			/* @__PURE__ */ t("div", { className: J.dot }),
-			/* @__PURE__ */ t("div", { className: J.dot }),
-			/* @__PURE__ */ t("div", { className: J.dot })
+			/* @__PURE__ */ f("div", { className: J.dot }),
+			/* @__PURE__ */ f("div", { className: J.dot }),
+			/* @__PURE__ */ f("div", { className: J.dot }),
+			/* @__PURE__ */ f("div", { className: J.dot })
 		]
 	});
-}, Y = ({ children: r, beforeElement: a, afterElement: o, error: s, placeholder: c, styleContainer: u, classNameContainer: f, classNameContainerElement: m, hiddenContainer: h, formvalue: g, wait: _, withBorder: v = !1, ...y }) => {
-	let [b, x] = p("");
-	return l(() => {
-		x(s ?? "");
-	}, [s]), /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("label", {
-		className: d(() => {
+}, Y = ({ children: e, beforeElement: n, afterElement: r, error: i, placeholder: a, styleContainer: s, classNameContainer: l, classNameContainerElement: m, hiddenContainer: h, formvalue: g, wait: _, withBorder: v = !1, ...y }) => {
+	let [b, x] = u("");
+	return o(() => {
+		x(i ?? "");
+	}, [i]), /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("label", {
+		className: c(() => {
 			let e = ["ui-form-element-container"];
-			return e.push(q.container), b && e.push(q.error), y.disabled && e.push(q.disabled), h && e.push(q.hidden), v && e.push(q.border), f && e.push(f), e.join(" ");
+			return e.push(q.container), b && e.push(q.error), y.disabled && e.push(q.disabled), h && e.push(q.hidden), v && e.push(q.border), l && e.push(l), e.join(" ");
 		}, [
 			b,
 			y.disabled,
 			h,
-			f,
+			l,
 			v
 		]),
-		style: u,
-		children: /* @__PURE__ */ n("div", {
+		style: s,
+		children: /* @__PURE__ */ p("div", {
 			className: "ui-form-element " + q.element + (m ? " " + m : ""),
 			children: [
-				a ? i(a, { key: "ui-before-element" }) : null,
-				typeof r == "function" ? r(y) : null,
-				c && _ ? "" : /* @__PURE__ */ t("span", {
+				n ? t(n, { key: "ui-before-element" }) : null,
+				typeof e == "function" ? e(y) : null,
+				a && _ ? "" : /* @__PURE__ */ f("span", {
 					className: "ui-form-element-placeholder " + q.placeholder,
-					children: c
+					children: a
 				}),
-				_ && /* @__PURE__ */ t(rt, {}),
-				o ? i(o, { key: "ui-after-element" }) : null
+				_ && /* @__PURE__ */ f(rt, {}),
+				r ? t(r, { key: "ui-after-element" }) : null
 			]
 		})
-	}), b && /* @__PURE__ */ t("div", {
+	}), b && /* @__PURE__ */ f("div", {
 		className: "ui-form-error " + q.error,
 		children: b
 	})] });
 }, it = y, at = {
 	container: "styles-module__container__-32s9",
 	placeholder: "styles-module__placeholder__HQctl"
-}, ot = 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);
+}, ot = r(({ onChange: e, onInput: t, onChangeText: n, wait: r, disabled: i, formvalue: a, children: s, ...c }, l) => {
+	let [d, p] = u(""), m = (t) => {
+		typeof e == "function" && e(t), typeof n == "function" && n(t.target.value);
 	}, h = (e) => {
-		a || i || (typeof n == "function" && n(e), f(e.target.value));
+		i || r || (typeof t == "function" && t(e), p(e.target.value));
 	};
-	return l(() => {
-		let e = c.value ?? o;
-		f(e ? String(e) : "");
-	}, [c.value, o]), /* @__PURE__ */ t(Y, {
+	return o(() => {
+		let e = c.value ?? a;
+		p(e ? String(e) : "");
+	}, [c.value, a]), /* @__PURE__ */ f(Y, {
 		...c,
-		wait: i,
+		wait: r,
 		classNameContainerElement: at.container,
 		withBorder: !0,
-		children: (e) => /* @__PURE__ */ t("input", {
+		children: (e) => /* @__PURE__ */ f("input", {
 			...e,
 			placeholder: "",
 			onChange: m,
-			disabled: a || i,
-			value: i ? "" : d,
+			disabled: i || r,
+			value: r ? "" : d,
 			onInput: h,
-			ref: u
+			ref: l
 		})
 	});
-}), st = { container: "style-module__container__iExWO" }, ct = 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);
+}), st = { container: "style-module__container__iExWO" }, ct = r(({ onChange: e, onInput: t, onChangeText: n, formvalue: r, wait: i, ...a }, c) => {
+	let d = l(null), [p, m] = u(a.value ?? r ?? ""), h = (t) => {
+		typeof e == "function" && e(t), typeof n == "function" && n(t.target.value);
 	}, g = (e) => {
-		typeof n == "function" && n(e), m(e.target.value);
+		typeof t == "function" && t(e), m(e.target.value);
 	};
-	l(() => {
-		let e = c.current;
+	o(() => {
+		let e = d.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(Y, {
-		...o,
-		wait: a,
+	}, [p]), o(() => {
+		m(a.value ?? r ?? "");
+	}, [a.value, r]), s(c, () => d.current);
+	let _ = i ? "" : p;
+	return /* @__PURE__ */ f(Y, {
+		...a,
+		wait: i,
 		classNameContainerElement: st.container,
 		withBorder: !0,
-		children: (e) => /* @__PURE__ */ t("textarea", {
+		children: (e) => /* @__PURE__ */ f("textarea", {
 			...e,
-			disabled: a,
+			disabled: i,
 			placeholder: e.placeholder ?? "",
 			value: _,
 			onChange: h,
 			onInput: g,
-			ref: c
+			ref: d
 		})
 	});
 }), lt = {
 	"file-btn": "style-module__file-btn__WajPw",
 	icon: "style-module__icon__f1VPN"
-}, ut = ({ onChange: r, onChangeFiles: i, accept: a, multiple: o, wait: c, children: l, className: u, icon: d, ...p }) => {
-	let m = f(null), h = `
+}, ut = ({ onChange: e, onChangeFiles: t, accept: n, multiple: r, wait: a, children: o, className: s, icon: c, ...u }) => {
+	let m = l(null), h = `
         ${lt["file-btn"]}
-        ${d && !c ? lt.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(Y, {
-		...p,
-		wait: c,
-		children: (r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("input", {
+        ${c && !a ? lt.icon : ""}
+    `.trim(), g = i((n) => {
+		let r = n.target.files;
+		typeof e == "function" && e(n), typeof t == "function" && t(r);
+	}, [e, t]);
+	return /* @__PURE__ */ f(Y, {
+		...u,
+		wait: a,
+		children: (e) => /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("input", {
 			type: "file",
 			ref: m,
 			onChange: g,
-			accept: a,
-			multiple: o,
+			accept: n,
+			multiple: r,
 			style: { display: "none" },
-			...r
-		}), /* @__PURE__ */ t("div", {
-			className: `ui-file-uploader ${h} ${u || ""}`,
-			children: !c && (l || "Выбрать файл")
+			...e
+		}), /* @__PURE__ */ f("div", {
+			className: `ui-file-uploader ${h} ${s || ""}`,
+			children: !a && (o || "Выбрать файл")
 		})] })
 	});
-}, dt = ({ onChange: e, children: n, multiple: r, accept: i, ...a }) => {
-	let o = f(null), s = (t) => {
+}, dt = ({ onChange: e, children: t, multiple: n, accept: r, ...i }) => {
+	let a = l(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({
+				let r = n.target?.result?.toString().split(";base64,"), i = r?.[0].replace("data:", "") ?? "", o = r?.[1] ?? "";
+				typeof e == "function" && (a.current.value = "", e({
 					name: t.name,
 					type: t.type,
 					size: t.size,
 					mime: i,
-					data: a,
+					data: o,
 					base64: n.target?.result
 				}));
 			}, n.readAsDataURL(t);
 		}
 	}, c = (e) => {
-		a.disabled || (o.current.click(), e.preventDefault());
+		i.disabled || (a.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 e.setAttribute("type", "file"), e.onchange = s, r && r.length > 0 && e.setAttribute("accept", r.join(",")), n && e.setAttribute("multiple", "multiple"), e;
 	};
-	return l(() => (o.current = u(), () => {
-		o.current?.remove();
-	}), []), /* @__PURE__ */ t("div", {
-		...a,
+	return o(() => (a.current = u(), () => {
+		a.current?.remove();
+	}), []), /* @__PURE__ */ f("div", {
+		...i,
 		onClick: c,
-		children: n
+		children: t
 	});
 }, X = {
 	container: "style-module__container__Y4Az4",
@@ -1343,24 +1346,24 @@ var nt = () => {
 	"normal-btn": "style-module__normal-btn__qHevU",
 	"small-btn": "style-module__small-btn__Axtvq",
 	"large-btn": "style-module__large-btn__X3--3"
-}, ft = ({ children: e, className: r, classNameContainer: i, styleContainer: a, wait: o = !1, variant: s, size: c = "normal", icon: l, ...u }) => {
-	let d = `
+}, ft = ({ children: e, className: t, classNameContainer: n, styleContainer: r, wait: i = !1, variant: a, size: o = "normal", icon: s, ...c }) => {
+	let l = `
 		${X.btn}
-		${s && X[`btn-${s}`]}
-		${c && X[`${c}-btn`]}
-		${l && !o ? X[`icon-${l}`] : ""}
-		${r || ""}
-	`.replace(/\s+/g, " ").trim(), f = ["ui-button-container"];
-	return f.push(X.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 " + X["wait-indicator"] + (o ? " " + X.active : ""),
-			children: /* @__PURE__ */ t(rt, { color: s })
+		${a && X[`btn-${a}`]}
+		${o && X[`${o}-btn`]}
+		${s && !i ? X[`icon-${s}`] : ""}
+		${t || ""}
+	`.replace(/\s+/g, " ").trim(), u = ["ui-button-container"];
+	return u.push(X.container), n && u.push(n), /* @__PURE__ */ p("div", {
+		className: u.join(" "),
+		style: r,
+		children: [/* @__PURE__ */ f("button", {
+			...c,
+			className: l,
+			children: !i && e
+		}), i && /* @__PURE__ */ f("div", {
+			className: "ui-button-spinner " + X["wait-indicator"] + (i ? " " + X.active : ""),
+			children: /* @__PURE__ */ f(rt, { color: a })
 		})]
 	});
 }, pt = {
@@ -1369,72 +1372,72 @@ var nt = () => {
 	new: "style-module__new__fOnXf",
 	close: "style-module__close__9k-p1",
 	wait: "style-module__wait__qnGnj"
-}, mt = ({ 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);
+}, mt = ({ onChange: e, onClick: t, onId: n, onRemove: r, ...i }) => {
+	let { base64: a, src: s } = i, [c, d] = u(!0), m = l(!1), h = l(), _ = (e) => {
+		h.current = e, typeof n == "function" && n(e);
 	};
-	return l(() => {
-		typeof e != "function" || c || e({
-			...o,
+	return o(() => {
+		typeof e != "function" || s || e({
+			...i,
 			setWait: d,
 			setId: _,
 			id: h.current
 		});
-	}, []), /* @__PURE__ */ n("span", {
+	}, []), /* @__PURE__ */ p("span", {
 		className: pt.image,
 		onClick: () => {
-			typeof r == "function" && r({
-				...o,
+			typeof t == "function" && t({
+				...i,
 				setWait: d,
 				setId: _,
 				id: h.current
 			});
 		},
 		children: [
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ f("span", {
 				className: pt.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;
+					m.current && (m.current = !1, t.blur(), typeof r == "function" && r()), m.current = !0;
 				},
 				onBlur: () => {
 					m.current = !1;
 				},
 				tabIndex: 1
 			}),
-			/* @__PURE__ */ t("img", {
-				src: c ?? s?.toString(),
+			/* @__PURE__ */ f("img", {
+				src: s ?? a?.toString(),
 				onLoad: () => {
 					d(!1);
 				}
 			}),
-			u && /* @__PURE__ */ t("span", {
+			c && /* @__PURE__ */ f("span", {
 				className: pt.wait,
-				children: /* @__PURE__ */ t(g, {})
+				children: /* @__PURE__ */ f(g, {})
 			})
 		]
 	});
-}, ht = ({ 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", {
+}, ht = ({ imagesArray: e, onChange: t, onChangeArray: n, onClick: r }) => {
+	let [i, a] = u([]), s = (e) => {
+		a((t) => [...t, { ...e }]);
+	}, c = (e) => (t) => {
+		a((n) => n.map((n) => (e === n && (n.id = t), n)));
+	}, l = (e) => () => a((t) => t.filter((t) => t !== e));
+	return o(() => {
+		typeof n == "function" && n(i);
+	}, [i]), o(() => {
+		e && a(e);
+	}, [e]), /* @__PURE__ */ p("div", {
 		className: pt.container,
-		children: [o.map((e, n) => /* @__PURE__ */ t(mt, {
+		children: [i.map((e, n) => /* @__PURE__ */ f(mt, {
 			...e,
-			onChange: r,
-			onClick: a,
-			onRemove: d(e),
-			onId: u(e)
-		}, e.name + n)), /* @__PURE__ */ t(dt, {
-			onChange: c,
+			onChange: t,
+			onClick: r,
+			onRemove: l(e),
+			onId: c(e)
+		}, e.name + n)), /* @__PURE__ */ f(dt, {
+			onChange: s,
 			accept: ["image/png"],
 			className: pt.new,
 			multiple: !0
@@ -1444,27 +1447,27 @@ var nt = () => {
 	container: "style-module__container__tUkU0",
 	text: "style-module__text__5dksK",
 	indicator: "style-module__indicator__BdmZs"
-}, _t = 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);
+}, _t = r(({ type: e = "checkbox", hiddenContainer: t = !0, placeholder: n, onChecked: r, onChange: i, ...a }, o) => {
+	let s = (e) => {
+		typeof i == "function" && i(e), typeof r == "function" && r(e.target.checked, a.value);
 	};
-	return /* @__PURE__ */ t(Y, {
-		...s,
-		hiddenContainer: r,
-		children: (r) => /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ f(Y, {
+		...a,
+		hiddenContainer: t,
+		children: (t) => /* @__PURE__ */ p("div", {
 			className: "ui-checkbox-container " + gt.container,
 			children: [
-				/* @__PURE__ */ t("input", {
-					...r,
-					className: "ui-checkbox" + (r.className ? " " + r.className : ""),
+				/* @__PURE__ */ f("input", {
+					...t,
+					className: "ui-checkbox" + (t.className ? " " + t.className : ""),
 					type: e,
-					onChange: l,
-					ref: c
+					onChange: s,
+					ref: o
 				}),
-				/* @__PURE__ */ t("span", { className: "ui-checkbox-indicator " + gt.indicator }),
-				/* @__PURE__ */ t("span", {
+				/* @__PURE__ */ f("span", { className: "ui-checkbox-indicator " + gt.indicator }),
+				/* @__PURE__ */ f("span", {
 					className: "ui-checkbox-text " + gt.text,
-					children: i
+					children: n
 				})
 			]
 		})
@@ -1475,11 +1478,11 @@ var nt = () => {
 	up: "style-module__up__4e9Cz",
 	left: "style-module__left__tsvvk",
 	right: "style-module__right__-YgfC"
-}, yt = ({ className: e, direction: n = "down", ...r }) => {
-	let i = ["ui-component-arrow"];
-	return i.push(vt.container), n && i.push(vt[n]), e && i.push(e), /* @__PURE__ */ t("div", {
-		...r,
-		className: i.join(" ")
+}, yt = ({ className: e, direction: t = "down", ...n }) => {
+	let r = ["ui-component-arrow"];
+	return r.push(vt.container), t && r.push(vt[t]), e && r.push(e), /* @__PURE__ */ f("div", {
+		...n,
+		className: r.join(" ")
 	});
 }, Z = {
 	"container-element": "style-module__container-element__bbCnL",
@@ -1500,15 +1503,15 @@ var nt = () => {
 }, bt = "ui-", Q = (e, t, n) => {
 	let r = bt + (n ? n + "-" : "");
 	return Array.isArray(e) ? e.map(() => Q(e, t, r)).join(" ") : `${t[e]} ${r}${e}`;
-}, xt = a({
+}, xt = n({
 	selected: "",
 	emptyValue: { current: {} },
 	setSelect: (e) => {},
 	setSelected: (e) => {},
 	setTitle: (e) => {}
-}), St = 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);
+}), St = r(({ children: e, onChangeSelect: t, value: n, formvalue: r, ...i }, a) => {
+	let d = l(null), m = l(null), h = l(!1), [g, _] = u(!1), [v, y] = u(""), [b, x] = u(), S = () => {
+		i.disabled || _(!0);
 	}, C = () => {
 		_(!1);
 	}, w = () => {
@@ -1518,31 +1521,31 @@ var nt = () => {
 		let t = new Event("input", { bubbles: !0 });
 		m.current.dispatchEvent(t);
 	}, T = (e) => {
-		typeof r == "function" && r(e), i === void 0 && y(e), C();
+		typeof t == "function" && t(e), n === 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));
+		i.disabled || (typeof i.onInput == "function" && i.onInput(e), typeof i.onChange == "function" && i.onChange(e), y(e.target.value));
 	};
-	l(() => {
+	o(() => {
 		v && ee(v);
-	}, [v]), l(() => {
-		y(String(i ?? a));
-	}, [i, a]), l(() => {
-		let e = c.current, t = e.classList;
+	}, [v]), o(() => {
+		y(String(n ?? r));
+	}, [n, r]), o(() => {
+		let e = d.current, t = e.classList;
 		g ? (t.remove(Z.hidden), requestAnimationFrame(() => {
 			t.add(Z.opened), e?.focus();
 		})) : (t.contains(Z.opened) && (e.ontransitionend = () => {
 			t.add(Z.hidden), e.ontransitionend = null;
 		}), t.remove(Z.opened));
-	}, [g]), u(s, () => m.current, []);
-	let D = d(() => {
+	}, [g]), s(a, () => m.current, []);
+	let D = c(() => {
 		let e = [Q("container", Z, "select")];
 		return e.push(Z.hidden), e;
 	}, []);
-	return /* @__PURE__ */ t(Y, {
-		...o,
+	return /* @__PURE__ */ f(Y, {
+		...i,
 		classNameContainer: Q("container-element", Z, "select"),
 		withBorder: !0,
-		children: (r) => /* @__PURE__ */ n(xt.Provider, {
+		children: (t) => /* @__PURE__ */ p(xt.Provider, {
 			value: {
 				selected: v,
 				emptyValue: h,
@@ -1550,58 +1553,58 @@ var nt = () => {
 				setSelected: y,
 				setTitle: x
 			},
-			children: [/* @__PURE__ */ t("input", {
-				...r,
+			children: [/* @__PURE__ */ f("input", {
+				...t,
 				type: "hidden",
 				value: v,
 				onInput: E,
 				ref: m
-			}), /* @__PURE__ */ n("div", {
+			}), /* @__PURE__ */ p("div", {
 				className: D.join(" "),
-				ref: c,
+				ref: d,
 				tabIndex: 1,
 				onBlur: C,
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: Z.select,
 					onClick: w,
-					children: [/* @__PURE__ */ t("span", {
+					children: [/* @__PURE__ */ f("span", {
 						className: Q("title", Z, "select"),
 						children: b
-					}), /* @__PURE__ */ t(yt, { className: Q("arrow", Z, "select") })]
-				}), /* @__PURE__ */ t("ul", {
+					}), /* @__PURE__ */ f(yt, { className: Q("arrow", Z, "select") })]
+				}), /* @__PURE__ */ f("ul", {
 					className: Q("select-list", Z, "select"),
 					children: e
 				})]
 			})]
 		})
 	});
-}), Ct = ({ children: e, value: n, disabled: r, hidden: i, onClick: a, ...o }) => {
-	let s = c(xt), u = (e) => {
-		n === void 0 || r || (s.setSelect(n), typeof a == "function" && a(e));
+}), Ct = ({ children: e, value: t, disabled: n, hidden: r, onClick: i, ...s }) => {
+	let l = a(xt), u = (e) => {
+		t === void 0 || n || (l.setSelect(t), typeof i == "function" && i(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(() => {
+	if (o(() => {
+		e && (t === l.selected || !l.emptyValue.current) && (l.setTitle(e), !l.emptyValue.current && t && l.setSelected(t), l.emptyValue.current = !0);
+	}, [l.selected, l.emptyValue.current]), r) return null;
+	let d = c(() => {
 		let e = [Q("ui-select-option", Z, "select")];
-		return e.push(Z.option), s.selected === n && e.push(Z.active, "active"), r && e.push(Z.disabled, "disabled"), e;
-	}, [s.selected, r]);
-	return /* @__PURE__ */ t("li", {
-		...o,
+		return e.push(Z.option), l.selected === t && e.push(Z.active, "active"), n && e.push(Z.disabled, "disabled"), e;
+	}, [l.selected, n]);
+	return /* @__PURE__ */ f("li", {
+		...s,
 		onClick: u,
-		className: f.join(" "),
+		className: d.join(" "),
 		children: e
 	});
-}, wt = ({ children: e, label: r }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("ul", {
+}, wt = ({ children: e, label: t }) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ p("ul", {
 	className: Z.optgpoup,
-	children: [r && /* @__PURE__ */ t("li", {
+	children: [t && /* @__PURE__ */ f("li", {
 		className: Z.label,
-		children: r
+		children: t
 	}), e]
 }) }), Tt = {
-	...o(({ ...e }, n) => /* @__PURE__ */ t(St, {
+	...r(({ ...e }, t) => /* @__PURE__ */ f(St, {
 		...e,
-		ref: n
+		ref: t
 	})),
 	Option: Ct,
 	Optgroup: wt
@@ -1616,30 +1619,30 @@ var nt = () => {
 	opened: "style-module__opened__GjGrB",
 	arrow: "style-module__arrow__SCvqs",
 	item: "style-module__item__v8SnZ"
-}, Et = ({ items: e, isOpen: n, enableRerenderItems: r, disabled: i }) => {
-	let a = f(null), o = d(() => r ? n ? e : null : e, [
-		r,
+}, Et = ({ items: e, isOpen: t, enableRerenderItems: n, disabled: r }) => {
+	let i = l(null), a = c(() => n ? t ? e : null : e, [
+		n,
 		e,
-		n
+		t
 	]);
-	return l(() => {
-		a.current && (window.innerWidth, a.current.getBoundingClientRect().left);
-	}, [n]), i ? null : /* @__PURE__ */ t("ul", {
+	return o(() => {
+		i.current && (window.innerWidth, i.current.getBoundingClientRect().left);
+	}, [t]), r ? null : /* @__PURE__ */ f("ul", {
 		className: `${$["dropdown-list"]} ui-dropdown-list`,
-		children: o,
-		ref: a
+		children: a,
+		ref: i
 	});
-}, Dt = a({ close: () => {} }), Ot = ({ 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 = () => {
+}, Dt = n({ close: () => {} }), Ot = ({ children: e, className: t, items: n, arrow: r = !0, direction: i = "down", position: a = "right", split: s = !1, disabled: d, hover: m = !1, enableRerenderItems: h = !0, onShow: g, onHide: _, ...v }) => {
+	let y = l(null), b = l(null), [x, S] = u(!1), C = () => {
 		S(!1);
 	}, w = () => {
 		S(!0);
 	}, ee = () => {
-		S((e) => u ? !1 : !e);
+		S((e) => d ? !1 : !e);
 	}, T = () => {
 		ee();
 	}, E = () => {
-		b.current || (!c || m) && ee();
+		b.current || (!s || m) && ee();
 	}, D = (e) => {
 		e.currentTarget.contains(e.relatedTarget) || C();
 	}, O = () => {
@@ -1647,21 +1650,21 @@ var nt = () => {
 	}, k = () => {
 		b.current &&= (clearTimeout(b.current), null);
 	};
-	l(() => {
+	o(() => {
 		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 A = c(() => {
 		let e = ["ui-dropdown"];
-		return e.push($.container), r && e.push(r), o && e.push($[o]), s && e.push($[s]), e.join(" ");
+		return e.push($.container), t && e.push(t), i && e.push($[i]), a && e.push($[a]), e.join(" ");
 	}, [
-		r,
-		o,
-		s
+		t,
+		i,
+		a
 	]);
-	return /* @__PURE__ */ t(Dt.Provider, {
+	return /* @__PURE__ */ f(Dt.Provider, {
 		value: { close: C },
-		children: /* @__PURE__ */ n("div", {
+		children: /* @__PURE__ */ p("div", {
 			...v,
 			className: A,
 			ref: y,
@@ -1670,42 +1673,42 @@ var nt = () => {
 			tabIndex: 1,
 			onBlur: D,
 			children: [
-				s === "left" && !u && /* @__PURE__ */ t(yt, {
+				a === "left" && !d && /* @__PURE__ */ f(yt, {
 					className: $.arrow,
 					onClick: T
 				}),
-				/* @__PURE__ */ t("div", {
+				/* @__PURE__ */ f("div", {
 					onClick: E,
 					className: "ui-dropdown-block" + (x ? " " + $.hide : ""),
 					children: e
 				}),
-				s === "right" && !u && a && /* @__PURE__ */ t(yt, {
+				a === "right" && !d && r && /* @__PURE__ */ f(yt, {
 					className: $.arrow,
 					onClick: T
 				}),
-				/* @__PURE__ */ t(Et, {
+				/* @__PURE__ */ f(Et, {
 					isOpen: x,
-					disabled: u,
+					disabled: d,
 					enableRerenderItems: h,
-					items: i
+					items: n
 				})
 			]
 		})
 	});
-}, kt = ({ children: e, onClick: n, autoClose: r = !0, active: i, className: a, ...o }) => {
-	let s = c(Dt), 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", {
+}, kt = ({ children: e, onClick: t, autoClose: n = !0, active: r, className: i, ...o }) => {
+	let s = a(Dt), c = (e) => {
+		typeof t == "function" && t(e), n && s.close();
+	}, l = ["ui-dropdown-item"];
+	return l.push($.item), r && l.push($.active, "active"), i && l.push(i), /* @__PURE__ */ f("li", {
 		...o,
-		onClick: l,
-		className: u.join(" "),
+		onClick: c,
+		className: l.join(" "),
 		children: typeof e == "function" ? e(s) : e
 	});
 }, At = {
-	...o(({ ...e }, n) => /* @__PURE__ */ t(Ot, { ...e })),
+	...r(({ ...e }, t) => /* @__PURE__ */ f(Ot, { ...e })),
 	Item: kt
-}, jt = a({}), Mt = ({ children: e }) => /* @__PURE__ */ t(jt.Provider, {
+}, jt = n({}), Mt = ({ children: e }) => /* @__PURE__ */ f(jt.Provider, {
 	value: {},
 	children: e
 });