@banzamel/mineralui 1.9.1 → 1.10.2

package/dist/{inputs-CNPeF6gb.js → inputs-bbwdb6m3.js}

@@ -1,14 +1,14 @@
-import { $r as e, Dr as t, Er as n, Fr as r, Ii as i, Ir as a, Li as o, Lr as s, Mi as c, Mr as l, Ni as u, Pr as d, Qr as f, Si as p, Ti as m, Yr as h, Zr as g, _n as _, bi as v, cr as y, ei as b, gn as x, ii as S, qr as C, si as w, ti as T, un as E, vn as D } from "./icons-CfpYxnfg.js";
+import { $n as e, Fr as t, Gi as n, Gr as r, Hi as i, Ir as a, Ki as o, Kr as s, Pi as c, Ur as l, Vi as u, Vr as d, Wr as f, ar as p, ci as m, gi as h, ii as g, ji as _, ki as v, li as y, ni as b, oi as x, or as S, pi as C, pr as w, si as T, sr as E, ui as D } from "./icons-DLP-Rs6z.js";
 import { t as O } from "./cn-YER3QsV1.js";
 import { _ as k, a as A, d as j, i as M, m as N, n as P, o as F, p as I, r as L, s as R, u as ee, v as z, x as B, y as V } from "./validators-D5OCyV2h.js";
 import { a as H, i as te, n as U, r as ne } from "./creditCards-D_iWmtG6.js";
 import { a as re, c as ie, d as W, i as ae, n as oe, o as se, r as ce, s as le, u as G } from "./formatters-T0vvjMtB.js";
 import { t as ue } from "./useGhostText-DG0bzcao.js";
 import { t as de } from "./useInteractionEffect-DtpbVd77.js";
-import { r as fe, t as pe } from "./MButton-C1pnL4_j.js";
-import { t as me } from "./MCheckbox-B7SpcD4H.js";
-import { t as he } from "./MSlider-CqrusKJQ.js";
-import { n as ge, t as K } from "./MInput-IsUELgN2.js";
+import { r as fe, t as pe } from "./MButton-C94fZ3l9.js";
+import { t as me } from "./MCheckbox-B-nT2OBE.js";
+import { t as he } from "./MSlider-5141rKeH.js";
+import { n as ge, t as K } from "./MInput-CkbgK8eU.js";
 import { forwardRef as q, isValidElement as _e, useCallback as J, useEffect as Y, useMemo as ve, 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
@@ -159,19 +159,19 @@ var xe = {
 	good: "Good",
 	strong: "Strong"
 }, Se = 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 = be(p);
+	let [l, u] = Z(!1), [d, f] = Z(i?.toString() ?? ""), m = r === void 0 ? d : r.toString(), h = be(m);
 	Y(() => {
-		n?.(m);
-	}, [m, n]);
-	let h = J((e) => {
+		n?.(h);
+	}, [h, n]);
+	let g = J((e) => {
 		r === void 0 && f(e.target.value), a?.(e);
-	}, [a, r]), g = e ? /* @__PURE__ */ Q("button", {
+	}, [a, r]), _ = e ? /* @__PURE__ */ Q("button", {
 		type: "button",
 		className: "password toggle",
 		onClick: () => u((e) => !e),
 		tabIndex: -1,
 		"aria-label": l ? "Hide password" : "Show password",
-		children: Q(l ? x : _, {})
+		children: Q(l ? p : S, {})
 	}) : void 0;
 	return /* @__PURE__ */ $("div", {
 		className: O("password input", o),
@@ -179,10 +179,10 @@ var xe = {
 			...s,
 			ref: c,
 			type: l ? "text" : "password",
-			value: p,
-			onChange: h,
-			endIcon: g
-		}), t && p.length > 0 && /* @__PURE__ */ $("div", {
+			value: m,
+			onChange: g,
+			endIcon: _
+		}), t && m.length > 0 && /* @__PURE__ */ $("div", {
 			className: "password strength row",
 			children: [/* @__PURE__ */ Q("div", {
 				className: "password strength bar",
@@ -196,10 +196,10 @@ var xe = {
 					"fair",
 					"good",
 					"strong"
-				].indexOf(m) + 1 && `strength-${m}`) }, e))
+				].indexOf(h) + 1 && `strength-${h}`) }, e))
 			}), /* @__PURE__ */ Q("span", {
-				className: O("password strength label", `strength-${m}`),
-				children: xe[m]
+				className: O("password strength label", `strength-${h}`),
+				children: xe[h]
 			})]
 		})]
 	});
