@hemerson/design-system 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,726 @@
+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";
+//#region src/internal/cx.ts
+function u(...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, {
+		...r,
+		ref: i,
+		className: u("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 = {
+	check: ["M20 6 9 17l-5-5"],
+	x: ["M18 6 6 18", "m6 6 12 12"],
+	"chevron-down": ["m6 9 6 6 6-6"],
+	"circle-check": ["circle", "m9 12 2 2 4-4"],
+	"circle-x": [
+		"circle",
+		"m15 9-6 6",
+		"m9 9 6 6"
+	],
+	"triangle-alert": [
+		"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+		"M12 9v4",
+		"M12 17h.01"
+	],
+	info: [
+		"circle",
+		"M12 16v-4",
+		"M12 8h.01"
+	],
+	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),
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: m[e].map((e) => e === "circle" ? /* @__PURE__ */ s("circle", {
+			cx: 12,
+			cy: 12,
+			r: 10
+		}, e) : /* @__PURE__ */ s("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", {
+		...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, {
+			name: "loader",
+			className: "hds-spin"
+		}) : n, r ? null : d]
+	});
+});
+//#endregion
+//#region src/components/NavBar/NavBar.tsx
+function _({ active: e = !1, className: t, ...n }) {
+	return /* @__PURE__ */ s("a", {
+		...n,
+		"aria-current": e ? "page" : void 0,
+		className: u("hds-navbar-link", t)
+	});
+}
+function v({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ c(d, {
+		...a,
+		as: "header",
+		className: u("hds-navbar", r),
+		children: [
+			e ? /* @__PURE__ */ s("p", {
+				className: "hds-navbar-title",
+				children: e
+			}) : null,
+			i ? /* @__PURE__ */ s("nav", {
+				className: "hds-navbar-nav",
+				"aria-label": n,
+				children: i
+			}) : null,
+			t ? /* @__PURE__ */ s("div", {
+				className: "hds-navbar-actions",
+				children: t
+			}) : null
+		]
+	});
+}
+var y = Object.assign(v, { Link: _ });
+//#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, {
+		as: "nav",
+		"aria-label": r,
+		className: u("hds-sidebar", n && "hds-sidebar--floating", i),
+		children: [/* @__PURE__ */ s("ul", {
+			className: "hds-sidebar-items",
+			children: e.map((e) => {
+				let t = {
+					"aria-label": e.label,
+					title: e.label,
+					"aria-current": e.active ? "page" : void 0,
+					className: "hds-sidebar-item"
+				};
+				return /* @__PURE__ */ s("li", { children: e.href ? /* @__PURE__ */ s("a", {
+					...t,
+					href: e.href,
+					onClick: e.onClick,
+					children: e.icon
+				}) : /* @__PURE__ */ s("button", {
+					...t,
+					type: "button",
+					onClick: e.onClick,
+					children: e.icon
+				}) }, e.label);
+			})
+		}), t ? /* @__PURE__ */ s("div", {
+			className: "hds-sidebar-footer",
+			children: t
+		}) : null]
+	});
+}
+//#endregion
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+var x = {
+	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 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");
+		}
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [v, e.length]);
+	function y(e) {
+		t === void 0 && m(e), o?.(e);
+	}
+	function b(t) {
+		let n = x[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, {
+		role: "radiogroup",
+		"aria-label": l,
+		className: u("hds-segmented", f),
+		onKeyDown: b,
+		children: [/* @__PURE__ */ s("span", {
+			ref: _,
+			className: "hds-segmented-thumb",
+			"aria-hidden": "true",
+			style: { opacity: 0 }
+		}), e.map((e, t) => {
+			let n = t === v;
+			return /* @__PURE__ */ c("button", {
+				ref: (e) => {
+					g.current[t] = e;
+				},
+				type: "button",
+				role: "radio",
+				"aria-checked": n,
+				"aria-label": e.ariaLabel,
+				tabIndex: n ? 0 : -1,
+				className: "hds-segmented-option",
+				onClick: () => y(e.value),
+				children: [e.icon, e.label]
+			}, String(e.value));
+		})]
+	});
+}
+//#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 C(e) {
+		_(!1), e && y.current?.focus();
+	}
+	t(() => {
+		if (!h) 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]);
+	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", {
+		ref: v,
+		className: u("hds-menu", m),
+		children: [/* @__PURE__ */ s(g, {
+			ref: y,
+			variant: p,
+			icon: r,
+			iconOnly: o,
+			"aria-label": o ? e : void 0,
+			"aria-haspopup": "menu",
+			"aria-expanded": h,
+			"aria-controls": h ? x : void 0,
+			onClick: () => _(!h),
+			children: e
+		}), h ? /* @__PURE__ */ s(d, {
+			ref: b,
+			id: x,
+			role: "menu",
+			"aria-label": e,
+			className: u("hds-menu-panel", `hds-menu-panel--${f}`),
+			onKeyDown: w,
+			children: l.map((e, t) => e.separator ? /* @__PURE__ */ s("div", {
+				role: "separator",
+				className: "hds-menu-separator"
+			}, `separator-${t}`) : /* @__PURE__ */ c("button", {
+				type: "button",
+				role: "menuitem",
+				tabIndex: -1,
+				className: u("hds-menu-item", e.danger && "hds-menu-item--danger"),
+				onClick: () => {
+					C(!0), e.onSelect?.();
+				},
+				children: [e.icon, e.label]
+			}, e.label))
+		}) : null]
+	});
+}
+//#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", {
+		...i,
+		ref: a,
+		type: n,
+		"aria-label": e,
+		title: e,
+		className: u("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(() => {
+		if (!e) return;
+		let t = document.activeElement, n = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let r = y.current?.querySelectorAll(T) ?? [];
+		(_ === "panel" || r.length === 0 ? y.current : r[0])?.focus();
+		function i(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), S.current();
+				return;
+			}
+			if (e.key !== "Tab" || !y.current) return;
+			let t = Array.from(y.current.querySelectorAll(T));
+			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());
+		}
+		return document.addEventListener("keydown", i), () => {
+			document.removeEventListener("keydown", i), document.body.style.overflow = n, t?.focus();
+		};
+	}, [e, _]), e ? l(/* @__PURE__ */ s("div", {
+		className: "hds-scrim",
+		onMouseDown: (e) => {
+			e.target === e.currentTarget && r();
+		},
+		children: /* @__PURE__ */ c(d, {
+			ref: y,
+			tone: "thick",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": b,
+			"aria-describedby": o ? x : void 0,
+			tabIndex: -1,
+			className: u("hds-dialog", v),
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "hds-dialog-header",
+					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+						id: b,
+						className: "hds-dialog-title",
+						children: a
+					}), o ? /* @__PURE__ */ s("p", {
+						id: x,
+						className: "hds-dialog-description",
+						children: o
+					}) : null] }), /* @__PURE__ */ s(g, {
+						variant: "ghost",
+						size: "sm",
+						iconOnly: !0,
+						icon: /* @__PURE__ */ s(h, { name: "x" }),
+						"aria-label": m,
+						onClick: r
+					})]
+				}),
+				f,
+				p ? /* @__PURE__ */ s("div", {
+					className: "hds-dialog-footer",
+					children: p
+				}) : null
+			]
+		})
+	}), document.body) : null;
+}
+//#endregion
+//#region src/components/Toast/Toast.tsx
+var D = {
+	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(() => {
+		if (!e || !p || v) return;
+		let t = window.setTimeout(() => b.current?.(), p);
+		return () => window.clearTimeout(t);
+	}, [
+		e,
+		p,
+		v
+	]), e ? l(/* @__PURE__ */ s("div", {
+		className: "hds-toast-region",
+		children: /* @__PURE__ */ c(d, {
+			role: r === "danger" ? "alert" : "status",
+			className: u("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", {
+					className: "hds-toast-body",
+					children: [/* @__PURE__ */ s("p", {
+						className: "hds-toast-title",
+						children: o
+					}), f ? /* @__PURE__ */ s("p", {
+						className: "hds-toast-description",
+						children: f
+					}) : null]
+				}),
+				n ? /* @__PURE__ */ s(g, {
+					variant: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					icon: /* @__PURE__ */ s(h, { name: "x" }),
+					"aria-label": m,
+					onClick: n
+				}) : null
+			]
+		})
+	}), document.body) : null;
+}
+//#endregion
+//#region src/internal/field.tsx
+function k(e) {
+	let t = n(), r = e ?? t;
+	return {
+		id: r,
+		hint: `${r}-hint`,
+		error: `${r}-error`
+	};
+}
+function A(e, t) {
+	let n = [
+		e.hint && t.hint,
+		e.error && t.error,
+		e["aria-describedby"]
+	].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", {
+		id: n.hint,
+		className: "hds-hint",
+		children: e
+	}) : null, t ? /* @__PURE__ */ c("p", {
+		id: n.error,
+		className: "hds-error",
+		children: [/* @__PURE__ */ s(h, { 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),
+		children: [
+			/* @__PURE__ */ s("label", {
+				className: "hds-label",
+				htmlFor: d.id,
+				children: e
+			}),
+			/* @__PURE__ */ s("input", {
+				inputMode: r ? "decimal" : void 0,
+				...o,
+				ref: l,
+				id: d.id,
+				"aria-invalid": n ? !0 : void 0,
+				"aria-describedby": A({
+					hint: t,
+					error: n,
+					"aria-describedby": o["aria-describedby"]
+				}, d),
+				className: u("hds-input", r && "hds-input--numeric")
+			}),
+			/* @__PURE__ */ s(j, {
+				hint: t,
+				error: n,
+				ids: d
+			})
+		]
+	});
+}), 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),
+		children: [
+			/* @__PURE__ */ s("label", {
+				className: "hds-label",
+				htmlFor: f.id,
+				children: e
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "hds-select-wrap",
+				children: [/* @__PURE__ */ c("select", {
+					...l,
+					ref: d,
+					id: f.id,
+					"aria-invalid": i ? !0 : void 0,
+					"aria-describedby": A({
+						hint: r,
+						error: i,
+						"aria-describedby": l["aria-describedby"]
+					}, f),
+					className: "hds-select",
+					children: [n ? /* @__PURE__ */ s("option", {
+						value: "",
+						disabled: !0,
+						children: n
+					}) : null, t.map((e) => /* @__PURE__ */ s("option", {
+						value: e.value,
+						disabled: e.disabled,
+						children: e.label
+					}, e.value))]
+				}), /* @__PURE__ */ s(h, { name: "chevron-down" })]
+			}),
+			/* @__PURE__ */ s(j, {
+				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),
+		htmlFor: o.id,
+		children: [/* @__PURE__ */ c("span", {
+			className: "hds-checkbox-control",
+			children: [/* @__PURE__ */ s("input", {
+				...i,
+				ref: a,
+				id: o.id,
+				type: "checkbox",
+				className: "hds-checkbox-input",
+				"aria-describedby": t ? o.hint : i["aria-describedby"]
+			}), /* @__PURE__ */ s("span", {
+				className: "hds-checkbox-box",
+				children: /* @__PURE__ */ s(h, { name: "check" })
+			})]
+		}), /* @__PURE__ */ c("span", {
+			className: "hds-checkbox-text",
+			children: [e, t ? /* @__PURE__ */ s("span", {
+				id: o.hint,
+				className: "hds-hint",
+				children: t
+			}) : null]
+		})]
+	});
+});
+//#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),
+		children: [
+			r ? /* @__PURE__ */ s("img", {
+				className: "hds-card-media",
+				src: r.src,
+				alt: r.alt ?? ""
+			}) : null,
+			/* @__PURE__ */ c("div", {
+				className: "hds-card-body",
+				children: [
+					t ? /* @__PURE__ */ s("p", {
+						className: "hds-card-eyebrow",
+						children: t
+					}) : null,
+					n ? /* @__PURE__ */ s("h3", {
+						className: "hds-card-title",
+						children: n
+					}) : null,
+					l ? /* @__PURE__ */ s("div", {
+						className: "hds-card-text",
+						children: l
+					}) : null
+				]
+			}),
+			i ? /* @__PURE__ */ s("div", {
+				className: "hds-card-footer",
+				children: i
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/Badge/Badge.tsx
+var I = {
+	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),
+		children: [a, n]
+	});
+}
+//#endregion
+//#region src/components/Table/Table.tsx
+function R(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),
+		role: "region",
+		"aria-label": r,
+		tabIndex: 0,
+		style: o === void 0 ? void 0 : { maxHeight: o },
+		children: /* @__PURE__ */ c("table", {
+			className: "hds-table",
+			children: [
+				r ? /* @__PURE__ */ s("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", {
+					scope: "col",
+					className: R(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),
+					children: e.render ? e.render(t) : t[e.key]
+				}, e.key)) }, String(t[n] ?? r))) : /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", {
+					colSpan: e.length || 1,
+					className: "hds-table-empty",
+					children: a
+				}) }) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/Container/Container.tsx
+function B({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
+	return /* @__PURE__ */ s(e, {
+		...r,
+		className: u("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, {
+		id: r,
+		className: u("hds-section-title", i),
+		children: [t === void 0 ? null : /* @__PURE__ */ s("span", {
+			className: "hds-section-index",
+			"aria-hidden": "true",
+			children: String(t).padStart(2, "0")
+		}), e]
+	});
+}
+//#endregion
+//#region src/components/Separator/Separator.tsx
+function H({ orientation: e = "horizontal", decorative: t = !1, className: n }) {
+	return /* @__PURE__ */ s("div", {
+		role: t ? "none" : "separator",
+		"aria-orientation": t ? void 0 : e,
+		className: u("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", {
+		...i,
+		role: "region",
+		"aria-label": e,
+		tabIndex: 0,
+		className: u("hds-scroll", n),
+		style: {
+			maxHeight: t,
+			...r
+		}
+	});
+}
+//#endregion
+//#region src/components/Loading/Loading.tsx
+function W({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, className: r }) {
+	return /* @__PURE__ */ c("span", {
+		role: "status",
+		className: u("hds-loading", `hds-loading--${e}`, r),
+		children: [/* @__PURE__ */ s(h, { name: "loader" }), /* @__PURE__ */ s("span", {
+			className: n ? void 0 : "hds-visually-hidden",
+			children: t
+		})]
+	});
+}
+//#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),
+		style: {
+			width: n,
+			height: n
+		},
+		children: [/* @__PURE__ */ s("span", {
+			className: "hds-avatar-glow",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ s("img", {
+			className: "hds-avatar-image",
+			src: e,
+			alt: t,
+			width: n,
+			height: n
+		})]
+	});
+}
+//#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 };
+
+//# sourceMappingURL=index.js.map