@sensorario/sg-components 0.0.104 → 0.0.105

package/dist/index.es.js

@@ -1,174 +1,174 @@
-import e, { forwardRef as t, useEffect as n, useId as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { setI18n as u, useTranslation as d } from "react-i18next";
-import f from "i18next";
+import e, { cloneElement as t, createElement as n, forwardRef as r, isValidElement as i, useEffect as a, useId as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { setI18n as p, useTranslation as m } from "react-i18next";
+import h from "i18next";
 //#region src/components/Icon/Icon.tsx
-var p = {
-	menu: /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("line", {
+var g = {
+	menu: /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("line", {
 			x1: "3",
 			y1: "6",
 			x2: "21",
 			y2: "6"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "3",
 			y1: "12",
 			x2: "21",
 			y2: "12"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "3",
 			y1: "18",
 			x2: "21",
 			y2: "18"
 		})
 	] }),
-	layout: /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("rect", {
+	layout: /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("rect", {
 			x: "3",
 			y: "3",
 			width: "18",
 			height: "18",
 			rx: "2"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "3",
 			y1: "9",
 			x2: "21",
 			y2: "9"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "9",
 			y1: "9",
 			x2: "9",
 			y2: "21"
 		})
 	] }),
-	edit: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", { d: "M4 20l1-4L16 5l3 3L8 19l-4 1z" }), /* @__PURE__ */ c("line", {
+	edit: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("path", { d: "M4 20l1-4L16 5l3 3L8 19l-4 1z" }), /* @__PURE__ */ d("line", {
 		x1: "14",
 		y1: "7",
 		x2: "17",
 		y2: "10"
 	})] }),
-	"help-circle": /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("circle", {
+	"help-circle": /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("circle", {
 			cx: "12",
 			cy: "12",
 			r: "9"
 		}),
-		/* @__PURE__ */ c("path", { d: "M9.5 9a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4" }),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("path", { d: "M9.5 9a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4" }),
+		/* @__PURE__ */ d("line", {
 			x1: "12",
 			y1: "17",
 			x2: "12",
 			y2: "17.01"
 		})
 	] }),
-	check: /* @__PURE__ */ c("polyline", { points: "4 12 9 17 20 6" }),
-	x: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("line", {
+	check: /* @__PURE__ */ d("polyline", { points: "4 12 9 17 20 6" }),
+	x: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("line", {
 		x1: "6",
 		y1: "6",
 		x2: "18",
 		y2: "18"
-	}), /* @__PURE__ */ c("line", {
+	}), /* @__PURE__ */ d("line", {
 		x1: "18",
 		y1: "6",
 		x2: "6",
 		y2: "18"
 	})] }),
-	"file-plus": /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
-		/* @__PURE__ */ c("polyline", { points: "14 3 14 8 19 8" }),
-		/* @__PURE__ */ c("line", {
+	"file-plus": /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+		/* @__PURE__ */ d("polyline", { points: "14 3 14 8 19 8" }),
+		/* @__PURE__ */ d("line", {
 			x1: "12",
 			y1: "12",
 			x2: "12",
 			y2: "17"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "9.5",
 			y1: "14.5",
 			x2: "14.5",
 			y2: "14.5"
 		})
 	] }),
-	link: /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("path", { d: "M9 15l6-6" }),
-		/* @__PURE__ */ c("path", { d: "M8 13.5 5.5 16a3 3 0 0 0 4.24 4.24l2.5-2.5" }),
-		/* @__PURE__ */ c("path", { d: "M16 10.5 18.5 8a3 3 0 0 0-4.24-4.24l-2.5 2.5" })
+	link: /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("path", { d: "M9 15l6-6" }),
+		/* @__PURE__ */ d("path", { d: "M8 13.5 5.5 16a3 3 0 0 0 4.24 4.24l2.5-2.5" }),
+		/* @__PURE__ */ d("path", { d: "M16 10.5 18.5 8a3 3 0 0 0-4.24-4.24l-2.5 2.5" })
 	] }),
-	"share-2": /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("circle", {
+	"share-2": /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("circle", {
 			cx: "6",
 			cy: "12",
 			r: "2.4"
 		}),
-		/* @__PURE__ */ c("circle", {
+		/* @__PURE__ */ d("circle", {
 			cx: "18",
 			cy: "6",
 			r: "2.4"
 		}),
-		/* @__PURE__ */ c("circle", {
+		/* @__PURE__ */ d("circle", {
 			cx: "18",
 			cy: "18",
 			r: "2.4"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "8.2",
 			y1: "10.8",
 			x2: "15.8",
 			y2: "7.2"
 		}),
-		/* @__PURE__ */ c("line", {
+		/* @__PURE__ */ d("line", {
 			x1: "8.2",
 			y1: "13.2",
 			x2: "15.8",
 			y2: "16.8"
 		})
 	] }),
-	download: /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("path", { d: "M12 3v12" }),
-		/* @__PURE__ */ c("polyline", { points: "7 11 12 16 17 11" }),
-		/* @__PURE__ */ c("path", { d: "M5 19h14" })
+	download: /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("path", { d: "M12 3v12" }),
+		/* @__PURE__ */ d("polyline", { points: "7 11 12 16 17 11" }),
+		/* @__PURE__ */ d("path", { d: "M5 19h14" })
 	] }),
-	book: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", { d: "M4 5.5A2.5 2.5 0 0 1 6.5 3H12v18H6.5A2.5 2.5 0 0 1 4 18.5z" }), /* @__PURE__ */ c("path", { d: "M20 5.5A2.5 2.5 0 0 0 17.5 3H12v18h5.5a2.5 2.5 0 0 0 2.5-2.5z" })] }),
-	printer: /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("path", { d: "M6 9V3h12v6" }),
-		/* @__PURE__ */ c("rect", {
+	book: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("path", { d: "M4 5.5A2.5 2.5 0 0 1 6.5 3H12v18H6.5A2.5 2.5 0 0 1 4 18.5z" }), /* @__PURE__ */ d("path", { d: "M20 5.5A2.5 2.5 0 0 0 17.5 3H12v18h5.5a2.5 2.5 0 0 0 2.5-2.5z" })] }),
+	printer: /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("path", { d: "M6 9V3h12v6" }),
+		/* @__PURE__ */ d("rect", {
 			x: "4",
 			y: "9",
 			width: "16",
 			height: "8",
 			rx: "1.5"
 		}),
-		/* @__PURE__ */ c("path", { d: "M6 17v4h12v-4" })
+		/* @__PURE__ */ d("path", { d: "M6 17v4h12v-4" })
 	] }),
-	eye: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", { d: "M2 12c2.5-5 7-8 10-8s7.5 3 10 8c-2.5 5-7 8-10 8s-7.5-3-10-8z" }), /* @__PURE__ */ c("circle", {
+	eye: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("path", { d: "M2 12c2.5-5 7-8 10-8s7.5 3 10 8c-2.5 5-7 8-10 8s-7.5-3-10-8z" }), /* @__PURE__ */ d("circle", {
 		cx: "12",
 		cy: "12",
 		r: "3"
 	})] }),
-	columns: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("rect", {
+	columns: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("rect", {
 		x: "3",
 		y: "4",
 		width: "8",
 		height: "16",
 		rx: "1.5"
-	}), /* @__PURE__ */ c("rect", {
+	}), /* @__PURE__ */ d("rect", {
 		x: "13",
 		y: "4",
 		width: "8",
 		height: "16",
 		rx: "1.5"
 	})] }),
-	"sidebar-left": /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("rect", {
+	"sidebar-left": /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("rect", {
 		x: "3",
 		y: "4",
 		width: "18",
 		height: "16",
 		rx: "2"
-	}), /* @__PURE__ */ c("rect", {
+	}), /* @__PURE__ */ d("rect", {
 		x: "4",
 		y: "5",
 		width: "6",
@@ -177,13 +177,13 @@ var p = {
 		fill: "currentColor",
 		stroke: "none"
 	})] }),