@@ -213,23 +213,23 @@ function we(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-var Te = 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: d, onKeyDown: f, onBlur: p, disabled: m = !1, className: h, ...g }, _) {
-	let [v, y] = Z(l?.toString() ?? ""), b = s === void 0 ? v : s.toString(), x = X(null), S = X(b);
+var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precision: a = 0, allowNegative: o = !0, onValueChange: s, value: c, defaultValue: l, onChange: d, onKeyDown: f, onBlur: p, disabled: m = !1, className: h, ...g }, _) {
+	let [v, y] = Z(l?.toString() ?? ""), b = c === void 0 ? v : c.toString(), x = X(null), S = X(b);
 	Y(() => {
 		S.current = b;
 	}, [b]);
 	let C = J((e) => {
-		s === void 0 && y(e);
+		c === void 0 && y(e);
 		let t = parseFloat(e);
-		o?.(isNaN(t) ? null : t);
-	}, [s, o]), w = J((r) => {
-		let a = we(Ce((parseFloat(S.current) || 0) + n * r, e, t), i);
-		S.current = a.toString(), C(a.toString());
+		s?.(isNaN(t) ? null : t);
+	}, [c, s]), w = J((r) => {
+		let i = we(Ce((parseFloat(S.current) || 0) + n * r, e, t), a);
+		S.current = i.toString(), C(i.toString());
 	}, [
 		n,
 		e,
 		t,
-		i,
+		a,
 		C
 	]), T = J((e) => {
 		w(e), x.current = setInterval(() => w(e), 150);
@@ -238,23 +238,23 @@ var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 	}, []);
 	Y(() => E, [E]);
 	let D = J((e) => {
-		let t = e.target.value.replace(a ? /[^\d.,-]/g : /[^\d.,]/g, "");
+		let t = e.target.value.replace(o ? /[^\d.,-]/g : /[^\d.,]/g, "");
 		S.current = t, C(t), d?.(e);
 	}, [
 		d,
-		a,
+		o,
 		C
 	]), k = J((n) => {
 		let r = parseFloat(S.current);
 		if (!isNaN(r)) {
-			let n = we(Ce(r, e, t), i);
+			let n = we(Ce(r, e, t), a);
 			S.current = n.toString(), C(n.toString());
 		}
 		p?.(n);
 	}, [
 		e,
 		t,
-		i,
+		a,
 		C,
 		p
 	]), A = J((e) => {
@@ -272,7 +272,7 @@ var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 			onPointerCancel: E,
 			tabIndex: -1,
 			"aria-label": "Increment",
-			children: /* @__PURE__ */ Q(c, {})
+			children: /* @__PURE__ */ Q(u, {})
 		}), /* @__PURE__ */ Q("button", {
 			type: "button",
 			className: "number step button",
@@ -284,7 +284,7 @@ var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 			onPointerCancel: E,
 			tabIndex: -1,
 			"aria-label": "Decrement",
-			children: /* @__PURE__ */ Q(u, {})
+			children: /* @__PURE__ */ Q(i, {})
 		})]
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
@@ -300,12 +300,12 @@ var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		disabled: m,
 		className: O("number input", h)
 	});
