@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/InputFile-DicC8Tbv.js

@@ -0,0 +1,1356 @@
+import { t as e } from "./CloseIcon-DGl8CDLK.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./ZoomInIcon-UNvzc9zU.js";
+import { t as l } from "./ChevronDownIcon-BDiyHPT4.js";
+import { n as u, t as d } from "./PhoneIcon-DXlB7Uz0.js";
+import { A as f, D as p, E as m, O as h, d as g, f as _, i as v, j as y, k as b, l as x, m as S, p as C, r as w, w as T } from "./FileExtIcons-BecWBncW.js";
+import { t as E } from "./cn-BIeeqGZv.js";
+import { _ as D, h as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, u as I } from "./validators-Y1nYXhNR.js";
+import { a as ee, i as L, n as R, r as z } from "./creditCards-pLOxJ6gs.js";
+import { a as B, i as V, l as H, n as U, o as W, r as G, s as K, u as te } from "./formatters-CtZdwLSU.js";
+import { t as ne } from "./useInteractionEffect-B5_UpgTt.js";
+import { t as re } from "./useGhostText-BNcH5o9H.js";
+import { t as ie } from "./appearanceProps-8tN47e1u.js";
+import { t as ae } from "./Checkbox-B4t7uzS2.js";
+import { t as oe } from "./Slider-BvnJPPAf.js";
+import { n as q, r as se } from "./InputSearch-BO_j0nAW.js";
+import { forwardRef as J, isValidElement as ce, useCallback as Y, useEffect as le, useMemo as ue, useRef as X, useState as Z } from "react";
+import { jsx as Q, jsxs as $ } from "react/jsx-runtime";
+//#region src/components/inputs/Textarea/Textarea.tsx
+var de = J(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, fcolor: g, fullWidth: _ = !1, label: v, helperText: y, errorText: b, error: x = !1, success: S = !1, maxLength: C, showCharCount: w = !1, ghostOptions: T, ghostMinChars: D = 2, onGhostAccept: O, loading: k = !1, onChange: A, onFocus: j, onBlur: M, className: N, style: P, textareaClassName: F, labelClassName: I }, ee) {
+	let [L, R] = Z(!1), z = X(null), { currentValue: B, setCurrentValue: V } = se(e, t), H = re({
+		options: T ?? [],
+		value: B,
+		minChars: D
+	}), U = x || !!b, W = ee ?? z, G = Y(() => {
+		let e = typeof W == "function" ? null : W?.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,
+		W
+	]);
+	le(() => {
+		G();
+	}, [B, G]);
+	let K = Y((e) => {
+		R(!0), j?.(e);
+	}, [j]), te = Y((e) => {
+		R(!1), M?.(e);
+	}, [M]), ne = Y((e) => {
+		V(e.target.value), A?.(e), H.reset();
+	}, [
+		A,
+		V,
+		H.reset
+	]), ae = Y((e) => {
+		if (T && H.hint && H.onKeyDown(e)) {
+			let e = H.accept();
+			V(e.value), O?.(e.value);
+			let t = typeof W == "function" ? null : W?.current;
+			t && ((Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set)?.call(t, e.value), t.dispatchEvent(new Event("input", { bubbles: !0 })));
+			return;
+		}
+	}, [
+		T,
+		H,
+		V,
+		O,
+		W
+	]), oe = E("container", p, m, L && "focused", U && "error", S && !U && "success", h === "neutral" && "color-neutral", h === "success" && "color-success", h === "error" && "color-error", h === "warning" && "color-warning", h === "info" && "color-info", a && "disabled");
+	return /* @__PURE__ */ $("div", {
+		className: E("textarea", ...ie({ fcolor: g }), _ && "full-width", N),
+		style: P,
+		children: [
+			v && /* @__PURE__ */ Q("label", {
+				htmlFor: r,
+				className: E("label", L && "focused", U && "error", S && !U && "success", s && "required", I),
+				children: v
+			}),
+			/* @__PURE__ */ $("div", {
+				className: oe,
+				children: [T ? /* @__PURE__ */ $("div", {
+					className: "ghost-text-field ghost-text-field-multi",
+					children: [/* @__PURE__ */ Q("textarea", {
+						ref: W,
+						name: n,
+						id: r,
+						placeholder: i,
+						disabled: a,
+						readOnly: o,
+						required: s,
+						autoFocus: c,
+						rows: u ? d ?? l : l,
+						maxLength: C,
+						value: B,
+						className: E("field", F),
+						onChange: ne,
+						onFocus: K,
+						onBlur: te,
+						onKeyDown: ae,
+						"aria-invalid": U || void 0,
+						"aria-describedby": b ? `${r}-error` : y ? `${r}-helper` : void 0
+					}), L && H.hint && /* @__PURE__ */ $("span", {
+						className: "ghost-text-overlay",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ Q("span", {
+							className: "ghost-text-typed",
+							children: B
+						}), /* @__PURE__ */ Q("span", {
+							className: "ghost-text-hint",
+							children: H.hint
+						})]
+					})]
+				}) : /* @__PURE__ */ Q("textarea", {
+					ref: W,
+					name: n,
+					id: r,
+					placeholder: i,
+					disabled: a,
+					readOnly: o,
+					required: s,
+					autoFocus: c,
+					rows: u ? d ?? l : l,
+					maxLength: C,
+					value: B,
+					className: E("field", F),
+					onChange: ne,
+					onFocus: K,
+					onBlur: te,
+					"aria-invalid": U || void 0,
+					"aria-describedby": b ? `${r}-error` : y ? `${r}-helper` : void 0
+				}), k && /* @__PURE__ */ Q("span", { className: "spinner" })]
+			}),
+			(b || y || w) && /* @__PURE__ */ $("div", {
+				className: "bottom-row",
+				children: [/* @__PURE__ */ $("span", { children: [b && /* @__PURE__ */ Q("span", {
+					id: r ? `${r}-error` : void 0,
+					className: "error-text",
+					role: "alert",
+					children: b
+				}), !b && y && /* @__PURE__ */ Q("span", {
+					id: r ? `${r}-helper` : void 0,
+					className: "helper-text",
+					children: y
+				})] }), w && C && /* @__PURE__ */ $("span", {
+					className: E("char-count", B.length > C && "over"),
+					children: [
+						B.length,
+						"/",
+						C
+					]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/components/inputs/InputPassword/InputPassword.tsx
+function fe(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 pe = {
+	weak: "Weak",
+	fair: "Fair",
+	good: "Good",
+	strong: "Strong"
+}, me = J(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 = fe(p);
+	le(() => {
+		n?.(m);
+	}, [m, n]);
+	let h = Y((e) => {
+		r === void 0 && f(e.target.value), a?.(e);
+	}, [a, r]), g = e ? /* @__PURE__ */ Q("button", {
+		type: "button",
+		className: "password toggle",
+		onClick: () => u((e) => !e),
+		tabIndex: -1,
+		"aria-label": l ? "Hide password" : "Show password",
+		children: l ? "◠" : "◉"
+	}) : void 0;
+	return /* @__PURE__ */ $("div", {
+		className: E("password input", o),
+		children: [/* @__PURE__ */ Q(q, {
+			...s,
+			ref: c,
+			type: l ? "text" : "password",
+			value: p,
+			onChange: h,
+			endIcon: g
+		}), t && p.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: E("password strength segment", e < [
+					"weak",
+					"fair",
+					"good",
+					"strong"
+				].indexOf(m) + 1 && `strength-${m}`) }, e))
+			}), /* @__PURE__ */ Q("span", {
+				className: E("password strength label", `strength-${m}`),
+				children: pe[m]
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/components/inputs/InputNumber/InputNumber.tsx
+function he(e, t, n) {
+	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
+}
+function ge(e, t) {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
+}
+var _e = J(function({ min: e, max: t, step: n = 1, showStepper: r = !0, precision: i = 0, allowNegative: a = !0, onValueChange: o, value: c, defaultValue: u, onChange: d, onKeyDown: f, onBlur: p, disabled: m = !1, className: h, ...g }, _) {
+	let [v, y] = Z(u?.toString() ?? ""), b = c === void 0 ? v : c.toString(), x = X(null), S = Y((e) => {
+		c === void 0 && y(e);
+		let t = parseFloat(e);
+		o?.(isNaN(t) ? null : t);
+	}, [c, o]), C = Y((r) => {
+		S(ge(he((parseFloat(b) || 0) + n * r, e, t), i).toString());
+	}, [
+		b,
+		n,
+		e,
+		t,
+		i,
+		S
+	]), w = Y((e) => {
+		C(e), x.current = setInterval(() => C(e), 150);
+	}, [C]), T = Y(() => {
+		x.current &&= (clearInterval(x.current), null);
+	}, []);
+	le(() => T, [T]);
+	let D = Y((e) => {
+		S(e.target.value.replace(a ? /[^\d.,-]/g : /[^\d.,]/g, "")), d?.(e);
+	}, [
+		d,
+		a,
+		S
+	]), O = Y((n) => {
+		let r = parseFloat(b);
+		isNaN(r) || S(ge(he(r, e, t), i).toString()), p?.(n);
+	}, [
+		b,
+		e,
+		t,
+		i,
+		S,
+		p
+	]), k = Y((e) => {
+		e.key === "ArrowUp" ? (e.preventDefault(), C(1)) : e.key === "ArrowDown" && (e.preventDefault(), C(-1)), f?.(e);
+	}, [C, f]), A = r && !m ? /* @__PURE__ */ $("div", {
+		className: "number stepper",
+		children: [/* @__PURE__ */ Q("button", {
+			type: "button",
+			className: "number step button",
+			onMouseDown: () => w(1),
+			onMouseUp: T,
+			onMouseLeave: T,
+			tabIndex: -1,
+			"aria-label": "Increment",
+			children: /* @__PURE__ */ Q(s, {})
+		}), /* @__PURE__ */ Q("button", {
+			type: "button",
+			className: "number step button",
+			onMouseDown: () => w(-1),
+			onMouseUp: T,
+			onMouseLeave: T,
+			tabIndex: -1,
+			"aria-label": "Decrement",
+			children: /* @__PURE__ */ Q(l, {})
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ Q(q, {
+		...g,
+		ref: _,
+		type: "text",
+		inputMode: "decimal",
+		value: b,
+		onChange: D,
+		onBlur: O,
+		onKeyDown: k,
+		endIcon: A,
+		disabled: m,
+		className: E("number input", h)
+	});
+}), ve = J(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showValidIcon: r = !0, onValidationChange: i, value: a, defaultValue: o, onChange: s, onBlur: c, error: l, errorText: d, success: f, 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 = Y((e) => {
+		let t = j(e);
+		return y(t), i?.(t), t;
+	}, [i]), w = Y((e) => {
+		a === void 0 && _(e.target.value), t && b && C(e.target.value), s?.(e);
+	}, [
+		s,
+		a,
+		t,
+		b,
+		C
+	]), T = Y((t) => {
+		x(!0), e && t.target.value && C(t.target.value), c?.(t);
+	}, [
+		c,
+		e,
+		C
+	]), E = l || b && !v.valid, D = d || (b && !v.valid ? v.error : void 0), O = !E && f !== void 0 ? f : b && v.valid && S.length > 0, k = r && O ? /* @__PURE__ */ Q("span", {
+		style: {
+			display: "inline-flex",
+			color: "var(--mineral-success)"
+		},
+		children: /* @__PURE__ */ Q(n, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(q, {
+		...m,
+		ref: h,
+		type: "email",
+		value: S,
+		onChange: w,
+		onBlur: T,
+		error: E,
+		errorText: D,
+		success: O,
+		placeholder: p,
+		startIcon: /* @__PURE__ */ Q(u, {}),
+		endIcon: k
+	});
+}), ye = J(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: f, placeholder: p = "123 456 789", className: m, ...h }, g) {
+	let [_, v] = Z(s?.toString() ?? ""), [y, b] = Z({ valid: !0 }), [x, S] = Z(!1), C = o === void 0 ? _ : o.toString(), w = Y((t) => {
+		let r = H(t.target.value), i = n ? W(r, { countryCode: e }) : r;
+		o === void 0 && v(i), a?.(r, i), c?.(t);
+	}, [
+		c,
+		o,
+		n,
+		e,
+		a
+	]), T = Y((t) => {
+		if (S(!0), r && C) {
+			let t = k(H(C), e);
+			b(t), i?.(t);
+		}
+		l?.(t);
+	}, [
+		l,
+		r,
+		C,
+		e,
+		i
+	]), D = 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, O = u || x && !y.valid, A = f || (x && !y.valid ? y.error : void 0);
+	return /* @__PURE__ */ Q(q, {
+		...h,
+		ref: g,
+		type: "tel",
+		value: C,
+		onChange: w,
+		onBlur: T,
+		error: O,
+		errorText: A,
+		placeholder: p,
+		startIcon: t ? D : /* @__PURE__ */ Q(d, {}),
+		className: E("phone input", m)
+	});
+}), be = J(function({ autoCapitalize: e = !0, allowNumbers: t = !1, allowSpecialChars: n = !1, minWords: i, validateOnBlur: a = !0, onValidationChange: o, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, placeholder: p = "Jan Kowalski", ...m }, h) {
+	let [g, _] = Z(c?.toString() ?? ""), [v, y] = Z({ valid: !0 }), [b, x] = Z(!1), S = s === void 0 ? g : s.toString(), C = Y((r) => {
+		let i = r;
+		return t || (i = i.replace(/\d/g, "")), n || (i = i.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), e && (i = U(i)), i;
+	}, [
+		t,
+		n,
+		e
+	]), w = Y((e) => {
+		let t = C(e.target.value);
+		s === void 0 && _(t), l?.(e);
+	}, [
+		l,
+		s,
+		C
+	]), T = Y((e) => {
+		if (x(!0), a && S) {
+			let e = S.trim().split(/\s+/).filter(Boolean);
+			if (i && e.length < i) {
+				let e = {
+					valid: !1,
+					error: `Enter at least ${i} word${i > 1 ? "s" : ""}`
+				};
+				y(e), o?.(e);
+			} else {
+				let e = { valid: !0 };
+				y(e), o?.(e);
+			}
+		}
+		u?.(e);
+	}, [
+		u,
+		a,
+		S,
+		i,
+		o
+	]), E = d || b && !v.valid, D = f || (b && !v.valid ? v.error : void 0);
+	return /* @__PURE__ */ Q(q, {
+		...m,
+		ref: h,
+		type: "text",
+		value: S,
+		onChange: w,
+		onBlur: T,
+		error: E,
+		errorText: D,
+		placeholder: p,
+		startIcon: /* @__PURE__ */ Q(r, {})
+	});
+}), xe = J(function({ formatOnChange: e = !0, validateOnBlur: t = !0, showValidIcon: r = !0, onValidationChange: i, onValueChange: a, value: s, defaultValue: c, onChange: l, onBlur: u, error: d, errorText: f, success: p, placeholder: m = "PL00 0000 0000 0000 0000 0000 0000", ...h }, g) {
+	let [_, v] = Z(c?.toString() ?? ""), [y, b] = Z({ valid: !0 }), [x, S] = Z(!1), C = s === void 0 ? _ : s.toString(), w = Y((t) => {
+		let n = t.target.value.replace(/[^a-zA-Z0-9\s]/g, "").toUpperCase().replace(/\s/g, ""), r = e ? V(n) : n;
+		s === void 0 && v(r), a?.(n, r), l?.(t);
+	}, [
+		l,
+		s,
+		e,
+		a
+	]), T = Y((e) => {
+		if (S(!0), t && C) {
+			let e = P(te(C));
+			b(e), i?.(e);
+		}
+		u?.(e);
+	}, [
+		u,
+		t,
+		C,
+		i
+	]), E = d || x && !y.valid, D = f || (x && !y.valid ? y.error : void 0), O = !E && (p === void 0 ? x && y.valid && C.length > 0 : p), k = r && O ? /* @__PURE__ */ Q("span", {
+		style: {
+			display: "inline-flex",
+			color: "var(--mineral-success)"
+		},
+		children: /* @__PURE__ */ Q(n, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(q, {
+		...h,
+		ref: g,
+		type: "text",
+		value: C,
+		onChange: w,
+		onBlur: T,
+		error: E,
+		errorText: D,
+		success: O,
+		placeholder: m,
+		startIcon: /* @__PURE__ */ Q(o, {}),
+		endIcon: k,
+		maxLength: 42
+	});
+}), Se = {
+	NIP: M,
+	PESEL: F,
+	REGON: I
+}, Ce = {
+	NIP: 13,
+	PESEL: 11,
+	REGON: 14
+}, we = {
+	NIP: "123-456-78-19",
+	PESEL: "00000000000",
+	REGON: "000000000"
+}, Te = J(function({ taxIdType: e, formatOnChange: t = !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(l?.toString() ?? ""), [b, x] = Z({ valid: !0 }), [S, C] = Z(!1), w = c === void 0 ? v : c.toString(), T = Y((n) => {
+		let r = H(n.target.value), i = t && e === "NIP" ? B(r) : r;
+		c === void 0 && y(i), s?.(r), u?.(n);
+	}, [
+		u,
+		c,
+		t,
+		e,
+		s
+	]), E = Y((t) => {
+		if (C(!0), r && w) {
+			let t = Se[e], n = t(H(w));
+			x(n), o?.(n);
+		}
+		d?.(t);
+	}, [
+		d,
+		r,
+		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 = a && k ? /* @__PURE__ */ Q("span", {
+		style: {
+			display: "inline-flex",
+			color: "var(--mineral-success)"
+		},
+		children: /* @__PURE__ */ Q(n, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(q, {
+		...g,
+		ref: _,
+		type: "text",
+		inputMode: "numeric",
+		value: w,
+		onChange: T,
+		onBlur: E,
+		error: D,
+		errorText: O,
+		success: k,
+		placeholder: h ?? we[e],
+		startIcon: /* @__PURE__ */ Q(i, {}),
+		endIcon: A,
+		maxLength: Ce[e]
+	});
+}), Ee = J(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 = Y((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 = G(n, {
+			decimalSeparator: r,
+			thousandSeparator: i,
+			precision: a
+		});
+		u === void 0 && x(s);
+		let d = K(s, i, r);
+		l?.(d), f?.(e);
+	}, [
+		f,
+		u,
+		r,
+		i,
+		a,
+		c,
+		l
+	]), T = Y((e) => {
+		let t = K(S, i, r);
+		if (t !== null) {
+			o !== void 0 && t < o && (t = o), s !== void 0 && t > s && (t = s);
+			let e = G(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
+	]), D = C ? /* @__PURE__ */ Q("span", {
+		className: "currency symbol",
+		children: C
+	}) : void 0;
+	return /* @__PURE__ */ Q(q, {
+		...v,
+		ref: y,
+		type: "text",
+		inputMode: "decimal",
+		value: S,
+		onChange: w,
+		onBlur: T,
+		placeholder: m,
+		startIcon: n === "start" ? D : h,
+		endIcon: n === "end" ? D : g,
+		className: E("currency input", _)
+	});
+});
+//#endregion
+//#region src/components/inputs/InputCreditCard/InputCreditCard.tsx
+function De({ value: e }) {
+	let t = R(e);
+	return /* @__PURE__ */ Q("span", {
+		className: E("credit-card-brand-badge", "credit-brand", t.brand),
+		children: t.iconLabel
+	});
+}
+var Oe = J(function({ validateOnBlur: e = !0, validateOnChange: t = !1, showBrandIcon: r = !0, showValidIcon: i = !0, onValidationChange: a, onCardBrandChange: o, onValueChange: s, value: c, defaultValue: l, onChange: u, onBlur: d, error: f, errorText: p, success: m, placeholder: h = "4242 4242 4242 4242", className: g, ..._ }, v) {
+	let [y, b] = Z(() => z(l?.toString() ?? "")), [x, S] = Z({ valid: !0 }), [C, w] = Z(!1), T = c === void 0 ? y : z(c.toString()), D = Y((e) => {
+		let t = ee(e);
+		return S(t), a?.(t), t;
+	}, [a]), O = Y((e) => {
+		let n = z(e.target.value), r = R(n);
+		c === void 0 && b(n), o?.(r.brand), s?.(L(n), n, r.brand), t && C && D(n), u?.(e);
+	}, [
+		o,
+		u,
+		s,
+		D,
+		C,
+		t,
+		c
+	]), k = Y((t) => {
+		w(!0), e && T && D(T), d?.(t);
+	}, [
+		T,
+		d,
+		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 && L(T).length > 0, N = i && M ? /* @__PURE__ */ Q("span", {
+		className: "credit valid credit-card-valid-icon",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ Q(n, {})
+	}) : void 0;
+	return /* @__PURE__ */ Q(q, {
+		..._,
+		ref: v,
+		type: "text",
+		inputMode: "numeric",
+		value: T,
+		onChange: O,
+		onBlur: k,
+		error: A,
+		errorText: j,
+		success: M,
+		placeholder: h,
+		startIcon: r ? /* @__PURE__ */ Q(De, { value: T }) : void 0,
+		endIcon: N,
+		className: E("credit-card input", g)
+	});
+});
+//#endregion
+//#region src/components/inputs/InputGroup/InputGroup.tsx
+function ke(e) {
+	return typeof e == "object" && !!e && !ce(e) && "type" in e;
+}
+function Ae(e, t, n) {
+	if (!ke(e)) return /* @__PURE__ */ Q("div", {
+		className: E("addon", "custom", t),
+		children: e
+	}, `${t}-${n}`);
+	let r = e;
+	return r.type === "button" ? /* @__PURE__ */ Q("button", {
+		type: "button",
+		className: E("addon", t, "button"),
+		onClick: r.onClick,
+		children: r.content
+	}, `${t}-${n}`) : r.type === "checkbox" ? /* @__PURE__ */ Q("div", {
+		className: E("addon", t, "checkbox"),
+		children: /* @__PURE__ */ Q(ae, {
+			size: "sm",
+			clickEffect: "none",
+			checked: r.checked,
+			onChange: (e) => r.onCheckedChange?.(e.target.checked),
+			className: "addon-checkbox"
+		})
+	}, `${t}-${n}`) : /* @__PURE__ */ Q("span", {
+		className: E("addon", t),
+		children: r.content
+	}, `${t}-${n}`);
+}
+function je(e) {
+	return e == null ? [] : Array.isArray(e) ? e : [e];
+}
+var Me = J(function({ prepend: e, append: t, type: n = "text", value: r, defaultValue: i, name: a, id: o, placeholder: s, disabled: c = !1, readOnly: l = !1, required: u = !1, autoFocus: d = !1, autoComplete: f, inputMode: p, size: m = "md", fcolor: h, fullWidth: g = !1, label: _, helperText: v, errorText: y, color: b = "primary", error: x = !1, maxLength: S, onChange: C, onFocus: w, onBlur: T, onKeyDown: D, loading: O = !1, clickEffect: k = "ripple", rippleColor: A, className: j, style: M, inputClassName: N, labelClassName: P }, F) {
+	let [I, ee] = Z(!1), L = X(null), { effectClassName: R, effectLayer: z, handlePointerDown: B } = ne({
+		effect: k,
+		disabled: c || l,
+		color: A
+	}), V = x || !!y, { currentValue: H, setCurrentValue: U } = se(r, i), W = Y((e) => {
+		ee(!0), w?.(e);
+	}, [w]), G = Y((e) => {
+		ee(!1), T?.(e);
+	}, [T]), K = Y((e) => {
+		U(e.target.value), C?.(e);
+	}, [C, U]), te = je(e), re = je(t);
+	return /* @__PURE__ */ $("div", {
+		className: E("input-group", b, ...ie({ fcolor: h }), g && "full-width", j),
+		style: M,
+		children: [
+			_ && /* @__PURE__ */ Q("label", {
+				htmlFor: o,
+				className: E("label", I && "focused", V && "error", u && "required", P),
+				children: _
+			}),
+			/* @__PURE__ */ $("div", {
+				className: E("container", m, I && "focused", V && "has-error", c && "disabled", R),
+				onPointerDown: B,
+				children: [
+					z,
+					te.map((e, t) => Ae(e, "prepend", t)),
+					/* @__PURE__ */ Q("input", {
+						ref: F ?? L,
+						type: n,
+						value: H,
+						name: a,
+						id: o,
+						placeholder: s,
+						disabled: c,
+						readOnly: l,
+						required: u,
+						autoFocus: d,
+						autoComplete: f,
+						inputMode: p,
+						maxLength: S,
+						className: E("field", N),
+						onChange: K,
+						onFocus: W,
+						onBlur: G,
+						onKeyDown: D,
+						"aria-invalid": V || void 0,
+						"aria-describedby": y ? `${o}-error` : v ? `${o}-helper` : void 0
+					}),
+					O && /* @__PURE__ */ Q("span", {
+						className: "spinner-addon",
+						children: /* @__PURE__ */ Q("span", { className: "spinner" })
+					}),
+					re.map((e, t) => Ae(e, "append", t))
+				]
+			}),
+			(y || v) && /* @__PURE__ */ $("div", {
+				className: "bottom",
+				children: [y && /* @__PURE__ */ Q("span", {
+					id: o ? `${o}-error` : void 0,
+					className: "error-text",
+					role: "alert",
+					children: y
+				}), !y && v && /* @__PURE__ */ Q("span", {
+					id: o ? `${o}-helper` : void 0,
+					className: "helper",
+					children: v
+				})]
+			})
+		]
+	});
+}), Ne = J(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(() => N(l?.toString() ?? "", e ?? t)), [w, T] = Z({ valid: !0 }), [k, j] = Z(!1), M = (e ?? b).toUpperCase(), P = ue(() => A(M), [M]), F = c === void 0 ? S : N(c.toString(), M), I = Y((e, t) => {
+		let n = D(e, t);
+		return T(n), o?.(n), n;
+	}, [o]), ee = Y((e) => {
+		let t = N(e.target.value, M);
+		c === void 0 && C(t), s?.(t.replace(/\s|-/g, ""), t, M), i && k && I(t, M), u?.(e);
+	}, [
+		M,
+		u,
+		s,
+		I,
+		k,
+		i,
+		c
+	]), L = Y((e) => {
+		j(!0), r && F && I(F, M), d?.(e);
+	}, [
+		M,
+		F,
+		d,
+		I,
+		r
+	]), R = Y((t) => {
+		let n = t.target.value.toUpperCase(), r = N(F, n);
+		e === void 0 && x(n), c === void 0 && C(r), a?.(n), k && I(r, n);
+	}, [
+		e,
+		F,
+		a,
+		I,
+		k,
+		c
+	]), z = f || k && !w.valid, B = p || (k && !w.valid ? w.error : void 0);
+	return /* @__PURE__ */ Q(Me, {
+		...v,
+		ref: y,
+		type: "text",
+		inputMode: P.inputMode,
+		value: F,
+		onChange: ee,
+		onBlur: L,
+		error: z,
+		errorText: B,
+		helperText: B ? void 0 : m ?? `Format: ${P.example}`,
+		placeholder: h ?? P.placeholder,
+		maxLength: P.maxLength,
+		disabled: _,
+		prepend: n ? /* @__PURE__ */ Q("div", {
+			className: "country-select-wrap",
+			children: /* @__PURE__ */ Q("select", {
+				className: "country-select",
+				value: M,
+				onChange: R,
+				disabled: _,
+				"aria-label": "Postal code country",
+				children: O.map((e) => /* @__PURE__ */ Q("option", {
+					value: e.value,
+					children: e.value
+				}, e.value))
+			})
+		}) : {
+			type: "text",
+			content: M
+		},
+		className: E("input-post-code", g)
+	});
+}), Pe = J(function({ length: e = 6, value: t, onChange: n, autoFocus: r = !1, disabled: i = !1, color: a = "primary", size: o = "md", error: s = !1, errorText: c, label: l, className: u, ...d }, f) {
+	let [p, m] = Z(""), h = t === void 0 ? p : t, g = X([]), _ = Y((e) => {
+		t === void 0 && m(e), n?.(e);
+	}, [t, n]), v = Y((t) => {
+		let n = Math.max(0, Math.min(t, e - 1));
+		g.current[n]?.focus();
+	}, [e]);
+	le(() => {
+		r && v(0);
+	}, [r, v]);
+	let y = Y((t, n) => {
+		if (!/^\d$/.test(n)) return;
+		let r = h.split("");
+		for (; r.length <= t;) r.push("");
+		r[t] = n, _(r.join("")), t < e - 1 && v(t + 1);
+	}, [
+		h,
+		e,
+		_,
+		v
+	]), b = Y((t, n) => {
+		if (n.key === "Backspace") {
+			n.preventDefault();
+			let e = h.split("");
+			e[t] ? (e[t] = "", _(e.join(""))) : t > 0 && (e[t - 1] = "", _(e.join("")), v(t - 1));
+		} else n.key === "ArrowLeft" ? (n.preventDefault(), t > 0 && v(t - 1)) : n.key === "ArrowRight" && (n.preventDefault(), t < e - 1 && v(t + 1));
+	}, [
+		h,
+		e,
+		_,
+		v
+	]), x = Y((t) => {
+		t.preventDefault();
+		let n = t.clipboardData.getData("text").replace(/\D/g, "").slice(0, e);
+		n && (_(n), v(Math.min(n.length, e - 1)));
+	}, [
+		e,
+		_,
+		v
+	]);
+	return /* @__PURE__ */ $("div", {
+		ref: f,
+		className: E("otp input", a, o, s && "error", i && "disabled", u),
+		...d,
+		children: [
+			l && /* @__PURE__ */ Q("div", {
+				className: "otp label",
+				children: l
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "otp slots",
+				onPaste: x,
+				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ Q("input", {
+					ref: (e) => {
+						g.current[t] = e;
+					},
+					type: "text",
+					inputMode: "numeric",
+					maxLength: 1,
+					value: h[t] || "",
+					disabled: i,
+					className: E("otp slot", h[t] && "filled"),
+					"aria-label": `Digit ${t + 1}`,
+					onChange: (e) => {
+						y(t, e.target.value.slice(-1));
+					},
+					onKeyDown: (e) => b(t, e),
+					onFocus: (e) => e.target.select()
+				}, t))
+			}),
+			s && c && /* @__PURE__ */ Q("div", {
+				className: "otp error",
+				children: c
+			})
+		]
+	});
+});
+//#endregion
+//#region src/components/inputs/InputSlider/InputSlider.tsx
+function Fe(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function Ie(e, t) {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
+}
+var Le = J(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 = Y((n) => {
+		let o = Ie(Fe(n, e, t), a);
+		r === void 0 && g(o), i?.(o);
+	}, [
+		e,
+		t,
+		a,
+		r,
+		i
+	]), y = Y((e) => v(e), [v]), b = Y((e) => {
+		let t = e.target.value;
+		if (t === "" || t === "-") return;
+		let n = parseFloat(t);
+		isNaN(n) || v(n);
+	}, [v]), x = Y(() => {
+		v(_);
+	}, [_, v]);
+	return /* @__PURE__ */ $("div", {
+		ref: m,
+		className: E("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(oe, {
+				min: e,
+				max: t,
+				step: n,
+				value: _,
+				onChange: y,
+				marks: o,
+				color: c,
+				disabled: u
+			}), s && /* @__PURE__ */ Q("input", {
+				type: "text",
+				inputMode: "decimal",
+				className: E("slider field", c),
+				value: _,
+				onChange: b,
+				onBlur: x,
+				disabled: u,
+				"aria-label": d || "Slider value"
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/components/inputs/InputFile/CropEditor.tsx
+function Re({ file: e, shape: t, outputSize: n, quality: r, onCrop: i, onCancel: a }) {
+	let o = X(null), s = X(null), l = X(null), [u, d] = 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
+	});
+	le(() => {
+		let t = URL.createObjectURL(e);
+		return d(t), () => URL.revokeObjectURL(t);
+	}, [e]), le(() => {
+		if (!u) return;
+		let e = new Image();
+		e.onload = () => {
+			l.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 = u;
+	}, [u]);
+	let y = Y((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 = Y((e) => {
+		g && h({
+			x: v.current.ox + (e.clientX - v.current.x),
+			y: v.current.oy + (e.clientY - v.current.y)
+		});
+	}, [g]), x = Y(() => {
+		_(!1);
+	}, []), S = Y((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 = Y((e) => {
+		let t = parseFloat(e.target.value);
+		h({
+			x: 140 - (140 - m.x) * (t / f),
+			y: 140 - (140 - m.y) * (t / f)
+		}), p(t);
+	}, [f, m]), w = Y(() => {
+		let a = l.current, s = o.current;
+		if (!a || !s) return;
+		s.width = n, s.height = n;
+		let c = s.getContext("2d");
+		if (!c) return;
+		let u = n / 280;
+		t === "circle" && (c.beginPath(), c.arc(n / 2, n / 2, n / 2, 0, Math.PI * 2), c.closePath(), c.clip()), c.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
+	]);
+	return /* @__PURE__ */ $("div", {
+		className: "crop editor",
+		children: [
+			/* @__PURE__ */ $("div", {
+				ref: s,
+				className: `crop viewport ${t}`,
+				onPointerDown: y,
+				onPointerMove: b,
+				onPointerUp: x,
+				onWheel: S,
+				children: [u && /* @__PURE__ */ Q("img", {
+					src: u,
+					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(c, {
+					className: "crop zoom icon",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ Q("input", {
+					type: "range",
+					className: "crop zoom slider",
+					min: "0.1",
+					max: "5",
+					step: "0.01",
+					value: f,
+					onChange: C
+				})]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "crop actions",
+				children: [/* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "crop button cancel",
+					onClick: a,
+					children: "Cancel"
+				}), /* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "crop button confirm",
+					onClick: w,
+					children: "Crop"
+				})]
+			}),
+			/* @__PURE__ */ Q("canvas", {
+				ref: o,
+				style: { display: "none" }
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/inputs/InputFile/InputFile.tsx
+function ze(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function Be(e) {
+	let t = e.lastIndexOf(".");
+	return t >= 0 ? e.slice(t + 1).toUpperCase() : "";
+}
+function Ve(e) {
+	return e.type.startsWith("image/");
+}
+function He({ ext: e }) {
+	let n = e.toLowerCase();
+	return n === "pdf" ? /* @__PURE__ */ Q(b, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"webp",
+		"svg"
+	].includes(n) ? /* @__PURE__ */ Q(h, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["json"].includes(n) ? /* @__PURE__ */ Q(x, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"js",
+		"jsx",
+		"ts",
+		"tsx",
+		"html",
+		"css",
+		"php",
+		"xml"
+	].includes(n) ? /* @__PURE__ */ Q(p, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["txt"].includes(n) ? /* @__PURE__ */ Q(f, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["md"].includes(n) ? /* @__PURE__ */ Q(g, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"docs",
+		"doc",
+		"docx"
+	].includes(n) ? /* @__PURE__ */ Q(w, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["odt"].includes(n) ? /* @__PURE__ */ Q(S, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"csv",
+		"xls",
+		"xlsx"
+	].includes(n) ? /* @__PURE__ */ Q(T, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : ["zip"].includes(n) ? /* @__PURE__ */ Q(m, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"rar",
+		"7z",
+		"tar",
+		"gz"
+	].includes(n) ? /* @__PURE__ */ Q(t, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"mp3",
+		"wav",
+		"ogg"
+	].includes(n) ? /* @__PURE__ */ Q(_, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"mp4",
+		"mov",
+		"avi",
+		"mkv",
+		"webm"
+	].includes(n) ? /* @__PURE__ */ Q(C, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : [
+		"exe",
+		"msi",
+		"bat"
+	].includes(n) ? /* @__PURE__ */ Q(v, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	}) : /* @__PURE__ */ Q(y, {
+		className: "file type icon",
+		"aria-hidden": "true"
+	});
+}
+var Ue = J(function({ accept: t, multiple: n = !1, maxSize: r, maxFiles: i, onChange: o, label: s, helperText: c, errorText: l, error: u = !1, disabled: d = !1, color: f = "primary", size: p = "md", preview: m = !0, icon: h, placeholder: g = "Drop files here or click to browse", dropText: _ = "Drop files here", fullWidth: v = !1, crop: y, className: b, ...x }, S) {
+	let [C, w] = Z(!1), [T, D] = Z([]), [O, k] = Z(""), [A, j] = Z(null), M = X(null), N = X(0), P = y ? typeof y == "boolean" ? {
+		shape: "square",
+		outputSize: 256,
+		quality: .92
+	} : {
+		shape: y.shape ?? "square",
+		outputSize: y.outputSize ?? 256,
+		quality: y.quality ?? .92
+	} : null, F = ue(() => T.map((e) => Ve(e) ? URL.createObjectURL(e) : null), [T]);
+	le(() => () => {
+		F.forEach((e) => {
+			e && URL.revokeObjectURL(e);
+		});
+	}, [F]);
+	let I = Y((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 (r && n.filter((e) => e.size > r).length) {
+			k(`Max file size: ${ze(r)}`);
+			return;
+		}
+		if (i && n.length > i) {
+			k(`Max ${i} file${i > 1 ? "s" : ""}`);
+			return;
+		}
+		if (k(""), P && n.length === 1 && Ve(n[0])) {
+			j(n[0]);
+			return;
+		}
+		D(n), o?.(n);
+	}, [
+		t,
+		r,
+		i,
+		o,
+		P
+	]), ee = Y((e) => {
+		j(null), D([e]), o?.([e]);
+	}, [o]), L = Y(() => {
+		j(null);
+	}, []), R = Y((e) => {
+		e.preventDefault(), e.stopPropagation(), !d && (N.current++, w(!0));
+	}, [d]), z = Y((e) => {
+		e.preventDefault(), e.stopPropagation(), N.current--, N.current <= 0 && (N.current = 0, w(!1));
+	}, []), B = Y((e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, []), V = Y((e) => {
+		e.preventDefault(), e.stopPropagation(), N.current = 0, w(!1), !d && e.dataTransfer.files.length && I(e.dataTransfer.files);
+	}, [d, I]), H = Y(() => {
+		d || M.current?.click();
+	}, [d]), U = Y((e) => {
+		e.target.files?.length && I(e.target.files);
+	}, [I]), W = Y((e) => {
+		let t = F[e];
+		t && URL.revokeObjectURL(t);
+		let n = T.filter((t, n) => n !== e);
+		D(n), o?.(n);
+	}, [
+		T,
+		F,
+		o
+	]), G = l || O, K = u || !!O;
+	return /* @__PURE__ */ $("div", {
+		ref: S,
+		className: E("file input", f, p, v && "full-width", d && "disabled", b),
+		...x,
+		children: [
+			s && /* @__PURE__ */ Q("div", {
+				className: "file label",
+				children: s
+			}),
+			/* @__PURE__ */ $("div", {
+				className: E("file dropzone", C && "dragging", K && "error"),
+				onClick: H,
+				onDragEnter: R,
+				onDragLeave: z,
+				onDragOver: B,
+				onDrop: V,
+				role: "button",
+				tabIndex: d ? -1 : 0,
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H());
+				},
+				"aria-label": s || g,
+				children: [/* @__PURE__ */ Q("input", {
+					ref: M,
+					type: "file",
+					accept: t,
+					multiple: n,
+					onChange: U,
+					tabIndex: -1,
+					className: "file hidden"
+				}), /* @__PURE__ */ $("div", {
+					className: "file content",
+					children: [
+						h && /* @__PURE__ */ Q("div", {
+							className: "file icon",
+							children: h
+						}),
+						!h && /* @__PURE__ */ Q(a, {
+							className: "file icon default",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ Q("div", {
+							className: "file text",
+							children: C ? _ : g
+						}),
+						t && /* @__PURE__ */ Q("div", {
+							className: "file accept",
+							children: t
+						})
+					]
+				})]
+			}),
+			A && P && /* @__PURE__ */ Q(Re, {
+				file: A,
+				shape: P.shape,
+				outputSize: P.outputSize,
+				quality: P.quality,
+				onCrop: ee,
+				onCancel: L
+			}),
+			c && !K && /* @__PURE__ */ Q("div", {
+				className: "file helper",
+				children: c
+			}),
+			K && G && /* @__PURE__ */ Q("div", {
+				className: "file error",
+				children: G
+			}),
+			m && T.length > 0 && !A && /* @__PURE__ */ Q("div", {
+				className: "file preview",
+				children: T.map((t, n) => /* @__PURE__ */ $("div", {
+					className: "file item",
+					children: [
+						/* @__PURE__ */ Q("div", {
+							className: "file thumb",
+							children: F[n] ? /* @__PURE__ */ Q("img", {
+								src: F[n],
+								alt: t.name,
+								className: "file image"
+							}) : /* @__PURE__ */ Q(He, { ext: Be(t.name) })
+						}),
+						/* @__PURE__ */ $("div", {
+							className: "file info",
+							children: [/* @__PURE__ */ Q("span", {
+								className: "file name",
+								children: t.name
+							}), /* @__PURE__ */ Q("span", {
+								className: "file size",
+								children: ze(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 { Me as a, Te as c, ye as d, ve as f, de as h, Ne as i, xe as l, me as m, Le as n, Oe as o, _e as p, Pe as r, Ee as s, Ue as t, be as u };
+
+//# sourceMappingURL=InputFile-DicC8Tbv.js.map