@banzamel/mineralui 1.1.0 → 1.2.0

package/dist/{inputs-BBJgVLXO.js → inputs-bCxSLz-U.js}

@@ -1,30 +1,24 @@
-import { t as e } from "./MCloseIcon-lDH3Vc10.js";
-import { t } from "./MCheckIcon-DQumT4HX.js";
-import { t as n } from "./MChevronDownIcon-D3yTpzni.js";
-import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d } from "./MZoomInIcon-BEdmglk6.js";
-import { t as f } from "./MCalendarIcon-DXTVH31q.js";
-import { n as p, t as m } from "./MPhoneIcon-D5JEg8LZ.js";
-import { A as h, D as g, E as _, O as v, d as y, f as b, i as x, j as S, k as C, l as w, m as T, p as E, r as D, w as O } from "./MFileExtIcons-Cxbgd5Fz.js";
-import { t as k } from "./cn-DZLxql0l.js";
-import { _ as A, a as j, c as M, d as N, f as P, g as F, h as I, i as L, l as R, n as ee, r as z, y as B } from "./validators-ljBWrIca.js";
-import { a as V, i as H, n as U, r as W } from "./creditCards-CoZpbB1e.js";
-import { a as te, c as G, d as ne, i as re, n as ie, o as ae, r as oe, s as se, u as ce } from "./formatters-DMI5QqhS.js";
-import { t as le } from "./useGhostText-Zq3iktss.js";
-import { t as ue } from "./useInteractionEffect-Dfqq8lGO.js";
-import { r as de, t as fe } from "./MButton-33EzpGvQ.js";
-import { n as pe, t as K } from "./MInput-OmuQ2Tds.js";
-import { t as me } from "./MCheckbox-DW-liYve.js";
-import { t as he } from "./MSlider-C65mv2h1.js";
+import { $r as e, Er as t, Fi as n, Fr as r, Ii as i, Ir as a, Jr as o, Kr as s, Mi as c, Nr as l, Pr as u, Qr as d, Tr as f, Xr as p, Zr as m, _n as h, ei as g, gn as _, ji as v, jr as y, oi as b, ri as x, sr as S, un as C, vn as w, wi as T, xi as E, yi as D, yn as O } from "./icons-D5DK-J2C.js";
+import { t as k } from "./cn-YER3QsV1.js";
+import { _ as A, a as j, c as M, d as N, f as P, g as F, h as I, i as L, l as R, n as ee, r as z, y as te } from "./validators-H8tNxb8O.js";
+import { a as B, i as V, n as H, r as U } from "./creditCards-CCysEwry.js";
+import { a as ne, c as W, d as re, i as ie, n as ae, o as oe, r as se, s as ce, u as G } from "./formatters-T0vvjMtB.js";
+import { t as le } from "./useGhostText-DG0bzcao.js";
+import { t as ue } from "./useInteractionEffect-DtpbVd77.js";
+import { r as de, t as fe } from "./MButton-BmTDe5Oa.js";
+import { t as pe } from "./MCheckbox-B7SpcD4H.js";
+import { t as me } from "./MSlider-CqrusKJQ.js";
+import { n as he, t as K } from "./MInput-BSaKw0Uc.js";
 import { forwardRef as q, isValidElement as ge, useCallback as J, useEffect as Y, useMemo as _e, useRef as X, useState as Z } from "react";
 import { jsx as Q, jsxs as $ } from "react/jsx-runtime";
 //#region src/components/inputs/MTextarea/MTextarea.tsx
 var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i, disabled: a = !1, readOnly: o = !1, required: s = !1, autoFocus: c = !1, rows: l = 3, autoResize: u = !1, minRows: d, maxRows: f, variant: p = "outlined", size: m = "md", color: h, fullWidth: g = !1, label: _, helperText: v, errorText: y, error: b = !1, success: x = !1, maxLength: S, showCharCount: C = !1, ghostOptions: w, ghostMinChars: T = 2, onGhostAccept: E, loading: D = !1, onChange: O, onFocus: A, onBlur: j, className: M, style: N, textareaClassName: P, labelClassName: F }, I) {
-	let [L, R] = Z(!1), ee = X(null), { currentValue: z, setCurrentValue: B } = pe(e, t), V = le({
+	let [L, R] = Z(!1), ee = X(null), { currentValue: z, setCurrentValue: te } = he(e, t), B = le({
 		options: w ?? [],
 		value: z,
 		minChars: T
-	}), H = b || !!y, U = H ? "color-error" : h ? `color-${h}` : void 0, W = I ?? ee, te = J(() => {
-		let e = typeof W == "function" ? null : W?.current;
+	}), V = b || !!y, H = V ? "color-error" : h ? `color-${h}` : void 0, U = I ?? ee, ne = J(() => {
+		let e = typeof U == "function" ? null : U?.current;
 		if (!e || !u) return;
 		e.style.height = "auto";
 		let t = parseFloat(getComputedStyle(e).lineHeight) || 20, n = d ? d * t : 0, r = f ? f * t : Infinity, i = Math.min(Math.max(e.scrollHeight, n), r);
@@ -33,51 +27,51 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 		u,
 		d,
 		f,
-		W
+		U
 	]);
 	Y(() => {
-		te();
-	}, [z, te]);
-	let G = J((e) => {
+		ne();
+	}, [z, ne]);
+	let W = J((e) => {
 		R(!0), A?.(e);
-	}, [A]), ne = J((e) => {
+	}, [A]), re = J((e) => {
 		R(!1), j?.(e);
-	}, [j]), re = J((e) => {
-		B(e.target.value), O?.(e), V.reset();
+	}, [j]), ie = J((e) => {
+		te(e.target.value), O?.(e), B.reset();
 	}, [
 		O,
-		B,
-		V.reset
-	]), ie = J((e) => {
-		if (w && V.hint && V.onKeyDown(e)) {
-			let e = V.accept();
-			B(e.value), E?.(e.value);
-			let t = typeof W == "function" ? null : W?.current;
+		te,
+		B.reset
+	]), ae = J((e) => {
+		if (w && B.hint && B.onKeyDown(e)) {
+			let e = B.accept();
+			te(e.value), E?.(e.value);
+			let t = typeof U == "function" ? null : U?.current;
 			t && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(t, e.value), t.dispatchEvent(new Event("input", { bubbles: !0 })));
 			return;
 		}
 	}, [
 		w,
-		V,
 		B,
+		te,
 		E,
-		W
-	]), ae = k("container", `field-${p}`, `field-${m}`, L && "focused", H && "error", x && !H && "success", a && "disabled");
+		U
+	]), oe = k("container", `field-${p}`, `field-${m}`, L && "focused", V && "error", x && !V && "success", a && "disabled");
 	return /* @__PURE__ */ $("div", {
-		className: k("textarea", U, g && "full-width", M),
+		className: k("textarea", H, g && "full-width", M),
 		style: N,
 		children: [
 			_ && /* @__PURE__ */ Q("label", {
 				htmlFor: r,
-				className: k("field-label", L && "focused", H && "error", x && !H && "success", s && "required", F),
+				className: k("field-label", L && "focused", V && "error", x && !V && "success", s && "required", F),
 				children: _
 			}),
 			/* @__PURE__ */ $("div", {
-				className: ae,
+				className: oe,
 				children: [w ? /* @__PURE__ */ $("div", {
 					className: "ghost-text-field ghost-text-field-multi",
 					children: [/* @__PURE__ */ Q("textarea", {
-						ref: W,
+						ref: U,
 						name: n,
 						id: r,
 						placeholder: i,
@@ -89,13 +83,13 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 						maxLength: S,
 						value: z,
 						className: k("field", P),
-						onChange: re,
-						onFocus: G,
-						onBlur: ne,
-						onKeyDown: ie,
-						"aria-invalid": H || void 0,
+						onChange: ie,
+						onFocus: W,
+						onBlur: re,
+						onKeyDown: ae,
+						"aria-invalid": V || void 0,
 						"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
-					}), L && V.hint && /* @__PURE__ */ $("span", {
+					}), L && B.hint && /* @__PURE__ */ $("span", {
 						className: "ghost-text-overlay",
 						"aria-hidden": "true",
 						children: [/* @__PURE__ */ Q("span", {
@@ -103,11 +97,11 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 							children: z
 						}), /* @__PURE__ */ Q("span", {
 							className: "ghost-text-hint",
-							children: V.hint
+							children: B.hint
 						})]
 					})]
 				}) : /* @__PURE__ */ Q("textarea", {
-					ref: W,
+					ref: U,
 					name: n,
 					id: r,
 					placeholder: i,
@@ -119,10 +113,10 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 					maxLength: S,
 					value: z,
 					className: k("field", P),
-					onChange: re,
-					onFocus: G,
-					onBlur: ne,
-					"aria-invalid": H || void 0,
+					onChange: ie,
+					onFocus: W,
+					onBlur: re,
+					"aria-invalid": V || void 0,
 					"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
 				}), D && /* @__PURE__ */ Q(de, {
 					size: "sm",
@@ -164,31 +158,31 @@ var be = {
 	fair: "Fair",
 	good: "Good",
 	strong: "Strong"
-}, xe = q(function({ showToggle: e = !0, showStrength: t = !1, onStrengthChange: n, value: r, defaultValue: i, onChange: a, className: o, ...c }, u) {
-	let [d, f] = Z(!1), [p, m] = Z(i?.toString() ?? ""), h = r === void 0 ? p : r.toString(), g = ye(h);
+}, xe = q(function({ showToggle: e = !0, showStrength: t = !1, onStrengthChange: n, value: r, defaultValue: i, onChange: a, className: o, ...s }, c) {
+	let [l, u] = Z(!1), [d, f] = Z(i?.toString() ?? ""), p = r === void 0 ? d : r.toString(), m = ye(p);
 	Y(() => {
-		n?.(g);
-	}, [g, n]);
-	let _ = J((e) => {
-		r === void 0 && m(e.target.value), a?.(e);
+		n?.(m);
+	}, [m, n]);
+	let g = J((e) => {
+		r === void 0 && f(e.target.value), a?.(e);
 	}, [a, r]), v = e ? /* @__PURE__ */ Q("button", {
 		type: "button",
 		className: "password toggle",
-		onClick: () => f((e) => !e),
+		onClick: () => u((e) => !e),
 		tabIndex: -1,
-		"aria-label": d ? "Hide password" : "Show password",
-		children: Q(d ? s : l, {})
+		"aria-label": l ? "Hide password" : "Show password",
+		children: Q(l ? _ : h, {})
 	}) : void 0;
 	return /* @__PURE__ */ $("div", {
 		className: k("password input", o),
 		children: [/* @__PURE__ */ Q(K, {
-			...c,
-			ref: u,
-			type: d ? "text" : "password",
-			value: h,
-			onChange: _,
+			...s,
+			ref: c,
+			type: l ? "text" : "password",
+			value: p,
+			onChange: g,
 			endIcon: v
-		}), t && h.length > 0 && /* @__PURE__ */ $("div", {
+		}), t && p.length > 0 && /* @__PURE__ */ $("div", {
 			className: "password strength row",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "password strength bar",
@@ -202,10 +196,10 @@ var be = {
 					"fair",
 					"good",
 					"strong"
-				].indexOf(g) + 1 && `strength-${g}`) }, e))
+				].indexOf(m) + 1 && `strength-${m}`) }, e))
 			}), /* @__PURE__ */ Q("span", {
-				className: k("password strength label", `strength-${g}`),
-				children: be[g]
+				className: k("password strength label", `strength-${m}`),
+				children: be[m]
 			})]
 		})]
 	});