-}), Ee = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showValidIcon: n = !0, onValidationChange: r, 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) => {
+}), Ee = 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, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = a === void 0 ? h : a.toString(), C = J((e) => {
 		let t = F(e);
-		return y(t), r?.(t), t;
-	}, [r]), w = J((e) => {
-		a === void 0 && _(e.target.value), t && b && C(e.target.value), s?.(e);
+		return y(t), i?.(t), t;
+	}, [i]), w = J((e) => {
+		a === void 0 && g(e.target.value), t && b && C(e.target.value), s?.(e);
 	}, [
 		s,
 		a,
@@ -318,13 +318,13 @@ var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		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 = n && O ? /* @__PURE__ */ Q("span", {
+	]), 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", {
 		className: "validation-icon",
-		children: /* @__PURE__ */ Q(i, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
-		...m,
-		ref: h,
+		...p,
+		ref: m,
 		type: "email",
 		value: S,
 		onChange: w,
@@ -333,7 +333,7 @@ var Te = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		errorText: D,
 		success: O,
 		placeholder: f,
-		startIcon: /* @__PURE__ */ Q(p, {}),
+		startIcon: /* @__PURE__ */ Q(_, {}),
 		endIcon: k
 	});
 }), De = {
@@ -431,23 +431,23 @@ var Me = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryC
 		className: O("phone input", g)
 	});
 }), Ne = 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 }), [b, x] = Z(!1), S = o === void 0 ? h : o.toString(), C = J((r) => {
+	let [h, g] = Z(s?.toString() ?? ""), [_, v] = Z({ valid: !0 }), [y, b] = Z(!1), x = o === void 0 ? h : o.toString(), S = J((r) => {
 		let i = r;
 		return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = oe(i)), i;
 	}, [
 		t,
 		n,
 		e
-	]), w = J((e) => {
-		let t = C(e.target.value);
+	]), C = J((e) => {
+		let t = S(e.target.value);
 		o === void 0 && g(t), c?.(e);
 	}, [
 		c,
 		o,
-		C
+		S
 	]), 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,
@@ -463,21 +463,21 @@ var Me = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryC
 	}, [
 		l,
 		i,
-		S,
+		x,
 		r,
 		a
-	]), E = u || b && !_.valid, D = d || (b && !_.valid ? _.error : void 0);
+	]), E = u || y && !_.valid, D = d || (y && !_.valid ? _.error : void 0);
 	return /* @__PURE__ */ Q(K, {
 		...p,
 		ref: m,
 		type: "text",
-		value: S,
-		onChange: w,
+		value: x,
+		onChange: C,
 		onBlur: T,
 		error: E,
 		errorText: D,
 		placeholder: f,
-		startIcon: /* @__PURE__ */ Q(y, {})
+		startIcon: /* @__PURE__ */ Q(w, {})
 	});
 });
 //#endregion
@@ -727,7 +727,7 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 	NIP: "123-456-78-19",
 	PESEL: "00000000000",
 	REGON: "000000000"
-}, Ke = q(function({ taxIdType: e, formatOnChange: t = !0, validateOnBlur: n = !0, showValidIcon: r = !0, onValidationChange: a, onValueChange: o, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, success: p, placeholder: m, ...h }, g) {
+}, Ke = 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(), w = J((n) => {
 		let r = G(n.target.value), i = t && e === "NIP" ? se(r) : r;
 		s === void 0 && v(i), o?.(r), l?.(n);
@@ -738,20 +738,20 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		e,
 		o
 	]), T = J((t) => {
-		if (S(!0), n && C) {
+		if (S(!0), r && C) {
 			let t = Ue[e], n = t(G(C));
 			b(n), a?.(n);
 		}
 		u?.(t);
 	}, [
 		u,
-		n,
+		r,
 		C,
 		e,
 		a
-	]), E = d || x && !y.valid, O = f || (x && !y.valid ? y.error : void 0), k = !E && (p === void 0 ? x && y.valid && C.length > 0 : p), A = r && k ? /* @__PURE__ */ Q("span", {
+	]), 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(i, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
 		...h,
@@ -761,11 +761,11 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		value: C,
 		onChange: w,
 		onBlur: T,
-		error: E,
+		error: D,
 		errorText: O,
 		success: k,
 		placeholder: m ?? Ge[e],
-		startIcon: /* @__PURE__ */ Q(D, {}),
+		startIcon: /* @__PURE__ */ Q(E, {}),
 		endIcon: A,
 		maxLength: We[e]
 	});
@@ -832,8 +832,8 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 	"DD/MM/YYYY": "DD{s}MM{s}YYYY",
 	"MM/DD/YYYY": "MM{s}DD{s}YYYY",
 	"YYYY/MM/DD": "YYYY{s}MM{s}DD"
-}, Ye = 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: 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();
+}, Ye = q(function({ format: e = "DD/MM/YYYY", separator: t = "/", minDate: n, maxDate: r, validateOnBlur: i = !0, validateOnChange: a = !1, onDateChange: o, onValidationChange: s, value: l, defaultValue: u, onChange: d, onBlur: f, onKeyDown: p, onClear: m, error: h, errorText: g, placeholder: _, className: v, ...y }, b) {
+	let [x, S] = Z(u?.toString() ?? ""), [C, w] = Z({ valid: !0 }), [T, E] = Z(!1), D = X(!1), O = l === void 0 ? x : l.toString();
 	Y(() => {
 		if (D.current) {
 			D.current = !1;
@@ -872,10 +872,10 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		let r = G(n.target.value);
 		if (r.length > 8) return;
 		let i = ae(r, e, t);
-		D.current = !0, c === void 0 && S(i), j(i), a && T && k(i), u?.(n);
+		D.current = !0, l === void 0 && S(i), j(i), a && T && k(i), d?.(n);
 	}, [
-		u,
-		c,
+		d,
+		l,
 		e,
 		t,
 		a,
@@ -883,15 +883,15 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		k,
 		j
 	]), P = J(() => {
-		D.current = !0, c === void 0 && S(""), w({ valid: !0 }), E(!1), o?.(null, ""), p?.();
+		D.current = !0, l === void 0 && S(""), w({ valid: !0 }), E(!1), o?.(null, ""), m?.();
 	}, [
-		c,
+		l,
 		o,
-		p
+		m
 	]), F = J((e) => {
-		E(!0), i && O && k(O), d?.(e);
+		E(!0), i && O && k(O), f?.(e);
 	}, [
-		d,
+		f,
 		i,
 		O,
 		k
@@ -905,15 +905,15 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 			"Home",
 			"End"
 		].includes(e.key)) {
-			f?.(e);
+			p?.(e);
 			return;
 		}
 		if (e.ctrlKey || e.metaKey) {
-			f?.(e);
+			p?.(e);
 			return;
 		}
-		/^\d$/.test(e.key) || e.preventDefault(), f?.(e);
-	}, [f]), L = h || T && !C.valid, R = g || (T && !C.valid ? C.error : void 0);
+		/^\d$/.test(e.key) || e.preventDefault(), p?.(e);
+	}, [p]), L = h || T && !C.valid, R = g || (T && !C.valid ? C.error : void 0);
 	return /* @__PURE__ */ Q(K, {
 		...y,
 		ref: b,
@@ -927,7 +927,7 @@ var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		error: L,
 		errorText: R,
 		placeholder: _ ?? Je[e].replace(/\{s\}/g, t),
-		startIcon: /* @__PURE__ */ Q(m, {}),
+		startIcon: /* @__PURE__ */ Q(c, {}),
 		maxLength: 10,
 		className: v
 	});
