@bertimatteodev/astra-ui 0.4.0 → 0.5.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, useContext as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import './index.css';var d = {
 	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
+}, f = {
+	primary: d.variantPrimary,
+	secondary: d.variantSecondary,
+	ghost: d.variantGhost,
+	danger: d.variantDanger
+}, p = {
+	sm: d.sizeSm,
+	md: d.sizeMd,
+	lg: d.sizeLg
 };
-function c(...e) {
+function m(...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 h = 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: h = "button", ...g }, _) {
+	let v = c || a;
+	return /* @__PURE__ */ u("button", {
 		ref: _,
 		type: h,
-		className: c(a.button, o[n], s[l], u && a.fullWidth, d && a.loading, t),
+		className: m(d.button, f[n], p[r], i && d.fullWidth, a && d.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__ */ l("span", {
+				className: d.spinner,
 				"aria-hidden": "true"
 			}) : null,
-			!d && f ? /* @__PURE__ */ r("span", {
-				className: a.icon,
+			!a && o ? /* @__PURE__ */ l("span", {
+				className: d.icon,
 				"aria-hidden": "true",
-				children: f
+				children: o
 			}) : null,
-			/* @__PURE__ */ r("span", {
-				className: a.label,
+			/* @__PURE__ */ l("span", {
+				className: d.label,
 				children: e
 			}),
-			!d && p ? /* @__PURE__ */ r("span", {
-				className: a.icon,
+			!a && s ? /* @__PURE__ */ l("span", {
+				className: d.icon,
 				"aria-hidden": "true",
-				children: p
+				children: s
 			}) : null
 		]
 	});
 });
-l.displayName = "Button";
-var u = {
+h.displayName = "Button";
+var g = {
 	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
+}, _ = {
+	none: g.paddingNone,
+	sm: g.paddingSm,
+	md: g.paddingMd,
+	lg: g.paddingLg
+}, v = {
+	none: g.elevationNone,
+	sm: g.elevationSm,
+	md: g.elevationMd
 };
-function p(...e) {
+function y(...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 b = n(function({ children: e, className: t, padding: n = "md", elevation: r = "sm", ...i }, a) {
+	return /* @__PURE__ */ l("div", {
+		ref: a,
+		className: y(g.card, _[n], v[r], t),
+		...i,
 		children: e
 	});
 });
-m.displayName = "Card";
-var h = {
+b.displayName = "Card";
+//#endregion
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var x = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), S = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), C = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), w = (e) => {
+	let t = C(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, T = {
+	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"
+}, E = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, D = e({}), O = () => r(D), k = 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 = "" } = O() ?? {}, h = i ?? f ? Number(r ?? d) * 24 / Number(n ?? u) : r ?? d;
+	return t("svg", {
+		ref: l,
+		...T,
+		width: n ?? u ?? T.width,
+		height: n ?? u ?? T.height,
+		stroke: e ?? p,
+		strokeWidth: h,
+		className: x("lucide", m, a),
+		...!o && !E(c) && { "aria-hidden": "true" },
+		...c
+	}, [...s.map(([e, n]) => t(e, n)), ...Array.isArray(o) ? o : [o]]);
+}), A = (e, r) => {
+	let i = n(({ className: n, ...i }, a) => t(k, {
+		ref: a,
+		iconNode: r,
+		className: x(`lucide-${S(w(e))}`, `lucide-${e}`, n),
+		...i
+	}));
+	return i.displayName = w(e), i;
+}, ee = A("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"
+	}]
+]), j = A("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), M = A("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), N = A("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), P = A("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), F = A("chevrons-up-down", [["path", {
+	d: "m7 15 5 5 5-5",
+	key: "1hf1tw"
+}], ["path", {
+	d: "m7 9 5-5 5 5",
+	key: "sgt6xg"
+}]]), I = {
+	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"
+}, L = [
+	"Lun",
+	"Mar",
+	"Mer",
+	"Gio",
+	"Ven",
+	"Sab",
+	"Dom"
+];
+function R(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function z(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function B(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function V(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function H(e, t, n) {
+	let r = R(e);
+	return !!(t && r < R(t) || n && r > R(n));
+}
+function te(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 ne(e, t) {
+	let n = new Intl.DateTimeFormat(t, {
+		month: "long",
+		year: "numeric"
+	}).format(e);
+	return n.charAt(0).toUpperCase() + n.slice(1);
+}
+function re(e, t) {
+	return e ? new Intl.DateTimeFormat(t, {
+		day: "2-digit",
+		month: "short",
+		year: "numeric"
+	}).format(e) : "";
+}
+function U(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function ie({ value: e, onChange: t, label: n, placeholder: r = "Seleziona una data", locale: d = "it-IT", disabled: f = !1, minDate: p, maxDate: m, clearable: h = !1, name: g, id: _, error: v }) {
+	let y = a(), b = _ ?? `date-picker-${y}`, x = `${b}-dialog`, S = `${b}-error`, C = s(null), w = s(null), [T, E] = c(!1), [D, O] = c(() => R(e ?? /* @__PURE__ */ new Date())), k = o(() => te(D), [D]), A = R(/* @__PURE__ */ new Date());
+	i(() => {
+		e && O(R(e));
+	}, [e]), i(() => {
+		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(R(e ?? /* @__PURE__ */ new Date())), E(!0));
+	}
+	function P(e) {
+		H(e, p, m) || (t(R(e)), E(!1), w.current?.focus());
+	}
+	function F(e) {
+		O((t) => new Date(t.getFullYear(), t.getMonth() + e, 1));
+	}
+	function ie(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}-${z(n)}`, i = document.getElementById(r);
+		if (i) {
+			i.focus();
+			return;
+		}
+		O(new Date(n.getFullYear(), n.getMonth(), 1));
+	}
+	let W = re(e, d);
+	return /* @__PURE__ */ u("div", {
+		ref: C,
+		className: I.field,
+		children: [
+			n ? /* @__PURE__ */ l("label", {
+				className: I.label,
+				htmlFor: b,
+				children: n
+			}) : null,
+			/* @__PURE__ */ l("input", {
+				id: b,
+				type: "hidden",
+				name: g,
+				value: e ? z(e) : ""
+			}),
+			/* @__PURE__ */ u("button", {
+				ref: w,
+				type: "button",
+				className: U(I.trigger, v && I.hasError, f && I.isDisabled),
+				disabled: f,
+				"aria-haspopup": "dialog",
+				"aria-expanded": T,
+				"aria-controls": T ? x : void 0,
+				onClick: () => T ? E(!1) : j(),
+				children: [/* @__PURE__ */ l(ee, {
+					className: I.triggerIcon,
+					size: 18,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ l("span", {
+					className: U(I.triggerValue, !e && I.placeholder),
+					children: W || r
+				})]
+			}),
+			v ? /* @__PURE__ */ l("p", {
+				id: S,
+				className: I.error,
+				role: "alert",
+				children: v
+			}) : null,
+			T ? /* @__PURE__ */ u("div", {
+				id: x,
+				className: I.popover,
+				role: "dialog",
+				"aria-label": "Seleziona una data",
+				children: [
+					/* @__PURE__ */ u("header", {
+						className: I.calendarHeader,
+						children: [
+							/* @__PURE__ */ l("button", {
+								type: "button",
+								className: I.navigationButton,
+								"aria-label": "Mese precedente",
+								onClick: () => F(-1),
+								children: /* @__PURE__ */ l(M, {
+									size: 18,
+									"aria-hidden": "true"
+								})
+							}),
+							/* @__PURE__ */ l("span", {
+								className: I.monthLabel,
+								children: ne(D, d)
+							}),
+							/* @__PURE__ */ l("button", {
+								type: "button",
+								className: I.navigationButton,
+								"aria-label": "Mese successivo",
+								onClick: () => F(1),
+								children: /* @__PURE__ */ l(N, {
+									size: 18,
+									"aria-hidden": "true"
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: I.calendarGrid,
+						role: "grid",
+						"aria-label": ne(D, d),
+						children: [L.map((e) => /* @__PURE__ */ l("span", {
+							className: I.weekDay,
+							role: "columnheader",
+							children: e
+						}, e)), k.map((t) => {
+							let n = V(t, D), r = e ? B(t, e) : !1, i = B(t, A), a = H(t, p, m), o = `${b}-${z(t)}`;
+							return /* @__PURE__ */ l("button", {
+								id: o,
+								type: "button",
+								role: "gridcell",
+								className: U(I.day, !n && I.outsideMonth, r && I.selectedDay, i && I.today),
+								disabled: a,
+								"aria-label": new Intl.DateTimeFormat(d, {
+									weekday: "long",
+									day: "numeric",
+									month: "long",
+									year: "numeric"
+								}).format(t),
+								"aria-selected": r,
+								tabIndex: r || !e && i ? 0 : -1,
+								onClick: () => P(t),
+								onKeyDown: (e) => ie(e, t),
+								children: t.getDate()
+							}, o);
+						})]
+					}),
+					/* @__PURE__ */ u("footer", {
+						className: I.footer,
+						children: [/* @__PURE__ */ l("button", {
+							type: "button",
+							className: I.textButton,
+							onClick: () => {
+								O(A), P(A);
+							},
+							children: "Oggi"
+						}), h && e ? /* @__PURE__ */ l("button", {
+							type: "button",
+							className: I.textButton,
+							onClick: () => {
+								t(null), E(!1), w.current?.focus();
+							},
+							children: "Cancella"
+						}) : null]
+					})
+				]
+			}) : null
+		]
+	});
+}
+var W = {
 	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
+}, ae = {
+	primary: W.variantPrimary,
+	secondary: W.variantSecondary,
+	ghost: W.variantGhost,
+	danger: W.variantDanger
+}, oe = {
+	sm: W.sizeSm,
+	md: W.sizeMd,
+	lg: W.sizeLg
 };
-function v(...e) {
+function se(...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 ce = 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: u = "button", style: d, ...f }, p) {
+	let m = c || a, h = s ? {
 		...d,
-		backgroundColor: c
+		backgroundColor: s
 	} : d;
-	return /* @__PURE__ */ r("button", {
+	return /* @__PURE__ */ l("button", {
 		ref: p,
 		type: u,
-		className: v(h.button, g[i], _[a], o && h.loading, s && h.borderless, n),
-		style: y,
+		className: se(W.button, ae[r], oe[i], a && W.loading, o && W.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__ */ l("span", {
+			className: W.spinner,
 			"aria-hidden": "true"
-		}) : /* @__PURE__ */ r("span", {
-			className: h.icon,
+		}) : /* @__PURE__ */ l("span", {
+			className: W.icon,
 			"aria-hidden": "true",
 			children: e
 		})
 	});
 });
-y.displayName = "IconButton";
-var b = {
+ce.displayName = "IconButton";
+var G = {
 	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 K(...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 le = n(function({ id: e, label: t, hint: n, error: r, startAdornment: i, endAdornment: o, className: s, containerClassName: c, disabled: d, required: f, "aria-describedby": p, ...m }, h) {
+	let g = a(), _ = 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__ */ u("div", {
+		className: K(G.field, c),
 		children: [
-			n ? /* @__PURE__ */ i("label", {
-				className: b.label,
+			t ? /* @__PURE__ */ u("label", {
+				className: G.label,
 				htmlFor: _,
-				children: [n, f ? /* @__PURE__ */ i("span", {
-					className: b.required,
+				children: [t, f ? /* @__PURE__ */ u("span", {
+					className: G.required,
 					"aria-hidden": "true",
 					children: [" ", "*"]
 				}) : null]
 			}) : null,
-			/* @__PURE__ */ i("div", {
-				className: x(b.control, o && b.hasError, d && b.isDisabled),
+			/* @__PURE__ */ u("div", {
+				className: K(G.control, r && G.hasError, d && G.isDisabled),
 				children: [
-					s ? /* @__PURE__ */ r("span", {
-						className: b.adornment,
+					i ? /* @__PURE__ */ l("span", {
+						className: G.adornment,
 						"aria-hidden": "true",
-						children: s
+						children: i
 					}) : null,
-					/* @__PURE__ */ r("input", {
+					/* @__PURE__ */ l("input", {
 						ref: h,
 						id: _,
-						className: x(b.input, l),
+						className: K(G.input, s),
 						disabled: d,
 						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,
+					o ? /* @__PURE__ */ l("span", {
+						className: G.adornment,
 						"aria-hidden": "true",
-						children: c
+						children: o
 					}) : null
 				]
 			}),
-			o ? /* @__PURE__ */ r("p", {
+			r ? /* @__PURE__ */ l("p", {
 				id: y,
-				className: b.error,
+				className: G.error,
 				role: "alert",
-				children: o
+				children: r
 			}) : null,
-			!o && a ? /* @__PURE__ */ r("p", {
+			!r && n ? /* @__PURE__ */ l("p", {
 				id: v,
-				className: b.hint,
-				children: a
+				className: G.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"
+le.displayName = "TextField";
+var q = {
+	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 J(...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 ue = n(function({ id: e, options: t, label: n, hint: r, error: o, placeholder: d, className: f, containerClassName: p, disabled: m, required: h, value: g, defaultValue: _, onChange: v, onValueChange: y, "aria-describedby": b, ...x }, S) {
+	let C = a(), w = e ?? `dropdown-${C}`, T = `${w}-hint`, E = `${w}-error`, D = `${w}-label`, O = `${w}-listbox`, k = [
+		b,
+		r ? T : null,
+		o ? E : null
+	].filter(Boolean).join(" "), A = typeof g == "string" ? g : void 0, [ee, j] = c(typeof _ == "string" ? _ : ""), [M, N] = c(!1), [P, F] = c(0), I = s(null), L = A ?? ee, R = t.find((e) => e.value === L), z = t.reduce((e, t, n) => (t.disabled || e.push(n), e), []);
+	i(() => {
+		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);
+	}
+	function V(e) {
+		A === void 0 && j(e), y?.(e), N(!1);
+	}
+	function H(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__ */ i("div", {
-		className: w(C.field, u),
+	return /* @__PURE__ */ u("div", {
+		className: J(q.field, p),
 		children: [
-			a ? /* @__PURE__ */ i("label", {
-				className: C.label,
-				htmlFor: y,
-				children: [a, f ? /* @__PURE__ */ i("span", {
-					className: C.required,
+			n ? /* @__PURE__ */ u("label", {
+				id: D,
+				className: q.label,
+				htmlFor: w,
+				children: [n, h ? /* @__PURE__ */ u("span", {
+					className: q.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__ */ u("div", {
+				ref: I,
+				className: J(q.control, o && q.hasError, m && q.isDisabled, M && q.isOpen),
+				children: [
+					/* @__PURE__ */ u("select", {
+						ref: S,
+						id: w,
+						className: q.nativeSelect,
+						disabled: m,
+						required: h,
+						value: L,
+						"aria-invalid": o ? !0 : void 0,
+						"aria-describedby": k || void 0,
+						onChange: B,
+						...x,
+						children: [d ? /* @__PURE__ */ l("option", {
+							value: "",
+							disabled: !0,
+							children: d
+						}) : null, t.map((e) => /* @__PURE__ */ l("option", {
+							value: e.value,
+							disabled: e.disabled,
+							children: e.label
+						}, e.value))]
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						className: J(q.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": o ? !0 : void 0,
+						onClick: () => N((e) => !e),
+						onKeyDown: H,
+						children: [/* @__PURE__ */ l("span", {
+							className: R ? void 0 : q.placeholder,
+							children: R?.label ?? d
+						}), /* @__PURE__ */ l("span", {
+							className: q.indicator,
+							"aria-hidden": "true"
+						})]
+					}),
+					M ? /* @__PURE__ */ u("div", {
+						id: O,
+						className: q.menu,
+						role: "listbox",
+						children: [d ? /* @__PURE__ */ l("button", {
+							type: "button",
+							className: J(q.option, !L && q.selectedOption),
+							role: "option",
+							"aria-selected": !L,
+							onClick: () => V(""),
+							children: d
+						}) : null, t.map((e, t) => /* @__PURE__ */ l("button", {
+							type: "button",
+							className: J(q.option, e.value === L && q.selectedOption, t === P && q.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,
+			o ? /* @__PURE__ */ l("p", {
+				id: E,
+				className: q.error,
 				role: "alert",
-				children: s
-			}) : null,
-			!s && o ? /* @__PURE__ */ r("p", {
-				id: b,
-				className: C.hint,
 				children: o
+			}) : null,
+			!o && r ? /* @__PURE__ */ l("p", {
+				id: T,
+				className: q.hint,
+				children: r
 			}) : null
 		]
 	});
 });
-T.displayName = "Dropdown";
-var E = {
+ue.displayName = "Dropdown";
+var Y = {
 	group: "_group_1fqa2_1",
 	option: "_option_1fqa2_8",
 	selected: "_selected_1fqa2_41",
@@ -305,62 +720,242 @@ var E = {
 };
 //#endregion
 //#region src/components/MultiSelect/MultiSelect.tsx
-function D(...e) {
+function de(...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 fe = 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", ...d }, f) {
+	let [p, m] = c(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__ */ l("div", {
 		ref: f,
 		role: "group",
-		"aria-label": u,
-		className: D(E.group, c),
+		"aria-label": s,
+		className: de(Y.group, a),
 		...d,
 		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__ */ u("button", {
 				type: "button",
-				className: D(E.option, t && E.selected),
+				className: de(Y.option, t && Y.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__ */ l("span", {
+					className: Y.count,
 					children: e.count
-				}), /* @__PURE__ */ r("span", { children: e.label })]
+				}), /* @__PURE__ */ l("span", { children: e.label })]
 			}, e.value);
 		})
 	});
 });
-O.displayName = "MultiSelect";
-var k = { badge: "_badge_3xnd3_1" };
+fe.displayName = "MultiSelect";
+var pe = { badge: "_badge_3xnd3_1" };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function A(...e) {
+function me(...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 he = 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__ */ l("span", {
+		ref: a,
+		className: me(pe.badge, n),
+		style: o,
+		...i,
 		children: e
 	});
 });
-j.displayName = "Badge";
+he.displayName = "Badge";
+var X = {
+	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 ge(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var Z = n(function({ label: e, className: t, color: n, size: r = "md", disabled: i = !1, onChange: a, onCheckedChange: o, "aria-label": s = "Interruttore", style: c, ...d }, f) {
+	function p(e) {
+		a?.(e), o?.(e.target.checked);
+	}
+	let m = n ? {
+		...c,
+		"--switch-color": n
+	} : c;
+	return /* @__PURE__ */ u("label", {
+		className: ge(X.switch, X[`size${r[0].toUpperCase()}${r.slice(1)}`], i && X.disabled, t),
+		style: m,
+		children: [
+			/* @__PURE__ */ l("input", {
+				ref: f,
+				type: "checkbox",
+				className: X.input,
+				disabled: i,
+				"aria-label": s,
+				onChange: p,
+				...d
+			}),
+			/* @__PURE__ */ l("span", {
+				className: X.track,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ l("span", { className: X.thumb })
+			}),
+			e ? /* @__PURE__ */ l("span", {
+				className: X.label,
+				children: e
+			}) : null
+		]
+	});
+});
+Z.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 _e(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 ve({ columns: e, data: t, getRowId: n, caption: r, emptyMessage: i = "Non sono disponibili dati da visualizzare.", isLoading: a = !1, sortable: s = !0, onRowClick: d, rowAriaLabel: f, className: p, containerClassName: m, ...h }) {
+	let [g, _] = c(null), v = o(() => {
+		if (!g?.column.sortValue) return t;
+		let { column: e, direction: n } = g, r = n === "ascending" ? 1 : -1;
+		return [...t].sort((t, n) => _e(e.sortValue?.(t), e.sortValue?.(n)) * r);
+	}, [t, g]);
+	function y(e) {
+		!s || !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__ */ l(P, {
+			size: 15,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ l(j, {
+			size: 15,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ l(F, {
+			size: 15,
+			"aria-hidden": "true"
+		});
+	}
+	return /* @__PURE__ */ l("div", {
+		className: $(Q.wrapper, m),
+		children: /* @__PURE__ */ u("table", {
+			className: $(Q.table, p),
+			...h,
+			children: [
+				r ? /* @__PURE__ */ l("caption", {
+					className: Q.caption,
+					children: r
+				}) : null,
+				/* @__PURE__ */ l("colgroup", { children: e.map((e) => /* @__PURE__ */ l("col", { style: e.width ? { width: e.width } : void 0 }, e.id)) }),
+				/* @__PURE__ */ l("thead", {
+					className: Q.head,
+					children: /* @__PURE__ */ l("tr", { children: e.map((e) => {
+						let t = s && e.sortable && !!e.sortValue;
+						return /* @__PURE__ */ l("th", {
+							scope: "col",
+							"aria-sort": t ? b(e) : void 0,
+							className: $(Q.headerCell, Q[`align${ye(e.align ?? "left")}`], e.hideOnMobile && Q.hideOnMobile),
+							children: t ? /* @__PURE__ */ u("button", {
+								type: "button",
+								className: Q.sortButton,
+								onClick: () => y(e),
+								children: [/* @__PURE__ */ l("span", { children: e.header }), /* @__PURE__ */ l("span", {
+									className: Q.sortIcon,
+									children: x(e)
+								})]
+							}) : e.header
+						}, e.id);
+					}) })
+				}),
+				/* @__PURE__ */ u("tbody", {
+					className: Q.body,
+					children: [
+						a ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
+							className: Q.statusCell,
+							colSpan: e.length,
+							children: "Caricamento dati…"
+						}) }) : null,
+						!a && v.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
+							className: Q.statusCell,
+							colSpan: e.length,
+							children: i
+						}) }) : null,
+						a ? null : v.map((t, r) => {
+							let i = n(t, r), a = d, o = !!a, s = () => {
+								a?.(t, r);
+							};
+							return /* @__PURE__ */ l("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__ */ l("td", {
+									className: $(Q.cell, Q[`align${ye(e.align ?? "left")}`], e.numeric && Q.numeric, e.hideOnMobile && Q.hideOnMobile),
+									children: e.cell(t, r)
+								}, e.id))
+							}, i);
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function ye(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 { he as Badge, h as Button, b as Card, ve as DataTable, ie as DatePicker, ue as Dropdown, ce as IconButton, fe as MultiSelect, Z as Switch, le as TextField };