@banzamel/mineralui 1.6.3 → 1.7.1

package/dist/{inputs-Bcwd_UTr.js → inputs-Dwjwa_SJ.js}

@@ -1,23 +1,23 @@
-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, yn as O } from "./icons-CfpYxnfg.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-y9qXhhGt.js";
-import { t as pe } from "./MCheckbox-B-nT2OBE.js";
-import { t as me } from "./MSlider-5141rKeH.js";
-import { n as he, t as K } from "./MInput-bzSwK880.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 { $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 { 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-y9qXhhGt.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-CNSvoRiu.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
-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: te } = he(e, t), B = le({
+var ye = 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: k, 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 } = ge(e, t), V = ue({
 		options: w ?? [],
 		value: z,
 		minChars: T
-	}), V = b || !!y, H = V ? "color-error" : h ? `color-${h}` : void 0, U = I ?? ee, ne = J(() => {
+	}), H = b || !!y, te = H ? "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";
@@ -32,38 +32,38 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 	Y(() => {
 		ne();
 	}, [z, ne]);
-	let W = J((e) => {
+	let re = J((e) => {
 		R(!0), A?.(e);
-	}, [A]), re = J((e) => {
+	}, [A]), ie = J((e) => {
 		R(!1), j?.(e);
-	}, [j]), ie = J((e) => {
-		te(e.target.value), O?.(e), B.reset();
+	}, [j]), W = J((e) => {
+		B(e.target.value), k?.(e), V.reset();
 	}, [
-		O,
-		te,
-		B.reset
+		k,
+		B,
+		V.reset
 	]), ae = J((e) => {
-		if (w && B.hint && B.onKeyDown(e)) {
-			let e = B.accept();
-			te(e.value), E?.(e.value);
+		if (w && V.hint && V.onKeyDown(e)) {
+			let e = V.accept();
+			B(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,
 		U
-	]), oe = k("container", `field-${p}`, `field-${m}`, L && "focused", V && "error", x && !V && "success", a && "disabled");
+	]), oe = O("container", `field-${p}`, `field-${m}`, L && "focused", H && "error", x && !H && "success", a && "disabled");
 	return /* @__PURE__ */ $("div", {
-		className: k("textarea", H, g && "full-width", M),
+		className: O("textarea", te, g && "full-width", M),
 		style: N,
 		children: [
 			_ && /* @__PURE__ */ Q("label", {
 				htmlFor: r,
-				className: k("field-label", L && "focused", V && "error", x && !V && "success", s && "required", F),
+				className: O("field-label", L && "focused", H && "error", x && !H && "success", s && "required", F),
 				children: _
 			}),
 			/* @__PURE__ */ $("div", {
@@ -82,14 +82,14 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 						rows: u ? d ?? l : l,
 						maxLength: S,
 						value: z,
-						className: k("field", P),
-						onChange: ie,
-						onFocus: W,
-						onBlur: re,
+						className: O("field", P),
+						onChange: W,
+						onFocus: re,
+						onBlur: ie,
 						onKeyDown: ae,
-						"aria-invalid": V || void 0,
+						"aria-invalid": H || void 0,
 						"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
-					}), L && B.hint && /* @__PURE__ */ $("span", {
+					}), L && V.hint && /* @__PURE__ */ $("span", {
 						className: "ghost-text-overlay",
 						"aria-hidden": "true",
 						children: [/* @__PURE__ */ Q("span", {
@@ -97,7 +97,7 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 							children: z
 						}), /* @__PURE__ */ Q("span", {
 							className: "ghost-text-hint",
-							children: B.hint
+							children: V.hint
 						})]
 					})]
 				}) : /* @__PURE__ */ Q("textarea", {
@@ -112,13 +112,13 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 					rows: u ? d ?? l : l,
 					maxLength: S,
 					value: z,
-					className: k("field", P),
-					onChange: ie,
-					onFocus: W,
-					onBlur: re,
-					"aria-invalid": V || void 0,
+					className: O("field", P),
+					onChange: W,
+					onFocus: re,
+					onBlur: ie,
+					"aria-invalid": H || void 0,
 					"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
-				}), D && /* @__PURE__ */ Q(de, {
+				}), D && /* @__PURE__ */ Q(fe, {
 					size: "sm",
 					color: h,
 					className: "textarea-spinner"
@@ -136,7 +136,7 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 					className: "field-helper",
 					children: v
 				})] }), C && S && /* @__PURE__ */ $("span", {
-					className: k("char-count", z.length > S && "over"),
+					className: O("char-count", z.length > S && "over"),
 					children: [
 						z.length,
 						"/",
@@ -149,17 +149,17 @@ var ve = q(function({ value: e, defaultValue: t, name: n, id: r, placeholder: i,
 });
 //#endregion
 //#region src/components/inputs/MInputPassword/MInputPassword.tsx
-function ye(e) {
+function be(e) {
 	let t = 0;
 	return e.length >= 8 && t++, e.length >= 12 && t++, /[a-z]/.test(e) && /[A-Z]/.test(e) && t++, /\d/.test(e) && t++, /[^a-zA-Z0-9]/.test(e) && t++, t <= 1 ? "weak" : t <= 2 ? "fair" : t <= 3 ? "good" : "strong";
 }
-var be = {
+var xe = {
 	weak: "Weak",
 	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, ...s }, c) {
-	let [l, u] = Z(!1), [d, f] = Z(i?.toString() ?? ""), p = r === void 0 ? d : r.toString(), m = ye(p);
+}, 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);
 	Y(() => {
 		n?.(m);
 	}, [m, n]);
@@ -174,7 +174,7 @@ var be = {
 		children: Q(l ? x : _, {})
 	}) : void 0;
 	return /* @__PURE__ */ $("div", {
-		className: k("password input", o),
+		className: O("password input", o),
 		children: [/* @__PURE__ */ Q(K, {
 			...s,
 			ref: c,
@@ -191,29 +191,29 @@ var be = {
 					1,
 					2,
 					3
-				].map((e) => /* @__PURE__ */ Q("div", { className: k("password strength segment", e < [
+				].map((e) => /* @__PURE__ */ Q("div", { className: O("password strength segment", e < [
 					"weak",
 					"fair",
 					"good",
 					"strong"
 				].indexOf(m) + 1 && `strength-${m}`) }, e))
 			}), /* @__PURE__ */ Q("span", {
-				className: k("password strength label", `strength-${m}`),
-				children: be[m]
+				className: O("password strength label", `strength-${m}`),
+				children: xe[m]
 			})]
 		})]
 	});
 });
 //#endregion
 //#region src/components/inputs/MInputNumber/MInputNumber.tsx
-function Se(e, t, n) {
+function Ce(e, t, n) {
 	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
 }
-function Ce(e, t) {
+function we(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-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: d, onKeyDown: f, onBlur: p, disabled: m = !1, className: h, ...g }, _) {
+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);
 	Y(() => {
 		S.current = b;
@@ -223,7 +223,7 @@ var we = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		let t = parseFloat(e);
 		o?.(isNaN(t) ? null : t);
 	}, [s, o]), w = J((r) => {
-		let a = Ce(Se((parseFloat(S.current) || 0) + n * r, e, t), i);
+		let a = we(Ce((parseFloat(S.current) || 0) + n * r, e, t), i);
 		S.current = a.toString(), C(a.toString());
 	}, [
 		n,
@@ -244,10 +244,10 @@ var we = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		d,
 		a,
 		C
-	]), O = J((n) => {
+	]), k = J((n) => {
 		let r = parseFloat(S.current);
 		if (!isNaN(r)) {
-			let n = Ce(Se(r, e, t), i);
+			let n = we(Ce(r, e, t), i);
 			S.current = n.toString(), C(n.toString());
 		}
 		p?.(n);
@@ -294,15 +294,15 @@ var we = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		inputMode: "decimal",
 		value: b,
 		onChange: D,
-		onBlur: O,
+		onBlur: k,
 		onKeyDown: A,
 		endIcon: j,
 		disabled: m,
-		className: k("number input", h)
+		className: O("number input", h)
 	});
-}), Te = 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) {
+}), 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) => {
-		let t = L(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);
@@ -336,57 +336,104 @@ var we = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 		startIcon: /* @__PURE__ */ Q(p, {}),
 		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, ...m }, h) {
-	let [g, _] = Z(s?.toString() ?? ""), [y, b] = Z({ valid: !0 }), [x, S] = Z(!1), C = o === void 0 ? g : o.toString(), w = 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(G(C), e);
-			b(t), i?.(t);
+}), De = {
+	PL: "+48",
+	DE: "+49",
+	US: "+1",
+	GB: "+44",
+	FR: "+33",
+	CZ: "+420",
+	SK: "+421"
+}, Oe = Object.entries(De).sort(([, e], [, t]) => t.length - e.length);
+function ke(e) {
+	let t = e.trim().replace(/^00/, "+");
+	if (!t.startsWith("+")) return null;
+	let n = "+" + G(t);
+	for (let [e, t] of Oe) if (n.startsWith(t)) return {
+		country: e,
+		rest: n.slice(t.length)
+	};
+	return null;
+}
+function Ae(e) {
+	let t = e.trim();
+	return !t.startsWith("+") && !t.startsWith("00") ? !1 : G(t.startsWith("00") ? "+" + t.slice(2) : t).length <= 3;
+}
+function je(e) {
+	let t = e.trim();
+	return "+" + G(t.startsWith("00") ? t.slice(2) : t.slice(1)).slice(0, 3);
+}
+var Me = q(function({ countryCode: e, defaultCountryCode: t = "PL", showCountryCode: n = !0, formatOnChange: r = !0, validateOnBlur: i = !0, onValidationChange: a, onValueChange: o, onCountryChange: s, onClear: c, value: l, defaultValue: u, onChange: d, onBlur: f, error: p, errorText: m, placeholder: h = "123 456 789", className: g, ..._ }, y) {
+	let [b, x] = Z((e ?? t).toUpperCase()), [S, C] = Z(u?.toString() ?? ""), [w, T] = Z({ valid: !0 }), [E, D] = Z(!1), k = (e ?? b).toUpperCase(), A = l === void 0 ? S : l.toString(), j = J((t) => {
+		let n = t.target.value;
+		if (n === "") {
+			l === void 0 && C(""), o?.("", ""), d?.(t);
+			return;
 		}
-		l?.(t);
+		let i = ke(n);
+		if (i) {
+			let n = i.country;
+			e === void 0 && n !== k && (x(n), s?.(n));
+			let a = G(i.rest), c = r ? le(a, { countryCode: n }) : a;
+			l === void 0 && C(c), o?.(a, c), d?.(t);
+			return;
+		}
+		if (Ae(n)) {
+			let e = je(n);
+			l === void 0 && C(e), o?.(G(e), e), d?.(t);
+			return;
+		}
+		let a = G(n), c = r ? le(a, { countryCode: k }) : a;
+		l === void 0 && C(c), o?.(a, c), d?.(t);
 	}, [
+		d,
 		l,
 		r,
-		C,
+		k,
 		e,
-		i
-	]), E = t ? /* @__PURE__ */ Q("span", {
+		o,
+		s
+	]), M = J((e) => {
+		if (D(!0), i && A) {
+			let e = I(G(A), k);
+			T(e), a?.(e);
+		}
+		f?.(e);
+	}, [
+		f,
+		i,
+		A,
+		k,
+		a
+	]), N = J(() => {
+		l === void 0 && C(""), T({ valid: !0 }), D(!1), a?.({ valid: !0 }), o?.("", ""), c?.();
+	}, [
+		c,
+		o,
+		a,
+		l
+	]), P = A.startsWith("+"), F = n && !P ? /* @__PURE__ */ Q("span", {
 		className: "phone prefix",
-		children: {
-			PL: "+48",
-			DE: "+49",
-			US: "+1",
-			GB: "+44",
-			FR: "+33",
-			CZ: "+420",
-			SK: "+421"
-		}[e.toUpperCase()] ?? `+${e}`
-	}) : void 0, D = u || x && !y.valid, O = d || (x && !y.valid ? y.error : void 0);
+		children: De[k] ?? `+${k}`
+	}) : void 0, L = p || E && !w.valid, R = m || (E && !w.valid ? w.error : void 0);
 	return /* @__PURE__ */ Q(K, {
-		...m,
-		ref: h,
+		..._,
+		ref: y,
 		type: "tel",
-		value: C,
-		onChange: w,
-		onBlur: T,
-		error: D,
-		errorText: O,
-		placeholder: f,
-		startIcon: t ? E : /* @__PURE__ */ Q(v, {}),
-		className: k("phone input", p)
+		value: A,
+		onChange: j,
+		onBlur: M,
+		onClear: N,
+		error: L,
+		errorText: R,
+		placeholder: h,
+		startIcon: n ? F : /* @__PURE__ */ Q(v, {}),
+		className: O("phone input", g)
 	});
