@bertimatteodev/astra-ui 0.4.0 → 0.6.0

package/dist/astra-ui.js

@@ -1,6 +1,6 @@
-import { forwardRef as e, useId as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import './index.css';var a = {
+import { createContext as e, createElement as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import './index.css';var f = {
 	button: "_button_gjxjz_1",
 	sizeSm: "_sizeSm_gjxjz_31",
 	sizeMd: "_sizeMd_gjxjz_37",
@@ -15,52 +15,52 @@ import './index.css';var a = {
 	label: "_label_gjxjz_106",
 	spinner: "_spinner_gjxjz_111",
 	spin: "_spin_gjxjz_111"
-}, o = {
-	primary: a.variantPrimary,
-	secondary: a.variantSecondary,
-	ghost: a.variantGhost,
-	danger: a.variantDanger
-}, s = {
-	sm: a.sizeSm,
-	md: a.sizeMd,
-	lg: a.sizeLg
+}, p = {
+	primary: f.variantPrimary,
+	secondary: f.variantSecondary,
+	ghost: f.variantGhost,
+	danger: f.variantDanger
+}, m = {
+	sm: f.sizeSm,
+	md: f.sizeMd,
+	lg: f.sizeLg
 };
-function c(...e) {
+function h(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var l = e(function({ children: e, className: t, variant: n = "primary", size: l = "md", fullWidth: u = !1, isLoading: d = !1, startIcon: f, endIcon: p, disabled: m, type: h = "button", ...g }, _) {
-	let v = m || d;
-	return /* @__PURE__ */ i("button", {
+var g = n(function({ children: e, className: t, variant: n = "primary", size: r = "md", fullWidth: i = !1, isLoading: a = !1, startIcon: o, endIcon: s, disabled: c, type: l = "button", ...g }, _) {
+	let v = c || a;
+	return /* @__PURE__ */ d("button", {
 		ref: _,
-		type: h,
-		className: c(a.button, o[n], s[l], u && a.fullWidth, d && a.loading, t),
+		type: l,
+		className: h(f.button, p[n], m[r], i && f.fullWidth, a && f.loading, t),
 		disabled: v,
-		"aria-busy": d || void 0,
+		"aria-busy": a || void 0,
 		...g,
 		children: [
-			d ? /* @__PURE__ */ r("span", {
-				className: a.spinner,
+			a ? /* @__PURE__ */ u("span", {
+				className: f.spinner,
 				"aria-hidden": "true"
 			}) : null,
-			!d && f ? /* @__PURE__ */ r("span", {
-				className: a.icon,
+			!a && o ? /* @__PURE__ */ u("span", {
+				className: f.icon,
 				"aria-hidden": "true",
-				children: f
+				children: o
 			}) : null,
-			/* @__PURE__ */ r("span", {
-				className: a.label,
+			/* @__PURE__ */ u("span", {
+				className: f.label,
 				children: e
 			}),
-			!d && p ? /* @__PURE__ */ r("span", {
-				className: a.icon,
+			!a && s ? /* @__PURE__ */ u("span", {
+				className: f.icon,
 				"aria-hidden": "true",
-				children: p
+				children: s
 			}) : null
 		]
 	});
 });
-l.displayName = "Button";
-var u = {
+g.displayName = "Button";
+var _ = {
 	card: "_card_1ex3y_1",
 	paddingNone: "_paddingNone_1ex3y_9",
 	paddingSm: "_paddingSm_1ex3y_13",
@@ -69,29 +69,368 @@ var u = {
 	elevationNone: "_elevationNone_1ex3y_26",
 	elevationSm: "_elevationSm_1ex3y_30",
 	elevationMd: "_elevationMd_1ex3y_34"
-}, d = {
-	none: u.paddingNone,
-	sm: u.paddingSm,
-	md: u.paddingMd,
-	lg: u.paddingLg
-}, f = {
-	none: u.elevationNone,
-	sm: u.elevationSm,
-	md: u.elevationMd
+}, v = {
+	none: _.paddingNone,
+	sm: _.paddingSm,
+	md: _.paddingMd,
+	lg: _.paddingLg
+}, y = {
+	none: _.elevationNone,
+	sm: _.elevationSm,
+	md: _.elevationMd
 };
-function p(...e) {
+function b(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var m = e(function({ children: e, className: t, padding: n = "md", elevation: i = "sm", ...a }, o) {
-	return /* @__PURE__ */ r("div", {
-		ref: o,
-		className: p(u.card, d[n], f[i], t),
-		...a,
+var x = n(function({ children: e, className: t, padding: n = "md", elevation: r = "sm", ...i }, a) {
+	return /* @__PURE__ */ u("div", {
+		ref: a,
+		className: b(_.card, v[n], y[r], t),
+		...i,
 		children: e
 	});
 });
-m.displayName = "Card";
-var h = {
+x.displayName = "Card";
+//#endregion
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var S = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), T = (e) => {
+	let t = w(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, E = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, D = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, O = e({}), k = () => i(O), A = n(({ color: e, size: n, strokeWidth: r, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => {
+	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = k() ?? {}, h = i ?? f ? Number(r ?? d) * 24 / Number(n ?? u) : r ?? d;
+	return t("svg", {
+		ref: l,
+		...E,
+		width: n ?? u ?? E.width,
+		height: n ?? u ?? E.height,
+		stroke: e ?? p,
+		strokeWidth: h,
+		className: S("lucide", m, a),
+		...!o && !D(c) && { "aria-hidden": "true" },
+		...c
+	}, [...s.map(([e, n]) => t(e, n)), ...Array.isArray(o) ? o : [o]]);
+}), j = (e, r) => {
+	let i = n(({ className: n, ...i }, a) => t(A, {
+		ref: a,
+		iconNode: r,
+		className: S(`lucide-${C(T(e))}`, `lucide-${e}`, n),
+		...i
+	}));
+	return i.displayName = T(e), i;
+}, ee = j("calendar-days", [
+	["path", {
+		d: "M8 2v3",
+		key: "1ioesn"
+	}],
+	["path", {
+		d: "M16 2v3",
+		key: "otl347"
+	}],
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2",
+		key: "h1oib"
+	}],
+	["path", {
+		d: "M3 9h18",
+		key: "1pudct"
+	}],
+	["path", {
+		d: "M8 13h.01",
+		key: "1sbv64"
+	}],
+	["path", {
+		d: "M12 13h.01",
+		key: "y0uutt"
+	}],
+	["path", {
+		d: "M16 13h.01",
+		key: "wip0gl"
+	}],
+	["path", {
+		d: "M8 17h.01",
+		key: "p3bg7i"
+	}],
+	["path", {
+		d: "M12 17h.01",
+		key: "p32p05"
+	}],
+	["path", {
+		d: "M16 17h.01",
+		key: "ql8jdd"
+	}]
+]), M = j("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), N = j("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), P = j("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), F = j("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), I = 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 = {
+	field: "_field_t3jjk_1",
+	label: "_label_t3jjk_8",
+	trigger: "_trigger_t3jjk_15",
+	triggerIcon: "_triggerIcon_t3jjk_44",
+	triggerValue: "_triggerValue_t3jjk_50",
+	placeholder: "_placeholder_t3jjk_57",
+	isDisabled: "_isDisabled_t3jjk_61",
+	hasError: "_hasError_t3jjk_68",
+	error: "_error_t3jjk_76",
+	popover: "_popover_t3jjk_83",
+	calendarHeader: "_calendarHeader_t3jjk_98",
+	monthLabel: "_monthLabel_t3jjk_105",
+	navigationButton: "_navigationButton_t3jjk_116",
+	calendarGrid: "_calendarGrid_t3jjk_139",
+	weekDay: "_weekDay_t3jjk_145",
+	day: "_day_t3jjk_156",
+	selectedDay: "_selectedDay_t3jjk_173",
+	outsideMonth: "_outsideMonth_t3jjk_190",
+	today: "_today_t3jjk_195",
+	footer: "_footer_t3jjk_210",
+	textButton: "_textButton_t3jjk_218"
+}, R = [
+	"Lun",
+	"Mar",
+	"Mer",
+	"Gio",
+	"Ven",
+	"Sab",
+	"Dom"
+];
+function z(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function B(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function V(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function te(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 re(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) {
+	let n = new Intl.DateTimeFormat(t, {
+		month: "long",
+		year: "numeric"
+	}).format(e);
+	return n.charAt(0).toUpperCase() + n.slice(1);
+}
+function ae(e, t) {
+	return e ? new Intl.DateTimeFormat(t, {
+		day: "2-digit",
+		month: "short",
+		year: "numeric"
+	}).format(e) : "";
+}
+function H(...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());
+	a(() => {
+		e && O(z(e));
+	}, [e]), a(() => {
+		function e(e) {
+			C.current && !C.current.contains(e.target) && E(!1);
+		}
+		function t(e) {
+			e.key === "Escape" && (E(!1), w.current?.focus());
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, []);
+	function j() {
+		f || (O(z(e ?? /* @__PURE__ */ new Date())), E(!0));
+	}
+	function M(e) {
+		ne(e, p, m) || (t(z(e)), E(!1), w.current?.focus());
+	}
+	function F(e) {
+		O((t) => new Date(t.getFullYear(), t.getMonth() + e, 1));
+	}
+	function I(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);
+		else if (e.key === "ArrowUp") n.setDate(t.getDate() - 7);
+		else if (e.key === "ArrowDown") n.setDate(t.getDate() + 7);
+		else if (e.key === "Home") n.setDate(t.getDate() - (t.getDay() + 6) % 7);
+		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);
+		if (i) {
+			i.focus();
+			return;
+		}
+		O(new Date(n.getFullYear(), n.getMonth(), 1));
+	}
+	let oe = ae(e, i);
+	return /* @__PURE__ */ d("div", {
+		ref: C,
+		className: L.field,
+		children: [
+			n ? /* @__PURE__ */ u("label", {
+				className: L.label,
+				htmlFor: b,
+				children: n
+			}) : null,
+			/* @__PURE__ */ u("input", {
+				id: b,
+				type: "hidden",
+				name: g,
+				value: e ? B(e) : ""
+			}),
+			/* @__PURE__ */ d("button", {
+				ref: w,
+				type: "button",
+				className: H(L.trigger, v && L.hasError, f && L.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,
+					size: 18,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ u("span", {
+					className: H(L.triggerValue, !e && L.placeholder),
+					children: oe || r
+				})]
+			}),
+			v ? /* @__PURE__ */ u("p", {
+				id: S,
+				className: L.error,
+				role: "alert",
+				children: v
+			}) : null,
+			T ? /* @__PURE__ */ d("div", {
+				id: x,
+				className: L.popover,
+				role: "dialog",
+				"aria-label": "Seleziona una data",
+				children: [
+					/* @__PURE__ */ d("header", {
+						className: L.calendarHeader,
+						children: [
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								className: L.navigationButton,
+								"aria-label": "Mese precedente",
+								onClick: () => F(-1),
+								children: /* @__PURE__ */ u(N, {
+									size: 18,
+									"aria-hidden": "true"
+								})
+							}),
+							/* @__PURE__ */ u("span", {
+								className: L.monthLabel,
+								children: ie(D, i)
+							}),
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								className: L.navigationButton,
+								"aria-label": "Mese successivo",
+								onClick: () => F(1),
+								children: /* @__PURE__ */ u(P, {
+									size: 18,
+									"aria-hidden": "true"
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: L.calendarGrid,
+						role: "grid",
+						"aria-label": ie(D, i),
+						children: [R.map((e) => /* @__PURE__ */ u("span", {
+							className: L.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)}`;
+							return /* @__PURE__ */ u("button", {
+								id: s,
+								type: "button",
+								role: "gridcell",
+								className: H(L.day, !n && L.outsideMonth, r && L.selectedDay, a && L.today),
+								disabled: o,
+								"aria-label": new Intl.DateTimeFormat(i, {
+									weekday: "long",
+									day: "numeric",
+									month: "long",
+									year: "numeric"
+								}).format(t),
+								"aria-selected": r,
+								tabIndex: r || !e && a ? 0 : -1,
+								onClick: () => M(t),
+								onKeyDown: (e) => I(e, t),
+								children: t.getDate()
+							}, s);
+						})]
+					}),
+					/* @__PURE__ */ d("footer", {
+						className: L.footer,
+						children: [/* @__PURE__ */ u("button", {
+							type: "button",
+							className: L.textButton,
+							onClick: () => {
+								O(A), M(A);
+							},
+							children: "Oggi"
+						}), h && e ? /* @__PURE__ */ u("button", {
+							type: "button",
+							className: L.textButton,
+							onClick: () => {
+								t(null), E(!1), w.current?.focus();
+							},
+							children: "Cancella"
+						}) : null]
+					})
+				]
+			}) : null
+		]
+	});
+}
+var U = {
 	button: "_button_2kydv_1",
 	sizeSm: "_sizeSm_2kydv_27",
 	sizeMd: "_sizeMd_2kydv_32",
@@ -105,45 +444,45 @@ var h = {
 	spinner: "_spinner_2kydv_94",
 	spin: "_spin_2kydv_94",
 	loading: "_loading_2kydv_103"
-}, g = {
-	primary: h.variantPrimary,
-	secondary: h.variantSecondary,
-	ghost: h.variantGhost,
-	danger: h.variantDanger
-}, _ = {
-	sm: h.sizeSm,
-	md: h.sizeMd,
-	lg: h.sizeLg
+}, se = {
+	primary: U.variantPrimary,
+	secondary: U.variantSecondary,
+	ghost: U.variantGhost,
+	danger: U.variantDanger
+}, ce = {
+	sm: U.sizeSm,
+	md: U.sizeMd,
+	lg: U.sizeLg
 };
-function v(...e) {
+function le(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var y = e(function({ icon: e, label: t, className: n, variant: i = "secondary", size: a = "md", isLoading: o = !1, borderless: s = !1, backgroundColor: c, disabled: l, type: u = "button", style: d, ...f }, p) {
-	let m = l || o, y = c ? {
+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) {
+	let m = c || a, h = s ? {
 		...d,
-		backgroundColor: c
+		backgroundColor: s
 	} : d;
-	return /* @__PURE__ */ r("button", {
+	return /* @__PURE__ */ u("button", {
 		ref: p,
-		type: u,
-		className: v(h.button, g[i], _[a], o && h.loading, s && h.borderless, n),
-		style: y,
+		type: l,
+		className: le(U.button, se[r], ce[i], a && U.loading, o && U.borderless, n),
+		style: h,
 		disabled: m,
 		"aria-label": t,
-		"aria-busy": o || void 0,
+		"aria-busy": a || void 0,
 		...f,
-		children: o ? /* @__PURE__ */ r("span", {
-			className: h.spinner,
+		children: a ? /* @__PURE__ */ u("span", {
+			className: U.spinner,
 			"aria-hidden": "true"
-		}) : /* @__PURE__ */ r("span", {
-			className: h.icon,
+		}) : /* @__PURE__ */ u("span", {
+			className: U.icon,
 			"aria-hidden": "true",
 			children: e
 		})
 	});
 });
-y.displayName = "IconButton";
-var b = {
+ue.displayName = "IconButton";
+var W = {
 	field: "_field_1pq0j_1",
 	label: "_label_1pq0j_7",
 	required: "_required_1pq0j_14",
@@ -157,147 +496,223 @@ var b = {
 };
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function x(...e) {
+function G(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var S = e(function({ id: e, label: n, hint: a, error: o, startAdornment: s, endAdornment: c, className: l, containerClassName: u, disabled: d, required: f, "aria-describedby": p, ...m }, h) {
-	let g = t(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, y = `${_}-error`, S = [
+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) {
+	let g = o(), _ = e ?? `text-field-${g}`, v = `${_}-hint`, y = `${_}-error`, b = [
 		p,
-		a ? v : null,
-		o ? y : null
+		n ? v : null,
+		r ? y : null
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i("div", {
-		className: x(b.field, u),
+	return /* @__PURE__ */ d("div", {
+		className: G(W.field, c),
 		children: [
-			n ? /* @__PURE__ */ i("label", {
-				className: b.label,
+			t ? /* @__PURE__ */ d("label", {
+				className: W.label,
 				htmlFor: _,
-				children: [n, f ? /* @__PURE__ */ i("span", {
-					className: b.required,
+				children: [t, f ? /* @__PURE__ */ d("span", {
+					className: W.required,
 					"aria-hidden": "true",
 					children: [" ", "*"]
 				}) : null]
 			}) : null,
-			/* @__PURE__ */ i("div", {
-				className: x(b.control, o && b.hasError, d && b.isDisabled),
+			/* @__PURE__ */ d("div", {
+				className: G(W.control, r && W.hasError, l && W.isDisabled),
 				children: [
-					s ? /* @__PURE__ */ r("span", {
-						className: b.adornment,
+					i ? /* @__PURE__ */ u("span", {
+						className: W.adornment,
 						"aria-hidden": "true",
-						children: s
+						children: i
 					}) : null,
-					/* @__PURE__ */ r("input", {
+					/* @__PURE__ */ u("input", {
 						ref: h,
 						id: _,
-						className: x(b.input, l),
-						disabled: d,
+						className: G(W.input, s),
+						disabled: l,
 						required: f,
-						"aria-invalid": o ? !0 : void 0,
-						"aria-describedby": S || void 0,
+						"aria-invalid": r ? !0 : void 0,
+						"aria-describedby": b || void 0,
 						...m
 					}),
-					c ? /* @__PURE__ */ r("span", {
-						className: b.adornment,
+					a ? /* @__PURE__ */ u("span", {
+						className: W.adornment,
 						"aria-hidden": "true",
-						children: c
+						children: a
 					}) : null
 				]
 			}),
-			o ? /* @__PURE__ */ r("p", {
+			r ? /* @__PURE__ */ u("p", {
 				id: y,
-				className: b.error,
+				className: W.error,
 				role: "alert",
-				children: o
+				children: r
 			}) : null,
-			!o && a ? /* @__PURE__ */ r("p", {
+			!r && n ? /* @__PURE__ */ u("p", {
 				id: v,
-				className: b.hint,
-				children: a
+				className: W.hint,
+				children: n
 			}) : null
 		]
 	});
 });
-S.displayName = "TextField";
-var C = {
-	field: "_field_1na7j_1",
-	label: "_label_1na7j_7",
-	required: "_required_1na7j_14",
-	control: "_control_1na7j_18",
-	select: "_select_1na7j_34",
-	indicator: "_indicator_1na7j_57",
-	hint: "_hint_1na7j_69",
-	error: "_error_1na7j_70",
-	hasError: "_hasError_1na7j_84",
-	isDisabled: "_isDisabled_1na7j_92"
+de.displayName = "TextField";
+var K = {
+	field: "_field_3nnjq_1",
+	label: "_label_3nnjq_7",
+	required: "_required_3nnjq_14",
+	control: "_control_3nnjq_18",
+	nativeSelect: "_nativeSelect_3nnjq_34",
+	trigger: "_trigger_3nnjq_45",
+	indicator: "_indicator_3nnjq_66",
+	placeholder: "_placeholder_3nnjq_78",
+	menu: "_menu_3nnjq_82",
+	option: "_option_3nnjq_98",
+	activeOption: "_activeOption_3nnjq_110",
+	selectedOption: "_selectedOption_3nnjq_114",
+	isOpen: "_isOpen_3nnjq_124",
+	hint: "_hint_3nnjq_129",
+	error: "_error_3nnjq_130",
+	hasError: "_hasError_3nnjq_144",
+	isDisabled: "_isDisabled_3nnjq_152"
 };
 //#endregion
 //#region src/components/Dropdown/Dropdown.tsx
-function w(...e) {
+function q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var T = e(function({ id: e, options: n, label: a, hint: o, error: s, placeholder: c, className: l, containerClassName: u, disabled: d, required: f, onChange: p, onValueChange: m, "aria-describedby": h, ...g }, _) {
-	let v = t(), y = e ?? `dropdown-${v}`, b = `${y}-hint`, x = `${y}-error`, S = [
-		h,
-		o ? b : null,
-		s ? x : null
-	].filter(Boolean).join(" ");
-	function T(e) {
-		p?.(e), m?.(e.target.value);
+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) {
+	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), []);
+	a(() => {
+		function e(e) {
+			I.current?.contains(e.target) || N(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	function B(e) {
+		v?.(e), y?.(e.target.value);
 	}
-	return /* @__PURE__ */ i("div", {
-		className: w(C.field, u),
+	function V(e) {
+		A === void 0 && ee(e), y?.(e), N(!1);
+	}
+	function te(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);
+			}
+			if (e.key === "Enter" || e.key === " ") {
+				if (e.preventDefault(), M) {
+					let e = t[P];
+					e && !e.disabled && V(e.value);
+				} else N(!0);
+			}
+			e.key === "Escape" && N(!1);
+		}
+	}
+	return /* @__PURE__ */ d("div", {
+		className: q(K.field, p),
 		children: [
-			a ? /* @__PURE__ */ i("label", {
-				className: C.label,
-				htmlFor: y,
-				children: [a, f ? /* @__PURE__ */ i("span", {
-					className: C.required,
+			n ? /* @__PURE__ */ d("label", {
+				id: D,
+				className: K.label,
+				htmlFor: w,
+				children: [n, h ? /* @__PURE__ */ d("span", {
+					className: K.required,
 					"aria-hidden": "true",
 					children: [" ", "*"]
 				}) : null]
 			}) : null,
-			/* @__PURE__ */ i("div", {
-				className: w(C.control, s && C.hasError, d && C.isDisabled),
-				children: [/* @__PURE__ */ i("select", {
-					ref: _,
-					id: y,
-					className: w(C.select, l),
-					disabled: d,
-					required: f,
-					"aria-invalid": s ? !0 : void 0,
-					"aria-describedby": S || void 0,
-					onChange: T,
-					...g,
-					children: [c ? /* @__PURE__ */ r("option", {
-						value: "",
-						disabled: !0,
-						children: c
-					}) : null, n.map((e) => /* @__PURE__ */ r("option", {
-						value: e.value,
-						disabled: e.disabled,
-						children: e.label
-					}, e.value))]
-				}), /* @__PURE__ */ r("span", {
-					className: C.indicator,
-					"aria-hidden": "true"
-				})]
+			/* @__PURE__ */ d("div", {
+				ref: I,
+				className: q(K.control, i && K.hasError, m && K.isDisabled, M && K.isOpen),
+				children: [
+					/* @__PURE__ */ d("select", {
+						ref: S,
+						id: w,
+						className: K.nativeSelect,
+						disabled: m,
+						required: h,
+						value: L,
+						"aria-invalid": i ? !0 : void 0,
+						"aria-describedby": k || void 0,
+						onChange: B,
+						...x,
+						children: [s ? /* @__PURE__ */ u("option", {
+							value: "",
+							disabled: !0,
+							children: s
+						}) : null, t.map((e) => /* @__PURE__ */ u("option", {
+							value: e.value,
+							disabled: e.disabled,
+							children: e.label
+						}, e.value))]
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						className: q(K.trigger, f),
+						disabled: m,
+						"aria-haspopup": "listbox",
+						"aria-expanded": M,
+						"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,
+						children: [/* @__PURE__ */ u("span", {
+							className: R ? void 0 : K.placeholder,
+							children: R?.label ?? s
+						}), /* @__PURE__ */ u("span", {
+							className: K.indicator,
+							"aria-hidden": "true"
+						})]
+					}),
+					M ? /* @__PURE__ */ d("div", {
+						id: O,
+						className: K.menu,
+						role: "listbox",
+						children: [s ? /* @__PURE__ */ u("button", {
+							type: "button",
+							className: q(K.option, !L && K.selectedOption),
+							role: "option",
+							"aria-selected": !L,
+							onClick: () => V(""),
+							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),
+							role: "option",
+							"aria-selected": e.value === L,
+							disabled: e.disabled,
+							onMouseEnter: () => F(t),
+							onClick: () => V(e.value),
+							children: e.label
+						}, e.value))]
+					}) : null
+				]
 			}),
-			s ? /* @__PURE__ */ r("p", {
-				id: x,
-				className: C.error,
+			i ? /* @__PURE__ */ u("p", {
+				id: E,
+				className: K.error,
 				role: "alert",
-				children: s
+				children: i
 			}) : null,
-			!s && o ? /* @__PURE__ */ r("p", {
-				id: b,
-				className: C.hint,
-				children: o
+			!i && r ? /* @__PURE__ */ u("p", {
+				id: T,
+				className: K.hint,
+				children: r
 			}) : null
 		]
 	});
 });
-T.displayName = "Dropdown";
-var E = {
+fe.displayName = "Dropdown";
+var J = {
 	group: "_group_1fqa2_1",
 	option: "_option_1fqa2_8",
 	selected: "_selected_1fqa2_41",
@@ -305,62 +720,330 @@ var E = {
 };
 //#endregion
 //#region src/components/MultiSelect/MultiSelect.tsx
-function D(...e) {
+function pe(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var O = e(function({ options: e, value: t, defaultValue: a = [], multiple: o = !1, disabled: s = !1, className: c, onValueChange: l, "aria-label": u = o ? "Selezione multipla" : "Selezione singola", ...d }, f) {
-	let [p, m] = n(a), h = t ?? p, g = o ? h : h.slice(0, 1);
+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) {
+	let [p, m] = l(n), h = t ?? p, g = r ? h : h.slice(0, 1);
 	function _(e) {
-		let n = g.includes(e), r = o ? n ? g.filter((t) => t !== e) : [...g, e] : n ? [] : [e];
-		t === void 0 && m(r), l?.(r);
+		let n = g.includes(e), i = r ? n ? g.filter((t) => t !== e) : [...g, e] : n ? [] : [e];
+		t === void 0 && m(i), o?.(i);
 	}
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ u("div", {
 		ref: f,
 		role: "group",
-		"aria-label": u,
-		className: D(E.group, c),
-		...d,
+		"aria-label": s,
+		className: pe(J.group, a),
+		...c,
 		children: e.map((e) => {
-			let t = g.includes(e.value), n = s || e.disabled, a = e.selectedColor ? {
+			let t = g.includes(e.value), n = i || e.disabled, r = e.selectedColor ? {
 				"--multi-select-selected-color": e.selectedColor,
 				"--multi-select-selected-background": `color-mix(in srgb, ${e.selectedColor} 14%, transparent)`
 			} : void 0;
-			return /* @__PURE__ */ i("button", {
+			return /* @__PURE__ */ d("button", {
 				type: "button",
-				className: D(E.option, t && E.selected),
+				className: pe(J.option, t && J.selected),
 				disabled: n,
 				"aria-pressed": t,
-				style: a,
+				style: r,
 				onClick: () => _(e.value),
-				children: [e.count === void 0 ? null : /* @__PURE__ */ r("span", {
-					className: E.count,
+				children: [e.count === void 0 ? null : /* @__PURE__ */ u("span", {
+					className: J.count,
 					children: e.count
-				}), /* @__PURE__ */ r("span", { children: e.label })]
+				}), /* @__PURE__ */ u("span", { children: e.label })]
 			}, e.value);
 		})
 	});
 });
-O.displayName = "MultiSelect";
-var k = { badge: "_badge_3xnd3_1" };
+me.displayName = "MultiSelect";
+var Y = {
+	carousel: "_carousel_ziwqy_1",
+	navigationButton: "_navigationButton_ziwqy_11",
+	track: "_track_ziwqy_39",
+	label: "_label_ziwqy_46",
+	"month-fade-in": "_month-fade-in_ziwqy_1",
+	srOnly: "_srOnly_ziwqy_71"
+};
+//#endregion
+//#region src/components/MonthCarousel/MonthCarousel.tsx
+function X(e) {
+	return e.year * 12 + e.month - 1;
+}
+function he(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) {
+	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);
+	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)));
+	}, [
+		v,
+		_,
+		t,
+		e
+	]);
+	function b(e) {
+		e.key === "ArrowLeft" ? (e.preventDefault(), y(-1)) : e.key === "ArrowRight" && (e.preventDefault(), y(1));
+	}
+	return /* @__PURE__ */ d("div", {
+		className: Y.carousel,
+		role: "group",
+		"aria-label": f,
+		onKeyDown: b,
+		children: [
+			/* @__PURE__ */ u("button", {
+				type: "button",
+				className: Y.navigationButton,
+				"aria-label": "Mese precedente",
+				disabled: _,
+				onClick: () => y(-1),
+				children: /* @__PURE__ */ u(N, {
+					size: 18,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: Y.track,
+				children: /* @__PURE__ */ u("span", {
+					className: Y.label,
+					"data-direction": p,
+					children: g
+				}, `${e.year}-${e.month}`)
+			}),
+			/* @__PURE__ */ u("button", {
+				type: "button",
+				className: Y.navigationButton,
+				"aria-label": "Mese successivo",
+				disabled: v,
+				onClick: () => y(1),
+				children: /* @__PURE__ */ u(P, {
+					size: 18,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ u("span", {
+				ref: h,
+				className: Y.srOnly,
+				"aria-live": "polite",
+				children: g
+			})
+		]
+	});
+}
+var ye = { badge: "_badge_3xnd3_1" };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function A(...e) {
+function be(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var j = e(function({ text: e, color: t, className: n, style: i, ...a }, o) {
-	let s = t ? {
-		...i,
+var xe = n(function({ text: e, color: t, className: n, style: r, ...i }, a) {
+	let o = t ? {
+		...r,
 		"--badge-color": t,
 		"--badge-background": `color-mix(in srgb, ${t} 14%, transparent)`
-	} : i;
-	return /* @__PURE__ */ r("span", {
-		ref: o,
-		className: A(k.badge, n),
-		style: s,
-		...a,
+	} : r;
+	return /* @__PURE__ */ u("span", {
+		ref: a,
+		className: be(ye.badge, n),
+		style: o,
+		...i,
 		children: e
 	});
 });
-j.displayName = "Badge";
+xe.displayName = "Badge";
+var Z = {
+	switch: "_switch_1u3md_1",
+	input: "_input_1u3md_14",
+	track: "_track_1u3md_24",
+	thumb: "_thumb_1u3md_31",
+	sizeSm: "_sizeSm_1u3md_57",
+	sizeMd: "_sizeMd_1u3md_64",
+	sizeLg: "_sizeLg_1u3md_71",
+	disabled: "_disabled_1u3md_78"
+};
+//#endregion
+//#region src/components/Switch/Switch.tsx
+function Se(...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) {
+	function p(e) {
+		a?.(e), o?.(e.target.checked);
+	}
+	let m = n ? {
+		...c,
+		"--switch-color": n
+	} : c;
+	return /* @__PURE__ */ d("label", {
+		className: Se(Z.switch, Z[`size${r[0].toUpperCase()}${r.slice(1)}`], i && Z.disabled, t),
+		style: m,
+		children: [
+			/* @__PURE__ */ u("input", {
+				ref: f,
+				type: "checkbox",
+				className: Z.input,
+				disabled: i,
+				"aria-label": s,
+				onChange: p,
+				...l
+			}),
+			/* @__PURE__ */ u("span", {
+				className: Z.track,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u("span", { className: Z.thumb })
+			}),
+			e ? /* @__PURE__ */ u("span", {
+				className: Z.label,
+				children: e
+			}) : null
+		]
+	});
+});
+Ce.displayName = "Switch";
+var Q = {
+	wrapper: "_wrapper_1ly5u_1",
+	table: "_table_1ly5u_11",
+	caption: "_caption_1ly5u_19",
+	head: "_head_1ly5u_31",
+	headerCell: "_headerCell_1ly5u_35",
+	cell: "_cell_1ly5u_47",
+	body: "_body_1ly5u_56",
+	row: "_row_1ly5u_56",
+	interactiveRow: "_interactiveRow_1ly5u_65",
+	alignLeft: "_alignLeft_1ly5u_78",
+	alignCenter: "_alignCenter_1ly5u_82",
+	alignRight: "_alignRight_1ly5u_86",
+	numeric: "_numeric_1ly5u_90",
+	sortButton: "_sortButton_1ly5u_96",
+	sortIcon: "_sortIcon_1ly5u_119",
+	statusCell: "_statusCell_1ly5u_128",
+	hideOnMobile: "_hideOnMobile_1ly5u_137"
+};
+//#endregion
+//#region src/components/DataTable/DataTable.tsx
+function $(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function we(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 }) {
+	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);
+	}, [t, g]);
+	function y(e) {
+		!o || !e.sortable || !e.sortValue || _((t) => t?.column.id === e.id ? t.direction === "ascending" ? {
+			column: e,
+			direction: "descending"
+		} : null : {
+			column: e,
+			direction: "ascending"
+		});
+	}
+	function b(e) {
+		return g?.column.id === e.id ? g.direction : "none";
+	}
+	function x(e) {
+		return g?.column.id === e.id ? g.direction === "ascending" ? /* @__PURE__ */ u(F, {
+			size: 15,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ u(M, {
+			size: 15,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ u(I, {
+			size: 15,
+			"aria-hidden": "true"
+		});
+	}
+	return /* @__PURE__ */ u("div", {
+		className: $(Q.wrapper, m),
+		children: /* @__PURE__ */ d("table", {
+			className: $(Q.table, p),
+			...h,
+			children: [
+				r ? /* @__PURE__ */ u("caption", {
+					className: Q.caption,
+					children: r
+				}) : null,
+				/* @__PURE__ */ u("colgroup", { children: e.map((e) => /* @__PURE__ */ u("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
+				/* @__PURE__ */ u("thead", {
+					className: Q.head,
+					children: /* @__PURE__ */ u("tr", { children: e.map((e) => {
+						let t = o && e.sortable && !!e.sortValue;
+						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),
+							children: t ? /* @__PURE__ */ d("button", {
+								type: "button",
+								className: Q.sortButton,
+								onClick: () => y(e),
+								children: [/* @__PURE__ */ u("span", { children: e.header }), /* @__PURE__ */ u("span", {
+									className: Q.sortIcon,
+									children: x(e)
+								})]
+							}) : e.header
+						}, e.id);
+					}) })
+				}),
+				/* @__PURE__ */ d("tbody", {
+					className: Q.body,
+					children: [
+						a ? /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+							className: Q.statusCell,
+							colSpan: e.length,
+							children: "Caricamento dati…"
+						}) }) : null,
+						!a && v.length === 0 ? /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+							className: Q.statusCell,
+							colSpan: e.length,
+							children: i
+						}) }) : null,
+						a ? null : v.map((t, r) => {
+							let i = n(t, r), a = c, o = !!a, s = () => {
+								a?.(t, r);
+							};
+							return /* @__PURE__ */ u("tr", {
+								className: $(Q.row, o && Q.interactiveRow),
+								tabIndex: o ? 0 : void 0,
+								"aria-label": o ? f?.(t, r) : void 0,
+								onClick: o ? s : void 0,
+								onKeyDown: o ? (e) => {
+									(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),
+									children: e.cell(t, r)
+								}, e.id))
+							}, i);
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function Ee(e) {
+	return `${e.charAt(0).toUpperCase()}${e.slice(1)}`;
+}
 //#endregion
-export { j as Badge, l as Button, m as Card, T as Dropdown, y as IconButton, O as MultiSelect, S as TextField };
+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 };