@hemerson/design-system 0.7.0 → 0.8.0

package/dist/index.js

@@ -111,14 +111,14 @@ var O = l(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly:
 });
 //#endregion
 //#region src/components/NavBar/NavBar.tsx
-function k({ active: e = !1, className: t, ...n }) {
+function ee({ active: e = !1, className: t, ...n }) {
 	return /* @__PURE__ */ b("a", {
 		...n,
 		"aria-current": e ? "page" : void 0,
 		className: C("hds-navbar-link", t)
 	});
 }
-function A({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
+function k({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
 	return /* @__PURE__ */ x(w, {
 		...a,
 		as: "header",
@@ -140,10 +140,10 @@ function A({ title: e, actions: t, navLabel: n = "Principal", className: r, chil
 		]
 	});
 }
-var j = Object.assign(A, { Link: k });
+var A = Object.assign(k, { Link: ee });
 //#endregion
 //#region src/components/Sidebar/Sidebar.tsx
-function M({ items: e, footer: t, floating: n = !1, label: r = "Navegação", className: i }) {
+function j({ 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 M({ items: e, footer: t, floating: n = !1, label: r = "Navegação", cl
 }
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControl.tsx
-var N = {
+var M = {
 	ArrowRight: 1,
 	ArrowDown: 1,
 	ArrowLeft: -1,
 	ArrowUp: -1
 };
-function P({ options: e, value: t, defaultValue: n, onChange: r, label: i, className: a }) {
+function N({ 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 P({ options: e, value: t, defaultValue: n, onChange: r, label: i, class
 		t === void 0 && s(e), r?.(e);
 	}
 	function p(t) {
-		let n = N[t.key];
+		let n = M[t.key];
 		if (!n) return;
 		t.preventDefault();
 		let r = (d + n + e.length) % e.length;
@@ -230,13 +230,13 @@ function P({ options: e, value: t, defaultValue: n, onChange: r, label: i, class
 		})]
 	});
 }
-function ee(e, t, n) {
+function te(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 F({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", triggerVariant: a = "glass", header: o, className: s }) {
+function P({ 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();
@@ -244,7 +244,7 @@ function F({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", tr
 	m(() => {
 		if (!c || !u.current || !d.current) return;
 		let e = () => {
-			u.current && d.current && ee(u.current, d.current, i);
+			u.current && d.current && te(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);
@@ -309,7 +309,7 @@ function F({ label: e, icon: t, iconOnly: n = !1, items: r, align: i = "end", tr
 }
 //#endregion
 //#region src/components/FloatingButton/FloatingButton.tsx
-var I = l(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
+var F = l(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
 	return /* @__PURE__ */ b("button", {
 		...i,
 		ref: a,
@@ -318,8 +318,8 @@ var I = l(function({ label: e, position: t = "bottom-right", type: n = "button",
 		title: e,
 		className: C("hds-glass", "hds-fab", `hds-fab--${t}`, r)
 	});
-}), 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 }) {
+}), I = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function L({ 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;
@@ -327,7 +327,7 @@ function R({ 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(L) ?? [];
+		let r = u.current?.querySelectorAll(I) ?? [];
 		(s === "panel" || r.length === 0 ? u.current : r[0])?.focus();
 		function i(e) {
 			if (e.key === "Escape") {
@@ -336,7 +336,7 @@ function R({ 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(L));
+			let t = Array.from(u.current.querySelectorAll(I));
 			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());
@@ -389,13 +389,13 @@ function R({ open: e, onClose: t, title: n, description: r, children: i, footer:
 }
 //#endregion
 //#region src/components/Toast/ToastView.tsx
-var z = {
+var R = {
 	neutral: "info",
 	success: "circle-check",
 	warning: "triangle-alert",
 	danger: "circle-x"
 };
-function B({ tone: e, title: t, description: n, duration: r, onClose: i, closeLabel: a, className: o }) {
+function z({ 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;
@@ -411,7 +411,7 @@ function B({ tone: e, title: t, description: n, duration: r, onClose: i, closeLa
 		onFocus: () => c(!0),
 		onBlur: () => c(!1),
 		children: [
-			/* @__PURE__ */ b(D, { name: z[e] }),
+			/* @__PURE__ */ b(D, { name: R[e] }),
 			/* @__PURE__ */ x("div", {
 				className: "hds-toast-body",
 				children: [/* @__PURE__ */ b("p", {
@@ -435,10 +435,10 @@ function B({ tone: e, title: t, description: n, duration: r, onClose: i, closeLa
 }
 //#endregion
 //#region src/components/Toast/Toast.tsx
-function V({ open: e, onClose: t, tone: n = "neutral", title: r, description: i, duration: a = 5e3, closeLabel: o = "Fechar aviso", className: s }) {
+function B({ 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(B, {
+		children: /* @__PURE__ */ b(z, {
 			tone: n,
 			title: r,
 			description: i,
@@ -451,8 +451,8 @@ function V({ open: e, onClose: t, tone: n = "neutral", title: r, description: i,
 }
 //#endregion
 //#region src/components/Toast/ToastProvider.tsx
-var H = c(null);
-function U({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
+var V = c(null);
+function ne({ 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 }) => {
@@ -488,11 +488,11 @@ function U({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
 			tone: "neutral"
 		})
 	}), [s, o]);
-	return /* @__PURE__ */ x(H.Provider, {
+	return /* @__PURE__ */ x(V.Provider, {
 		value: c,
 		children: [e, r.length ? S(/* @__PURE__ */ b("div", {
 			className: "hds-toast-region",
-			children: r.map((e) => /* @__PURE__ */ b(B, {
+			children: r.map((e) => /* @__PURE__ */ b(z, {
 				tone: e.tone,
 				title: e.title,
 				description: e.description,
@@ -503,14 +503,14 @@ function U({ children: e, max: t = 3, closeLabel: n = "Fechar aviso" }) {
 		}), document.body) : null]
 	});
 }
-function W() {
-	let e = d(H);
+function H() {
+	let e = d(V);
 	if (!e) throw Error("useToast must be used inside a ToastProvider.");
 	return e;
 }
 //#endregion
 //#region src/internal/field.tsx
-function G(e) {
+function U(e) {
 	let t = p(), n = e ?? t;
 	return {
 		id: n,
@@ -518,7 +518,7 @@ function G(e) {
 		error: `${n}-error`
 	};
 }
-function K(e, t) {
+function W(e, t) {
 	let n = [
 		e.hint && t.hint,
 		e.error && t.error,
@@ -526,7 +526,7 @@ function K(e, t) {
 	].filter(Boolean);
 	return n.length ? n.join(" ") : void 0;
 }
-function q({ hint: e, error: t, ids: n }) {
+function re({ hint: e, error: t, ids: n }) {
 	return /* @__PURE__ */ x(y, { children: [e ? /* @__PURE__ */ b("p", {
 		id: n.hint,
 		className: "hds-hint",
@@ -539,58 +539,58 @@ function q({ hint: e, error: t, ids: n }) {
 }
 //#endregion
 //#region src/components/Input/Input.tsx
-var te = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, className: a, ...o }, s) {
-	let c = G(i);
+var G = l(function({ label: e, hint: t, error: n, numeric: r = !1, hideLabel: i = !1, id: a, className: o, ...s }, c) {
+	let l = U(a);
 	return /* @__PURE__ */ x("div", {
-		className: C("hds-field", a),
+		className: C("hds-field", o),
 		children: [
 			/* @__PURE__ */ b("label", {
-				className: "hds-label",
-				htmlFor: c.id,
+				className: C("hds-label", i && "hds-visually-hidden"),
+				htmlFor: l.id,
 				children: e
 			}),
 			/* @__PURE__ */ b("input", {
 				inputMode: r ? "decimal" : void 0,
-				...o,
-				ref: s,
-				id: c.id,
+				...s,
+				ref: c,
+				id: l.id,
 				"aria-invalid": n ? !0 : void 0,
-				"aria-describedby": K({
+				"aria-describedby": W({
 					hint: t,
 					error: n,
-					"aria-describedby": o["aria-describedby"]
-				}, c),
+					"aria-describedby": s["aria-describedby"]
+				}, l),
 				className: C("hds-input", r && "hds-input--numeric")
 			}),
-			/* @__PURE__ */ b(q, {
+			/* @__PURE__ */ b(re, {
 				hint: t,
 				error: n,
-				ids: c
+				ids: l
 			})
 		]
 	});
-}), ne = l(function({ label: e, options: t, placeholder: n, hint: r, error: i, id: a, className: o, ...s }, c) {
-	let l = G(a);
+}), ie = l(function({ label: e, options: t, placeholder: n, hint: r, error: i, hideLabel: a = !1, id: o, className: s, ...c }, l) {
+	let u = U(o);
 	return /* @__PURE__ */ x("div", {
-		className: C("hds-field", o),
+		className: C("hds-field", s),
 		children: [
 			/* @__PURE__ */ b("label", {
-				className: "hds-label",
-				htmlFor: l.id,
+				className: C("hds-label", a && "hds-visually-hidden"),
+				htmlFor: u.id,
 				children: e
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "hds-select-wrap",
 				children: [/* @__PURE__ */ x("select", {
-					...s,
-					ref: c,
-					id: l.id,
+					...c,
+					ref: l,
+					id: u.id,
 					"aria-invalid": i ? !0 : void 0,
-					"aria-describedby": K({
+					"aria-describedby": W({
 						hint: r,
 						error: i,
-						"aria-describedby": s["aria-describedby"]
-					}, l),
+						"aria-describedby": c["aria-describedby"]
+					}, u),
 					className: "hds-select",
 					children: [n ? /* @__PURE__ */ b("option", {
 						value: "",
@@ -603,33 +603,33 @@ var te = l(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, class
 					}, e.value))]
 				}), /* @__PURE__ */ b(D, { name: "chevron-down" })]
 			}),
-			/* @__PURE__ */ b(q, {
+			/* @__PURE__ */ b(re, {
 				hint: r,
 				error: i,
-				ids: l
+				ids: u
 			})
 		]
 	});
 });
 //#endregion
 //#region src/components/DateInput/dates.ts
-function J(e) {
+function K(e) {
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
 }
-function Y(e) {
+function q(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 J(n) === e ? n : null;
+	return K(n) === e ? n : null;
 }
-function re(e) {
-	let t = Y(e);
+function J(e) {
+	let t = q(e);
 	if (!t) return "";
 	let n = (e) => String(e).padStart(2, "0");
 	return `${n(t.getDate())}/${n(t.getMonth() + 1)}/${t.getFullYear()}`;
 }
-function ie(e) {
+function ae(e) {
 	let t = e.trim(), n = /^\d{8}$/.test(t) ? [
 		t.slice(0, 2),
 		t.slice(2, 4),
@@ -637,98 +637,98 @@ function ie(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 ? J(o) : null;
+	return o.getFullYear() === a && o.getMonth() === i - 1 && o.getDate() === r ? K(o) : null;
 }
-function X(e, t) {
+function Y(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function ae(e, t) {
+function X(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 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)));
+	let n = new Date(e.getFullYear(), e.getMonth(), 1), r = Y(n, -((n.getDay() - t + 7) % 7));
+	return Array.from({ length: 6 }, (e, t) => Array.from({ length: 7 }, (e, n) => Y(r, t * 7 + n)));
 }
 function se(e, t, n) {
 	return (!t || e >= t) && (!n || e <= n);
 }
 //#endregion
 //#region src/components/DateInput/DateInput.tsx
-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) {
+var ce = () => K(/* @__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", hideLabel: h = !1, name: v, id: y, disabled: T, required: E, placeholder: ee = "dd/mm/aaaa", className: k, ...A }) {
+	let j = U(y), [M, N] = _(n), P = t === void 0 ? M : t, [F, I] = _(() => J(P)), [L, R] = _(!1), [z, B] = _(() => q(P) ?? /* @__PURE__ */ new Date()), V = g(null), ne = g(null), H = g(null), G = g(!1), [ie, le] = _(P);
+	ie !== P && (le(P), I(J(P)));
+	function Z(e) {
 		t === void 0 && N(e), e !== P && r?.(e);
 	}
-	function Z(e) {
+	function ue(e) {
 		if (I(e), e.trim() === "") {
-			le("");
+			Z("");
 			return;
 		}
-		let t = ie(e);
-		t && se(t, i, a) && le(t);
-	}
-	function ue() {
-		B(Y(P) ?? Y(ce()) ?? /* @__PURE__ */ new Date()), W.current = !0, R(!0);
+		let t = ae(e);
+		t && se(t, i, a) && Z(t);
 	}
-	function de(e) {
-		R(!1), e && H.current?.focus();
+	function de() {
+		B(q(P) ?? q(ce()) ?? /* @__PURE__ */ new Date()), G.current = !0, R(!0);
 	}
 	function fe(e) {
-		let t = J(e);
-		se(t, i, a) && (le(t), I(re(t)), de(!0));
+		R(!1), e && ne.current?.focus();
+	}
+	function pe(e) {
+		let t = K(e);
+		se(t, i, a) && (Z(t), I(J(t)), fe(!0));
 	}
 	m(() => {
-		if (!L || !V.current || !U.current) return;
+		if (!L || !V.current || !H.current) return;
 		let e = () => {
-			V.current && U.current && ee(V.current, U.current, "start");
+			V.current && H.current && te(V.current, H.current, "start");
 		};
 		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
 	}, [L]), f(() => {
-		L && W.current && (W.current = !1, U.current?.querySelector("[tabindex=\"0\"]")?.focus());
+		L && G.current && (G.current = !1, H.current?.querySelector("[tabindex=\"0\"]")?.focus());
 	}), f(() => {
 		if (!L) return;
 		function e(e) {
 			let t = e.target;
-			V.current?.contains(t) || U.current?.contains(t) || R(!1);
+			V.current?.contains(t) || H.current?.contains(t) || R(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [L]);
-	function pe(e) {
-		W.current = !0, B(e);
-	}
 	function me(e) {
+		G.current = !0, B(e);
+	}
+	function he(e) {
 		let t = {
-			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)
+			ArrowLeft: () => Y(z, -1),
+			ArrowRight: () => Y(z, 1),
+			ArrowUp: () => Y(z, -7),
+			ArrowDown: () => Y(z, 7),
+			Home: () => Y(z, -((z.getDay() - l + 7) % 7)),
+			End: () => Y(z, 6 - (z.getDay() - l + 7) % 7),
+			PageUp: () => X(z, e.shiftKey ? -12 : -1),
+			PageDown: () => X(z, e.shiftKey ? 12 : 1)
 		}[e.key];
-		t && (e.preventDefault(), pe(t()));
+		t && (e.preventDefault(), me(t()));
 	}
-	function he(e) {
-		(e.key === "Escape" || e.key === "Tab") && (e.preventDefault(), de(!0));
+	function ge(e) {
+		(e.key === "Escape" || e.key === "Tab") && (e.preventDefault(), fe(!0));
 	}
-	let ge = new Intl.DateTimeFormat(c, {
+	let _e = new Intl.DateTimeFormat(c, {
 		month: "long",
 		year: "numeric"
-	}).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) => ({
+	}).format(z), ve = _e.charAt(0).toLocaleUpperCase(c) + _e.slice(1), ye = new Intl.DateTimeFormat(c, { dateStyle: "full" }), be = oe(z, l)[0].map((e) => ({
 		short: new Intl.DateTimeFormat(c, { weekday: "narrow" }).format(e),
 		long: new Intl.DateTimeFormat(c, { weekday: "long" }).format(e)
-	})), be = J(z), Q = ce(), $ = `${j.id}-calendar-title`;
+	})), Q = K(z), xe = ce(), $ = `${j.id}-calendar-title`;
 	return /* @__PURE__ */ x("div", {
 		className: C("hds-field", k),
 		children: [
 			/* @__PURE__ */ b("label", {
-				className: "hds-label",
+				className: C("hds-label", h && "hds-visually-hidden"),
 				htmlFor: j.id,
 				children: e
 			}),
@@ -742,24 +742,24 @@ function le({ label: e, value: t, defaultValue: n = "", onChange: r, min: i, max
 						type: "text",
 						inputMode: "numeric",
 						autoComplete: "off",
-						placeholder: E,
+						placeholder: ee,
 						value: F,
-						disabled: y,
-						required: T,
+						disabled: T,
+						required: E,
 						"aria-invalid": s ? !0 : void 0,
-						"aria-describedby": K({
+						"aria-describedby": W({
 							hint: o,
 							error: s,
 							"aria-describedby": A["aria-describedby"]
 						}, j),
 						className: "hds-input hds-input--numeric hds-date-input",
-						onChange: (e) => Z(e.target.value),
+						onChange: (e) => ue(e.target.value),
 						onBlur: (e) => {
-							A.onBlur?.(e), F.trim() !== "" && ie(F) !== P && I(re(P));
+							A.onBlur?.(e), F.trim() !== "" && ae(F) !== P && I(J(P));
 						}
 					}),
 					/* @__PURE__ */ b(O, {
-						ref: H,
+						ref: ne,
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
@@ -767,29 +767,29 @@ function le({ label: e, value: t, defaultValue: n = "", onChange: r, min: i, max
 						"aria-label": u,
 						"aria-haspopup": "dialog",
 						"aria-expanded": L,
-						disabled: y,
+						disabled: T,
 						className: "hds-date-button",
-						onClick: () => L ? de(!1) : ue()
+						onClick: () => L ? fe(!1) : de()
 					}),
-					h ? /* @__PURE__ */ b("input", {
+					v ? /* @__PURE__ */ b("input", {
 						type: "hidden",
-						name: h,
+						name: v,
 						value: P
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ b(q, {
+			/* @__PURE__ */ b(re, {
 				hint: o,
 				error: s,
 				ids: j
 			}),
 			L ? S(/* @__PURE__ */ x(w, {
-				ref: U,
+				ref: H,
 				role: "dialog",
 				tone: "thick",
 				"aria-labelledby": $,
 				className: "hds-date-panel",
-				onKeyDown: he,
+				onKeyDown: ge,
 				children: [/* @__PURE__ */ x("div", {
 					className: "hds-date-header",
 					children: [
@@ -799,13 +799,13 @@ function le({ label: e, value: t, defaultValue: n = "", onChange: r, min: i, max
 							iconOnly: !0,
 							icon: /* @__PURE__ */ b(D, { name: "chevron-left" }),
 							"aria-label": d,
-							onClick: () => B(ae(z, -1))
+							onClick: () => B(X(z, -1))
 						}),
 						/* @__PURE__ */ b("h2", {
 							id: $,
 							className: "hds-date-title",
 							"aria-live": "polite",
-							children: _e
+							children: ve
 						}),
 						/* @__PURE__ */ b(O, {
 							variant: "ghost",
@@ -813,35 +813,35 @@ function le({ label: e, value: t, defaultValue: n = "", onChange: r, min: i, max
 							iconOnly: !0,
 							icon: /* @__PURE__ */ b(D, { name: "chevron-right" }),
 							"aria-label": p,
-							onClick: () => B(ae(z, 1))
+							onClick: () => B(X(z, 1))
 						})
 					]
 				}), /* @__PURE__ */ x("table", {
 					role: "grid",
 					"aria-labelledby": $,
 					className: "hds-date-grid",
-					onKeyDown: me,
-					children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: ye.map((e) => /* @__PURE__ */ b("th", {
+					onKeyDown: he,
+					children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { children: be.map((e) => /* @__PURE__ */ b("th", {
 						scope: "col",
 						abbr: e.long,
 						children: e.short
 					}, 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);
+						let t = K(e), n = se(t, i, a);
 						return /* @__PURE__ */ b("td", {
 							role: "gridcell",
 							"aria-selected": t === P,
 							children: /* @__PURE__ */ b("button", {
 								type: "button",
-								tabIndex: t === be ? 0 : -1,
-								"aria-label": ve.format(e),
-								"aria-current": t === Q ? "date" : void 0,
+								tabIndex: t === Q ? 0 : -1,
+								"aria-label": ye.format(e),
+								"aria-current": t === xe ? "date" : void 0,
 								"aria-disabled": !n || void 0,
 								className: C("hds-date-day", e.getMonth() !== z.getMonth() && "hds-date-day--outside", t === P && "hds-date-day--selected"),
-								onClick: () => fe(e),
+								onClick: () => pe(e),
 								children: e.getDate()
 							})
 						}, t);
-					}) }, J(e[0]))) })]
+					}) }, K(e[0]))) })]
 				})]
 			}), document.body) : null
 		]
@@ -872,10 +872,10 @@ function de({ text: e, query: t, locale: n }) {
 		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 fe({ label: e, value: t, defaultValue: n = "", onChange: r, suggestions: i, maxSuggestions: a = 8, hint: o, error: s, locale: c = "pt-BR", hideLabel: l = !1, id: u, className: d, disabled: p, ...h }) {
+	let v = U(u), y = `${v.id}-list`, T = `${v.id}-label`, [E, D] = _(n), O = t === void 0 ? E : t, [ee, k] = _(!1), [A, j] = _(-1), M = g(null), N = g(null), P = ue(i, O, c, a), F = ee && P.length > 0;
 	function I(e) {
-		t === void 0 && E(e), r?.(e);
+		t === void 0 && D(e), r?.(e);
 	}
 	function L(e) {
 		I(e), k(!1), j(-1);
@@ -883,20 +883,20 @@ function fe({ label: e, value: t, defaultValue: n = "", onChange: r, suggestions
 	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"));
+			M.current && N.current && (N.current.style.width = `${M.current.offsetWidth}px`, te(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 < 0 || document.getElementById(`${y}-${A}`)?.scrollIntoView?.({ block: "nearest" });
 	}, [
 		F,
 		A,
-		v
+		y
 	]);
 	function R(e) {
-		if (p.onKeyDown?.(e), e.key === "ArrowDown" || e.key === "ArrowUp") {
+		if (h.onKeyDown?.(e), e.key === "ArrowDown" || e.key === "ArrowUp") {
 			if (e.preventDefault(), !F) {
 				k(!0), j(e.key === "ArrowDown" ? 0 : P.length - 1);
 				return;
@@ -905,56 +905,56 @@ function fe({ label: e, value: t, defaultValue: n = "", onChange: r, suggestions
 		} 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),
+		className: C("hds-field", d),
 		children: [
 			/* @__PURE__ */ b("label", {
-				id: y,
-				className: "hds-label",
-				htmlFor: h.id,
+				id: T,
+				className: C("hds-label", l && "hds-visually-hidden"),
+				htmlFor: v.id,
 				children: e
 			}),
 			/* @__PURE__ */ b("input", {
 				spellCheck: !1,
-				...p,
+				...h,
 				ref: M,
-				id: h.id,
+				id: v.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-controls": F ? y : void 0,
+				"aria-activedescendant": F && A >= 0 ? `${y}-${A}` : void 0,
 				"aria-invalid": s ? !0 : void 0,
-				"aria-describedby": K({
+				"aria-describedby": W({
 					hint: o,
 					error: s,
-					"aria-describedby": p["aria-describedby"]
-				}, h),
+					"aria-describedby": h["aria-describedby"]
+				}, v),
 				className: "hds-input",
-				disabled: d,
-				value: D,
+				disabled: p,
+				value: O,
 				onChange: (e) => {
 					I(e.target.value), k(!0), j(-1);
 				},
 				onKeyDown: R,
 				onBlur: (e) => {
-					p.onBlur?.(e), k(!1), j(-1);
+					h.onBlur?.(e), k(!1), j(-1);
 				}
 			}),
-			/* @__PURE__ */ b(q, {
+			/* @__PURE__ */ b(re, {
 				hint: o,
 				error: s,
-				ids: h
+				ids: v
 			}),
 			F ? S(/* @__PURE__ */ b(w, {
 				ref: N,
-				id: v,
+				id: y,
 				role: "listbox",
-				"aria-labelledby": y,
+				"aria-labelledby": T,
 				className: "hds-typeahead-panel",
 				children: P.map((e, t) => /* @__PURE__ */ b("div", {
-					id: `${v}-${t}`,
+					id: `${y}-${t}`,
 					role: "option",
 					"aria-selected": t === A,
 					className: "hds-typeahead-option",
@@ -963,7 +963,7 @@ function fe({ label: e, value: t, defaultValue: n = "", onChange: r, suggestions
 					onMouseMove: () => j(t),
 					children: /* @__PURE__ */ b(de, {
 						text: e,
-						query: D,
+						query: O,
 						locale: c
 					})
 				}, e))
@@ -974,7 +974,7 @@ function fe({ label: e, value: t, defaultValue: n = "", onChange: r, suggestions
 //#endregion
 //#region src/components/Checkbox/Checkbox.tsx
 var pe = l(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
-	let o = G(n);
+	let o = U(n);
 	return /* @__PURE__ */ x("label", {
 		className: C("hds-checkbox", r),
 		htmlFor: o.id,
@@ -1094,15 +1094,15 @@ var ye = !1, be = {
 	theme: "dark",
 	transparency: "full"
 }, Q = be;
-function $() {
+function xe() {
 	let e = a();
 	return (e.theme !== Q.theme || e.transparency !== Q.transparency) && (Q = e), Q;
 }
-function xe() {
+function $() {
 	f(() => {
 		ye || (ye = !0, document.documentElement.hasAttribute("data-theme") || r());
 	}, []);
-	let e = v(o, $, () => be);
+	let e = v(o, xe, () => be);
 	return {
 		...e,
 		setTheme: t,
@@ -1114,7 +1114,7 @@ function xe() {
 //#endregion
 //#region src/components/AppearanceToggles/AppearanceToggles.tsx
 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;
+	let { theme: i, toggleTheme: a } = $(), o = i === "dark" ? e : t;
 	return /* @__PURE__ */ b(O, {
 		...r,
 		variant: n,
@@ -1126,7 +1126,7 @@ function Se({ lightLabel: e = "Mudar para o tema claro", darkLabel: t = "Mudar p
 	});
 }
 function Ce({ label: e = "Reduzir transparência", variant: t = "ghost", ...n }) {
-	let { transparency: r, toggleTransparency: i } = xe();
+	let { transparency: r, toggleTransparency: i } = $();
 	return /* @__PURE__ */ b(O, {
 		...n,
 		variant: t,
@@ -1217,6 +1217,6 @@ function ke({ src: e, alt: t, size: n = 96, className: r }) {
 	});
 }
 //#endregion
-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 };
+export { s as APPEARANCE_STORAGE_KEYS, ge as Badge, O as Button, me as Card, pe as Checkbox, we as Container, le as DateInput, L as Dialog, F as FloatingButton, w as GlassPanel, ke as GlowAvatar, G as Input, Oe as Loading, P as Menu, A as NavBar, De as ScrollArea, Te as SectionTitle, N as SegmentedControl, ie as Select, Ee as Separator, j as Sidebar, ve as Table, Se as ThemeToggle, B as Toast, ne 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, $ as useAppearance, H as useToast };
 
 //# sourceMappingURL=index.js.map