@bertimatteodev/astra-ui 0.8.6 → 0.9.1

package/dist/astra-ui.js

@@ -1091,7 +1091,7 @@ var Ee = r(function({ id: e, options: t, label: n, hint: r, error: i, placeholde
 	});
 });
 Ee.displayName = "Dropdown";
-var De = {
+var K = {
 	group: "_group_1fqa2_1",
 	option: "_option_1fqa2_8",
 	selected: "_selected_1fqa2_41",
@@ -1099,10 +1099,10 @@ var De = {
 };
 //#endregion
 //#region src/components/MultiSelect/MultiSelect.tsx
-function Oe(...e) {
+function De(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var ke = 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 ke = r(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 		ref: l,
 		role: "group",
 		"aria-label": s,
-		className: Oe(De.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 ke = r(function({ options: e, value: t, defaultValue: n = [], multiple: r =
 			} : void 0;
 			return /* @__PURE__ */ p("button", {
 				type: "button",
-				className: Oe(De.option, t && De.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: De.count,
+					className: K.count,
 					children: e.count
 				}), /* @__PURE__ */ f("span", { children: e.label })]
 			}, e.value);
 		})
 	});
 });
-ke.displayName = "MultiSelect";
-var K = {
+Oe.displayName = "MultiSelect";
+var q = {
 	carousel: "_carousel_17hln_1",
 	navigationButton: "_navigationButton_17hln_13",
 	track: "_track_17hln_51",
@@ -1145,30 +1145,30 @@ var K = {
 };
 //#endregion
 //#region src/components/MonthCarousel/MonthCarousel.tsx
-function Ae(e) {
+function J(e) {
 	return e.year * 12 + e.month - 1;
 }
-function je(e, t) {
+function ke(e, t) {
 	let n = e.year * 12 + e.month - 1 + t;
 	return {
 		year: Math.floor(n / 12),
 		month: (n % 12 + 12) % 12 + 1
 	};
 }
-function Me(e, t) {
+function Ae(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 Ne(e, t, n, r) {
-	let i = je(t, e);
-	return e === -1 && n ? Ae(i) < Ae(n) : e === 1 && r ? Ae(i) > Ae(r) : !1;
+function je(e, t, n, r) {
+	let i = ke(t, e);
+	return e === -1 && n ? J(i) < J(n) : e === 1 && r ? J(i) > J(r) : !1;
 }
-function Pe({ 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(() => Me(e, n), [e, n]), _ = o || Ne(-1, e, r, a), v = o || Ne(1, e, r, a), y = i((n) => {
-		n === -1 && _ || n === 1 && v || (m(n), t(je(e, n)));
+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) => {
+		n === -1 && _ || n === 1 && v || (m(n), t(ke(e, n)));
 	}, [
 		v,
 		_,
@@ -1179,14 +1179,14 @@ function Pe({ 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: K.carousel,
+		className: q.carousel,
 		role: "group",
 		"aria-label": s,
 		onKeyDown: b,
 		children: [
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				className: K.navigationButton,
+				className: q.navigationButton,
 				"aria-label": "Mese precedente",
 				disabled: _,
 				onClick: () => y(-1),
@@ -1196,16 +1196,16 @@ function Pe({ value: e, onChange: t, locale: n = "it-IT", minMonth: r, maxMonth:
 				})
 			}),
 			/* @__PURE__ */ f("div", {
-				className: K.track,
+				className: q.track,
 				children: /* @__PURE__ */ f("span", {
-					className: K.label,
+					className: q.label,
 					"data-direction": d,
 					children: g
 				}, `${e.year}-${e.month}`)
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				className: K.navigationButton,
+				className: q.navigationButton,
 				"aria-label": "Mese successivo",
 				disabled: v,
 				onClick: () => y(1),
@@ -1216,20 +1216,20 @@ function Pe({ value: e, onChange: t, locale: n = "it-IT", minMonth: r, maxMonth:
 			}),
 			/* @__PURE__ */ f("span", {
 				ref: h,
-				className: K.srOnly,
+				className: q.srOnly,
 				"aria-live": "polite",
 				children: g
 			})
 		]
 	});
 }
-var Fe = { badge: "_badge_3xnd3_1" };
+var Ne = { badge: "_badge_3xnd3_1" };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function Ie(...e) {
+function Pe(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var Le = r(function({ text: e, color: t, className: n, style: r, ...i }, a) {
+var Fe = r(function({ text: e, color: t, className: n, style: r, ...i }, a) {
 	let o = t ? {
 		...r,
 		"--badge-color": t,
@@ -1237,14 +1237,14 @@ var Le = r(function({ text: e, color: t, className: n, style: r, ...i }, a) {
 	} : r;
 	return /* @__PURE__ */ f("span", {
 		ref: a,
-		className: Ie(Fe.badge, n),
+		className: Pe(Ne.badge, n),
 		style: o,
 		...i,
 		children: e
 	});
 });
-Le.displayName = "Badge";
-var q = {
+Fe.displayName = "Badge";
+var Y = {
 	switch: "_switch_1u3md_1",
 	input: "_input_1u3md_14",
 	track: "_track_1u3md_24",
@@ -1256,10 +1256,10 @@ var q = {
 };
 //#endregion
 //#region src/components/Switch/Switch.tsx
-function Re(...e) {
+function Ie(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var ze = r(function({ label: e, className: t, color: n, size: r = "md", disabled: i = !1, onChange: a, onCheckedChange: o, "aria-label": s = "Interruttore", style: c, ...l }, u) {
+var Le = r(function({ label: e, className: t, color: n, size: r = "md", disabled: i = !1, onChange: a, onCheckedChange: o, "aria-label": s = "Interruttore", style: c, ...l }, u) {
 	function d(e) {
 		a?.(e), o?.(e.target.checked);
 	}
@@ -1268,112 +1268,72 @@ var ze = r(function({ label: e, className: t, color: n, size: r = "md", disabled
 		"--switch-color": n
 	} : c;
 	return /* @__PURE__ */ p("label", {
-		className: Re(q.switch, q[`size${r[0].toUpperCase()}${r.slice(1)}`], i && q.disabled, t),
+		className: Ie(Y.switch, Y[`size${r[0].toUpperCase()}${r.slice(1)}`], i && Y.disabled, t),
 		style: m,
 		children: [
 			/* @__PURE__ */ f("input", {
 				ref: u,
 				type: "checkbox",
-				className: q.input,
+				className: Y.input,
 				disabled: i,
 				"aria-label": s,
 				onChange: d,
 				...l
 			}),
 			/* @__PURE__ */ f("span", {
-				className: q.track,
+				className: Y.track,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ f("span", { className: q.thumb })
+				children: /* @__PURE__ */ f("span", { className: Y.thumb })
 			}),
 			e ? /* @__PURE__ */ f("span", {
-				className: q.label,
+				className: Y.label,
 				children: e
 			}) : null
 		]
 	});
 });
-ze.displayName = "Switch";
-var J = {
-	list: "_list_gx1se_1",
-	listItem: "_listItem_gx1se_12",
-	itemInner: "_itemInner_gx1se_21",
-	interactive: "_interactive_gx1se_36",
-	leading: "_leading_gx1se_50",
-	content: "_content_gx1se_57",
-	meta: "_meta_gx1se_65",
-	trailing: "_trailing_gx1se_74",
-	chevron: "_chevron_gx1se_86",
-	action: "_action_gx1se_91",
-	statusMessage: "_statusMessage_gx1se_98"
+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 Be(...e) {
+function ze(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function Ve({ data: e, getRowId: t, renderItem: n, onItemClick: r, showChevron: i = !0, emptyMessage: a = "Non sono disponibili elementi da visualizzare.", isLoading: o = !1, ariaLabel: s, containerClassName: c }) {
-	let l = !!r;
-	return o ? /* @__PURE__ */ f("div", {
-		className: Be(J.list, c),
-		"aria-label": s,
-		"aria-busy": "true",
-		role: "status",
-		children: /* @__PURE__ */ f("p", {
-			className: J.statusMessage,
-			children: "Caricamento in corso…"
-		})
-	}) : e.length === 0 ? /* @__PURE__ */ f("div", {
-		className: Be(J.list, c),
-		"aria-label": s,
-		role: "status",
-		children: /* @__PURE__ */ f("p", {
-			className: J.statusMessage,
-			children: a
-		})
-	}) : /* @__PURE__ */ f("ul", {
-		className: Be(J.list, c),
-		"aria-label": s,
-		children: e.map((e, a) => {
-			let o = t(e, a), s = n(e, a), c = l ? "button" : "div";
-			return /* @__PURE__ */ p("li", {
-				className: J.listItem,
-				children: [/* @__PURE__ */ p(c, {
-					type: l ? "button" : void 0,
-					className: Be(J.itemInner, l && J.interactive),
-					onClick: l ? () => r?.(e, a) : void 0,
-					children: [
-						s.leading ? /* @__PURE__ */ f("span", {
-							className: J.leading,
-							children: s.leading
-						}) : null,
-						/* @__PURE__ */ f("span", {
-							className: J.content,
-							children: s.content
-						}),
-						s.meta ? /* @__PURE__ */ f("span", {
-							className: J.meta,
-							children: s.meta
-						}) : null,
-						s.trailing ? /* @__PURE__ */ f("span", {
-							className: J.trailing,
-							children: s.trailing
-						}) : null,
-						l && i ? /* @__PURE__ */ f(L, {
-							className: J.chevron,
-							size: 18,
-							"aria-hidden": "true"
-						}) : null
-					]
-				}), s.action ? /* @__PURE__ */ f("span", {
-					className: J.action,
-					onClick: (e) => e.stopPropagation(),
-					children: s.action
-				}) : null]
-			}, o);
-		})
+function Be({ children: e, ariaLabel: t, className: n, ...r }) {
+	return /* @__PURE__ */ f("ul", {
+		...r,
+		className: ze(Re.list, n),
+		"aria-label": t,
+		children: e
 	});
 }
-var Y = {
+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",
 	caption: "_caption_1ly5u_19",
@@ -1394,20 +1354,20 @@ var Y = {
 };
 //#endregion
 //#region src/components/DataTable/DataTable.tsx
-function X(...e) {
+function Z(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function He(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 Ue({ 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) => He(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" ? {
@@ -1434,30 +1394,30 @@ function Ue({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 		});
 	}
 	return /* @__PURE__ */ f("div", {
-		className: X(Y.wrapper, m),
+		className: Z(X.wrapper, m),
 		children: /* @__PURE__ */ p("table", {
-			className: X(Y.table, d),
+			className: Z(X.table, d),
 			...h,
 			children: [
 				r ? /* @__PURE__ */ f("caption", {
-					className: Y.caption,
+					className: X.caption,
 					children: r
 				}) : null,
 				/* @__PURE__ */ f("colgroup", { children: e.map((e) => /* @__PURE__ */ f("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
 				/* @__PURE__ */ f("thead", {
-					className: Y.head,
+					className: X.head,
 					children: /* @__PURE__ */ f("tr", { children: e.map((e) => {
 						let t = o && e.sortable && !!e.sortValue;
 						return /* @__PURE__ */ f("th", {
 							scope: "col",
 							"aria-sort": t ? b(e) : void 0,
-							className: X(Y.headerCell, Y[`align${We(e.align ?? "left")}`], e.hideOnMobile && Y.hideOnMobile),
+							className: Z(X.headerCell, X[`align${Ge(e.align ?? "left")}`], e.hideOnMobile && X.hideOnMobile),
 							children: t ? /* @__PURE__ */ p("button", {
 								type: "button",
-								className: Y.sortButton,
+								className: X.sortButton,
 								onClick: () => y(e),
 								children: [/* @__PURE__ */ f("span", { children: e.header }), /* @__PURE__ */ f("span", {
-									className: Y.sortIcon,
+									className: X.sortIcon,
 									children: x(e)
 								})]
 							}) : e.header
@@ -1465,15 +1425,15 @@ function Ue({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 					}) })
 				}),
 				/* @__PURE__ */ p("tbody", {
-					className: Y.body,
+					className: X.body,
 					children: [
 						a ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
-							className: Y.statusCell,
+							className: X.statusCell,
 							colSpan: e.length,
 							children: "Caricamento dati…"
 						}) }) : null,
 						!a && v.length === 0 ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
-							className: Y.statusCell,
+							className: X.statusCell,
 							colSpan: e.length,
 							children: i
 						}) }) : null,
@@ -1482,7 +1442,7 @@ function Ue({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 								a?.(t, r);
 							};
 							return /* @__PURE__ */ f("tr", {
-								className: X(Y.row, o && Y.interactiveRow),
+								className: Z(X.row, o && X.interactiveRow),
 								tabIndex: o ? 0 : void 0,
 								"aria-label": o ? l?.(t, r) : void 0,
 								onClick: o ? c : void 0,
@@ -1490,7 +1450,7 @@ function Ue({ 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: X(Y.cell, Y[`align${We(e.align ?? "left")}`], e.numeric && Y.numeric, e.hideOnMobile && Y.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);
@@ -1501,10 +1461,10 @@ function Ue({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "N
 		})
 	});
 }
-function We(e) {
+function Ge(e) {
 	return `${e.charAt(0).toUpperCase()}${e.slice(1)}`;
 }
-var Z = {
+var Q = {
 	root: "_root_4rywg_1",
 	track: "_track_4rywg_8",
 	sm: "_sm_4rywg_16",
@@ -1514,40 +1474,40 @@ var Z = {
 };
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.tsx
-function Ge(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 Ke = (e, t) => {
-	let n = Ge(e, t);
+var qe = (e, t) => {
+	let n = Ke(e, t);
 	return `${Math.round(n)}%`;
 };
-function qe({ value: e, max: t = 100, color: n = "var(--color-danger-500)", showValue: r = !0, formatValue: i = Ke, label: a, size: o = "md", className: s }) {
-	let c = Ge(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: [Z.root, s].filter(Boolean).join(" "),
+		className: [Q.root, s].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ f("div", {
-			className: [Z.track, Z[o]].join(" "),
+			className: [Q.track, Q[o]].join(" "),
 			role: "progressbar",
 			"aria-valuemin": 0,
 			"aria-valuemax": l,
 			"aria-valuenow": u,
 			"aria-label": a,
 			children: /* @__PURE__ */ f("div", {
-				className: Z.fill,
+				className: Q.fill,
 				style: {
 					width: `${c}%`,
 					backgroundColor: n
 				}
 			})
 		}), r ? /* @__PURE__ */ f("span", {
-			className: `${Z.value} numeric`,
+			className: `${Q.value} numeric`,
 			children: i(e, t)
 		}) : null]
 	});
 }
-var Q = {
+var $ = {
 	root: "_root_xnpes_1",
 	track: "_track_xnpes_6",
 	slide: "_slide_xnpes_19",
@@ -1560,10 +1520,10 @@ var Q = {
 };
 //#endregion
 //#region src/components/Carousel/Carousel.tsx
-function $(...e) {
+function Ye(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function Je({ 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;
@@ -1599,14 +1559,14 @@ function Je({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 		D(Math.min(y.length - 1, b + 1));
 	}
 	return /* @__PURE__ */ p("div", {
-		className: $(Q.root, h),
+		className: Ye($.root, h),
 		role: "region",
 		"aria-roledescription": "carosello",
 		"aria-label": n,
 		children: [
 			/* @__PURE__ */ f("div", {
 				ref: g,
-				className: Q.track,
+				className: $.track,
 				style: { gap: c },
 				onScroll: E,
 				children: y.map((e, t) => /* @__PURE__ */ f("div", {
@@ -1614,7 +1574,7 @@ function Je({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 						_.current[t] = e;
 					},
 					id: `${v}-slide-${t}`,
-					className: Q.slide,
+					className: $.slide,
 					style: { minWidth: m },
 					role: "group",
 					"aria-roledescription": "slide",
@@ -1624,7 +1584,7 @@ function Je({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 			}),
 			r && y.length > 1 ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
 				type: "button",
-				className: $(Q.arrow, Q.arrowPrev),
+				className: Ye($.arrow, $.arrowPrev),
 				"aria-label": "Elemento precedente",
 				disabled: !S,
 				onClick: O,
@@ -1634,7 +1594,7 @@ function Je({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 				})
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
-				className: $(Q.arrow, Q.arrowNext),
+				className: Ye($.arrow, $.arrowNext),
 				"aria-label": "Elemento successivo",
 				disabled: !w,
 				onClick: k,
@@ -1644,13 +1604,13 @@ function Je({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 				})
 			})] }) : null,
 			a && y.length > 1 ? /* @__PURE__ */ f("div", {
-				className: Q.dots,
+				className: $.dots,
 				role: "tablist",
 				"aria-label": "Vai a",
 				children: y.map((e, t) => /* @__PURE__ */ f("button", {
 					type: "button",
 					role: "tab",
-					className: $(Q.dot, t === b && Q.activeDot),
+					className: Ye($.dot, t === b && $.activeDot),
 					"aria-selected": t === b,
 					"aria-controls": `${v}-slide-${t}`,
 					"aria-label": `Vai all'elemento ${t + 1}`,
@@ -1661,4 +1621,4 @@ function Je({ children: t, ariaLabel: n = "Carosello", showArrows: r = !0, showD
 	});
 }
 //#endregion
-export { Le as Badge, v as Button, le as CalculatorKeypad, C as Card, Je as Carousel, Ue as DataTable, ye as DatePicker, Ee as Dropdown, Ce as IconButton, Ve as List, Pe as MonthCarousel, ke as MultiSelect, qe as ProgressBar, ze as Switch, Te 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 };