@hemerson/design-system 0.5.0 → 0.7.0

package/dist/index.js

@@ -19,7 +19,7 @@ var w = l(function({ as: e = "div", tone: t = "regular", className: n, ...r }, i
 	cx: 12,
 	cy: 12,
 	r: 10
-}, ee = {
+}, E = {
 	check: ["M20 6 9 17l-5-5"],
 	x: ["M18 6 6 18", "m6 6 12 12"],
 	"chevron-down": ["m6 9 6 6 6-6"],
@@ -74,8 +74,8 @@ var w = l(function({ as: e = "div", tone: t = "regular", className: n, ...r }, i
 		r: 7
 	}]
 };
-function E({ name: e, className: t }) {
-	let n = ee[e];
+function D({ name: e, className: t }) {
+	let n = E[e];
 	return /* @__PURE__ */ b("svg", {
 		className: C("hds-icon", t),
 		viewBox: "0 0 24 24",
@@ -95,7 +95,7 @@ function E({ name: e, className: t }) {
 }
 //#endregion
 //#region src/components/Button/Button.tsx
-var D = l(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly: r = !1, loading: i = !1, disabled: a, type: o = "button", className: s, children: c, ...l }, u) {
+var O = l(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly: r = !1, loading: i = !1, disabled: a, type: o = "button", className: s, children: c, ...l }, u) {
 	return r && !l["aria-label"] && !l["aria-labelledby"] && console.warn("Button: an icon-only button needs an aria-label."), /* @__PURE__ */ x("button", {
 		...l,
 		ref: u,
@@ -103,7 +103,7 @@ var D = l(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly:
 		disabled: a || i,
 		"aria-busy": i || void 0,
 		className: C("hds-btn", `hds-btn--${e}`, t !== "md" && `hds-btn--${t}`, r && "hds-btn--icon", e === "glass" && "hds-glass", s),
-		children: [i ? /* @__PURE__ */ b(E, {
+		children: [i ? /* @__PURE__ */ b(D, {
 			name: "loader",
 			className: "hds-spin"
 		}) : n, r ? null : c]
@@ -111,14 +111,14 @@ var D = l(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly:
 });
 //#endregion
 //#region src/components/NavBar/NavBar.tsx
-function te({ active: e = !1, className: t, ...n }) {
+function k({ active: e = !1, className: t, ...n }) {
 	return /* @__PURE__ */ b("a", {
 		...n,
 		"aria-current": e ? "page" : void 0,
 		className: C("hds-navbar-link", t)
 	});
 }
-function O({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
+function A({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
 	return /* @__PURE__ */ x(w, {
 		...a,
 		as: "header",
@@ -140,10 +140,10 @@ function O({ title: e, actions: t, navLabel: n = "Principal", className: r, chil
 		]
 	});
 }
-var k = Object.assign(O, { Link: te });
+var j = Object.assign(A, { Link: k });
 //#endregion
 //#region src/components/Sidebar/Sidebar.tsx
-function ne({ items: e, footer: t, floating: n = !1, label: r = "Navegação", className: i }) {
+function M({ items: e, footer: t, floating: n = !1, label: r = "Navegação", className: i }) {
 	return /* @__PURE__ */ x(w, {
 		as: "nav",
 		"aria-label": r,
@@ -177,13 +177,13 @@ function ne({ items: e, footer: t, floating: n = !1, label: r = "Navegação", c
 }
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControl.tsx
-var re = {
+var N = {
 	ArrowRight: 1,
 	ArrowDown: 1,
 	ArrowLeft: -1,
 	ArrowUp: -1
 };
-function A({ options: e, value: t, defaultValue: n, onChange: r, label: i, className: a }) {
+function P({ options: e, value: t, defaultValue: n, onChange: r, label: i, className: a }) {
 	let [o, s] = _(n ?? e[0]?.value), c = t === void 0 ? o : t, l = g([]), u = g(null), d = Math.max(0, e.findIndex((e) => e.value === c));
 	m(() => {
 		function e() {
@@ -196,7 +196,7 @@ function A({ options: e, value: t, defaultValue: n, onChange: r, label: i, class
 		t === void 0 && s(e), r?.(e);
 	}
 	function p(t) {
-		let n = re[t.key];
+		let n = N[t.key];
 		if (!n) return;
 		t.preventDefault();
 		let r = (d + n + e.length) % e.length;
@@ -230,59 +230,68 @@ function A({ options: e, value: t, defaultValue: n, onChange: r, label: i, class
 		})]
 	});
 }
-function ie(e, t, n) {
+function ee(e, t, n) {
 	let r = e.getBoundingClientRect(), i = t.offsetWidth, a = t.offsetHeight, o = document.documentElement.clientWidth || window.innerWidth, s = document.documentElement.clientHeight || window.innerHeight, c = r.bottom + 8 + a <= s - 8, l = r.top - 8 - a >= 8, u = c || !l ? r.bottom + 8 : r.top - 8 - a, d = n === "end" ? r.right - i : r.left, f = Math.min(Math.max(8, d), Math.max(8, o - i - 8));
 	t.style.top = `${Math.round(u)}px`, t.style.left = `${Math.round(f)}px`, t.dataset.side = c || !l ? "bottom" : "top";
 }
 //#endregion
 //#region src/components/Menu/Menu.tsx
-function j({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", triggerVariant: a = "glass", className: o }) {
-	let [s, c] = _(!1), l = g(null), u = g(null), d = p(), h = () => Array.from(u.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
-	function v(e) {
-		c(!1), e && l.current?.focus();
+function F({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", triggerVariant: a = "glass", header: o, className: s }) {
+	let [c, l] = _(!1), u = g(null), d = g(null), h = p(), v = () => Array.from(d.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
+	function T(e) {
+		l(!1), e && u.current?.focus();
 	}
 	m(() => {
-		if (!s || !l.current || !u.current) return;
+		if (!c || !u.current || !d.current) return;
 		let e = () => {
-			l.current && u.current && ie(l.current, u.current, i);
+			u.current && d.current && ee(u.current, d.current, i);
 		};
 		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [s, i]), f(() => {
-		if (!s) return;
-		h()[0]?.focus();
+	}, [c, i]), f(() => {
+		if (!c) return;
+		v()[0]?.focus();
 		function e(e) {
 			let t = e.target;
-			l.current?.contains(t) || u.current?.contains(t) || c(!1);
+			u.current?.contains(t) || d.current?.contains(t) || l(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [s]);
-	function y(e) {
-		let t = h(), n = t.indexOf(document.activeElement);
-		e.key === "Escape" || e.key === "Tab" ? (e.preventDefault(), v(!0)) : 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());
+	}, [c]);
+	function E(e) {
+		let t = v(), n = t.indexOf(document.activeElement);
+		e.key === "Escape" || e.key === "Tab" ? (e.preventDefault(), T(!0)) : 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__ */ x("div", {
-		className: C("hds-menu", o),
-		children: [/* @__PURE__ */ b(D, {
-			ref: l,
+		className: C("hds-menu", s),
+		children: [/* @__PURE__ */ b(O, {
+			ref: u,
 			variant: a,
 			icon: t,
 			iconOnly: n,
 			"aria-label": n ? e : void 0,
 			"aria-haspopup": "menu",
-			"aria-expanded": s,
-			"aria-controls": s ? d : void 0,
-			onClick: () => c(!s),
+			"aria-expanded": c,
+			"aria-controls": c ? h : void 0,
+			onClick: () => l(!c),
 			children: e
-		}), s ? S(/* @__PURE__ */ b(w, {
-			ref: u,
-			id: d,
+		}), c ? S(/* @__PURE__ */ x(w, {
+			ref: d,
+			id: h,
 			role: "menu",
 			"aria-label": e,
+			"aria-describedby": o ? `${h}-header` : void 0,
 			className: "hds-menu-panel",
-			onKeyDown: y,
-			children: r.map((e, t) => e.separator ? /* @__PURE__ */ b("div", {
+			onKeyDown: E,
+			children: [o ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+				id: `${h}-header`,
+				role: "none",
+				className: "hds-menu-header",
+				children: o
+			}), /* @__PURE__ */ b("div", {
+				role: "separator",
+				className: "hds-menu-separator"
+			})] }) : null, r.map((e, t) => e.separator ? /* @__PURE__ */ b("div", {
 				role: "separator",
 				className: "hds-menu-separator"
 			}, `separator-${t}`) : /* @__PURE__ */ x("button", {
@@ -291,16 +300,16 @@ function j({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", tr
 				tabIndex: -1,
 				className: C("hds-menu-item", e.danger && "hds-menu-item--danger"),
 				onClick: () => {
-					v(!0), e.onSelect?.();
+					T(!0), e.onSelect?.();
 				},
 				children: [e.icon, e.label]
-			}, e.label))
+			}, e.label))]
 		}), document.body) : null]
 	});
 }
 //#endregion
 //#region src/components/FloatingButton/FloatingButton.tsx
-var M = l(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
+var I = l(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
 	return /* @__PURE__ */ b("button", {
 		...i,
 		ref: a,
@@ -309,8 +318,8 @@ var M = l(function({ label: e, position: t = "bottom-right", type: n = "button",
 		title: e,
 		className: C("hds-glass", "hds-fab", `hds-fab--${t}`, r)
 	});
-}), N = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function P({ open: e, onClose: t, title: n, description: r, children: i, footer: a, closeLabel: o = "Fechar", initialFocus: s = "first", size: c = "md", className: l }) {
+}), L = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function R({ open: e, onClose: t, title: n, description: r, children: i, footer: a, closeLabel: o = "Fechar", initialFocus: s = "first", size: c = "md", className: l }) {
 	let u = g(null), d = p(), m = p(), h = g(t);
 	return f(() => {
 		h.current = t;
@@ -318,7 +327,7 @@ function P({ open: e, onClose: t, title: n, description: r, children: i, footer:
 		if (!e) return;
 		let t = document.activeElement, n = document.body.style.overflow;
 		document.body.style.overflow = "hidden";
-		let r = u.current?.querySelectorAll(N) ?? [];
+		let r = u.current?.querySelectorAll(L) ?? [];
 		(s === "panel" || r.length === 0 ? u.current : r[0])?.focus();
 		function i(e) {
 			if (e.key === "Escape") {
@@ -327,7 +336,7 @@ function P({ open: e, onClose: t, title: n, description: r, children: i, footer:
 				return;
 			}
 			if (e.key !== "Tab" || !u.current) return;
-			let t = Array.from(u.current.querySelectorAll(N));
+			let t = Array.from(u.current.querySelectorAll(L));
 			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());
@@ -360,11 +369,11 @@ function P({ open: e, onClose: t, title: n, description: r, children: i, footer:
 						id: m,
 						className: "hds-dialog-description",
 						children: r
-					}) : null] }), /* @__PURE__ */ b(D, {
+					}) : null] }), /* @__PURE__ */ b(O, {
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
-						icon: /* @__PURE__ */ b(E, { name: "x" }),
+						icon: /* @__PURE__ */ b(D, { name: "x" }),
 						"aria-label": o,
 						onClick: t
 					})]
@@ -380,13 +389,13 @@ function P({ open: e, onClose: t, title: n, description: r, children: i, footer:
 }
 //#endregion
 //#region src/components/Toast/ToastView.tsx
-var F = {
+var z = {
 	neutral: "info",
 	success: "circle-check",
 	warning: "triangle-alert",
 	danger: "circle-x"
 };
-function I({ tone: e, title: t, description: n, duration: r, onClose: i, closeLabel: a, className: o }) {
+function B({ tone: e, title: t, description: n, duration: r, onClose: i, closeLabel: a, className: o }) {
 	let [s, c] = _(!1), l = g(i);
 	return f(() => {
 		l.current = i;
@@ -402,7 +411,7 @@ function I({ tone: e, title: t, description: n, duration: r, onClose: i, closeLa
 		onFocus: () => c(!0),
 		onBlur: () => c(!1),
 		children: [
-			/* @__PURE__ */ b(E, { name: F[e] }),
+			/* @__PURE__ */ b(D, { name: z[e] }),
 			/* @__PURE__ */ x("div", {
 				className: "hds-toast-body",
 				children: [/* @__PURE__ */ b("p", {
@@ -413,11 +422,11 @@ function I({ tone: e, title: t, description: n, duration: r, onClose: i, closeLa
 					children: n
 				}) : null]
 			}),
-			i ? /* @__PURE__ */ b(D, {
+			i ? /* @__PURE__ */ b(O, {
 				variant: "ghost",
 				size: "sm",
 				iconOnly: !0,
-				icon: /* @__PURE__ */ b(E, { name: "x" }),
+				icon: /* @__PURE__ */ b(D, { name: "x" }),
 				"aria-label": a,
 				onClick: i
 			}) : null
@@ -426,10 +435,10 @@ function I({ tone: e, title: t, description: n, duration: r, onClose: i, closeLa
 }
 //#endregion
 //#region src/components/Toast/Toast.tsx
-function L({ open: e, onClose: t, tone: n = "neutral", title: r, description: i, duration: a = 5e3, closeLabel: o = "Fechar aviso", className: s }) {
+function V({ open: e, onClose: t, tone: n = "neutral", title: r, description: i, duration: a = 5e3, closeLabel: o = "Fechar aviso", className: s }) {
 	return e ? S(/* @__PURE__ */ b("div", {
 		className: "hds-toast-region",
-		children: /* @__PURE__ */ b(I, {
+		children: /* @__PURE__ */ b(B, {
 			tone: n,
 			title: r,
 			description: i,
@@ -442,8 +451,8 @@ function L({ open: e, onClose: t, tone: n = "neutral", title: r, description: i,
 }
 //#endregion
 //#region src/components/Toast/ToastProvider.tsx
-var R = c(null);
-function z({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
+var H = c(null);
+function U({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
 	let [r, i] = _([]), a = g(0), o = u((e) => {
 		i((t) => t.filter((t) => t.id !== e));
 	}, []), s = u(({ title: e, description: n, tone: r = "neutral", duration: o = 5e3 }) => {
@@ -479,11 +488,11 @@ function z({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
 			tone: "neutral"
 		})
 	}), [s, o]);
-	return /* @__PURE__ */ x(R.Provider, {
+	return /* @__PURE__ */ x(H.Provider, {
 		value: c,
 		children: [e, r.length ? S(/* @__PURE__ */ b("div", {
 			className: "hds-toast-region",
-			children: r.map((e) => /* @__PURE__ */ b(I, {
+			children: r.map((e) => /* @__PURE__ */ b(B, {
 				tone: e.tone,
 				title: e.title,
 				description: e.description,
@@ -494,14 +503,14 @@ function z({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
 		}), document.body) : null]
 	});
 }
-function B() {
-	let e = d(R);
+function W() {
+	let e = d(H);
 	if (!e) throw Error("useToast must be used inside a ToastProvider.");
 	return e;
 }
 //#endregion
 //#region src/internal/field.tsx
-function V(e) {
+function G(e) {
 	let t = p(), n = e ?? t;
 	return {
 		id: n,
@@ -509,7 +518,7 @@ function V(e) {
 		error: `${n}-error`
 	};
 }
-function H(e, t) {
+function K(e, t) {
 	let n = [
 		e.hint && t.hint,
 		e.error && t.error,
@@ -517,7 +526,7 @@ function H(e, t) {
 	].filter(Boolean);
 	return n.length ? n.join(" ") : void 0;
 }
-function ae({ hint: e, error: t, ids: n }) {
+function q({ hint: e, error: t, ids: n }) {
 	return /* @__PURE__ */ x(y, { children: [e ? /* @__PURE__ */ b("p", {
 		id: n.hint,
 		className: "hds-hint",
@@ -525,13 +534,13 @@ function ae({ hint: e, error: t, ids: n }) {
 	}) : null, t ? /* @__PURE__ */ x("p", {
 		id: n.error,
 		className: "hds-error",
-		children: [/* @__PURE__ */ b(E, { name: "circle-x" }), t]
+		children: [/* @__PURE__ */ b(D, { name: "circle-x" }), t]
 	}) : null] });
 }
 //#endregion
 //#region src/components/Input/Input.tsx
-var oe = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, className: a, ...o }, s) {
-	let c = V(i);
+var te = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, className: a, ...o }, s) {
+	let c = G(i);
 	return /* @__PURE__ */ x("div", {
 		className: C("hds-field", a),
 		children: [
@@ -546,22 +555,22 @@ var oe = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, class
 				ref: s,
 				id: c.id,
 				"aria-invalid": n ? !0 : void 0,
-				"aria-describedby": H({
+				"aria-describedby": K({
 					hint: t,
 					error: n,
 					"aria-describedby": o["aria-describedby"]
 				}, c),
 				className: C("hds-input", r && "hds-input--numeric")
 			}),
-			/* @__PURE__ */ b(ae, {
+			/* @__PURE__ */ b(q, {
 				hint: t,
 				error: n,
 				ids: c
 			})
 		]
 	});
-}), se = l(function({ label: e, options: t, placeholder: n, hint: r, error: i, id: a, className: o, ...s }, c) {
-	let l = V(a);
+}), ne = l(function({ label: e, options: t, placeholder: n, hint: r, error: i, id: a, className: o, ...s }, c) {
+	let l = G(a);
 	return /* @__PURE__ */ x("div", {
 		className: C("hds-field", o),
 		children: [
@@ -577,7 +586,7 @@ var oe = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, class
 					ref: c,
 					id: l.id,
 					"aria-invalid": i ? !0 : void 0,
-					"aria-describedby": H({
+					"aria-describedby": K({
 						hint: r,
 						error: i,
 						"aria-describedby": s["aria-describedby"]
@@ -592,9 +601,9 @@ var oe = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, class
 						disabled: e.disabled,
 						children: e.label
 					}, e.value))]
-				}), /* @__PURE__ */ b(E, { name: "chevron-down" })]
+				}), /* @__PURE__ */ b(D, { name: "chevron-down" })]
 			}),
-			/* @__PURE__ */ b(ae, {
+			/* @__PURE__ */ b(q, {
 				hint: r,
 				error: i,
 				ids: l
@@ -604,23 +613,23 @@ var oe = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, class
 });
 //#endregion
 //#region src/components/DateInput/dates.ts
-function U(e) {
+function J(e) {
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
 }
-function W(e) {
+function Y(e) {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e ?? "");
 	if (!t) return null;
 	let n = new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]));
-	return U(n) === e ? n : null;
+	return J(n) === e ? n : null;
 }
-function G(e) {
-	let t = W(e);
+function re(e) {
+	let t = Y(e);
 	if (!t) return "";
 	let n = (e) => String(e).padStart(2, "0");
 	return `${n(t.getDate())}/${n(t.getMonth() + 1)}/${t.getFullYear()}`;
 }
-function ce(e) {
+function ie(e) {
 	let t = e.trim(), n = /^\d{8}$/.test(t) ? [
 		t.slice(0, 2),
 		t.slice(2, 4),
@@ -628,220 +637,344 @@ function ce(e) {
 	] : /^(\d{1,2})[/.-](\d{1,2})[/.-](\d{4})$/.exec(t)?.slice(1);
 	if (!n) return null;
 	let [r, i, a] = n.map(Number), o = new Date(a, i - 1, r);
-	return o.getFullYear() === a && o.getMonth() === i - 1 && o.getDate() === r ? U(o) : null;
+	return o.getFullYear() === a && o.getMonth() === i - 1 && o.getDate() === r ? J(o) : null;
 }
-function K(e, t) {
+function X(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function q(e, t) {
+function ae(e, t) {
 	let n = new Date(e.getFullYear(), e.getMonth() + t, 1), r = new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate();
 	return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
 }
-function le(e, t) {
-	let n = new Date(e.getFullYear(), e.getMonth(), 1), r = K(n, -((n.getDay() - t + 7) % 7));
-	return Array.from({ length: 6 }, (e, t) => Array.from({ length: 7 }, (e, n) => K(r, t * 7 + n)));
+function oe(e, t) {
+	let n = new Date(e.getFullYear(), e.getMonth(), 1), r = X(n, -((n.getDay() - t + 7) % 7));
+	return Array.from({ length: 6 }, (e, t) => Array.from({ length: 7 }, (e, n) => X(r, t * 7 + n)));
 }
-function ue(e, t, n) {
+function se(e, t, n) {
 	return (!t || e >= t) && (!n || e <= n);
 }
 //#endregion
 //#region src/components/DateInput/DateInput.tsx
-var de = () => U(/* @__PURE__ */ new Date());
-function J({ label: e, value: t, defaultValue: n = "", onChange: r, min: i, max: a, hint: o, error: s, locale: c = "pt-BR", weekStartsOn: l = 0, calendarLabel: u = "Abrir calendário", previousMonthLabel: d = "Mês anterior", nextMonthLabel: p = "Próximo mês", name: h, id: v, disabled: y, required: T, placeholder: ee = "dd/mm/aaaa", className: te, ...O }) {
-	let k = V(v), [ne, re] = _(n), A = t === void 0 ? ne : t, [j, M] = _(() => G(A)), [N, P] = _(!1), [F, I] = _(() => W(A) ?? /* @__PURE__ */ new Date()), L = g(null), R = g(null), z = g(null), B = g(!1), [oe, se] = _(A);
-	oe !== A && (se(A), M(G(A)));
-	function J(e) {
-		t === void 0 && re(e), e !== A && r?.(e);
+var ce = () => J(/* @__PURE__ */ new Date());
+function le({ label: e, value: t, defaultValue: n = "", onChange: r, min: i, max: a, hint: o, error: s, locale: c = "pt-BR", weekStartsOn: l = 0, calendarLabel: u = "Abrir calendário", previousMonthLabel: d = "Mês anterior", nextMonthLabel: p = "Próximo mês", name: h, id: v, disabled: y, required: T, placeholder: E = "dd/mm/aaaa", className: k, ...A }) {
+	let j = G(v), [M, N] = _(n), P = t === void 0 ? M : t, [F, I] = _(() => re(P)), [L, R] = _(!1), [z, B] = _(() => Y(P) ?? /* @__PURE__ */ new Date()), V = g(null), H = g(null), U = g(null), W = g(!1), [te, ne] = _(P);
+	te !== P && (ne(P), I(re(P)));
+	function le(e) {
+		t === void 0 && N(e), e !== P && r?.(e);
 	}
-	function fe(e) {
-		if (M(e), e.trim() === "") {
-			J("");
+	function Z(e) {
+		if (I(e), e.trim() === "") {
+			le("");
 			return;
 		}
-		let t = ce(e);
-		t && ue(t, i, a) && J(t);
+		let t = ie(e);
+		t && se(t, i, a) && le(t);
 	}
-	function pe() {
-		I(W(A) ?? W(de()) ?? /* @__PURE__ */ new Date()), B.current = !0, P(!0);
+	function ue() {
+		B(Y(P) ?? Y(ce()) ?? /* @__PURE__ */ new Date()), W.current = !0, R(!0);
 	}
-	function Y(e) {
-		P(!1), e && R.current?.focus();
+	function de(e) {
+		R(!1), e && H.current?.focus();
 	}
-	function me(e) {
-		let t = U(e);
-		ue(t, i, a) && (J(t), M(G(t)), Y(!0));
+	function fe(e) {
+		let t = J(e);
+		se(t, i, a) && (le(t), I(re(t)), de(!0));
 	}
 	m(() => {
-		if (!N || !L.current || !z.current) return;
+		if (!L || !V.current || !U.current) return;
 		let e = () => {
-			L.current && z.current && ie(L.current, z.current, "start");
+			V.current && U.current && ee(V.current, U.current, "start");
 		};
 		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [N]), f(() => {
-		N && B.current && (B.current = !1, z.current?.querySelector("[tabindex=\"0\"]")?.focus());
+	}, [L]), f(() => {
+		L && W.current && (W.current = !1, U.current?.querySelector("[tabindex=\"0\"]")?.focus());
 	}), f(() => {
-		if (!N) return;
+		if (!L) return;
 		function e(e) {
 			let t = e.target;
-			L.current?.contains(t) || z.current?.contains(t) || P(!1);
+			V.current?.contains(t) || U.current?.contains(t) || R(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [N]);
-	function he(e) {
-		B.current = !0, I(e);
+	}, [L]);
+	function pe(e) {
+		W.current = !0, B(e);
 	}
-	function ge(e) {
+	function me(e) {
 		let t = {
-			ArrowLeft: () => K(F, -1),
-			ArrowRight: () => K(F, 1),
-			ArrowUp: () => K(F, -7),
-			ArrowDown: () => K(F, 7),
-			Home: () => K(F, -((F.getDay() - l + 7) % 7)),
-			End: () => K(F, 6 - (F.getDay() - l + 7) % 7),
-			PageUp: () => q(F, e.shiftKey ? -12 : -1),
-			PageDown: () => q(F, e.shiftKey ? 12 : 1)
+			ArrowLeft: () => X(z, -1),
+			ArrowRight: () => X(z, 1),
+			ArrowUp: () => X(z, -7),
+			ArrowDown: () => X(z, 7),
+			Home: () => X(z, -((z.getDay() - l + 7) % 7)),
+			End: () => X(z, 6 - (z.getDay() - l + 7) % 7),
+			PageUp: () => ae(z, e.shiftKey ? -12 : -1),
+			PageDown: () => ae(z, e.shiftKey ? 12 : 1)
 		}[e.key];
-		t && (e.preventDefault(), he(t()));
+		t && (e.preventDefault(), pe(t()));
 	}
-	function _e(e) {
-		(e.key === "Escape" || e.key === "Tab") && (e.preventDefault(), Y(!0));
+	function he(e) {
+		(e.key === "Escape" || e.key === "Tab") && (e.preventDefault(), de(!0));
 	}
-	let X = new Intl.DateTimeFormat(c, {
+	let ge = new Intl.DateTimeFormat(c, {
 		month: "long",
 		year: "numeric"
-	}).format(F), Z = X.charAt(0).toLocaleUpperCase(c) + X.slice(1), ve = new Intl.DateTimeFormat(c, { dateStyle: "full" }), Q = le(F, l)[0].map((e) => ({
+	}).format(z), _e = ge.charAt(0).toLocaleUpperCase(c) + ge.slice(1), ve = new Intl.DateTimeFormat(c, { dateStyle: "full" }), ye = oe(z, l)[0].map((e) => ({
 		short: new Intl.DateTimeFormat(c, { weekday: "narrow" }).format(e),
 		long: new Intl.DateTimeFormat(c, { weekday: "long" }).format(e)
-	})), ye = U(F), be = de(), $ = `${k.id}-calendar-title`;
+	})), be = J(z), Q = ce(), $ = `${j.id}-calendar-title`;
 	return /* @__PURE__ */ x("div", {
-		className: C("hds-field", te),
+		className: C("hds-field", k),
 		children: [
 			/* @__PURE__ */ b("label", {
 				className: "hds-label",
-				htmlFor: k.id,
+				htmlFor: j.id,
 				children: e
 			}),
 			/* @__PURE__ */ x("div", {
-				ref: L,
+				ref: V,
 				className: "hds-date-wrap",
 				children: [
 					/* @__PURE__ */ b("input", {
-						...O,
-						id: k.id,
+						...A,
+						id: j.id,
 						type: "text",
 						inputMode: "numeric",
 						autoComplete: "off",
-						placeholder: ee,
-						value: j,
+						placeholder: E,
+						value: F,
 						disabled: y,
 						required: T,
 						"aria-invalid": s ? !0 : void 0,
-						"aria-describedby": H({
+						"aria-describedby": K({
 							hint: o,
 							error: s,
-							"aria-describedby": O["aria-describedby"]
-						}, k),
+							"aria-describedby": A["aria-describedby"]
+						}, j),
 						className: "hds-input hds-input--numeric hds-date-input",
-						onChange: (e) => fe(e.target.value),
+						onChange: (e) => Z(e.target.value),
 						onBlur: (e) => {
-							O.onBlur?.(e), j.trim() !== "" && ce(j) !== A && M(G(A));
+							A.onBlur?.(e), F.trim() !== "" && ie(F) !== P && I(re(P));
 						}
 					}),
-					/* @__PURE__ */ b(D, {
-						ref: R,
+					/* @__PURE__ */ b(O, {
+						ref: H,
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
-						icon: /* @__PURE__ */ b(E, { name: "calendar" }),
+						icon: /* @__PURE__ */ b(D, { name: "calendar" }),
 						"aria-label": u,
 						"aria-haspopup": "dialog",
-						"aria-expanded": N,
+						"aria-expanded": L,
 						disabled: y,
 						className: "hds-date-button",
-						onClick: () => N ? Y(!1) : pe()
+						onClick: () => L ? de(!1) : ue()
 					}),
 					h ? /* @__PURE__ */ b("input", {
 						type: "hidden",
 						name: h,
-						value: A
+						value: P
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ b(ae, {
+			/* @__PURE__ */ b(q, {
 				hint: o,
 				error: s,
-				ids: k
+				ids: j
 			}),
-			N ? S(/* @__PURE__ */ x(w, {
-				ref: z,
+			L ? S(/* @__PURE__ */ x(w, {
+				ref: U,
 				role: "dialog",
 				tone: "thick",
 				"aria-labelledby": $,
 				className: "hds-date-panel",
-				onKeyDown: _e,
+				onKeyDown: he,
 				children: [/* @__PURE__ */ x("div", {
 					className: "hds-date-header",
 					children: [
-						/* @__PURE__ */ b(D, {
+						/* @__PURE__ */ b(O, {
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							icon: /* @__PURE__ */ b(E, { name: "chevron-left" }),
+							icon: /* @__PURE__ */ b(D, { name: "chevron-left" }),
 							"aria-label": d,
-							onClick: () => I(q(F, -1))
+							onClick: () => B(ae(z, -1))
 						}),
 						/* @__PURE__ */ b("h2", {
 							id: $,
 							className: "hds-date-title",
 							"aria-live": "polite",
-							children: Z
+							children: _e
 						}),
-						/* @__PURE__ */ b(D, {
+						/* @__PURE__ */ b(O, {
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							icon: /* @__PURE__ */ b(E, { name: "chevron-right" }),
+							icon: /* @__PURE__ */ b(D, { name: "chevron-right" }),
 							"aria-label": p,
-							onClick: () => I(q(F, 1))
+							onClick: () => B(ae(z, 1))
 						})
 					]
 				}), /* @__PURE__ */ x("table", {
 					role: "grid",
 					"aria-labelledby": $,
 					className: "hds-date-grid",
-					onKeyDown: ge,
-					children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: Q.map((e) => /* @__PURE__ */ b("th", {
+					onKeyDown: me,
+					children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: ye.map((e) => /* @__PURE__ */ b("th", {
 						scope: "col",
 						abbr: e.long,
 						children: e.short
-					}, e.long)) }) }), /* @__PURE__ */ b("tbody", { children: le(F, l).map((e) => /* @__PURE__ */ b("tr", { children: e.map((e) => {
-						let t = U(e), n = ue(t, i, a);
+					}, e.long)) }) }), /* @__PURE__ */ b("tbody", { children: oe(z, l).map((e) => /* @__PURE__ */ b("tr", { children: e.map((e) => {
+						let t = J(e), n = se(t, i, a);
 						return /* @__PURE__ */ b("td", {
 							role: "gridcell",
-							"aria-selected": t === A,
+							"aria-selected": t === P,
 							children: /* @__PURE__ */ b("button", {
 								type: "button",
-								tabIndex: t === ye ? 0 : -1,
+								tabIndex: t === be ? 0 : -1,
 								"aria-label": ve.format(e),
-								"aria-current": t === be ? "date" : void 0,
+								"aria-current": t === Q ? "date" : void 0,
 								"aria-disabled": !n || void 0,
-								className: C("hds-date-day", e.getMonth() !== F.getMonth() && "hds-date-day--outside", t === A && "hds-date-day--selected"),
-								onClick: () => me(e),
+								className: C("hds-date-day", e.getMonth() !== z.getMonth() && "hds-date-day--outside", t === P && "hds-date-day--selected"),
+								onClick: () => fe(e),
 								children: e.getDate()
 							})
 						}, t);
-					}) }, U(e[0]))) })]
+					}) }, J(e[0]))) })]
 				})]
 			}), document.body) : null
 		]
 	});
 }
 //#endregion
+//#region src/components/Typeahead/Typeahead.tsx
+function Z(e, t) {
+	return e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLocaleLowerCase(t);
+}
+function ue(e, t, n = "pt-BR", r = 8) {
+	let i = Z(t.trim(), n), a = [...new Map(e.filter(Boolean).map((e) => [Z(e, n), e])).values()];
+	return i ? a.map((e) => ({
+		suggestion: e,
+		at: Z(e, n).indexOf(i)
+	})).filter(({ suggestion: e, at: t }) => t >= 0 && Z(e, n) !== i).sort((e, t) => (e.at === 0 ? 0 : 1) - (t.at === 0 ? 0 : 1) || e.suggestion.localeCompare(t.suggestion, n)).slice(0, r).map(({ suggestion: e }) => e) : a.slice(0, r);
+}
+function de({ text: e, query: t, locale: n }) {
+	let r = t.trim() ? Z(e, n).indexOf(Z(t.trim(), n)) : -1;
+	if (r < 0) return /* @__PURE__ */ b(y, { children: e });
+	let i = r + t.trim().length;
+	return /* @__PURE__ */ x(y, { children: [
+		e.slice(0, r),
+		/* @__PURE__ */ b("mark", {
+			className: "hds-typeahead-match",
+			children: e.slice(r, i)
+		}),
+		e.slice(i)
+	] });
+}
+function fe({ label: e, value: t, defaultValue: n = "", onChange: r, suggestions: i, maxSuggestions: a = 8, hint: o, error: s, locale: c = "pt-BR", id: l, className: u, disabled: d, ...p }) {
+	let h = G(l), v = `${h.id}-list`, y = `${h.id}-label`, [T, E] = _(n), D = t === void 0 ? T : t, [O, k] = _(!1), [A, j] = _(-1), M = g(null), N = g(null), P = ue(i, D, c, a), F = O && P.length > 0;
+	function I(e) {
+		t === void 0 && E(e), r?.(e);
+	}
+	function L(e) {
+		I(e), k(!1), j(-1);
+	}
+	m(() => {
+		if (!F || !M.current || !N.current) return;
+		let e = () => {
+			M.current && N.current && (N.current.style.width = `${M.current.offsetWidth}px`, ee(M.current, N.current, "start"));
+		};
+		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [F, P.length]), f(() => {
+		!F || A < 0 || document.getElementById(`${v}-${A}`)?.scrollIntoView?.({ block: "nearest" });
+	}, [
+		F,
+		A,
+		v
+	]);
+	function R(e) {
+		if (p.onKeyDown?.(e), e.key === "ArrowDown" || e.key === "ArrowUp") {
+			if (e.preventDefault(), !F) {
+				k(!0), j(e.key === "ArrowDown" ? 0 : P.length - 1);
+				return;
+			}
+			j((t) => e.key === "ArrowDown" ? (t + 1) % P.length : t <= 0 ? P.length - 1 : t - 1);
+		} else e.key === "Enter" && F && A >= 0 ? (e.preventDefault(), L(P[A])) : e.key === "Escape" && F ? (e.preventDefault(), k(!1), j(-1)) : e.key === "Tab" && k(!1);
+	}
+	return /* @__PURE__ */ x("div", {
+		className: C("hds-field", u),
+		children: [
+			/* @__PURE__ */ b("label", {
+				id: y,
+				className: "hds-label",
+				htmlFor: h.id,
+				children: e
+			}),
+			/* @__PURE__ */ b("input", {
+				spellCheck: !1,
+				...p,
+				ref: M,
+				id: h.id,
+				type: "text",
+				role: "combobox",
+				autoComplete: "off",
+				"aria-autocomplete": "list",
+				"aria-expanded": F,
+				"aria-controls": F ? v : void 0,
+				"aria-activedescendant": F && A >= 0 ? `${v}-${A}` : void 0,
+				"aria-invalid": s ? !0 : void 0,
+				"aria-describedby": K({
+					hint: o,
+					error: s,
+					"aria-describedby": p["aria-describedby"]
+				}, h),
+				className: "hds-input",
+				disabled: d,
+				value: D,
+				onChange: (e) => {
+					I(e.target.value), k(!0), j(-1);
+				},
+				onKeyDown: R,
+				onBlur: (e) => {
+					p.onBlur?.(e), k(!1), j(-1);
+				}
+			}),
+			/* @__PURE__ */ b(q, {
+				hint: o,
+				error: s,
+				ids: h
+			}),
+			F ? S(/* @__PURE__ */ b(w, {
+				ref: N,
+				id: v,
+				role: "listbox",
+				"aria-labelledby": y,
+				className: "hds-typeahead-panel",
+				children: P.map((e, t) => /* @__PURE__ */ b("div", {
+					id: `${v}-${t}`,
+					role: "option",
+					"aria-selected": t === A,
+					className: "hds-typeahead-option",
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => L(e),
+					onMouseMove: () => j(t),
+					children: /* @__PURE__ */ b(de, {
+						text: e,
+						query: D,
+						locale: c
+					})
+				}, e))
+			}), document.body) : null
+		]
+	});
+}
+//#endregion
 //#region src/components/Checkbox/Checkbox.tsx
-var fe = l(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
-	let o = V(n);
+var pe = l(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
+	let o = G(n);
 	return /* @__PURE__ */ x("label", {
 		className: C("hds-checkbox", r),
 		htmlFor: o.id,
@@ -856,7 +989,7 @@ var fe = l(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
 				"aria-describedby": t ? o.hint : i["aria-describedby"]
 			}), /* @__PURE__ */ b("span", {
 				className: "hds-checkbox-box",
-				children: /* @__PURE__ */ b(E, { name: "check" })
+				children: /* @__PURE__ */ b(D, { name: "check" })
 			})]
 		}), /* @__PURE__ */ x("span", {
 			className: "hds-checkbox-text",
@@ -870,7 +1003,7 @@ var fe = l(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
 });
 //#endregion
 //#region src/components/Card/Card.tsx
-function pe({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, interactive: a = !1, className: o, children: s, ...c }) {
+function me({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, interactive: a = !1, className: o, children: s, ...c }) {
 	return /* @__PURE__ */ x(e, {
 		...c,
 		className: C("hds-card", a && "hds-card--interactive", o),
@@ -906,14 +1039,14 @@ function pe({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, inte
 }
 //#endregion
 //#region src/components/Badge/Badge.tsx
-var Y = {
+var he = {
 	accent: "info",
 	success: "circle-check",
 	warning: "triangle-alert",
 	danger: "circle-x"
 };
-function me({ tone: e = "neutral", icon: t, children: n, className: r }) {
-	let i = Y[e], a = t === !1 ? null : t ?? (i ? /* @__PURE__ */ b(E, { name: i }) : null);
+function ge({ tone: e = "neutral", icon: t, children: n, className: r }) {
+	let i = he[e], a = t === !1 ? null : t ?? (i ? /* @__PURE__ */ b(D, { name: i }) : null);
 	return /* @__PURE__ */ x("span", {
 		className: C("hds-badge", `hds-badge--${e}`, r),
 		children: [a, n]
@@ -921,10 +1054,10 @@ function me({ tone: e = "neutral", icon: t, children: n, className: r }) {
 }
 //#endregion
 //#region src/components/Table/Table.tsx
-function he(e) {
+function _e(e) {
 	return e.numeric ? "hds-cell--numeric" : e.align === "center" ? "hds-cell--center" : void 0;
 }
-function ge({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i = !1, empty: a = "Nada para mostrar.", maxHeight: o, glass: s = !1, className: c }) {
+function ve({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i = !1, empty: a = "Nada para mostrar.", maxHeight: o, glass: s = !1, className: c }) {
 	return /* @__PURE__ */ b("div", {
 		className: C("hds-table-wrap", "hds-scroll", s && "hds-glass hds-table-wrap--glass", c),
 		role: "region",
@@ -940,11 +1073,11 @@ function ge({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i
 				}) : null,
 				/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: e.map((e) => /* @__PURE__ */ b("th", {
 					scope: "col",
-					className: he(e),
+					className: _e(e),
 					children: e.header
 				}, e.key)) }) }),
 				/* @__PURE__ */ b("tbody", { children: t.length ? t.map((t, r) => /* @__PURE__ */ b("tr", { children: e.map((e) => /* @__PURE__ */ b("td", {
-					className: he(e),
+					className: _e(e),
 					children: e.render ? e.render(t) : t[e.key]
 				}, e.key)) }, String(t[n] ?? r))) : /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", {
 					colSpan: e.length || 1,
@@ -957,19 +1090,19 @@ function ge({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i
 }
 //#endregion
 //#region src/appearance/useAppearance.ts
-var _e = !1, X = {
+var ye = !1, be = {
 	theme: "dark",
 	transparency: "full"
-}, Z = X;
-function ve() {
+}, Q = be;
+function $() {
 	let e = a();
-	return (e.theme !== Z.theme || e.transparency !== Z.transparency) && (Z = e), Z;
+	return (e.theme !== Q.theme || e.transparency !== Q.transparency) && (Q = e), Q;
 }
-function Q() {
+function xe() {
 	f(() => {
-		_e || (_e = !0, document.documentElement.hasAttribute("data-theme") || r());
+		ye || (ye = !0, document.documentElement.hasAttribute("data-theme") || r());
 	}, []);
-	let e = v(o, ve, () => X);
+	let e = v(o, $, () => be);
 	return {
 		...e,
 		setTheme: t,
@@ -980,25 +1113,25 @@ function Q() {
 }
 //#endregion
 //#region src/components/AppearanceToggles/AppearanceToggles.tsx
-function ye({ lightLabel: e = "Mudar para o tema claro", darkLabel: t = "Mudar para o tema escuro", variant: n = "ghost", ...r }) {
-	let { theme: i, toggleTheme: a } = Q(), o = i === "dark" ? e : t;
-	return /* @__PURE__ */ b(D, {
+function Se({ lightLabel: e = "Mudar para o tema claro", darkLabel: t = "Mudar para o tema escuro", variant: n = "ghost", ...r }) {
+	let { theme: i, toggleTheme: a } = xe(), o = i === "dark" ? e : t;
+	return /* @__PURE__ */ b(O, {
 		...r,
 		variant: n,
 		iconOnly: !0,
-		icon: /* @__PURE__ */ b(E, { name: i === "dark" ? "sun" : "moon" }),
+		icon: /* @__PURE__ */ b(D, { name: i === "dark" ? "sun" : "moon" }),
 		"aria-label": o,
 		title: o,
 		onClick: a
 	});
 }
-function be({ label: e = "Reduzir transparência", variant: t = "ghost", ...n }) {
-	let { transparency: r, toggleTransparency: i } = Q();
-	return /* @__PURE__ */ b(D, {
+function Ce({ label: e = "Reduzir transparência", variant: t = "ghost", ...n }) {
+	let { transparency: r, toggleTransparency: i } = xe();
+	return /* @__PURE__ */ b(O, {
 		...n,
 		variant: t,
 		iconOnly: !0,
-		icon: /* @__PURE__ */ b(E, { name: "blend" }),
+		icon: /* @__PURE__ */ b(D, { name: "blend" }),
 		"aria-label": e,
 		"aria-pressed": r === "reduced",
 		title: e,
@@ -1007,7 +1140,7 @@ function be({ label: e = "Reduzir transparência", variant: t = "ghost", ...n })
 }
 //#endregion
 //#region src/components/Container/Container.tsx
-function $({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
+function we({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
 	return /* @__PURE__ */ b(e, {
 		...r,
 		className: C("hds-container", t && "hds-container--with-sidebar", n)
@@ -1015,7 +1148,7 @@ function $({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
 }
 //#endregion
 //#region src/components/SectionTitle/SectionTitle.tsx
-function xe({ children: e, index: t, as: n = "h2", id: r, className: i }) {
+function Te({ children: e, index: t, as: n = "h2", id: r, className: i }) {
 	return /* @__PURE__ */ x(n, {
 		id: r,
 		className: C("hds-section-title", i),
@@ -1028,7 +1161,7 @@ function xe({ children: e, index: t, as: n = "h2", id: r, className: i }) {
 }
 //#endregion
 //#region src/components/Separator/Separator.tsx
-function Se({ orientation: e = "horizontal", decorative: t = !1, className: n }) {
+function Ee({ orientation: e = "horizontal", decorative: t = !1, className: n }) {
 	return /* @__PURE__ */ b("div", {
 		role: t ? "none" : "separator",
 		"aria-orientation": t ? void 0 : e,
@@ -1037,7 +1170,7 @@ function Se({ orientation: e = "horizontal", decorative: t = !1, className: n })
 }
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.tsx
-function Ce({ label: e, maxHeight: t, className: n, style: r, ...i }) {
+function De({ label: e, maxHeight: t, className: n, style: r, ...i }) {
 	return /* @__PURE__ */ b("div", {
 		...i,
 		role: "region",
@@ -1052,11 +1185,11 @@ function Ce({ label: e, maxHeight: t, className: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/Loading/Loading.tsx
-function we({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, className: r }) {
+function Oe({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, className: r }) {
 	return /* @__PURE__ */ x("span", {
 		role: "status",
 		className: C("hds-loading", `hds-loading--${e}`, r),
-		children: [/* @__PURE__ */ b(E, { name: "loader" }), /* @__PURE__ */ b("span", {
+		children: [/* @__PURE__ */ b(D, { name: "loader" }), /* @__PURE__ */ b("span", {
 			className: n ? void 0 : "hds-visually-hidden",
 			children: t
 		})]
@@ -1064,7 +1197,7 @@ function we({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, cla
 }
 //#endregion
 //#region src/components/GlowAvatar/GlowAvatar.tsx
-function Te({ src: e, alt: t, size: n = 96, className: r }) {
+function ke({ src: e, alt: t, size: n = 96, className: r }) {
 	return /* @__PURE__ */ x("span", {
 		className: C("hds-avatar", r),
 		style: {
@@ -1084,6 +1217,6 @@ function Te({ src: e, alt: t, size: n = 96, className: r }) {
 	});
 }
 //#endregion
-export { s as APPEARANCE_STORAGE_KEYS, me as Badge, D as Button, pe as Card, fe as Checkbox, $ as Container, J as DateInput, P as Dialog, M as FloatingButton, w as GlassPanel, Te as GlowAvatar, oe as Input, we as Loading, j as Menu, k as NavBar, Ce as ScrollArea, xe as SectionTitle, A as SegmentedControl, se as Select, Se as Separator, ne as Sidebar, ge as Table, ye as ThemeToggle, L as Toast, z as ToastProvider, be as TransparencyToggle, r as applyStoredAppearance, e as enableGlassRefraction, a as getAppearance, n as readStoredAppearance, t as setTheme, i as setTransparency, o as subscribeToAppearance, Q as useAppearance, B as useToast };
+export { s as APPEARANCE_STORAGE_KEYS, ge as Badge, O as Button, me as Card, pe as Checkbox, we as Container, le as DateInput, R as Dialog, I as FloatingButton, w as GlassPanel, ke as GlowAvatar, te as Input, Oe as Loading, F as Menu, j as NavBar, De as ScrollArea, Te as SectionTitle, P as SegmentedControl, ne as Select, Ee as Separator, M as Sidebar, ve as Table, Se as ThemeToggle, V as Toast, U as ToastProvider, Ce as TransparencyToggle, fe as Typeahead, r as applyStoredAppearance, e as enableGlassRefraction, a as getAppearance, n as readStoredAppearance, t as setTheme, i as setTransparency, o as subscribeToAppearance, xe as useAppearance, W as useToast };
 
 //# sourceMappingURL=index.js.map