sonahang-ui 1.0.0

package/dist/sonahang-ui.js

@@ -0,0 +1,2578 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Children as r, Fragment as i, cloneElement as a, createContext as o, createElement as s, isValidElement as c, useCallback as l, useContext as u, useEffect as d, useId as f, useLayoutEffect as p, useRef as m, useState as h } from "react";
+import { createPortal as g } from "react-dom";
+//#region \0rolldown/runtime.js
+var _ = Object.defineProperty, v = (e, t) => {
+	let n = {};
+	for (var r in e) _(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || _(n, Symbol.toStringTag, { value: "Module" }), n;
+}, y = [
+	"display",
+	"heading-1",
+	"heading-2",
+	"heading-3",
+	"heading-4",
+	"body-lg",
+	"body",
+	"body-sm",
+	"caption"
+], b = [
+	"default",
+	"subtle",
+	"inverse",
+	"accent"
+], x = [
+	"regular",
+	"medium",
+	"semibold",
+	"bold"
+], S = {
+	display: "h1",
+	"heading-1": "h1",
+	"heading-2": "h2",
+	"heading-3": "h3",
+	"heading-4": "h4",
+	"body-lg": "p",
+	body: "p",
+	"body-sm": "p",
+	caption: "span"
+};
+//#endregion
+//#region src/components/Text/Text.tsx
+function C({ as: e, variant: n = "body", color: r = "default", weight: i, align: a, className: o, style: s, children: c, ...l }) {
+	let u = e ?? S[n], d = [
+		"sh-text",
+		`sh-text--${n}`,
+		`sh-text--color-${r}`,
+		o
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t(u, {
+		className: d,
+		style: {
+			...i ? { fontWeight: `var(--font-weight-${i})` } : void 0,
+			...a ? { textAlign: a } : void 0,
+			...s
+		},
+		...l,
+		children: c
+	});
+}
+//#endregion
+//#region src/components/Button/buttonClassNames.ts
+function w({ variant: e = "primary", size: t = "md", fullWidth: n = !1, loading: r = !1, className: i } = {}) {
+	return [
+		"sh-button",
+		`sh-button--${e}`,
+		`sh-button--${t}`,
+		n && "sh-button--full-width",
+		r && "sh-button--loading",
+		i
+	].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/Button/Button.tsx
+function T({ variant: r = "primary", size: i = "md", fullWidth: a = !1, icon: o, iconPosition: s = "left", loading: c = !1, disabled: l, className: u, children: d, ...f }) {
+	let p = r === "icon", m = w({
+		variant: r,
+		size: i,
+		fullWidth: a,
+		loading: c,
+		className: u
+	});
+	return /* @__PURE__ */ t("button", {
+		className: m,
+		disabled: l || c,
+		"aria-busy": c || void 0,
+		...f,
+		children: /* @__PURE__ */ n("span", {
+			className: "sh-button__content",
+			children: [c && /* @__PURE__ */ t("span", {
+				className: "sh-button__spinner",
+				"aria-hidden": "true"
+			}), p ? !c && /* @__PURE__ */ t("span", {
+				className: "sh-button__icon",
+				children: o
+			}) : /* @__PURE__ */ n(e, { children: [
+				o && s === "left" && !c && /* @__PURE__ */ t("span", {
+					className: "sh-button__icon",
+					children: o
+				}),
+				d,
+				o && s === "right" && /* @__PURE__ */ t("span", {
+					className: "sh-button__icon",
+					children: o
+				})
+			] })]
+		})
+	});
+}
+//#endregion
+//#region src/components/Button/button.tokens.ts
+var E = [
+	"primary",
+	"secondary",
+	"outline",
+	"ghost",
+	"icon"
+], D = [
+	"sm",
+	"md",
+	"lg"
+], O = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M3 13.5h4l1.5 2.5h7l1.5-2.5h4M3 13.5 5.8 6.2A1.5 1.5 0 0 1 7.2 5.2h9.6a1.5 1.5 0 0 1 1.4 1L21 13.5v3.3a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 16.8Z",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+function k({ title: e, description: r, icon: i, action: a, secondaryAction: o, headingLevel: c = 3, size: l = "md", children: u, className: d, ...f }) {
+	let p = i === void 0 ? /* @__PURE__ */ t(O, {}) : i, m = p !== !1 && p !== null, h = (e, r) => {
+		let { label: i, href: a, onClick: o, icon: s, variant: c, target: u, rel: d } = e, f = c ?? r;
+		return a === void 0 ? /* @__PURE__ */ t(T, {
+			variant: f,
+			size: l === "sm" ? "sm" : "md",
+			icon: s,
+			onClick: o,
+			children: i
+		}) : /* @__PURE__ */ t("a", {
+			href: a,
+			target: u,
+			rel: d ?? (u === "_blank" ? "noopener noreferrer" : void 0),
+			onClick: o,
+			className: w({
+				variant: f,
+				size: l === "sm" ? "sm" : "md"
+			}),
+			children: /* @__PURE__ */ n("span", {
+				className: "sh-button__content",
+				children: [s && /* @__PURE__ */ t("span", {
+					className: "sh-button__icon",
+					children: s
+				}), i]
+			})
+		});
+	};
+	return /* @__PURE__ */ n("div", {
+		className: [
+			"sh-empty-state",
+			`sh-empty-state--${l}`,
+			d
+		].filter(Boolean).join(" "),
+		...f,
+		children: [
+			m && /* @__PURE__ */ t("span", {
+				className: "sh-empty-state__icon",
+				children: p
+			}),
+			s(`h${c}`, { className: "sh-empty-state__title" }, e),
+			r && /* @__PURE__ */ t("p", {
+				className: "sh-empty-state__description",
+				children: r
+			}),
+			(a || o) && /* @__PURE__ */ n("div", {
+				className: "sh-empty-state__actions",
+				children: [a && h(a, "primary"), o && h(o, "secondary")]
+			}),
+			u && /* @__PURE__ */ t("div", {
+				className: "sh-empty-state__extra",
+				children: u
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Tag/Tag.tsx
+function A({ variant: e = "primary", className: n, children: r, ...i }) {
+	let a = [
+		"sh-tag",
+		`sh-tag--${e}`,
+		n
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t("span", {
+		className: a,
+		...i,
+		children: r
+	});
+}
+//#endregion
+//#region src/components/Tag/tag.tokens.ts
+var j = [
+	"primary",
+	"secondary",
+	"outline"
+], M = {
+	add: /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.75,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M8 3.5v9M3.5 8h9",
+			strokeLinecap: "round"
+		})
+	}),
+	remove: /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.75,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M4.5 4.5l7 7M11.5 4.5l-7 7",
+			strokeLinecap: "round"
+		})
+	})
+}, N = {
+	add: "Add",
+	remove: "Remove"
+};
+function P({ variant: e = "primary", action: r, onAction: i, actionLabel: a, disabled: o = !1, className: s, children: c, ...l }) {
+	let u = [
+		"sh-chip",
+		`sh-chip--${e}`,
+		r && "sh-chip--with-action",
+		o && "sh-chip--disabled",
+		s
+	].filter(Boolean).join(" "), d = a ?? (r ? typeof c == "string" ? `${N[r]} ${c}` : N[r] : void 0);
+	return /* @__PURE__ */ n("span", {
+		className: u,
+		...l,
+		children: [/* @__PURE__ */ t("span", {
+			className: "sh-chip__label",
+			children: c
+		}), r && /* @__PURE__ */ t("button", {
+			type: "button",
+			className: "sh-chip__action",
+			onClick: i,
+			disabled: o,
+			"aria-label": d,
+			children: M[r]
+		})]
+	});
+}
+//#endregion
+//#region src/components/Chip/chip.tokens.ts
+var F = [
+	"primary",
+	"secondary",
+	"outline"
+], I = ["add", "remove"], L = o(void 0);
+//#endregion
+//#region src/components/Avatar/getInitials.ts
+function R(e, t = 2) {
+	let n = e.trim().split(/\s+/).filter(Boolean);
+	return n.length === 0 ? "" : (n.length > t ? [n[0], n[n.length - 1]] : n).slice(0, t).map((e) => e.charAt(0).toUpperCase()).join("");
+}
+//#endregion
+//#region src/components/Avatar/Avatar.tsx
+var z = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	className: "sh-avatar__icon",
+	children: /* @__PURE__ */ t("path", { d: "M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 1.8c-3.6 0-7.2 1.8-7.2 4.05V21h14.4v-3.15c0-2.25-3.6-4.05-7.2-4.05Z" })
+});
+function B({ src: e, name: n, alt: r, size: i, className: a, children: o, ...s }) {
+	let [c, l] = h(void 0), d = u(L), f = i ?? d ?? "md", p = !!e && c !== e, m = n ? R(n) : "", g = r ?? n, _ = [
+		"sh-avatar",
+		`sh-avatar--${f}`,
+		a
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t("span", {
+		className: _,
+		...!p && g ? {
+			role: "img",
+			"aria-label": g
+		} : void 0,
+		...s,
+		children: p ? /* @__PURE__ */ t("img", {
+			className: "sh-avatar__image",
+			src: e,
+			alt: g ?? "",
+			onError: () => l(e)
+		}) : o ?? /* @__PURE__ */ t("span", {
+			className: "sh-avatar__fallback",
+			"aria-hidden": "true",
+			children: m || /* @__PURE__ */ t(z, {})
+		})
+	});
+}
+//#endregion
+//#region src/components/Avatar/AvatarGroup.tsx
+function ee({ max: e, size: i = "md", className: a, children: o, ...s }) {
+	let l = r.toArray(o).filter(c), u = typeof e == "number" && e >= 0 ? e : l.length, d = l.slice(0, u), f = l.length - d.length, p = ["sh-avatar-group", a].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t(L.Provider, {
+		value: i,
+		children: /* @__PURE__ */ n("div", {
+			className: p,
+			...s,
+			children: [d, f > 0 && /* @__PURE__ */ t("span", {
+				className: `sh-avatar sh-avatar--${i} sh-avatar--overflow`,
+				role: "img",
+				"aria-label": `${f} more`,
+				children: /* @__PURE__ */ n("span", {
+					className: "sh-avatar__fallback",
+					"aria-hidden": "true",
+					children: ["+", f]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/Avatar/avatar.tokens.ts
+var V = [
+	"sm",
+	"md",
+	"lg"
+];
+//#endregion
+//#region src/components/Input/Input.tsx
+function te({ label: e, helperText: r, error: i, icon: a, iconPosition: o = "left", className: s, inputClassName: c, id: l, required: u, disabled: d, "aria-describedby": p, ...m }) {
+	let h = f(), g = l ?? h, _ = `${g}-message`, v = !!i, y = i ?? r, b = [p, y ? _ : void 0].filter(Boolean).join(" ") || void 0, x = [
+		"sh-input",
+		v && "sh-input--invalid",
+		d && "sh-input--disabled",
+		a && `sh-input--with-icon-${o}`,
+		s
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: x,
+		children: [
+			e && /* @__PURE__ */ n("label", {
+				className: "sh-input__label",
+				htmlFor: g,
+				children: [e, u && /* @__PURE__ */ t("span", {
+					className: "sh-input__required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "sh-input__field",
+				children: [a && /* @__PURE__ */ t("span", {
+					className: "sh-input__icon",
+					"aria-hidden": "true",
+					children: a
+				}), /* @__PURE__ */ t("input", {
+					id: g,
+					className: ["sh-input__control", c].filter(Boolean).join(" "),
+					required: u,
+					disabled: d,
+					"aria-invalid": v || void 0,
+					"aria-describedby": b,
+					...m
+				})]
+			}),
+			y && /* @__PURE__ */ t("span", {
+				id: _,
+				className: "sh-input__message",
+				children: y
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/InputOtp/sanitizeOtpValue.ts
+var H = ["numeric", "alphanumeric"], ne = {
+	numeric: /[0-9]/,
+	alphanumeric: /[a-zA-Z0-9]/
+};
+function U(e, { length: t, type: n = "numeric" }) {
+	let r = ne[n], i = "";
+	for (let n of e) {
+		if (i.length >= t) break;
+		r.test(n) && (i += n);
+	}
+	return i;
+}
+//#endregion
+//#region src/components/InputOtp/InputOtp.tsx
+function re({ length: e = 6, value: r, defaultValue: a = "", onChange: o, onComplete: s, type: c = "numeric", mask: l = !1, groupSize: u, label: d, helperText: p, error: g, className: _, id: v, required: y, disabled: b, "aria-describedby": x, onFocus: S, onBlur: C, onSelect: w, onClick: T, ...E }) {
+	let D = f(), O = v ?? D, k = `${O}-message`, A = m(null), [j, M] = h(!1), [N, P] = h(0), [F, I] = h(() => U(a, {
+		length: e,
+		type: c
+	})), L = r !== void 0, R = L ? U(r, {
+		length: e,
+		type: c
+	}) : F, z = !!g, B = g ?? p, ee = [x, B ? k : void 0].filter(Boolean).join(" ") || void 0, V = () => {
+		let e = A.current;
+		if (!e) return;
+		let t = e.value.length;
+		e.setSelectionRange(t, t), P(t);
+	}, te = Array.from({ length: e }, (e, t) => R[t] ?? ""), H = j && !b ? Math.min(N, e - 1) : -1;
+	return /* @__PURE__ */ n("div", {
+		className: [
+			"sh-input-otp",
+			z && "sh-input-otp--invalid",
+			b && "sh-input-otp--disabled",
+			_
+		].filter(Boolean).join(" "),
+		children: [
+			d && /* @__PURE__ */ n("label", {
+				className: "sh-input-otp__label",
+				htmlFor: O,
+				children: [d, y && /* @__PURE__ */ t("span", {
+					className: "sh-input-otp__required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "sh-input-otp__field",
+				children: [/* @__PURE__ */ t("input", {
+					ref: A,
+					id: O,
+					className: "sh-input-otp__control",
+					value: R,
+					required: y,
+					disabled: b,
+					inputMode: c === "numeric" ? "numeric" : "text",
+					autoComplete: "one-time-code",
+					autoCorrect: "off",
+					autoCapitalize: "off",
+					spellCheck: !1,
+					"aria-invalid": z || void 0,
+					"aria-describedby": ee,
+					onChange: (t) => {
+						let n = U(t.target.value, {
+							length: e,
+							type: c
+						});
+						n !== R && (L || I(n), o?.(n), n.length === e && s?.(n));
+					},
+					onFocus: (e) => {
+						S?.(e), M(!0), V();
+					},
+					onBlur: (e) => {
+						C?.(e), M(!1);
+					},
+					onClick: (e) => {
+						T?.(e), V();
+					},
+					onSelect: (e) => {
+						w?.(e), P(e.currentTarget.selectionStart ?? R.length);
+					},
+					...E
+				}), /* @__PURE__ */ t("div", {
+					className: "sh-input-otp__boxes",
+					"aria-hidden": "true",
+					children: te.map((e, r) => /* @__PURE__ */ n(i, { children: [u !== void 0 && r > 0 && r % u === 0 && /* @__PURE__ */ t("span", { className: "sh-input-otp__separator" }), /* @__PURE__ */ t("span", {
+						className: [
+							"sh-input-otp__slot",
+							e && "sh-input-otp__slot--filled",
+							r === H && "sh-input-otp__slot--active"
+						].filter(Boolean).join(" "),
+						children: e && l ? "•" : e
+					})] }, r))
+				})]
+			}),
+			B && /* @__PURE__ */ t("span", {
+				id: k,
+				className: "sh-input-otp__message",
+				children: B
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Dropdown/dropdown.context.ts
+var ie = o(void 0);
+function W(e) {
+	let t = u(ie);
+	if (!t) throw Error(`<${e}> must be rendered inside <Dropdown>.`);
+	return t;
+}
+//#endregion
+//#region src/components/Dropdown/Dropdown.tsx
+function ae({ children: e, open: n, defaultOpen: r = !1, onOpenChange: i, placement: a = "bottom", align: o = "start", className: s, ...c }) {
+	let u = f(), p = m(null), g = m(null), [_, v] = h(r), y = n !== void 0, b = y ? n : _, [x, S] = h(null), C = l((e = null) => {
+		S(e), y || v(!0), i?.(!0);
+	}, [y, i]), w = l(({ restoreFocus: e = !0 } = {}) => {
+		S(null), y || v(!1), i?.(!1), e && p.current?.focus();
+	}, [y, i]);
+	return d(() => {
+		if (!b) return;
+		let e = (e) => {
+			g.current?.contains(e.target) || w({ restoreFocus: !1 });
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [b, w]), d(() => {
+		if (!b) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), w());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [b, w]), /* @__PURE__ */ t(ie.Provider, {
+		value: {
+			isOpen: b,
+			open: C,
+			close: w,
+			focusOnOpen: x,
+			triggerId: `${u}-trigger`,
+			menuId: `${u}-menu`,
+			triggerRef: p,
+			placement: a,
+			align: o
+		},
+		children: /* @__PURE__ */ t("div", {
+			ref: g,
+			className: ["sh-dropdown", s].filter(Boolean).join(" "),
+			...c,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/Dropdown/DropdownTrigger.tsx
+function oe({ children: e, className: n, onClick: r, onKeyDown: i, ...a }) {
+	let { isOpen: o, open: s, close: c, triggerId: l, menuId: u, triggerRef: d } = W("DropdownTrigger");
+	return /* @__PURE__ */ t("button", {
+		ref: d,
+		type: "button",
+		id: l,
+		className: ["sh-dropdown__trigger", n].filter(Boolean).join(" "),
+		"aria-haspopup": "menu",
+		"aria-expanded": o,
+		"aria-controls": o ? u : void 0,
+		onClick: (e) => {
+			r?.(e), !e.defaultPrevented && (o ? c({ restoreFocus: !1 }) : s("first"));
+		},
+		onKeyDown: (e) => {
+			i?.(e), !(e.defaultPrevented || o) && (e.key === "ArrowDown" ? (e.preventDefault(), s("first")) : e.key === "ArrowUp" && (e.preventDefault(), s("last")));
+		},
+		...a,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/Dropdown/DropdownMenu.tsx
+function se({ children: e, className: n, onKeyDown: r, ...i }) {
+	let { isOpen: a, close: o, focusOnOpen: s, triggerId: c, menuId: l, placement: u, align: f } = W("DropdownMenu"), p = m(null), h = () => Array.from(p.current?.querySelectorAll("[role=\"menuitem\"]:not([disabled])") ?? []);
+	return d(() => {
+		if (!a || !s) return;
+		let e = h();
+		(s === "last" ? e[e.length - 1] : e[0])?.focus();
+	}, [a, s]), a ? /* @__PURE__ */ t("div", {
+		ref: p,
+		id: l,
+		className: [
+			"sh-dropdown__menu",
+			`sh-dropdown__menu--${u}`,
+			`sh-dropdown__menu--${f}`,
+			n
+		].filter(Boolean).join(" "),
+		role: "menu",
+		"aria-labelledby": c,
+		onKeyDown: (e) => {
+			if (r?.(e), e.defaultPrevented) return;
+			if (e.key === "Tab") {
+				o({ restoreFocus: !1 });
+				return;
+			}
+			if (![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			let t = h();
+			if (t.length === 0) return;
+			let n = t.indexOf(document.activeElement), i;
+			i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : n === -1 ? 0 : e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length, e.preventDefault(), t[i]?.focus();
+		},
+		...i,
+		children: e
+	}) : null;
+}
+//#endregion
+//#region src/components/Dropdown/DropdownItem.tsx
+function ce({ children: e, onSelect: r, closeOnSelect: i = !0, icon: a, destructive: o = !1, className: s, onClick: c, ...l }) {
+	let { close: u } = W("DropdownItem");
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		role: "menuitem",
+		className: [
+			"sh-dropdown__item",
+			o && "sh-dropdown__item--destructive",
+			s
+		].filter(Boolean).join(" "),
+		tabIndex: -1,
+		onClick: (e) => {
+			c?.(e), !e.defaultPrevented && (r?.(), i && u());
+		},
+		...l,
+		children: [a && /* @__PURE__ */ t("span", {
+			className: "sh-dropdown__item-icon",
+			"aria-hidden": "true",
+			children: a
+		}), /* @__PURE__ */ t("span", {
+			className: "sh-dropdown__item-label",
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/components/Dropdown/DropdownSeparator.tsx
+function le({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		className: ["sh-dropdown__separator", e].filter(Boolean).join(" "),
+		role: "separator",
+		...n
+	});
+}
+//#endregion
+//#region src/components/CodeBlock/dedentCode.ts
+function ue(e) {
+	let t = e.replace(/\r\n/g, "\n").split("\n");
+	for (; t.length > 0 && t[0].trim() === "";) t.shift();
+	for (; t.length > 0 && t[t.length - 1].trim() === "";) t.pop();
+	if (t.length === 0) return "";
+	let n = t.filter((e) => e.trim() !== "").map((e) => e.length - e.trimStart().length), r = Math.min(...n);
+	return t.map((e) => e.slice(r)).join("\n");
+}
+//#endregion
+//#region src/components/CodeBlock/CodeBlock.tsx
+var de = () => /* @__PURE__ */ n("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ t("rect", {
+		x: "5.75",
+		y: "5.75",
+		width: "8",
+		height: "8",
+		rx: "1.5"
+	}), /* @__PURE__ */ t("path", { d: "M10.5 3.5A1.5 1.5 0 0 0 9 2H3.5A1.5 1.5 0 0 0 2 3.5V9a1.5 1.5 0 0 0 1.5 1.5" })]
+}), fe = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M3.5 8.5l3 3 6-6.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), pe = 2e3;
+function me({ children: e, filename: r, language: i, showLineNumbers: a = !1, wrap: o = !1, copyable: s = !0, copyLabel: c = "Copy code", maxHeight: l, className: u, ...p }) {
+	let g = ue(e), _ = f(), [v, y] = h("idle"), b = m(void 0);
+	d(() => () => window.clearTimeout(b.current), []);
+	let x = async () => {
+		window.clearTimeout(b.current);
+		try {
+			await navigator.clipboard.writeText(g), y("copied");
+		} catch {
+			y("error");
+		}
+		b.current = window.setTimeout(() => y("idle"), pe);
+	}, S = r ?? i, C = S !== void 0 || s;
+	return /* @__PURE__ */ n("div", {
+		className: [
+			"sh-code-block",
+			o && "sh-code-block--wrap",
+			a && "sh-code-block--numbered",
+			u
+		].filter(Boolean).join(" "),
+		...p,
+		children: [
+			C && /* @__PURE__ */ n("div", {
+				className: "sh-code-block__header",
+				children: [S !== void 0 && /* @__PURE__ */ t("span", {
+					id: _,
+					className: "sh-code-block__filename",
+					children: S
+				}), s && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: "sh-code-block__copy",
+					"aria-label": c,
+					onClick: x,
+					children: t(v === "copied" ? fe : de, {})
+				})]
+			}),
+			/* @__PURE__ */ t("pre", {
+				className: "sh-code-block__pre",
+				tabIndex: 0,
+				role: S === void 0 ? void 0 : "group",
+				"aria-labelledby": S === void 0 ? void 0 : _,
+				style: l === void 0 ? void 0 : { maxHeight: l },
+				children: /* @__PURE__ */ t("code", {
+					className: ["sh-code-block__code", i && `language-${i}`].filter(Boolean).join(" "),
+					children: a ? g.split("\n").map((e, t, r) => /* @__PURE__ */ n("span", {
+						className: "sh-code-block__line",
+						children: [e, t < r.length - 1 ? "\n" : ""]
+					}, t)) : g
+				})
+			}),
+			s && /* @__PURE__ */ t("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sh-code-block__status",
+				children: v === "copied" ? "Copied" : v === "error" ? "Copy failed" : ""
+			})
+		]
+	});
+}
+//#endregion
+//#region src/internal/portalInto.ts
+function he(e, t) {
+	if (!t) return e;
+	let n = t === !0 ? typeof document > "u" ? null : document.body : t;
+	return n ? g(e, n) : null;
+}
+//#endregion
+//#region src/internal/bodyScrollLock.ts
+var G = 0, K = null;
+function ge() {
+	if (G === 0) {
+		let { body: e } = document, t = e.style.overflow, n = e.style.paddingRight, r = window.innerWidth - document.documentElement.clientWidth;
+		if (e.style.overflow = "hidden", r > 0) {
+			let t = Number.parseFloat(window.getComputedStyle(e).paddingRight) || 0;
+			e.style.paddingRight = `${t + r}px`;
+		}
+		K = () => {
+			e.style.overflow = t, e.style.paddingRight = n;
+		};
+	}
+	G += 1;
+	let e = !1;
+	return () => {
+		e || (e = !0, --G, G === 0 && (K?.(), K = null));
+	};
+}
+//#endregion
+//#region src/internal/useModalSurface.ts
+function _e({ open: e, onClose: t, closeOnEscape: n, closeOnBackdropClick: r, initialFocus: i, lockScroll: a }) {
+	let o = m(null), s = m(null), c = f();
+	return d(() => {
+		let t = o.current;
+		if (t) {
+			if (!e) {
+				t.open && t.close();
+				return;
+			}
+			return t.open || t.showModal(), i?.current?.focus(), a ? ge() : void 0;
+		}
+	}, [e, a]), d(() => {
+		let e = o.current;
+		if (!e) return;
+		let r = (e) => {
+			e.preventDefault(), n && t();
+		};
+		return e.addEventListener("cancel", r), () => e.removeEventListener("cancel", r);
+	}, [n, t]), {
+		titleId: `${c}-title`,
+		descriptionId: `${c}-description`,
+		surfaceProps: {
+			ref: o,
+			onMouseDown: (e) => {
+				s.current = e.target;
+			},
+			onClick: (e) => {
+				r && s.current === e.currentTarget && e.target === e.currentTarget && t();
+			}
+		}
+	};
+}
+//#endregion
+//#region src/components/Dialog/Dialog.tsx
+var ve = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M4.5 4.5l7 7M11.5 4.5l-7 7",
+		strokeLinecap: "round"
+	})
+});
+function ye({ open: e, onClose: r, title: i, description: a, children: o, footer: s, size: c = "md", role: l = "dialog", closeOnEscape: u = !0, closeOnBackdropClick: d = !0, showClose: f = !0, closeLabel: p = "Close", initialFocus: m, lockScroll: h = !0, portal: g = !1, className: _, ...v }) {
+	let { titleId: y, descriptionId: b, surfaceProps: x } = _e({
+		open: e,
+		onClose: r,
+		closeOnEscape: u,
+		closeOnBackdropClick: d,
+		initialFocus: m,
+		lockScroll: h
+	});
+	return he(/* @__PURE__ */ n("dialog", {
+		role: l,
+		"aria-labelledby": y,
+		"aria-describedby": a ? b : void 0,
+		className: [
+			"sh-dialog",
+			`sh-dialog--${c}`,
+			_
+		].filter(Boolean).join(" "),
+		...x,
+		...v,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "sh-dialog__header",
+				children: [/* @__PURE__ */ n("div", {
+					className: "sh-dialog__heading",
+					children: [/* @__PURE__ */ t("h2", {
+						id: y,
+						className: "sh-dialog__title",
+						children: i
+					}), a && /* @__PURE__ */ t("p", {
+						id: b,
+						className: "sh-dialog__description",
+						children: a
+					})]
+				}), f && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: "sh-dialog__close",
+					"aria-label": p,
+					onClick: r,
+					children: /* @__PURE__ */ t(ve, {})
+				})]
+			}),
+			o != null && o !== !1 && /* @__PURE__ */ t("div", {
+				className: "sh-dialog__body",
+				children: o
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "sh-dialog__footer",
+				children: s
+			})
+		]
+	}), g);
+}
+//#endregion
+//#region src/components/Dialog/dialog.tokens.ts
+var be = [
+	"sm",
+	"md",
+	"lg",
+	"fullscreen"
+], xe = ["dialog", "alertdialog"], Se = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M4.5 4.5l7 7M11.5 4.5l-7 7",
+		strokeLinecap: "round"
+	})
+});
+function Ce({ open: e, onClose: r, title: i, description: a, children: o, footer: s, side: c = "right", size: l = "md", closeOnEscape: u = !0, closeOnBackdropClick: d = !0, showClose: f = !0, closeLabel: p = "Close", initialFocus: m, lockScroll: h = !0, portal: g = !1, className: _, ...v }) {
+	let { titleId: y, descriptionId: b, surfaceProps: x } = _e({
+		open: e,
+		onClose: r,
+		closeOnEscape: u,
+		closeOnBackdropClick: d,
+		initialFocus: m,
+		lockScroll: h
+	});
+	return he(/* @__PURE__ */ n("dialog", {
+		"aria-labelledby": y,
+		"aria-describedby": a ? b : void 0,
+		className: [
+			"sh-drawer",
+			`sh-drawer--${c}`,
+			`sh-drawer--${l}`,
+			_
+		].filter(Boolean).join(" "),
+		...x,
+		...v,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "sh-drawer__header",
+				children: [/* @__PURE__ */ n("div", {
+					className: "sh-drawer__heading",
+					children: [/* @__PURE__ */ t("h2", {
+						id: y,
+						className: "sh-drawer__title",
+						children: i
+					}), a && /* @__PURE__ */ t("p", {
+						id: b,
+						className: "sh-drawer__description",
+						children: a
+					})]
+				}), f && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: "sh-drawer__close",
+					"aria-label": p,
+					onClick: r,
+					children: /* @__PURE__ */ t(Se, {})
+				})]
+			}),
+			o != null && o !== !1 && /* @__PURE__ */ t("div", {
+				className: "sh-drawer__body",
+				children: o
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "sh-drawer__footer",
+				children: s
+			})
+		]
+	}), g);
+}
+//#endregion
+//#region src/components/Drawer/drawer.tokens.ts
+var we = [
+	"left",
+	"right",
+	"top",
+	"bottom"
+], Te = [
+	"sm",
+	"md",
+	"lg",
+	"full"
+], Ee = [
+	"top",
+	"bottom",
+	"right",
+	"left"
+];
+function De({ trigger: e, tip: t, viewport: n, gap: r = 8 }) {
+	let i = {
+		top: e.top,
+		bottom: n.height - e.bottom,
+		left: e.left,
+		right: n.width - e.right
+	}, a = {
+		top: t.height + r,
+		bottom: t.height + r,
+		left: t.width + r,
+		right: t.width + r
+	};
+	return Ee.find((e) => i[e] >= a[e]) || Ee.reduce((e, t) => i[t] - a[t] > i[e] - a[e] ? t : e);
+}
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+var Oe = typeof window > "u" ? d : p;
+function ke({ children: e, content: r, placement: i = "top", delay: o = 150, open: s, defaultOpen: u = !1, onOpenChange: p, disabled: g = !1, className: _, ...v }) {
+	let y = f(), b = m(void 0), x = m(null), S = m(null), C = m(!1), [w, T] = h(u), E = s !== void 0, D = E ? s : w, O = !g && r != null && r !== "", k = () => {
+		b.current !== void 0 && (window.clearTimeout(b.current), b.current = void 0);
+	}, A = l((e) => {
+		E || T(e), p?.(e);
+	}, [E, p]), j = () => {
+		!O || D || C.current || (k(), o > 0 ? b.current = window.setTimeout(() => A(!0), o) : A(!0));
+	}, M = () => {
+		k(), D && A(!1);
+	};
+	d(() => k, []);
+	let [N, P] = h("top"), F = i === "auto", I = F ? N : i;
+	if (Oe(() => {
+		if (!F || !D || !O) return;
+		let e = () => {
+			let e = x.current, t = S.current;
+			!e || !t || P(De({
+				trigger: e.getBoundingClientRect(),
+				tip: {
+					width: t.offsetWidth,
+					height: t.offsetHeight
+				},
+				viewport: {
+					width: window.innerWidth,
+					height: window.innerHeight
+				}
+			}));
+		};
+		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [
+		F,
+		D,
+		O
+	]), d(() => {
+		if (!D || !O) return;
+		let e = (e) => {
+			e.key === "Escape" && A(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		D,
+		O,
+		A
+	]), !c(e)) throw Error("<Tooltip> expects a single element child to describe.");
+	let L = O ? a(e, { "aria-describedby": [e.props["aria-describedby"], y].filter(Boolean).join(" ") }) : e;
+	return /* @__PURE__ */ n("span", {
+		ref: x,
+		className: ["sh-tooltip", _].filter(Boolean).join(" "),
+		onMouseEnter: j,
+		onMouseLeave: () => {
+			C.current = !1, M();
+		},
+		onFocus: j,
+		onBlur: () => {
+			C.current = !1, M();
+		},
+		onMouseDown: () => {
+			C.current = !0, M();
+		},
+		...v,
+		children: [L, O && /* @__PURE__ */ t("span", {
+			ref: S,
+			id: y,
+			role: "tooltip",
+			className: [
+				"sh-tooltip__tip",
+				`sh-tooltip__tip--${I}`,
+				D && "sh-tooltip__tip--open"
+			].filter(Boolean).join(" "),
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/Select/Select.tsx
+var Ae = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M4 6.5 8 10.5l4-4",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), je = (e) => "options" in e;
+function Me({ label: e, helperText: r, error: i, options: a, placeholder: o, icon: s, className: c, selectClassName: l, children: u, id: d, required: p, disabled: m, multiple: h, "aria-describedby": g, ..._ }) {
+	let v = f(), y = d ?? v, b = `${y}-message`, x = !!i, S = i ?? r, C = [g, S ? b : void 0].filter(Boolean).join(" ") || void 0, w = [
+		"sh-select",
+		x && "sh-select--invalid",
+		m && "sh-select--disabled",
+		s && "sh-select--with-icon",
+		h && "sh-select--multiple",
+		c
+	].filter(Boolean).join(" "), T = (e) => /* @__PURE__ */ t("option", {
+		value: e.value,
+		disabled: e.disabled,
+		children: e.label
+	}, e.value);
+	return /* @__PURE__ */ n("div", {
+		className: w,
+		children: [
+			e && /* @__PURE__ */ n("label", {
+				className: "sh-select__label",
+				htmlFor: y,
+				children: [e, p && /* @__PURE__ */ t("span", {
+					className: "sh-select__required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "sh-select__field",
+				children: [
+					s && /* @__PURE__ */ t("span", {
+						className: "sh-select__icon",
+						"aria-hidden": "true",
+						children: s
+					}),
+					/* @__PURE__ */ n("select", {
+						..._,
+						id: y,
+						className: ["sh-select__control", l].filter(Boolean).join(" "),
+						required: p,
+						disabled: m,
+						multiple: h,
+						"aria-invalid": x || void 0,
+						"aria-describedby": C,
+						children: [o && /* @__PURE__ */ t("option", {
+							value: "",
+							disabled: !0,
+							children: o
+						}), a ? a.map((e) => je(e) ? /* @__PURE__ */ t("optgroup", {
+							label: e.label,
+							children: e.options.map(T)
+						}, e.label) : T(e)) : u]
+					}),
+					!h && /* @__PURE__ */ t("span", {
+						className: "sh-select__chevron",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ t(Ae, {})
+					})
+				]
+			}),
+			S && /* @__PURE__ */ t("span", {
+				id: b,
+				className: "sh-select__message",
+				children: S
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Textarea/Textarea.tsx
+function Ne({ label: e, helperText: r, error: i, resize: a = "vertical", className: o, textareaClassName: s, id: c, rows: l = 3, required: u, disabled: d, "aria-describedby": p, ...m }) {
+	let h = f(), g = c ?? h, _ = `${g}-message`, v = !!i, y = i ?? r, b = [p, y ? _ : void 0].filter(Boolean).join(" ") || void 0, x = [
+		"sh-textarea",
+		v && "sh-textarea--invalid",
+		d && "sh-textarea--disabled",
+		o
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: x,
+		children: [
+			e && /* @__PURE__ */ n("label", {
+				className: "sh-textarea__label",
+				htmlFor: g,
+				children: [e, u && /* @__PURE__ */ t("span", {
+					className: "sh-textarea__required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ t("textarea", {
+				id: g,
+				className: [
+					"sh-textarea__control",
+					`sh-textarea__control--resize-${a}`,
+					s
+				].filter(Boolean).join(" "),
+				rows: l,
+				required: u,
+				disabled: d,
+				"aria-invalid": v || void 0,
+				"aria-describedby": b,
+				...m
+			}),
+			y && /* @__PURE__ */ t("span", {
+				id: _,
+				className: "sh-textarea__message",
+				children: y
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Checkbox/checkbox.context.ts
+var Pe = o(void 0);
+//#endregion
+//#region src/components/Checkbox/Checkbox.tsx
+function Fe({ value: e, label: r, indeterminate: i = !1, className: a, inputClassName: o, name: s, checked: c, disabled: l, onChange: f, ref: p, ...h }) {
+	let g = u(Pe), _ = m(null);
+	d(() => {
+		_.current && (_.current.indeterminate = i);
+	}, [i]);
+	let v = (e) => {
+		_.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+	}, y = s ?? g?.name, b = g && e !== void 0 ? g.value.includes(e) : c, x = l ?? g?.disabled, S = (t) => {
+		g && e !== void 0 && g.onToggle(e, t.target.checked), f?.(t);
+	}, C = [
+		"sh-checkbox",
+		x && "sh-checkbox--disabled",
+		a
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("label", {
+		className: C,
+		children: [/* @__PURE__ */ t("input", {
+			...h,
+			type: "checkbox",
+			ref: v,
+			className: ["sh-checkbox__input", o].filter(Boolean).join(" "),
+			name: y,
+			value: e,
+			checked: b,
+			disabled: x,
+			onChange: S
+		}), r && /* @__PURE__ */ t("span", {
+			className: "sh-checkbox__label",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/Checkbox/CheckboxGroup.tsx
+function Ie({ children: e, value: r, defaultValue: i, onChange: a, label: o, helperText: s, error: c, name: l, orientation: u = "vertical", disabled: d = !1, "aria-label": p, className: m }) {
+	let g = f(), _ = f(), v = f(), y = l ?? g, [b, x] = h(i ?? []), S = r !== void 0, C = S ? r : b, w = (e, t) => {
+		let n = t ? [...C, e] : C.filter((t) => t !== e);
+		S || x(n), a?.(n);
+	}, T = !!c, E = c ?? s, D = [
+		"sh-checkbox-group",
+		T && "sh-checkbox-group--invalid",
+		m
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: D,
+		children: [
+			o && /* @__PURE__ */ t("span", {
+				className: "sh-checkbox-group__label",
+				id: _,
+				children: o
+			}),
+			/* @__PURE__ */ t("div", {
+				className: `sh-checkbox-group__options sh-checkbox-group__options--${u}`,
+				role: "group",
+				"aria-label": o ? void 0 : p,
+				"aria-labelledby": o ? _ : void 0,
+				"aria-describedby": E ? v : void 0,
+				"aria-invalid": T || void 0,
+				children: /* @__PURE__ */ t(Pe.Provider, {
+					value: {
+						name: y,
+						value: C,
+						onToggle: w,
+						disabled: d
+					},
+					children: e
+				})
+			}),
+			E && /* @__PURE__ */ t("span", {
+				id: v,
+				className: "sh-checkbox-group__message",
+				children: E
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Radio/radio.context.ts
+var Le = o(void 0);
+//#endregion
+//#region src/components/Radio/Radio.tsx
+function Re({ value: e, label: r, className: i, inputClassName: a, name: o, checked: s, disabled: c, onChange: l, ...d }) {
+	let f = u(Le), p = o ?? f?.name, m = f ? f.value === e : s, h = c ?? f?.disabled, g = (t) => {
+		f && e !== void 0 && f.onSelect(e), l?.(t);
+	}, _ = [
+		"sh-radio",
+		h && "sh-radio--disabled",
+		i
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("label", {
+		className: _,
+		children: [/* @__PURE__ */ t("input", {
+			type: "radio",
+			className: ["sh-radio__input", a].filter(Boolean).join(" "),
+			name: p,
+			value: e,
+			checked: m,
+			disabled: h,
+			onChange: g,
+			...d
+		}), r && /* @__PURE__ */ t("span", {
+			className: "sh-radio__label",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/Radio/RadioGroup.tsx
+function ze({ children: e, value: r, defaultValue: i, onChange: a, label: o, helperText: s, error: c, name: l, orientation: u = "vertical", disabled: d = !1, "aria-label": p, className: m }) {
+	let g = f(), _ = f(), v = f(), y = l ?? g, [b, x] = h(i), S = r !== void 0, C = S ? r : b, w = (e) => {
+		S || x(e), a?.(e);
+	}, T = !!c, E = c ?? s, D = [
+		"sh-radio-group",
+		T && "sh-radio-group--invalid",
+		m
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: D,
+		children: [
+			o && /* @__PURE__ */ t("span", {
+				className: "sh-radio-group__label",
+				id: _,
+				children: o
+			}),
+			/* @__PURE__ */ t("div", {
+				className: `sh-radio-group__options sh-radio-group__options--${u}`,
+				role: "radiogroup",
+				"aria-label": o ? void 0 : p,
+				"aria-labelledby": o ? _ : void 0,
+				"aria-describedby": E ? v : void 0,
+				"aria-invalid": T || void 0,
+				children: /* @__PURE__ */ t(Le.Provider, {
+					value: {
+						name: y,
+						value: C,
+						onSelect: w,
+						disabled: d
+					},
+					children: e
+				})
+			}),
+			E && /* @__PURE__ */ t("span", {
+				id: v,
+				className: "sh-radio-group__message",
+				children: E
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Pagination/getPaginationRange.ts
+var q = (e, t) => t < e ? [] : Array.from({ length: t - e + 1 }, (t, n) => e + n);
+function Be({ page: e, count: t, siblingCount: n = 1, boundaryCount: r = 1 }) {
+	if (t <= 0) return [];
+	let i = q(1, Math.min(r, t)), a = q(Math.max(t - r + 1, r + 1), t), o = Math.max(Math.min(e - n, t - r - n * 2 - 1), r + 2), s = Math.min(Math.max(e + n, r + n * 2 + 2), a.length > 0 ? a[0] - 2 : t - 1);
+	return [
+		...i,
+		...o > r + 2 ? ["ellipsis"] : r + 1 < t - r ? [r + 1] : [],
+		...q(o, s),
+		...s < t - r - 1 ? ["ellipsis"] : t - r > r ? [t - r] : [],
+		...a
+	];
+}
+//#endregion
+//#region src/components/Pagination/Pagination.tsx
+var Ve = ({ direction: e }) => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: e === "left" ? "M10 3.5 5.5 8l4.5 4.5" : "M6 3.5 10.5 8 6 12.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), He = ({ direction: e }) => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: e === "left" ? "M8 3.5 3.5 8 8 12.5M13 3.5 8.5 8l4.5 4.5" : "M8 3.5 12.5 8 8 12.5M3 3.5 7.5 8 3 12.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), Ue = {
+	first: "First page",
+	previous: "Previous page",
+	next: "Next page",
+	last: "Last page",
+	page: (e) => `Page ${e}`
+};
+function We({ count: e, page: r, defaultPage: i = 1, onChange: a, siblingCount: o = 1, boundaryCount: s = 1, showFirstLast: c = !1, hidePrevNext: l = !1, disabled: u = !1, labels: d, "aria-label": f = "Pagination", className: p, ...m }) {
+	let [g, _] = h(i), v = r !== void 0, y = v ? r : g, b = {
+		...Ue,
+		...d
+	}, x = (t) => {
+		t < 1 || t > e || t === y || (v || _(t), a?.(t));
+	}, S = Be({
+		page: y,
+		count: e,
+		siblingCount: o,
+		boundaryCount: s
+	});
+	if (e <= 0) return null;
+	let C = (n, r, i, a) => /* @__PURE__ */ t("li", {
+		className: "sh-pagination__item",
+		children: /* @__PURE__ */ t("button", {
+			type: "button",
+			className: "sh-pagination__control",
+			onClick: () => x(i),
+			disabled: u || i < 1 || i > e || i === y,
+			"aria-label": r,
+			children: a
+		})
+	}, n);
+	return /* @__PURE__ */ t("nav", {
+		className: ["sh-pagination", p].filter(Boolean).join(" "),
+		"aria-label": f,
+		...m,
+		children: /* @__PURE__ */ n("ul", {
+			className: "sh-pagination__list",
+			children: [
+				c && C("first", b.first, 1, /* @__PURE__ */ t(He, { direction: "left" })),
+				!l && C("prev", b.previous, y - 1, /* @__PURE__ */ t(Ve, { direction: "left" })),
+				S.map((e, n) => e === "ellipsis" ? /* @__PURE__ */ t("li", {
+					className: "sh-pagination__item",
+					children: /* @__PURE__ */ t("span", {
+						className: "sh-pagination__ellipsis",
+						"aria-hidden": "true",
+						children: "…"
+					})
+				}, `ellipsis-${n}`) : /* @__PURE__ */ t("li", {
+					className: "sh-pagination__item",
+					children: /* @__PURE__ */ t("button", {
+						type: "button",
+						className: ["sh-pagination__page", e === y && "sh-pagination__page--current"].filter(Boolean).join(" "),
+						onClick: () => x(e),
+						disabled: u,
+						"aria-label": b.page(e),
+						"aria-current": e === y ? "page" : void 0,
+						children: e
+					})
+				}, e)),
+				!l && C("next", b.next, y + 1, /* @__PURE__ */ t(Ve, { direction: "right" })),
+				c && C("last", b.last, e, /* @__PURE__ */ t(He, { direction: "right" }))
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/Accordion/accordion.context.ts
+var Ge = o(void 0);
+function Ke(e) {
+	let t = u(Ge);
+	if (!t) throw Error(`<${e}> must be rendered inside <Accordion>.`);
+	return t;
+}
+var qe = (e, t) => `${e}-trigger-${t}`, Je = (e, t) => `${e}-panel-${t}`;
+//#endregion
+//#region src/components/Accordion/Accordion.tsx
+function Ye({ children: e, type: n = "single", value: r, defaultValue: i, onChange: a, collapsible: o = !0, headingLevel: s = 3, className: c, ...l }) {
+	let u = f(), [d, p] = h(i ?? []), m = r !== void 0, g = m ? r : d;
+	return /* @__PURE__ */ t(Ge.Provider, {
+		value: {
+			value: g,
+			toggle: (e) => {
+				let t = g.includes(e), r;
+				r = n === "multiple" ? t ? g.filter((t) => t !== e) : [...g, e] : t ? o ? [] : g : [e], m || p(r), a?.(r);
+			},
+			baseId: u,
+			headingLevel: s
+		},
+		children: /* @__PURE__ */ t("div", {
+			className: ["sh-accordion", c].filter(Boolean).join(" "),
+			...l,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/Accordion/AccordionItem.tsx
+var Xe = () => /* @__PURE__ */ t("svg", {
+	className: "sh-accordion__chevron",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M4 6.5 8 10.5l4-4",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+function Ze({ value: e, title: r, children: i, disabled: a = !1, className: o, ...c }) {
+	let { value: l, toggle: u, baseId: d, headingLevel: f } = Ke("AccordionItem"), p = l.includes(e), m = /* @__PURE__ */ n("button", {
+		type: "button",
+		id: qe(d, e),
+		className: "sh-accordion__trigger",
+		"aria-expanded": p,
+		"aria-controls": Je(d, e),
+		disabled: a,
+		onClick: () => u(e),
+		children: [/* @__PURE__ */ t("span", {
+			className: "sh-accordion__title",
+			children: r
+		}), /* @__PURE__ */ t(Xe, {})]
+	});
+	return /* @__PURE__ */ n("div", {
+		className: [
+			"sh-accordion__item",
+			p && "sh-accordion__item--open",
+			a && "sh-accordion__item--disabled",
+			o
+		].filter(Boolean).join(" "),
+		...c,
+		children: [s(`h${f}`, { className: "sh-accordion__heading" }, m), /* @__PURE__ */ t("div", {
+			id: Je(d, e),
+			className: "sh-accordion__panel",
+			role: "region",
+			"aria-labelledby": qe(d, e),
+			children: /* @__PURE__ */ t("div", {
+				className: "sh-accordion__panel-inner",
+				children: /* @__PURE__ */ t("div", {
+					className: "sh-accordion__content",
+					children: i
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/Stepper/stepper.context.ts
+var Qe = o(void 0);
+function $e(e) {
+	let t = u(Qe);
+	if (!t) throw Error(`<${e}> must be rendered inside <Stepper>.`);
+	return t;
+}
+//#endregion
+//#region src/components/Stepper/Stepper.tsx
+function et({ children: e, activeStep: n = 0, orientation: i = "horizontal", "aria-label": a = "Progress", className: o, ...s }) {
+	let l = r.toArray(e).filter(c), u = (e) => e < n ? "complete" : e === n ? "current" : "upcoming";
+	return /* @__PURE__ */ t("ol", {
+		className: [
+			"sh-stepper",
+			`sh-stepper--${i}`,
+			o
+		].filter(Boolean).join(" "),
+		"aria-label": a,
+		...s,
+		children: l.map((e, n) => /* @__PURE__ */ t(Qe.Provider, {
+			value: {
+				index: n,
+				isLast: n === l.length - 1,
+				status: u(n),
+				orientation: i
+			},
+			children: e
+		}, e.key ?? n))
+	});
+}
+//#endregion
+//#region src/components/Stepper/Step.tsx
+var tt = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M3.5 8.5l3 3 6-6.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+}), nt = () => /* @__PURE__ */ n("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ t("path", {
+		d: "M8 4.5v4.5",
+		strokeLinecap: "round"
+	}), /* @__PURE__ */ t("circle", {
+		cx: "8",
+		cy: "11.6",
+		r: "0.9",
+		fill: "currentColor",
+		stroke: "none"
+	})]
+});
+function rt({ title: r, description: i, status: a, icon: o, onClick: s, disabled: c = !1, className: l }) {
+	let { index: u, isLast: d, status: f, orientation: p } = $e("Step"), m = a ?? f, h = o ?? (m === "complete" ? /* @__PURE__ */ t(tt, {}) : m === "error" ? /* @__PURE__ */ t(nt, {}) : u + 1), g = /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
+		className: "sh-step__indicator",
+		children: h
+	}), /* @__PURE__ */ n("span", {
+		className: "sh-step__text",
+		children: [/* @__PURE__ */ t("span", {
+			className: "sh-step__title",
+			children: r
+		}), i && /* @__PURE__ */ t("span", {
+			className: "sh-step__description",
+			children: i
+		})]
+	})] });
+	return /* @__PURE__ */ n("li", {
+		className: [
+			"sh-step",
+			`sh-step--${m}`,
+			`sh-step--${p}`,
+			d && "sh-step--last",
+			l
+		].filter(Boolean).join(" "),
+		children: [s ? /* @__PURE__ */ t("button", {
+			type: "button",
+			className: "sh-step__body sh-step__body--interactive",
+			onClick: s,
+			disabled: c,
+			"aria-current": m === "current" ? "step" : void 0,
+			children: g
+		}) : /* @__PURE__ */ t("span", {
+			className: "sh-step__body",
+			"aria-current": m === "current" ? "step" : void 0,
+			children: g
+		}), !d && /* @__PURE__ */ t("span", {
+			className: "sh-step__connector",
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+//#region src/components/Breadcrumb/breadcrumb.context.ts
+var it = o(void 0);
+function at(e) {
+	let t = u(it);
+	if (!t) throw Error(`<${e}> must be rendered inside <Breadcrumb>.`);
+	return t;
+}
+//#endregion
+//#region src/components/Breadcrumb/Breadcrumb.tsx
+var ot = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	children: /* @__PURE__ */ t("path", {
+		d: "M6 3.5 10.5 8 6 12.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+function st({ children: e, separator: n = /* @__PURE__ */ t(ot, {}), "aria-label": i = "Breadcrumb", className: a, ...o }) {
+	let s = r.toArray(e).filter(c);
+	return /* @__PURE__ */ t("nav", {
+		className: ["sh-breadcrumb", a].filter(Boolean).join(" "),
+		"aria-label": i,
+		...o,
+		children: /* @__PURE__ */ t("ol", {
+			className: "sh-breadcrumb__list",
+			children: s.map((e, r) => /* @__PURE__ */ t(it.Provider, {
+				value: {
+					isLast: r === s.length - 1,
+					separator: n
+				},
+				children: e
+			}, e.key ?? r))
+		})
+	});
+}
+//#endregion
+//#region src/components/Breadcrumb/BreadcrumbItem.tsx
+function ct({ children: e, href: r, current: i, className: a, ...o }) {
+	let { isLast: s, separator: c } = at("BreadcrumbItem"), l = i ?? s;
+	return /* @__PURE__ */ n("li", {
+		className: ["sh-breadcrumb__item", a].filter(Boolean).join(" "),
+		children: [l ? /* @__PURE__ */ t("span", {
+			className: "sh-breadcrumb__current",
+			"aria-current": "page",
+			children: e
+		}) : r ? /* @__PURE__ */ t("a", {
+			className: "sh-breadcrumb__link",
+			href: r,
+			...o,
+			children: e
+		}) : /* @__PURE__ */ t("span", {
+			className: "sh-breadcrumb__text",
+			children: e
+		}), !s && /* @__PURE__ */ t("span", {
+			className: "sh-breadcrumb__separator",
+			"aria-hidden": "true",
+			children: c
+		})]
+	});
+}
+//#endregion
+//#region src/components/Tabs/tabs.context.ts
+var lt = o(void 0);
+function J(e) {
+	let t = u(lt);
+	if (!t) throw Error(`<${e}> must be rendered inside <Tabs>.`);
+	return t;
+}
+var ut = (e, t) => `${e}-tab-${t}`, dt = (e, t) => `${e}-panel-${t}`;
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+function ft({ children: e, value: n, defaultValue: r, onChange: i, orientation: a = "horizontal", activation: o = "automatic", className: s, ...c }) {
+	let l = f(), [u, d] = h(r), p = n !== void 0, m = p ? n : u, g = (e) => {
+		p || d(e), i?.(e);
+	}, _ = [
+		"sh-tabs",
+		`sh-tabs--${a}`,
+		s
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t(lt.Provider, {
+		value: {
+			value: m,
+			select: g,
+			baseId: l,
+			orientation: a,
+			activation: o
+		},
+		children: /* @__PURE__ */ t("div", {
+			className: _,
+			...c,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/Tabs/TabList.tsx
+var pt = typeof window > "u" ? d : p;
+function mt({ children: e, className: r, onKeyDown: i, ...a }) {
+	let { value: o, orientation: s, activation: c, select: l } = J("TabList"), u = m(null), [d, f] = h(null), p = s === "vertical";
+	return pt(() => {
+		let e = u.current;
+		if (!e) return;
+		let t = Array.from(e.querySelectorAll("[role=\"tab\"]")).find((e) => e.dataset.value === o);
+		if (!t) {
+			f(null);
+			return;
+		}
+		let n = () => {
+			let e = p ? t.offsetTop : t.offsetLeft, n = p ? t.offsetHeight : t.offsetWidth;
+			f((t) => ({
+				offset: e,
+				size: n,
+				animated: t !== null
+			}));
+		};
+		if (n(), typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(n);
+		return r.observe(e), r.observe(t), () => r.disconnect();
+	}, [o, p]), /* @__PURE__ */ n("div", {
+		ref: u,
+		className: ["sh-tabs__list", r].filter(Boolean).join(" "),
+		role: "tablist",
+		"aria-orientation": s,
+		onKeyDown: (e) => {
+			if (i?.(e), e.defaultPrevented || !u.current) return;
+			let t = p ? "ArrowDown" : "ArrowRight";
+			if (![
+				t,
+				p ? "ArrowUp" : "ArrowLeft",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			let n = Array.from(u.current.querySelectorAll("[role=\"tab\"]:not([disabled])"));
+			if (n.length === 0) return;
+			let r = n.indexOf(document.activeElement), a;
+			a = e.key === "Home" ? 0 : e.key === "End" ? n.length - 1 : r === -1 ? 0 : e.key === t ? (r + 1) % n.length : (r - 1 + n.length) % n.length;
+			let o = n[a];
+			if (o && (e.preventDefault(), o.focus(), c === "automatic")) {
+				let e = o.dataset.value;
+				e !== void 0 && l(e);
+			}
+		},
+		...a,
+		children: [e, d && /* @__PURE__ */ t("span", {
+			className: ["sh-tabs__indicator", d.animated && "sh-tabs__indicator--animated"].filter(Boolean).join(" "),
+			"aria-hidden": "true",
+			style: {
+				"--sh-tabs-indicator-offset": `${d.offset}px`,
+				"--sh-tabs-indicator-size": `${d.size}px`
+			}
+		})]
+	});
+}
+//#endregion
+//#region src/components/Tabs/Tab.tsx
+function ht({ value: e, children: n, className: r, disabled: i, onClick: a, ...o }) {
+	let { value: s, select: c, baseId: l } = J("Tab"), u = s === e, d = [
+		"sh-tabs__tab",
+		u && "sh-tabs__tab--selected",
+		r
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		role: "tab",
+		id: ut(l, e),
+		className: d,
+		"data-value": e,
+		"aria-selected": u,
+		"aria-controls": dt(l, e),
+		tabIndex: u ? 0 : -1,
+		disabled: i,
+		onClick: (t) => {
+			a?.(t), t.defaultPrevented || c(e);
+		},
+		...o,
+		children: n
+	});
+}
+//#endregion
+//#region src/components/Tabs/TabPanel.tsx
+function gt({ value: e, children: n, keepMounted: r = !1, className: i, ...a }) {
+	let { value: o, baseId: s } = J("TabPanel"), c = o === e;
+	return !c && !r ? null : /* @__PURE__ */ t("div", {
+		id: dt(s, e),
+		className: ["sh-tabs__panel", i].filter(Boolean).join(" "),
+		role: "tabpanel",
+		"aria-labelledby": ut(s, e),
+		hidden: !c,
+		tabIndex: 0,
+		...a,
+		children: n
+	});
+}
+//#endregion
+//#region src/components/Skeleton/Skeleton.tsx
+var _t = (e) => typeof e == "number" ? `${e}px` : e;
+function vt({ variant: e = "text", width: n, height: r, lines: i = 1, animation: a = "pulse", className: o, ...s }) {
+	let c = [
+		"sh-skeleton",
+		`sh-skeleton--${e}`,
+		`sh-skeleton--${a}`
+	].join(" "), l = {
+		width: _t(n),
+		height: _t(r ?? (e === "circular" ? n : void 0))
+	};
+	return e === "text" && i > 1 ? /* @__PURE__ */ t("div", {
+		className: ["sh-skeleton-lines", o].filter(Boolean).join(" "),
+		"aria-hidden": "true",
+		...s,
+		children: Array.from({ length: i }, (e, n) => /* @__PURE__ */ t("span", {
+			className: c,
+			style: n === i - 1 ? {
+				...l,
+				width: "60%"
+			} : l
+		}, n))
+	}) : /* @__PURE__ */ t("span", {
+		className: [c, o].filter(Boolean).join(" "),
+		style: l,
+		"aria-hidden": "true",
+		...s
+	});
+}
+//#endregion
+//#region src/components/Skeleton/skeleton.tokens.ts
+var yt = [
+	"text",
+	"rectangular",
+	"circular"
+], bt = [
+	"pulse",
+	"wave",
+	"none"
+];
+//#endregion
+//#region src/components/Spinner/Spinner.tsx
+function xt({ size: e = "md", label: r = "Loading", showLabel: i = !1, className: a, ...o }) {
+	let s = f(), c = [
+		"sh-spinner",
+		`sh-spinner--${e}`,
+		i && "sh-spinner--with-label",
+		a
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("span", {
+		className: c,
+		role: "status",
+		"aria-labelledby": s,
+		...o,
+		children: [/* @__PURE__ */ t("span", {
+			className: "sh-spinner__ring",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ t("span", {
+			id: s,
+			className: i ? "sh-spinner__label" : "sh-spinner__label--visually-hidden",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/Spinner/spinner.tokens.ts
+var St = [
+	"sm",
+	"md",
+	"lg"
+];
+//#endregion
+//#region src/components/ProgressBar/ProgressBar.tsx
+function Ct({ value: e, max: r = 100, label: i, showValue: a = !1, formatValue: o, size: s = "md", "aria-label": c, className: l, ...u }) {
+	let d = f(), p = e === void 0, m = r > 0 ? r : 0, h = p ? 0 : Math.min(Math.max(e, 0), m), g = m === 0 ? 0 : h / m * 100, _ = o ? o(h, m) : `${Math.round(g)}%`, v = [
+		"sh-progress",
+		`sh-progress--${s}`,
+		p && "sh-progress--indeterminate",
+		l
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: v,
+		...u,
+		children: [(i || a && !p) && /* @__PURE__ */ n("span", {
+			className: "sh-progress__header",
+			children: [i && /* @__PURE__ */ t("span", {
+				className: "sh-progress__label",
+				id: d,
+				children: i
+			}), a && !p && /* @__PURE__ */ t("span", {
+				className: "sh-progress__value",
+				children: _
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: "sh-progress__track",
+			role: "progressbar",
+			"aria-label": i ? void 0 : c,
+			"aria-labelledby": i ? d : void 0,
+			"aria-valuemin": 0,
+			"aria-valuemax": m,
+			"aria-valuenow": p ? void 0 : h,
+			"aria-valuetext": p ? void 0 : o ? _ : void 0,
+			children: /* @__PURE__ */ t("div", {
+				className: "sh-progress__bar",
+				style: { "--sh-progress-fill": `${g}%` }
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/ProgressBar/progressBar.tokens.ts
+var wt = [
+	"sm",
+	"md",
+	"lg"
+], Tt = {
+	success: /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.6,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "10",
+			cy: "10",
+			r: "7.5"
+		}), /* @__PURE__ */ t("path", {
+			d: "M6.75 10.25l2.25 2.25 4.25-4.75",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})]
+	}),
+	info: /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.6,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: "10",
+				cy: "10",
+				r: "7.5"
+			}),
+			/* @__PURE__ */ t("path", {
+				d: "M10 9v4.5",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "10",
+				cy: "6.4",
+				r: "0.9",
+				fill: "currentColor",
+				stroke: "none"
+			})
+		]
+	}),
+	warning: /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.6,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ t("path", {
+				d: "M10 2.8 18 16.5H2L10 2.8Z",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ t("path", {
+				d: "M10 8v3.5",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "10",
+				cy: "13.9",
+				r: "0.9",
+				fill: "currentColor",
+				stroke: "none"
+			})
+		]
+	}),
+	error: /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.6,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "10",
+			cy: "10",
+			r: "7.5"
+		}), /* @__PURE__ */ t("path", {
+			d: "M7.5 7.5l5 5M12.5 7.5l-5 5",
+			strokeLinecap: "round"
+		})]
+	})
+}, Et = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M4.5 4.5l7 7M11.5 4.5l-7 7",
+		strokeLinecap: "round"
+	})
+}), Dt = {
+	success: "status",
+	info: "status",
+	warning: "alert",
+	error: "alert"
+};
+function Ot({ variant: e = "info", title: r, children: i, icon: a, onDismiss: o, dismissLabel: s = "Dismiss", role: c, className: l, ...u }) {
+	let d = [
+		"sh-alert",
+		`sh-alert--${e}`,
+		l
+	].filter(Boolean).join(" "), f = a === void 0 ? Tt[e] : a;
+	return /* @__PURE__ */ n("div", {
+		className: d,
+		role: c ?? Dt[e],
+		...u,
+		children: [
+			f !== !1 && /* @__PURE__ */ t("span", {
+				className: "sh-alert__icon",
+				children: f
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "sh-alert__content",
+				children: [r && /* @__PURE__ */ t("p", {
+					className: "sh-alert__title",
+					children: r
+				}), i && /* @__PURE__ */ t("div", {
+					className: "sh-alert__body",
+					children: i
+				})]
+			}),
+			o && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: "sh-alert__dismiss",
+				onClick: o,
+				"aria-label": s,
+				children: /* @__PURE__ */ t(Et, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Alert/alert.tokens.ts
+var kt = [
+	"success",
+	"info",
+	"warning",
+	"error"
+];
+//#endregion
+//#region src/components/FileDrop/isFileAccepted.ts
+function Y(e, t) {
+	if (!t) return !0;
+	let n = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
+	if (n.length === 0) return !0;
+	let r = e.name.toLowerCase(), i = e.type.toLowerCase();
+	return n.some((e) => e.startsWith(".") ? r.endsWith(e) : e.endsWith("/*") ? i.startsWith(e.slice(0, -1)) : i === e);
+}
+function At(e) {
+	if (e < 1024) return `${e} B`;
+	let t = [
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = e / 1024, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	return `${Math.round(n * 10) / 10} ${t[r]}`;
+}
+//#endregion
+//#region src/components/FileDrop/FileDrop.tsx
+var jt = () => /* @__PURE__ */ n("svg", {
+	className: "sh-filedrop__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ t("path", { d: "M12 16V4m0 0L8 8m4-4 4 4" }), /* @__PURE__ */ t("path", { d: "M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3" })]
+}), Mt = () => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.75,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ t("path", {
+		d: "M4.5 4.5l7 7M11.5 4.5l-7 7",
+		strokeLinecap: "round"
+	})
+});
+function Nt({ label: e, helperText: r, error: i, placeholder: a = "Drag files here, or click to browse", accept: o, multiple: s = !1, value: c, defaultValue: l, onChange: u, onReject: d, hideFileList: p = !1, disabled: g = !1, name: _, "aria-label": v, className: y, inputClassName: b }) {
+	let x = f(), S = f(), [C, w] = h(l ?? []), T = c !== void 0, E = T ? c : C, [D, O] = h(!1), k = m(0), A = !!i, j = i ?? r, M = (e) => {
+		T || w(e), u?.(e);
+	}, N = (e) => {
+		let t = e.filter((e) => Y(e, o)), n = e.filter((e) => !Y(e, o));
+		n.length > 0 && d?.(n), t.length !== 0 && M(s ? [...E, ...t] : [t[0]]);
+	}, P = (e) => {
+		N(Array.from(e.target.files ?? [])), e.target.value = "";
+	}, F = (e) => {
+		g || (e.preventDefault(), k.current += 1, O(!0));
+	}, I = (e) => {
+		g || e.preventDefault();
+	}, L = (e) => {
+		g || (e.preventDefault(), --k.current, k.current <= 0 && (k.current = 0, O(!1)));
+	}, R = (e) => {
+		g || (e.preventDefault(), k.current = 0, O(!1), N(Array.from(e.dataTransfer?.files ?? [])));
+	}, z = (e) => {
+		M(E.filter((t, n) => n !== e));
+	}, B = [
+		"sh-filedrop",
+		A && "sh-filedrop--invalid",
+		g && "sh-filedrop--disabled",
+		D && "sh-filedrop--dragging",
+		y
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: B,
+		children: [
+			e && /* @__PURE__ */ t("label", {
+				className: "sh-filedrop__label",
+				htmlFor: x,
+				children: e
+			}),
+			/* @__PURE__ */ n("label", {
+				className: "sh-filedrop__dropzone",
+				onDragEnter: F,
+				onDragOver: I,
+				onDragLeave: L,
+				onDrop: R,
+				children: [/* @__PURE__ */ t("input", {
+					id: x,
+					type: "file",
+					className: ["sh-filedrop__input", b].filter(Boolean).join(" "),
+					accept: o,
+					multiple: s,
+					disabled: g,
+					name: _,
+					onChange: P,
+					"aria-label": e ? void 0 : v,
+					"aria-invalid": A || void 0,
+					"aria-describedby": j ? S : void 0
+				}), /* @__PURE__ */ n("span", {
+					className: "sh-filedrop__prompt",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ t(jt, {}),
+						/* @__PURE__ */ t("span", {
+							className: "sh-filedrop__placeholder",
+							children: a
+						}),
+						o && /* @__PURE__ */ t("span", {
+							className: "sh-filedrop__accept",
+							children: o
+						})
+					]
+				})]
+			}),
+			!p && E.length > 0 && /* @__PURE__ */ t("ul", {
+				className: "sh-filedrop__files",
+				children: E.map((e, r) => /* @__PURE__ */ n("li", {
+					className: "sh-filedrop__file",
+					children: [
+						/* @__PURE__ */ t("span", {
+							className: "sh-filedrop__file-name",
+							children: e.name
+						}),
+						/* @__PURE__ */ t("span", {
+							className: "sh-filedrop__file-size",
+							children: At(e.size)
+						}),
+						/* @__PURE__ */ t("button", {
+							type: "button",
+							className: "sh-filedrop__file-remove",
+							onClick: () => z(r),
+							disabled: g,
+							"aria-label": `Remove ${e.name}`,
+							children: /* @__PURE__ */ t(Mt, {})
+						})
+					]
+				}, `${e.name}-${r}`))
+			}),
+			j && /* @__PURE__ */ t("span", {
+				id: S,
+				className: "sh-filedrop__message",
+				children: j
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/RangeSlider/RangeSlider.tsx
+function Pt({ label: e, helperText: r, error: i, value: a, defaultValue: o, onChange: s, min: c = 0, max: l = 100, step: u = 1, showValue: d = !1, formatValue: p, className: m, inputClassName: g, id: _, disabled: v, "aria-describedby": y, ...b }) {
+	let x = f(), S = _ ?? x, C = `${S}-message`, [w, T] = h(o ?? c), E = a !== void 0, D = E ? a : w, O = !!i, k = i ?? r, A = [y, k ? C : void 0].filter(Boolean).join(" ") || void 0, j = (e) => {
+		let t = Number(e.target.value);
+		E || T(t), s?.(t);
+	}, M = l === c ? 0 : (D - c) / (l - c) * 100, N = p ? p(D) : String(D), P = [
+		"sh-range",
+		O && "sh-range--invalid",
+		v && "sh-range--disabled",
+		m
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: P,
+		children: [
+			(e || d) && /* @__PURE__ */ n("span", {
+				className: "sh-range__header",
+				children: [e && /* @__PURE__ */ t("label", {
+					className: "sh-range__label",
+					htmlFor: S,
+					children: e
+				}), d && /* @__PURE__ */ t("span", {
+					className: "sh-range__value",
+					children: N
+				})]
+			}),
+			/* @__PURE__ */ t("input", {
+				...b,
+				type: "range",
+				id: S,
+				className: ["sh-range__input", g].filter(Boolean).join(" "),
+				style: { "--sh-range-fill": `${M}%` },
+				min: c,
+				max: l,
+				step: u,
+				value: D,
+				disabled: v,
+				onChange: j,
+				"aria-invalid": O || void 0,
+				"aria-describedby": A,
+				"aria-valuetext": p ? N : void 0
+			}),
+			k && /* @__PURE__ */ t("span", {
+				id: C,
+				className: "sh-range__message",
+				children: k
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/MinMaxSlider/MinMaxSlider.tsx
+function Ft({ label: e, helperText: r, error: i, value: a, defaultValue: o, onChange: s, min: c = 0, max: l = 100, step: u = 1, minGap: d = 0, showValue: p = !1, formatValue: m, name: g, disabled: _ = !1, "aria-label": v, className: y }) {
+	let b = f(), x = f(), [S, C] = h(o ?? [c, l]), w = a !== void 0, [T, E] = w ? a : S, D = !!i, O = i ?? r, k = (e) => {
+		w || C(e), s?.(e);
+	}, A = (e) => {
+		k([Math.min(Number(e.target.value), E - d), E]);
+	}, j = (e) => {
+		k([T, Math.max(Number(e.target.value), T + d)]);
+	}, M = (e) => l === c ? 0 : (e - c) / (l - c) * 100, N = M(T), P = M(E), F = (e) => m ? m(e) : String(e), I = T > (c + l) / 2, L = [
+		"sh-minmax",
+		D && "sh-minmax--invalid",
+		_ && "sh-minmax--disabled",
+		I && "sh-minmax--from-on-top",
+		y
+	].filter(Boolean).join(" "), R = e ? void 0 : v, z = (t) => e || v ? `${e ?? v} ${t}` : t;
+	return /* @__PURE__ */ n("div", {
+		className: L,
+		style: {
+			"--sh-minmax-from": `${N}%`,
+			"--sh-minmax-to": `${P}%`
+		},
+		children: [
+			(e || p) && /* @__PURE__ */ n("span", {
+				className: "sh-minmax__header",
+				children: [e && /* @__PURE__ */ t("span", {
+					className: "sh-minmax__label",
+					id: b,
+					children: e
+				}), p && /* @__PURE__ */ n("span", {
+					className: "sh-minmax__value",
+					children: [
+						F(T),
+						" – ",
+						F(E)
+					]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "sh-minmax__rail",
+				role: "group",
+				"aria-label": R,
+				"aria-labelledby": e ? b : void 0,
+				"aria-describedby": O ? x : void 0,
+				"aria-invalid": D || void 0,
+				children: [
+					/* @__PURE__ */ t("span", {
+						className: "sh-minmax__track",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ t("span", { className: "sh-minmax__fill" })
+					}),
+					/* @__PURE__ */ t("input", {
+						type: "range",
+						className: "sh-minmax__input sh-minmax__input--from",
+						name: g ? `${g}-min` : void 0,
+						min: c,
+						max: l,
+						step: u,
+						value: T,
+						disabled: _,
+						onChange: A,
+						"aria-label": z("minimum"),
+						"aria-valuetext": m ? F(T) : void 0
+					}),
+					/* @__PURE__ */ t("input", {
+						type: "range",
+						className: "sh-minmax__input sh-minmax__input--to",
+						name: g ? `${g}-max` : void 0,
+						min: c,
+						max: l,
+						step: u,
+						value: E,
+						disabled: _,
+						onChange: j,
+						"aria-label": z("maximum"),
+						"aria-valuetext": m ? F(E) : void 0
+					})
+				]
+			}),
+			O && /* @__PURE__ */ t("span", {
+				id: x,
+				className: "sh-minmax__message",
+				children: O
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Switch/switch.context.ts
+var It = o(void 0);
+//#endregion
+//#region src/components/Switch/Switch.tsx
+function Lt({ value: e, label: r, labelPosition: i, className: a, inputClassName: o, name: s, checked: c, disabled: l, onChange: d, ...f }) {
+	let p = u(It), m = s ?? p?.name, h = p && e !== void 0 ? p.value.includes(e) : c, g = l ?? p?.disabled, _ = i ?? p?.labelPosition ?? "right", v = (t) => {
+		p && e !== void 0 && p.onToggle(e, t.target.checked), d?.(t);
+	}, y = [
+		"sh-switch",
+		`sh-switch--label-${_}`,
+		g && "sh-switch--disabled",
+		a
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("label", {
+		className: y,
+		children: [
+			/* @__PURE__ */ t("input", {
+				...f,
+				type: "checkbox",
+				role: "switch",
+				className: ["sh-switch__input", o].filter(Boolean).join(" "),
+				name: m,
+				value: e,
+				checked: h,
+				disabled: g,
+				onChange: v
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "sh-switch__track",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ t("span", { className: "sh-switch__thumb" })
+			}),
+			r && /* @__PURE__ */ t("span", {
+				className: "sh-switch__label",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Switch/SwitchGroup.tsx
+function Rt({ children: e, value: r, defaultValue: i, onChange: a, label: o, helperText: s, error: c, name: l, orientation: u = "vertical", labelPosition: d, disabled: p = !1, "aria-label": m, className: g }) {
+	let _ = f(), v = f(), y = f(), b = l ?? _, [x, S] = h(i ?? []), C = r !== void 0, w = C ? r : x, T = (e, t) => {
+		let n = t ? [...w, e] : w.filter((t) => t !== e);
+		C || S(n), a?.(n);
+	}, E = !!c, D = c ?? s, O = [
+		"sh-switch-group",
+		E && "sh-switch-group--invalid",
+		g
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: O,
+		children: [
+			o && /* @__PURE__ */ t("span", {
+				className: "sh-switch-group__label",
+				id: v,
+				children: o
+			}),
+			/* @__PURE__ */ t("div", {
+				className: `sh-switch-group__options sh-switch-group__options--${u}`,
+				role: "group",
+				"aria-label": o ? void 0 : m,
+				"aria-labelledby": o ? v : void 0,
+				"aria-describedby": D ? y : void 0,
+				"aria-invalid": E || void 0,
+				children: /* @__PURE__ */ t(It.Provider, {
+					value: {
+						name: b,
+						value: w,
+						onToggle: T,
+						disabled: p,
+						labelPosition: d
+					},
+					children: e
+				})
+			}),
+			D && /* @__PURE__ */ t("span", {
+				id: y,
+				className: "sh-switch-group__message",
+				children: D
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+function zt({ options: e, value: r, defaultValue: i, onChange: a, label: o, name: s, fullWidth: c = !1, disabled: l = !1, "aria-label": u, className: d }) {
+	let p = f(), m = f(), g = s ?? p, [_, v] = h(i), y = r !== void 0, b = y ? r : _, x = (e) => {
+		y || v(e), a?.(e);
+	}, S = e.findIndex((e) => e.value === b), C = [
+		"sh-segmented",
+		c && "sh-segmented--full-width",
+		l && "sh-segmented--disabled",
+		S < 0 && "sh-segmented--unselected",
+		d
+	].filter(Boolean).join(" "), w = {
+		"--sh-segmented-count": e.length,
+		"--sh-segmented-index": Math.max(S, 0)
+	};
+	return /* @__PURE__ */ n("div", {
+		className: "sh-segmented-field",
+		children: [o && /* @__PURE__ */ t("span", {
+			className: "sh-segmented__group-label",
+			id: m,
+			children: o
+		}), /* @__PURE__ */ t("div", {
+			className: C,
+			style: w,
+			role: "radiogroup",
+			"aria-label": o ? void 0 : u,
+			"aria-labelledby": o ? m : void 0,
+			children: e.map((e) => {
+				let r = l || e.disabled;
+				return /* @__PURE__ */ n("label", {
+					className: ["sh-segmented__item", r && "sh-segmented__item--disabled"].filter(Boolean).join(" "),
+					children: [/* @__PURE__ */ t("input", {
+						className: "sh-segmented__input",
+						type: "radio",
+						name: g,
+						value: e.value,
+						checked: b === e.value,
+						disabled: r,
+						onChange: () => x(e.value)
+					}), /* @__PURE__ */ t("span", {
+						className: "sh-segmented__label",
+						children: e.label
+					})]
+				}, e.value);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/tokens/colors.ts
+var Bt = /* @__PURE__ */ v({
+	accent: () => X,
+	accentFill: () => $,
+	colorVar: () => Wt,
+	danger: () => Q,
+	neutral: () => Z,
+	palette: () => Vt,
+	paletteVar: () => Gt,
+	semanticColors: () => Ut
+}), X = {
+	50: "#f6f0ff",
+	100: "#ece0ff",
+	200: "#d9c2ff",
+	300: "#c19dff",
+	400: "#a672ff",
+	500: "#8b47fa",
+	600: "#7429e0",
+	700: "#5d1fb8",
+	800: "#461890",
+	900: "#331269",
+	950: "#1f0b40"
+}, Z = {
+	0: "#ffffff",
+	50: "#f8f7fa",
+	100: "#efedf3",
+	200: "#e2dfe8",
+	300: "#cac6d3",
+	400: "#a29cae",
+	500: "#79728a",
+	600: "#5a5468",
+	700: "#423d4d",
+	800: "#2c2836",
+	900: "#1a1720",
+	950: "#0d0b12"
+}, Q = {
+	50: "#fef3f2",
+	100: "#fee4e2",
+	200: "#fecdca",
+	300: "#fda29b",
+	400: "#f97066",
+	500: "#f04438",
+	600: "#d92d20",
+	700: "#b42318",
+	800: "#912018",
+	900: "#7a271a",
+	950: "#55160c"
+}, Vt = {
+	accent: X,
+	neutral: Z,
+	danger: Q
+}, $ = {
+	bg: X[700],
+	text: X[100]
+}, Ht = {
+	"accent-fill-bg": $.bg,
+	"accent-fill-text": $.text
+}, Ut = {
+	light: {
+		"bg-canvas": Z[0],
+		"bg-surface": Z[50],
+		"bg-subtle": Z[100],
+		text: Z[900],
+		"text-subtle": Z[600],
+		"text-inverse": Z[0],
+		border: Z[200],
+		"border-strong": Z[300],
+		accent: X[600],
+		"accent-hover": X[700],
+		"accent-subtle-bg": X[50],
+		"accent-subtle-text": X[700],
+		...Ht,
+		danger: Q[700],
+		"danger-border": Q[500],
+		scrim: "rgb(0 0 0 / 0.45)",
+		"accent-tint-1": X[50],
+		"accent-tint-2": X[100],
+		"accent-tint-3": X[200],
+		"accent-tint-4": X[300],
+		"accent-on-tint": X[900]
+	},
+	dark: {
+		"bg-canvas": Z[950],
+		"bg-surface": Z[900],
+		"bg-subtle": Z[800],
+		text: Z[50],
+		"text-subtle": Z[400],
+		"text-inverse": Z[950],
+		border: Z[700],
+		"border-strong": Z[600],
+		accent: X[400],
+		"accent-hover": X[300],
+		"accent-subtle-bg": X[900],
+		"accent-subtle-text": X[200],
+		...Ht,
+		danger: Q[300],
+		"danger-border": Q[400],
+		scrim: "rgb(0 0 0 / 0.65)",
+		"accent-tint-1": X[950],
+		"accent-tint-2": X[900],
+		"accent-tint-3": X[800],
+		"accent-tint-4": X[700],
+		"accent-on-tint": X[100]
+	}
+};
+function Wt(e) {
+	return `var(--color-${e})`;
+}
+function Gt(e, t) {
+	return `var(--color-${e}-${String(t)})`;
+}
+//#endregion
+export { Ye as Accordion, Ze as AccordionItem, Ot as Alert, B as Avatar, ee as AvatarGroup, st as Breadcrumb, ct as BreadcrumbItem, T as Button, Fe as Checkbox, Ie as CheckboxGroup, P as Chip, me as CodeBlock, ye as Dialog, Ce as Drawer, ae as Dropdown, ce as DropdownItem, se as DropdownMenu, le as DropdownSeparator, oe as DropdownTrigger, k as EmptyState, Nt as FileDrop, te as Input, re as InputOtp, Ft as MinMaxSlider, We as Pagination, Ct as ProgressBar, Re as Radio, ze as RadioGroup, Pt as RangeSlider, zt as SegmentedControl, Me as Select, vt as Skeleton, xt as Spinner, rt as Step, et as Stepper, Lt as Switch, Rt as SwitchGroup, ht as Tab, mt as TabList, gt as TabPanel, ft as Tabs, A as Tag, C as Text, Ne as Textarea, ke as Tooltip, $ as accentFill, kt as alertVariants, V as avatarSizes, w as buttonClassNames, D as buttonSizes, E as buttonVariants, I as chipActions, F as chipVariants, Bt as colorTokens, Wt as colorVar, ue as dedentCode, xe as dialogRoles, be as dialogSizes, we as drawerSides, Te as drawerSizes, At as formatFileSize, Be as getPaginationRange, Y as isFileAccepted, H as otpTypes, Vt as palette, Gt as paletteVar, wt as progressBarSizes, De as resolveTooltipPlacement, U as sanitizeOtpValue, Ut as semanticColors, bt as skeletonAnimations, yt as skeletonVariants, St as spinnerSizes, j as tagVariants, b as textColors, y as textVariants, x as textWeights };
+
+//# sourceMappingURL=sonahang-ui.js.map