-}), 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) {
+}), 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 i = r;
-		return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = ae(i)), i;
+		return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = oe(i)), i;
 	}, [
 		t,
 		n,
@@ -434,86 +481,255 @@ var we = q(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precisio
 	});
 });
 //#endregion
+//#region src/components/inputs/MInputGroup/MInputGroup.tsx
+function Pe(e) {
+	return typeof e == "object" && !!e && !_e(e) && "type" in e;
+}
+function Fe(e, t, n, r) {
+	if (!Pe(e)) return /* @__PURE__ */ Q("div", {
+		className: O("addon", "custom", t),
+		children: e
+	}, `${t}-${n}`);
+	let i = e;
+	return i.type === "button" ? /* @__PURE__ */ Q(pe, {
+		variant: "ghost",
+		color: r,
+		size: "sm",
+		className: O("addon", t, "addon-button"),
+		onClick: i.onClick,
+		clickEffect: "none",
+		children: i.content
+	}, `${t}-${n}`) : i.type === "checkbox" ? /* @__PURE__ */ Q("div", {
+		className: O("addon", t, "checkbox"),
+		children: /* @__PURE__ */ Q(me, {
+			size: "sm",
+			clickEffect: "none",
+			checked: i.checked,
+			onChange: (e) => i.onCheckedChange?.(e.target.checked),
+			className: "addon-checkbox"
+		})
+	}, `${t}-${n}`) : /* @__PURE__ */ Q("span", {
+		className: O("addon", t),
+		children: i.content
+	}, `${t}-${n}`);
+}
+function Ie(e) {
+	return e == null ? [] : Array.isArray(e) ? e : [e];
+}
+var Le = q(function({ prepend: e, append: t, type: n = "text", value: r, defaultValue: i, name: a, 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: k, 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 } = de({
+		effect: j,
+		disabled: l || u,
+		color: M
+	}), te = x || !!y, U = te ? "color-error" : `color-${b}`, { currentValue: ne, setCurrentValue: re } = ge(r, i), ie = ne.length > 0, W = J((e) => {
+		ee(!0), T?.(e);
+	}, [T]), ae = J((e) => {
+		ee(!1), E?.(e);
+	}, [E]), oe = J((e) => {
+		re(e.target.value), w?.(e);
+	}, [w, re]), se = J(() => {
+		re("");
+		let e = L?.current ?? z.current;
+		e && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 }))), k?.(), e?.focus();
+	}, [
+		k,
+		L,
+		re
+	]), ce = Ie(e), le = Ie(t);
+	return /* @__PURE__ */ $("div", {
+		className: O("input-group", U, g && "full-width", N),
+		style: P,
+		children: [
+			_ && /* @__PURE__ */ Q("label", {
+				htmlFor: s,
+				className: O("field-label", R && "focused", te && "error", d && "required", I),
+				children: _
+			}),
+			/* @__PURE__ */ $("div", {
+				className: O("container", `field-${h}`, R && "focused", te && "has-error", l && "disabled", B),
+				onPointerDown: H,
+				children: [
+					V,
+					ce.map((e, t) => Fe(e, "prepend", t, b)),
+					/* @__PURE__ */ Q("input", {
+						ref: L ?? z,
+						type: n,
+						value: ne,
+						name: a,
+						id: s,
+						placeholder: c,
+						disabled: l,
+						readOnly: u,
+						required: d,
+						autoFocus: f,
+						autoComplete: p,
+						inputMode: m,
+						maxLength: S,
+						className: O("field", F),
+						onChange: oe,
+						onFocus: W,
+						onBlur: ae,
+						onKeyDown: D,
+						"aria-invalid": te || void 0,
+						"aria-describedby": y ? `${s}-error` : v ? `${s}-helper` : void 0
+					}),
+					A && /* @__PURE__ */ Q("span", {
+						className: "spinner-addon",
+						children: /* @__PURE__ */ Q(fe, {
+							size: "sm",
+							color: b
+						})
+					}),
+					C && ie && !A && !l && /* @__PURE__ */ Q("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: se,
+						tabIndex: -1,
+						"aria-label": "Clear input",
+						children: /* @__PURE__ */ Q(o, {})
+					}),
+					le.map((e, t) => Fe(e, "append", t, b))
+				]
+			}),
+			(y || v) && /* @__PURE__ */ $("div", {
+				className: "bottom",
+				children: [y && /* @__PURE__ */ Q("span", {
+					id: s ? `${s}-error` : void 0,
+					className: "field-error",
+					role: "alert",
+					children: y
+				}), !y && v && /* @__PURE__ */ Q("span", {
+					id: s ? `${s}-helper` : void 0,
+					className: "field-helper",
+					children: v
+				})]
+			})
+		]
+	});
+});
+//#endregion
 //#region src/components/inputs/MInputIBAN/MInputIBAN.tsx
