@bertimatteodev/astra-ui 0.8.5 → 0.9.0

package/dist/astra-ui.js

@@ -182,7 +182,7 @@ var w = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M8 18h.01",
 		key: "lrp35t"
 	}]
-]), F = N("calendar-days", [
+]), ee = N("calendar-days", [
 	["path", {
 		d: "M8 2v3",
 		key: "1ioesn"
@@ -227,28 +227,28 @@ var w = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M16 17h.01",
 		key: "ql8jdd"
 	}]
-]), I = N("check", [["path", {
+]), F = N("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), ee = N("chevron-down", [["path", {
+}]]), te = N("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), L = N("chevron-left", [["path", {
+}]]), I = N("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), R = N("chevron-right", [["path", {
+}]]), L = N("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), z = N("chevron-up", [["path", {
+}]]), R = N("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
-}]]), te = N("chevrons-up-down", [["path", {
+}]]), ne = N("chevrons-up-down", [["path", {
 	d: "m7 15 5 5 5-5",
 	key: "1hf1tw"
 }], ["path", {
 	d: "m7 9 5-5 5 5",
 	key: "sgt6xg"
-}]]), B = N("delete", [
+}]]), re = N("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"
@@ -261,7 +261,7 @@ var w = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "m18 9-6 6",
 		key: "1fp51s"
 	}]
-]), ne = N("equal", [["line", {
+]), ie = N("equal", [["line", {
 	x1: "5",
 	x2: "19",
 	y1: "9",
@@ -273,7 +273,7 @@ var w = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	y1: "15",
 	y2: "15",
 	key: "g8yjpy"
-}]]), V = {
+}]]), z = {
 	field: "_field_11hml_1",
 	label: "_label_11hml_11",
 	trigger: "_trigger_11hml_18",
@@ -291,22 +291,22 @@ var w = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	confirmKey: "_confirmKey_11hml_178",
 	submitButton: "_submitButton_11hml_188",
 	wideKey: "_wideKey_11hml_221"
-}, re = {
+}, ae = {
 	"+": "+",
 	"-": "−",
 	"*": "×",
 	"/": "÷"
 };
