@bertimatteodev/astra-ui 0.6.3 → 0.6.4

package/dist/astra-ui.js

@@ -130,7 +130,58 @@ var S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		...i
 	}));
 	return i.displayName = T(e), i;
-}, ee = j("calendar-days", [
+}, M = j("calculator", [
+	["rect", {
+		width: "16",
+		height: "20",
+		x: "4",
+		y: "2",
+		rx: "2",
+		key: "1nb95v"
+	}],
+	["line", {
+		x1: "8",
+		x2: "16",
+		y1: "6",
+		y2: "6",
+		key: "x4nwl0"
+	}],
+	["line", {
+		x1: "16",
+		x2: "16",
+		y1: "14",
+		y2: "18",
+		key: "wjye3r"
+	}],
+	["path", {
+		d: "M16 10h.01",
+		key: "1m94wz"
+	}],
+	["path", {
+		d: "M12 10h.01",
+		key: "1nrarc"
+	}],
+	["path", {
+		d: "M8 10h.01",
+		key: "19clt8"
+	}],
+	["path", {
+		d: "M12 14h.01",
+		key: "1etili"
+	}],
+	["path", {
+		d: "M8 14h.01",
+		key: "6423bh"
+	}],
+	["path", {
+		d: "M12 18h.01",
+		key: "mhygvu"
+	}],
+	["path", {
+		d: "M8 18h.01",
+		key: "lrp35t"
+	}]
+]), N = j("calendar-days", [
 	["path", {
 		d: "M8 2v3",
 		key: "1ioesn"
@@ -175,25 +226,352 @@ var S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M16 17h.01",
 		key: "ql8jdd"
 	}]
-]), M = j("chevron-down", [["path", {
+]), P = j("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), F = j("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), N = j("chevron-left", [["path", {
+}]]), I = j("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), P = j("chevron-right", [["path", {
+}]]), L = j("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), F = j("chevron-up", [["path", {
+}]]), R = j("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
-}]]), I = j("chevrons-up-down", [["path", {
+}]]), ee = j("chevrons-up-down", [["path", {
 	d: "m7 15 5 5 5-5",
 	key: "1hf1tw"
 }], ["path", {
 	d: "m7 9 5-5 5 5",
 	key: "sgt6xg"
-}]]), L = {
+}]]), z = j("delete", [
+	["path", {
+		d: "M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z",
+		key: "1yo7s0"
+	}],
+	["path", {
+		d: "m12 9 6 6",
+		key: "anjzzh"
+	}],
+	["path", {
+		d: "m18 9-6 6",
+		key: "1fp51s"
+	}]
+]), te = j("equal", [["line", {
+	x1: "5",
+	x2: "19",
+	y1: "9",
+	y2: "9",
+	key: "1nwqeh"
+}], ["line", {
+	x1: "5",
+	x2: "19",
+	y1: "15",
+	y2: "15",
+	key: "g8yjpy"
+}]]), B = {
+	field: "_field_y4qci_1",
+	label: "_label_y4qci_8",
+	trigger: "_trigger_y4qci_15",
+	triggerIcon: "_triggerIcon_y4qci_46",
+	triggerValue: "_triggerValue_y4qci_52",
+	placeholder: "_placeholder_y4qci_53",
+	calculator: "_calculator_y4qci_64",
+	display: "_display_y4qci_79",
+	expression: "_expression_y4qci_90",
+	value: "_value_y4qci_98",
+	keypad: "_keypad_y4qci_113",
+	key: "_key_y4qci_113",
+	operatorKey: "_operatorKey_y4qci_153",
+	actionKey: "_actionKey_y4qci_164",
+	confirmKey: "_confirmKey_y4qci_173",
+	submitButton: "_submitButton_y4qci_183",
+	wideKey: "_wideKey_y4qci_216"
+}, ne = {
+	"+": "+",
+	"-": "−",
+	"*": "×",
+	"/": "÷"
+};
+function re(e, t) {
+	let n = String(e);
+	return t === "," ? n.replace(".", ",") : n;
+}
+function ie(e, t) {
+	if (!e) return null;
+	let n = t === "," ? e.replace(",", ".") : e, r = Number(n);
+	return Number.isFinite(r) ? r : null;
+}
+function ae(e, t, n) {
+	switch (n) {
+		case "+": return e + t;
+		case "-": return e - t;
+		case "*": return e * t;
+		case "/": return t === 0 ? null : e / t;
+	}
+}
+function oe({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder: r = "Inserisci un valore", disabled: i = !1, maxFractionDigits: o = 2, onValueChange: c, onConfirm: f }) {
+	let [p, m] = l(() => e === void 0 ? "" : re(e, t)), [h, g] = l(null), [_, v] = l(null), [y, b] = l(!1), [x, S] = l(!0), [C, w] = l(!1), T = s(() => ie(p, t), [t, p]);
+	a(() => {
+		c?.(C ? null : T);
+	}, [
+		T,
+		C,
+		c
+	]);
+	let E = [
+		{
+			label: "C",
+			value: "clear",
+			kind: "action"
+		},
+		{
+			label: "⌫",
+			value: "backspace",
+			kind: "action",
+			ariaLabel: "Cancella ultima cifra"
+		},
+		{
+			label: "÷",
+			value: "/",
+			kind: "operator"
+		},
+		{
+			label: "×",
+			value: "*",
+			kind: "operator"
+		},
+		{
+			label: "7",
+			value: "7",
+			kind: "number"
+		},
+		{
+			label: "8",
+			value: "8",
+			kind: "number"
+		},
+		{
+			label: "9",
+			value: "9",
+			kind: "number"
+		},
+		{
+			label: "−",
+			value: "-",
+			kind: "operator"
+		},
+		{
+			label: "4",
+			value: "4",
+			kind: "number"
+		},
+		{
+			label: "5",
+			value: "5",
+			kind: "number"
+		},
+		{
+			label: "6",
+			value: "6",
+			kind: "number"
+		},
+		{
+			label: "+",
+			value: "+",
+			kind: "operator"
+		},
+		{
+			label: "1",
+			value: "1",
+			kind: "number"
+		},
+		{
+			label: "2",
+			value: "2",
+			kind: "number"
+		},
+		{
+			label: "3",
+			value: "3",
+			kind: "number"
+		},
+		{
+			label: "=",
+			value: "equals",
+			kind: "confirm"
+		},
+		{
+			label: "0",
+			value: "0",
+			kind: "number",
+			wide: !0
+		},
+		{
+			label: t,
+			value: "decimal",
+			kind: "number"
+		}
+	];
+	function D() {
+		m("0"), g(null), v(null), S(!0), w(!1);
+	}
+	function O(e) {
+		if (C && D(), e === "decimal") {
+			if (p.includes(t)) return;
+			m(x ? `0${t}` : `${p}${t}`), S(!1);
+			return;
+		}
+		let n = p.indexOf(t);
+		n >= 0 && p.length - n - 1 >= o && !x || (m(x || p === "0" ? e : (t) => `${t}${e}`), S(!1), w(!1));
+	}
+	function k() {
+		C || x || m((e) => {
+			let t = e.slice(0, -1);
+			return t === "" || t === "-" ? "0" : t;
+		});
+	}
+	function A(e) {
+		if (T === null) {
+			w(!0);
+			return;
+		}
+		if (h === null) {
+			g(T), v(e ?? null), S(!0);
+			return;
+		}
+		if (_ === null) {
+			v(e ?? null), S(!0);
+			return;
+		}
+		let n = ae(h, T, _);
+		if (n === null) {
+			m("Errore"), g(null), v(null), S(!0), w(!0);
+			return;
+		}
+		let r = re(n, t);
+		m(r), g(e ? n : null), v(e ?? null), S(!0);
+	}
+	function j() {
+		A();
+		let e = h !== null && _ !== null ? ae(h, T ?? 0, _) : T;
+		e != null && (f?.(e), b(!1));
+	}
+	function N(e) {
+		if (!i) {
+			if (e.kind === "number") {
+				O(e.value);
+				return;
+			}
+			if (e.value === "clear") {
+				D();
+				return;
+			}
+			if (e.value === "backspace") {
+				k();
+				return;
+			}
+			if (e.value === "equals") {
+				j();
+				return;
+			}
+			A(e.value);
+		}
+	}
+	let F = _ ? `${h ?? ""} ${ne[_]}` : null;
+	return /* @__PURE__ */ d("div", {
+		className: B.field,
+		children: [
+			n ? /* @__PURE__ */ u("span", {
+				className: B.label,
+				children: n
+			}) : null,
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: B.trigger,
+				disabled: i,
+				"aria-label": y ? "Chiudi calcolatrice" : "Apri calcolatrice",
+				"aria-expanded": y,
+				onClick: () => b((e) => !e),
+				children: [/* @__PURE__ */ u(M, {
+					className: B.triggerIcon,
+					size: 20,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ u("span", {
+					className: p ? B.triggerValue : B.placeholder,
+					children: p || r
+				})]
+			}),
+			y ? /* @__PURE__ */ d("section", {
+				className: B.calculator,
+				"aria-label": "Calcolatrice",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: B.display,
+						"aria-live": "polite",
+						"aria-atomic": "true",
+						children: [/* @__PURE__ */ u("span", {
+							className: B.expression,
+							children: F ?? "\xA0"
+						}), /* @__PURE__ */ u("output", {
+							className: `${B.value} numeric`,
+							"aria-label": `Valore corrente: ${p}`,
+							children: p
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: B.keypad,
+						children: E.map((e) => {
+							let t = [
+								B.key,
+								e.kind === "operator" && B.operatorKey,
+								e.kind === "action" && B.actionKey,
+								e.kind === "confirm" && B.confirmKey,
+								e.wide && B.wideKey
+							].filter(Boolean).join(" "), n = e.value === "backspace", r = e.value === "equals";
+							return /* @__PURE__ */ d("button", {
+								type: "button",
+								className: t,
+								disabled: i,
+								"aria-label": e.ariaLabel ?? e.label,
+								onClick: () => N(e),
+								children: [
+									n ? /* @__PURE__ */ u(z, {
+										size: 18,
+										strokeWidth: 1.9,
+										"aria-hidden": "true"
+									}) : null,
+									r ? /* @__PURE__ */ u(te, {
+										size: 18,
+										strokeWidth: 2,
+										"aria-hidden": "true"
+									}) : null,
+									!n && !r ? e.label : null
+								]
+							}, e.value);
+						})
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						className: B.submitButton,
+						disabled: i,
+						"aria-label": "Confirm value",
+						onClick: j,
+						children: /* @__PURE__ */ u(P, {
+							size: 18,
+							strokeWidth: 2,
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}) : null
+		]
+	});
+}
+var V = {
 	field: "_field_t3jjk_1",
 	label: "_label_t3jjk_8",
 	trigger: "_trigger_t3jjk_15",
@@ -215,7 +593,7 @@ var S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	today: "_today_t3jjk_195",
 	footer: "_footer_t3jjk_210",
 	textButton: "_textButton_t3jjk_218"
-}, R = [
+}, se = [
 	"Lun",
 	"Mar",
 	"Mer",
@@ -224,47 +602,47 @@ var S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	"Sab",
 	"Dom"
 ];
-function z(e) {
+function H(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function B(e) {
+function U(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function V(e, t) {
+function ce(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function te(e, t) {
+function le(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
 }
-function ne(e, t, n) {
-	let r = z(e);
-	return !!(t && r < z(t) || n && r > z(n));
+function ue(e, t, n) {
+	let r = H(e);
+	return !!(t && r < H(t) || n && r > H(n));
 }
-function re(e) {
+function de(e) {
 	let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n, 1), i = new Date(t, n + 1, 0), a = (r.getDay() + 6) % 7, o = Math.ceil((a + i.getDate()) / 7) * 7, s = new Date(t, n, 1 - a);
 	return Array.from({ length: o }, (e, t) => new Date(s.getFullYear(), s.getMonth(), s.getDate() + t));
 }
-function ie(e, t) {
+function fe(e, t) {
 	let n = new Intl.DateTimeFormat(t, {
 		month: "long",
 		year: "numeric"
 	}).format(e);
 	return n.charAt(0).toUpperCase() + n.slice(1);
 }
-function ae(e, t) {
+function pe(e, t) {
 	return e ? new Intl.DateTimeFormat(t, {
 		day: "2-digit",
 		month: "short",
 		year: "numeric"
 	}).format(e) : "";
 }
-function H(...e) {
+function me(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una data", locale: i = "it-IT", disabled: f = !1, minDate: p, maxDate: m, clearable: h = !1, name: g, id: _, error: v }) {
-	let y = o(), b = _ ?? `date-picker-${y}`, x = `${b}-dialog`, S = `${b}-error`, C = c(null), w = c(null), [T, E] = l(!1), [D, O] = l(() => z(e ?? /* @__PURE__ */ new Date())), k = s(() => re(D), [D]), A = z(/* @__PURE__ */ new Date());
+function he({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una data", locale: i = "it-IT", disabled: f = !1, minDate: p, maxDate: m, clearable: h = !1, name: g, id: _, error: v }) {
+	let y = o(), b = _ ?? `date-picker-${y}`, x = `${b}-dialog`, S = `${b}-error`, C = c(null), w = c(null), [T, E] = l(!1), [D, O] = l(() => H(e ?? /* @__PURE__ */ new Date())), k = s(() => de(D), [D]), A = H(/* @__PURE__ */ new Date());
 	a(() => {
-		e && O(z(e));
+		e && O(H(e));
 	}, [e]), a(() => {
 		function e(e) {
 			C.current && !C.current.contains(e.target) && E(!1);
@@ -277,15 +655,15 @@ function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 		};
 	}, []);
 	function j() {
-		f || (O(z(e ?? /* @__PURE__ */ new Date())), E(!0));
+		f || (O(H(e ?? /* @__PURE__ */ new Date())), E(!0));
 	}
 	function M(e) {
-		ne(e, p, m) || (t(z(e)), E(!1), w.current?.focus());
+		ue(e, p, m) || (t(H(e)), E(!1), w.current?.focus());
 	}
-	function F(e) {
+	function P(e) {
 		O((t) => new Date(t.getFullYear(), t.getMonth() + e, 1));
 	}
-	function I(e, t) {
+	function F(e, t) {
 		let n = new Date(t);
 		if (e.key === "ArrowLeft") n.setDate(t.getDate() - 1);
 		else if (e.key === "ArrowRight") n.setDate(t.getDate() + 1);
@@ -295,20 +673,20 @@ function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 		else if (e.key === "End") n.setDate(t.getDate() + (6 - (t.getDay() + 6) % 7));
 		else return;
 		e.preventDefault();
-		let r = `${b}-${B(n)}`, i = document.getElementById(r);
+		let r = `${b}-${U(n)}`, i = document.getElementById(r);
 		if (i) {
 			i.focus();
 			return;
 		}
 		O(new Date(n.getFullYear(), n.getMonth(), 1));
 	}
-	let oe = ae(e, i);
+	let R = pe(e, i);
 	return /* @__PURE__ */ d("div", {
 		ref: C,
-		className: L.field,
+		className: V.field,
 		children: [
 			n ? /* @__PURE__ */ u("label", {
-				className: L.label,
+				className: V.label,
 				htmlFor: b,
 				children: n
 			}) : null,
@@ -316,61 +694,61 @@ function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 				id: b,
 				type: "hidden",
 				name: g,
-				value: e ? B(e) : ""
+				value: e ? U(e) : ""
 			}),
 			/* @__PURE__ */ d("button", {
 				ref: w,
 				type: "button",
-				className: H(L.trigger, v && L.hasError, f && L.isDisabled),
+				className: me(V.trigger, v && V.hasError, f && V.isDisabled),
 				disabled: f,
 				"aria-haspopup": "dialog",
 				"aria-expanded": T,
 				"aria-controls": T ? x : void 0,
 				onClick: () => T ? E(!1) : j(),
-				children: [/* @__PURE__ */ u(ee, {
-					className: L.triggerIcon,
+				children: [/* @__PURE__ */ u(N, {
+					className: V.triggerIcon,
 					size: 18,
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ u("span", {
-					className: H(L.triggerValue, !e && L.placeholder),
-					children: oe || r
+					className: me(V.triggerValue, !e && V.placeholder),
+					children: R || r
 				})]
 			}),
 			v ? /* @__PURE__ */ u("p", {
 				id: S,
-				className: L.error,
+				className: V.error,
 				role: "alert",
 				children: v
 			}) : null,
 			T ? /* @__PURE__ */ d("div", {
 				id: x,
-				className: L.popover,
+				className: V.popover,
 				role: "dialog",
 				"aria-label": "Seleziona una data",
 				children: [
 					/* @__PURE__ */ d("header", {
-						className: L.calendarHeader,
+						className: V.calendarHeader,
 						children: [
 							/* @__PURE__ */ u("button", {
 								type: "button",
-								className: L.navigationButton,
+								className: V.navigationButton,
 								"aria-label": "Mese precedente",
-								onClick: () => F(-1),
-								children: /* @__PURE__ */ u(N, {
+								onClick: () => P(-1),
+								children: /* @__PURE__ */ u(I, {
 									size: 18,
 									"aria-hidden": "true"
 								})
 							}),
 							/* @__PURE__ */ u("span", {
-								className: L.monthLabel,
-								children: ie(D, i)
+								className: V.monthLabel,
+								children: fe(D, i)
 							}),
 							/* @__PURE__ */ u("button", {
 								type: "button",
-								className: L.navigationButton,
+								className: V.navigationButton,
 								"aria-label": "Mese successivo",
-								onClick: () => F(1),
-								children: /* @__PURE__ */ u(P, {
+								onClick: () => P(1),
+								children: /* @__PURE__ */ u(L, {
 									size: 18,
 									"aria-hidden": "true"
 								})
@@ -378,20 +756,20 @@ function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 						]
 					}),
 					/* @__PURE__ */ d("div", {
-						className: L.calendarGrid,
+						className: V.calendarGrid,
 						role: "grid",
-						"aria-label": ie(D, i),
-						children: [R.map((e) => /* @__PURE__ */ u("span", {
-							className: L.weekDay,
+						"aria-label": fe(D, i),
+						children: [se.map((e) => /* @__PURE__ */ u("span", {
+							className: V.weekDay,
 							role: "columnheader",
 							children: e
 						}, e)), k.map((t) => {
-							let n = te(t, D), r = e ? V(t, e) : !1, a = V(t, A), o = ne(t, p, m), s = `${b}-${B(t)}`;
+							let n = le(t, D), r = e ? ce(t, e) : !1, a = ce(t, A), o = ue(t, p, m), s = `${b}-${U(t)}`;
 							return /* @__PURE__ */ u("button", {
 								id: s,
 								type: "button",
 								role: "gridcell",
-								className: H(L.day, !n && L.outsideMonth, r && L.selectedDay, a && L.today),
+								className: me(V.day, !n && V.outsideMonth, r && V.selectedDay, a && V.today),
 								disabled: o,
 								"aria-label": new Intl.DateTimeFormat(i, {
 									weekday: "long",
@@ -402,23 +780,23 @@ function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 								"aria-selected": r,
 								tabIndex: r || !e && a ? 0 : -1,
 								onClick: () => M(t),
-								onKeyDown: (e) => I(e, t),
+								onKeyDown: (e) => F(e, t),
 								children: t.getDate()
 							}, s);
 						})]
 					}),
 					/* @__PURE__ */ d("footer", {
-						className: L.footer,
+						className: V.footer,
 						children: [/* @__PURE__ */ u("button", {
 							type: "button",
-							className: L.textButton,
+							className: V.textButton,
 							onClick: () => {
 								O(A), M(A);
 							},
 							children: "Oggi"
 						}), h && e ? /* @__PURE__ */ u("button", {
 							type: "button",
-							className: L.textButton,
+							className: V.textButton,
 							onClick: () => {
 								t(null), E(!1), w.current?.focus();
 							},
@@ -430,7 +808,7 @@ function oe({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 		]
 	});
 }
-var U = {
+var W = {
 	button: "_button_2kydv_1",
 	sizeSm: "_sizeSm_2kydv_27",
 	sizeMd: "_sizeMd_2kydv_32",
@@ -444,20 +822,20 @@ var U = {
 	spinner: "_spinner_2kydv_94",
 	spin: "_spin_2kydv_94",
 	loading: "_loading_2kydv_103"
-}, se = {
-	primary: U.variantPrimary,
-	secondary: U.variantSecondary,
-	ghost: U.variantGhost,
-	danger: U.variantDanger
-}, ce = {
-	sm: U.sizeSm,
-	md: U.sizeMd,
-	lg: U.sizeLg
+}, ge = {
+	primary: W.variantPrimary,
+	secondary: W.variantSecondary,
+	ghost: W.variantGhost,
+	danger: W.variantDanger
+}, _e = {
+	sm: W.sizeSm,
+	md: W.sizeMd,
+	lg: W.sizeLg
 };
-function le(...e) {
+function ve(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var ue = n(function({ icon: e, label: t, className: n, variant: r = "secondary", size: i = "md", isLoading: a = !1, borderless: o = !1, backgroundColor: s, disabled: c, type: l = "button", style: d, ...f }, p) {
+var ye = n(function({ icon: e, label: t, className: n, variant: r = "secondary", size: i = "md", isLoading: a = !1, borderless: o = !1, backgroundColor: s, disabled: c, type: l = "button", style: d, ...f }, p) {
 	let m = c || a, h = s ? {
 		...d,
 		backgroundColor: s
@@ -465,24 +843,24 @@ var ue = n(function({ icon: e, label: t, className: n, variant: r = "secondary",
 	return /* @__PURE__ */ u("button", {
 		ref: p,
 		type: l,
-		className: le(U.button, se[r], ce[i], a && U.loading, o && U.borderless, n),
+		className: ve(W.button, ge[r], _e[i], a && W.loading, o && W.borderless, n),
 		style: h,
 		disabled: m,
 		"aria-label": t,
 		"aria-busy": a || void 0,
 		...f,
 		children: a ? /* @__PURE__ */ u("span", {
-			className: U.spinner,
+			className: W.spinner,
 			"aria-hidden": "true"
 		}) : /* @__PURE__ */ u("span", {
-			className: U.icon,
+			className: W.icon,
 			"aria-hidden": "true",
 			children: e
 		})
 	});
 });
-ue.displayName = "IconButton";
-var W = {
+ye.displayName = "IconButton";
+var G = {
 	field: "_field_1pq0j_1",
 	label: "_label_1pq0j_7",
 	required: "_required_1pq0j_14",
@@ -496,39 +874,39 @@ var W = {
 };
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function G(...e) {
+function be(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var de = n(function({ id: e, label: t, hint: n, error: r, startAdornment: i, endAdornment: a, className: s, containerClassName: c, disabled: l, required: f, "aria-describedby": p, ...m }, h) {
+var xe = n(function({ id: e, label: t, hint: n, error: r, startAdornment: i, endAdornment: a, className: s, containerClassName: c, disabled: l, required: f, "aria-describedby": p, ...m }, h) {
 	let g = o(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, y = `${_}-error`, b = [
 		p,
 		n ? v : null,
 		r ? y : null
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ d("div", {
-		className: G(W.field, c),
+		className: be(G.field, c),
 		children: [
 			t ? /* @__PURE__ */ d("label", {
-				className: W.label,
+				className: G.label,
 				htmlFor: _,
 				children: [t, f ? /* @__PURE__ */ d("span", {
-					className: W.required,
+					className: G.required,
 					"aria-hidden": "true",
 					children: [" ", "*"]
 				}) : null]
 			}) : null,
 			/* @__PURE__ */ d("div", {
-				className: G(W.control, r && W.hasError, l && W.isDisabled),
+				className: be(G.control, r && G.hasError, l && G.isDisabled),
 				children: [
 					i ? /* @__PURE__ */ u("span", {
-						className: W.adornment,
+						className: G.adornment,
 						"aria-hidden": "true",
 						children: i
 					}) : null,
 					/* @__PURE__ */ u("input", {
 						ref: h,
 						id: _,
-						className: G(W.input, s),
+						className: be(G.input, s),
 						disabled: l,
 						required: f,
 						"aria-invalid": r ? !0 : void 0,
@@ -536,7 +914,7 @@ var de = n(function({ id: e, label: t, hint: n, error: r, startAdornment: i, end
 						...m
 					}),
 					a ? /* @__PURE__ */ u("span", {
-						className: W.adornment,
+						className: G.adornment,
 						"aria-hidden": "true",
 						children: a
 					}) : null
@@ -544,19 +922,19 @@ var de = n(function({ id: e, label: t, hint: n, error: r, startAdornment: i, end
 			}),
 			r ? /* @__PURE__ */ u("p", {
 				id: y,
-				className: W.error,
+				className: G.error,
 				role: "alert",
 				children: r
 			}) : null,
 			!r && n ? /* @__PURE__ */ u("p", {
 				id: v,
-				className: W.hint,
+				className: G.hint,
 				children: n
 			}) : null
 		]
 	});
 });
-de.displayName = "TextField";
+xe.displayName = "TextField";
 var K = {
 	field: "_field_3nnjq_1",
 	label: "_label_3nnjq_7",
@@ -581,38 +959,38 @@ var K = {
 function q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var fe = n(function({ id: e, options: t, label: n, hint: r, error: i, placeholder: s, className: f, containerClassName: p, disabled: m, required: h, value: g, defaultValue: _, onChange: v, onValueChange: y, "aria-describedby": b, ...x }, S) {
+var Se = n(function({ id: e, options: t, label: n, hint: r, error: i, placeholder: s, className: f, containerClassName: p, disabled: m, required: h, value: g, defaultValue: _, onChange: v, onValueChange: y, "aria-describedby": b, ...x }, S) {
 	let C = o(), w = e ?? `dropdown-${C}`, T = `${w}-hint`, E = `${w}-error`, D = `${w}-label`, O = `${w}-listbox`, k = [
 		b,
 		r ? T : null,
 		i ? E : null
-	].filter(Boolean).join(" "), A = typeof g == "string" ? g : void 0, [j, ee] = l(typeof _ == "string" ? _ : ""), [M, N] = l(!1), [P, F] = l(0), I = c(null), L = A ?? j, R = t.find((e) => e.value === L), z = t.reduce((e, t, n) => (t.disabled || e.push(n), e), []);
+	].filter(Boolean).join(" "), A = typeof g == "string" ? g : void 0, [j, M] = l(typeof _ == "string" ? _ : ""), [N, P] = l(!1), [F, I] = l(0), L = c(null), R = A ?? j, ee = t.find((e) => e.value === R), z = t.reduce((e, t, n) => (t.disabled || e.push(n), e), []);
 	a(() => {
 		function e(e) {
-			I.current?.contains(e.target) || N(!1);
+			L.current?.contains(e.target) || P(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	function B(e) {
+	function te(e) {
 		v?.(e), y?.(e.target.value);
 	}
-	function V(e) {
-		A === void 0 && ee(e), y?.(e), N(!1);
+	function B(e) {
+		A === void 0 && M(e), y?.(e), P(!1);
 	}
-	function te(e) {
+	function ne(e) {
 		if (!m) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-				e.preventDefault(), N(!0);
-				let t = (z.indexOf(P) + (e.key === "ArrowDown" ? 1 : -1) + z.length) % z.length;
-				F(z[t] ?? 0);
+				e.preventDefault(), P(!0);
+				let t = (z.indexOf(F) + (e.key === "ArrowDown" ? 1 : -1) + z.length) % z.length;
+				I(z[t] ?? 0);
 			}
 			if (e.key === "Enter" || e.key === " ") {
-				if (e.preventDefault(), M) {
-					let e = t[P];
-					e && !e.disabled && V(e.value);
-				} else N(!0);
+				if (e.preventDefault(), N) {
+					let e = t[F];
+					e && !e.disabled && B(e.value);
+				} else P(!0);
 			}
-			e.key === "Escape" && N(!1);
+			e.key === "Escape" && P(!1);
 		}
 	}
 	return /* @__PURE__ */ d("div", {
@@ -629,8 +1007,8 @@ var fe = n(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 				}) : null]
 			}) : null,
 			/* @__PURE__ */ d("div", {
-				ref: I,
-				className: q(K.control, i && K.hasError, m && K.isDisabled, M && K.isOpen),
+				ref: L,
+				className: q(K.control, i && K.hasError, m && K.isDisabled, N && K.isOpen),
 				children: [
 					/* @__PURE__ */ d("select", {
 						ref: S,
@@ -638,10 +1016,10 @@ var fe = n(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 						className: K.nativeSelect,
 						disabled: m,
 						required: h,
-						value: L,
+						value: R,
 						"aria-invalid": i ? !0 : void 0,
 						"aria-describedby": k || void 0,
-						onChange: B,
+						onChange: te,
 						...x,
 						children: [s ? /* @__PURE__ */ u("option", {
 							value: "",
@@ -658,40 +1036,40 @@ var fe = n(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 						className: q(K.trigger, f),
 						disabled: m,
 						"aria-haspopup": "listbox",
-						"aria-expanded": M,
+						"aria-expanded": N,
 						"aria-controls": O,
 						"aria-labelledby": n ? D : void 0,
 						"aria-describedby": k || void 0,
 						"aria-invalid": i ? !0 : void 0,
-						onClick: () => N((e) => !e),
-						onKeyDown: te,
+						onClick: () => P((e) => !e),
+						onKeyDown: ne,
 						children: [/* @__PURE__ */ u("span", {
-							className: R ? void 0 : K.placeholder,
-							children: R?.label ?? s
+							className: ee ? void 0 : K.placeholder,
+							children: ee?.label ?? s
 						}), /* @__PURE__ */ u("span", {
 							className: K.indicator,
 							"aria-hidden": "true"
 						})]
 					}),
-					M ? /* @__PURE__ */ d("div", {
+					N ? /* @__PURE__ */ d("div", {
 						id: O,
 						className: K.menu,
 						role: "listbox",
 						children: [s ? /* @__PURE__ */ u("button", {
 							type: "button",
-							className: q(K.option, !L && K.selectedOption),
+							className: q(K.option, !R && K.selectedOption),
 							role: "option",
-							"aria-selected": !L,
-							onClick: () => V(""),
+							"aria-selected": !R,
+							onClick: () => B(""),
 							children: s
 						}) : null, t.map((e, t) => /* @__PURE__ */ u("button", {
 							type: "button",
-							className: q(K.option, e.value === L && K.selectedOption, t === P && K.activeOption),
+							className: q(K.option, e.value === R && K.selectedOption, t === F && K.activeOption),
 							role: "option",
-							"aria-selected": e.value === L,
+							"aria-selected": e.value === R,
 							disabled: e.disabled,
-							onMouseEnter: () => F(t),
-							onClick: () => V(e.value),
+							onMouseEnter: () => I(t),
+							onClick: () => B(e.value),
 							children: e.label
 						}, e.value))]
 					}) : null
@@ -711,7 +1089,7 @@ var fe = n(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 		]
 	});
 });
-fe.displayName = "Dropdown";
+Se.displayName = "Dropdown";
 var J = {
 	group: "_group_1fqa2_1",
 	option: "_option_1fqa2_8",
@@ -720,10 +1098,10 @@ var J = {
 };
 //#endregion
 //#region src/components/MultiSelect/MultiSelect.tsx
-function pe(...e) {
+function Ce(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var me = n(function({ options: e, value: t, defaultValue: n = [], multiple: r = !1, disabled: i = !1, className: a, onValueChange: o, "aria-label": s = r ? "Selezione multipla" : "Selezione singola", ...c }, f) {
+var we = n(function({ options: e, value: t, defaultValue: n = [], multiple: r = !1, disabled: i = !1, className: a, onValueChange: o, "aria-label": s = r ? "Selezione multipla" : "Selezione singola", ...c }, f) {
 	let [p, m] = l(n), h = t ?? p, g = r ? h : h.slice(0, 1);
 	function _(e) {
 		let n = g.includes(e), i = r ? n ? g.filter((t) => t !== e) : [...g, e] : n ? [] : [e];
@@ -733,7 +1111,7 @@ var me = n(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 		ref: f,
 		role: "group",
 		"aria-label": s,
-		className: pe(J.group, a),
+		className: Ce(J.group, a),
 		...c,
 		children: e.map((e) => {
 			let t = g.includes(e.value), n = i || e.disabled, r = e.selectedColor ? {
@@ -742,7 +1120,7 @@ var me = n(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 			} : void 0;
 			return /* @__PURE__ */ d("button", {
 				type: "button",
-				className: pe(J.option, t && J.selected),
+				className: Ce(J.option, t && J.selected),
 				disabled: n,
 				"aria-pressed": t,
 				style: r,
@@ -755,7 +1133,7 @@ var me = n(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 		})
 	});
 });
-me.displayName = "MultiSelect";
+we.displayName = "MultiSelect";
 var Y = {
 	carousel: "_carousel_17hln_1",
 	navigationButton: "_navigationButton_17hln_13",
@@ -769,27 +1147,27 @@ var Y = {
 function X(e) {
 	return e.year * 12 + e.month - 1;
 }
-function he(e, t) {
+function Te(e, t) {
 	let n = e.year * 12 + e.month - 1 + t;
 	return {
 		year: Math.floor(n / 12),
 		month: (n % 12 + 12) % 12 + 1
 	};
 }
-function ge(e, t) {
+function Ee(e, t) {
 	let n = new Date(e.year, e.month - 1, 1), r = new Intl.DateTimeFormat(t, {
 		month: "long",
 		year: "numeric"
 	}).format(n);
 	return r.charAt(0).toUpperCase() + r.slice(1);
 }
-function _e(e, t, n, r) {
-	let i = he(t, e);
+function De(e, t, n, r) {
+	let i = Te(t, e);
 	return e === -1 && n ? X(i) < X(n) : e === 1 && r ? X(i) > X(r) : !1;
 }
-function ve({ value: e, onChange: t, locale: n = "it-IT", minMonth: i, maxMonth: a, disabled: o = !1, ariaLabel: f = "Seleziona il mese" }) {
-	let [p, m] = l(0), h = c(null), g = s(() => ge(e, n), [e, n]), _ = o || _e(-1, e, i, a), v = o || _e(1, e, i, a), y = r((n) => {
-		n === -1 && _ || n === 1 && v || (m(n), t(he(e, n)));
+function Oe({ value: e, onChange: t, locale: n = "it-IT", minMonth: i, maxMonth: a, disabled: o = !1, ariaLabel: f = "Seleziona il mese" }) {
+	let [p, m] = l(0), h = c(null), g = s(() => Ee(e, n), [e, n]), _ = o || De(-1, e, i, a), v = o || De(1, e, i, a), y = r((n) => {
+		n === -1 && _ || n === 1 && v || (m(n), t(Te(e, n)));
 	}, [
 		v,
 		_,
@@ -811,7 +1189,7 @@ function ve({ value: e, onChange: t, locale: n = "it-IT", minMonth: i, maxMonth:
 				"aria-label": "Mese precedente",
 				disabled: _,
 				onClick: () => y(-1),
-				children: /* @__PURE__ */ u(N, {
+				children: /* @__PURE__ */ u(I, {
 					size: 18,
 					"aria-hidden": "true"
 				})
@@ -830,7 +1208,7 @@ function ve({ value: e, onChange: t, locale: n = "it-IT", minMonth: i, maxMonth:
 				"aria-label": "Mese successivo",
 				disabled: v,
 				onClick: () => y(1),
-				children: /* @__PURE__ */ u(P, {
+				children: /* @__PURE__ */ u(L, {
 					size: 18,
 					"aria-hidden": "true"
 				})
@@ -844,13 +1222,13 @@ function ve({ value: e, onChange: t, locale: n = "it-IT", minMonth: i, maxMonth:
 		]
 	});
 }
-var ye = { badge: "_badge_3xnd3_1" };
+var ke = { badge: "_badge_3xnd3_1" };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function be(...e) {
+function Ae(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var xe = n(function({ text: e, color: t, className: n, style: r, ...i }, a) {
+var je = n(function({ text: e, color: t, className: n, style: r, ...i }, a) {
 	let o = t ? {
 		...r,
 		"--badge-color": t,
@@ -858,13 +1236,13 @@ var xe = n(function({ text: e, color: t, className: n, style: r, ...i }, a) {
 	} : r;
 	return /* @__PURE__ */ u("span", {
 		ref: a,
-		className: be(ye.badge, n),
+		className: Ae(ke.badge, n),
 		style: o,
 		...i,
 		children: e
 	});
 });
-xe.displayName = "Badge";
+je.displayName = "Badge";
 var Z = {
 	switch: "_switch_1u3md_1",
 	input: "_input_1u3md_14",
@@ -877,10 +1255,10 @@ var Z = {
 };
 //#endregion
 //#region src/components/Switch/Switch.tsx
-function Se(...e) {
+function Me(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var Ce = n(function({ label: e, className: t, color: n, size: r = "md", disabled: i = !1, onChange: a, onCheckedChange: o, "aria-label": s = "Interruttore", style: c, ...l }, f) {
+var Ne = n(function({ label: e, className: t, color: n, size: r = "md", disabled: i = !1, onChange: a, onCheckedChange: o, "aria-label": s = "Interruttore", style: c, ...l }, f) {
 	function p(e) {
 		a?.(e), o?.(e.target.checked);
 	}
@@ -889,7 +1267,7 @@ var Ce = n(function({ label: e, className: t, color: n, size: r = "md", disabled
 		"--switch-color": n
 	} : c;
 	return /* @__PURE__ */ d("label", {
-		className: Se(Z.switch, Z[`size${r[0].toUpperCase()}${r.slice(1)}`], i && Z.disabled, t),
+		className: Me(Z.switch, Z[`size${r[0].toUpperCase()}${r.slice(1)}`], i && Z.disabled, t),
 		style: m,
 		children: [
 			/* @__PURE__ */ u("input", {
@@ -913,7 +1291,7 @@ var Ce = n(function({ label: e, className: t, color: n, size: r = "md", disabled
 		]
 	});
 });
-Ce.displayName = "Switch";
+Ne.displayName = "Switch";
 var Q = {
 	wrapper: "_wrapper_1ly5u_1",
 	table: "_table_1ly5u_11",
@@ -938,17 +1316,17 @@ var Q = {
 function $(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function we(e, t) {
+function Pe(e, t) {
 	return e == null ? 1 : t == null ? -1 : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), "it-IT", {
 		numeric: !0,
 		sensitivity: "base"
 	});
 }
-function Te({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "Non sono disponibili dati da visualizzare.", isLoading: a = !1, sortable: o = !0, onRowClick: c, rowAriaLabel: f, className: p, containerClassName: m, ...h }) {
+function Fe({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "Non sono disponibili dati da visualizzare.", isLoading: a = !1, sortable: o = !0, onRowClick: c, rowAriaLabel: f, className: p, containerClassName: m, ...h }) {
 	let [g, _] = l(null), v = s(() => {
 		if (!g?.column.sortValue) return t;
 		let { column: e, direction: n } = g, r = n === "ascending" ? 1 : -1;
-		return [...t].sort((t, n) => we(e.sortValue?.(t), e.sortValue?.(n)) * r);
+		return [...t].sort((t, n) => Pe(e.sortValue?.(t), e.sortValue?.(n)) * r);
 	}, [t, g]);
 	function y(e) {
 		!o || !e.sortable || !e.sortValue || _((t) => t?.column.id === e.id ? t.direction === "ascending" ? {
@@ -963,13 +1341,13 @@ function Te({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 		return g?.column.id === e.id ? g.direction : "none";
 	}
 	function x(e) {
-		return g?.column.id === e.id ? g.direction === "ascending" ? /* @__PURE__ */ u(F, {
+		return g?.column.id === e.id ? g.direction === "ascending" ? /* @__PURE__ */ u(R, {
 			size: 15,
 			"aria-hidden": "true"
-		}) : /* @__PURE__ */ u(M, {
+		}) : /* @__PURE__ */ u(F, {
 			size: 15,
 			"aria-hidden": "true"
-		}) : /* @__PURE__ */ u(I, {
+		}) : /* @__PURE__ */ u(ee, {
 			size: 15,
 			"aria-hidden": "true"
 		});
@@ -992,7 +1370,7 @@ function Te({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 						return /* @__PURE__ */ u("th", {
 							scope: "col",
 							"aria-sort": t ? b(e) : void 0,
-							className: $(Q.headerCell, Q[`align${Ee(e.align ?? "left")}`], e.hideOnMobile && Q.hideOnMobile),
+							className: $(Q.headerCell, Q[`align${Ie(e.align ?? "left")}`], e.hideOnMobile && Q.hideOnMobile),
 							children: t ? /* @__PURE__ */ d("button", {
 								type: "button",
 								className: Q.sortButton,
@@ -1031,7 +1409,7 @@ function Te({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 									(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
 								} : void 0,
 								children: e.map((e) => /* @__PURE__ */ u("td", {
-									className: $(Q.cell, Q[`align${Ee(e.align ?? "left")}`], e.numeric && Q.numeric, e.hideOnMobile && Q.hideOnMobile),
+									className: $(Q.cell, Q[`align${Ie(e.align ?? "left")}`], e.numeric && Q.numeric, e.hideOnMobile && Q.hideOnMobile),
 									children: e.cell(t, r)
 								}, e.id))
 							}, i);
@@ -1042,8 +1420,8 @@ function Te({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 		})
 	});
 }
-function Ee(e) {
+function Ie(e) {
 	return `${e.charAt(0).toUpperCase()}${e.slice(1)}`;
 }
 //#endregion
-export { xe as Badge, g as Button, x as Card, Te as DataTable, oe as DatePicker, fe as Dropdown, ue as IconButton, ve as MonthCarousel, me as MultiSelect, Ce as Switch, de as TextField };
+export { je as Badge, g as Button, oe as CalculatorKeypad, x as Card, Fe as DataTable, he as DatePicker, Se as Dropdown, ye as IconButton, Oe as MonthCarousel, we as MultiSelect, Ne as Switch, xe as TextField };