@hemerson/design-system 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,66 +1,20 @@
-import { forwardRef as e, useEffect as t, useId as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { createPortal as l } from "react-dom";
+import { t as e } from "./enableGlassRefraction-CgDeg-2E.js";
+import { forwardRef as t, useEffect as n, useId as r, useLayoutEffect 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 { createPortal as u } from "react-dom";
 //#region src/internal/cx.ts
-function u(...e) {
+function d(...e) {
 	return e.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/components/GlassPanel/GlassPanel.tsx
-var d = e(function({ as: e = "div", tone: t = "regular", className: n, ...r }, i) {
-	return /* @__PURE__ */ s(e, {
+var f = t(function({ as: e = "div", tone: t = "regular", className: n, ...r }, i) {
+	return /* @__PURE__ */ c(e, {
 		...r,
 		ref: i,
-		className: u("hds-glass", t !== "regular" && `hds-glass--${t}`, n)
+		className: d("hds-glass", t !== "regular" && `hds-glass--${t}`, n)
 	});
-}), f = "http://www.w3.org/2000/svg";
-function p() {
-	if (typeof document > "u") return !1;
-	let e = (navigator.userAgentData?.brands ?? []).some(({ brand: e }) => e.includes("Chromium")), t = window.matchMedia?.("(prefers-reduced-transparency: reduce)").matches ?? !1;
-	if (!e || t) return !1;
-	if (!document.getElementById("hds-glass-defs")) {
-		let e = document.createElementNS(f, "svg");
-		e.setAttribute("id", "hds-glass-defs"), e.setAttribute("width", "0"), e.setAttribute("height", "0"), e.setAttribute("aria-hidden", "true"), e.style.position = "absolute";
-		let t = document.createElementNS(f, "filter");
-		Object.entries({
-			id: "hds-glass-distortion",
-			x: "-20%",
-			y: "-20%",
-			width: "140%",
-			height: "140%",
-			filterUnits: "objectBoundingBox"
-		}).forEach(([e, n]) => t.setAttribute(e, n));
-		for (let [e, n] of [
-			["feTurbulence", {
-				type: "fractalNoise",
-				baseFrequency: "0.012 0.012",
-				numOctaves: "2",
-				seed: "8",
-				result: "noise"
-			}],
-			["feGaussianBlur", {
-				in: "noise",
-				stdDeviation: "3",
-				result: "blurredNoise"
-			}],
-			["feDisplacementMap", {
-				in: "SourceGraphic",
-				in2: "blurredNoise",
-				scale: "40",
-				xChannelSelector: "R",
-				yChannelSelector: "G"
-			}]
-		]) {
-			let r = document.createElementNS(f, e);
-			Object.entries(n).forEach(([e, t]) => r.setAttribute(e, t)), t.appendChild(r);
-		}
-		e.appendChild(t), document.body.appendChild(e);
-	}
-	return document.documentElement.setAttribute("data-glass-refraction", ""), !0;
-}
-//#endregion
-//#region src/internal/Icon.tsx
-var m = {
+}), p = {
 	check: ["M20 6 9 17l-5-5"],
 	x: ["M18 6 6 18", "m6 6 12 12"],
 	"chevron-down": ["m6 9 6 6 6-6"],
@@ -82,9 +36,9 @@ var m = {
 	],
 	loader: ["M21 12a9 9 0 1 1-6.219-8.56"]
 };
-function h({ name: e, className: t }) {
-	return /* @__PURE__ */ s("svg", {
-		className: u("hds-icon", t),
+function m({ name: e, className: t }) {
+	return /* @__PURE__ */ c("svg", {
+		className: d("hds-icon", t),
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
@@ -93,69 +47,69 @@ function h({ name: e, className: t }) {
 		strokeLinejoin: "round",
 		"aria-hidden": "true",
 		focusable: "false",
-		children: m[e].map((e) => e === "circle" ? /* @__PURE__ */ s("circle", {
+		children: p[e].map((e) => e === "circle" ? /* @__PURE__ */ c("circle", {
 			cx: 12,
 			cy: 12,
 			r: 10
-		}, e) : /* @__PURE__ */ s("path", { d: e }, e))
+		}, e) : /* @__PURE__ */ c("path", { d: e }, e))
 	});
 }
 //#endregion
 //#region src/components/Button/Button.tsx
-var g = e(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly: r = !1, loading: i = !1, disabled: a, type: o = "button", className: l, children: d, ...f }, p) {
-	return r && !f["aria-label"] && !f["aria-labelledby"] && console.warn("Button: an icon-only button needs an aria-label."), /* @__PURE__ */ c("button", {
+var h = t(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly: r = !1, loading: i = !1, disabled: a, type: o = "button", className: s, children: u, ...f }, p) {
+	return r && !f["aria-label"] && !f["aria-labelledby"] && console.warn("Button: an icon-only button needs an aria-label."), /* @__PURE__ */ l("button", {
 		...f,
 		ref: p,
 		type: o,
 		disabled: a || i,
 		"aria-busy": i || void 0,
-		className: u("hds-btn", `hds-btn--${e}`, t !== "md" && `hds-btn--${t}`, r && "hds-btn--icon", e === "glass" && "hds-glass", l),
-		children: [i ? /* @__PURE__ */ s(h, {
+		className: d("hds-btn", `hds-btn--${e}`, t !== "md" && `hds-btn--${t}`, r && "hds-btn--icon", e === "glass" && "hds-glass", s),
+		children: [i ? /* @__PURE__ */ c(m, {
 			name: "loader",
 			className: "hds-spin"
-		}) : n, r ? null : d]
+		}) : n, r ? null : u]
 	});
 });
 //#endregion
 //#region src/components/NavBar/NavBar.tsx
-function _({ active: e = !1, className: t, ...n }) {
-	return /* @__PURE__ */ s("a", {
+function g({ active: e = !1, className: t, ...n }) {
+	return /* @__PURE__ */ c("a", {
 		...n,
 		"aria-current": e ? "page" : void 0,
-		className: u("hds-navbar-link", t)
+		className: d("hds-navbar-link", t)
 	});
 }
-function v({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
-	return /* @__PURE__ */ c(d, {
+function _({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ l(f, {
 		...a,
 		as: "header",
-		className: u("hds-navbar", r),
+		className: d("hds-navbar", r),
 		children: [
-			e ? /* @__PURE__ */ s("p", {
+			e ? /* @__PURE__ */ c("p", {
 				className: "hds-navbar-title",
 				children: e
 			}) : null,
-			i ? /* @__PURE__ */ s("nav", {
+			i ? /* @__PURE__ */ c("nav", {
 				className: "hds-navbar-nav",
 				"aria-label": n,
 				children: i
 			}) : null,
-			t ? /* @__PURE__ */ s("div", {
+			t ? /* @__PURE__ */ c("div", {
 				className: "hds-navbar-actions",
 				children: t
 			}) : null
 		]
 	});
 }
-var y = Object.assign(v, { Link: _ });
+var v = Object.assign(_, { Link: g });
 //#endregion
 //#region src/components/Sidebar/Sidebar.tsx
-function b({ items: e, footer: t, floating: n = !1, label: r = "Navegação", className: i }) {
-	return /* @__PURE__ */ c(d, {
+function y({ items: e, footer: t, floating: n = !1, label: r = "Navegação", className: i }) {
+	return /* @__PURE__ */ l(f, {
 		as: "nav",
 		"aria-label": r,
-		className: u("hds-sidebar", n && "hds-sidebar--floating", i),
-		children: [/* @__PURE__ */ s("ul", {
+		className: d("hds-sidebar", n && "hds-sidebar--floating", i),
+		children: [/* @__PURE__ */ c("ul", {
 			className: "hds-sidebar-items",
 			children: e.map((e) => {
 				let t = {
@@ -164,19 +118,19 @@ function b({ items: e, footer: t, floating: n = !1, label: r = "Navegação", cl
 					"aria-current": e.active ? "page" : void 0,
 					className: "hds-sidebar-item"
 				};
-				return /* @__PURE__ */ s("li", { children: e.href ? /* @__PURE__ */ s("a", {
+				return /* @__PURE__ */ c("li", { children: e.href ? /* @__PURE__ */ c("a", {
 					...t,
 					href: e.href,
 					onClick: e.onClick,
 					children: e.icon
-				}) : /* @__PURE__ */ s("button", {
+				}) : /* @__PURE__ */ c("button", {
 					...t,
 					type: "button",
 					onClick: e.onClick,
 					children: e.icon
 				}) }, e.label);
 			})
-		}), t ? /* @__PURE__ */ s("div", {
+		}), t ? /* @__PURE__ */ c("div", {
 			className: "hds-sidebar-footer",
 			children: t
 		}) : null]
@@ -184,15 +138,15 @@ function b({ items: e, footer: t, floating: n = !1, label: r = "Navegação", cl
 }
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControl.tsx
-var x = {
+var b = {
 	ArrowRight: 1,
 	ArrowDown: 1,
 	ArrowLeft: -1,
 	ArrowUp: -1
 };
-function S({ options: e, value: t, defaultValue: n, onChange: o, label: l, className: f }) {
-	let [p, m] = a(n ?? e[0]?.value), h = t === void 0 ? p : t, g = i([]), _ = i(null), v = Math.max(0, e.findIndex((e) => e.value === h));
-	r(() => {
+function x({ options: e, value: t, defaultValue: n, onChange: r, label: s, className: u }) {
+	let [p, m] = o(n ?? e[0]?.value), h = t === void 0 ? p : t, g = a([]), _ = a(null), v = Math.max(0, e.findIndex((e) => e.value === h));
+	i(() => {
 		function e() {
 			let e = g.current[v];
 			e && _.current && (_.current.style.width = `${e.offsetWidth}px`, _.current.style.transform = `translateX(${e.offsetLeft - 4}px)`, _.current.style.opacity = "1");
@@ -200,28 +154,28 @@ function S({ options: e, value: t, defaultValue: n, onChange: o, label: l, class
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, [v, e.length]);
 	function y(e) {
-		t === void 0 && m(e), o?.(e);
+		t === void 0 && m(e), r?.(e);
 	}
-	function b(t) {
-		let n = x[t.key];
+	function x(t) {
+		let n = b[t.key];
 		if (!n) return;
 		t.preventDefault();
 		let r = (v + n + e.length) % e.length;
 		y(e[r].value), g.current[r]?.focus();
 	}
-	return /* @__PURE__ */ c(d, {
+	return /* @__PURE__ */ l(f, {
 		role: "radiogroup",
-		"aria-label": l,
-		className: u("hds-segmented", f),
-		onKeyDown: b,
-		children: [/* @__PURE__ */ s("span", {
+		"aria-label": s,
+		className: d("hds-segmented", u),
+		onKeyDown: x,
+		children: [/* @__PURE__ */ c("span", {
 			ref: _,
 			className: "hds-segmented-thumb",
 			"aria-hidden": "true",
 			style: { opacity: 0 }
 		}), e.map((e, t) => {
 			let n = t === v;
-			return /* @__PURE__ */ c("button", {
+			return /* @__PURE__ */ l("button", {
 				ref: (e) => {
 					g.current[t] = e;
 				},
@@ -239,52 +193,52 @@ function S({ options: e, value: t, defaultValue: n, onChange: o, label: l, class
 }
 //#endregion
 //#region src/components/Menu/Menu.tsx
-function C({ label: e, icon: r, iconOnly: o = !1, items: l, align: f = "end", triggerVariant: p = "glass", className: m }) {
-	let [h, _] = a(!1), v = i(null), y = i(null), b = i(null), x = n(), S = () => Array.from(b.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
+function S({ label: e, icon: t, iconOnly: i = !1, items: s, align: u = "end", triggerVariant: p = "glass", className: m }) {
+	let [g, _] = o(!1), v = a(null), y = a(null), b = a(null), x = r(), S = () => Array.from(b.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
 	function C(e) {
 		_(!1), e && y.current?.focus();
 	}
-	t(() => {
-		if (!h) return;
+	n(() => {
+		if (!g) return;
 		S()[0]?.focus();
 		function e(e) {
 			v.current && !v.current.contains(e.target) && _(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [h]);
+	}, [g]);
 	function w(e) {
 		let t = S(), n = t.indexOf(document.activeElement);
 		e.key === "Escape" ? (e.preventDefault(), C(!0)) : e.key === "Tab" ? C(!1) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), t[(n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus()) : (e.key === "Home" || e.key === "End") && (e.preventDefault(), (e.key === "Home" ? t[0] : t[t.length - 1])?.focus());
 	}
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		ref: v,
-		className: u("hds-menu", m),
-		children: [/* @__PURE__ */ s(g, {
+		className: d("hds-menu", m),
+		children: [/* @__PURE__ */ c(h, {
 			ref: y,
 			variant: p,
-			icon: r,
-			iconOnly: o,
-			"aria-label": o ? e : void 0,
+			icon: t,
+			iconOnly: i,
+			"aria-label": i ? e : void 0,
 			"aria-haspopup": "menu",
-			"aria-expanded": h,
-			"aria-controls": h ? x : void 0,
-			onClick: () => _(!h),
+			"aria-expanded": g,
+			"aria-controls": g ? x : void 0,
+			onClick: () => _(!g),
 			children: e
-		}), h ? /* @__PURE__ */ s(d, {
+		}), g ? /* @__PURE__ */ c(f, {
 			ref: b,
 			id: x,
 			role: "menu",
 			"aria-label": e,
-			className: u("hds-menu-panel", `hds-menu-panel--${f}`),
+			className: d("hds-menu-panel", `hds-menu-panel--${u}`),
 			onKeyDown: w,
-			children: l.map((e, t) => e.separator ? /* @__PURE__ */ s("div", {
+			children: s.map((e, t) => e.separator ? /* @__PURE__ */ c("div", {
 				role: "separator",
 				className: "hds-menu-separator"
-			}, `separator-${t}`) : /* @__PURE__ */ c("button", {
+			}, `separator-${t}`) : /* @__PURE__ */ l("button", {
 				type: "button",
 				role: "menuitem",
 				tabIndex: -1,
-				className: u("hds-menu-item", e.danger && "hds-menu-item--danger"),
+				className: d("hds-menu-item", e.danger && "hds-menu-item--danger"),
 				onClick: () => {
 					C(!0), e.onSelect?.();
 				},
@@ -295,25 +249,25 @@ function C({ label: e, icon: r, iconOnly: o = !1, items: l, align: f = "end", tr
 }
 //#endregion
 //#region src/components/FloatingButton/FloatingButton.tsx
-var w = e(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
-	return /* @__PURE__ */ s("button", {
+var C = t(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
+	return /* @__PURE__ */ c("button", {
 		...i,
 		ref: a,
 		type: n,
 		"aria-label": e,
 		title: e,
-		className: u("hds-glass", "hds-fab", `hds-fab--${t}`, r)
+		className: d("hds-glass", "hds-fab", `hds-fab--${t}`, r)
 	});
-}), T = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function E({ open: e, onClose: r, title: a, description: o, children: f, footer: p, closeLabel: m = "Fechar", initialFocus: _ = "first", className: v }) {
-	let y = i(null), b = n(), x = n(), S = i(r);
-	return t(() => {
-		S.current = r;
-	}, [r]), t(() => {
+}), w = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function T({ open: e, onClose: t, title: i, description: o, children: s, footer: p, closeLabel: g = "Fechar", initialFocus: _ = "first", className: v }) {
+	let y = a(null), b = r(), x = r(), S = a(t);
+	return n(() => {
+		S.current = t;
+	}, [t]), n(() => {
 		if (!e) return;
 		let t = document.activeElement, n = document.body.style.overflow;
 		document.body.style.overflow = "hidden";
-		let r = y.current?.querySelectorAll(T) ?? [];
+		let r = y.current?.querySelectorAll(w) ?? [];
 		(_ === "panel" || r.length === 0 ? y.current : r[0])?.focus();
 		function i(e) {
 			if (e.key === "Escape") {
@@ -321,7 +275,7 @@ function E({ open: e, onClose: r, title: a, description: o, children: f, footer:
 				return;
 			}
 			if (e.key !== "Tab" || !y.current) return;
-			let t = Array.from(y.current.querySelectorAll(T));
+			let t = Array.from(y.current.querySelectorAll(w));
 			if (t.length === 0) return;
 			let n = t[0], r = t[t.length - 1];
 			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
@@ -329,12 +283,12 @@ function E({ open: e, onClose: r, title: a, description: o, children: f, footer:
 		return document.addEventListener("keydown", i), () => {
 			document.removeEventListener("keydown", i), document.body.style.overflow = n, t?.focus();
 		};
-	}, [e, _]), e ? l(/* @__PURE__ */ s("div", {
+	}, [e, _]), e ? u(/* @__PURE__ */ c("div", {
 		className: "hds-scrim",
 		onMouseDown: (e) => {
-			e.target === e.currentTarget && r();
+			e.target === e.currentTarget && t();
 		},
-		children: /* @__PURE__ */ c(d, {
+		children: /* @__PURE__ */ l(f, {
 			ref: y,
 			tone: "thick",
 			role: "dialog",
@@ -342,29 +296,29 @@ function E({ open: e, onClose: r, title: a, description: o, children: f, footer:
 			"aria-labelledby": b,
 			"aria-describedby": o ? x : void 0,
 			tabIndex: -1,
-			className: u("hds-dialog", v),
+			className: d("hds-dialog", v),
 			children: [
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					className: "hds-dialog-header",
-					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
 						id: b,
 						className: "hds-dialog-title",
-						children: a
-					}), o ? /* @__PURE__ */ s("p", {
+						children: i
+					}), o ? /* @__PURE__ */ c("p", {
 						id: x,
 						className: "hds-dialog-description",
 						children: o
-					}) : null] }), /* @__PURE__ */ s(g, {
+					}) : null] }), /* @__PURE__ */ c(h, {
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
-						icon: /* @__PURE__ */ s(h, { name: "x" }),
-						"aria-label": m,
-						onClick: r
+						icon: /* @__PURE__ */ c(m, { name: "x" }),
+						"aria-label": g,
+						onClick: t
 					})]
 				}),
-				f,
-				p ? /* @__PURE__ */ s("div", {
+				s,
+				p ? /* @__PURE__ */ c("div", {
 					className: "hds-dialog-footer",
 					children: p
 				}) : null
@@ -374,17 +328,17 @@ function E({ open: e, onClose: r, title: a, description: o, children: f, footer:
 }
 //#endregion
 //#region src/components/Toast/Toast.tsx
-var D = {
+var E = {
 	neutral: "info",
 	success: "circle-check",
 	warning: "triangle-alert",
 	danger: "circle-x"
 };
-function O({ open: e, onClose: n, tone: r = "neutral", title: o, description: f, duration: p = 5e3, closeLabel: m = "Fechar aviso", className: _ }) {
-	let [v, y] = a(!1), b = i(n);
-	return t(() => {
-		b.current = n;
-	}, [n]), t(() => {
+function D({ open: e, onClose: t, tone: r = "neutral", title: i, description: s, duration: p = 5e3, closeLabel: g = "Fechar aviso", className: _ }) {
+	let [v, y] = o(!1), b = a(t);
+	return n(() => {
+		b.current = t;
+	}, [t]), n(() => {
 		if (!e || !p || v) return;
 		let t = window.setTimeout(() => b.current?.(), p);
 		return () => window.clearTimeout(t);
@@ -392,34 +346,34 @@ function O({ open: e, onClose: n, tone: r = "neutral", title: o, description: f,
 		e,
 		p,
 		v
-	]), e ? l(/* @__PURE__ */ s("div", {
+	]), e ? u(/* @__PURE__ */ c("div", {
 		className: "hds-toast-region",
-		children: /* @__PURE__ */ c(d, {
+		children: /* @__PURE__ */ l(f, {
 			role: r === "danger" ? "alert" : "status",
-			className: u("hds-toast", `hds-toast--${r}`, _),
+			className: d("hds-toast", `hds-toast--${r}`, _),
 			onMouseEnter: () => y(!0),
 			onMouseLeave: () => y(!1),
 			onFocus: () => y(!0),
 			onBlur: () => y(!1),
 			children: [
-				/* @__PURE__ */ s(h, { name: D[r] }),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ c(m, { name: E[r] }),
+				/* @__PURE__ */ l("div", {
 					className: "hds-toast-body",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "hds-toast-title",
-						children: o
-					}), f ? /* @__PURE__ */ s("p", {
+						children: i
+					}), s ? /* @__PURE__ */ c("p", {
 						className: "hds-toast-description",
-						children: f
+						children: s
 					}) : null]
 				}),
-				n ? /* @__PURE__ */ s(g, {
+				t ? /* @__PURE__ */ c(h, {
 					variant: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					icon: /* @__PURE__ */ s(h, { name: "x" }),
-					"aria-label": m,
-					onClick: n
+					icon: /* @__PURE__ */ c(m, { name: "x" }),
+					"aria-label": g,
+					onClick: t
 				}) : null
 			]
 		})
@@ -427,15 +381,15 @@ function O({ open: e, onClose: n, tone: r = "neutral", title: o, description: f,
 }
 //#endregion
 //#region src/internal/field.tsx
-function k(e) {
-	let t = n(), r = e ?? t;
+function O(e) {
+	let t = r(), n = e ?? t;
 	return {
-		id: r,
-		hint: `${r}-hint`,
-		error: `${r}-error`
+		id: n,
+		hint: `${n}-hint`,
+		error: `${n}-error`
 	};
 }
-function A(e, t) {
+function k(e, t) {
 	let n = [
 		e.hint && t.hint,
 		e.error && t.error,
@@ -443,111 +397,111 @@ function A(e, t) {
 	].filter(Boolean);
 	return n.length ? n.join(" ") : void 0;
 }
-function j({ hint: e, error: t, ids: n }) {
-	return /* @__PURE__ */ c(o, { children: [e ? /* @__PURE__ */ s("p", {
+function A({ hint: e, error: t, ids: n }) {
+	return /* @__PURE__ */ l(s, { children: [e ? /* @__PURE__ */ c("p", {
 		id: n.hint,
 		className: "hds-hint",
 		children: e
-	}) : null, t ? /* @__PURE__ */ c("p", {
+	}) : null, t ? /* @__PURE__ */ l("p", {
 		id: n.error,
 		className: "hds-error",
-		children: [/* @__PURE__ */ s(h, { name: "circle-x" }), t]
+		children: [/* @__PURE__ */ c(m, { name: "circle-x" }), t]
 	}) : null] });
 }
 //#endregion
 //#region src/components/Input/Input.tsx
-var M = e(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, className: a, ...o }, l) {
-	let d = k(i);
-	return /* @__PURE__ */ c("div", {
-		className: u("hds-field", a),
+var j = t(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, className: a, ...o }, s) {
+	let u = O(i);
+	return /* @__PURE__ */ l("div", {
+		className: d("hds-field", a),
 		children: [
-			/* @__PURE__ */ s("label", {
+			/* @__PURE__ */ c("label", {
 				className: "hds-label",
-				htmlFor: d.id,
+				htmlFor: u.id,
 				children: e
 			}),
-			/* @__PURE__ */ s("input", {
+			/* @__PURE__ */ c("input", {
 				inputMode: r ? "decimal" : void 0,
 				...o,
-				ref: l,
-				id: d.id,
+				ref: s,
+				id: u.id,
 				"aria-invalid": n ? !0 : void 0,
-				"aria-describedby": A({
+				"aria-describedby": k({
 					hint: t,
 					error: n,
 					"aria-describedby": o["aria-describedby"]
-				}, d),
-				className: u("hds-input", r && "hds-input--numeric")
+				}, u),
+				className: d("hds-input", r && "hds-input--numeric")
 			}),
-			/* @__PURE__ */ s(j, {
+			/* @__PURE__ */ c(A, {
 				hint: t,
 				error: n,
-				ids: d
+				ids: u
 			})
 		]
 	});
-}), N = e(function({ label: e, options: t, placeholder: n, hint: r, error: i, id: a, className: o, ...l }, d) {
-	let f = k(a);
-	return /* @__PURE__ */ c("div", {
-		className: u("hds-field", o),
+}), M = t(function({ label: e, options: t, placeholder: n, hint: r, error: i, id: a, className: o, ...s }, u) {
+	let f = O(a);
+	return /* @__PURE__ */ l("div", {
+		className: d("hds-field", o),
 		children: [
-			/* @__PURE__ */ s("label", {
+			/* @__PURE__ */ c("label", {
 				className: "hds-label",
 				htmlFor: f.id,
 				children: e
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "hds-select-wrap",
-				children: [/* @__PURE__ */ c("select", {
-					...l,
-					ref: d,
+				children: [/* @__PURE__ */ l("select", {
+					...s,
+					ref: u,
 					id: f.id,
 					"aria-invalid": i ? !0 : void 0,
-					"aria-describedby": A({
+					"aria-describedby": k({
 						hint: r,
 						error: i,
-						"aria-describedby": l["aria-describedby"]
+						"aria-describedby": s["aria-describedby"]
 					}, f),
 					className: "hds-select",
-					children: [n ? /* @__PURE__ */ s("option", {
+					children: [n ? /* @__PURE__ */ c("option", {
 						value: "",
 						disabled: !0,
 						children: n
-					}) : null, t.map((e) => /* @__PURE__ */ s("option", {
+					}) : null, t.map((e) => /* @__PURE__ */ c("option", {
 						value: e.value,
 						disabled: e.disabled,
 						children: e.label
 					}, e.value))]
-				}), /* @__PURE__ */ s(h, { name: "chevron-down" })]
+				}), /* @__PURE__ */ c(m, { name: "chevron-down" })]
 			}),
-			/* @__PURE__ */ s(j, {
+			/* @__PURE__ */ c(A, {
 				hint: r,
 				error: i,
 				ids: f
 			})
 		]
 	});
-}), P = e(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
-	let o = k(n);
-	return /* @__PURE__ */ c("label", {
-		className: u("hds-checkbox", r),
+}), N = t(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
+	let o = O(n);
+	return /* @__PURE__ */ l("label", {
+		className: d("hds-checkbox", r),
 		htmlFor: o.id,
-		children: [/* @__PURE__ */ c("span", {
+		children: [/* @__PURE__ */ l("span", {
 			className: "hds-checkbox-control",
-			children: [/* @__PURE__ */ s("input", {
+			children: [/* @__PURE__ */ c("input", {
 				...i,
 				ref: a,
 				id: o.id,
 				type: "checkbox",
 				className: "hds-checkbox-input",
 				"aria-describedby": t ? o.hint : i["aria-describedby"]
-			}), /* @__PURE__ */ s("span", {
+			}), /* @__PURE__ */ c("span", {
 				className: "hds-checkbox-box",
-				children: /* @__PURE__ */ s(h, { name: "check" })
+				children: /* @__PURE__ */ c(m, { name: "check" })
 			})]
-		}), /* @__PURE__ */ c("span", {
+		}), /* @__PURE__ */ l("span", {
 			className: "hds-checkbox-text",
-			children: [e, t ? /* @__PURE__ */ s("span", {
+			children: [e, t ? /* @__PURE__ */ c("span", {
 				id: o.hint,
 				className: "hds-hint",
 				children: t
@@ -557,34 +511,34 @@ var M = e(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, classN
 });
 //#endregion
 //#region src/components/Card/Card.tsx
-function F({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, interactive: a = !1, className: o, children: l, ...d }) {
-	return /* @__PURE__ */ c(e, {
-		...d,
-		className: u("hds-card", a && "hds-card--interactive", o),
+function P({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, interactive: a = !1, className: o, children: s, ...u }) {
+	return /* @__PURE__ */ l(e, {
+		...u,
+		className: d("hds-card", a && "hds-card--interactive", o),
 		children: [
-			r ? /* @__PURE__ */ s("img", {
+			r ? /* @__PURE__ */ c("img", {
 				className: "hds-card-media",
 				src: r.src,
 				alt: r.alt ?? ""
 			}) : null,
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "hds-card-body",
 				children: [
-					t ? /* @__PURE__ */ s("p", {
+					t ? /* @__PURE__ */ c("p", {
 						className: "hds-card-eyebrow",
 						children: t
 					}) : null,
-					n ? /* @__PURE__ */ s("h3", {
+					n ? /* @__PURE__ */ c("h3", {
 						className: "hds-card-title",
 						children: n
 					}) : null,
-					l ? /* @__PURE__ */ s("div", {
+					s ? /* @__PURE__ */ c("div", {
 						className: "hds-card-text",
-						children: l
+						children: s
 					}) : null
 				]
 			}),
-			i ? /* @__PURE__ */ s("div", {
+			i ? /* @__PURE__ */ c("div", {
 				className: "hds-card-footer",
 				children: i
 			}) : null
@@ -593,47 +547,47 @@ function F({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, inter
 }
 //#endregion
 //#region src/components/Badge/Badge.tsx
-var I = {
+var F = {
 	accent: "info",
 	success: "circle-check",
 	warning: "triangle-alert",
 	danger: "circle-x"
 };
-function L({ tone: e = "neutral", icon: t, children: n, className: r }) {
-	let i = I[e], a = t === !1 ? null : t ?? (i ? /* @__PURE__ */ s(h, { name: i }) : null);
-	return /* @__PURE__ */ c("span", {
-		className: u("hds-badge", `hds-badge--${e}`, r),
+function I({ tone: e = "neutral", icon: t, children: n, className: r }) {
+	let i = F[e], a = t === !1 ? null : t ?? (i ? /* @__PURE__ */ c(m, { name: i }) : null);
+	return /* @__PURE__ */ l("span", {
+		className: d("hds-badge", `hds-badge--${e}`, r),
 		children: [a, n]
 	});
 }
 //#endregion
 //#region src/components/Table/Table.tsx
-function R(e) {
+function L(e) {
 	return e.numeric ? "hds-cell--numeric" : e.align === "center" ? "hds-cell--center" : void 0;
 }
-function z({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i = !1, empty: a = "Nada para mostrar.", maxHeight: o, className: l }) {
-	return /* @__PURE__ */ s("div", {
-		className: u("hds-table-wrap", "hds-scroll", l),
+function R({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i = !1, empty: a = "Nada para mostrar.", maxHeight: o, className: s }) {
+	return /* @__PURE__ */ c("div", {
+		className: d("hds-table-wrap", "hds-scroll", s),
 		role: "region",
 		"aria-label": r,
 		tabIndex: 0,
 		style: o === void 0 ? void 0 : { maxHeight: o },
-		children: /* @__PURE__ */ c("table", {
+		children: /* @__PURE__ */ l("table", {
 			className: "hds-table",
 			children: [
-				r ? /* @__PURE__ */ s("caption", {
+				r ? /* @__PURE__ */ c("caption", {
 					className: i ? "hds-visually-hidden" : void 0,
 					children: r
 				}) : null,
-				/* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: e.map((e) => /* @__PURE__ */ s("th", {
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: e.map((e) => /* @__PURE__ */ c("th", {
 					scope: "col",
-					className: R(e),
+					className: L(e),
 					children: e.header
 				}, e.key)) }) }),
-				/* @__PURE__ */ s("tbody", { children: t.length ? t.map((t, r) => /* @__PURE__ */ s("tr", { children: e.map((e) => /* @__PURE__ */ s("td", {
-					className: R(e),
+				/* @__PURE__ */ c("tbody", { children: t.length ? t.map((t, r) => /* @__PURE__ */ c("tr", { children: e.map((e) => /* @__PURE__ */ c("td", {
+					className: L(e),
 					children: e.render ? e.render(t) : t[e.key]
-				}, e.key)) }, String(t[n] ?? r))) : /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", {
+				}, e.key)) }, String(t[n] ?? r))) : /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
 					colSpan: e.length || 1,
 					className: "hds-table-empty",
 					children: a
@@ -644,19 +598,19 @@ function z({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i =
 }
 //#endregion
 //#region src/components/Container/Container.tsx
-function B({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
-	return /* @__PURE__ */ s(e, {
+function z({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
+	return /* @__PURE__ */ c(e, {
 		...r,
-		className: u("hds-container", t && "hds-container--with-sidebar", n)
+		className: d("hds-container", t && "hds-container--with-sidebar", n)
 	});
 }
 //#endregion
 //#region src/components/SectionTitle/SectionTitle.tsx
-function V({ children: e, index: t, as: n = "h2", id: r, className: i }) {
-	return /* @__PURE__ */ c(n, {
+function B({ children: e, index: t, as: n = "h2", id: r, className: i }) {
+	return /* @__PURE__ */ l(n, {
 		id: r,
-		className: u("hds-section-title", i),
-		children: [t === void 0 ? null : /* @__PURE__ */ s("span", {
+		className: d("hds-section-title", i),
+		children: [t === void 0 ? null : /* @__PURE__ */ c("span", {
 			className: "hds-section-index",
 			"aria-hidden": "true",
 			children: String(t).padStart(2, "0")
@@ -665,22 +619,22 @@ function V({ children: e, index: t, as: n = "h2", id: r, className: i }) {
 }
 //#endregion
 //#region src/components/Separator/Separator.tsx
-function H({ orientation: e = "horizontal", decorative: t = !1, className: n }) {
-	return /* @__PURE__ */ s("div", {
+function V({ orientation: e = "horizontal", decorative: t = !1, className: n }) {
+	return /* @__PURE__ */ c("div", {
 		role: t ? "none" : "separator",
 		"aria-orientation": t ? void 0 : e,
-		className: u("hds-separator", `hds-separator--${e}`, n)
+		className: d("hds-separator", `hds-separator--${e}`, n)
 	});
 }
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.tsx
-function U({ label: e, maxHeight: t, className: n, style: r, ...i }) {
-	return /* @__PURE__ */ s("div", {
+function H({ label: e, maxHeight: t, className: n, style: r, ...i }) {
+	return /* @__PURE__ */ c("div", {
 		...i,
 		role: "region",
 		"aria-label": e,
 		tabIndex: 0,
-		className: u("hds-scroll", n),
+		className: d("hds-scroll", n),
 		style: {
 			maxHeight: t,
 			...r
@@ -689,11 +643,11 @@ function U({ label: e, maxHeight: t, className: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/Loading/Loading.tsx
-function W({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, className: r }) {
-	return /* @__PURE__ */ c("span", {
+function U({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, className: r }) {
+	return /* @__PURE__ */ l("span", {
 		role: "status",
-		className: u("hds-loading", `hds-loading--${e}`, r),
-		children: [/* @__PURE__ */ s(h, { name: "loader" }), /* @__PURE__ */ s("span", {
+		className: d("hds-loading", `hds-loading--${e}`, r),
+		children: [/* @__PURE__ */ c(m, { name: "loader" }), /* @__PURE__ */ c("span", {
 			className: n ? void 0 : "hds-visually-hidden",
 			children: t
 		})]
@@ -701,17 +655,17 @@ function W({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, clas
 }
 //#endregion
 //#region src/components/GlowAvatar/GlowAvatar.tsx
-function G({ src: e, alt: t, size: n = 96, className: r }) {
-	return /* @__PURE__ */ c("span", {
-		className: u("hds-avatar", r),
+function W({ src: e, alt: t, size: n = 96, className: r }) {
+	return /* @__PURE__ */ l("span", {
+		className: d("hds-avatar", r),
 		style: {
 			width: n,
 			height: n
 		},
-		children: [/* @__PURE__ */ s("span", {
+		children: [/* @__PURE__ */ c("span", {
 			className: "hds-avatar-glow",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ s("img", {
+		}), /* @__PURE__ */ c("img", {
 			className: "hds-avatar-image",
 			src: e,
 			alt: t,
@@ -721,6 +675,6 @@ function G({ src: e, alt: t, size: n = 96, className: r }) {
 	});
 }
 //#endregion
-export { L as Badge, g as Button, F as Card, P as Checkbox, B as Container, E as Dialog, w as FloatingButton, d as GlassPanel, G as GlowAvatar, M as Input, W as Loading, C as Menu, y as NavBar, U as ScrollArea, V as SectionTitle, S as SegmentedControl, N as Select, H as Separator, b as Sidebar, z as Table, O as Toast, p as enableGlassRefraction };
+export { I as Badge, h as Button, P as Card, N as Checkbox, z as Container, T as Dialog, C as FloatingButton, f as GlassPanel, W as GlowAvatar, j as Input, U as Loading, S as Menu, v as NavBar, H as ScrollArea, B as SectionTitle, x as SegmentedControl, M as Select, V as Separator, y as Sidebar, R as Table, D as Toast, e as enableGlassRefraction };
 
 //# sourceMappingURL=index.js.map