@sensorario/sg-components 0.0.89 → 0.0.90

package/dist/index.es.js

@@ -198,7 +198,43 @@ var c = {
 		style: { marginLeft: "16px" },
 		children: e
 	}, t)) })]
-}), f = [
+}), f = "simonegentili.com-cookie-consent", p = 3600 * 24 * 365;
+function m() {
+	return document.cookie.split("; ").some((e) => e.startsWith(`${f}=`));
+}
+function h() {
+	document.cookie = `${f}=accepted; path=/; domain=.simonegentili.com; max-age=${p}; secure; samesite=strict`;
+}
+var g = ({ privacyPolicyHref: e = "https://simonegentili.com/privacy" }) => {
+	let [t, r] = i(!1);
+	return n(() => {
+		r(!m());
+	}, []), t ? /* @__PURE__ */ s("div", {
+		className: "cookie-consent",
+		role: "region",
+		"aria-label": "Informativa sui cookie",
+		children: [/* @__PURE__ */ s("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__ */ o("a", {
+					href: e,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: "Privacy Policy"
+				}),
+				"."
+			]
+		}), /* @__PURE__ */ o(u, {
+			label: "Accetta",
+			onClick: () => {
+				h(), r(!1);
+			},
+			className: "cookie-consent-accept"
+		})]
+	}) : null;
+}, _ = [
 	{
 		label: "guitar",
 		href: "https://guitar.simonegentili.com"
@@ -219,11 +255,11 @@ var c = {
 		label: "code2image",
 		href: "https://code2image.simonegentili.com"
 	}
-], p = () => /* @__PURE__ */ o(d, {
+], v = () => /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(d, {
 	href: "https://simonegentili.com",
 	copyright: "© 2026 simonegentili.com",
-	links: f
-}), m = ({ onNavigate: e, title: t = "Simone Gentili - senior web developer, tech author and chess enthusiast", homePageKey: n = "home", children: r, className: i }) => /* @__PURE__ */ o("header", {
+	links: _
+}), /* @__PURE__ */ o(g, {})] }), y = ({ onNavigate: e, title: t = "Simone Gentili - senior web developer, tech author and chess enthusiast", homePageKey: n = "home", children: r, className: i }) => /* @__PURE__ */ o("header", {
 	className: i ? `header ${i}` : "header",
 	children: /* @__PURE__ */ s("div", {
 		className: "header-container",
@@ -241,11 +277,11 @@ var c = {
 			children: r
 		})]
 	})
