@hemerson/design-system 0.0.0-stage → 0.2.0

package/dist/index.js

@@ -0,0 +1,680 @@
+import { t as e } from "./enableGlassRefraction-CgDeg-2E.js";
+import { forwardRef as t, useEffect as n, useId as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as u } from "react-dom";
+//#region src/internal/cx.ts
+function d(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/GlassPanel/GlassPanel.tsx
+var f = t(function({ as: e = "div", tone: t = "regular", className: n, ...r }, i) {
+	return /* @__PURE__ */ c(e, {
+		...r,
+		ref: i,
+		className: d("hds-glass", t !== "regular" && `hds-glass--${t}`, n)
+	});
+}), p = {
+	check: ["M20 6 9 17l-5-5"],
+	x: ["M18 6 6 18", "m6 6 12 12"],
+	"chevron-down": ["m6 9 6 6 6-6"],
+	"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 m({ name: e, className: t }) {
+	return /* @__PURE__ */ c("svg", {
+		className: d("hds-icon", t),
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: p[e].map((e) => e === "circle" ? /* @__PURE__ */ c("circle", {
+			cx: 12,
+			cy: 12,
+			r: 10
+		}, e) : /* @__PURE__ */ c("path", { d: e }, e))
+	});
+}
+//#endregion
+//#region src/components/Button/Button.tsx
+var h = t(function({ variant: e = "primary", size: t = "md", icon: n, iconOnly: r = !1, loading: i = !1, disabled: a, type: o = "button", className: s, children: u, ...f }, p) {
+	return r && !f["aria-label"] && !f["aria-labelledby"] && console.warn("Button: an icon-only button needs an aria-label."), /* @__PURE__ */ l("button", {
+		...f,
+		ref: p,
+		type: o,
+		disabled: a || i,
+		"aria-busy": i || void 0,
+		className: d("hds-btn", `hds-btn--${e}`, t !== "md" && `hds-btn--${t}`, r && "hds-btn--icon", e === "glass" && "hds-glass", s),
+		children: [i ? /* @__PURE__ */ c(m, {
+			name: "loader",
+			className: "hds-spin"
+		}) : n, r ? null : u]
+	});
+});
+//#endregion
+//#region src/components/NavBar/NavBar.tsx
+function g({ active: e = !1, className: t, ...n }) {
+	return /* @__PURE__ */ c("a", {
+		...n,
+		"aria-current": e ? "page" : void 0,
+		className: d("hds-navbar-link", t)
+	});
+}
+function _({ title: e, actions: t, navLabel: n = "Principal", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ l(f, {
+		...a,
+		as: "header",
+		className: d("hds-navbar", r),
+		children: [
+			e ? /* @__PURE__ */ c("p", {
+				className: "hds-navbar-title",
+				children: e
+			}) : null,
+			i ? /* @__PURE__ */ c("nav", {
+				className: "hds-navbar-nav",
+				"aria-label": n,
+				children: i
+			}) : null,
+			t ? /* @__PURE__ */ c("div", {
+				className: "hds-navbar-actions",
+				children: t
+			}) : null
+		]
+	});
+}
+var v = Object.assign(_, { Link: g });
+//#endregion
+//#region src/components/Sidebar/Sidebar.tsx
+function y({ items: e, footer: t, floating: n = !1, label: r = "Navegação", className: i }) {
+	return /* @__PURE__ */ l(f, {
+		as: "nav",
+		"aria-label": r,
+		className: d("hds-sidebar", n && "hds-sidebar--floating", i),
+		children: [/* @__PURE__ */ c("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__ */ c("li", { children: e.href ? /* @__PURE__ */ c("a", {
+					...t,
+					href: e.href,
+					onClick: e.onClick,
+					children: e.icon
+				}) : /* @__PURE__ */ c("button", {
+					...t,
+					type: "button",
+					onClick: e.onClick,
+					children: e.icon
+				}) }, e.label);
+			})
+		}), t ? /* @__PURE__ */ c("div", {
+			className: "hds-sidebar-footer",
+			children: t
+		}) : null]
+	});
+}
+//#endregion
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+var b = {
+	ArrowRight: 1,
+	ArrowDown: 1,
+	ArrowLeft: -1,
+	ArrowUp: -1
+};
+function x({ options: e, value: t, defaultValue: n, onChange: r, label: s, className: u }) {
+	let [p, m] = o(n ?? e[0]?.value), h = t === void 0 ? p : t, g = a([]), _ = a(null), v = Math.max(0, e.findIndex((e) => e.value === h));
+	i(() => {
+		function e() {
+			let e = g.current[v];
+			e && _.current && (_.current.style.width = `${e.offsetWidth}px`, _.current.style.transform = `translateX(${e.offsetLeft - 4}px)`, _.current.style.opacity = "1");
+		}
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [v, e.length]);
+	function y(e) {
+		t === void 0 && m(e), r?.(e);
+	}
+	function x(t) {
+		let n = b[t.key];
+		if (!n) return;
+		t.preventDefault();
+		let r = (v + n + e.length) % e.length;
+		y(e[r].value), g.current[r]?.focus();
+	}
+	return /* @__PURE__ */ l(f, {
+		role: "radiogroup",
+		"aria-label": s,
+		className: d("hds-segmented", u),
+		onKeyDown: x,
+		children: [/* @__PURE__ */ c("span", {
+			ref: _,
+			className: "hds-segmented-thumb",
+			"aria-hidden": "true",
+			style: { opacity: 0 }
+		}), e.map((e, t) => {
+			let n = t === v;
+			return /* @__PURE__ */ l("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 S({ label: e, icon: t, iconOnly: i = !1, items: s, align: u = "end", triggerVariant: p = "glass", className: m }) {
+	let [g, _] = o(!1), v = a(null), y = a(null), b = a(null), x = r(), S = () => Array.from(b.current?.querySelectorAll("[role=\"menuitem\"]") ?? []);
+	function C(e) {
+		_(!1), e && y.current?.focus();
+	}
+	n(() => {
+		if (!g) return;
+		S()[0]?.focus();
+		function e(e) {
+			v.current && !v.current.contains(e.target) && _(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [g]);
+	function w(e) {
+		let t = S(), n = t.indexOf(document.activeElement);
+		e.key === "Escape" ? (e.preventDefault(), C(!0)) : e.key === "Tab" ? C(!1) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), t[(n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus()) : (e.key === "Home" || e.key === "End") && (e.preventDefault(), (e.key === "Home" ? t[0] : t[t.length - 1])?.focus());
+	}
+	return /* @__PURE__ */ l("div", {
+		ref: v,
+		className: d("hds-menu", m),
+		children: [/* @__PURE__ */ c(h, {
+			ref: y,
+			variant: p,
+			icon: t,
+			iconOnly: i,
+			"aria-label": i ? e : void 0,
+			"aria-haspopup": "menu",
+			"aria-expanded": g,
+			"aria-controls": g ? x : void 0,
+			onClick: () => _(!g),
+			children: e
+		}), g ? /* @__PURE__ */ c(f, {
+			ref: b,
+			id: x,
+			role: "menu",
+			"aria-label": e,
+			className: d("hds-menu-panel", `hds-menu-panel--${u}`),
+			onKeyDown: w,
+			children: s.map((e, t) => e.separator ? /* @__PURE__ */ c("div", {
+				role: "separator",
+				className: "hds-menu-separator"
+			}, `separator-${t}`) : /* @__PURE__ */ l("button", {
+				type: "button",
+				role: "menuitem",
+				tabIndex: -1,
+				className: d("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 C = t(function({ label: e, position: t = "bottom-right", type: n = "button", className: r, ...i }, a) {
+	return /* @__PURE__ */ c("button", {
+		...i,
+		ref: a,
+		type: n,
+		"aria-label": e,
+		title: e,
+		className: d("hds-glass", "hds-fab", `hds-fab--${t}`, r)
+	});
+}), w = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function T({ open: e, onClose: t, title: i, description: o, children: s, footer: p, closeLabel: g = "Fechar", initialFocus: _ = "first", className: v }) {
+	let y = a(null), b = r(), x = r(), S = a(t);
+	return n(() => {
+		S.current = t;
+	}, [t]), n(() => {
+		if (!e) return;
+		let t = document.activeElement, n = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let r = y.current?.querySelectorAll(w) ?? [];
+		(_ === "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(w));
+			if (t.length === 0) return;
+			let n = t[0], r = t[t.length - 1];
+			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
+		}
+		return document.addEventListener("keydown", i), () => {
+			document.removeEventListener("keydown", i), document.body.style.overflow = n, t?.focus();
+		};
+	}, [e, _]), e ? u(/* @__PURE__ */ c("div", {
+		className: "hds-scrim",
+		onMouseDown: (e) => {
+			e.target === e.currentTarget && t();
+		},
+		children: /* @__PURE__ */ l(f, {
+			ref: y,
+			tone: "thick",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": b,
+			"aria-describedby": o ? x : void 0,
+			tabIndex: -1,
+			className: d("hds-dialog", v),
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "hds-dialog-header",
+					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
+						id: b,
+						className: "hds-dialog-title",
+						children: i
+					}), o ? /* @__PURE__ */ c("p", {
+						id: x,
+						className: "hds-dialog-description",
+						children: o
+					}) : null] }), /* @__PURE__ */ c(h, {
+						variant: "ghost",
+						size: "sm",
+						iconOnly: !0,
+						icon: /* @__PURE__ */ c(m, { name: "x" }),
+						"aria-label": g,
+						onClick: t
+					})]
+				}),
+				s,
+				p ? /* @__PURE__ */ c("div", {
+					className: "hds-dialog-footer",
+					children: p
+				}) : null
+			]
+		})
+	}), document.body) : null;
+}
+//#endregion
+//#region src/components/Toast/Toast.tsx
+var E = {
+	neutral: "info",
+	success: "circle-check",
+	warning: "triangle-alert",
+	danger: "circle-x"
+};
+function D({ open: e, onClose: t, tone: r = "neutral", title: i, description: s, duration: p = 5e3, closeLabel: g = "Fechar aviso", className: _ }) {
+	let [v, y] = o(!1), b = a(t);
+	return n(() => {
+		b.current = t;
+	}, [t]), n(() => {
+		if (!e || !p || v) return;
+		let t = window.setTimeout(() => b.current?.(), p);
+		return () => window.clearTimeout(t);
+	}, [
+		e,
+		p,
+		v
+	]), e ? u(/* @__PURE__ */ c("div", {
+		className: "hds-toast-region",
+		children: /* @__PURE__ */ l(f, {
+			role: r === "danger" ? "alert" : "status",
+			className: d("hds-toast", `hds-toast--${r}`, _),
+			onMouseEnter: () => y(!0),
+			onMouseLeave: () => y(!1),
+			onFocus: () => y(!0),
+			onBlur: () => y(!1),
+			children: [
+				/* @__PURE__ */ c(m, { name: E[r] }),
+				/* @__PURE__ */ l("div", {
+					className: "hds-toast-body",
+					children: [/* @__PURE__ */ c("p", {
+						className: "hds-toast-title",
+						children: i
+					}), s ? /* @__PURE__ */ c("p", {
+						className: "hds-toast-description",
+						children: s
+					}) : null]
+				}),
+				t ? /* @__PURE__ */ c(h, {
+					variant: "ghost",
+					size: "sm",
+					iconOnly: !0,
+					icon: /* @__PURE__ */ c(m, { name: "x" }),
+					"aria-label": g,
+					onClick: t
+				}) : null
+			]
+		})
+	}), document.body) : null;
+}
+//#endregion
+//#region src/internal/field.tsx
+function O(e) {
+	let t = r(), n = e ?? t;
+	return {
+		id: n,
+		hint: `${n}-hint`,
+		error: `${n}-error`
+	};
+}
+function k(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 A({ hint: e, error: t, ids: n }) {
+	return /* @__PURE__ */ l(s, { children: [e ? /* @__PURE__ */ c("p", {
+		id: n.hint,
+		className: "hds-hint",
+		children: e
+	}) : null, t ? /* @__PURE__ */ l("p", {
+		id: n.error,
+		className: "hds-error",
+		children: [/* @__PURE__ */ c(m, { name: "circle-x" }), t]
+	}) : null] });
+}
+//#endregion
+//#region src/components/Input/Input.tsx
+var j = t(function({ label: e, hint: t, error: n, numeric: r = !1, id: i, className: a, ...o }, s) {
+	let u = O(i);
+	return /* @__PURE__ */ l("div", {
+		className: d("hds-field", a),
+		children: [
+			/* @__PURE__ */ c("label", {
+				className: "hds-label",
+				htmlFor: u.id,
+				children: e
+			}),
+			/* @__PURE__ */ c("input", {
+				inputMode: r ? "decimal" : void 0,
+				...o,
+				ref: s,
+				id: u.id,
+				"aria-invalid": n ? !0 : void 0,
+				"aria-describedby": k({
+					hint: t,
+					error: n,
+					"aria-describedby": o["aria-describedby"]
+				}, u),
+				className: d("hds-input", r && "hds-input--numeric")
+			}),
+			/* @__PURE__ */ c(A, {
+				hint: t,
+				error: n,
+				ids: u
+			})
+		]
+	});
+}), M = t(function({ label: e, options: t, placeholder: n, hint: r, error: i, id: a, className: o, ...s }, u) {
+	let f = O(a);
+	return /* @__PURE__ */ l("div", {
+		className: d("hds-field", o),
+		children: [
+			/* @__PURE__ */ c("label", {
+				className: "hds-label",
+				htmlFor: f.id,
+				children: e
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "hds-select-wrap",
+				children: [/* @__PURE__ */ l("select", {
+					...s,
+					ref: u,
+					id: f.id,
+					"aria-invalid": i ? !0 : void 0,
+					"aria-describedby": k({
+						hint: r,
+						error: i,
+						"aria-describedby": s["aria-describedby"]
+					}, f),
+					className: "hds-select",
+					children: [n ? /* @__PURE__ */ c("option", {
+						value: "",
+						disabled: !0,
+						children: n
+					}) : null, t.map((e) => /* @__PURE__ */ c("option", {
+						value: e.value,
+						disabled: e.disabled,
+						children: e.label
+					}, e.value))]
+				}), /* @__PURE__ */ c(m, { name: "chevron-down" })]
+			}),
+			/* @__PURE__ */ c(A, {
+				hint: r,
+				error: i,
+				ids: f
+			})
+		]
+	});
+}), N = t(function({ label: e, hint: t, id: n, className: r, ...i }, a) {
+	let o = O(n);
+	return /* @__PURE__ */ l("label", {
+		className: d("hds-checkbox", r),
+		htmlFor: o.id,
+		children: [/* @__PURE__ */ l("span", {
+			className: "hds-checkbox-control",
+			children: [/* @__PURE__ */ c("input", {
+				...i,
+				ref: a,
+				id: o.id,
+				type: "checkbox",
+				className: "hds-checkbox-input",
+				"aria-describedby": t ? o.hint : i["aria-describedby"]
+			}), /* @__PURE__ */ c("span", {
+				className: "hds-checkbox-box",
+				children: /* @__PURE__ */ c(m, { name: "check" })
+			})]
+		}), /* @__PURE__ */ l("span", {
+			className: "hds-checkbox-text",
+			children: [e, t ? /* @__PURE__ */ c("span", {
+				id: o.hint,
+				className: "hds-hint",
+				children: t
+			}) : null]
+		})]
+	});
+});
+//#endregion
+//#region src/components/Card/Card.tsx
+function P({ as: e = "article", eyebrow: t, title: n, media: r, footer: i, interactive: a = !1, className: o, children: s, ...u }) {
+	return /* @__PURE__ */ l(e, {
+		...u,
+		className: d("hds-card", a && "hds-card--interactive", o),
+		children: [
+			r ? /* @__PURE__ */ c("img", {
+				className: "hds-card-media",
+				src: r.src,
+				alt: r.alt ?? ""
+			}) : null,
+			/* @__PURE__ */ l("div", {
+				className: "hds-card-body",
+				children: [
+					t ? /* @__PURE__ */ c("p", {
+						className: "hds-card-eyebrow",
+						children: t
+					}) : null,
+					n ? /* @__PURE__ */ c("h3", {
+						className: "hds-card-title",
+						children: n
+					}) : null,
+					s ? /* @__PURE__ */ c("div", {
+						className: "hds-card-text",
+						children: s
+					}) : null
+				]
+			}),
+			i ? /* @__PURE__ */ c("div", {
+				className: "hds-card-footer",
+				children: i
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/Badge/Badge.tsx
+var F = {
+	accent: "info",
+	success: "circle-check",
+	warning: "triangle-alert",
+	danger: "circle-x"
+};
+function I({ tone: e = "neutral", icon: t, children: n, className: r }) {
+	let i = F[e], a = t === !1 ? null : t ?? (i ? /* @__PURE__ */ c(m, { name: i }) : null);
+	return /* @__PURE__ */ l("span", {
+		className: d("hds-badge", `hds-badge--${e}`, r),
+		children: [a, n]
+	});
+}
+//#endregion
+//#region src/components/Table/Table.tsx
+function L(e) {
+	return e.numeric ? "hds-cell--numeric" : e.align === "center" ? "hds-cell--center" : void 0;
+}
+function R({ columns: e, rows: t, rowKey: n = "id", caption: r, hideCaption: i = !1, empty: a = "Nada para mostrar.", maxHeight: o, className: s }) {
+	return /* @__PURE__ */ c("div", {
+		className: d("hds-table-wrap", "hds-scroll", s),
+		role: "region",
+		"aria-label": r,
+		tabIndex: 0,
+		style: o === void 0 ? void 0 : { maxHeight: o },
+		children: /* @__PURE__ */ l("table", {
+			className: "hds-table",
+			children: [
+				r ? /* @__PURE__ */ c("caption", {
+					className: i ? "hds-visually-hidden" : void 0,
+					children: r
+				}) : null,
+				/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: e.map((e) => /* @__PURE__ */ c("th", {
+					scope: "col",
+					className: L(e),
+					children: e.header
+				}, e.key)) }) }),
+				/* @__PURE__ */ c("tbody", { children: t.length ? t.map((t, r) => /* @__PURE__ */ c("tr", { children: e.map((e) => /* @__PURE__ */ c("td", {
+					className: L(e),
+					children: e.render ? e.render(t) : t[e.key]
+				}, e.key)) }, String(t[n] ?? r))) : /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+					colSpan: e.length || 1,
+					className: "hds-table-empty",
+					children: a
+				}) }) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/Container/Container.tsx
+function z({ as: e = "section", withSidebar: t = !1, className: n, ...r }) {
+	return /* @__PURE__ */ c(e, {
+		...r,
+		className: d("hds-container", t && "hds-container--with-sidebar", n)
+	});
+}
+//#endregion
+//#region src/components/SectionTitle/SectionTitle.tsx
+function B({ children: e, index: t, as: n = "h2", id: r, className: i }) {
+	return /* @__PURE__ */ l(n, {
+		id: r,
+		className: d("hds-section-title", i),
+		children: [t === void 0 ? null : /* @__PURE__ */ c("span", {
+			className: "hds-section-index",
+			"aria-hidden": "true",
+			children: String(t).padStart(2, "0")
+		}), e]
+	});
+}
+//#endregion
+//#region src/components/Separator/Separator.tsx
+function V({ orientation: e = "horizontal", decorative: t = !1, className: n }) {
+	return /* @__PURE__ */ c("div", {
+		role: t ? "none" : "separator",
+		"aria-orientation": t ? void 0 : e,
+		className: d("hds-separator", `hds-separator--${e}`, n)
+	});
+}
+//#endregion
+//#region src/components/ScrollArea/ScrollArea.tsx
+function H({ label: e, maxHeight: t, className: n, style: r, ...i }) {
+	return /* @__PURE__ */ c("div", {
+		...i,
+		role: "region",
+		"aria-label": e,
+		tabIndex: 0,
+		className: d("hds-scroll", n),
+		style: {
+			maxHeight: t,
+			...r
+		}
+	});
+}
+//#endregion
+//#region src/components/Loading/Loading.tsx
+function U({ size: e = "md", label: t = "Carregando…", showLabel: n = !1, className: r }) {
+	return /* @__PURE__ */ l("span", {
+		role: "status",
+		className: d("hds-loading", `hds-loading--${e}`, r),
+		children: [/* @__PURE__ */ c(m, { name: "loader" }), /* @__PURE__ */ c("span", {
+			className: n ? void 0 : "hds-visually-hidden",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/GlowAvatar/GlowAvatar.tsx
+function W({ src: e, alt: t, size: n = 96, className: r }) {
+	return /* @__PURE__ */ l("span", {
+		className: d("hds-avatar", r),
+		style: {
+			width: n,
+			height: n
+		},
+		children: [/* @__PURE__ */ c("span", {
+			className: "hds-avatar-glow",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ c("img", {
+			className: "hds-avatar-image",
+			src: e,
+			alt: t,
+			width: n,
+			height: n
+		})]
+	});
+}
+//#endregion
+export { I as Badge, h as Button, P as Card, N as Checkbox, z as Container, T as Dialog, C as FloatingButton, f as GlassPanel, W as GlowAvatar, j as Input, U as Loading, S as Menu, v as NavBar, H as ScrollArea, B as SectionTitle, x as SegmentedControl, M as Select, V as Separator, y as Sidebar, R as Table, D as Toast, e as enableGlassRefraction };
+
+//# sourceMappingURL=index.js.map