@@ -941,7 +941,7 @@ function Xe({ value: e }) {
 		children: t.iconLabel
 	});
 }
-var Ze = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBrandIcon: n = !0, showValidIcon: r = !0, onValidationChange: a, onCardBrandChange: o, onValueChange: s, onClear: c, value: l, defaultValue: u, onChange: d, onBlur: f, error: p, errorText: m, success: h, placeholder: g = "4242 4242 4242 4242", className: _, ...v }, y) {
+var Ze = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBrandIcon: r = !0, showValidIcon: i = !0, onValidationChange: a, onCardBrandChange: o, onValueChange: s, onClear: c, value: l, defaultValue: u, onChange: d, onBlur: f, error: p, errorText: m, success: h, placeholder: g = "4242 4242 4242 4242", className: _, ...v }, y) {
 	let [b, x] = Z(() => ne(u?.toString() ?? "")), [S, C] = Z({ valid: !0 }), [w, T] = Z(!1), E = l === void 0 ? b : ne(l.toString()), D = J((e) => {
 		let t = H(e);
 		return C(t), a?.(t), t;
@@ -970,10 +970,10 @@ var Ze = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBran
 		a,
 		s,
 		l
-	]), M = p || w && !S.valid, N = m || (w && !S.valid ? S.error : void 0), P = !M && h !== void 0 ? h : w && S.valid && te(E).length > 0, F = r && P ? /* @__PURE__ */ Q("span", {
+	]), M = p || w && !S.valid, N = m || (w && !S.valid ? S.error : void 0), P = !M && h !== void 0 ? h : w && S.valid && te(E).length > 0, F = i && P ? /* @__PURE__ */ Q("span", {
 		className: "credit valid validation-icon credit-card-valid-icon",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ Q(i, {})
+		children: /* @__PURE__ */ Q(n, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
 		...v,
@@ -988,7 +988,7 @@ var Ze = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBran
 		errorText: N,
 		success: P,
 		placeholder: g,
-		startIcon: n ? /* @__PURE__ */ Q(Xe, { value: E }) : void 0,
+		startIcon: r ? /* @__PURE__ */ Q(Xe, { value: E }) : void 0,
 		endIcon: F,
 		className: O("credit-card input", _)
 	});
@@ -1220,80 +1220,80 @@ var nt = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange:
 });
 //#endregion
 //#region src/components/inputs/MInputFile/MCropEditor.tsx