-	"sidebar-right": /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("rect", {
+	"sidebar-right": /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("rect", {
 		x: "3",
 		y: "4",
 		width: "18",
 		height: "16",
 		rx: "2"
-	}), /* @__PURE__ */ c("rect", {
+	}), /* @__PURE__ */ d("rect", {
 		x: "14",
 		y: "5",
 		width: "6",
@@ -192,29 +192,29 @@ var p = {
 		fill: "currentColor",
 		stroke: "none"
 	})] }),
-	play: /* @__PURE__ */ c("polygon", { points: "5 3 19 12 5 21 5 3" }),
-	pause: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("rect", {
+	play: /* @__PURE__ */ d("polygon", { points: "5 3 19 12 5 21 5 3" }),
+	pause: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("rect", {
 		x: "6",
 		y: "4",
 		width: "4",
 		height: "16",
 		rx: "1"
-	}), /* @__PURE__ */ c("rect", {
+	}), /* @__PURE__ */ d("rect", {
 		x: "14",
 		y: "4",
 		width: "4",
 		height: "16",
 		rx: "1"
 	})] }),
-	"volume-2": /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-		/* @__PURE__ */ c("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-		/* @__PURE__ */ c("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+	"volume-2": /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+		/* @__PURE__ */ d("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+		/* @__PURE__ */ d("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
 	] }),
