@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/inputs-Bd_5Xg49.js

@@ -0,0 +1,1553 @@
+import { t as e } from "./MCloseIcon-BQv01JOS.js";
+import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./MZoomInIcon-CK2aJhDg.js";
+import { t as p } from "./MChevronDownIcon-CPXk51nE.js";
+import { t as m } from "./MCalendarIcon-Csj_JV9i.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-H7zvI8AL.js";
+import { t as k } from "./cn-B_veu23e.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-CAahqOcq.js";
+import { a as B, i as V, n as H, r as U } from "./creditCards-Bk9rsMJf.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-qn3Mj74v.js";
+import { t as le } from "./useGhostText-BpSSyl8G.js";
+import { t as ue } from "./useInteractionEffect-B5_UpgTt.js";
+import { r as de, t as fe } from "./MButton-BIWj6T2J.js";
+import { t as pe } from "./MCheckbox-DhDggBnO.js";
+import { t as me } from "./MSlider-KyOhqE6d.js";
+import { n as he, t as K } from "./MInput-DYEAqxod.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: te } = he(e, t), B = le({
+		options: w ?? [],
+		value: z,
+		minChars: T
+	}), 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);
+		e.style.height = `${i}px`, e.style.overflowY = e.scrollHeight > i ? "auto" : "hidden";
+	}, [
+		u,
+		d,
+		f,
+		U
+	]);
+	Y(() => {
+		ne();
+	}, [z, ne]);
+	let W = J((e) => {
+		R(!0), A?.(e);
+	}, [A]), re = J((e) => {
+		R(!1), j?.(e);
+	}, [j]), ie = J((e) => {
+		te(e.target.value), O?.(e), B.reset();
+	}, [
+		O,
+		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,
+		B,
+		te,
+		E,
+		U
+	]), oe = k("container", `field-${p}`, `field-${m}`, L && "focused", V && "error", x && !V && "success", a && "disabled");
+	return /* @__PURE__ */ $("div", {
+		className: k("textarea", H, 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),
+				children: _
+			}),
+			/* @__PURE__ */ $("div", {
+				className: oe,
+				children: [w ? /* @__PURE__ */ $("div", {
+					className: "ghost-text-field ghost-text-field-multi",
+					children: [/* @__PURE__ */ Q("textarea", {
+						ref: U,
+						name: n,
+						id: r,
+						placeholder: i,
+						disabled: a,
+						readOnly: o,
+						required: s,
+						autoFocus: c,
+						rows: u ? d ?? l : l,
+						maxLength: S,
+						value: z,
+						className: k("field", P),
+						onChange: ie,
+						onFocus: W,
+						onBlur: re,
+						onKeyDown: ae,
+						"aria-invalid": V || void 0,
+						"aria-describedby": y ? `${r}-error` : v ? `${r}-helper` : void 0
+					}), L && B.hint && /* @__PURE__ */ $("span", {
+						className: "ghost-text-overlay",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ Q("span", {
+							className: "ghost-text-typed",
+							children: z
+						}), /* @__PURE__ */ Q("span", {
+							className: "ghost-text-hint",
+							children: B.hint
+						})]
+					})]
+				}) : /* @__PURE__ */ Q("textarea", {
+					ref: U,
+					name: n,
+					id: r,
+					placeholder: i,
+					disabled: a,
+					readOnly: o,
+					required: s,
+					autoFocus: c,
+					rows: u ? d ?? l : l,
+					maxLength: S,
+					value: z,
+					className: k("field", P),
+					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",
+					color: h,
+					className: "textarea-spinner"
+				})]
+			}),
+			(y || v || C) && /* @__PURE__ */ $("div", {
+				className: "bottom-row",
+				children: [/* @__PURE__ */ $("span", { children: [y && /* @__PURE__ */ Q("span", {
+					id: r ? `${r}-error` : void 0,
+					className: "field-error",
+					role: "alert",
+					children: y
+				}), !y && v && /* @__PURE__ */ Q("span", {
+					id: r ? `${r}-helper` : void 0,
+					className: "field-helper",
+					children: v
+				})] }), C && S && /* @__PURE__ */ $("span", {
+					className: k("char-count", z.length > S && "over"),
+					children: [
+						z.length,
+						"/",
+						S
+					]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/components/inputs/MInputPassword/MInputPassword.tsx
+function ye(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 = {
+	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, ...c }, u) {
+	let [d, f] = Z(!1), [p, m] = Z(i?.toString() ?? ""), h = r === void 0 ? p : r.toString(), g = ye(h);
+	Y(() => {
+		n?.(g);
+	}, [g, n]);
+	let _ = J((e) => {
+		r === void 0 && m(e.target.value), a?.(e);
+	}, [a, r]), v = e ? /* @__PURE__ */ Q("button", {
+		type: "button",
+		className: "password toggle",
+		onClick: () => f((e) => !e),
+		tabIndex: -1,
+		"aria-label": d ? "Hide password" : "Show password",
+		children: Q(d ? s : l, {})
+	}) : void 0;
+	return /* @__PURE__ */ $("div", {
+		className: k("password input", o),
+		children: [/* @__PURE__ */ Q(K, {
+			...c,
+			ref: u,
+			type: d ? "text" : "password",
+			value: h,
+			onChange: _,
+			endIcon: v
+		}), t && h.length > 0 && /* @__PURE__ */ $("div", {
+			className: "password strength row",
+			children: [/* @__PURE__ */ Q("div", {
+				className: "password strength bar",
+				children: [
+					0,
+					1,
+					2,
+					3
+				].map((e) => /* @__PURE__ */ Q("div", { className: k("password strength segment", e < [
+					"weak",
+					"fair",
+					"good",
+					"strong"
+				].indexOf(g) + 1 && `strength-${g}`) }, e))
+			}), /* @__PURE__ */ Q("span", {
+				className: k("password strength label", `strength-${g}`),
+				children: be[g]
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/components/inputs/MInputNumber/MInputNumber.tsx
+function Se(e, t, n) {
+	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
+}
+function Ce(e, t) {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
+}
+var we = q(function({ min: e, max: t, step: n = 1, showStepper: i = !0, precision: a = 0, allowNegative: o = !0, onValueChange: s, value: c, defaultValue: l, onChange: u, onKeyDown: d, onBlur: f, 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) => {
+		c === void 0 && y(e);
+		let t = parseFloat(e);
+		s?.(isNaN(t) ? null : t);
+	}, [c, s]), w = J((r) => {
+		let i = Ce(Se((parseFloat(S.current) || 0) + n * r, e, t), a);
+		S.current = i.toString(), C(i.toString());
+	}, [
+		n,
+		e,
+		t,
+		a,
+		C
+	]), T = J((e) => {
+		w(e), x.current = setInterval(() => w(e), 150);
+	}, [w]), E = J(() => {
+		x.current &&= (clearInterval(x.current), null);
+	}, []);
+	Y(() => E, [E]);
+	let D = J((e) => {
+		let t = e.target.value.replace(o ? /[^\d.,-]/g : /[^\d.,]/g, "");
+		S.current = t, C(t), u?.(e);
+	}, [
+		u,
+		o,
+		C
+	]), O = J((n) => {
+		let r = parseFloat(S.current);
+		if (!isNaN(r)) {
+			let n = Ce(Se(r, e, t), a);
+			S.current = n.toString(), C(n.toString());
+		}
+		f?.(n);
+	}, [
+		e,
+		t,
+		a,
+		C,
+		f
+	]), A = J((e) => {
+		e.key === "ArrowUp" ? (e.preventDefault(), w(1)) : e.key === "ArrowDown" && (e.preventDefault(), w(-1)), d?.(e);
+	}, [w, d]), j = i && !m ? /* @__PURE__ */ $("div", {
+		className: "number stepper",
+		children: [/* @__PURE__ */ Q("button", {
+			type: "button",
+			className: "number step button",
+			onPointerDown: (e) => {
+				e.preventDefault(), T(1);
+			},
+			onPointerUp: E,
+			onPointerLeave: E,
+			onPointerCancel: E,
+			tabIndex: -1,
+			"aria-label": "Increment",
+			children: /* @__PURE__ */ Q(r, {})
+		}), /* @__PURE__ */ Q("button", {
+			type: "button",
+			className: "number step button",
+			onPointerDown: (e) => {
+				e.preventDefault(), T(-1);
+			},
+			onPointerUp: E,
+			onPointerLeave: E,
+			onPointerCancel: E,
+			tabIndex: -1,
+			"aria-label": "Decrement",
+			children: /* @__PURE__ */ Q(p, {})
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ Q(K, {
+		...g,
+		ref: _,
+		type: "text",
+		inputMode: "decimal",
+		value: b,
+		onChange: D,
+		onBlur: O,
+		onKeyDown: A,
+		endIcon: j,
+		disabled: m,
+		className: k("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: p = "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);
+		return y(t), r?.(t), t;
+	}, [r]), w = J((e) => {
+		a === void 0 && _(e.target.value), t && b && C(e.target.value), s?.(e);
+	}, [
+		s,
+		a,
+		t,
+		b,
+		C
+	]), T = J((t) => {
+		x(!0), e && t.target.value && C(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 = n && O ? /* @__PURE__ */ Q("span", {
+		className: "validation-icon",
+		children: /* @__PURE__ */ Q(i, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(K, {
+		...m,
+		ref: h,
+		type: "email",
+		value: S,
+		onChange: w,
+		onBlur: T,
+		error: E,
+		errorText: D,
+		success: O,
+		placeholder: p,
+		startIcon: /* @__PURE__ */ Q(f, {}),
+		endIcon: k
+	});
+}), Ee = q(function({ countryCode: e = "PL", showCountryCode: t = !0, formatOnChange: n = !0, validateOnBlur: r = !0, onValidationChange: i, onValueChange: a, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, placeholder: p = "123 456 789", className: 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((t) => {
+		let r = G(t.target.value), i = n ? ce(r, { countryCode: e }) : r;
+		s === void 0 && v(i), a?.(r, i), l?.(t);
+	}, [
+		l,
+		s,
+		n,
+		e,
+		a
+	]), T = J((t) => {
+		if (S(!0), r && C) {
+			let t = N(G(C), e);
+			b(t), i?.(t);
+		}
+		u?.(t);
+	}, [
+		u,
+		r,
+		C,
+		e,
+		i
+	]), E = t ? /* @__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 = d || x && !y.valid, O = f || (x && !y.valid ? y.error : void 0);
+	return /* @__PURE__ */ Q(K, {
+		...h,
+		ref: g,
+		type: "tel",
+		value: C,
+		onChange: w,
+		onBlur: T,
+		error: D,
+		errorText: O,
+		placeholder: p,
+		startIcon: t ? E : /* @__PURE__ */ Q(o, {}),
+		className: k("phone input", m)
+	});
+}), 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) => {
+		let i = r;
+		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);
+	}, [
+		l,
+		o,
+		C
+	]), T = J((e) => {
+		if (x(!0), i && S) {
+			let e = S.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);
+			} else {
+				let e = { valid: !0 };
+				y(e), a?.(e);
+			}
+		}
+		u?.(e);
+	}, [
+		u,
+		i,
+		S,
+		r,
+		a
+	]), E = d || b && !v.valid, D = f || (b && !v.valid ? v.error : void 0);
+	return /* @__PURE__ */ Q(K, {
+		...m,
+		ref: h,
+		type: "text",
+		value: S,
+		onChange: w,
+		onBlur: T,
+		error: E,
+		errorText: D,
+		placeholder: p,
+		startIcon: /* @__PURE__ */ Q(c, {})
+	});
+});
+//#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 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 Ae(e, t, n = !0) {
+	let r = ke(e, t);
+	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: r = !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);
+	Y(() => {
+		c === void 0 && y((t) => Ae(t, e, n));
+	}, [
+		e,
+		n,
+		c
+	]);
+	let T = J((t) => {
+		let r = ke(re(t.target.value), e), i = n ? ne(r) : r;
+		c === void 0 && y(i), s?.(r, i), u?.(t);
+	}, [
+		e,
+		u,
+		c,
+		n,
+		s
+	]), E = J((t) => {
+		if (C(!0), r && w) {
+			let t = j(ke(re(w), e));
+			x(t), o?.(t);
+		}
+		d?.(t);
+	}, [
+		e,
+		d,
+		r,
+		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", {
+		className: "validation-icon",
+		children: /* @__PURE__ */ Q(i, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(K, {
+		...g,
+		ref: _,
+		type: "text",
+		value: w,
+		onChange: T,
+		onBlur: E,
+		error: D,
+		errorText: O,
+		success: k,
+		placeholder: h ?? je(e),
+		startIcon: /* @__PURE__ */ Q(t, {}),
+		endIcon: A,
+		maxLength: 42
+	});
+}), Ne = {
+	NIP: M,
+	PESEL: R,
+	REGON: P
+}, Pe = {
+	NIP: 13,
+	PESEL: 11,
+	REGON: 14
+}, Fe = {
+	NIP: "123-456-78-19",
+	PESEL: "00000000000",
+	REGON: "000000000"
+}, Ie = q(function({ taxIdType: e, formatOnChange: t = !0, validateOnBlur: n = !0, showValidIcon: r = !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((n) => {
+		let r = G(n.target.value), i = t && e === "NIP" ? oe(r) : r;
+		c === void 0 && y(i), s?.(r), u?.(n);
+	}, [
+		u,
+		c,
+		t,
+		e,
+		s
+	]), E = J((t) => {
+		if (C(!0), n && w) {
+			let t = Ne[e], n = t(G(w));
+			x(n), o?.(n);
+		}
+		d?.(t);
+	}, [
+		d,
+		n,
+		w,
+		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 = r && k ? /* @__PURE__ */ Q("span", {
+		className: "validation-icon",
+		children: /* @__PURE__ */ Q(i, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(K, {
+		...g,
+		ref: _,
+		type: "text",
+		inputMode: "numeric",
+		value: w,
+		onChange: T,
+		onBlur: E,
+		error: D,
+		errorText: O,
+		success: k,
+		placeholder: h ?? Fe[e],
+		startIcon: /* @__PURE__ */ Q(a, {}),
+		endIcon: A,
+		maxLength: Pe[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) {
+	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, {
+			decimalSeparator: r,
+			thousandSeparator: i,
+			precision: a
+		});
+		u === void 0 && x(s);
+		let d = W(s, i, r);
+		l?.(d), f?.(e);
+	}, [
+		f,
+		u,
+		r,
+		i,
+		a,
+		c,
+		l
+	]), T = J((e) => {
+		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 = se(t.toFixed(a).replace(".", r), {
+				decimalSeparator: r,
+				thousandSeparator: i,
+				precision: a
+			});
+			u === void 0 && x(e), l?.(t);
+		}
+		p?.(e);
+	}, [
+		S,
+		o,
+		s,
+		a,
+		r,
+		i,
+		u,
+		l,
+		p
+	]), E = C ? /* @__PURE__ */ Q("span", {
+		className: "currency symbol",
+		children: C
+	}) : void 0;
+	return /* @__PURE__ */ Q(K, {
+		...v,
+		ref: y,
+		type: "text",
+		inputMode: "decimal",
+		value: S,
+		onChange: w,
+		onBlur: T,
+		placeholder: m,
+		startIcon: n === "start" ? E : h,
+		endIcon: n === "end" ? E : g,
+		className: k("currency input", _)
+	});
+}), Re = {
+	"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) {
+	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) {
+			D.current = !1;
+			return;
+		}
+		if (!O) {
+			w({ valid: !0 }), E(!1);
+			return;
+		}
+		w(z(O, {
+			format: e,
+			minDate: n,
+			maxDate: r
+		}));
+	}, [
+		O,
+		e,
+		r,
+		n
+	]);
+	let k = J((t) => {
+		let i = z(t, {
+			format: e,
+			minDate: n,
+			maxDate: r
+		});
+		return w(i), s?.(i), i;
+	}, [
+		e,
+		n,
+		r,
+		s
+	]), A = J((t) => {
+		G(t).length === 8 ? o?.(ee(t, e), t) : o?.(null, t);
+	}, [e, o]), j = 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);
+	}, [
+		u,
+		c,
+		e,
+		t,
+		a,
+		T,
+		k,
+		A
+	]), M = J(() => {
+		D.current = !0, c === void 0 && S(""), w({ valid: !0 }), E(!1), o?.(null, ""), p?.();
+	}, [
+		c,
+		o,
+		p
+	]), N = J((e) => {
+		E(!0), i && O && k(O), d?.(e);
+	}, [
+		d,
+		i,
+		O,
+		k
+	]), P = J((e) => {
+		if ([
+			"Backspace",
+			"Delete",
+			"Tab",
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		].includes(e.key)) {
+			f?.(e);
+			return;
+		}
+		if (e.ctrlKey || e.metaKey) {
+			f?.(e);
+			return;
+		}
+		/^\d$/.test(e.key) || e.preventDefault(), f?.(e);
+	}, [f]), F = h || T && !C.valid, I = 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),
+		startIcon: /* @__PURE__ */ Q(m, {}),
+		maxLength: 10,
+		className: v
+	});
+});
+//#endregion
+//#region src/components/inputs/MInputCreditCard/MInputCreditCard.tsx
+function Be({ value: 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: 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);
+	}, [
+		o,
+		u,
+		s,
+		E,
+		C,
+		t,
+		c
+	]), O = J((t) => {
+		w(!0), e && T && E(T), d?.(t);
+	}, [
+		T,
+		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 && V(T).length > 0, N = r && M ? /* @__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,
+		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)
+	});
+});
+//#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: 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: 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(i, a), 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();
+	}, [
+		O,
+		L,
+		W
+	]), ce = We(t), G = We(n);
+	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: r,
+						value: ne,
+						name: o,
+						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(e, {})
+					}),
+					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,
+		s,
+		N,
+		E,
+		i,
+		c
+	]), L = J((e) => {
+		D(!0), r && M && N(M, O), d?.(e);
+	}, [
+		O,
+		M,
+		d,
+		N,
+		r
+	]), 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);
+	}, [
+		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,
+		type: "text",
+		inputMode: j.inputMode,
+		value: M,
+		onChange: P,
+		onBlur: L,
+		error: ee,
+		errorText: z,
+		helperText: z ? void 0 : m ?? `Format: ${j.example}`,
+		placeholder: h ?? j.placeholder,
+		maxLength: j.maxLength,
+		disabled: _,
+		prepend: n ? /* @__PURE__ */ Q("div", {
+			className: "country-select-wrap",
+			children: /* @__PURE__ */ Q("select", {
+				className: "country-select",
+				value: O,
+				onChange: R,
+				disabled: _,
+				"aria-label": "Postal code country",
+				children: A.map((e) => /* @__PURE__ */ Q("option", {
+					value: e.value,
+					children: e.value
+				}, e.value))
+			})
+		}) : {
+			type: "text",
+			content: O
+		},
+		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));
+		y.current[n]?.focus();
+	}, [t]);
+	Y(() => {
+		i && S(0);
+	}, [i, S]);
+	let C = J((e, 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);
+	}, [
+		v,
+		t,
+		x,
+		S
+	]), w = J((e, 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));
+	}, [
+		v,
+		t,
+		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,
+		x,
+		S
+	]), E = J(() => {
+		x(""), f?.(), S(0);
+	}, [
+		S,
+		f,
+		x
+	]);
+	return /* @__PURE__ */ $("div", {
+		ref: h,
+		className: k("otp input", b, s, a && "disabled", p),
+		...m,
+		children: [
+			d && /* @__PURE__ */ Q("div", {
+				className: "otp label",
+				children: d
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "otp control",
+				children: [/* @__PURE__ */ Q("div", {
+					className: "otp slots",
+					onPaste: T,
+					children: Array.from({ length: t }, (e, t) => /* @__PURE__ */ Q("input", {
+						ref: (e) => {
+							y.current[t] = e;
+						},
+						type: "text",
+						inputMode: "numeric",
+						maxLength: 1,
+						value: v[t] || "",
+						disabled: a,
+						className: k("otp slot", v[t] && "filled"),
+						"aria-label": `Digit ${t + 1}`,
+						onChange: (e) => {
+							C(t, e.target.value.slice(-1));
+						},
+						onKeyDown: (e) => w(t, e),
+						onFocus: (e) => e.target.select()
+					}, t))
+				}), u && v.length > 0 && !a && /* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "otp clear clear-btn-base",
+					onClick: E,
+					"aria-label": "Clear code",
+					children: /* @__PURE__ */ Q(e, {})
+				})]
+			}),
+			c && l && /* @__PURE__ */ Q("div", {
+				className: "otp error",
+				children: l
+			})
+		]
+	});
+});
+//#endregion
+//#region src/components/inputs/MInputSlider/MInputSlider.tsx
+function Je(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function Ye(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) {
+	let [h, g] = Z(e), _ = r === void 0 ? h : r, v = J((n) => {
+		let o = Ye(Je(n, e, t), a);
+		r === void 0 && g(o), i?.(o);
+	}, [
+		e,
+		t,
+		a,
+		r,
+		i
+	]), y = J((e) => v(e), [v]), b = J((e) => {
+		let t = e.target.value;
+		if (t === "" || t === "-") return;
+		let n = parseFloat(t);
+		isNaN(n) || v(n);
+	}, [v]), x = J(() => {
+		v(_);
+	}, [_, v]);
+	return /* @__PURE__ */ $("div", {
+		ref: m,
+		className: k("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, {
+				min: e,
+				max: t,
+				step: n,
+				value: _,
+				onChange: y,
+				marks: o,
+				color: c,
+				disabled: u
+			}), s && /* @__PURE__ */ Q("input", {
+				type: "text",
+				inputMode: "decimal",
+				className: k("slider field", `color-${c}`),
+				value: _,
+				onChange: b,
+				onBlur: x,
+				disabled: u,
+				"aria-label": d || "MSlider value"
+			})]
+		})]
+	});
+});
+//#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({
+		x: 0,
+		y: 0
+	}), [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 = new Image();
+		e.onload = () => {
+			c.current = e;
+			let t = 280 / Math.min(e.width, e.height);
+			p(t), h({
+				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 = {
+			x: e.clientX,
+			y: e.clientY,
+			ox: m.x,
+			oy: m.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)
+		});
+	}, [g]), x = J(() => {
+		_(!1);
+	}, []), S = 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 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) => {
+			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,
+		n,
+		r,
+		t,
+		i
+	]), 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: [
+			/* @__PURE__ */ $("div", {
+				ref: s,
+				className: `crop viewport ${t}`,
+				onPointerDown: y,
+				onPointerMove: b,
+				onPointerUp: x,
+				onWheel: S,
+				children: [l && /* @__PURE__ */ Q("img", {
+					src: l,
+					alt: "",
+					className: "crop image",
+					draggable: !1,
+					style: {
+						transform: `translate(${m.x}px, ${m.y}px) scale(${f})`,
+						transformOrigin: "0 0"
+					}
+				}), /* @__PURE__ */ Q("div", { className: `crop overlay ${t}` })]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "crop zoom",
+				children: [/* @__PURE__ */ Q(d, {
+					className: "crop zoom icon",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ Q(me, {
+					min: 0,
+					max: 100,
+					step: 1,
+					value: T,
+					onChange: E,
+					color: "primary",
+					className: "crop zoom slider"
+				})]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "crop actions",
+				children: [/* @__PURE__ */ Q(fe, {
+					variant: "ghost",
+					size: "sm",
+					color: "neutral",
+					onClick: a,
+					children: "Cancel"
+				}), /* @__PURE__ */ Q(fe, {
+					variant: "ghost",
+					size: "sm",
+					color: "primary",
+					onClick: w,
+					children: "Crop"
+				})]
+			}),
+			/* @__PURE__ */ Q("canvas", {
+				ref: o,
+				style: { display: "none" }
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/inputs/MInputFile/MInputFile.tsx
+function Qe(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function $e(e) {
+	let t = e.lastIndexOf(".");
+	return t >= 0 ? e.slice(t + 1).toUpperCase() : "";
+}
+function et(e) {
+	return e.type.startsWith("image/");
+}
+function tt({ ext: e }) {
+	let t = e.toLowerCase();
+	return t === "pdf" ? /* @__PURE__ */ Q(C, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"webp",
+		"svg"
+	].includes(t) ? /* @__PURE__ */ Q(v, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["json"].includes(t) ? /* @__PURE__ */ Q(w, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"js",
+		"jsx",
+		"ts",
+		"tsx",
+		"html",
+		"css",
+		"php",
+		"xml"
+	].includes(t) ? /* @__PURE__ */ Q(g, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["txt"].includes(t) ? /* @__PURE__ */ Q(h, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["md"].includes(t) ? /* @__PURE__ */ Q(y, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"docs",
+		"doc",
+		"docx"
+	].includes(t) ? /* @__PURE__ */ Q(D, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["odt"].includes(t) ? /* @__PURE__ */ Q(T, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"csv",
+		"xls",
+		"xlsx"
+	].includes(t) ? /* @__PURE__ */ Q(O, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["zip"].includes(t) ? /* @__PURE__ */ Q(_, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"rar",
+		"7z",
+		"tar",
+		"gz"
+	].includes(t) ? /* @__PURE__ */ Q(u, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"mp3",
+		"wav",
+		"ogg"
+	].includes(t) ? /* @__PURE__ */ Q(b, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"mp4",
+		"mov",
+		"avi",
+		"mkv",
+		"webm"
+	].includes(t) ? /* @__PURE__ */ Q(E, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"exe",
+		"msi",
+		"bat"
+	].includes(t) ? /* @__PURE__ */ Q(x, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : /* @__PURE__ */ Q(S, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	});
+}
+var nt = q(function({ accept: t, multiple: r = !1, maxSize: i, 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" ? {
+		shape: "square",
+		outputSize: 256,
+		quality: .92
+	} : {
+		shape: b.shape ?? "square",
+		outputSize: b.outputSize ?? 256,
+		quality: b.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)));
+			});
+		}
+		if (i && n.filter((e) => e.size > i).length) {
+			j(`Max file size: ${Qe(i)}`);
+			return;
+		}
+		if (a && n.length > a) {
+			j(`Max ${a} file${a > 1 ? "s" : ""}`);
+			return;
+		}
+		if (j(""), I && n.length === 1 && et(n[0])) {
+			N(n[0]);
+			return;
+		}
+		O(n), o?.(n);
+	}, [
+		t,
+		i,
+		a,
+		o,
+		I
+	]), ee = J((e) => {
+		N(null), O([e]), o?.([e]);
+	}, [o]), z = J(() => {
+		N(null);
+	}, []), te = J((e) => {
+		e.preventDefault(), e.stopPropagation(), !d && (F.current++, E(!0));
+	}, [d]), B = 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(), F.current = 0, E(!1), !d && e.dataTransfer.files.length && R(e.dataTransfer.files);
+	}, [d, R]), U = J(() => {
+		d || P.current?.click();
+	}, [d]), ne = J((e) => {
+		e.target.files?.length && R(e.target.files);
+	}, [R]), W = J((e) => {
+		let t = L[e];
+		t && URL.revokeObjectURL(t);
+		let n = D.filter((t, n) => n !== e);
+		O(n), o?.(n);
+	}, [
+		D,
+		L,
+		o
+	]), re = J(() => {
+		L.forEach((e) => {
+			e && URL.revokeObjectURL(e);
+		}), N(null), O([]), j(""), P.current && (P.current.value = ""), o?.([]), x?.();
+	}, [
+		L,
+		o,
+		x
+	]), ie = l || A, ae = u || !!A;
+	return /* @__PURE__ */ $("div", {
+		ref: w,
+		className: k("file input", ae ? "color-error" : `color-${f}`, p, y && "full-width", d && "disabled", S),
+		...C,
+		children: [
+			(s || h && D.length > 0 && !d) && /* @__PURE__ */ $("div", {
+				className: "file header",
+				children: [s && /* @__PURE__ */ Q("div", {
+					className: "file label",
+					children: s
+				}), h && D.length > 0 && !d && /* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "file clear clear-btn-base",
+					onClick: re,
+					"aria-label": "Clear files",
+					children: /* @__PURE__ */ Q(e, { "aria-hidden": "true" })
+				})]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: k("file dropzone", T && "dragging", ae && "error"),
+				onClick: U,
+				onDragEnter: te,
+				onDragLeave: B,
+				onDragOver: V,
+				onDrop: H,
+				role: "button",
+				tabIndex: d ? -1 : 0,
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), U());
+				},
+				"aria-label": s || _,
+				children: [/* @__PURE__ */ Q("input", {
+					ref: P,
+					type: "file",
+					accept: t,
+					multiple: r,
+					onChange: ne,
+					tabIndex: -1,
+					className: "file hidden"
+				}), /* @__PURE__ */ $("div", {
+					className: "file content",
+					children: [
+						g && /* @__PURE__ */ Q("div", {
+							className: "file icon",
+							children: g
+						}),
+						!g && /* @__PURE__ */ Q(n, {
+							className: "file icon default",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ Q("div", {
+							className: "file text",
+							children: T ? v : _
+						}),
+						t && /* @__PURE__ */ Q("div", {
+							className: "file accept",
+							children: t
+						})
+					]
+				})]
+			}),
+			M && I && /* @__PURE__ */ Q(Ze, {
+				file: M,
+				shape: I.shape,
+				outputSize: I.outputSize,
+				quality: I.quality,
+				onCrop: ee,
+				onCancel: z
+			}),
+			c && !ae && /* @__PURE__ */ Q("div", {
+				className: "file helper",
+				children: c
+			}),
+			ae && ie && /* @__PURE__ */ Q("div", {
+				className: "file error",
+				children: ie
+			}),
+			m && D.length > 0 && !M && /* @__PURE__ */ Q("div", {
+				className: "file preview",
+				children: D.map((t, n) => /* @__PURE__ */ $("div", {
+					className: "file item",
+					children: [
+						/* @__PURE__ */ Q("div", {
+							className: "file thumb",
+							children: L[n] ? /* @__PURE__ */ Q("img", {
+								src: L[n],
+								alt: t.name,
+								className: "file image"
+							}) : /* @__PURE__ */ Q(tt, { ext: $e(t.name) })
+						}),
+						/* @__PURE__ */ $("div", {
+							className: "file info",
+							children: [/* @__PURE__ */ Q("span", {
+								className: "file name",
+								children: t.name
+							}), /* @__PURE__ */ Q("span", {
+								className: "file size",
+								children: Qe(t.size)
+							})]
+						}),
+						/* @__PURE__ */ Q("button", {
+							type: "button",
+							className: "file remove",
+							onClick: (e) => {
+								e.stopPropagation(), W(n);
+							},
+							"aria-label": `Remove ${t.name}`,
+							children: /* @__PURE__ */ Q(e, { "aria-hidden": "true" })
+						})
+					]
+				}, `${t.name}-${n}`))
+			})
+		]
+	});
+});
+//#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-Bd_5Xg49.js.map