-function Oe(e) {
-	return e?.replace(/[^a-zA-Z]/g, "").toUpperCase().slice(0, 2) || void 0;
+function Re(e) {
+	return e?.replace(/[^a-zA-Z]/g, "").toUpperCase().slice(0, 2) || "";
 }
-function ke(e, t) {
-	let n = e.replace(/[^a-zA-Z0-9]/g, "").toUpperCase(), r = Oe(t);
-	return r ? `${r}${n.replace(/^[A-Z]{0,2}/, "")}` : n;
+function ze(e) {
+	let t = P(e) ?? 28;
+	return Math.max(t - 2, 0);
 }
-function Ae(e, t, n = !0) {
-	let r = ke(e, t);
-	return n ? ne(r) : r;
+function Be(e) {
+	let t = ze(e), n = [], r = t;
+	for (; r > 0;) {
+		let e = Math.min(4, r);
+		n.push("0".repeat(e)), r -= e;
+	}
+	return n.join(" ");
 }
-function je(e) {
-	let t = Oe(e);
-	return t ? `${t}00 0000 0000 0000 0000 0000 0000` : "PL00 0000 0000 0000 0000 0000 0000";
+function Ve(e) {
+	let t = ze(e);
+	return t === 0 ? 0 : t + Math.max(0, Math.ceil(t / 4) - 1);
 }
-var Me = q(function({ countryCode: 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) {
-	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(() => {
-		s === void 0 && v((n) => Ae(n, e, t));
+var He = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n = !0, onValidationChange: r, onValueChange: i, onCountryChange: a, onClear: o, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, helperText: p, placeholder: m, className: h, disabled: g = !1, ..._ }, v) {
+	let [y, b] = Z(Re(e) || "PL"), x = Re(e) || y, S = J((e, n) => {
+		let r = W(e).replace(/[^0-9]/g, "").slice(0, ze(n));
+		return r ? t ? re(r) : r : "";
+	}, [t]), [C, w] = Z(() => S(c?.toString() ?? "", Re(e) || "PL")), [T, E] = Z({ valid: !0 }), [D, k] = Z(!1), A = s === void 0 ? C : S(s.toString(), x), j = J(() => {
+		E({ valid: !0 }), k(!1), r?.({ valid: !0 });
+	}, [r]), M = J((e) => {
+		let t = S(e.target.value, x);
+		s === void 0 && w(t), !t && (D || !T.valid) && j(), i?.(W(t), t), l?.(e);
 	}, [
-		e,
-		t,
+		S,
+		x,
+		l,
+		i,
+		j,
+		D,
+		T.valid,
 		s
-	]);
-	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);
+	]), N = J((e) => {
+		if (k(!0), n && A) {
+			let e = R(`${x}${W(A)}`);
+			E(e), r?.(e);
+		}
+		u?.(e);
 	}, [
-		e,
-		l,
-		s,
-		t,
-		o
-	]), T = J((t) => {
-		if (S(!0), n && C) {
-			let t = j(ke(re(C), e));
-			b(t), a?.(t);
+		x,
+		A,
+		u,
+		r,
+		n
+	]), P = J(() => {
+		s === void 0 && w(""), j(), i?.("", ""), o?.();
+	}, [
+		o,
+		i,
+		j,
+		s
+	]), F = J((t) => {
+		let n = Re(t.target.value);
+		if (!n) return;
+		e === void 0 && b(n);
+		let o = S(A, n);
+		if (s === void 0 && w(o), i?.(W(o), o), a?.(n), D && o) {
+			let e = R(`${n}${W(o)}`);
+			E(e), r?.(e);
 		}
-		u?.(t);
 	}, [
+		S,
 		e,
-		u,
-		n,
-		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 = r && k ? /* @__PURE__ */ Q("span", {
-		className: "validation-icon",
-		children: /* @__PURE__ */ Q(i, {})
-	}) : void 0;
-	return /* @__PURE__ */ Q(K, {
-		...h,
-		ref: g,
+		A,
+		a,
+		r,
+		i,
+		D,
+		s
+	]), I = d || D && !T.valid, ee = f || (D && !T.valid ? T.error : void 0), z = ve(() => L, []), B = ee ? void 0 : p ?? `Format: ${x} ${Be(x)}`;
+	return /* @__PURE__ */ Q(Le, {
+		..._,
+		ref: v,
 		type: "text",
-		value: C,
-		onChange: w,
-		onBlur: T,
-		error: E,
-		errorText: D,
-		success: k,
-		placeholder: m ?? je(e),
-		startIcon: /* @__PURE__ */ Q(O, {}),
-		endIcon: A,
-		maxLength: 42
+		value: A,
+		onChange: M,
+		onBlur: N,
+		onClear: P,
+		error: I,
+		errorText: ee,
+		placeholder: m ?? Be(x),
+		helperText: B,
+		disabled: g,
+		maxLength: Ve(x),
+		prepend: /* @__PURE__ */ Q("div", {
+			className: "country-select-wrap",
+			children: /* @__PURE__ */ Q("select", {
+				className: "country-select",
+				value: x,
+				onChange: F,
+				disabled: g,
+				"aria-label": "IBAN country",
+				children: z.map((e) => /* @__PURE__ */ Q("option", {
+					value: e,
+					children: e
+				}, e))
+			})
+		}),
+		className: O("input-iban", h)
 	});
-}), Ne = {
-	NIP: M,
-	PESEL: R,
-	REGON: P
-}, Pe = {
+}), Ue = {
+	NIP: ee,
+	PESEL: j,
+	REGON: N
+}, We = {
 	NIP: 13,
 	PESEL: 11,
 	REGON: 14
-}, Fe = {
+}, Ge = {
 	NIP: "123-456-78-19",
 	PESEL: "00000000000",
 	REGON: "000000000"
-}, Ie = 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: 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) {
 	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" ? oe(r) : r;
+		let r = G(n.target.value), i = t && e === "NIP" ? se(r) : r;
 		s === void 0 && v(i), o?.(r), l?.(n);
 	}, [
 		l,
@@ -523,7 +739,7 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		o
 	]), T = J((t) => {
 		if (S(!0), n && C) {
-			let t = Ne[e], n = t(G(C));
+			let t = Ue[e], n = t(G(C));
 			b(n), a?.(n);
 		}
 		u?.(t);
@@ -548,22 +764,22 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		error: E,
 		errorText: O,
 		success: k,
-		placeholder: m ?? Fe[e],
+		placeholder: m ?? Ge[e],
 		startIcon: /* @__PURE__ */ Q(D, {}),
 		endIcon: A,
-		maxLength: Pe[e]
+		maxLength: We[e]
 	});
-}), Le = q(function({ currency: e, currencySymbol: t, currencyPosition: n = "end", decimalSeparator: r = ",", thousandSeparator: i = " ", precision: a = 2, min: o, max: s, allowNegative: c = !1, onValueChange: l, value: u, defaultValue: d, onChange: f, onBlur: p, placeholder: m = "0,00", startIcon: h, endIcon: g, className: _, ...v }, y) {
+}), qe = q(function({ currency: e, currencySymbol: t, currencyPosition: n = "end", decimalSeparator: r = ",", thousandSeparator: i = " ", precision: a = 2, min: o, max: s, allowNegative: c = !1, onValueChange: l, value: u, defaultValue: d, onChange: f, onBlur: p, placeholder: m = "0,00", startIcon: h, endIcon: g, className: _, ...v }, y) {
 	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 = se(n, {
+		let s = ce(n, {
 			decimalSeparator: r,
 			thousandSeparator: i,
 			precision: a
 		});
 		u === void 0 && x(s);
-		let d = W(s, i, r);
+		let d = ie(s, i, r);
 		l?.(d), f?.(e);
 	}, [
 		f,
@@ -574,10 +790,10 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		c,
 		l
 	]), T = J((e) => {
-		let t = W(S, i, r);
+		let t = ie(S, i, r);
 		if (t !== null) {
 			o !== void 0 && t < o && (t = o), s !== void 0 && t > s && (t = s);
-			let e = se(t.toFixed(a).replace(".", r), {
+			let e = ce(t.toFixed(a).replace(".", r), {
 				decimalSeparator: r,
 				thousandSeparator: i,
 				precision: a
@@ -610,13 +826,13 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		placeholder: m,
 		startIcon: n === "start" ? E : h,
 		endIcon: n === "end" ? E : g,
-		className: k("currency input", _)
+		className: O("currency input", _)
 	});
-}), Re = {
+}), Je = {
 	"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: f, onClear: p, error: h, errorText: g, placeholder: _, className: v, ...y }, b) {
+}, 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();
 	Y(() => {
 		if (D.current) {
@@ -627,7 +843,7 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 			w({ valid: !0 }), E(!1);
 			return;
 		}
-		w(z(O, {
+		w(A(O, {
 			format: e,
 			minDate: n,
 			maxDate: r
@@ -639,7 +855,7 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		n
 	]);
 	let k = J((t) => {
-		let i = z(t, {
+		let i = A(t, {
 			format: e,
 			minDate: n,
 			maxDate: r
@@ -650,13 +866,13 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		n,
 		r,
 		s
-	]), A = J((t) => {
-		G(t).length === 8 ? o?.(ee(t, e), t) : o?.(null, t);
-	}, [e, o]), j = J((n) => {
+	]), j = J((t) => {
+		G(t).length === 8 ? o?.(M(t, e), t) : o?.(null, t);
+	}, [e, o]), N = J((n) => {
 		let r = G(n.target.value);
 		if (r.length > 8) return;
-		let i = ie(r, e, t);
-		D.current = !0, c === void 0 && S(i), A(i), a && T && k(i), u?.(n);
+		let i = ae(r, e, t);
+		D.current = !0, c === void 0 && S(i), j(i), a && T && k(i), u?.(n);
 	}, [
 		u,
 		c,
@@ -665,21 +881,21 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 		a,
 		T,
 		k,
-		A
-	]), M = J(() => {
+		j
+	]), P = J(() => {
 		D.current = !0, c === void 0 && S(""), w({ valid: !0 }), E(!1), o?.(null, ""), p?.();
 	}, [
 		c,
 		o,
 		p
-	]), N = J((e) => {
+	]), F = J((e) => {
 		E(!0), i && O && k(O), d?.(e);
 	}, [
 		d,
 		i,
 		O,
 		k
-	]), P = J((e) => {
+	]), I = J((e) => {
 		if ([
 			"Backspace",
 			"Delete",
@@ -697,20 +913,20 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 			return;
 		}
 		/^\d$/.test(e.key) || e.preventDefault(), f?.(e);
-	}, [f]), F = h || T && !C.valid, I = g || (T && !C.valid ? C.error : void 0);
+	}, [f]), L = h || T && !C.valid, R = g || (T && !C.valid ? C.error : void 0);
 	return /* @__PURE__ */ Q(K, {
 		...y,
 		ref: b,
 		type: "text",
 		inputMode: "numeric",
 		value: O,
-		onChange: j,
-		onBlur: N,
-		onKeyDown: P,
-		onClear: M,
-		error: F,
-		errorText: I,
-		placeholder: _ ?? Re[e].replace(/\{s\}/g, t),
+		onChange: N,
+		onBlur: F,
+		onKeyDown: I,
+		onClear: P,
+		error: L,
+		errorText: R,
+		placeholder: _ ?? Je[e].replace(/\{s\}/g, t),
 		startIcon: /* @__PURE__ */ Q(m, {}),
 		maxLength: 10,
 		className: v
@@ -718,251 +934,141 @@ var Me = q(function({ countryCode: e, formatOnChange: t = !0, validateOnBlur: n
 });
 //#endregion
 //#region src/components/inputs/MInputCreditCard/MInputCreditCard.tsx
-function Be({ value: e }) {
-	let t = H(e);
+function Xe({ value: e }) {
+	let t = U(e);
 	return /* @__PURE__ */ Q("span", {
-		className: k("credit-card-brand-badge", "credit-brand", t.brand),
+		className: O("credit-card-brand-badge", "credit-brand", t.brand),
 		children: t.iconLabel
 	});
 }
-var Ve = q(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBrandIcon: n = !0, showValidIcon: r = !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 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);
+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) {
+	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;
+	}, [a]), k = J((e) => {
+		let n = ne(e.target.value), r = U(n);
+		l === void 0 && x(n), o?.(r.brand), s?.(te(n), n, r.brand), t && w && D(n), d?.(e);
 	}, [
 		o,
-		u,
+		d,
 		s,
-		E,
-		C,
+		D,
+		w,
 		t,
-		c
-	]), O = J((t) => {
-		w(!0), e && T && E(T), d?.(t);
+		l
+	]), A = J((t) => {
+		T(!0), e && E && D(E), f?.(t);
 	}, [
-		T,
-		d,
 		E,
+		f,
+		D,
 		e
-	]), 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 = r && M ? /* @__PURE__ */ Q("span", {
+	]), j = J(() => {
+		l === void 0 && x(""), C({ valid: !0 }), T(!1), a?.({ valid: !0 }), s?.("", "", "unknown"), c?.();
+	}, [
+		c,
+		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", {
 		className: "credit valid validation-icon credit-card-valid-icon",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ Q(i, {})
 	}) : void 0;
 	return /* @__PURE__ */ Q(K, {
-		..._,
-		ref: v,
+		...v,
+		ref: y,
 		type: "text",
 		inputMode: "numeric",
-		value: T,
-		onChange: D,
-		onBlur: O,
-		error: A,
-		errorText: j,
-		success: M,
-		placeholder: h,
-		startIcon: n ? /* @__PURE__ */ Q(Be, { value: T }) : void 0,
-		endIcon: N,
-		className: k("credit-card input", g)
+		value: E,
+		onChange: k,
+		onBlur: A,
+		onClear: j,
+		error: M,
+		errorText: N,
+		success: P,
+		placeholder: g,
+		startIcon: n ? /* @__PURE__ */ Q(Xe, { value: E }) : void 0,
+		endIcon: F,
+		className: O("credit-card input", _)
 	});
-});
-//#endregion
-//#region src/components/inputs/MInputGroup/MInputGroup.tsx
-function He(e) {
-	return typeof e == "object" && !!e && !ge(e) && "type" in e;
-}
-function Ue(e, t, n, r) {
-	if (!He(e)) return /* @__PURE__ */ Q("div", {
-		className: k("addon", "custom", t),
-		children: e
-	}, `${t}-${n}`);
-	let i = e;
-	return i.type === "button" ? /* @__PURE__ */ Q(fe, {
-		variant: "ghost",
-		color: r,
-		size: "sm",
-		className: k("addon", t, "addon-button"),
-		onClick: i.onClick,
-		clickEffect: "none",
-		children: i.content
-	}, `${t}-${n}`) : i.type === "checkbox" ? /* @__PURE__ */ Q("div", {
-		className: k("addon", t, "checkbox"),
-		children: /* @__PURE__ */ Q(pe, {
-			size: "sm",
-			clickEffect: "none",
-			checked: i.checked,
-			onChange: (e) => i.onCheckedChange?.(e.target.checked),
-			className: "addon-checkbox"
-		})
-	}, `${t}-${n}`) : /* @__PURE__ */ Q("span", {
-		className: k("addon", t),
-		children: i.content
-	}, `${t}-${n}`);
-}
-function We(e) {
-	return e == null ? [] : Array.isArray(e) ? e : [e];
-}
-var Ge = q(function({ prepend: e, append: t, type: n = "text", value: r, defaultValue: i, name: a, 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
-	}), H = x || !!y, U = H ? "color-error" : `color-${b}`, { currentValue: ne, setCurrentValue: W } = he(r, i), re = ne.length > 0, ie = J((e) => {
-		ee(!0), T?.(e);
-	}, [T]), ae = J((e) => {
-		ee(!1), E?.(e);
-	}, [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();
+}), Qe = q(function({ country: e, defaultCountry: t = "PL", selectableCountry: n = !0, validateOnBlur: r = !0, validateOnChange: i = !1, onCountryChange: a, onValidationChange: o, onValueChange: s, onClear: c, value: l, defaultValue: u, onChange: d, onBlur: f, error: p, errorText: m, helperText: h, placeholder: g, className: _, disabled: v = !1, ...y }, b) {
+	let [x, S] = Z(t.toUpperCase()), [C, w] = Z(() => k(u?.toString() ?? "", e ?? t)), [T, E] = Z({ valid: !0 }), [D, A] = Z(!1), j = (e ?? x).toUpperCase(), M = ve(() => z(j), [j]), N = l === void 0 ? C : k(l.toString(), j), P = J((e, t) => {
+		let n = B(e, t);
+		return E(n), o?.(n), n;
+	}, [o]), F = J((e) => {
+		let t = k(e.target.value, j);
+		l === void 0 && w(t), s?.(t.replace(/\s|-/g, ""), t, j), i && D && P(t, j), d?.(e);
 	}, [
-		O,
-		L,
-		W
-	]), ce = We(e), G = We(t);
-	return /* @__PURE__ */ $("div", {
-		className: k("input-group", U, g && "full-width", N),
-		style: P,
-		children: [
-			_ && /* @__PURE__ */ Q("label", {
-				htmlFor: s,
-				className: k("field-label", R && "focused", H && "error", d && "required", I),
-				children: _
-			}),
-			/* @__PURE__ */ $("div", {
-				className: k("container", `field-${h}`, R && "focused", H && "has-error", l && "disabled", te),
-				onPointerDown: V,
-				children: [
-					B,
-					ce.map((e, t) => Ue(e, "prepend", t, b)),
-					/* @__PURE__ */ Q("input", {
-						ref: L ?? z,
-						type: n,
-						value: ne,
-						name: a,
-						id: s,
-						placeholder: c,
-						disabled: l,
-						readOnly: u,
-						required: d,
-						autoFocus: f,
-						autoComplete: p,
-						inputMode: m,
-						maxLength: S,
-						className: k("field", F),
-						onChange: oe,
-						onFocus: ie,
-						onBlur: ae,
-						onKeyDown: D,
-						"aria-invalid": H || void 0,
-						"aria-describedby": y ? `${s}-error` : v ? `${s}-helper` : void 0
-					}),
-					A && /* @__PURE__ */ Q("span", {
-						className: "spinner-addon",
-						children: /* @__PURE__ */ Q(de, {
-							size: "sm",
-							color: b
-						})
-					}),
-					C && re && !A && !l && /* @__PURE__ */ Q("button", {
-						type: "button",
-						className: "clear-btn clear-btn-base",
-						onClick: se,
-						tabIndex: -1,
-						"aria-label": "Clear input",
-						children: /* @__PURE__ */ Q(o, {})
-					}),
-					G.map((e, t) => Ue(e, "append", t, b))
-				]
-			}),
-			(y || v) && /* @__PURE__ */ $("div", {
-				className: "bottom",
-				children: [y && /* @__PURE__ */ Q("span", {
-					id: s ? `${s}-error` : void 0,
-					className: "field-error",
-					role: "alert",
-					children: y
-				}), !y && v && /* @__PURE__ */ Q("span", {
-					id: s ? `${s}-helper` : void 0,
-					className: "field-helper",
-					children: v
-				})]
-			})
-		]
-	});
-}), 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 = te(e, t);
-		return T(n), o?.(n), n;
-	}, [o]), P = J((e) => {
-		let t = I(e.target.value, O);
-		c === void 0 && C(t), s?.(t.replace(/\s|-/g, ""), t, O), i && E && N(t, O), u?.(e);
-	}, [
-		O,
-		u,
+		j,
+		d,
 		s,
-		N,
-		E,
+		P,
+		D,
 		i,
-		c
-	]), L = J((e) => {
-		D(!0), r && M && N(M, O), d?.(e);
+		l
+	]), I = J((e) => {
+		A(!0), r && N && P(N, j), f?.(e);
 	}, [
-		O,
-		M,
-		d,
+		j,
 		N,
+		f,
+		P,
 		r
+	]), L = J(() => {
+		l === void 0 && w(""), E({ valid: !0 }), A(!1), o?.({ valid: !0 }), s?.("", "", j), c?.();
+	}, [
+		c,
+		o,
+		s,
+		l,
+		j
 	]), R = J((t) => {
-		let n = t.target.value.toUpperCase(), r = I(M, n);
-		e === void 0 && x(n), c === void 0 && C(r), a?.(n), E && N(r, n);
+		let n = t.target.value.toUpperCase(), r = k(N, n);
+		e === void 0 && S(n), l === void 0 && w(r), a?.(n), D && P(r, n);
 	}, [
 		e,
-		M,
-		a,
 		N,
-		E,
-		c
-	]), ee = f || E && !w.valid, z = p || (E && !w.valid ? w.error : void 0);
-	return /* @__PURE__ */ Q(Ge, {
-		...v,
-		ref: y,
+		a,
+		P,
+		D,
+		l
+	]), ee = p || D && !T.valid, H = m || (D && !T.valid ? T.error : void 0);
+	return /* @__PURE__ */ Q(Le, {
+		...y,
+		ref: b,
 		type: "text",
-		inputMode: j.inputMode,
-		value: M,
-		onChange: P,
-		onBlur: L,
+		inputMode: M.inputMode,
+		value: N,
+		onChange: F,
+		onBlur: I,
+		onClear: L,
 		error: ee,
-		errorText: z,
-		helperText: z ? void 0 : m ?? `Format: ${j.example}`,
-		placeholder: h ?? j.placeholder,
-		maxLength: j.maxLength,
-		disabled: _,
+		errorText: H,
+		helperText: H ? void 0 : h ?? `Format: ${M.example}`,
+		placeholder: n ? M.placeholder : g ?? M.placeholder,
+		maxLength: M.maxLength,
+		disabled: v,
 		prepend: n ? /* @__PURE__ */ Q("div", {
 			className: "country-select-wrap",
 			children: /* @__PURE__ */ Q("select", {
 				className: "country-select",
-				value: O,
+				value: j,
 				onChange: R,
-				disabled: _,
+				disabled: v,
 				"aria-label": "Postal code country",
-				children: A.map((e) => /* @__PURE__ */ Q("option", {
+				children: V.map((e) => /* @__PURE__ */ Q("option", {
 					value: e.value,
 					children: e.value
 				}, e.value))
 			})
 		}) : {
 			type: "text",
-			content: O
+			content: j
 		},
-		className: k("input-post-code", g)
+		className: O("input-post-code", _)
 	});
-}), qe = q(function({ length: e = 6, value: t, onChange: n, autoFocus: r = !1, disabled: i = !1, color: a = "primary", size: s = "md", error: c = !1, errorText: l, clearable: u = !1, label: d, onClear: f, className: p, ...m }, h) {
+}), $e = q(function({ length: e = 6, value: t, onChange: n, autoFocus: r = !1, disabled: i = !1, color: a = "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-${a}`, x = J((e) => {
 		t === void 0 && _(e), n?.(e);
 	}, [t, n]), S = J((t) => {
@@ -1010,7 +1116,7 @@ var Ge = q(function({ prepend: e, append: t, type: n = "text", value: r, default
 	]);
 	return /* @__PURE__ */ $("div", {
 		ref: h,
-		className: k("otp input", b, s, i && "disabled", p),
+		className: O("otp input", b, s, i && "disabled", p),
 		...m,
 		children: [
 			d && /* @__PURE__ */ Q("div", {
@@ -1031,7 +1137,7 @@ var Ge = q(function({ prepend: e, append: t, type: n = "text", value: r, default
 						maxLength: 1,
 						value: v[t] || "",
 						disabled: i,
-						className: k("otp slot", v[t] && "filled"),
+						className: O("otp slot", v[t] && "filled"),
 						"aria-label": `Digit ${t + 1}`,
 						onChange: (e) => {
 							C(t, e.target.value.slice(-1));
@@ -1056,16 +1162,16 @@ var Ge = q(function({ prepend: e, append: t, type: n = "text", value: r, default
 });
 //#endregion
 //#region src/components/inputs/MInputSlider/MInputSlider.tsx
-function Je(e, t, n) {
+function et(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Ye(e, t) {
+function tt(e, t) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-var Xe = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange: i, precision: a = 0, marks: o, showInput: s = !0, color: c = "primary", size: l = "md", disabled: u = !1, label: d, className: f, ...p }, m) {
+var nt = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange: i, precision: a = 0, marks: o, showInput: s = !0, color: c = "primary", size: l = "md", disabled: u = !1, label: d, className: f, ...p }, m) {
 	let [h, g] = Z(e), _ = r === void 0 ? h : r, v = J((n) => {
-		let o = Ye(Je(n, e, t), a);
+		let o = tt(et(n, e, t), a);
 		r === void 0 && g(o), i?.(o);
 	}, [
 		e,
@@ -1083,14 +1189,14 @@ var Xe = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange:
 	}, [_, v]);
 	return /* @__PURE__ */ $("div", {
 		ref: m,
-		className: k("slider input", l, u && "disabled", f),
+		className: O("slider input", l, u && "disabled", f),
 		...p,
 		children: [d && /* @__PURE__ */ Q("div", {
 			className: "slider label",
 			children: d
 		}), /* @__PURE__ */ $("div", {
 			className: "slider row",
-			children: [/* @__PURE__ */ Q(me, {
+			children: [/* @__PURE__ */ Q(he, {
 				min: e,
 				max: t,
 				step: n,
@@ -1102,7 +1208,7 @@ var Xe = q(function({ min: e = 0, max: t = 100, step: n = 1, value: r, onChange:
 			}), s && /* @__PURE__ */ Q("input", {
 				type: "text",
 				inputMode: "decimal",
-				className: k("slider field", `color-${c}`),
+				className: O("slider field", `color-${c}`),
 				value: _,
 				onChange: b,
 				onBlur: x,
@@ -1114,7 +1220,7 @@ 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 }) {
+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({
 		x: 0,
 		y: 0
@@ -1214,7 +1320,7 @@ function Ze({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel:
 				children: [/* @__PURE__ */ Q(E, {
 					className: "crop zoom icon",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ Q(me, {
+				}), /* @__PURE__ */ Q(he, {
 					min: 0,
 					max: 100,
 					step: 1,
@@ -1226,13 +1332,13 @@ function Ze({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel:
 			}),
 			/* @__PURE__ */ $("div", {
 				className: "crop actions",
-				children: [/* @__PURE__ */ Q(fe, {
+				children: [/* @__PURE__ */ Q(pe, {
 					variant: "ghost",
 					size: "sm",
 					color: "neutral",
 					onClick: a,
 					children: "Cancel"
-				}), /* @__PURE__ */ Q(fe, {
+				}), /* @__PURE__ */ Q(pe, {
 					variant: "ghost",
 					size: "sm",
 					color: "primary",
@@ -1249,17 +1355,17 @@ function Ze({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel:
 }
 //#endregion
 //#region src/components/inputs/MInputFile/MInputFile.tsx
-function Qe(e) {
+function it(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function $e(e) {
+function at(e) {
 	let t = e.lastIndexOf(".");
 	return t >= 0 ? e.slice(t + 1).toUpperCase() : "";
 }
-function et(e) {
+function ot(e) {
 	return e.type.startsWith("image/");
 }
-function tt({ ext: i }) {
+function st({ ext: i }) {
 	let o = i.toLowerCase();
 	return o === "pdf" ? /* @__PURE__ */ Q(b, {
 		className: "file type icon",
@@ -1351,8 +1457,8 @@ function tt({ ext: i }) {
 		"aria-hidden": "true"
 	});
 }
-var nt = 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, O] = 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: 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" ? {
 		shape: "square",
 		outputSize: 256,
 		quality: .92
@@ -1360,7 +1466,7 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 		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]);
+	} : null, L = ve(() => D.map((e) => ot(e) ? URL.createObjectURL(e) : null), [D]);
 	Y(() => () => {
 		L.forEach((e) => {
 			e && URL.revokeObjectURL(e);
@@ -1376,18 +1482,18 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 			});
 		}
 		if (n && a.filter((e) => e.size > n).length) {
-			j(`Max file size: ${Qe(n)}`);
+			j(`Max file size: ${it(n)}`);
 			return;
 		}
 		if (r && a.length > r) {
 			j(`Max ${r} file${r > 1 ? "s" : ""}`);
 			return;
 		}
-		if (j(""), I && a.length === 1 && et(a[0])) {
+		if (j(""), I && a.length === 1 && ot(a[0])) {
 			N(a[0]);
 			return;
 		}
-		O(a), i?.(a);
+		k(a), i?.(a);
 	}, [
 		e,
 		n,
@@ -1395,42 +1501,42 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 		i,
 		I
 	]), ee = J((e) => {
-		N(null), O([e]), i?.([e]);
+		N(null), k([e]), i?.([e]);
 	}, [i]), z = J(() => {
 		N(null);
-	}, []), te = J((e) => {
+	}, []), B = J((e) => {
 		e.preventDefault(), e.stopPropagation(), !u && (F.current++, E(!0));
-	}, [u]), B = J((e) => {
+	}, [u]), V = J((e) => {
 		e.preventDefault(), e.stopPropagation(), F.current--, F.current <= 0 && (F.current = 0, E(!1));
-	}, []), V = J((e) => {
-		e.preventDefault(), e.stopPropagation();
 	}, []), H = J((e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, []), te = 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]), W = J((e) => {
+	}, [R]), re = J((e) => {
 		let t = L[e];
 		t && URL.revokeObjectURL(t);
 		let n = D.filter((t, n) => n !== e);
-		O(n), i?.(n);
+		k(n), i?.(n);
 	}, [
 		D,
 		L,
 		i
-	]), re = J(() => {
+	]), ie = J(() => {
 		L.forEach((e) => {
 			e && URL.revokeObjectURL(e);
-		}), N(null), O([]), j(""), P.current && (P.current.value = ""), i?.([]), b?.();
+		}), N(null), k([]), j(""), P.current && (P.current.value = ""), i?.([]), b?.();
 	}, [
 		L,
 		i,
 		b
-	]), ie = c || A, ae = l || !!A;
+	]), W = c || A, ae = l || !!A;
 	return /* @__PURE__ */ $("div", {
 		ref: C,
-		className: k("file input", ae ? "color-error" : `color-${d}`, f, v && "full-width", u && "disabled", x),
+		className: O("file input", ae ? "color-error" : `color-${d}`, f, v && "full-width", u && "disabled", x),
 		...S,
 		children: [
 			(a || m && D.length > 0 && !u) && /* @__PURE__ */ $("div", {
@@ -1441,18 +1547,18 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 				}), m && D.length > 0 && !u && /* @__PURE__ */ Q("button", {
 					type: "button",
 					className: "file clear clear-btn-base",
-					onClick: re,
+					onClick: ie,
 					"aria-label": "Clear files",
 					children: /* @__PURE__ */ Q(o, { "aria-hidden": "true" })
 				})]
 			}),
 			/* @__PURE__ */ $("div", {
-				className: k("file dropzone", T && "dragging", ae && "error"),
+				className: O("file dropzone", T && "dragging", ae && "error"),
 				onClick: U,
-				onDragEnter: te,
-				onDragLeave: B,
-				onDragOver: V,
-				onDrop: H,
+				onDragEnter: B,
+				onDragLeave: V,
+				onDragOver: H,
+				onDrop: te,
 				role: "button",
 				tabIndex: u ? -1 : 0,
 				onKeyDown: (e) => {
@@ -1489,7 +1595,7 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 					]
 				})]
 			}),
-			M && I && /* @__PURE__ */ Q(Ze, {
+			M && I && /* @__PURE__ */ Q(rt, {
 				file: M,
 				shape: I.shape,
 				outputSize: I.outputSize,
@@ -1501,9 +1607,9 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 				className: "file helper",
 				children: s
 			}),
-			ae && ie && /* @__PURE__ */ Q("div", {
+			ae && W && /* @__PURE__ */ Q("div", {
 				className: "file error",
-				children: ie
+				children: W
 			}),
 			p && D.length > 0 && !M && /* @__PURE__ */ Q("div", {
 				className: "file preview",
@@ -1516,7 +1622,7 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 								src: L[t],
 								alt: e.name,
 								className: "file image"
-							}) : /* @__PURE__ */ Q(tt, { ext: $e(e.name) })
+							}) : /* @__PURE__ */ Q(st, { ext: at(e.name) })
 						}),
 						/* @__PURE__ */ $("div", {
 							className: "file info",
@@ -1525,14 +1631,14 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, onCh
 								children: e.name
 							}), /* @__PURE__ */ Q("span", {
 								className: "file size",
-								children: Qe(e.size)
+								children: it(e.size)
 							})]
 						}),
 						/* @__PURE__ */ Q("button", {
 							type: "button",
 							className: "file remove",
 							onClick: (e) => {
-								e.stopPropagation(), W(t);
+								e.stopPropagation(), re(t);
 							},
 							"aria-label": `Remove ${e.name}`,
 							children: /* @__PURE__ */ Q(o, { "aria-hidden": "true" })
@@ -1544,6 +1650,6 @@ var nt = q(function({ accept: e, multiple: t = !1, maxSize: n, maxFiles: r, 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 };
+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-Bcwd_UTr.js.map
+//# sourceMappingURL=inputs-Dwjwa_SJ.js.map