@@ -219,23 +213,23 @@ function Ce(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-var we = q(function({ min: e, max: t, step: r = 1, showStepper: i = !0, precision: a = 0, allowNegative: s = !0, onValueChange: c, value: l, defaultValue: u, onChange: d, onKeyDown: f, onBlur: p, disabled: m = !1, className: h, ...g }, _) {
-	let [v, y] = Z(u?.toString() ?? ""), b = l === void 0 ? v : l.toString(), x = X(null), S = X(b);
+var we = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precision: i = 0, allowNegative: a = !0, onValueChange: o, value: s, defaultValue: l, onChange: u, onKeyDown: d, onBlur: f, disabled: p = !1, className: m, ...h }, g) {
+	let [_, y] = Z(l?.toString() ?? ""), b = s === void 0 ? _ : s.toString(), x = X(null), S = X(b);
 	Y(() => {
 		S.current = b;
 	}, [b]);
 	let C = J((e) => {
-		l === void 0 && y(e);
+		s === void 0 && y(e);
 		let t = parseFloat(e);
-		c?.(isNaN(t) ? null : t);
-	}, [l, c]), w = J((n) => {
-		let i = Ce(Se((parseFloat(S.current) || 0) + r * n, e, t), a);
-		S.current = i.toString(), C(i.toString());
+		o?.(isNaN(t) ? null : t);
+	}, [s, o]), w = J((r) => {
+		let a = Ce(Se((parseFloat(S.current) || 0) + n * r, e, t), i);
+		S.current = a.toString(), C(a.toString());
 	}, [
-		r,
+		n,
 		e,
 		t,
-		a,
+		i,
 		C
 	]), T = J((e) => {
 		w(e), x.current = setInterval(() => w(e), 150);
@@ -244,28 +238,28 @@ var we = q(function({ min: e, max: t, step: r = 1, showStepper: i = !0, precisio
 	}, []);
 	Y(() => E, [E]);
 	let D = J((e) => {
-		let t = e.target.value.replace(s ? /[^\d.,-]/g : /[^\d.,]/g, "");
-		S.current = t, C(t), d?.(e);
+		let t = e.target.value.replace(a ? /[^\d.,-]/g : /[^\d.,]/g, "");
+		S.current = t, C(t), u?.(e);
 	}, [
-		d,
-		s,
+		u,
+		a,
 		C
 	]), O = J((n) => {
 		let r = parseFloat(S.current);
 		if (!isNaN(r)) {
-			let n = Ce(Se(r, e, t), a);
+			let n = Ce(Se(r, e, t), i);
 			S.current = n.toString(), C(n.toString());
 		}
-		p?.(n);
+		f?.(n);
 	}, [
 		e,
 		t,
-		a,
+		i,
 		C,
-		p
+		f
 	]), A = J((e) => {
-		e.key === "ArrowUp" ? (e.preventDefault(), w(1)) : e.key === "ArrowDown" && (e.preventDefault(), w(-1)), f?.(e);
-	}, [w, f]), j = i && !m ? /* @__PURE__ */ $("div", {
+		e.key === "ArrowUp" ? (e.preventDefault(), w(1)) : e.key === "ArrowDown" && (e.preventDefault(), w(-1)), d?.(e);
+	}, [w, d]), j = r && !p ? /* @__PURE__ */ $("div", {
 		className: "number stepper",
 		children: [/* @__PURE__ */ Q("button", {
 			type: "button",
@@ -278,7 +272,7 @@ var we = q(function({ min: e, max: t, step: r = 1, showStepper: i = !0, precisio
 			onPointerCancel: E,
 			tabIndex: -1,
 			"aria-label": "Increment",
-			children: /* @__PURE__ */ Q(o, {})
+			children: /* @__PURE__ */ Q(v, {})
 		}), /* @__PURE__ */ Q("button", {
 			type: "button",
 			className: "number step button",
@@ -290,12 +284,12 @@ var we = q(function({ min: e, max: t, step: r = 1, showStepper: i = !0, precisio
 			onPointerCancel: E,
 			tabIndex: -1,
 			"aria-label": "Decrement",
-			children: /* @__PURE__ */ Q(n, {})
+			children: /* @__PURE__ */ Q(c, {})
 		})]
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
-		...g,
-		ref: _,
+		...h,
+		ref: g,
 		type: "text",
 		inputMode: "decimal",
 		value: b,
@@ -303,68 +297,68 @@ var we = q(function({ min: e, max: t, step: r = 1, showStepper: i = !0, precisio
 		onBlur: O,
 		onKeyDown: A,
 		endIcon: j,
-		disabled: m,
-		className: k("number input", h)
+		disabled: p,
+		className: k("number input", m)
 	});
-}), Te = q(function({ validateOnBlur: e = !0, validateOnChange: n = !1, showValidIcon: r = !0, onValidationChange: i, value: a, defaultValue: o, onChange: s, onBlur: c, error: l, errorText: u, success: d, placeholder: f = "email@example.com", ...m }, h) {
-	let [g, _] = Z(o?.toString() ?? ""), [v, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = a === void 0 ? g : a.toString(), C = J((e) => {
+}), Te = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showValidIcon: r = !0, onValidationChange: i, value: a, defaultValue: o, onChange: s, onBlur: c, error: l, errorText: u, success: d, placeholder: f = "email@example.com", ...p }, m) {
+	let [h, g] = Z(o?.toString() ?? ""), [_, v] = Z({ valid: !0 }), [y, b] = Z(!1), x = a === void 0 ? h : a.toString(), S = J((e) => {
 		let t = L(e);
-		return y(t), i?.(t), t;
-	}, [i]), w = J((e) => {
-		a === void 0 && _(e.target.value), n && b && C(e.target.value), s?.(e);
+		return v(t), i?.(t), t;
+	}, [i]), C = J((e) => {
+		a === void 0 && g(e.target.value), t && y && S(e.target.value), s?.(e);
 	}, [
 		s,
 		a,
-		n,
-		b,
-		C
-	]), T = J((t) => {
-		x(!0), e && t.target.value && C(t.target.value), c?.(t);
+		t,
+		y,
+		S
+	]), w = J((t) => {
+		b(!0), e && t.target.value && S(t.target.value), c?.(t);
 	}, [
 		c,
 		e,
-		C
-	]), E = l || b && !v.valid, D = u || (b && !v.valid ? v.error : void 0), O = !E && d !== void 0 ? d : b && v.valid && S.length > 0, k = r && O ? /* @__PURE__ */ Q("span", {
+		S
+	]), T = l || y && !_.valid, D = u || (y && !_.valid ? _.error : void 0), O = !T && d !== void 0 ? d : y && _.valid && x.length > 0, k = r && O ? /* @__PURE__ */ Q("span", {
 		className: "validation-icon",
-		children: /* @__PURE__ */ Q(t, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
-		...m,
-		ref: h,
+		...p,
+		ref: m,
 		type: "email",
-		value: S,
-		onChange: w,
-		onBlur: T,
-		error: E,
+		value: x,
+		onChange: C,
+		onBlur: w,
+		error: T,
 		errorText: D,
 		success: O,
 		placeholder: f,
-		startIcon: /* @__PURE__ */ Q(p, {}),
+		startIcon: /* @__PURE__ */ Q(E, {}),
 		endIcon: k
 	});
-}), Ee = q(function({ countryCode: e = "PL", showCountryCode: t = !0, formatOnChange: n = !0, validateOnBlur: r = !0, onValidationChange: i, onValueChange: a, value: o, defaultValue: s, onChange: c, onBlur: l, error: u, errorText: d, placeholder: f = "123 456 789", className: p, ...h }, g) {
-	let [_, v] = Z(s?.toString() ?? ""), [y, b] = Z({ valid: !0 }), [x, S] = Z(!1), C = o === void 0 ? _ : o.toString(), w = J((t) => {
-		let r = ce(t.target.value), i = n ? se(r, { countryCode: e }) : r;
-		o === void 0 && v(i), a?.(r, i), c?.(t);
+}), Ee = q(function({ countryCode: e = "PL", showCountryCode: t = !0, formatOnChange: n = !0, validateOnBlur: r = !0, onValidationChange: i, onValueChange: a, value: o, defaultValue: s, onChange: c, onBlur: l, error: u, errorText: d, placeholder: f = "123 456 789", className: p, ...m }, h) {
+	let [g, _] = Z(s?.toString() ?? ""), [v, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = o === void 0 ? g : o.toString(), C = J((t) => {
+		let r = G(t.target.value), i = n ? ce(r, { countryCode: e }) : r;
+		o === void 0 && _(i), a?.(r, i), c?.(t);
 	}, [
 		c,
 		o,
 		n,
 		e,
 		a
-	]), T = J((t) => {
-		if (S(!0), r && C) {
-			let t = N(ce(C), e);
-			b(t), i?.(t);
+	]), w = J((t) => {
+		if (x(!0), r && S) {
+			let t = N(G(S), e);
+			y(t), i?.(t);
 		}
 		l?.(t);
 	}, [
 		l,
 		r,
-		C,
+		S,
 		e,
 		i
-	]), E = t ? /* @__PURE__ */ Q("span", {
+	]), T = t ? /* @__PURE__ */ Q("span", {
 		className: "phone prefix",
 		children: {
 			PL: "+48",
@@ -375,68 +369,68 @@ var we = q(function({ min: e, max: t, step: r = 1, showStepper: i = !0, precisio
 			CZ: "+420",
 			SK: "+421"
 		}[e.toUpperCase()] ?? `+${e}`
-	}) : void 0, D = u || x && !y.valid, O = d || (x && !y.valid ? y.error : void 0);
+	}) : void 0, E = u || b && !v.valid, O = d || (b && !v.valid ? v.error : void 0);
 	return /* @__PURE__ */ Q(K, {
-		...h,
-		ref: g,
+		...m,
+		ref: h,
 		type: "tel",
-		value: C,
-		onChange: w,
-		onBlur: T,
-		error: D,
+		value: S,
+		onChange: C,
+		onBlur: w,
+		error: E,
 		errorText: O,
 		placeholder: f,
-		startIcon: t ? E : /* @__PURE__ */ Q(m, {}),
+		startIcon: t ? T : /* @__PURE__ */ Q(D, {}),
 		className: k("phone input", p)
 	});
-}), De = q(function({ autoCapitalize: e = !0, allowNumbers: t = !1, allowSpecialChars: n = !1, minWords: r, validateOnBlur: i = !0, onValidationChange: a, value: o, defaultValue: s, onChange: l, onBlur: u, error: d, errorText: f, placeholder: p = "Jan Kowalski", ...m }, h) {
-	let [g, _] = Z(s?.toString() ?? ""), [v, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = o === void 0 ? g : o.toString(), C = J((r) => {
+}), De = q(function({ autoCapitalize: e = !0, allowNumbers: t = !1, allowSpecialChars: n = !1, minWords: r, validateOnBlur: i = !0, onValidationChange: a, value: o, defaultValue: s, onChange: c, onBlur: l, error: u, errorText: d, placeholder: f = "Jan Kowalski", ...p }, m) {
+	let [h, g] = Z(s?.toString() ?? ""), [_, v] = Z({ valid: !0 }), [y, b] = Z(!1), x = o === void 0 ? h : o.toString(), C = J((r) => {
 		let i = r;
-		return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = ie(i)), i;
+		return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = ae(i)), i;
 	}, [
 		t,
 		n,
 		e
 	]), w = J((e) => {
 		let t = C(e.target.value);
-		o === void 0 && _(t), l?.(e);
+		o === void 0 && g(t), c?.(e);
 	}, [
-		l,
+		c,
 		o,
 		C
 	]), T = J((e) => {
-		if (x(!0), i && S) {
-			let e = S.trim().split(/\s+/).filter(Boolean);
+		if (b(!0), i && x) {
+			let e = x.trim().split(/\s+/).filter(Boolean);
 			if (r && e.length < r) {
 				let e = {
 					valid: !1,
 					error: `Enter at least ${r} word${r > 1 ? "s" : ""}`
 				};
-				y(e), a?.(e);
+				v(e), a?.(e);
 			} else {
 				let e = { valid: !0 };
-				y(e), a?.(e);
+				v(e), a?.(e);
 			}
 		}
-		u?.(e);
+		l?.(e);
 	}, [
-		u,
+		l,
 		i,
-		S,
+		x,
 		r,
 		a
-	]), E = d || b && !v.valid, D = f || (b && !v.valid ? v.error : void 0);
+	]), E = u || y && !_.valid, D = d || (y && !_.valid ? _.error : void 0);
 	return /* @__PURE__ */ Q(K, {
-		...m,
-		ref: h,
+		...p,
+		ref: m,
 		type: "text",
-		value: S,
+		value: x,
 		onChange: w,
 		onBlur: T,
 		error: E,
 		errorText: D,
-		placeholder: p,
-		startIcon: /* @__PURE__ */ Q(c, {})
+		placeholder: f,
+		startIcon: /* @__PURE__ */ Q(S, {})
 	});
 });
 //#endregion
@@ -450,58 +444,58 @@ function ke(e, t) {
 }
 function Ae(e, t, n = !0) {
 	let r = ke(e, t);
-	return n ? te(r) : r;
+	return n ? ne(r) : r;
 }
 function je(e) {
 	let t = Oe(e);
 	return t ? `${t}00 0000 0000 0000 0000 0000 0000` : "PL00 0000 0000 0000 0000 0000 0000";
 }
-var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i = !0, showValidIcon: a = !0, onValidationChange: o, onValueChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: f, errorText: p, success: m, placeholder: h, ...g }, _) {
-	let [v, y] = Z(() => Ae(l?.toString() ?? "", e, n)), [b, x] = Z({ valid: !0 }), [S, C] = Z(!1), w = c === void 0 ? v : Ae(c.toString(), e, n);
+var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: r = !0, showValidIcon: i = !0, onValidationChange: a, onValueChange: o, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, success: p, placeholder: m, ...h }, g) {
+	let [_, v] = Z(() => Ae(c?.toString() ?? "", e, t)), [y, b] = Z({ valid: !0 }), [x, S] = Z(!1), C = s === void 0 ? _ : Ae(s.toString(), e, t);
 	Y(() => {
-		c === void 0 && y((t) => Ae(t, e, n));
+		s === void 0 && v((n) => Ae(n, e, t));
 	}, [
 		e,
-		n,
-		c
+		t,
+		s
 	]);
-	let T = J((t) => {
-		let r = ke(ne(t.target.value), e), i = n ? te(r) : r;
-		c === void 0 && y(i), s?.(r, i), u?.(t);
+	let w = J((n) => {
+		let r = ke(re(n.target.value), e), i = t ? ne(r) : r;
+		s === void 0 && v(i), o?.(r, i), l?.(n);
 	}, [
 		e,
-		u,
-		c,
-		n,
-		s
-	]), E = J((t) => {
-		if (C(!0), i && w) {
-			let t = j(ke(ne(w), e));
-			x(t), o?.(t);
+		l,
+		s,
+		t,
+		o
+	]), T = J((t) => {
+		if (S(!0), r && C) {
+			let t = j(ke(re(C), e));
+			b(t), a?.(t);
 		}
-		d?.(t);
+		u?.(t);
 	}, [
 		e,
-		d,
-		i,
-		w,
-		o
-	]), D = f || S && !b.valid, O = p || (S && !b.valid ? b.error : void 0), k = !D && (m === void 0 ? S && b.valid && w.length > 0 : m), A = a && k ? /* @__PURE__ */ Q("span", {
+		u,
+		r,
+		C,
+		a
+	]), E = d || x && !y.valid, D = f || (x && !y.valid ? y.error : void 0), k = !E && (p === void 0 ? x && y.valid && C.length > 0 : p), A = i && k ? /* @__PURE__ */ Q("span", {
 		className: "validation-icon",
-		children: /* @__PURE__ */ Q(t, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
-		...g,
-		ref: _,
+		...h,
+		ref: g,
 		type: "text",
-		value: w,
-		onChange: T,
-		onBlur: E,
-		error: D,
-		errorText: O,
+		value: C,
+		onChange: w,
+		onBlur: T,
+		error: E,
+		errorText: D,
 		success: k,
-		placeholder: h ?? je(e),
-		startIcon: /* @__PURE__ */ Q(r, {}),
+		placeholder: m ?? je(e),
+		startIcon: /* @__PURE__ */ Q(O, {}),
 		endIcon: A,
 		maxLength: 42
 	});
@@ -517,45 +511,45 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 	NIP: "123-456-78-19",
 	PESEL: "00000000000",
 	REGON: "000000000"
-}, Ie = q(function({ taxIdType: e, formatOnChange: n = !0, validateOnBlur: r = !0, showValidIcon: i = !0, onValidationChange: o, onValueChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: f, errorText: p, success: m, placeholder: h, ...g }, _) {
-	let [v, y] = Z(l?.toString() ?? ""), [b, x] = Z({ valid: !0 }), [S, C] = Z(!1), w = c === void 0 ? v : c.toString(), T = J((t) => {
-		let r = ce(t.target.value), i = n && e === "NIP" ? ae(r) : r;
-		c === void 0 && y(i), s?.(r), u?.(t);
+}, Ie = q(function({ taxIdType: e, formatOnChange: t = !0, validateOnBlur: r = !0, showValidIcon: i = !0, onValidationChange: a, onValueChange: o, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, success: p, placeholder: m, ...h }, g) {
+	let [_, v] = Z(c?.toString() ?? ""), [y, b] = Z({ valid: !0 }), [x, S] = Z(!1), C = s === void 0 ? _ : s.toString(), T = J((n) => {
+		let r = G(n.target.value), i = t && e === "NIP" ? oe(r) : r;
+		s === void 0 && v(i), o?.(r), l?.(n);
 	}, [
-		u,
-		c,
-		n,
+		l,
+		s,
+		t,
 		e,
-		s
+		o
 	]), E = J((t) => {
-		if (C(!0), r && w) {
-			let t = Ne[e], n = t(ce(w));
-			x(n), o?.(n);
+		if (S(!0), r && C) {
+			let t = Ne[e], n = t(G(C));
+			b(n), a?.(n);
 		}
-		d?.(t);
+		u?.(t);
 	}, [
-		d,
+		u,
 		r,
-		w,
+		C,
 		e,
-		o
-	]), D = f || S && !b.valid, O = p || (S && !b.valid ? b.error : void 0), k = !D && (m === void 0 ? S && b.valid && w.length > 0 : m), A = i && k ? /* @__PURE__ */ Q("span", {
+		a
+	]), D = d || x && !y.valid, O = f || (x && !y.valid ? y.error : void 0), k = !D && (p === void 0 ? x && y.valid && C.length > 0 : p), A = i && k ? /* @__PURE__ */ Q("span", {
 		className: "validation-icon",
-		children: /* @__PURE__ */ Q(t, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
-		...g,
-		ref: _,
+		...h,
+		ref: g,
 		type: "text",
 		inputMode: "numeric",
-		value: w,
+		value: C,
 		onChange: T,
 		onBlur: E,
 		error: D,
 		errorText: O,
 		success: k,
-		placeholder: h ?? Fe[e],
-		startIcon: /* @__PURE__ */ Q(a, {}),
+		placeholder: m ?? Fe[e],
+		startIcon: /* @__PURE__ */ Q(w, {}),
 		endIcon: A,
 		maxLength: Pe[e]
 	});
@@ -563,13 +557,13 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 	let [b, x] = Z(d?.toString() ?? ""), S = u === void 0 ? b : u.toString(), C = t ?? e ?? "", w = J((e) => {
 		let t = e.target.value, n = "", o = !1;
 		for (let e of t) e >= "0" && e <= "9" ? n += e : (e === "," || e === ".") && !o ? (n += r, o = !0) : e === "-" && c && n.length === 0 && (n += "-");
-		let s = oe(n, {
+		let s = se(n, {
 			decimalSeparator: r,
 			thousandSeparator: i,
 			precision: a
 		});
 		u === void 0 && x(s);
-		let d = G(s, i, r);
+		let d = W(s, i, r);
 		l?.(d), f?.(e);
 	}, [
 		f,
@@ -580,10 +574,10 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 		c,
 		l
 	]), T = J((e) => {
-		let t = G(S, i, r);
+		let t = W(S, i, r);
 		if (t !== null) {
 			o !== void 0 && t < o && (t = o), s !== void 0 && t > s && (t = s);
-			let e = oe(t.toFixed(a).replace(".", r), {
+			let e = se(t.toFixed(a).replace(".", r), {
 				decimalSeparator: r,
 				thousandSeparator: i,
 				precision: a
@@ -622,18 +616,18 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 	"DD/MM/YYYY": "DD{s}MM{s}YYYY",
 	"MM/DD/YYYY": "MM{s}DD{s}YYYY",
 	"YYYY/MM/DD": "YYYY{s}MM{s}DD"
-}, ze = q(function({ format: e = "DD/MM/YYYY", separator: t = "/", minDate: n, maxDate: r, validateOnBlur: i = !0, validateOnChange: a = !1, onDateChange: o, onValidationChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, onKeyDown: p, onClear: m, error: h, errorText: g, placeholder: _, className: v, ...y }, b) {
-	let [x, S] = Z(l?.toString() ?? ""), [C, w] = Z({ valid: !0 }), [T, E] = Z(!1), D = X(!1), O = c === void 0 ? x : c.toString();
+}, ze = q(function({ format: e = "DD/MM/YYYY", separator: t = "/", minDate: n, maxDate: r, validateOnBlur: i = !0, validateOnChange: a = !1, onDateChange: o, onValidationChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, onKeyDown: f, onClear: p, error: m, errorText: h, placeholder: g, className: _, ...v }, y) {
+	let [b, x] = Z(l?.toString() ?? ""), [S, C] = Z({ valid: !0 }), [w, E] = Z(!1), D = X(!1), O = c === void 0 ? b : c.toString();
 	Y(() => {
 		if (D.current) {
 			D.current = !1;
 			return;
 		}
 		if (!O) {
-			w({ valid: !0 }), E(!1);
+			C({ valid: !0 }), E(!1);
 			return;
 		}
-		w(z(O, {
+		C(z(O, {
 			format: e,
 			minDate: n,
 			maxDate: r
@@ -650,34 +644,34 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 			minDate: n,
 			maxDate: r
 		});
-		return w(i), s?.(i), i;
+		return C(i), s?.(i), i;
 	}, [
 		e,
 		n,
 		r,
 		s
 	]), A = J((t) => {
-		ce(t).length === 8 ? o?.(ee(t, e), t) : o?.(null, t);
+		G(t).length === 8 ? o?.(ee(t, e), t) : o?.(null, t);
 	}, [e, o]), j = J((n) => {
-		let r = ce(n.target.value);
+		let r = G(n.target.value);
 		if (r.length > 8) return;
-		let i = re(r, e, t);
-		D.current = !0, c === void 0 && S(i), A(i), a && T && k(i), u?.(n);
+		let i = ie(r, e, t);
+		D.current = !0, c === void 0 && x(i), A(i), a && w && k(i), u?.(n);
 	}, [
 		u,
 		c,
 		e,
 		t,
 		a,
-		T,
+		w,
 		k,
 		A
 	]), M = J(() => {
-		D.current = !0, c === void 0 && S(""), w({ valid: !0 }), E(!1), o?.(null, ""), m?.();
+		D.current = !0, c === void 0 && x(""), C({ valid: !0 }), E(!1), o?.(null, ""), p?.();
 	}, [
 		c,
 		o,
-		m
+		p
 	]), N = J((e) => {
 		E(!0), i && O && k(O), d?.(e);
 	}, [
@@ -695,18 +689,18 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 			"Home",
 			"End"
 		].includes(e.key)) {
-			p?.(e);
+			f?.(e);
 			return;
 		}
 		if (e.ctrlKey || e.metaKey) {
-			p?.(e);
+			f?.(e);
 			return;
 		}
-		/^\d$/.test(e.key) || e.preventDefault(), p?.(e);
-	}, [p]), F = h || T && !C.valid, I = g || (T && !C.valid ? C.error : void 0);
+		/^\d$/.test(e.key) || e.preventDefault(), f?.(e);
+	}, [f]), F = m || w && !S.valid, I = h || (w && !S.valid ? S.error : void 0);
 	return /* @__PURE__ */ Q(K, {
-		...y,
-		ref: b,
+		...v,
+		ref: y,
 		type: "text",
 		inputMode: "numeric",
 		value: O,
@@ -716,35 +710,35 @@ var Me = q(function({ countryCode: e, formatOnChange: n = !0, validateOnBlur: i
 		onClear: M,
 		error: F,
 		errorText: I,
-		placeholder: _ ?? Re[e].replace(/\{s\}/g, t),
-		startIcon: /* @__PURE__ */ Q(f, {}),
+		placeholder: g ?? Re[e].replace(/\{s\}/g, t),
+		startIcon: /* @__PURE__ */ Q(T, {}),
 		maxLength: 10,
-		className: v
+		className: _
 	});
 });
 //#endregion
 //#region src/components/inputs/MInputCreditCard/MInputCreditCard.tsx
 function Be({ value: e }) {
-	let t = U(e);
+	let t = H(e);
 	return /* @__PURE__ */ Q("span", {
 		className: k("credit-card-brand-badge", "credit-brand", t.brand),
 		children: t.iconLabel
 	});
 }
-var Ve = q(function({ validateOnBlur: e = !0, validateOnChange: n = !1, showBrandIcon: r = !0, showValidIcon: i = !0, onValidationChange: a, onCardBrandChange: o, onValueChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: f, errorText: p, success: m, placeholder: h = "4242 4242 4242 4242", className: g, ..._ }, v) {
-	let [y, b] = Z(() => W(l?.toString() ?? "")), [x, S] = Z({ valid: !0 }), [C, w] = Z(!1), T = c === void 0 ? y : W(c.toString()), E = J((e) => {
-		let t = V(e);
+var Ve = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBrandIcon: r = !0, showValidIcon: i = !0, onValidationChange: a, onCardBrandChange: o, onValueChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: f, errorText: p, success: m, placeholder: h = "4242 4242 4242 4242", className: g, ..._ }, v) {
+	let [y, b] = Z(() => U(l?.toString() ?? "")), [x, S] = Z({ valid: !0 }), [C, w] = Z(!1), T = c === void 0 ? y : U(c.toString()), E = J((e) => {
+		let t = B(e);
 		return S(t), a?.(t), t;
 	}, [a]), D = J((e) => {
-		let t = W(e.target.value), r = U(t);
-		c === void 0 && b(t), o?.(r.brand), s?.(H(t), t, r.brand), n && C && E(t), u?.(e);
+		let n = U(e.target.value), r = H(n);
+		c === void 0 && b(n), o?.(r.brand), s?.(V(n), n, r.brand), t && C && E(n), u?.(e);
 	}, [
 		o,
 		u,
 		s,
 		E,
 		C,
-		n,
+		t,
 		c
 	]), O = J((t) => {
 		w(!0), e && T && E(T), d?.(t);
@@ -753,10 +747,10 @@ var Ve = q(function({ validateOnBlur: e = !0, validateOnChange: n = !1, showBran
 		d,
 		E,
 		e
-	]), A = f || C && !x.valid, j = p || (C && !x.valid ? x.error : void 0), M = !A && m !== void 0 ? m : C && x.valid && H(T).length > 0, N = i && M ? /* @__PURE__ */ Q("span", {
+	]), A = f || C && !x.valid, j = p || (C && !x.valid ? x.error : void 0), M = !A && m !== void 0 ? m : C && x.valid && V(T).length > 0, N = i && M ? /* @__PURE__ */ Q("span", {
 		className: "credit valid validation-icon credit-card-valid-icon",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ Q(t, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
 		..._,
@@ -796,7 +790,7 @@ function Ue(e, t, n, r) {
 		children: i.content
 	}, `${t}-${n}`) : i.type === "checkbox" ? /* @__PURE__ */ Q("div", {
 		className: k("addon", t, "checkbox"),
-		children: /* @__PURE__ */ Q(me, {
+		children: /* @__PURE__ */ Q(pe, {
 			size: "sm",
 			clickEffect: "none",
 			checked: i.checked,
@@ -811,45 +805,45 @@ function Ue(e, t, n, r) {
 function We(e) {
 	return e == null ? [] : Array.isArray(e) ? e : [e];
 }
-var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, defaultValue: a, name: o, id: s, placeholder: c, disabled: l = !1, readOnly: u = !1, required: d = !1, autoFocus: f = !1, autoComplete: p, inputMode: m, size: h = "md", fullWidth: g = !1, label: _, helperText: v, errorText: y, color: b = "primary", error: x = !1, maxLength: S, clearable: C = !1, onChange: w, onFocus: T, onBlur: E, onKeyDown: D, onClear: O, loading: A = !1, clickEffect: j = "ripple", rippleColor: M, className: N, style: P, inputClassName: F, labelClassName: I }, L) {
-	let [R, ee] = Z(!1), z = X(null), { effectClassName: B, effectLayer: V, handlePointerDown: H } = ue({
+var Ge = q(function({ prepend: e, append: t, type: n = "text", value: r, defaultValue: a, name: o, id: s, placeholder: c, disabled: l = !1, readOnly: u = !1, required: d = !1, autoFocus: f = !1, autoComplete: p, inputMode: m, size: h = "md", fullWidth: g = !1, label: _, helperText: v, errorText: y, color: b = "primary", error: x = !1, maxLength: S, clearable: C = !1, onChange: w, onFocus: T, onBlur: E, onKeyDown: D, onClear: O, loading: A = !1, clickEffect: j = "ripple", rippleColor: M, className: N, style: P, inputClassName: F, labelClassName: I }, L) {
+	let [R, ee] = Z(!1), z = X(null), { effectClassName: te, effectLayer: B, handlePointerDown: V } = ue({
 		effect: j,
 		disabled: l || u,
 		color: M
-	}), U = x || !!y, W = U ? "color-error" : `color-${b}`, { currentValue: te, setCurrentValue: G } = pe(i, a), ne = te.length > 0, re = J((e) => {
+	}), H = x || !!y, U = H ? "color-error" : `color-${b}`, { currentValue: ne, setCurrentValue: W } = he(r, a), re = ne.length > 0, ie = J((e) => {
 		ee(!0), T?.(e);
-	}, [T]), ie = J((e) => {
+	}, [T]), ae = J((e) => {
 		ee(!1), E?.(e);
-	}, [E]), ae = J((e) => {
-		G(e.target.value), w?.(e);
-	}, [w, G]), oe = J(() => {
-		G("");
+	}, [E]), oe = J((e) => {
+		W(e.target.value), w?.(e);
+	}, [w, W]), se = J(() => {
+		W("");
 		let e = L?.current ?? z.current;
 		e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 }))), O?.(), e?.focus();
 	}, [
 		O,
 		L,
-		G
-	]), se = We(t), ce = We(n);
+		W
+	]), ce = We(e), G = We(t);
 	return /* @__PURE__ */ $("div", {
-		className: k("input-group", W, g && "full-width", N),
+		className: k("input-group", U, g && "full-width", N),
 		style: P,
 		children: [
 			_ && /* @__PURE__ */ Q("label", {
 				htmlFor: s,
-				className: k("field-label", R && "focused", U && "error", d && "required", I),
+				className: k("field-label", R && "focused", H && "error", d && "required", I),
 				children: _
 			}),
 			/* @__PURE__ */ $("div", {
-				className: k("container", `field-${h}`, R && "focused", U && "has-error", l && "disabled", B),
-				onPointerDown: H,
+				className: k("container", `field-${h}`, R && "focused", H && "has-error", l && "disabled", te),
+				onPointerDown: V,
 				children: [
-					V,
-					se.map((e, t) => Ue(e, "prepend", t, b)),
+					B,
+					ce.map((e, t) => Ue(e, "prepend", t, b)),
 					/* @__PURE__ */ Q("input", {
 						ref: L ?? z,
-						type: r,
-						value: te,
+						type: n,
+						value: ne,
 						name: o,
 						id: s,
 						placeholder: c,
@@ -861,11 +855,11 @@ var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, default
 						inputMode: m,
 						maxLength: S,
 						className: k("field", F),
-						onChange: ae,
-						onFocus: re,
-						onBlur: ie,
+						onChange: oe,
+						onFocus: ie,
+						onBlur: ae,
 						onKeyDown: D,
-						"aria-invalid": U || void 0,
+						"aria-invalid": H || void 0,
 						"aria-describedby": y ? `${s}-error` : v ? `${s}-helper` : void 0
 					}),
 					A && /* @__PURE__ */ Q("span", {
@@ -875,15 +869,15 @@ var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, default
 							color: b
 						})
 					}),
-					C && ne && !A && !l && /* @__PURE__ */ Q("button", {
+					C && re && !A && !l && /* @__PURE__ */ Q("button", {
 						type: "button",
 						className: "clear-btn clear-btn-base",
-						onClick: oe,
+						onClick: se,
 						tabIndex: -1,
 						"aria-label": "Clear input",
-						children: /* @__PURE__ */ Q(e, {})
+						children: /* @__PURE__ */ Q(i, {})
 					}),
-					ce.map((e, t) => Ue(e, "append", t, b))
+					G.map((e, t) => Ue(e, "append", t, b))
 				]
 			}),
 			(y || v) && /* @__PURE__ */ $("div", {
@@ -903,7 +897,7 @@ var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, default
 	});
 }), Ke = q(function({ country: e, defaultCountry: t = "PL", selectableCountry: n = !0, validateOnBlur: r = !0, validateOnChange: i = !1, onCountryChange: a, onValidationChange: o, onValueChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: f, errorText: p, helperText: m, placeholder: h, className: g, disabled: _ = !1, ...v }, y) {
 	let [b, x] = Z(t.toUpperCase()), [S, C] = Z(() => I(l?.toString() ?? "", e ?? t)), [w, T] = Z({ valid: !0 }), [E, D] = Z(!1), O = (e ?? b).toUpperCase(), j = _e(() => F(O), [O]), M = c === void 0 ? S : I(c.toString(), O), N = J((e, t) => {
-		let n = B(e, t);
+		let n = te(e, t);
 		return T(n), o?.(n), n;
 	}, [o]), P = J((e) => {
 		let t = I(e.target.value, O);
@@ -968,43 +962,43 @@ var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, default
 		},
 		className: k("input-post-code", g)
 	});
-}), qe = q(function({ length: t = 6, value: n, onChange: r, autoFocus: i = !1, disabled: a = !1, color: o = "primary", size: s = "md", error: c = !1, errorText: l, clearable: u = !1, label: d, onClear: f, className: p, ...m }, h) {
-	let [g, _] = Z(""), v = n === void 0 ? g : n, y = X([]), b = c ? "color-error" : `color-${o}`, x = J((e) => {
-		n === void 0 && _(e), r?.(e);
-	}, [n, r]), S = J((e) => {
-		let n = Math.max(0, Math.min(e, t - 1));
+}), qe = q(function({ length: e = 6, value: t, onChange: n, autoFocus: r = !1, disabled: a = !1, color: o = "primary", size: s = "md", error: c = !1, errorText: l, clearable: u = !1, label: d, onClear: f, className: p, ...m }, h) {
+	let [g, _] = Z(""), v = t === void 0 ? g : t, y = X([]), b = c ? "color-error" : `color-${o}`, x = J((e) => {
+		t === void 0 && _(e), n?.(e);
+	}, [t, n]), S = J((t) => {
+		let n = Math.max(0, Math.min(t, e - 1));
 		y.current[n]?.focus();
-	}, [t]);
+	}, [e]);
 	Y(() => {
-		i && S(0);
-	}, [i, S]);
-	let C = J((e, n) => {
+		r && S(0);
+	}, [r, S]);
+	let C = J((t, n) => {
 		if (!/^\d$/.test(n)) return;
 		let r = v.split("");
-		for (; r.length <= e;) r.push("");
-		r[e] = n, x(r.join("")), e < t - 1 && S(e + 1);
+		for (; r.length <= t;) r.push("");
+		r[t] = n, x(r.join("")), t < e - 1 && S(t + 1);
 	}, [
 		v,
-		t,
+		e,
 		x,
 		S
-	]), w = J((e, n) => {
+	]), w = J((t, n) => {
 		if (n.key === "Backspace") {
 			n.preventDefault();
-			let t = v.split("");
-			t[e] ? (t[e] = "", x(t.join(""))) : e > 0 && (t[e - 1] = "", x(t.join("")), S(e - 1));
-		} else n.key === "ArrowLeft" ? (n.preventDefault(), e > 0 && S(e - 1)) : n.key === "ArrowRight" && (n.preventDefault(), e < t - 1 && S(e + 1));
+			let e = v.split("");
+			e[t] ? (e[t] = "", x(e.join(""))) : t > 0 && (e[t - 1] = "", x(e.join("")), S(t - 1));
+		} else n.key === "ArrowLeft" ? (n.preventDefault(), t > 0 && S(t - 1)) : n.key === "ArrowRight" && (n.preventDefault(), t < e - 1 && S(t + 1));
 	}, [
 		v,
-		t,
+		e,
 		x,
 		S
-	]), T = J((e) => {
-		e.preventDefault();
-		let n = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, t);
-		n && (x(n), S(Math.min(n.length, t - 1)));
+	]), T = J((t) => {
+		t.preventDefault();
+		let n = t.clipboardData.getData("text").replace(/\D/g, "").slice(0, e);
+		n && (x(n), S(Math.min(n.length, e - 1)));
 	}, [
-		t,
+		e,
 		x,
 		S
 	]), E = J(() => {
@@ -1028,7 +1022,7 @@ var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, default
 				children: [/* @__PURE__ */ Q("div", {
 					className: "otp slots",
 					onPaste: T,
-					children: Array.from({ length: t }, (e, t) => /* @__PURE__ */ Q("input", {
+					children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ Q("input", {
 						ref: (e) => {
 							y.current[t] = e;
 						},
@@ -1050,7 +1044,7 @@ var Ge = q(function({ prepend: t, append: n, type: r = "text", value: i, default
 					className: "otp clear clear-btn-base",
 					onClick: E,
 					"aria-label": "Clear code",
-					children: /* @__PURE__ */ Q(e, {})
+					children: /* @__PURE__ */ Q(i, {})
 				})]
 			}),
 			c && l && /* @__PURE__ */ Q("div", {
@@ -1096,7 +1090,7 @@ var Xe = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange:
 			children: d
 		}), /* @__PURE__ */ $("div", {
 			className: "slider row",
-			children: [/* @__PURE__ */ Q(he, {
+			children: [/* @__PURE__ */ Q(me, {
 				min: e,
 				max: t,
 				step: n,
@@ -1121,10 +1115,10 @@ var Xe = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange:
 //#endregion
 //#region src/components/inputs/MInputFile/MCropEditor.tsx
 function Ze({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel: a }) {
-	let o = X(null), s = X(null), c = X(null), [l, u] = Z(""), [f, p] = Z(1), [m, h] = Z({
+	let o = X(null), s = X(null), c = X(null), [l, u] = Z(""), [d, f] = Z(1), [p, m] = Z({
 		x: 0,
 		y: 0
-	}), [g, _] = Z(!1), v = X({
+	}), [h, g] = Z(!1), _ = X({
 		x: 0,
 		y: 0,
 		ox: 0,
@@ -1139,88 +1133,88 @@ function Ze({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel:
 		e.onload = () => {
 			c.current = e;
 			let t = 280 / Math.min(e.width, e.height);
-			p(t), h({
+			f(t), m({
 				x: (280 - e.width * t) / 2,
 				y: (280 - e.height * t) / 2
 			});
 		}, e.src = l;
 	}, [l]);
-	let y = J((e) => {
-		e.preventDefault(), _(!0), v.current = {
+	let v = J((e) => {
+		e.preventDefault(), g(!0), _.current = {
 			x: e.clientX,
 			y: e.clientY,
-			ox: m.x,
-			oy: m.y
+			ox: p.x,
+			oy: p.y
 		}, e.target.setPointerCapture(e.pointerId);
-	}, [m]), b = J((e) => {
-		g && h({
-			x: v.current.ox + (e.clientX - v.current.x),
-			y: v.current.oy + (e.clientY - v.current.y)
+	}, [p]), y = J((e) => {
+		h && m({
+			x: _.current.ox + (e.clientX - _.current.x),
+			y: _.current.oy + (e.clientY - _.current.y)
 		});
-	}, [g]), x = J(() => {
-		_(!1);
-	}, []), S = J((e) => {
+	}, [h]), b = J(() => {
+		g(!1);
+	}, []), x = J((e) => {
 		e.preventDefault();
-		let t = e.deltaY > 0 ? .95 : 1.05, n = Math.max(.1, Math.min(f * t, 10));
-		h({
-			x: 140 - (140 - m.x) * (n / f),
-			y: 140 - (140 - m.y) * (n / f)
-		}), p(n);
-	}, [f, m]), C = J((e) => {
-		h({
-			x: 140 - (140 - m.x) * (e / f),
-			y: 140 - (140 - m.y) * (e / f)
-		}), p(e);
-	}, [f, m]), w = J(() => {
+		let t = e.deltaY > 0 ? .95 : 1.05, n = Math.max(.1, Math.min(d * t, 10));
+		m({
+			x: 140 - (140 - p.x) * (n / d),
+			y: 140 - (140 - p.y) * (n / d)
+		}), f(n);
+	}, [d, p]), S = J((e) => {
+		m({
+			x: 140 - (140 - p.x) * (e / d),
+			y: 140 - (140 - p.y) * (e / d)
+		}), f(e);
+	}, [d, p]), w = J(() => {
 		let a = c.current, s = o.current;
 		if (!a || !s) return;
 		s.width = n, s.height = n;
 		let l = s.getContext("2d");
 		if (!l) return;
 		let u = n / 280;
-		t === "circle" && (l.beginPath(), l.arc(n / 2, n / 2, n / 2, 0, Math.PI * 2), l.closePath(), l.clip()), l.drawImage(a, m.x * u, m.y * u, a.width * f * u, a.height * f * u), s.toBlob((t) => {
+		t === "circle" && (l.beginPath(), l.arc(n / 2, n / 2, n / 2, 0, Math.PI * 2), l.closePath(), l.clip()), l.drawImage(a, p.x * u, p.y * u, a.width * d * u, a.height * d * u), s.toBlob((t) => {
 			if (!t) return;
 			let n = e.name.replace(/.*\./, ""), r = e.name.replace(/\.[^.]+$/, "") + "_cropped." + n;
 			i(new File([t], r, { type: t.type }));
 		}, e.type.startsWith("image/png") ? "image/png" : "image/jpeg", r);
 	}, [
 		e,
-		m,
-		f,
+		p,
+		d,
 		n,
 		r,
 		t,
 		i
-	]), T = Math.round((f - .1) / 4.9 * 100), E = J((e) => {
-		C(.1 + e / 100 * 4.9);
-	}, [C]);
+	]), T = Math.round((d - .1) / 4.9 * 100), E = J((e) => {
+		S(.1 + e / 100 * 4.9);
+	}, [S]);
 	return /* @__PURE__ */ $("div", {
 		className: "crop editor",
 		children: [
 			/* @__PURE__ */ $("div", {
 				ref: s,
 				className: `crop viewport ${t}`,
-				onPointerDown: y,
-				onPointerMove: b,
-				onPointerUp: x,
-				onWheel: S,
+				onPointerDown: v,
+				onPointerMove: y,
+				onPointerUp: b,
+				onWheel: x,
 				children: [l && /* @__PURE__ */ Q("img", {
 					src: l,
 					alt: "",
 					className: "crop image",
 					draggable: !1,
 					style: {
-						transform: `translate(${m.x}px, ${m.y}px) scale(${f})`,
+						transform: `translate(${p.x}px, ${p.y}px) scale(${d})`,
 						transformOrigin: "0 0"
 					}
 				}), /* @__PURE__ */ Q("div", { className: `crop overlay ${t}` })]
 			}),
 			/* @__PURE__ */ $("div", {
 				className: "crop zoom",
-				children: [/* @__PURE__ */ Q(d, {
+				children: [/* @__PURE__ */ Q(C, {
 					className: "crop zoom icon",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ Q(he, {
+				}), /* @__PURE__ */ Q(me, {
 					min: 0,
 					max: 100,
 					step: 1,
@@ -1265,9 +1259,9 @@ function $e(e) {
 function et(e) {
 	return e.type.startsWith("image/");
 }
-function tt({ ext: e }) {
-	let t = e.toLowerCase();
-	return t === "pdf" ? /* @__PURE__ */ Q(C, {
+function tt({ ext: n }) {
+	let i = n.toLowerCase();
+	return i === "pdf" ? /* @__PURE__ */ Q(e, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1277,10 +1271,10 @@ function tt({ ext: e }) {
 		"gif",
 		"webp",
 		"svg"
-	].includes(t) ? /* @__PURE__ */ Q(v, {
+	].includes(i) ? /* @__PURE__ */ Q(d, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["json"].includes(t) ? /* @__PURE__ */ Q(w, {
+	}) : ["json"].includes(i) ? /* @__PURE__ */ Q(y, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1292,33 +1286,33 @@ function tt({ ext: e }) {
 		"css",
 		"php",
 		"xml"
-	].includes(t) ? /* @__PURE__ */ Q(g, {
+	].includes(i) ? /* @__PURE__ */ Q(m, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["txt"].includes(t) ? /* @__PURE__ */ Q(h, {
+	}) : ["txt"].includes(i) ? /* @__PURE__ */ Q(g, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["md"].includes(t) ? /* @__PURE__ */ Q(y, {
+	}) : ["md"].includes(i) ? /* @__PURE__ */ Q(l, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"docs",
 		"doc",
 		"docx"
-	].includes(t) ? /* @__PURE__ */ Q(D, {
+	].includes(i) ? /* @__PURE__ */ Q(f, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["odt"].includes(t) ? /* @__PURE__ */ Q(T, {
+	}) : ["odt"].includes(i) ? /* @__PURE__ */ Q(a, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"csv",
 		"xls",
 		"xlsx"
-	].includes(t) ? /* @__PURE__ */ Q(O, {
+	].includes(i) ? /* @__PURE__ */ Q(s, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["zip"].includes(t) ? /* @__PURE__ */ Q(_, {
+	}) : ["zip"].includes(i) ? /* @__PURE__ */ Q(o, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1326,14 +1320,14 @@ function tt({ ext: e }) {
 		"7z",
 		"tar",
 		"gz"
-	].includes(t) ? /* @__PURE__ */ Q(u, {
+	].includes(i) ? /* @__PURE__ */ Q(p, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"mp3",
 		"wav",
 		"ogg"
-	].includes(t) ? /* @__PURE__ */ Q(b, {
+	].includes(i) ? /* @__PURE__ */ Q(u, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1342,155 +1336,155 @@ function tt({ ext: e }) {
 		"avi",
 		"mkv",
 		"webm"
-	].includes(t) ? /* @__PURE__ */ Q(E, {
+	].includes(i) ? /* @__PURE__ */ Q(r, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"exe",
 		"msi",
 		"bat"
-	].includes(t) ? /* @__PURE__ */ Q(x, {
+	].includes(i) ? /* @__PURE__ */ Q(t, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : /* @__PURE__ */ Q(S, {
+	}) : /* @__PURE__ */ Q(x, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	});
 }
-var nt = q(function({ accept: t, multiple: n = !1, maxSize: r, maxFiles: a, onChange: o, label: s, helperText: c, errorText: l, error: u = !1, disabled: d = !1, color: f = "primary", size: p = "md", preview: m = !0, clearable: h = !1, icon: g, placeholder: _ = "Drop files here or click to browse", dropText: v = "Drop files here", fullWidth: y = !1, crop: b, onClear: x, className: S, ...C }, w) {
-	let [T, E] = Z(!1), [D, O] = Z([]), [A, j] = Z(""), [M, N] = Z(null), P = X(null), F = X(0), I = b ? typeof b == "boolean" ? {
+var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onChange: a, label: o, helperText: s, errorText: c, error: l = !1, disabled: u = !1, color: d = "primary", size: f = "md", preview: p = !0, clearable: m = !1, icon: h, placeholder: g = "Drop files here or click to browse", dropText: _ = "Drop files here", fullWidth: v = !1, crop: y, onClear: x, className: S, ...C }, w) {
+	let [T, E] = Z(!1), [D, O] = Z([]), [A, j] = Z(""), [M, N] = Z(null), P = X(null), F = X(0), I = y ? typeof y == "boolean" ? {
 		shape: "square",
 		outputSize: 256,
 		quality: .92
 	} : {
-		shape: b.shape ?? "square",
-		outputSize: b.outputSize ?? 256,
-		quality: b.quality ?? .92
+		shape: y.shape ?? "square",
+		outputSize: y.outputSize ?? 256,
+		quality: y.quality ?? .92
 	} : null, L = _e(() => D.map((e) => et(e) ? URL.createObjectURL(e) : null), [D]);
 	Y(() => () => {
 		L.forEach((e) => {
 			e && URL.revokeObjectURL(e);
 		});
 	}, [L]);
-	let R = J((e) => {
-		let n = Array.from(e);
-		if (t) {
-			let e = t.split(",").map((e) => e.trim().toLowerCase());
-			n = n.filter((t) => {
-				let n = "." + t.name.split(".").pop()?.toLowerCase(), r = t.type.toLowerCase();
-				return e.some((e) => e === n || e === r || e.endsWith("/*") && r.startsWith(e.slice(0, -1)));
+	let R = J((t) => {
+		let i = Array.from(t);
+		if (e) {
+			let t = e.split(",").map((e) => e.trim().toLowerCase());
+			i = i.filter((e) => {
+				let n = "." + e.name.split(".").pop()?.toLowerCase(), r = e.type.toLowerCase();
+				return t.some((e) => e === n || e === r || e.endsWith("/*") && r.startsWith(e.slice(0, -1)));
 			});
 		}
-		if (r && n.filter((e) => e.size > r).length) {
-			j(`Max file size: ${Qe(r)}`);
+		if (n && i.filter((e) => e.size > n).length) {
+			j(`Max file size: ${Qe(n)}`);
 			return;
 		}
-		if (a && n.length > a) {
-			j(`Max ${a} file${a > 1 ? "s" : ""}`);
+		if (r && i.length > r) {
+			j(`Max ${r} file${r > 1 ? "s" : ""}`);
 			return;
 		}
-		if (j(""), I && n.length === 1 && et(n[0])) {
-			N(n[0]);
+		if (j(""), I && i.length === 1 && et(i[0])) {
+			N(i[0]);
 			return;
 		}
-		O(n), o?.(n);
+		O(i), a?.(i);
 	}, [
-		t,
+		e,
+		n,
 		r,
 		a,
-		o,
 		I
 	]), ee = J((e) => {
-		N(null), O([e]), o?.([e]);
-	}, [o]), z = J(() => {
+		N(null), O([e]), a?.([e]);
+	}, [a]), z = J(() => {
 		N(null);
-	}, []), B = J((e) => {
-		e.preventDefault(), e.stopPropagation(), !d && (F.current++, E(!0));
-	}, [d]), V = J((e) => {
+	}, []), te = J((e) => {
+		e.preventDefault(), e.stopPropagation(), !u && (F.current++, E(!0));
+	}, [u]), B = J((e) => {
 		e.preventDefault(), e.stopPropagation(), F.current--, F.current <= 0 && (F.current = 0, E(!1));
-	}, []), H = J((e) => {
+	}, []), V = J((e) => {
 		e.preventDefault(), e.stopPropagation();
-	}, []), U = J((e) => {
-		e.preventDefault(), e.stopPropagation(), F.current = 0, E(!1), !d && e.dataTransfer.files.length && R(e.dataTransfer.files);
-	}, [d, R]), W = J(() => {
-		d || P.current?.click();
-	}, [d]), te = J((e) => {
+	}, []), H = J((e) => {
+		e.preventDefault(), e.stopPropagation(), F.current = 0, E(!1), !u && e.dataTransfer.files.length && R(e.dataTransfer.files);
+	}, [u, R]), U = J(() => {
+		u || P.current?.click();
+	}, [u]), ne = J((e) => {
 		e.target.files?.length && R(e.target.files);
-	}, [R]), G = J((e) => {
+	}, [R]), W = J((e) => {
 		let t = L[e];
 		t && URL.revokeObjectURL(t);
 		let n = D.filter((t, n) => n !== e);
-		O(n), o?.(n);
+		O(n), a?.(n);
 	}, [
 		D,
 		L,
-		o
-	]), ne = J(() => {
+		a
+	]), re = J(() => {
 		L.forEach((e) => {
 			e && URL.revokeObjectURL(e);
-		}), N(null), O([]), j(""), P.current && (P.current.value = ""), o?.([]), x?.();
+		}), N(null), O([]), j(""), P.current && (P.current.value = ""), a?.([]), x?.();
 	}, [
 		L,
-		o,
+		a,
 		x
-	]), re = l || A, ie = u || !!A;
+	]), ie = c || A, ae = l || !!A;
 	return /* @__PURE__ */ $("div", {
 		ref: w,
-		className: k("file input", ie ? "color-error" : `color-${f}`, p, y && "full-width", d && "disabled", S),
+		className: k("file input", ae ? "color-error" : `color-${d}`, f, v && "full-width", u && "disabled", S),
 		...C,
 		children: [
-			(s || h && D.length > 0 && !d) && /* @__PURE__ */ $("div", {
+			(o || m && D.length > 0 && !u) && /* @__PURE__ */ $("div", {
 				className: "file header",
-				children: [s && /* @__PURE__ */ Q("div", {
+				children: [o && /* @__PURE__ */ Q("div", {
 					className: "file label",
-					children: s
-				}), h && D.length > 0 && !d && /* @__PURE__ */ Q("button", {
+					children: o
+				}), m && D.length > 0 && !u && /* @__PURE__ */ Q("button", {
 					type: "button",
 					className: "file clear clear-btn-base",
-					onClick: ne,
+					onClick: re,
 					"aria-label": "Clear files",
-					children: /* @__PURE__ */ Q(e, { "aria-hidden": "true" })
+					children: /* @__PURE__ */ Q(i, { "aria-hidden": "true" })
 				})]
 			}),
 			/* @__PURE__ */ $("div", {
-				className: k("file dropzone", T && "dragging", ie && "error"),
-				onClick: W,
-				onDragEnter: B,
-				onDragLeave: V,
-				onDragOver: H,
-				onDrop: U,
+				className: k("file dropzone", T && "dragging", ae && "error"),
+				onClick: U,
+				onDragEnter: te,
+				onDragLeave: B,
+				onDragOver: V,
+				onDrop: H,
 				role: "button",
-				tabIndex: d ? -1 : 0,
+				tabIndex: u ? -1 : 0,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W());
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), U());
 				},
-				"aria-label": s || _,
+				"aria-label": o || g,
 				children: [/* @__PURE__ */ Q("input", {
 					ref: P,
 					type: "file",
-					accept: t,
-					multiple: n,
-					onChange: te,
+					accept: e,
+					multiple: t,
+					onChange: ne,
 					tabIndex: -1,
 					className: "file hidden"
 				}), /* @__PURE__ */ $("div", {
 					className: "file content",
 					children: [
-						g && /* @__PURE__ */ Q("div", {
+						h && /* @__PURE__ */ Q("div", {
 							className: "file icon",
-							children: g
+							children: h
 						}),
-						!g && /* @__PURE__ */ Q(i, {
+						!h && /* @__PURE__ */ Q(b, {
 							className: "file icon default",
 							"aria-hidden": "true"
 						}),
 						/* @__PURE__ */ Q("div", {
 							className: "file text",
-							children: T ? v : _
+							children: T ? _ : g
 						}),
-						t && /* @__PURE__ */ Q("div", {
+						e && /* @__PURE__ */ Q("div", {
 							className: "file accept",
-							children: t
+							children: e
 						})
 					]
 				})]
@@ -1503,48 +1497,48 @@ var nt = q(function({ accept: t, multiple: n = !1, maxSize: r, maxFiles: a, onCh
 				onCrop: ee,
 				onCancel: z
 			}),
-			c && !ie && /* @__PURE__ */ Q("div", {
+			s && !ae && /* @__PURE__ */ Q("div", {
 				className: "file helper",
-				children: c
+				children: s
 			}),
-			ie && re && /* @__PURE__ */ Q("div", {
+			ae && ie && /* @__PURE__ */ Q("div", {
 				className: "file error",
-				children: re
+				children: ie
 			}),
-			m && D.length > 0 && !M && /* @__PURE__ */ Q("div", {
+			p && D.length > 0 && !M && /* @__PURE__ */ Q("div", {
 				className: "file preview",
-				children: D.map((t, n) => /* @__PURE__ */ $("div", {
+				children: D.map((e, t) => /* @__PURE__ */ $("div", {
 					className: "file item",
 					children: [
 						/* @__PURE__ */ Q("div", {
 							className: "file thumb",
-							children: L[n] ? /* @__PURE__ */ Q("img", {
-								src: L[n],
-								alt: t.name,
+							children: L[t] ? /* @__PURE__ */ Q("img", {
+								src: L[t],
+								alt: e.name,
 								className: "file image"
-							}) : /* @__PURE__ */ Q(tt, { ext: $e(t.name) })
+							}) : /* @__PURE__ */ Q(tt, { ext: $e(e.name) })
 						}),
 						/* @__PURE__ */ $("div", {
 							className: "file info",
 							children: [/* @__PURE__ */ Q("span", {
 								className: "file name",
-								children: t.name
+								children: e.name
 							}), /* @__PURE__ */ Q("span", {
 								className: "file size",
-								children: Qe(t.size)
+								children: Qe(e.size)
 							})]
 						}),
 						/* @__PURE__ */ Q("button", {
 							type: "button",
 							className: "file remove",
 							onClick: (e) => {
-								e.stopPropagation(), G(n);
+								e.stopPropagation(), W(t);
 							},
-							"aria-label": `Remove ${t.name}`,
-							children: /* @__PURE__ */ Q(e, { "aria-hidden": "true" })
+							"aria-label": `Remove ${e.name}`,
+							children: /* @__PURE__ */ Q(i, { "aria-hidden": "true" })
 						})
 					]
-				}, `${t.name}-${n}`))
+				}, `${e.name}-${t}`))
 			})
 		]
 	});
@@ -1552,4 +1546,4 @@ var nt = q(function({ accept: t, multiple: n = !1, maxSize: r, maxFiles: a, onCh
 //#endregion
 export { Ge as a, Le as c, De as d, Ee as f, ve as g, xe as h, Ke as i, Ie as l, we as m, Xe as n, Ve as o, Te as p, qe as r, ze as s, nt as t, Me as u };
 
-//# sourceMappingURL=inputs-BBJgVLXO.js.map
+//# sourceMappingURL=inputs-bCxSLz-U.js.map