-function ie(e, t) {
+function oe(e, t) {
 	let n = String(e);
 	return t === "," ? n.replace(".", ",") : n;
 }
-function ae(e, t) {
+function se(e, t) {
 	if (!e) return null;
 	let n = t === "," ? e.replace(",", ".") : e, r = Number(n);
 	return Number.isFinite(r) ? r : null;
 }
-function oe(e, t, n) {
+function ce(e, t, n) {
 	switch (n) {
 		case "+": return e + t;
 		case "-": return e - t;
@@ -314,8 +314,8 @@ function oe(e, t, n) {
 		case "/": return t === 0 ? null : e / t;
 	}
 }
-function se({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder: r = "Inserisci un valore", disabled: i = !1, maxFractionDigits: a = 2, onValueChange: s, onConfirm: l }) {
-	let [d, m] = u(() => e === void 0 ? "" : ie(e, t)), [h, g] = u(null), [_, v] = u(null), [y, b] = u(!1), [x, S] = u(!0), [C, w] = u(!1), T = c(() => ae(d, t), [t, d]);
+function le({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder: r = "Inserisci un valore", disabled: i = !1, maxFractionDigits: a = 2, onValueChange: s, onConfirm: l }) {
+	let [d, m] = u(() => e === void 0 ? "" : oe(e, t)), [h, g] = u(null), [_, v] = u(null), [y, b] = u(!1), [x, S] = u(!0), [C, w] = u(!1), T = c(() => se(d, t), [t, d]);
 	o(() => {
 		s?.(C ? null : T);
 	}, [
@@ -448,17 +448,17 @@ function se({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder:
 			v(e ?? null), S(!0);
 			return;
 		}
-		let n = oe(h, T, _);
+		let n = ce(h, T, _);
 		if (n === null) {
 			m("Errore"), g(null), v(null), S(!0), w(!0);
 			return;
 		}
-		let r = ie(n, t);
+		let r = oe(n, t);
 		m(r), g(e ? n : null), v(e ?? null), S(!0);
 	}
 	function j() {
 		A();
-		let e = h !== null && _ !== null ? oe(h, T ?? 0, _) : T;
+		let e = h !== null && _ !== null ? ce(h, T ?? 0, _) : T;
 		e != null && (l?.(e), b(!1));
 	}
 	function M(e) {
@@ -482,56 +482,56 @@ function se({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder:
 			A(e.value);
 		}
 	}
-	let N = _ ? `${h ?? ""} ${re[_]}` : null;
+	let N = _ ? `${h ?? ""} ${ae[_]}` : null;
 	return /* @__PURE__ */ p("div", {
-		className: V.field,
+		className: z.field,
 		children: [
 			n ? /* @__PURE__ */ f("span", {
-				className: V.label,
+				className: z.label,
 				children: n
 			}) : null,
 			/* @__PURE__ */ p("button", {
 				type: "button",
-				className: V.trigger,
+				className: z.trigger,
 				disabled: i,
 				"aria-label": y ? "Chiudi calcolatrice" : "Apri calcolatrice",
 				"aria-expanded": y,
 				onClick: () => b((e) => !e),
 				children: [/* @__PURE__ */ f(P, {
-					className: V.triggerIcon,
+					className: z.triggerIcon,
 					size: 20,
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ f("span", {
-					className: d ? V.triggerValue : V.placeholder,
+					className: d ? z.triggerValue : z.placeholder,
 					children: d || r
 				})]
 			}),
 			y ? /* @__PURE__ */ p("section", {
-				className: V.calculator,
+				className: z.calculator,
 				"aria-label": "Calcolatrice",
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: V.display,
+						className: z.display,
 						"aria-live": "polite",
 						"aria-atomic": "true",
 						children: [/* @__PURE__ */ f("span", {
-							className: V.expression,
+							className: z.expression,
 							children: N ?? "\xA0"
 						}), /* @__PURE__ */ f("output", {
-							className: `${V.value} numeric`,
+							className: `${z.value} numeric`,
 							"aria-label": `Valore corrente: ${d}`,
 							children: d
 						})]
 					}),
 					/* @__PURE__ */ f("div", {
-						className: V.keypad,
+						className: z.keypad,
 						children: E.map((e) => {
 							let t = [
-								V.key,
-								e.kind === "operator" && V.operatorKey,
-								e.kind === "action" && V.actionKey,
-								e.kind === "confirm" && V.confirmKey,
-								e.wide && V.wideKey
+								z.key,
+								e.kind === "operator" && z.operatorKey,
+								e.kind === "action" && z.actionKey,
+								e.kind === "confirm" && z.confirmKey,
+								e.wide && z.wideKey
 							].filter(Boolean).join(" "), n = e.value === "backspace", r = e.value === "equals";
 							return /* @__PURE__ */ p("button", {
 								type: "button",
@@ -540,12 +540,12 @@ function se({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder:
 								"aria-label": e.ariaLabel ?? e.label,
 								onClick: () => M(e),
 								children: [
-									n ? /* @__PURE__ */ f(B, {
+									n ? /* @__PURE__ */ f(re, {
 										size: 18,
 										strokeWidth: 1.9,
 										"aria-hidden": "true"
 									}) : null,
-									r ? /* @__PURE__ */ f(ne, {
+									r ? /* @__PURE__ */ f(ie, {
 										size: 18,
 										strokeWidth: 2,
 										"aria-hidden": "true"
@@ -557,11 +557,11 @@ function se({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder:
 					}),
 					/* @__PURE__ */ f("button", {
 						type: "button",
-						className: V.submitButton,
+						className: z.submitButton,
 						disabled: i,
 						"aria-label": "Confirm value",
 						onClick: j,
-						children: /* @__PURE__ */ f(I, {
+						children: /* @__PURE__ */ f(F, {
 							size: 18,
 							strokeWidth: 2,
 							"aria-hidden": "true"
@@ -572,7 +572,7 @@ function se({ initialValue: e, decimalSeparator: t = ",", label: n, placeholder:
 		]
 	});
 }
-var H = {
+var B = {
 	field: "_field_t3jjk_1",
 	label: "_label_t3jjk_8",
 	trigger: "_trigger_t3jjk_15",
@@ -594,7 +594,7 @@ var H = {
 	today: "_today_t3jjk_195",
 	footer: "_footer_t3jjk_210",
 	textButton: "_textButton_t3jjk_218"
-}, ce = [
+}, ue = [
 	"Lun",
 	"Mar",
 	"Mer",
@@ -603,47 +603,47 @@ var H = {
 	"Sab",
 	"Dom"
 ];
-function U(e) {
+function V(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function le(e) {
+function de(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function ue(e, t) {
+function fe(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function de(e, t) {
+function pe(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
 }
-function fe(e, t, n) {
-	let r = U(e);
-	return !!(t && r < U(t) || n && r > U(n));
+function me(e, t, n) {
+	let r = V(e);
+	return !!(t && r < V(t) || n && r > V(n));
 }
-function pe(e) {
+function he(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 me(e, t) {
+function ge(e, t) {
 	let n = new Intl.DateTimeFormat(t, {
 		month: "long",
 		year: "numeric"
 	}).format(e);
 	return n.charAt(0).toUpperCase() + n.slice(1);
 }
-function he(e, t) {
+function _e(e, t) {
 	return e ? new Intl.DateTimeFormat(t, {
 		day: "2-digit",
 		month: "short",
 		year: "numeric"
 	}).format(e) : "";
 }
-function ge(...e) {
+function ve(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function _e({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una data", locale: i = "it-IT", disabled: a = !1, minDate: d, maxDate: m, clearable: h = !1, name: g, id: _, error: v }) {
-	let y = s(), b = _ ?? `date-picker-${y}`, x = `${b}-dialog`, S = `${b}-error`, C = l(null), w = l(null), [T, E] = u(!1), [D, O] = u(() => U(e ?? /* @__PURE__ */ new Date())), k = c(() => pe(D), [D]), A = U(/* @__PURE__ */ new Date());
+function ye({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una data", locale: i = "it-IT", disabled: a = !1, minDate: d, maxDate: m, clearable: h = !1, name: g, id: _, error: v }) {
+	let y = s(), b = _ ?? `date-picker-${y}`, x = `${b}-dialog`, S = `${b}-error`, C = l(null), w = l(null), [T, E] = u(!1), [D, O] = u(() => V(e ?? /* @__PURE__ */ new Date())), k = c(() => he(D), [D]), A = V(/* @__PURE__ */ new Date());
 	o(() => {
-		e && O(U(e));
+		e && O(V(e));
 	}, [e]), o(() => {
 		function e(e) {
 			C.current && !C.current.contains(e.target) && E(!1);
@@ -656,10 +656,10 @@ function _e({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 		};
 	}, []);
 	function j() {
-		a || (O(U(e ?? /* @__PURE__ */ new Date())), E(!0));
+		a || (O(V(e ?? /* @__PURE__ */ new Date())), E(!0));
 	}
 	function M(e) {
-		fe(e, d, m) || (t(U(e)), E(!1), w.current?.focus());
+		me(e, d, m) || (t(V(e)), E(!1), w.current?.focus());
 	}
 	function N(e) {
 		O((t) => new Date(t.getFullYear(), t.getMonth() + e, 1));
@@ -674,20 +674,20 @@ function _e({ 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}-${le(n)}`, i = document.getElementById(r);
+		let r = `${b}-${de(n)}`, i = document.getElementById(r);
 		if (i) {
 			i.focus();
 			return;
 		}
 		O(new Date(n.getFullYear(), n.getMonth(), 1));
 	}
-	let I = he(e, i);
+	let F = _e(e, i);
 	return /* @__PURE__ */ p("div", {
 		ref: C,
-		className: H.field,
+		className: B.field,
 		children: [
 			n ? /* @__PURE__ */ f("label", {
-				className: H.label,
+				className: B.label,
 				htmlFor: b,
 				children: n
 			}) : null,
@@ -695,61 +695,61 @@ function _e({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 				id: b,
 				type: "hidden",
 				name: g,
-				value: e ? le(e) : ""
+				value: e ? de(e) : ""
 			}),
 			/* @__PURE__ */ p("button", {
 				ref: w,
 				type: "button",
-				className: ge(H.trigger, v && H.hasError, a && H.isDisabled),
+				className: ve(B.trigger, v && B.hasError, a && B.isDisabled),
 				disabled: a,
 				"aria-haspopup": "dialog",
 				"aria-expanded": T,
 				"aria-controls": T ? x : void 0,
 				onClick: () => T ? E(!1) : j(),
-				children: [/* @__PURE__ */ f(F, {
-					className: H.triggerIcon,
+				children: [/* @__PURE__ */ f(ee, {
+					className: B.triggerIcon,
 					size: 18,
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ f("span", {
-					className: ge(H.triggerValue, !e && H.placeholder),
-					children: I || r
+					className: ve(B.triggerValue, !e && B.placeholder),
+					children: F || r
 				})]
 			}),
 			v ? /* @__PURE__ */ f("p", {
 				id: S,
-				className: H.error,
+				className: B.error,
 				role: "alert",
 				children: v
 			}) : null,
 			T ? /* @__PURE__ */ p("div", {
 				id: x,
-				className: H.popover,
+				className: B.popover,
 				role: "dialog",
 				"aria-label": "Seleziona una data",
 				children: [
 					/* @__PURE__ */ p("header", {
-						className: H.calendarHeader,
+						className: B.calendarHeader,
 						children: [
 							/* @__PURE__ */ f("button", {
 								type: "button",
-								className: H.navigationButton,
+								className: B.navigationButton,
 								"aria-label": "Mese precedente",
 								onClick: () => N(-1),
-								children: /* @__PURE__ */ f(L, {
+								children: /* @__PURE__ */ f(I, {
 									size: 18,
 									"aria-hidden": "true"
 								})
 							}),
 							/* @__PURE__ */ f("span", {
-								className: H.monthLabel,
-								children: me(D, i)
+								className: B.monthLabel,
+								children: ge(D, i)
 							}),
 							/* @__PURE__ */ f("button", {
 								type: "button",
-								className: H.navigationButton,
+								className: B.navigationButton,
 								"aria-label": "Mese successivo",
 								onClick: () => N(1),
-								children: /* @__PURE__ */ f(R, {
+								children: /* @__PURE__ */ f(L, {
 									size: 18,
 									"aria-hidden": "true"
 								})
@@ -757,20 +757,20 @@ function _e({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 						]
 					}),
 					/* @__PURE__ */ p("div", {
-						className: H.calendarGrid,
+						className: B.calendarGrid,
 						role: "grid",
-						"aria-label": me(D, i),
-						children: [ce.map((e) => /* @__PURE__ */ f("span", {
-							className: H.weekDay,
+						"aria-label": ge(D, i),
+						children: [ue.map((e) => /* @__PURE__ */ f("span", {
+							className: B.weekDay,
 							role: "columnheader",
 							children: e
 						}, e)), k.map((t) => {
-							let n = de(t, D), r = e ? ue(t, e) : !1, a = ue(t, A), o = fe(t, d, m), s = `${b}-${le(t)}`;
+							let n = pe(t, D), r = e ? fe(t, e) : !1, a = fe(t, A), o = me(t, d, m), s = `${b}-${de(t)}`;
 							return /* @__PURE__ */ f("button", {
 								id: s,
 								type: "button",
 								role: "gridcell",
-								className: ge(H.day, !n && H.outsideMonth, r && H.selectedDay, a && H.today),
+								className: ve(B.day, !n && B.outsideMonth, r && B.selectedDay, a && B.today),
 								disabled: o,
 								"aria-label": new Intl.DateTimeFormat(i, {
 									weekday: "long",
@@ -787,17 +787,17 @@ function _e({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 						})]
 					}),
 					/* @__PURE__ */ p("footer", {
-						className: H.footer,
+						className: B.footer,
 						children: [/* @__PURE__ */ f("button", {
 							type: "button",
-							className: H.textButton,
+							className: B.textButton,
 							onClick: () => {
 								O(A), M(A);
 							},
 							children: "Oggi"
 						}), h && e ? /* @__PURE__ */ f("button", {
 							type: "button",
-							className: H.textButton,
+							className: B.textButton,
 							onClick: () => {
 								t(null), E(!1), w.current?.focus();
 							},
@@ -809,7 +809,7 @@ function _e({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una d
 		]
 	});
 }
-var W = {
+var H = {
 	button: "_button_2kydv_1",
 	sizeSm: "_sizeSm_2kydv_27",
 	sizeMd: "_sizeMd_2kydv_32",
@@ -823,20 +823,20 @@ var W = {
 	spinner: "_spinner_2kydv_94",
 	spin: "_spin_2kydv_94",
 	loading: "_loading_2kydv_103"
-}, ve = {
-	primary: W.variantPrimary,
-	secondary: W.variantSecondary,
-	ghost: W.variantGhost,
-	danger: W.variantDanger
-}, ye = {
-	sm: W.sizeSm,
-	md: W.sizeMd,
-	lg: W.sizeLg
+}, be = {
+	primary: H.variantPrimary,
+	secondary: H.variantSecondary,
+	ghost: H.variantGhost,
+	danger: H.variantDanger
+}, xe = {
+	sm: H.sizeSm,
+	md: H.sizeMd,
+	lg: H.sizeLg
 };
-function be(...e) {
+function Se(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var xe = r(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: u, ...d }, p) {
+var Ce = r(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: u, ...d }, p) {
 	let m = c || a, h = s ? {
 		...u,
 		backgroundColor: s
@@ -844,24 +844,24 @@ var xe = r(function({ icon: e, label: t, className: n, variant: r = "secondary",
 	return /* @__PURE__ */ f("button", {
 		ref: p,
 		type: l,
-		className: be(W.button, ve[r], ye[i], a && W.loading, o && W.borderless, n),
+		className: Se(H.button, be[r], xe[i], a && H.loading, o && H.borderless, n),
 		style: h,
 		disabled: m,
 		"aria-label": t,
 		"aria-busy": a || void 0,
 		...d,
 		children: a ? /* @__PURE__ */ f("span", {
-			className: W.spinner,
+			className: H.spinner,
 			"aria-hidden": "true"
 		}) : /* @__PURE__ */ f("span", {
-			className: W.icon,
+			className: H.icon,
 			"aria-hidden": "true",
 			children: e
 		})
 	});
 });
-xe.displayName = "IconButton";
-var G = {
+Ce.displayName = "IconButton";
+var U = {
 	field: "_field_1pq0j_1",
 	label: "_label_1pq0j_7",
 	required: "_required_1pq0j_14",
@@ -875,39 +875,39 @@ var G = {
 };
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function Se(...e) {
+function we(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var Ce = r(function({ id: e, label: t, hint: n, error: r, startAdornment: i, endAdornment: a, className: o, containerClassName: c, disabled: l, required: u, "aria-describedby": d, ...m }, h) {
+var Te = r(function({ id: e, label: t, hint: n, error: r, startAdornment: i, endAdornment: a, className: o, containerClassName: c, disabled: l, required: u, "aria-describedby": d, ...m }, h) {
 	let g = s(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, y = `${_}-error`, b = [
 		d,
 		n ? v : null,
 		r ? y : null
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("div", {
-		className: Se(G.field, c),
+		className: we(U.field, c),
 		children: [
 			t ? /* @__PURE__ */ p("label", {
-				className: G.label,
+				className: U.label,
 				htmlFor: _,
 				children: [t, u ? /* @__PURE__ */ p("span", {
-					className: G.required,
+					className: U.required,
 					"aria-hidden": "true",
 					children: [" ", "*"]
 				}) : null]
 			}) : null,
 			/* @__PURE__ */ p("div", {
-				className: Se(G.control, r && G.hasError, l && G.isDisabled),
+				className: we(U.control, r && U.hasError, l && U.isDisabled),
 				children: [
 					i ? /* @__PURE__ */ f("span", {
-						className: G.adornment,
+						className: U.adornment,
 						"aria-hidden": "true",
 						children: i
 					}) : null,
 					/* @__PURE__ */ f("input", {
 						ref: h,
 						id: _,
-						className: Se(G.input, o),
+						className: we(U.input, o),
 						disabled: l,
 						required: u,
 						"aria-invalid": r ? !0 : void 0,
@@ -915,7 +915,7 @@ var Ce = r(function({ id: e, label: t, hint: n, error: r, startAdornment: i, end
 						...m
 					}),
 					a ? /* @__PURE__ */ f("span", {
-						className: G.adornment,
+						className: U.adornment,
 						"aria-hidden": "true",
 						children: a
 					}) : null
@@ -923,20 +923,20 @@ var Ce = r(function({ id: e, label: t, hint: n, error: r, startAdornment: i, end
 			}),
 			r ? /* @__PURE__ */ f("p", {
 				id: y,
-				className: G.error,
+				className: U.error,
 				role: "alert",
 				children: r
 			}) : null,
 			!r && n ? /* @__PURE__ */ f("p", {
 				id: v,
-				className: G.hint,
+				className: U.hint,
 				children: n
 			}) : null
 		]
 	});
 });
-Ce.displayName = "TextField";
-var K = {
+Te.displayName = "TextField";
+var W = {
 	field: "_field_3nnjq_1",
 	label: "_label_3nnjq_7",
 	required: "_required_3nnjq_14",
@@ -957,70 +957,70 @@ var K = {
 };
 //#endregion
 //#region src/components/Dropdown/Dropdown.tsx
-function q(...e) {
+function G(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var we = r(function({ id: e, options: t, label: n, hint: r, error: i, placeholder: a, className: c, containerClassName: d, disabled: m, required: h, value: g, defaultValue: _, onChange: v, onValueChange: y, "aria-describedby": b, ...x }, S) {
+var Ee = r(function({ id: e, options: t, label: n, hint: r, error: i, placeholder: a, className: c, containerClassName: d, disabled: m, required: h, value: g, defaultValue: _, onChange: v, onValueChange: y, "aria-describedby": b, ...x }, S) {
 	let C = s(), 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, M] = u(typeof _ == "string" ? _ : ""), [N, P] = u(!1), [F, I] = u(0), ee = l(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] = u(typeof _ == "string" ? _ : ""), [N, P] = u(!1), [ee, F] = u(0), te = l(null), I = A ?? j, L = t.find((e) => e.value === I), R = t.reduce((e, t, n) => (t.disabled || e.push(n), e), []);
 	o(() => {
 		function e(e) {
-			ee.current?.contains(e.target) || P(!1);
+			te.current?.contains(e.target) || P(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	function te(e) {
+	function ne(e) {
 		v?.(e), y?.(e.target.value);
 	}
-	function B(e) {
+	function re(e) {
 		A === void 0 && M(e), y?.(e), P(!1);
 	}
-	function ne(e) {
+	function ie(e) {
 		if (!m) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 				e.preventDefault(), P(!0);
-				let t = (z.indexOf(F) + (e.key === "ArrowDown" ? 1 : -1) + z.length) % z.length;
-				I(z[t] ?? 0);
+				let t = (R.indexOf(ee) + (e.key === "ArrowDown" ? 1 : -1) + R.length) % R.length;
+				F(R[t] ?? 0);
 			}
 			if (e.key === "Enter" || e.key === " ") {
 				if (e.preventDefault(), N) {
-					let e = t[F];
-					e && !e.disabled && B(e.value);
+					let e = t[ee];
+					e && !e.disabled && re(e.value);
 				} else P(!0);
 			}
 			e.key === "Escape" && P(!1);
 		}
 	}
 	return /* @__PURE__ */ p("div", {
-		className: q(K.field, d),
+		className: G(W.field, d),
 		children: [
 			n ? /* @__PURE__ */ p("label", {
 				id: D,
-				className: K.label,
+				className: W.label,
 				htmlFor: w,
 				children: [n, h ? /* @__PURE__ */ p("span", {
-					className: K.required,
+					className: W.required,
 					"aria-hidden": "true",
 					children: [" ", "*"]
 				}) : null]
 			}) : null,
 			/* @__PURE__ */ p("div", {
-				ref: ee,
-				className: q(K.control, i && K.hasError, m && K.isDisabled, N && K.isOpen),
+				ref: te,
+				className: G(W.control, i && W.hasError, m && W.isDisabled, N && W.isOpen),
 				children: [
 					/* @__PURE__ */ p("select", {
 						ref: S,
 						id: w,
-						className: K.nativeSelect,
+						className: W.nativeSelect,
 						disabled: m,
 						required: h,
-						value: L,
+						value: I,
 						"aria-invalid": i ? !0 : void 0,
 						"aria-describedby": k || void 0,
-						onChange: te,
+						onChange: ne,
 						...x,
 						children: [a ? /* @__PURE__ */ f("option", {
 							value: "",
@@ -1034,7 +1034,7 @@ var we = r(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 					}),
 					/* @__PURE__ */ p("button", {
 						type: "button",
-						className: q(K.trigger, c),
+						className: G(W.trigger, c),
 						disabled: m,
 						"aria-haspopup": "listbox",
 						"aria-expanded": N,
@@ -1043,34 +1043,34 @@ var we = r(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 						"aria-describedby": k || void 0,
 						"aria-invalid": i ? !0 : void 0,
 						onClick: () => P((e) => !e),
-						onKeyDown: ne,
+						onKeyDown: ie,
 						children: [/* @__PURE__ */ f("span", {
-							className: R ? void 0 : K.placeholder,
-							children: R?.label ?? a
+							className: L ? void 0 : W.placeholder,
+							children: L?.label ?? a
 						}), /* @__PURE__ */ f("span", {
-							className: K.indicator,
+							className: W.indicator,
 							"aria-hidden": "true"
 						})]
 					}),
 					N ? /* @__PURE__ */ p("div", {
 						id: O,
-						className: K.menu,
+						className: W.menu,
 						role: "listbox",
 						children: [a ? /* @__PURE__ */ f("button", {
 							type: "button",
-							className: q(K.option, !L && K.selectedOption),
+							className: G(W.option, !I && W.selectedOption),
 							role: "option",
-							"aria-selected": !L,
-							onClick: () => B(""),
+							"aria-selected": !I,
+							onClick: () => re(""),
 							children: a
 						}) : null, t.map((e, t) => /* @__PURE__ */ f("button", {
 							type: "button",
-							className: q(K.option, e.value === L && K.selectedOption, t === F && K.activeOption),
+							className: G(W.option, e.value === I && W.selectedOption, t === ee && W.activeOption),
 							role: "option",
-							"aria-selected": e.value === L,
+							"aria-selected": e.value === I,
 							disabled: e.disabled,
-							onMouseEnter: () => I(t),
-							onClick: () => B(e.value),
+							onMouseEnter: () => F(t),
+							onClick: () => re(e.value),
 							children: e.label
 						}, e.value))]
 					}) : null
@@ -1078,20 +1078,20 @@ var we = r(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 			}),
 			i ? /* @__PURE__ */ f("p", {
 				id: E,
-				className: K.error,
+				className: W.error,
 				role: "alert",
 				children: i
 			}) : null,
 			!i && r ? /* @__PURE__ */ f("p", {
 				id: T,
-				className: K.hint,
+				className: W.hint,
 				children: r
 			}) : null
 		]
 	});
 });
-we.displayName = "Dropdown";
-var Te = {
+Ee.displayName = "Dropdown";
+var K = {
 	group: "_group_1fqa2_1",
 	option: "_option_1fqa2_8",
 	selected: "_selected_1fqa2_41",
@@ -1099,10 +1099,10 @@ var Te = {
 };
 //#endregion
 //#region src/components/MultiSelect/MultiSelect.tsx
-function Ee(...e) {
+function De(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var De = r(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 }, l) {
+var Oe = r(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 }, l) {
 	let [d, m] = u(n), h = t ?? d, 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];
@@ -1112,7 +1112,7 @@ var De = r(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 		ref: l,
 		role: "group",
 		"aria-label": s,
-		className: Ee(Te.group, a),
+		className: De(K.group, a),
 		...c,
 		children: e.map((e) => {
 			let t = g.includes(e.value), n = i || e.disabled, r = e.selectedColor ? {
@@ -1121,21 +1121,21 @@ var De = r(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 			} : void 0;
 			return /* @__PURE__ */ p("button", {
 				type: "button",
-				className: Ee(Te.option, t && Te.selected),
+				className: De(K.option, t && K.selected),
 				disabled: n,
 				"aria-pressed": t,
 				style: r,
 				onClick: () => _(e.value),
 				children: [e.count === void 0 ? null : /* @__PURE__ */ f("span", {
-					className: Te.count,
+					className: K.count,
 					children: e.count
 				}), /* @__PURE__ */ f("span", { children: e.label })]
 			}, e.value);
 		})
 	});
 });
-De.displayName = "MultiSelect";
-var J = {
+Oe.displayName = "MultiSelect";
+var q = {
 	carousel: "_carousel_17hln_1",
 	navigationButton: "_navigationButton_17hln_13",
 	track: "_track_17hln_51",
@@ -1145,7 +1145,7 @@ var J = {
 };
 //#endregion
 //#region src/components/MonthCarousel/MonthCarousel.tsx
-function Oe(e) {
+function J(e) {
 	return e.year * 12 + e.month - 1;
 }
 function ke(e, t) {
@@ -1164,7 +1164,7 @@ function Ae(e, t) {
 }
 function je(e, t, n, r) {
 	let i = ke(t, e);
-	return e === -1 && n ? Oe(i) < Oe(n) : e === 1 && r ? Oe(i) > Oe(r) : !1;
+	return e === -1 && n ? J(i) < J(n) : e === 1 && r ? J(i) > J(r) : !1;
 }
 function Me({ value: e, onChange: t, locale: n = "it-IT", minMonth: r, maxMonth: a, disabled: o = !1, ariaLabel: s = "Seleziona il mese" }) {
 	let [d, m] = u(0), h = l(null), g = c(() => Ae(e, n), [e, n]), _ = o || je(-1, e, r, a), v = o || je(1, e, r, a), y = i((n) => {
@@ -1179,44 +1179,44 @@ function Me({ value: e, onChange: t, locale: n = "it-IT", minMonth: r, maxMonth:
 		e.key === "ArrowLeft" ? (e.preventDefault(), y(-1)) : e.key === "ArrowRight" && (e.preventDefault(), y(1));
 	}
 	return /* @__PURE__ */ p("div", {
-		className: J.carousel,
+		className: q.carousel,
 		role: "group",
 		"aria-label": s,
 		onKeyDown: b,
 		children: [
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				className: J.navigationButton,
+				className: q.navigationButton,
 				"aria-label": "Mese precedente",
 				disabled: _,
 				onClick: () => y(-1),
-				children: /* @__PURE__ */ f(L, {
+				children: /* @__PURE__ */ f(I, {
 					size: 18,
 					"aria-hidden": "true"
 				})
 			}),
 			/* @__PURE__ */ f("div", {
-				className: J.track,
+				className: q.track,
 				children: /* @__PURE__ */ f("span", {
-					className: J.label,
+					className: q.label,
 					"data-direction": d,
 					children: g
 				}, `${e.year}-${e.month}`)
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				className: J.navigationButton,
+				className: q.navigationButton,
 				"aria-label": "Mese successivo",
 				disabled: v,
 				onClick: () => y(1),
-				children: /* @__PURE__ */ f(R, {
+				children: /* @__PURE__ */ f(L, {
 					size: 18,
 					"aria-hidden": "true"
 				})
 			}),
 			/* @__PURE__ */ f("span", {
 				ref: h,
-				className: J.srOnly,
+				className: q.srOnly,
 				"aria-live": "polite",
 				children: g
 			})
@@ -1293,6 +1293,46 @@ var Le = r(function({ label: e, className: t, color: n, size: r = "md", disabled
 	});
 });
 Le.displayName = "Switch";
+var Re = {
+	list: "_list_o9mae_1",
+	listItem: "_listItem_o9mae_12",
+	interactive: "_interactive_o9mae_22",
+	cell: "_cell_o9mae_36"
+};
+//#endregion
+//#region src/components/List/List.tsx
+function ze(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function Be({ children: e, ariaLabel: t, className: n, ...r }) {
+	return /* @__PURE__ */ f("ul", {
+		...r,
+		className: ze(Re.list, n),
+		"aria-label": t,
+		children: e
+	});
+}
+function Ve({ children: e, className: t, onClick: n, onKeyDown: r, ...i }) {
+	let a = !!n;
+	return /* @__PURE__ */ f("li", {
+		...i,
+		className: ze(Re.listItem, a ? Re.interactive : void 0, t),
+		onClick: n,
+		onKeyDown: (e) => {
+			r?.(e), a && !e.defaultPrevented && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+		},
+		role: a ? "button" : i.role,
+		tabIndex: a ? 0 : i.tabIndex,
+		children: e
+	});
+}
+function He({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ f("div", {
+		...n,
+		className: ze(Re.cell, t),
+		children: e
+	});
+}
 var X = {
 	wrapper: "_wrapper_1ly5u_1",
 	table: "_table_1ly5u_11",
@@ -1317,17 +1357,17 @@ var X = {
 function Z(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function Re(e, t) {
+function Ue(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 ze({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "Non sono disponibili dati da visualizzare.", isLoading: a = !1, sortable: o = !0, onRowClick: s, rowAriaLabel: l, className: d, containerClassName: m, ...h }) {
+function We({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "Non sono disponibili dati da visualizzare.", isLoading: a = !1, sortable: o = !0, onRowClick: s, rowAriaLabel: l, className: d, containerClassName: m, ...h }) {
 	let [g, _] = u(null), v = c(() => {
 		if (!g?.column.sortValue) return t;
 		let { column: e, direction: n } = g, r = n === "ascending" ? 1 : -1;
-		return [...t].sort((t, n) => Re(e.sortValue?.(t), e.sortValue?.(n)) * r);
+		return [...t].sort((t, n) => Ue(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" ? {
@@ -1342,13 +1382,13 @@ function ze({ 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__ */ f(z, {
+		return g?.column.id === e.id ? g.direction === "ascending" ? /* @__PURE__ */ f(R, {
 			size: 15,
 			"aria-hidden": "true"
-		}) : /* @__PURE__ */ f(ee, {
+		}) : /* @__PURE__ */ f(te, {
 			size: 15,
 			"aria-hidden": "true"
-		}) : /* @__PURE__ */ f(te, {
+		}) : /* @__PURE__ */ f(ne, {
 			size: 15,
 			"aria-hidden": "true"
 		});
@@ -1371,7 +1411,7 @@ function ze({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 						return /* @__PURE__ */ f("th", {
 							scope: "col",
 							"aria-sort": t ? b(e) : void 0,
-							className: Z(X.headerCell, X[`align${Be(e.align ?? "left")}`], e.hideOnMobile && X.hideOnMobile),
+							className: Z(X.headerCell, X[`align${Ge(e.align ?? "left")}`], e.hideOnMobile && X.hideOnMobile),
 							children: t ? /* @__PURE__ */ p("button", {
 								type: "button",
 								className: X.sortButton,
@@ -1410,7 +1450,7 @@ function ze({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 									(e.key === "Enter" || e.key === " ") && (e.preventDefault(), c());
 								} : void 0,
 								children: e.map((e) => /* @__PURE__ */ f("td", {
-									className: Z(X.cell, X[`align${Be(e.align ?? "left")}`], e.numeric && X.numeric, e.hideOnMobile && X.hideOnMobile),
+									className: Z(X.cell, X[`align${Ge(e.align ?? "left")}`], e.numeric && X.numeric, e.hideOnMobile && X.hideOnMobile),
 									children: e.cell(t, r)
 								}, e.id))
 							}, i);
@@ -1421,7 +1461,7 @@ function ze({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 		})
 	});
 }
-function Be(e) {
+function Ge(e) {
 	return `${e.charAt(0).toUpperCase()}${e.slice(1)}`;
 }
 var Q = {
@@ -1434,17 +1474,17 @@ var Q = {
 };
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.tsx
-function Ve(e, t) {
+function Ke(e, t) {
 	if (t <= 0) return 0;
 	let n = e / t * 100;
 	return Math.min(100, Math.max(0, n));
 }
-var He = (e, t) => {
-	let n = Ve(e, t);
+var qe = (e, t) => {
+	let n = Ke(e, t);
 	return `${Math.round(n)}%`;
 };
-function Ue({ value: e, max: t = 100, color: n = "var(--color-danger-500)", showValue: r = !0, formatValue: i = He, label: a, size: o = "md", className: s }) {
-	let c = Ve(e, t), l = Math.max(0, t), u = Math.min(l, Math.max(0, e));
+function Je({ value: e, max: t = 100, color: n = "var(--color-danger-500)", showValue: r = !0, formatValue: i = qe, label: a, size: o = "md", className: s }) {
+	let c = Ke(e, t), l = Math.max(0, t), u = Math.min(l, Math.max(0, e));
 	return /* @__PURE__ */ p("div", {
 		className: [Q.root, s].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ f("div", {
@@ -1480,10 +1520,10 @@ var $ = {
 };
 //#endregion
 //#region src/components/Carousel/Carousel.tsx
-function We(...e) {
+function Ye(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function Ge({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showDots: a = !0, gap: c = "var(--space-4)", slideWidth: m = "100%", className: h }) {
+function Xe({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showDots: a = !0, gap: c = "var(--space-4)", slideWidth: m = "100%", className: h }) {
 	let g = l(null), _ = l([]), v = s(), y = e.toArray(t), [b, x] = u(0), [S, C] = u(!1), [w, T] = u(y.length > 1), E = i(() => {
 		let e = g.current;
 		if (!e) return;
@@ -1519,7 +1559,7 @@ function Ge({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 		D(Math.min(y.length - 1, b + 1));
 	}
 	return /* @__PURE__ */ p("div", {
-		className: We($.root, h),
+		className: Ye($.root, h),
 		role: "region",
 		"aria-roledescription": "carosello",
 		"aria-label": n,
@@ -1544,21 +1584,21 @@ function Ge({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 			}),
 			r && y.length > 1 ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
 				type: "button",
-				className: We($.arrow, $.arrowPrev),
+				className: Ye($.arrow, $.arrowPrev),
 				"aria-label": "Elemento precedente",
 				disabled: !S,
 				onClick: O,
-				children: /* @__PURE__ */ f(L, {
+				children: /* @__PURE__ */ f(I, {
 					size: 18,
 					"aria-hidden": "true"
 				})
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
-				className: We($.arrow, $.arrowNext),
+				className: Ye($.arrow, $.arrowNext),
 				"aria-label": "Elemento successivo",
 				disabled: !w,
 				onClick: k,
-				children: /* @__PURE__ */ f(R, {
+				children: /* @__PURE__ */ f(L, {
 					size: 18,
 					"aria-hidden": "true"
 				})
@@ -1570,7 +1610,7 @@ function Ge({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 				children: y.map((e, t) => /* @__PURE__ */ f("button", {
 					type: "button",
 					role: "tab",
-					className: We($.dot, t === b && $.activeDot),
+					className: Ye($.dot, t === b && $.activeDot),
 					"aria-selected": t === b,
 					"aria-controls": `${v}-slide-${t}`,
 					"aria-label": `Vai all'elemento ${t + 1}`,
@@ -1581,4 +1621,4 @@ function Ge({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 	});
 }
 //#endregion
-export { Fe as Badge, v as Button, se as CalculatorKeypad, C as Card, Ge as Carousel, ze as DataTable, _e as DatePicker, we as Dropdown, xe as IconButton, Me as MonthCarousel, De as MultiSelect, Ue as ProgressBar, Le as Switch, Ce as TextField };
+export { Fe as Badge, v as Button, le as CalculatorKeypad, C as Card, Xe as Carousel, We as DataTable, ye as DatePicker, Ee as Dropdown, Ce as IconButton, Be as List, He as ListCell, Ve as ListRow, Me as MonthCarousel, Oe as MultiSelect, Je as ProgressBar, Le as Switch, Te as TextField };