-function rt({ 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(""), [d, f] = Z(1), [p, m] = Z({
+function rt({ file: t, shape: n, outputSize: r, quality: i, onCrop: a, onCancel: o }) {
+	let s = X(null), c = X(null), l = X(null), [u, d] = Z(""), [f, p] = Z(1), [m, h] = Z({
 		x: 0,
 		y: 0
-	}), [h, g] = Z(!1), _ = X({
+	}), [g, _] = Z(!1), v = X({
 		x: 0,
 		y: 0,
 		ox: 0,
 		oy: 0
 	});
 	Y(() => {
-		let t = URL.createObjectURL(e);
-		return u(t), () => URL.revokeObjectURL(t);
-	}, [e]), Y(() => {
-		if (!l) return;
+		let e = URL.createObjectURL(t);
+		return d(e), () => URL.revokeObjectURL(e);
+	}, [t]), Y(() => {
+		if (!u) return;
 		let e = new Image();
 		e.onload = () => {
-			c.current = e;
+			l.current = e;
 			let t = 280 / Math.min(e.width, e.height);
-			f(t), m({
+			p(t), h({
 				x: (280 - e.width * t) / 2,
 				y: (280 - e.height * t) / 2
 			});
-		}, e.src = l;
-	}, [l]);
-	let v = J((e) => {
-		e.preventDefault(), g(!0), _.current = {
+		}, e.src = u;
+	}, [u]);
+	let y = J((e) => {
+		e.preventDefault(), _(!0), v.current = {
 			x: e.clientX,
 			y: e.clientY,
-			ox: p.x,
-			oy: p.y
+			ox: m.x,
+			oy: m.y
 		}, e.target.setPointerCapture(e.pointerId);
-	}, [p]), y = J((e) => {
-		h && m({
-			x: _.current.ox + (e.clientX - _.current.x),
-			y: _.current.oy + (e.clientY - _.current.y)
+	}, [m]), b = J((e) => {
+		g && h({
+			x: v.current.ox + (e.clientX - v.current.x),
+			y: v.current.oy + (e.clientY - v.current.y)
 		});
-	}, [h]), b = J(() => {
-		g(!1);
-	}, []), x = J((e) => {
+	}, [g]), x = J(() => {
+		_(!1);
+	}, []), S = J((e) => {
 		e.preventDefault();
-		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]), C = 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, 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);
+		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 e = l.current, o = s.current;
+		if (!e || !o) return;
+		o.width = r, o.height = r;
+		let c = o.getContext("2d");
+		if (!c) return;
+		let u = r / 280;
+		n === "circle" && (c.beginPath(), c.arc(r / 2, r / 2, r / 2, 0, Math.PI * 2), c.closePath(), c.clip()), c.drawImage(e, m.x * u, m.y * u, e.width * f * u, e.height * f * u), o.toBlob((e) => {
+			if (!e) return;
+			let n = t.name.replace(/.*\./, ""), r = t.name.replace(/\.[^.]+$/, "") + "_cropped." + n;
+			a(new File([e], r, { type: e.type }));
+		}, t.type.startsWith("image/png") ? "image/png" : "image/jpeg", i);
 	}, [
-		e,
-		p,
-		d,
-		n,
-		r,
 		t,
-		i
-	]), w = Math.round((d - .1) / 4.9 * 100), T = J((e) => {
-		S(.1 + e / 100 * 4.9);
-	}, [S]);
+		m,
+		f,
+		r,
+		i,
+		n,
+		a
+	]), T = Math.round((f - .1) / 4.9 * 100), E = J((e) => {
+		C(.1 + e / 100 * 4.9);
+	}, [C]);
 	return /* @__PURE__ */ $("div", {
 		className: "crop editor",
 		children: [
@@ -1307,34 +1307,34 @@ function rt({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel:
 				]
 			}),
 			/* @__PURE__ */ $("div", {
-				ref: s,
-				className: `crop viewport ${t}`,
-				onPointerDown: v,
-				onPointerMove: y,
-				onPointerUp: b,
-				onWheel: x,
-				children: [l && /* @__PURE__ */ Q("img", {
-					src: l,
+				ref: c,
+				className: `crop viewport ${n}`,
+				onPointerDown: y,
+				onPointerMove: b,
+				onPointerUp: x,
+				onWheel: S,
+				children: [u && /* @__PURE__ */ Q("img", {
+					src: u,
 					alt: "",
 					className: "crop image",
 					draggable: !1,
 					style: {
-						transform: `translate(${p.x}px, ${p.y}px) scale(${d})`,
+						transform: `translate(${m.x}px, ${m.y}px) scale(${f})`,
 						transformOrigin: "0 0"
 					}
-				}), /* @__PURE__ */ Q("div", { className: `crop overlay ${t}` })]
+				}), /* @__PURE__ */ Q("div", { className: `crop overlay ${n}` })]
 			}),
 			/* @__PURE__ */ $("div", {
 				className: "crop zoom",
-				children: [/* @__PURE__ */ Q(E, {
+				children: [/* @__PURE__ */ Q(e, {
 					className: "crop zoom icon",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ Q(he, {
 					min: 0,
 					max: 100,
 					step: 1,
-					value: w,
-					onChange: T,
+					value: T,
+					onChange: E,
 					color: "primary",
 					className: "crop zoom slider"
 				})]
@@ -1345,18 +1345,18 @@ function rt({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel:
 					variant: "ghost",
 					size: "sm",
 					color: "neutral",
-					onClick: a,
+					onClick: o,
 					children: "Cancel"
 				}), /* @__PURE__ */ Q(pe, {
 					variant: "filled",
 					size: "sm",
 					color: "primary",
-					onClick: C,
+					onClick: w,
 					children: "Apply"
 				})]
 			}),
 			/* @__PURE__ */ Q("canvas", {
-				ref: o,
+				ref: s,
 				style: { display: "none" }
 			})
 		]
@@ -1374,9 +1374,9 @@ function at(e) {
 function ot(e) {
 	return e.type.startsWith("image/");
 }
-function st({ ext: i }) {
-	let o = i.toLowerCase();
-	return o === "pdf" ? /* @__PURE__ */ Q(b, {
+function st({ ext: e }) {
+	let n = e.toLowerCase();
+	return n === "pdf" ? /* @__PURE__ */ Q(y, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1386,10 +1386,10 @@ function st({ ext: i }) {
 		"gif",
 		"webp",
 		"svg"
-	].includes(o) ? /* @__PURE__ */ Q(e, {
+	].includes(n) ? /* @__PURE__ */ Q(m, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["json"].includes(o) ? /* @__PURE__ */ Q(l, {
+	}) : ["json"].includes(n) ? /* @__PURE__ */ Q(d, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1401,33 +1401,33 @@ function st({ ext: i }) {
 		"css",
 		"php",
 		"xml"
-	].includes(o) ? /* @__PURE__ */ Q(f, {
+	].includes(n) ? /* @__PURE__ */ Q(T, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["txt"].includes(o) ? /* @__PURE__ */ Q(T, {
+	}) : ["txt"].includes(n) ? /* @__PURE__ */ Q(D, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["md"].includes(o) ? /* @__PURE__ */ Q(d, {
+	}) : ["md"].includes(n) ? /* @__PURE__ */ Q(l, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"docs",
 		"doc",
 		"docx"
-	].includes(o) ? /* @__PURE__ */ Q(n, {
+	].includes(n) ? /* @__PURE__ */ Q(t, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["odt"].includes(o) ? /* @__PURE__ */ Q(s, {
+	}) : ["odt"].includes(n) ? /* @__PURE__ */ Q(s, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"csv",
 		"xls",
 		"xlsx"
-	].includes(o) ? /* @__PURE__ */ Q(C, {
+	].includes(n) ? /* @__PURE__ */ Q(b, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : ["zip"].includes(o) ? /* @__PURE__ */ Q(h, {
+	}) : ["zip"].includes(n) ? /* @__PURE__ */ Q(g, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1435,14 +1435,14 @@ function st({ ext: i }) {
 		"7z",
 		"tar",
 		"gz"
-	].includes(o) ? /* @__PURE__ */ Q(g, {
+	].includes(n) ? /* @__PURE__ */ Q(x, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"mp3",
 		"wav",
 		"ogg"
-	].includes(o) ? /* @__PURE__ */ Q(r, {
+	].includes(n) ? /* @__PURE__ */ Q(f, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
@@ -1451,30 +1451,30 @@ function st({ ext: i }) {
 		"avi",
 		"mkv",
 		"webm"
-	].includes(o) ? /* @__PURE__ */ Q(a, {
+	].includes(n) ? /* @__PURE__ */ Q(r, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	}) : [
 		"exe",
 		"msi",
 		"bat"
-	].includes(o) ? /* @__PURE__ */ Q(t, {
+	].includes(n) ? /* @__PURE__ */ Q(a, {
 		className: "file type icon",
 		"aria-hidden": "true"
-	}) : /* @__PURE__ */ Q(S, {
+	}) : /* @__PURE__ */ Q(C, {
 		className: "file type icon",
 		"aria-hidden": "true"
 	});
 }
-var ct = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onChange: i, label: a, 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: b, className: x, ...S }, C) {
-	let [T, E] = Z(!1), [D, k] = Z([]), [A, j] = Z(""), [M, N] = Z(null), P = X(null), F = X(0), I = y ? typeof y == "boolean" ? {
+var ct = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onChange: i, label: a, helperText: s, errorText: c, error: l = !1, disabled: u = !1, color: d = "primary", size: f = "md", preview: p = !0, clearable: m = !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, k] = Z([]), [A, j] = Z(""), [M, N] = Z(null), P = X(null), F = X(0), I = b ? typeof b == "boolean" ? {
 		shape: "square",
 		outputSize: 256,
 		quality: .92
 	} : {
-		shape: y.shape ?? "square",
-		outputSize: y.outputSize ?? 256,
-		quality: y.quality ?? .92
+		shape: b.shape ?? "square",
+		outputSize: b.outputSize ?? 256,
+		quality: b.quality ?? .92
 	} : null, L = ve(() => D.map((e) => ot(e) ? URL.createObjectURL(e) : null), [D]);
 	Y(() => () => {
 		L.forEach((e) => {
@@ -1537,16 +1537,16 @@ var ct = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 	]), ie = J(() => {
 		L.forEach((e) => {
 			e && URL.revokeObjectURL(e);
-		}), N(null), k([]), j(""), P.current && (P.current.value = ""), i?.([]), b?.();
+		}), N(null), k([]), j(""), P.current && (P.current.value = ""), i?.([]), x?.();
 	}, [
 		L,
 		i,
-		b
+		x
 	]), W = c || A, ae = l || !!A;
 	return /* @__PURE__ */ $("div", {
-		ref: C,
-		className: O("file input", ae ? "color-error" : `color-${d}`, f, v && "full-width", u && "disabled", x),
-		...S,
+		ref: w,
+		className: O("file input", ae ? "color-error" : `color-${d}`, f, y && "full-width", u && "disabled", S),
+		...C,
 		children: [
 			(a || m && D.length > 0 && !u) && /* @__PURE__ */ $("div", {
 				className: "file header",
@@ -1573,7 +1573,7 @@ var ct = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 				onKeyDown: (e) => {
 					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), U());
 				},
-				"aria-label": a || g,
+				"aria-label": a || _,
 				children: [/* @__PURE__ */ Q("input", {
 					ref: P,
 					type: "file",
@@ -1585,17 +1585,17 @@ var ct = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 				}), /* @__PURE__ */ $("div", {
 					className: "file content",
 					children: [
-						h && /* @__PURE__ */ Q("div", {
+						g && /* @__PURE__ */ Q("div", {
 							className: "file icon",
-							children: h
+							children: g
 						}),
-						!h && /* @__PURE__ */ Q(w, {
+						!g && /* @__PURE__ */ Q(h, {
 							className: "file icon default",
 							"aria-hidden": "true"
 						}),
 						/* @__PURE__ */ Q("div", {
 							className: "file text",
-							children: T ? _ : g
+							children: T ? v : _
 						}),
 						e && /* @__PURE__ */ Q("div", {
 							className: "file accept",
@@ -1661,4 +1661,4 @@ var ct = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 //#endregion
 export { Ze as a, Ke as c, Ne as d, Me as f, ye as g, Se as h, Qe as i, He as l, Te as m, nt as n, Ye as o, Ee as p, $e as r, qe as s, ct as t, Le as u };
 
-//# sourceMappingURL=inputs-CNPeF6gb.js.map
+//# sourceMappingURL=inputs-bbwdb6m3.js.map