-}), h = ({ onNavigate: e }) => /* @__PURE__ */ o(m, {
+}), b = ({ onNavigate: e }) => /* @__PURE__ */ o(y, {
 	onNavigate: e,
 	title: "Simone Gentili - senior web developer, tech author and chess enthusiast",
 	homePageKey: "home"
-}), g = ({ isLoggedIn: e, handleLogin: t, handleLogout: n }) => /* @__PURE__ */ o(a, { children: e ? /* @__PURE__ */ o("button", {
+}), x = ({ isLoggedIn: e, handleLogin: t, handleLogout: n }) => /* @__PURE__ */ o(a, { children: e ? /* @__PURE__ */ o("button", {
 	onClick: n,
 	style: {
 		fontSize: "0.9rem",
@@ -259,14 +295,14 @@ var c = {
 		padding: "0.4rem 1rem"
 	},
 	children: "Login"
-}) }), _ = 220, v = ({ open: t, onClose: r, title: a, icon: c, children: l, buttons: d, footer: f, closeLabel: p = "Close", className: m }) => {
-	let [h, g] = i(!1), [v, y] = i({
+}) }), S = 220, C = ({ open: t, onClose: r, title: a, icon: c, children: l, buttons: d, footer: f, closeLabel: p = "Close", className: m }) => {
+	let [h, g] = i(!1), [_, v] = i({
 		x: 0,
 		y: 0
-	}), b = e.useRef(null), [x, S] = i(!1), C = (e) => {
+	}), y = e.useRef(null), [b, x] = i(!1), C = (e) => {
 		h || (g(!0), setTimeout(() => {
 			g(!1), e();
-		}, _));
+		}, S));
 	};
 	n(() => {
 		if (!t) return;
@@ -276,28 +312,28 @@ var c = {
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [t, r]);
 	let [w, T] = i(t);
-	if (t !== w && (T(t), t && y({
+	if (t !== w && (T(t), t && v({
 		x: 0,
 		y: 0
 	})), !t) return null;
 	function E(e) {
-		e.target.closest(".modal-close") || (b.current = {
+		e.target.closest(".modal-close") || (y.current = {
 			pointerX: e.clientX,
 			pointerY: e.clientY,
-			offsetX: v.x,
-			offsetY: v.y
-		}, S(!0), e.currentTarget.setPointerCapture(e.pointerId));
+			offsetX: _.x,
+			offsetY: _.y
+		}, x(!0), e.currentTarget.setPointerCapture(e.pointerId));
 	}
 	function D(e) {
-		if (!b.current) return;
-		let { pointerX: t, pointerY: n, offsetX: r, offsetY: i } = b.current;
-		y({
+		if (!y.current) return;
+		let { pointerX: t, pointerY: n, offsetX: r, offsetY: i } = y.current;
+		v({
 			x: r + (e.clientX - t),
 			y: i + (e.clientY - n)
 		});
 	}
 	function O() {
-		b.current = null, S(!1);
+		y.current = null, x(!1);
 	}
 	return /* @__PURE__ */ o("div", {
 		className: `modal-overlay${h ? " modal-overlay-closing" : ""}`,
@@ -305,13 +341,13 @@ var c = {
 		children: /* @__PURE__ */ s("div", {
 			className: `modal-content${m ? ` ${m}` : ""}${h ? " modal-content-closing" : ""}`,
 			style: {
-				"--drag-x": `${v.x}px`,
-				"--drag-y": `${v.y}px`
+				"--drag-x": `${_.x}px`,
+				"--drag-y": `${_.y}px`
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				/* @__PURE__ */ s("div", {
-					className: `modal-header${x ? " modal-header-dragging" : ""}`,
+					className: `modal-header${b ? " modal-header-dragging" : ""}`,
 					onPointerDown: E,
 					onPointerMove: D,
 					onPointerUp: O,
@@ -354,7 +390,7 @@ var c = {
 			]
 		})
 	});
-}, y = ({ label: e, invalid: t, ...n }) => /* @__PURE__ */ s("div", {
+}, w = ({ label: e, invalid: t, ...n }) => /* @__PURE__ */ s("div", {
 	className: "input-wrapper",
 	children: [e && /* @__PURE__ */ o("label", {
 		className: "input-label",
@@ -363,7 +399,7 @@ var c = {
 		className: `input-field${t ? " input-field--invalid" : ""}`,
 		...n
 	})]
-}), b = ({ label: e, ...t }) => /* @__PURE__ */ s("div", {
+}), T = ({ label: e, ...t }) => /* @__PURE__ */ s("div", {
 	className: "input-wrapper",
 	children: [e && /* @__PURE__ */ o("label", {
 		className: "input-label",
@@ -373,9 +409,9 @@ var c = {
 		className: "input-field",
 		...t
 	})]
-}), x = ({ open: e, onClose: t, onLogin: n }) => {
+}), E = ({ open: e, onClose: t, onLogin: n }) => {
 	let [r, a] = i(""), [c, l] = i("");
-	return /* @__PURE__ */ o(v, {
+	return /* @__PURE__ */ o(C, {
 		open: e,
 		onClose: t,
 		title: "Login",
@@ -384,13 +420,13 @@ var c = {
 				e.preventDefault(), n(r, c);
 			},
 			children: [
-				/* @__PURE__ */ o(y, {
+				/* @__PURE__ */ o(w, {
 					label: "Username",
 					value: r,
 					onChange: (e) => a(e.target.value),
 					autoFocus: !0
 				}),
-				/* @__PURE__ */ o(b, {
+				/* @__PURE__ */ o(T, {
 					label: "Password",
 					value: c,
 					onChange: (e) => l(e.target.value)
@@ -403,57 +439,57 @@ var c = {
 			]
 		})
 	});
-}, S = "simonegentili.com-access-token", C = (e) => document.cookie.split("; ").some((t) => t.startsWith(`${e}=`) && t.slice(e.length + 1).length > 0), w = (e) => {
+}, D = "simonegentili.com-access-token", O = (e) => document.cookie.split("; ").some((t) => t.startsWith(`${e}=`) && t.slice(e.length + 1).length > 0), k = (e) => {
 	let t = document.cookie.split("; ").find((t) => t.startsWith(`${e}=`));
 	return t ? t.slice(e.length + 1) : null;
-}, T = (e, t) => {
+}, A = (e, t) => {
 	try {
 		return JSON.parse(atob(e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/")))[t] ?? null;
 	} catch {
 		return null;
 	}
-}, E = t(({ title: e = "Quadrato", homePageKey: t = "home", onNavigate: c, cookieName: l = S, username: u = null, usernameJwtField: d = "sub", onLogin: f, onLogout: p, onUserAuthenticated: h }, _) => {
-	let [v, y] = i(() => C(l)), [b, E] = i(!1);
-	r(_, () => ({ openLoginModal: () => E(!0) }));
-	let D = u ?? (v ? T(w(l) ?? "", d) : null);
+}, j = t(({ title: e = "Quadrato", homePageKey: t = "home", onNavigate: c, cookieName: l = D, username: u = null, usernameJwtField: d = "sub", onLogin: f, onLogout: p, onUserAuthenticated: m }, h) => {
+	let [g, _] = i(() => O(l)), [v, b] = i(!1);
+	r(h, () => ({ openLoginModal: () => b(!0) }));
+	let S = u ?? (g ? A(k(l) ?? "", d) : null);
 	return n(() => {
-		h?.(v, v ? D : null);
-	}, []), /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(m, {
+		m?.(g, g ? S : null);
+	}, []), /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(y, {
 		onNavigate: c,
 		title: e,
 		homePageKey: t,
 		className: "quadrato-header",
 		children: /* @__PURE__ */ s("div", {
 			className: "quadrato-header-auth",
-			children: [v && D && /* @__PURE__ */ o("span", {
+			children: [g && S && /* @__PURE__ */ o("span", {
 				className: "quadrato-header-username",
-				children: D
-			}), /* @__PURE__ */ o(g, {
-				isLoggedIn: v,
-				handleLogin: () => E(!0),
+				children: S
+			}), /* @__PURE__ */ o(x, {
+				isLoggedIn: g,
+				handleLogin: () => b(!0),
 				handleLogout: () => {
 					p?.();
-					let e = C(l);
-					y(e), h?.(e, null);
+					let e = O(l);
+					_(e), m?.(e, null);
 				}
 			})]
 		})
-	}), /* @__PURE__ */ o(x, {
-		open: b,
-		onClose: () => E(!1),
+	}), /* @__PURE__ */ o(E, {
+		open: v,
+		onClose: () => b(!1),
 		onLogin: async (e, t) => {
 			await f(e, t);
-			let n = C(l);
-			y(n), E(!1), h?.(n, n ? u ?? e : null);
+			let n = O(l);
+			_(n), b(!1), m?.(n, n ? u ?? e : null);
 		}
 	})] });
 });
-E.displayName = "QuadratoHeader";
+j.displayName = "QuadratoHeader";
 //#endregion
 //#region src/components/SetPasswordModal/SetPasswordModal.tsx
-var D = ({ open: e, onClose: t, onSubmit: n }) => {
+var M = ({ open: e, onClose: t, onSubmit: n }) => {
 	let [r, a] = i(""), [c, l] = i(""), [d, f] = i("");
-	return /* @__PURE__ */ o(v, {
+	return /* @__PURE__ */ o(C, {
 		open: e,
 		onClose: t,
 		title: "Imposta una nuova password",
@@ -471,13 +507,13 @@ var D = ({ open: e, onClose: t, onSubmit: n }) => {
 				f(""), n(r);
 			},
 			children: [
-				/* @__PURE__ */ o(b, {
+				/* @__PURE__ */ o(T, {
 					label: "Nuova password",
 					value: r,
 					onChange: (e) => a(e.target.value),
 					autoFocus: !0
 				}),
-				/* @__PURE__ */ o(b, {
+				/* @__PURE__ */ o(T, {
 					label: "Conferma password",
 					value: c,
 					onChange: (e) => l(e.target.value)
@@ -496,4 +532,4 @@ var D = ({ open: e, onClose: t, onSubmit: n }) => {
 	});
 };
 //#endregion
-export { g as Authenticator, u as Button, d as Footer, m as Header, l as Icon, v as Modal, E as QuadratoHeader, p as SGFooter, h as SGHeader, D as SetPasswordModal };
+export { x as Authenticator, u as Button, g as CookieConsent, d as Footer, y as Header, l as Icon, C as Modal, j as QuadratoHeader, v as SGFooter, b as SGHeader, M as SetPasswordModal };

package/dist/sg-components.css

@@ -1,2 +1,2 @@
-.custom-button{border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-color);cursor:pointer;font-size:var(--primary-font);font-weight:600;font-family:var(--font-family);box-shadow:var(--button-shadow);transition:background .15s var(--button-ease-standard), transform var(--button-ease-bounce) .2s;border:none;padding:8px 20px}.custom-button:hover:not(:disabled){background:var(--button-bg-hover);transform:translateY(-1px)}.custom-button:active:not(:disabled){transform:scale(.97)}.custom-button:disabled{opacity:.6;cursor:default}.custom-button-with-icon{align-items:center;gap:8px;display:inline-flex}.custom-button-label-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.footer{background-color:var(--primary-bg);border-top:1px solid var(--primary-border);font-family:var(--font-family);color:#555;justify-content:space-between;align-items:center;width:100%;padding:16px 32px;font-size:14px;display:flex;position:fixed;bottom:0;left:0}.footer a{color:#1ea7fd;text-decoration:none}.footer a:hover{text-decoration:underline}.logo-text{font-size:var(--font-size-h1);font-family:var(--font-family);margin:0;font-weight:400}.header{z-index:100;width:100%;font-size:var(--font-size);background-color:#fff;border-bottom:1px solid #e1e5e9;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header-container{justify-content:flex-start;align-items:center;max-width:1200px;margin:0 auto;padding:16px;display:flex}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.logo{cursor:pointer;color:#333;font-size:24px;font-weight:700;transition:color .2s}.logo:hover{color:#007acc}.logo-full{display:inline}.logo-short{display:none}@media (width<=768px){.header-container{padding:12px 16px}.logo{font-size:var(--font-size)}.logo-full{display:none}.logo-short{display:inline}}@media (width<=480px){.header-container{padding:8px 12px}.logo{font-size:var(--font-size)}}.modal-overlay{background:var(--modal-overlay);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out sg-modal-overlay-fade-in;display:flex;position:fixed;top:0;left:0}.modal-overlay.modal-overlay-closing{animation:.22s ease-in forwards sg-modal-overlay-fade-out}.modal-content{--drag-x:0px;--drag-y:0px;background:var(--modal-bg);border-radius:var(--primary-radius);font-size:var(--primary-font);min-width:320px;max-width:calc(100vw - 40px);max-height:90vh;transform:translate(var(--drag-x), var(--drag-y));flex-direction:column;animation:.3s ease-out sg-modal-slide-in;display:flex;overflow:hidden;box-shadow:0 2px 16px #00000026}.modal-content.modal-content-closing{animation:.22s ease-in forwards sg-modal-slide-out}@keyframes sg-modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sg-modal-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sg-modal-slide-in{0%{transform:translate(var(--drag-x), calc(var(--drag-y) - 24px)) scale(.97);opacity:0}to{transform:translate(var(--drag-x), var(--drag-y)) scale(1);opacity:1}}@keyframes sg-modal-slide-out{0%{transform:translate(var(--drag-x), var(--drag-y)) scale(1);opacity:1}to{transform:translate(var(--drag-x), calc(var(--drag-y) - 24px)) scale(.97);opacity:0}}.modal-header{background:var(--primary-bg);border-top-left-radius:var(--primary-radius);border-top-right-radius:var(--primary-radius);cursor:grab;touch-action:none;flex:none;align-items:center;gap:8px;padding:16px;display:flex}.modal-header-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.modal-icon{color:var(--modal-title-color);display:inline-flex}.modal-title{color:var(--modal-title-color);font-family:var(--font-family);font-size:var(--primary-font);flex:1;margin:0}.modal-close{cursor:pointer;color:var(--modal-title-color);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.modal-close:disabled{cursor:default;opacity:.6}.modal-children{font-family:var(--font-family);padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid var(--primary-border);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.input-label{font-weight:500;font-family:var(--font-family);font-size:var(--primary-font);margin-bottom:4px;display:block}.input-field--invalid{background-color:#ffe5e5;border-color:#c00}.input-wrapper{margin-bottom:16px}.input-label{font-weight:500;font-size:var(--primary-font);margin-bottom:4px;display:block}.input-field{border-radius:var(--radius);width:calc(100% - 16px);font-size:var(--primary-font);border-style:solid;border-width:1px;padding:8px}.login-modal-form{font-family:var(--font-family);font-size:var(--primary-font);flex-direction:column;gap:16px;display:flex}.header.quadrato-header{z-index:999}.quadrato-header-auth{align-items:center;gap:12px;display:flex}.quadrato-header-username{font-size:var(--font-size);color:#333}:root{--unit:3px;--primary-bg:#f5f5f5;--primary-border:#ccc;--radius:calc(var(--unit) * 2);--primary-radius:var(--radius);--primary-font:var(--font-size);--primary-hover-bg:#e0e0e0;--modal-bg:#fff;--modal-overlay:#0000004d;--modal-title-color:#222;--input-bg:#fff;--input-border:#ccc;--input-radius:var(--radius);--input-font:1rem;--font-size:14px;--font-family:Arial, sans-serif;--font-size-h1:calc(var(--font-size) * 1.5);--button-bg:#6f9cf7;--button-bg-hover:#5480e6;--button-color:#fff;--button-radius:999px;--button-shadow:0 1px 2px #5480e61f, 0 1px 3px #5480e61a;--button-ease-standard:cubic-bezier(.4, 0, .2, 1);--button-ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}.theme-dark{--primary-bg:#222;--primary-border:#444;--primary-font:1rem;--font-family:"Inter", Arial, sans-serif;--primary-hover-bg:#333;--modal-bg:#222;--modal-title-color:#fff;--input-bg:#333;--input-border:#555;--input-font:1rem;--button-bg:#6f9cf7;--button-bg-hover:#86aefc;--button-color:#fff}form{font-family:var(--font-family)}.set-password-modal-form{font-family:var(--font-family);font-size:var(--primary-font);flex-direction:column;gap:16px;display:flex}.set-password-modal-error{color:#d32f2f;font-size:var(--primary-font);margin:0}
+.custom-button{border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-color);cursor:pointer;font-size:var(--primary-font);font-weight:600;font-family:var(--font-family);box-shadow:var(--button-shadow);transition:background .15s var(--button-ease-standard), transform var(--button-ease-bounce) .2s;border:none;padding:8px 20px}.custom-button:hover:not(:disabled){background:var(--button-bg-hover);transform:translateY(-1px)}.custom-button:active:not(:disabled){transform:scale(.97)}.custom-button:disabled{opacity:.6;cursor:default}.custom-button-with-icon{align-items:center;gap:8px;display:inline-flex}.custom-button-label-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.footer{background-color:var(--primary-bg);border-top:1px solid var(--primary-border);font-family:var(--font-family);color:#555;justify-content:space-between;align-items:center;width:100%;padding:16px 32px;font-size:14px;display:flex;position:fixed;bottom:0;left:0}.footer a{color:#1ea7fd;text-decoration:none}.footer a:hover{text-decoration:underline}.cookie-consent{background-color:var(--primary-bg);border-top:1px solid var(--primary-border);font-family:var(--font-family);color:#555;z-index:1000;box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px 32px;font-size:14px;display:flex;position:fixed;bottom:0;left:0}.cookie-consent-text{flex:320px;margin:0}.cookie-consent a{color:#1ea7fd;text-decoration:none}.cookie-consent a:hover{text-decoration:underline}.cookie-consent-accept{flex:none}.logo-text{font-size:var(--font-size-h1);font-family:var(--font-family);margin:0;font-weight:400}.header{z-index:100;width:100%;font-size:var(--font-size);background-color:#fff;border-bottom:1px solid #e1e5e9;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header-container{justify-content:flex-start;align-items:center;max-width:1200px;margin:0 auto;padding:16px;display:flex}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.logo{cursor:pointer;color:#333;font-size:24px;font-weight:700;transition:color .2s}.logo:hover{color:#007acc}.logo-full{display:inline}.logo-short{display:none}@media (width<=768px){.header-container{padding:12px 16px}.logo{font-size:var(--font-size)}.logo-full{display:none}.logo-short{display:inline}}@media (width<=480px){.header-container{padding:8px 12px}.logo{font-size:var(--font-size)}}.modal-overlay{background:var(--modal-overlay);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out sg-modal-overlay-fade-in;display:flex;position:fixed;top:0;left:0}.modal-overlay.modal-overlay-closing{animation:.22s ease-in forwards sg-modal-overlay-fade-out}.modal-content{--drag-x:0px;--drag-y:0px;background:var(--modal-bg);border-radius:var(--primary-radius);font-size:var(--primary-font);min-width:320px;max-width:calc(100vw - 40px);max-height:90vh;transform:translate(var(--drag-x), var(--drag-y));flex-direction:column;animation:.3s ease-out sg-modal-slide-in;display:flex;overflow:hidden;box-shadow:0 2px 16px #00000026}.modal-content.modal-content-closing{animation:.22s ease-in forwards sg-modal-slide-out}@keyframes sg-modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sg-modal-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sg-modal-slide-in{0%{transform:translate(var(--drag-x), calc(var(--drag-y) - 24px)) scale(.97);opacity:0}to{transform:translate(var(--drag-x), var(--drag-y)) scale(1);opacity:1}}@keyframes sg-modal-slide-out{0%{transform:translate(var(--drag-x), var(--drag-y)) scale(1);opacity:1}to{transform:translate(var(--drag-x), calc(var(--drag-y) - 24px)) scale(.97);opacity:0}}.modal-header{background:var(--primary-bg);border-top-left-radius:var(--primary-radius);border-top-right-radius:var(--primary-radius);cursor:grab;touch-action:none;flex:none;align-items:center;gap:8px;padding:16px;display:flex}.modal-header-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.modal-icon{color:var(--modal-title-color);display:inline-flex}.modal-title{color:var(--modal-title-color);font-family:var(--font-family);font-size:var(--primary-font);flex:1;margin:0}.modal-close{cursor:pointer;color:var(--modal-title-color);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.modal-close:disabled{cursor:default;opacity:.6}.modal-children{font-family:var(--font-family);padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid var(--primary-border);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.input-label{font-weight:500;font-family:var(--font-family);font-size:var(--primary-font);margin-bottom:4px;display:block}.input-field--invalid{background-color:#ffe5e5;border-color:#c00}.input-wrapper{margin-bottom:16px}.input-label{font-weight:500;font-size:var(--primary-font);margin-bottom:4px;display:block}.input-field{border-radius:var(--radius);width:calc(100% - 16px);font-size:var(--primary-font);border-style:solid;border-width:1px;padding:8px}.login-modal-form{font-family:var(--font-family);font-size:var(--primary-font);flex-direction:column;gap:16px;display:flex}.header.quadrato-header{z-index:999}.quadrato-header-auth{align-items:center;gap:12px;display:flex}.quadrato-header-username{font-size:var(--font-size);color:#333}:root{--unit:3px;--primary-bg:#f5f5f5;--primary-border:#ccc;--radius:calc(var(--unit) * 2);--primary-radius:var(--radius);--primary-font:var(--font-size);--primary-hover-bg:#e0e0e0;--modal-bg:#fff;--modal-overlay:#0000004d;--modal-title-color:#222;--input-bg:#fff;--input-border:#ccc;--input-radius:var(--radius);--input-font:1rem;--font-size:14px;--font-family:Arial, sans-serif;--font-size-h1:calc(var(--font-size) * 1.5);--button-bg:#6f9cf7;--button-bg-hover:#5480e6;--button-color:#fff;--button-radius:999px;--button-shadow:0 1px 2px #5480e61f, 0 1px 3px #5480e61a;--button-ease-standard:cubic-bezier(.4, 0, .2, 1);--button-ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}.theme-dark{--primary-bg:#222;--primary-border:#444;--primary-font:1rem;--font-family:"Inter", Arial, sans-serif;--primary-hover-bg:#333;--modal-bg:#222;--modal-title-color:#fff;--input-bg:#333;--input-border:#555;--input-font:1rem;--button-bg:#6f9cf7;--button-bg-hover:#86aefc;--button-color:#fff}form{font-family:var(--font-family)}.set-password-modal-form{font-family:var(--font-family);font-size:var(--primary-font);flex-direction:column;gap:16px;display:flex}.set-password-modal-error{color:#d32f2f;font-size:var(--primary-font);margin:0}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensorario/sg-components",
-  "version": "0.0.89",
+  "version": "0.0.90",
   "type": "module",
   "private": false,
   "scripts": {