-	"tech-node": /* @__PURE__ */ c("polygon", { points: "12,3 19.8,7.5 19.8,16.5 12,21 4.2,16.5 4.2,7.5" }),
-	"tech-go": /* @__PURE__ */ c("polygon", { points: "12,3 21,12 12,21 3,12" }),
-	"tech-php": /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("path", { d: "M9 4c-1.5 0-2.5 1-2.5 2.5v3c0 1-.5 1.5-1.5 2.5 1 1 1.5 1.5 1.5 2.5v3c0 1.5 1 2.5 2.5 2.5" }), /* @__PURE__ */ c("path", { d: "M15 4c1.5 0 2.5 1 2.5 2.5v3c0 1 .5 1.5 1.5 2.5-1 1-1.5 1.5-1.5 2.5v3c0 1.5-1 2.5-2.5 2.5" })] }),
-	grid: /* @__PURE__ */ c("g", {
+	"tech-node": /* @__PURE__ */ d("polygon", { points: "12,3 19.8,7.5 19.8,16.5 12,21 4.2,16.5 4.2,7.5" }),
+	"tech-go": /* @__PURE__ */ d("polygon", { points: "12,3 21,12 12,21 3,12" }),
+	"tech-php": /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("path", { d: "M9 4c-1.5 0-2.5 1-2.5 2.5v3c0 1-.5 1.5-1.5 2.5 1 1 1.5 1.5 1.5 2.5v3c0 1.5 1 2.5 2.5 2.5" }), /* @__PURE__ */ d("path", { d: "M15 4c1.5 0 2.5 1 2.5 2.5v3c0 1 .5 1.5 1.5 2.5-1 1-1.5 1.5-1.5 2.5v3c0 1.5-1 2.5-2.5 2.5" })] }),
+	grid: /* @__PURE__ */ d("g", {
 		fill: "currentColor",
 		stroke: "none",
 		children: [
@@ -225,20 +225,20 @@ var p = {
 			5,
 			12,
 			19
-		].map((t) => /* @__PURE__ */ c("circle", {
+		].map((t) => /* @__PURE__ */ d("circle", {
 			cx: t,
 			cy: e,
 			r: "2"
 		}, `${t}-${e}`)))
 	}),
-	lock: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("rect", {
+	lock: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("rect", {
 		x: "5",
 		y: "11",
 		width: "14",
 		height: "10",
 		rx: "2"
-	}), /* @__PURE__ */ c("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })] })
-}, m = ({ name: e, size: t = 18, ...n }) => /* @__PURE__ */ c("svg", {
+	}), /* @__PURE__ */ d("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })] })
+}, _ = ({ name: e, size: t = 18, ...n }) => /* @__PURE__ */ d("svg", {
 	className: "sg-icon",
 	width: t,
 	height: t,
@@ -250,50 +250,51 @@ var p = {
 	strokeLinejoin: "round",
 	"aria-hidden": "true",
 	...n,
-	children: p[e]
-}), h = ({ label: e, icon: t, iconOnly: n, className: r, title: i, ...a }) => /* @__PURE__ */ l("button", {
+	children: g[e]
+}), v = ({ label: e, icon: t, iconOnly: n, variant: r = "primary", className: i, title: a, ...o }) => /* @__PURE__ */ f("button", {
 	className: [
 		"custom-button",
+		r === "primary" ? "" : `custom-button--${r}`,
 		t ? "custom-button-with-icon" : "",
-		r
+		i
 	].filter(Boolean).join(" "),
-	title: i ?? (n ? e : void 0),
-	...a,
-	children: [t && /* @__PURE__ */ c(m, { name: t }), /* @__PURE__ */ c("span", {
+	title: a ?? (n ? e : void 0),
+	...o,
+	children: [t && /* @__PURE__ */ d(_, { name: t }), /* @__PURE__ */ d("span", {
 		className: n ? "custom-button-label-visually-hidden" : void 0,
 		children: e
 	})]
-}), g = ({ copyright: e = "© 2026 My Company", href: t = "#", links: n = [] }) => /* @__PURE__ */ l("footer", {
+}), y = ({ copyright: e = "© 2026 My Company", href: t = "#", links: n = [] }) => /* @__PURE__ */ f("footer", {
 	className: "footer",
-	children: [/* @__PURE__ */ c("span", { children: /* @__PURE__ */ c("a", {
+	children: [/* @__PURE__ */ d("span", { children: /* @__PURE__ */ d("a", {
 		href: t,
 		children: e
-	}) }), n.length > 0 && /* @__PURE__ */ c("nav", { children: n.map(({ label: e, href: t }) => /* @__PURE__ */ c("a", {
+	}) }), n.length > 0 && /* @__PURE__ */ d("nav", { children: n.map(({ label: e, href: t }) => /* @__PURE__ */ d("a", {
 		href: t,
 		style: { marginLeft: "16px" },
 		children: e
 	}, t)) })]
-}), _ = "simonegentili.com-cookie-consent", v = 3600 * 24 * 365;
-function y() {
-	return document.cookie.split("; ").some((e) => e.startsWith(`${_}=`));
+}), b = "simonegentili.com-cookie-consent", x = 3600 * 24 * 365;
+function S() {
+	return document.cookie.split("; ").some((e) => e.startsWith(`${b}=`));
 }
-function b() {
-	document.cookie = `${_}=accepted; path=/; domain=.simonegentili.com; max-age=${v}; secure; samesite=strict`;
+function C() {
+	document.cookie = `${b}=accepted; path=/; domain=.simonegentili.com; max-age=${x}; secure; samesite=strict`;
 }
-var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
-	let [t, r] = o(!1);
-	return n(() => {
-		r(!y());
-	}, []), t ? /* @__PURE__ */ l("div", {
+var w = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
+	let [t, n] = l(!1);
+	return a(() => {
+		n(!S());
+	}, []), t ? /* @__PURE__ */ f("div", {
 		className: "cookie-consent",
 		role: "region",
 		"aria-label": "Informativa sui cookie",
-		children: [/* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ f("p", {
 			className: "cookie-consent-text",
 			children: [
 				"Questo sito utilizza esclusivamente cookie tecnici necessari al funzionamento (es. autenticazione). Non sono presenti cookie di profilazione o di terze parti. Per saperne di più consulta la",
 				" ",
-				/* @__PURE__ */ c("a", {
+				/* @__PURE__ */ d("a", {
 					href: e,
 					target: "_blank",
 					rel: "noopener noreferrer",
@@ -301,15 +302,15 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 				}),
 				"."
 			]
-		}), /* @__PURE__ */ c(h, {
+		}), /* @__PURE__ */ d(v, {
 			label: "Accetta",
 			onClick: () => {
-				b(), r(!1);
+				C(), n(!1);
 			},
 			className: "cookie-consent-accept"
 		})]
 	}) : null;
-}, S = [
+}, T = [
 	{
 		label: "guitar",
 		href: "https://guitar.simonegentili.com"
@@ -330,33 +331,33 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		label: "code2image",
 		href: "https://code2image.simonegentili.com"
 	}
-], C = () => /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(g, {
+], E = () => /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(y, {
 	href: "https://simonegentili.com",
 	copyright: "© 2026 simonegentili.com",
-	links: S
-}), /* @__PURE__ */ c(x, {})] }), w = ({ onNavigate: e, title: t = "Simone Gentili - senior web developer, tech author and chess enthusiast", homePageKey: n = "home", children: r, className: i }) => /* @__PURE__ */ c("header", {
+	links: T
+}), /* @__PURE__ */ d(w, {})] }), D = ({ onNavigate: e, title: t = "Simone Gentili - senior web developer, tech author and chess enthusiast", homePageKey: n = "home", children: r, className: i }) => /* @__PURE__ */ d("header", {
 	className: i ? `header ${i}` : "header",
-	children: /* @__PURE__ */ l("div", {
+	children: /* @__PURE__ */ f("div", {
 		className: "header-container",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "logo",
 			onClick: () => {
 				e?.(n);
 			},
-			children: /* @__PURE__ */ c("h1", {
+			children: /* @__PURE__ */ d("h1", {
 				className: "logo-text",
 				children: t
 			})
-		}), r && /* @__PURE__ */ c("div", {
+		}), r && /* @__PURE__ */ d("div", {
 			className: "header-actions",
 			children: r
 		})]
 	})
-}), T = ({ onNavigate: e }) => /* @__PURE__ */ c(w, {
+}), O = ({ onNavigate: e }) => /* @__PURE__ */ d(D, {
 	onNavigate: e,
 	title: "Simone Gentili - senior web developer, tech author and chess enthusiast",
 	homePageKey: "home"
-}), E = {
+}), k = {
 	auth: {
 		login: "Accedi",
 		logout: "Esci",
@@ -387,8 +388,14 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		errorEmpty: "Inserisci e conferma la nuova password.",
 		errorMismatch: "Le password non coincidono."
 	},
-	languageSwitcher: { label: "Lingua" }
-}, D = {
+	languageSwitcher: { label: "Lingua" },
+	status: { loading: "Caricamento…" },
+	badge: { remove: "Rimuovi" },
+	confirm: {
+		confirm: "Conferma",
+		cancel: "Annulla"
+	}
+}, ee = {
 	auth: {
 		login: "Log in",
 		logout: "Log out",
@@ -419,8 +426,14 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		errorEmpty: "Enter and confirm the new password.",
 		errorMismatch: "The passwords don't match."
 	},
-	languageSwitcher: { label: "Language" }
-}, O = {
+	languageSwitcher: { label: "Language" },
+	status: { loading: "Loading…" },
+	badge: { remove: "Remove" },
+	confirm: {
+		confirm: "Confirm",
+		cancel: "Cancel"
+	}
+}, te = {
 	auth: {
 		login: "Se connecter",
 		logout: "Se déconnecter",
@@ -451,8 +464,14 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		errorEmpty: "Saisissez et confirmez le nouveau mot de passe.",
 		errorMismatch: "Les mots de passe ne correspondent pas."
 	},
-	languageSwitcher: { label: "Langue" }
-}, k = {
+	languageSwitcher: { label: "Langue" },
+	status: { loading: "Chargement…" },
+	badge: { remove: "Retirer" },
+	confirm: {
+		confirm: "Confirmer",
+		cancel: "Annuler"
+	}
+}, ne = {
 	auth: {
 		login: "Anmelden",
 		logout: "Abmelden",
@@ -483,8 +502,14 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		errorEmpty: "Gib das neue Passwort ein und bestätige es.",
 		errorMismatch: "Die Passwörter stimmen nicht überein."
 	},
-	languageSwitcher: { label: "Sprache" }
-}, A = {
+	languageSwitcher: { label: "Sprache" },
+	status: { loading: "Wird geladen…" },
+	badge: { remove: "Entfernen" },
+	confirm: {
+		confirm: "Bestätigen",
+		cancel: "Abbrechen"
+	}
+}, re = {
 	auth: {
 		login: "Iniciar sesión",
 		logout: "Cerrar sesión",
@@ -515,8 +540,14 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		errorEmpty: "Introduce y confirma la nueva contraseña.",
 		errorMismatch: "Las contraseñas no coinciden."
 	},
-	languageSwitcher: { label: "Idioma" }
-}, ee = {
+	languageSwitcher: { label: "Idioma" },
+	status: { loading: "Cargando…" },
+	badge: { remove: "Quitar" },
+	confirm: {
+		confirm: "Confirmar",
+		cancel: "Cancelar"
+	}
+}, A = {
 	auth: {
 		login: "ログイン",
 		logout: "ログアウト",
@@ -547,7 +578,13 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 		errorEmpty: "新しいパスワードを入力して確認してください。",
 		errorMismatch: "パスワードが一致しません。"
 	},
-	languageSwitcher: { label: "言語" }
+	languageSwitcher: { label: "言語" },
+	status: { loading: "読み込み中…" },
+	badge: { remove: "削除" },
+	confirm: {
+		confirm: "確認",
+		cancel: "キャンセル"
+	}
 }, j = [
 	"it",
 	"en",
@@ -562,69 +599,69 @@ var x = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
 	de: "Deutsch",
 	es: "Español",
 	ja: "日本語"
-}, N = "sg-language", P = "it", te = (e) => !!e && j.includes(e), F = () => {
+}, N = "sg-language", P = "it", F = (e) => !!e && j.includes(e), I = () => {
 	let e = document.cookie.split("; ").find((e) => e.startsWith(`${N}=`))?.slice(12);
-	return te(e) ? e : null;
-}, I = (e) => {
+	return F(e) ? e : null;
+}, ie = (e) => {
 	let t = window.location.hostname.endsWith("simonegentili.com") ? "; domain=.simonegentili.com; secure" : "";
 	document.cookie = `${N}=${e}; path=/; max-age=31536000; samesite=lax${t}`;
-}, L = f.createInstance();
+}, L = h.createInstance();
 L.init({
 	resources: {
-		it: { sg: E },
-		en: { sg: D },
-		fr: { sg: O },
-		de: { sg: k },
-		es: { sg: A },
-		ja: { sg: ee }
+		it: { sg: k },
+		en: { sg: ee },
+		fr: { sg: te },
+		de: { sg: ne },
+		es: { sg: re },
+		ja: { sg: A }
 	},
-	lng: F() ?? P,
+	lng: I() ?? P,
 	fallbackLng: P,
 	supportedLngs: [...j],
 	ns: ["sg", "translation"],
 	defaultNS: "translation",
 	initAsync: !1,
 	interpolation: { escapeValue: !1 }
-}), L.on("languageChanged", I);
-var ne = ({ resources: e }) => {
+}), L.on("languageChanged", ie);
+var ae = ({ resources: e }) => {
 	for (let [t, n] of Object.entries(e)) L.addResourceBundle(t, "translation", n, !0, !0);
-	return u(L), L;
-}, R = "https://api.simonegentili.com/heimdall", z = (e) => e.endsWith("/") ? e : `${e}/`, re = (e) => {
+	return p(L), L;
+}, R = "https://api.simonegentili.com/heimdall", z = (e) => e.endsWith("/") ? e : `${e}/`, oe = (e) => {
 	let t = z(window.location.origin + window.location.pathname);
 	return e.filter((e) => t.startsWith(z(e.url))).sort((e, t) => t.url.length - e.url.length)[0] ?? null;
 }, B = ({ token: e, heimdallUrl: t = R }) => {
-	let { t: r } = d("sg", { i18n: L }), [i, a] = o(null), [u, f] = o(!1), [p, m] = o(!1);
-	n(() => {
-		e && fetch(`${t}/access`, { headers: { Authorization: `Bearer ${e}` } }).then((e) => e.ok ? e.json() : Promise.reject(e.status)).then((t) => a({
+	let { t: n } = m("sg", { i18n: L }), [r, i] = l(null), [o, s] = l(!1), [c, p] = l(!1);
+	a(() => {
+		e && fetch(`${t}/access`, { headers: { Authorization: `Bearer ${e}` } }).then((e) => e.ok ? e.json() : Promise.reject(e.status)).then((t) => i({
 			token: e,
-			app: re(t.apps)
-		})).catch(() => a({
+			app: oe(t.apps)
+		})).catch(() => i({
 			token: e,
 			app: null
 		}));
 	}, [e, t]);
-	let g = i?.token === e ? i.app : null;
-	return !e || g === null || g.access === "open" || g.access === "approved" ? null : /* @__PURE__ */ c("div", {
+	let h = r?.token === e ? r.app : null;
+	return !e || h === null || h.access === "open" || h.access === "approved" ? null : /* @__PURE__ */ d("div", {
 		className: "sg-access-gate",
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-labelledby": "sg-access-gate-title",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "sg-access-gate-card",
-			children: [/* @__PURE__ */ c("h2", {
+			children: [/* @__PURE__ */ d("h2", {
 				id: "sg-access-gate-title",
-				children: r("accessGate.title", { app: g.name })
-			}), g.access === "pending" ? /* @__PURE__ */ c("p", { children: r("accessGate.pending") }) : /* @__PURE__ */ l(s, { children: [
-				/* @__PURE__ */ c("p", { children: g.access === "rejected" ? r("accessGate.rejected") : r("accessGate.none") }),
-				p && /* @__PURE__ */ c("p", {
+				children: n("accessGate.title", { app: h.name })
+			}), h.access === "pending" ? /* @__PURE__ */ d("p", { children: n("accessGate.pending") }) : /* @__PURE__ */ f(u, { children: [
+				/* @__PURE__ */ d("p", { children: h.access === "rejected" ? n("accessGate.rejected") : n("accessGate.none") }),
+				c && /* @__PURE__ */ d("p", {
 					className: "sg-access-gate-error",
-					children: r("accessGate.failed")
+					children: n("accessGate.failed")
 				}),
-				/* @__PURE__ */ c(h, {
-					label: r(u ? "accessGate.sending" : "accessGate.request"),
-					disabled: u,
+				/* @__PURE__ */ d(v, {
+					label: n(o ? "accessGate.sending" : "accessGate.request"),
+					disabled: o,
 					onClick: async () => {
-						f(!0), m(!1);
+						s(!0), p(!1);
 						try {
 							let n = await fetch(`${t}/access-requests`, {
 								method: "POST",
@@ -632,98 +669,98 @@ var ne = ({ resources: e }) => {
 									Authorization: `Bearer ${e}`,
 									"Content-Type": "application/json"
 								},
-								body: JSON.stringify({ app: g.slug })
+								body: JSON.stringify({ app: h.slug })
 							});
-							n.ok || n.status === 409 ? a({
+							n.ok || n.status === 409 ? i({
 								token: e,
 								app: {
-									...g,
+									...h,
 									access: "pending"
 								}
-							}) : m(!0);
+							}) : p(!0);
 						} catch {
-							m(!0);
+							p(!0);
 						} finally {
-							f(!1);
+							s(!1);
 						}
 					}
 				})
 			] })]
 		})
 	});
-}, V = "https://api.simonegentili.com/heimdall/launcher", H = ({ appsUrl: e = V, label: t, token: r = null }) => {
-	let { t: i } = d("sg", { i18n: L }), s = t ?? i("launcher.label"), [u, f] = o(!1), [p, h] = o(null), g = p?.token === r ? p.apps : null, [_, v] = o(!1), y = a(null);
-	return n(() => {
-		!u || g !== null || fetch(e, r ? { headers: { Authorization: `Bearer ${r}` } } : void 0).then((e) => e.ok ? e.json() : Promise.reject(e.status)).then((e) => h({
-			token: r,
+}, V = "https://api.simonegentili.com/heimdall/launcher", H = ({ appsUrl: e = V, label: t, token: n = null }) => {
+	let { t: r } = m("sg", { i18n: L }), i = t ?? r("launcher.label"), [o, s] = l(!1), [u, p] = l(null), h = u?.token === n ? u.apps : null, [g, v] = l(!1), y = c(null);
+	return a(() => {
+		!o || h !== null || fetch(e, n ? { headers: { Authorization: `Bearer ${n}` } } : void 0).then((e) => e.ok ? e.json() : Promise.reject(e.status)).then((e) => p({
+			token: n,
 			apps: e.apps
 		})).catch(() => v(!0));
 	}, [
-		u,
-		g,
+		o,
+		h,
 		e,
-		r
-	]), n(() => {
-		if (!u) return;
+		n
+	]), a(() => {
+		if (!o) return;
 		let e = (e) => {
-			y.current?.contains(e.target) || f(!1);
+			y.current?.contains(e.target) || s(!1);
 		}, t = (e) => {
-			e.key === "Escape" && f(!1);
+			e.key === "Escape" && s(!1);
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [u]), /* @__PURE__ */ l("div", {
+	}, [o]), /* @__PURE__ */ f("div", {
 		className: "sg-app-launcher",
 		ref: y,
-		children: [/* @__PURE__ */ c("button", {
+		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			className: "sg-app-launcher-toggle",
-			"aria-label": s,
-			title: s,
-			"aria-expanded": u,
+			"aria-label": i,
+			title: i,
+			"aria-expanded": o,
 			onClick: () => {
-				u || v(!1), f(!u);
+				o || v(!1), s(!o);
 			},
-			children: /* @__PURE__ */ c(m, {
+			children: /* @__PURE__ */ d(_, {
 				name: "grid",
 				size: 22
 			})
-		}), u && /* @__PURE__ */ c("div", {
+		}), o && /* @__PURE__ */ d("div", {
 			className: "sg-app-launcher-panel",
-			children: _ ? /* @__PURE__ */ c("p", {
+			children: g ? /* @__PURE__ */ d("p", {
 				className: "sg-app-launcher-message",
-				children: i("launcher.loadFailed")
-			}) : g === null ? /* @__PURE__ */ c("p", {
+				children: r("launcher.loadFailed")
+			}) : h === null ? /* @__PURE__ */ d("p", {
 				className: "sg-app-launcher-message",
-				children: i("launcher.loading")
-			}) : /* @__PURE__ */ c("ul", {
+				children: r("launcher.loading")
+			}) : /* @__PURE__ */ d("ul", {
 				className: "sg-app-launcher-grid",
-				children: g.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("a", {
+				children: h.map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("a", {
 					href: e.url,
 					className: [
 						"sg-app-launcher-app",
 						new URL(e.url).origin === window.location.origin ? "current" : "",
 						e.locked ? "locked" : ""
 					].filter(Boolean).join(" "),
-					title: e.locked ? `${e.name}: ${i("launcher.locked")}` : void 0,
-					children: [/* @__PURE__ */ l("span", {
+					title: e.locked ? `${e.name}: ${r("launcher.locked")}` : void 0,
+					children: [/* @__PURE__ */ f("span", {
 						className: "sg-app-launcher-tile",
 						"aria-hidden": "true",
-						children: [e.name.charAt(0).toUpperCase(), e.locked && /* @__PURE__ */ c("span", {
+						children: [e.name.charAt(0).toUpperCase(), e.locked && /* @__PURE__ */ d("span", {
 							className: "sg-app-launcher-lock",
-							children: /* @__PURE__ */ c(m, {
+							children: /* @__PURE__ */ d(_, {
 								name: "lock",
 								size: 12
 							})
 						})]
-					}), /* @__PURE__ */ l("span", {
+					}), /* @__PURE__ */ f("span", {
 						className: "sg-app-launcher-name",
-						children: [e.name, e.locked && /* @__PURE__ */ l("span", {
+						children: [e.name, e.locked && /* @__PURE__ */ f("span", {
 							className: "sg-visually-hidden",
 							children: [
 								" (",
-								i("launcher.locked"),
+								r("launcher.locked"),
 								")"
 							]
 						})]
@@ -732,34 +769,48 @@ var ne = ({ resources: e }) => {
 			})
 		})]
 	});
-}, U = ({ isLoggedIn: e, handleLogin: t, handleLogout: n }) => {
-	let { t: r } = d("sg", { i18n: L });
-	return /* @__PURE__ */ c(s, { children: e ? /* @__PURE__ */ c("button", {
+}, U = ({ src: e, name: t, size: n = 32, className: r }) => {
+	let i = ["sg-avatar", r].filter(Boolean).join(" "), a = { "--avatar-size": `${n}px` };
+	return e ? /* @__PURE__ */ d("img", {
+		className: i,
+		style: a,
+		src: e,
+		alt: t ?? ""
+	}) : /* @__PURE__ */ d("span", {
+		className: i,
+		style: a,
+		role: "img",
+		"aria-label": t ?? void 0,
+		children: t?.trim().charAt(0).toUpperCase() || "?"
+	});
+}, W = ({ isLoggedIn: e, handleLogin: t, handleLogout: n }) => {
+	let { t: r } = m("sg", { i18n: L });
+	return /* @__PURE__ */ d(u, { children: e ? /* @__PURE__ */ d("button", {
 		onClick: n,
 		className: "sg-authenticator-button",
 		children: r("auth.logout")
-	}) : /* @__PURE__ */ c("button", {
+	}) : /* @__PURE__ */ d("button", {
 		onClick: t,
 		className: "sg-authenticator-button",
 		children: r("auth.login")
 	}) });
-}, ie = 220, W = ({ open: t, onClose: r, title: i, icon: a, children: s, buttons: u, footer: f, closeLabel: p, className: m }) => {
-	let { t: g } = d("sg", { i18n: L }), [_, v] = o(!1), [y, b] = o({
+}, G = 220, K = ({ open: t, onClose: n, title: r, icon: i, children: o, buttons: s, footer: c, closeLabel: u, className: p }) => {
+	let { t: h } = m("sg", { i18n: L }), [g, _] = l(!1), [y, b] = l({
 		x: 0,
 		y: 0
-	}), x = e.useRef(null), [S, C] = o(!1), w = (e) => {
-		_ || (v(!0), setTimeout(() => {
-			v(!1), e();
-		}, ie));
+	}), x = e.useRef(null), [S, C] = l(!1), w = (e) => {
+		g || (_(!0), setTimeout(() => {
+			_(!1), e();
+		}, G));
 	};
-	n(() => {
+	a(() => {
 		if (!t) return;
 		let e = (e) => {
-			e.key === "Escape" && w(r);
+			e.key === "Escape" && w(n);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [t, r]);
-	let [T, E] = o(t);
+	}, [t, n]);
+	let [T, E] = l(t);
 	if (t !== T && (E(t), t && b({
 		x: 0,
 		y: 0
@@ -783,117 +834,121 @@ var ne = ({ resources: e }) => {
 	function k() {
 		x.current = null, C(!1);
 	}
-	return /* @__PURE__ */ c("div", {
-		className: `modal-overlay${_ ? " modal-overlay-closing" : ""}`,
-		onClick: () => w(r),
-		children: /* @__PURE__ */ l("div", {
-			className: `modal-content${m ? ` ${m}` : ""}${_ ? " modal-content-closing" : ""}`,
+	return /* @__PURE__ */ d("div", {
+		className: `modal-overlay${g ? " modal-overlay-closing" : ""}`,
+		onClick: () => w(n),
+		children: /* @__PURE__ */ f("div", {
+			className: `modal-content${p ? ` ${p}` : ""}${g ? " modal-content-closing" : ""}`,
 			style: {
 				"--drag-x": `${y.x}px`,
 				"--drag-y": `${y.y}px`
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ f("div", {
 					className: `modal-header${S ? " modal-header-dragging" : ""}`,
 					onPointerDown: D,
 					onPointerMove: O,
 					onPointerUp: k,
 					onPointerCancel: k,
 					children: [
-						a && /* @__PURE__ */ c("span", {
+						i && /* @__PURE__ */ d("span", {
 							className: "modal-icon",
-							children: a
+							children: i
 						}),
-						i && /* @__PURE__ */ c("h2", {
+						r && /* @__PURE__ */ d("h2", {
 							className: "modal-title",
-							children: i
+							children: r
 						}),
-						/* @__PURE__ */ c("button", {
+						/* @__PURE__ */ d("button", {
 							type: "button",
 							className: "modal-close",
-							"aria-label": p ?? g("modal.close"),
-							onClick: () => w(r),
-							disabled: _,
+							"aria-label": u ?? h("modal.close"),
+							onClick: () => w(n),
+							disabled: g,
 							children: "×"
 						})
 					]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ d("div", {
 					className: "modal-children",
-					children: s
+					children: o
 				}),
-				u && /* @__PURE__ */ c("div", {
+				s && /* @__PURE__ */ d("div", {
 					className: "modal-footer",
-					children: u.map((e, t) => /* @__PURE__ */ c(h, {
+					children: s.map((e, t) => /* @__PURE__ */ d(v, {
 						label: e.label,
 						onClick: () => w(e.onClick),
-						disabled: _
+						disabled: g
 					}, t))
 				}),
-				f && /* @__PURE__ */ c("div", {
+				c && /* @__PURE__ */ d("div", {
 					className: "modal-footer",
-					children: f
+					children: c
 				})
 			]
 		})
 	});
-}, G = ({ label: e, invalid: t, className: n, id: i, ...a }) => {
-	let o = r(), s = i ?? o;
-	return /* @__PURE__ */ l("div", {
+}, q = ({ label: e, invalid: t, className: n, id: r, ...i }) => {
+	let a = o(), s = r ?? a;
+	return /* @__PURE__ */ f("div", {
 		className: "input-wrapper",
-		children: [e && /* @__PURE__ */ c("label", {
+		children: [e && /* @__PURE__ */ d("label", {
 			className: "input-label",
 			htmlFor: s,
 			children: e
-		}), /* @__PURE__ */ c("input", {
+		}), /* @__PURE__ */ d("input", {
 			id: s,
 			className: [
 				"input-field",
 				t ? "input-field--invalid" : "",
 				n
 			].filter(Boolean).join(" "),
-			...a
+			...i
 		})]
 	});
-}, K = ({ label: e, className: t, id: n, ...i }) => {
-	let a = r(), o = n ?? a;
-	return /* @__PURE__ */ l("div", {
+}, J = ({ label: e, invalid: t, className: n, id: r, ...i }) => {
+	let a = o(), s = r ?? a;
+	return /* @__PURE__ */ f("div", {
 		className: "input-wrapper",
-		children: [e && /* @__PURE__ */ c("label", {
+		children: [e && /* @__PURE__ */ d("label", {
 			className: "input-label",
-			htmlFor: o,
+			htmlFor: s,
 			children: e
-		}), /* @__PURE__ */ c("input", {
-			id: o,
+		}), /* @__PURE__ */ d("input", {
+			id: s,
 			type: "password",
-			className: ["input-field", t].filter(Boolean).join(" "),
+			className: [
+				"input-field",
+				t ? "input-field--invalid" : "",
+				n
+			].filter(Boolean).join(" "),
 			...i
 		})]
 	});
-}, q = ({ open: e, onClose: t, onLogin: n }) => {
-	let { t: r } = d("sg", { i18n: L }), [i, a] = o(""), [s, u] = o("");
-	return /* @__PURE__ */ c(W, {
+}, se = ({ open: e, onClose: t, onLogin: n }) => {
+	let { t: r } = m("sg", { i18n: L }), [i, a] = l(""), [o, s] = l("");
+	return /* @__PURE__ */ d(K, {
 		open: e,
 		onClose: t,
 		title: r("auth.login"),
-		children: /* @__PURE__ */ l("form", {
+		children: /* @__PURE__ */ f("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), n(i, s);
+				e.preventDefault(), n(i, o);
 			},
 			children: [
-				/* @__PURE__ */ c(G, {
+				/* @__PURE__ */ d(q, {
 					label: r("auth.username"),
 					value: i,
 					onChange: (e) => a(e.target.value),
 					autoFocus: !0
 				}),
-				/* @__PURE__ */ c(K, {
+				/* @__PURE__ */ d(J, {
 					label: r("auth.password"),
-					value: s,
-					onChange: (e) => u(e.target.value)
+					value: o,
+					onChange: (e) => s(e.target.value)
 				}),
-				/* @__PURE__ */ c(h, {
+				/* @__PURE__ */ d(v, {
 					label: r("auth.login"),
 					type: "submit",
 					style: { width: "100%" }
@@ -901,83 +956,79 @@ var ne = ({ resources: e }) => {
 			]
 		})
 	});
-}, J = "simonegentili.com-access-token", Y = "sg-avatar-change", X = (e) => document.cookie.split("; ").some((t) => t.startsWith(`${e}=`) && t.slice(e.length + 1).length > 0), ae = (e) => {
+}, ce = "simonegentili.com-access-token", Y = "sg-avatar-change", X = (e) => document.cookie.split("; ").some((t) => t.startsWith(`${e}=`) && t.slice(e.length + 1).length > 0), le = (e) => {
 	let t = document.cookie.split("; ").find((t) => t.startsWith(`${e}=`));
 	return t ? t.slice(e.length + 1) : null;
-}, oe = (e, t) => {
+}, ue = (e, t) => {
 	try {
 		return JSON.parse(atob(e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/")))[t] ?? null;
 	} catch {
 		return null;
 	}
-}, Z = t(({ title: e = "Quadrato", homePageKey: t = "home", onNavigate: r, cookieName: a = J, username: u = null, usernameJwtField: d = "sub", onLogin: f, onLogout: p, onUserAuthenticated: m, appsUrl: h, heimdallUrl: g = R }, _) => {
-	let [v, y] = o(() => X(a)), [b, x] = o(!1);
-	i(_, () => ({ openLoginModal: () => x(!0) }));
-	let S = v ? ae(a) : null, C = u ?? (S ? oe(S, d) : null), [T, E] = o(null), D = S && T?.token === S ? T.src : null;
-	return n(() => {
+}, Z = r(({ title: e = "Quadrato", homePageKey: t = "home", onNavigate: n, cookieName: r = ce, username: i = null, usernameJwtField: o = "sub", onLogin: c, onLogout: p, onUserAuthenticated: m, appsUrl: h, heimdallUrl: g = R }, _) => {
+	let [v, y] = l(() => X(r)), [b, x] = l(!1);
+	s(_, () => ({ openLoginModal: () => x(!0) }));
+	let S = v ? le(r) : null, C = i ?? (S ? ue(S, o) : null), [w, T] = l(null), E = S && w?.token === S ? w.src : null;
+	return a(() => {
 		if (!S) return;
 		let e = !1;
 		return fetch(`${g}/me/avatar`, { headers: { Authorization: `Bearer ${S}` } }).then((e) => e.ok ? e.json() : null).then((t) => {
-			e || E({
+			e || T({
 				token: S,
 				src: t?.avatar ?? null
 			});
 		}).catch(() => {}), () => {
 			e = !0;
 		};
-	}, [S, g]), n(() => {
+	}, [S, g]), a(() => {
 		if (!S) return;
-		let e = (e) => E({
+		let e = (e) => T({
 			token: S,
 			src: e.detail
 		});
 		return window.addEventListener(Y, e), () => window.removeEventListener(Y, e);
-	}, [S]), n(() => {
+	}, [S]), a(() => {
 		m?.(v, v ? C : null);
-	}, []), /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ l(w, {
-			onNavigate: r,
+	}, []), /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ f(D, {
+			onNavigate: n,
 			title: e,
 			homePageKey: t,
 			className: "quadrato-header",
-			children: [/* @__PURE__ */ c(H, {
+			children: [/* @__PURE__ */ d(H, {
 				appsUrl: h,
 				token: S
-			}), /* @__PURE__ */ l("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: "quadrato-header-auth",
 				children: [
-					v && D && /* @__PURE__ */ c("img", {
-						className: "quadrato-header-avatar",
-						src: D,
-						alt: ""
-					}),
-					v && C && /* @__PURE__ */ c("span", {
+					v && E && /* @__PURE__ */ d(U, { src: E }),
+					v && C && /* @__PURE__ */ d("span", {
 						className: "quadrato-header-username",
 						children: C
 					}),
-					/* @__PURE__ */ c(U, {
+					/* @__PURE__ */ d(W, {
 						isLoggedIn: v,
 						handleLogin: () => x(!0),
 						handleLogout: () => {
 							p?.();
-							let e = X(a);
+							let e = X(r);
 							y(e), m?.(e, null);
 						}
 					})
 				]
 			})]
 		}),
-		/* @__PURE__ */ c(B, {
+		/* @__PURE__ */ d(B, {
 			token: S,
 			heimdallUrl: g
 		}),
-		/* @__PURE__ */ c(q, {
+		/* @__PURE__ */ d(se, {
 			open: b,
 			onClose: () => x(!1),
 			onLogin: async (e, t) => {
-				await f(e, t);
-				let n = X(a);
-				y(n), x(!1), m?.(n, n ? u ?? e : null);
+				await c(e, t);
+				let n = X(r);
+				y(n), x(!1), m?.(n, n ? i ?? e : null);
 			}
 		})
 	] });
@@ -985,42 +1036,42 @@ var ne = ({ resources: e }) => {
 Z.displayName = "QuadratoHeader";
 //#endregion
 //#region src/components/SetPasswordModal/SetPasswordModal.tsx
-var se = ({ open: e, onClose: t, onSubmit: n }) => {
-	let { t: r } = d("sg", { i18n: L }), [i, a] = o(""), [s, u] = o(""), [f, p] = o("");
-	return /* @__PURE__ */ c(W, {
+var de = ({ open: e, onClose: t, onSubmit: n }) => {
+	let { t: r } = m("sg", { i18n: L }), [i, a] = l(""), [o, s] = l(""), [c, u] = l("");
+	return /* @__PURE__ */ d(K, {
 		open: e,
 		onClose: t,
 		title: r("setPassword.title"),
-		children: /* @__PURE__ */ l("form", {
+		children: /* @__PURE__ */ f("form", {
 			className: "set-password-modal-form",
 			onSubmit: (e) => {
-				if (e.preventDefault(), i === "" || s === "") {
-					p(r("setPassword.errorEmpty"));
+				if (e.preventDefault(), i === "" || o === "") {
+					u(r("setPassword.errorEmpty"));
 					return;
 				}
-				if (i !== s) {
-					p(r("setPassword.errorMismatch"));
+				if (i !== o) {
+					u(r("setPassword.errorMismatch"));
 					return;
 				}
-				p(""), n(i);
+				u(""), n(i);
 			},
 			children: [
-				/* @__PURE__ */ c(K, {
+				/* @__PURE__ */ d(J, {
 					label: r("setPassword.newPassword"),
 					value: i,
 					onChange: (e) => a(e.target.value),
 					autoFocus: !0
 				}),
-				/* @__PURE__ */ c(K, {
+				/* @__PURE__ */ d(J, {
 					label: r("setPassword.confirmPassword"),
-					value: s,
-					onChange: (e) => u(e.target.value)
+					value: o,
+					onChange: (e) => s(e.target.value)
 				}),
-				f && /* @__PURE__ */ c("p", {
+				c && /* @__PURE__ */ d("p", {
 					className: "set-password-modal-error",
-					children: f
+					children: c
 				}),
-				/* @__PURE__ */ c(h, {
+				/* @__PURE__ */ d(v, {
 					label: r("setPassword.submit"),
 					type: "submit",
 					style: { width: "100%" }
@@ -1028,48 +1079,48 @@ var se = ({ open: e, onClose: t, onSubmit: n }) => {
 			]
 		})
 	});
-}, Q = ({ value: e, onChange: t, swatches: r }) => {
-	let [i, s] = o(!1), u = a(null);
-	return n(() => {
-		if (!i) return;
+}, fe = ({ value: e, onChange: t, swatches: n }) => {
+	let [r, i] = l(!1), o = c(null);
+	return a(() => {
+		if (!r) return;
 		let e = (e) => {
-			u.current && !u.current.contains(e.target) && s(!1);
+			o.current && !o.current.contains(e.target) && i(!1);
 		}, t = (e) => {
-			e.key === "Escape" && s(!1);
+			e.key === "Escape" && i(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [i]), /* @__PURE__ */ l("div", {
-		ref: u,
+	}, [r]), /* @__PURE__ */ f("div", {
+		ref: o,
 		className: "sg-color-picker",
-		children: [/* @__PURE__ */ l("button", {
+		children: [/* @__PURE__ */ f("button", {
 			type: "button",
 			className: "sg-color-picker-toggle",
-			onClick: () => s((e) => !e),
-			children: [/* @__PURE__ */ c("span", {
+			onClick: () => i((e) => !e),
+			children: [/* @__PURE__ */ d("span", {
 				className: "sg-color-picker-swatch",
 				style: { background: e }
-			}), /* @__PURE__ */ c("span", {
+			}), /* @__PURE__ */ d("span", {
 				className: "sg-color-picker-toggle-label",
 				children: e
 			})]
-		}), i && /* @__PURE__ */ l("div", {
+		}), r && /* @__PURE__ */ f("div", {
 			className: "sg-color-picker-popover",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "sg-color-picker-grid",
-				children: r.map((n) => /* @__PURE__ */ c("button", {
+				children: n.map((n) => /* @__PURE__ */ d("button", {
 					type: "button",
 					title: n,
 					className: `sg-color-picker-swatch-button${n.toLowerCase() === e?.toLowerCase() ? " active" : ""}`,
 					style: { background: n },
 					onClick: () => {
-						t(n), s(!1);
+						t(n), i(!1);
 					}
 				}, n))
-			}), /* @__PURE__ */ l("label", {
+			}), /* @__PURE__ */ f("label", {
 				className: "sg-color-picker-custom",
-				children: ["Colore personalizzato", /* @__PURE__ */ c("input", {
+				children: ["Colore personalizzato", /* @__PURE__ */ d("input", {
 					type: "color",
 					value: e,
 					onChange: (e) => t(e.target.value)
@@ -1077,76 +1128,250 @@ var se = ({ open: e, onClose: t, onSubmit: n }) => {
 			})]
 		})]
 	});
-}, $ = (e) => e.split(",")[0].replace(/'/g, ""), ce = ({ value: e, onChange: t, options: r }) => {
-	let [i, s] = o(!1), u = a(null);
-	return n(() => {
-		if (!i) return;
+}, Q = (e) => e.split(",")[0].replace(/'/g, ""), pe = ({ value: e, onChange: t, options: n }) => {
+	let [r, i] = l(!1), o = c(null);
+	return a(() => {
+		if (!r) return;
 		let e = (e) => {
-			u.current && !u.current.contains(e.target) && s(!1);
+			o.current && !o.current.contains(e.target) && i(!1);
 		}, t = (e) => {
-			e.key === "Escape" && s(!1);
+			e.key === "Escape" && i(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [i]), /* @__PURE__ */ l("div", {
-		ref: u,
+	}, [r]), /* @__PURE__ */ f("div", {
+		ref: o,
 		className: "sg-font-picker",
-		children: [/* @__PURE__ */ l("button", {
+		children: [/* @__PURE__ */ f("button", {
 			type: "button",
 			className: "sg-font-picker-toggle",
-			onClick: () => s((e) => !e),
+			onClick: () => i((e) => !e),
 			style: { fontFamily: e },
-			children: [/* @__PURE__ */ c("span", {
+			children: [/* @__PURE__ */ d("span", {
 				className: "sg-font-picker-toggle-label",
-				children: $(e)
-			}), /* @__PURE__ */ c("span", {
+				children: Q(e)
+			}), /* @__PURE__ */ d("span", {
 				className: "sg-font-picker-toggle-caret",
-				children: i ? "▲" : "▼"
+				children: r ? "▲" : "▼"
 			})]
-		}), i && /* @__PURE__ */ c("ul", {
+		}), r && /* @__PURE__ */ d("ul", {
 			className: "sg-font-picker-list",
-			children: r.map((n) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("button", {
+			children: n.map((n) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d("button", {
 				type: "button",
 				className: `sg-font-picker-option${n === e ? " active" : ""}`,
 				onClick: () => {
-					t(n), s(!1);
+					t(n), i(!1);
 				},
 				style: { fontFamily: n },
-				children: $(n)
+				children: Q(n)
 			}) }, n))
 		})]
 	});
-}, le = ({ checked: e, onChange: t, label: n }) => /* @__PURE__ */ l("label", {
-	className: "sg-toggle",
+}, me = ({ checked: e, onChange: t, label: n, icons: r, layout: i = "inline" }) => /* @__PURE__ */ f("label", {
+	className: i === "row" ? "sg-toggle sg-toggle--row" : "sg-toggle",
 	children: [
-		/* @__PURE__ */ c("input", {
+		/* @__PURE__ */ d("input", {
 			type: "checkbox",
 			checked: e,
 			onChange: (e) => t(e.target.checked),
 			className: "sg-toggle-input"
 		}),
-		/* @__PURE__ */ c("span", {
+		/* @__PURE__ */ d("span", {
 			className: "sg-toggle-track",
-			children: /* @__PURE__ */ c("span", { className: "sg-toggle-thumb" })
+			children: /* @__PURE__ */ d("span", { className: "sg-toggle-thumb" })
 		}),
-		/* @__PURE__ */ c("span", {
+		/* @__PURE__ */ d("span", {
 			className: "sg-toggle-label",
 			children: n
+		}),
+		r && /* @__PURE__ */ d("span", {
+			className: "sg-toggle-icons",
+			children: r
 		})
 	]
-}), ue = ({ className: e }) => {
-	let { t, i18n: n } = d("sg", { i18n: L });
-	return /* @__PURE__ */ c("select", {
+}), he = ({ className: e }) => {
+	let { t, i18n: n } = m("sg", { i18n: L });
+	return /* @__PURE__ */ d("select", {
 		className: ["sg-language-switcher", e].filter(Boolean).join(" "),
 		value: n.resolvedLanguage,
 		onChange: (e) => n.changeLanguage(e.target.value),
 		"aria-label": t("languageSwitcher.label"),
-		children: j.map((e) => /* @__PURE__ */ c("option", {
+		children: j.map((e) => /* @__PURE__ */ d("option", {
 			value: e,
 			children: M[e]
 		}, e))
 	});
+}, ge = ({ value: e, max: t = 100, label: n, ariaLabel: r, tone: i = "accent", size: a = "md", className: o }) => {
+	let s = t > 0 ? Math.min(100, Math.max(0, e / t * 100)) : 0;
+	return /* @__PURE__ */ f("div", {
+		className: [
+			"sg-progress",
+			`sg-progress--${i}`,
+			`sg-progress--${a}`,
+			o
+		].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ d("div", {
+			className: "sg-progress-track",
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": t,
+			"aria-valuenow": e,
+			"aria-label": r,
+			children: /* @__PURE__ */ d("div", {
+				className: "sg-progress-fill",
+				style: { width: `${s}%` }
+			})
+		}), n !== void 0 && /* @__PURE__ */ d("span", {
+			className: "sg-progress-label",
+			children: n
+		})]
+	});
+}, _e = ({ kind: e = "info", boxed: t = !1, children: n, className: r }) => {
+	let { t: i } = m("sg", { i18n: L });
+	return /* @__PURE__ */ f("p", {
+		className: [
+			"sg-status",
+			`sg-status--${e}`,
+			t ? "sg-status--boxed" : "",
+			r
+		].filter(Boolean).join(" "),
+		role: e === "error" ? "alert" : e === "loading" ? "status" : void 0,
+		children: [e === "loading" && /* @__PURE__ */ d("span", {
+			className: "sg-status-spinner",
+			"aria-hidden": "true"
+		}), n ?? (e === "loading" ? i("status.loading") : null)]
+	});
+}, ve = ({ header: e, actions: t, children: r, variant: i = "default", interactive: a = !1, as: o = "div", href: s, className: c }) => n(o, {
+	className: [
+		"sg-card",
+		`sg-card--${i}`,
+		a ? "sg-card--interactive" : "",
+		c
+	].filter(Boolean).join(" "),
+	href: s
+}, e && /* @__PURE__ */ d("div", {
+	className: "sg-card-header",
+	children: e
+}), r, t && /* @__PURE__ */ d("div", {
+	className: "sg-card-actions",
+	children: t
+})), ye = ({ children: e, tone: t = "neutral", onClick: n, selected: r = !1, onRemove: i, removeLabel: a, className: o }) => {
+	let { t: s } = m("sg", { i18n: L });
+	return /* @__PURE__ */ f("span", {
+		className: [
+			"sg-badge",
+			`sg-badge--${t}`,
+			r ? "sg-badge--selected" : "",
+			o
+		].filter(Boolean).join(" "),
+		children: [n ? /* @__PURE__ */ d("button", {
+			type: "button",
+			className: "sg-badge-toggle",
+			"aria-pressed": r,
+			onClick: n,
+			children: e
+		}) : e, i && /* @__PURE__ */ d("button", {
+			type: "button",
+			className: "sg-badge-remove",
+			"aria-label": a ?? s("badge.remove"),
+			onClick: i,
+			children: "×"
+		})]
+	});
+}, $ = ({ open: e, title: t, children: n, onConfirm: r, onCancel: i, confirmLabel: a, cancelLabel: o, danger: s = !1, icon: c }) => {
+	let { t: l } = m("sg", { i18n: L });
+	return /* @__PURE__ */ d(K, {
+		open: e,
+		onClose: i,
+		title: t,
+		icon: c,
+		footer: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(v, {
+			variant: "secondary",
+			label: o ?? l("confirm.cancel"),
+			onClick: i
+		}), /* @__PURE__ */ d(v, {
+			variant: s ? "danger" : "primary",
+			label: a ?? l("confirm.confirm"),
+			onClick: r,
+			autoFocus: !0
+		})] }),
+		children: n && /* @__PURE__ */ d("div", {
+			className: "sg-confirm-message",
+			children: n
+		})
+	});
+}, be = ({ invalid: e, className: t, rows: n = 3, ...r }) => /* @__PURE__ */ d("textarea", {
+	rows: n,
+	className: [
+		"input-field",
+		"sg-textarea",
+		e ? "input-field--invalid" : "",
+		t
+	].filter(Boolean).join(" "),
+	...r
+}), xe = ({ invalid: e, className: t, children: n, ...r }) => /* @__PURE__ */ d("select", {
+	className: [
+		"input-field",
+		"sg-select",
+		e ? "input-field--invalid" : "",
+		t
+	].filter(Boolean).join(" "),
+	...r,
+	children: n
+}), Se = ({ label: e, children: n, hint: r, error: a, className: s }) => {
+	let c = o(), l = i(n) ? n : null, u = l?.props.id ?? c, p = `${u}-note`, m = a ?? r;
+	return /* @__PURE__ */ f("div", {
+		className: ["sg-field", s].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ d("label", {
+				className: "input-label",
+				htmlFor: u,
+				children: e
+			}),
+			l ? t(l, {
+				id: u,
+				"aria-describedby": m ? p : l.props["aria-describedby"],
+				...a ? { "aria-invalid": !0 } : {},
+				...a && typeof l.type != "string" ? { invalid: !0 } : {}
+			}) : n,
+			m && /* @__PURE__ */ d("p", {
+				id: p,
+				className: a ? "sg-field-error" : "sg-field-hint",
+				children: m
+			})
+		]
+	});
+}, Ce = ({ items: e, value: t, onChange: n, variant: r = "underline", ariaLabel: i, className: a }) => {
+	let o = c(null);
+	return /* @__PURE__ */ d("div", {
+		ref: o,
+		role: "tablist",
+		"aria-label": i,
+		className: [
+			"sg-tabs",
+			`sg-tabs--${r}`,
+			a
+		].filter(Boolean).join(" "),
+		onKeyDown: (r) => {
+			let i = e.filter((e) => !e.disabled), a = i.findIndex((e) => e.value === t), s = r.key === "ArrowRight" ? i[(a + 1) % i.length] : r.key === "ArrowLeft" ? i[(a - 1 + i.length) % i.length] : r.key === "Home" ? i[0] : r.key === "End" ? i[i.length - 1] : null;
+			s && (r.preventDefault(), n(s.value), o.current?.querySelector(`[data-value="${String(s.value)}"]`)?.focus());
+		},
+		children: e.map((e) => {
+			let r = e.value === t;
+			return /* @__PURE__ */ d("button", {
+				type: "button",
+				role: "tab",
+				"data-value": String(e.value),
+				"aria-selected": r,
+				tabIndex: r ? 0 : -1,
+				disabled: e.disabled,
+				className: r ? "sg-tab sg-tab--active" : "sg-tab",
+				onClick: () => n(e.value),
+				children: e.label
+			}, e.value);
+		})
+	});
 };
 //#endregion
-export { Y as AVATAR_CHANGE_EVENT, B as AppAccessGate, H as AppLauncher, U as Authenticator, h as Button, Q as ColorPicker, x as CookieConsent, V as DEFAULT_APPS_URL, R as DEFAULT_HEIMDALL_URL, ce as FontPicker, g as Footer, w as Header, m as Icon, G as Input, N as LANGUAGE_COOKIE, M as LANGUAGE_NAMES, ue as LanguageSwitcher, W as Modal, K as PasswordInput, Z as QuadratoHeader, C as SGFooter, T as SGHeader, j as SUPPORTED_LANGUAGES, se as SetPasswordModal, le as Toggle, ne as createI18n, F as readLanguageCookie, L as sgI18n };
+export { Y as AVATAR_CHANGE_EVENT, B as AppAccessGate, H as AppLauncher, W as Authenticator, U as Avatar, ye as Badge, v as Button, ve as Card, fe as ColorPicker, $ as ConfirmModal, w as CookieConsent, V as DEFAULT_APPS_URL, R as DEFAULT_HEIMDALL_URL, pe as FontPicker, y as Footer, Se as FormField, D as Header, _ as Icon, q as Input, N as LANGUAGE_COOKIE, M as LANGUAGE_NAMES, he as LanguageSwitcher, K as Modal, J as PasswordInput, ge as ProgressBar, Z as QuadratoHeader, E as SGFooter, O as SGHeader, j as SUPPORTED_LANGUAGES, xe as Select, de as SetPasswordModal, _e as StatusMessage, Ce as Tabs, be as Textarea, me as Toggle, ae as createI18n, I as readLanguageCookie, L as sgI18n };