@sakaniui/react 0.3.1 → 0.3.4

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as ee, U as te, V as b, W as x, X as S, Y as C, Z as ne, _ as re, a as ie, at as ae, b as oe, c as se, ct as ce, d as le, dt as ue, et as de, f as fe, ft as w, g as pe, h as me, i as he, it as ge, j as _e, k as ve, l as ye, lt as be, m as xe, n as Se, nt as T, o as Ce, ot as we, p as Te, q as Ee, r as De, rt as Oe, s as ke, st as Ae, t as je, tt as Me, u as Ne, ut as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./TopBar-B88BmNES.js";
-import E from "react";
-import { Fragment as Be, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { ArrowRight as Ve, ChartColumn as He, Check as Ue, ChevronDown as We, ChevronLeft as Ge, ChevronRight as Ke, Copy as qe, EllipsisVertical as Je, File as Ye, Info as Xe, LogOut as Ze, Menu as Qe, Minus as $e, MoreHorizontal as et, Play as tt, Plus as nt, Quote as rt, Receipt as it, Search as at, Sparkles as ot, TrendingDown as st, TrendingUp as ct, TriangleAlert as lt, UploadCloud as ut, X as dt } from "lucide-react";
-import { Area as ft, AreaChart as pt, Bar as mt, BarChart as ht, CartesianGrid as gt, Cell as k, Legend as _t, Line as vt, LineChart as yt, Pie as bt, PieChart as xt, PolarAngleAxis as St, PolarGrid as Ct, PolarRadiusAxis as wt, Radar as Tt, RadarChart as Et, RadialBar as Dt, RadialBarChart as Ot, Rectangle as kt, ResponsiveContainer as A, Sector as At, Tooltip as jt, XAxis as Mt, YAxis as Nt } from "recharts";
-var Pt = {
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as ee, _ as E, a as te, at as ne, b as re, c as ie, ct as ae, d as oe, dt as D, et as se, f as ce, g as le, h as ue, i as de, it as fe, j as pe, k as me, l as he, lt as ge, m as _e, n as ve, nt as ye, o as be, ot as xe, p as Se, q as Ce, r as we, rt as Te, s as Ee, st as De, t as Oe, tt as ke, u as Ae, ut as je, v as Me, w as Ne, x as Pe, y as Fe, z as Ie } from "./TopBar-CgWKcAb7.js";
+import O, { useEffect as Le, useState as Re } from "react";
+import { Fragment as ze, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { ArrowRight as Be, ChartColumn as Ve, Check as He, ChevronDown as Ue, ChevronLeft as We, ChevronRight as Ge, Copy as Ke, EllipsisVertical as qe, File as Je, Info as Ye, LogOut as Xe, Menu as Ze, Minus as Qe, MoreHorizontal as $e, Play as et, Plus as tt, Quote as nt, Receipt as rt, Search as it, Sparkles as at, TrendingDown as ot, TrendingUp as st, TriangleAlert as ct, UploadCloud as lt, X as ut } from "lucide-react";
+import { Area as dt, AreaChart as ft, Bar as pt, BarChart as mt, CartesianGrid as ht, Cell as gt, Legend as _t, Line as vt, LineChart as yt, Pie as bt, PieChart as xt, PolarAngleAxis as St, PolarGrid as Ct, PolarRadiusAxis as wt, Radar as Tt, RadarChart as Et, RadialBar as Dt, RadialBarChart as Ot, Rectangle as kt, ResponsiveContainer as At, Sector as jt, Tooltip as Mt, XAxis as Nt, YAxis as Pt } from "recharts";
+var Ft = {
 	announcement: "_announcement_1ba3c_1",
 	"announcement--neutral": "_announcement--neutral_1ba3c_13",
 	"announcement--urgent": "_announcement--urgent_1ba3c_16",
@@ -12,43 +12,43 @@ var Pt = {
 	icon__neutral: "_icon__neutral_1ba3c_32",
 	message: "_message_1ba3c_36",
 	link: "_link_1ba3c_52"
-}, Ft = ({ message: e, linkLabel: t, linkHref: n, onLinkClick: r, onDismiss: i, variant: a = "neutral", className: o }) => {
+}, It = ({ message: e, linkLabel: t, linkHref: n, onLinkClick: r, onDismiss: i, variant: a = "neutral", className: o }) => {
 	let s = a === "urgent";
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A("div", {
 		className: [
-			Pt.announcement,
-			Pt[`announcement--${a}`],
+			Ft.announcement,
+			Ft[`announcement--${a}`],
 			o ?? ""
 		].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
-			className: Pt.content,
+		children: [/* @__PURE__ */ A("div", {
+			className: Ft.content,
 			children: [
-				/* @__PURE__ */ D("span", {
-					className: Pt.icon,
+				/* @__PURE__ */ k("span", {
+					className: Ft.icon,
 					"aria-hidden": "true",
-					children: s ? /* @__PURE__ */ D(lt, {
+					children: s ? /* @__PURE__ */ k(ct, {
 						size: 24,
 						strokeWidth: 1.5,
 						style: {
 							fill: "var(--color-info-solid)",
 							stroke: "var(--color-info-bg)"
 						}
-					}) : /* @__PURE__ */ D(ot, {
+					}) : /* @__PURE__ */ k(at, {
 						size: 24,
 						strokeWidth: 1.5,
 						fill: "currentColor",
 						stroke: "currentColor",
-						className: Pt.icon__neutral
+						className: Ft.icon__neutral
 					})
 				}),
-				/* @__PURE__ */ D("p", {
-					className: Pt.message,
+				/* @__PURE__ */ k("p", {
+					className: Ft.message,
 					children: e
 				}),
-				!s && t && /* @__PURE__ */ D(we, {
+				!s && t && /* @__PURE__ */ k(ne, {
 					href: n,
 					onClick: r,
-					className: Pt.link,
+					className: Ft.link,
 					style: {
 						color: "var(--color-brand-fg)",
 						fontSize: 16,
@@ -57,8 +57,8 @@ var Pt = {
 					children: t
 				})
 			]
-		}), i && /* @__PURE__ */ D(ae, {
-			icon: dt,
+		}), i && /* @__PURE__ */ k(fe, {
+			icon: ut,
 			size: "sm",
 			variant: "ghost",
 			"aria-label": "Dismiss",
@@ -74,7 +74,7 @@ var Pt = {
 	tokenString: "_tokenString_1ao90_43",
 	editableBody: "_editableBody_1ao90_50",
 	textarea: "_textarea_1ao90_55"
-}, It = [
+}, Lt = [
 	"import",
 	"export",
 	"from",
@@ -96,30 +96,30 @@ var Pt = {
 	"as",
 	"of",
 	"in"
-], Lt = RegExp(`('(?:[^'\\\\]|\\\\.)*'|"(?:[^"\\\\]|\\\\.)*"|\`(?:[^\`\\\\]|\\\\.)*\`|\\b(?:${It.join("|")})\\b)`, "g"), Rt = (e) => e.split(Lt).map((e, t) => {
+], Rt = RegExp(`('(?:[^'\\\\]|\\\\.)*'|"(?:[^"\\\\]|\\\\.)*"|\`(?:[^\`\\\\]|\\\\.)*\`|\\b(?:${Lt.join("|")})\\b)`, "g"), zt = (e) => e.split(Rt).map((e, t) => {
 	if (!e) return null;
-	let n = /^['"`]/.test(e), r = !n && It.includes(e);
-	return n ? /* @__PURE__ */ D("span", {
+	let n = /^['"`]/.test(e), r = !n && Lt.includes(e);
+	return n ? /* @__PURE__ */ k("span", {
 		className: j.tokenString,
 		children: e
-	}, t) : r ? /* @__PURE__ */ D("span", {
+	}, t) : r ? /* @__PURE__ */ k("span", {
 		className: j.tokenKeyword,
 		children: e
-	}, t) : /* @__PURE__ */ D(E.Fragment, { children: e }, t);
-}), zt = ({ code: e, filename: t, onCopy: n, editable: r = !1, onChange: i, placeholder: a, className: o }) => {
-	let [s, c] = E.useState(!1), [l, u] = E.useState(e);
-	E.useEffect(() => u(e), [e]);
+	}, t) : /* @__PURE__ */ k(O.Fragment, { children: e }, t);
+}), Bt = ({ code: e, filename: t, onCopy: n, editable: r = !1, onChange: i, placeholder: a, className: o }) => {
+	let [s, c] = O.useState(!1), [l, u] = O.useState(e);
+	O.useEffect(() => u(e), [e]);
 	let d = () => {
 		navigator.clipboard?.writeText(l), n?.(l), c(!0), window.setTimeout(() => c(!1), 1500);
 	}, f = (e) => {
 		u(e), i?.(e);
-	}, p = r ? /* @__PURE__ */ O("div", {
+	}, p = r ? /* @__PURE__ */ A("div", {
 		className: j.editableBody,
-		children: [/* @__PURE__ */ D("pre", {
+		children: [/* @__PURE__ */ k("pre", {
 			className: j.body,
 			"aria-hidden": "true",
-			children: Rt(l)
-		}), /* @__PURE__ */ D("textarea", {
+			children: zt(l)
+		}), /* @__PURE__ */ k("textarea", {
 			className: j.textarea,
 			value: l,
 			placeholder: a,
@@ -134,30 +134,30 @@ var Pt = {
 				});
 			}
 		})]
-	}) : /* @__PURE__ */ D("pre", {
+	}) : /* @__PURE__ */ k("pre", {
 		className: j.body,
-		children: Rt(l)
+		children: zt(l)
 	});
-	return t ? /* @__PURE__ */ O("div", {
+	return t ? /* @__PURE__ */ A("div", {
 		className: [j.snippet, o ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: j.header,
-			children: [/* @__PURE__ */ D("p", {
+			children: [/* @__PURE__ */ k("p", {
 				className: j.filename,
 				children: t
-			}), /* @__PURE__ */ D(ae, {
-				icon: s ? Ue : qe,
+			}), /* @__PURE__ */ k(fe, {
+				icon: s ? He : Ke,
 				variant: "ghost",
 				size: "sm",
 				"aria-label": s ? "Copied" : "Copy code",
 				onClick: d
 			})]
 		}), p]
-	}) : /* @__PURE__ */ D("div", {
+	}) : /* @__PURE__ */ k("div", {
 		className: [j.snippet, o ?? ""].filter(Boolean).join(" "),
 		children: p
 	});
-}, Bt = {
+}, Vt = {
 	expenses: "_expenses_1imiq_1",
 	row: "_row_1imiq_10",
 	top: "_top_1imiq_18",
@@ -165,65 +165,65 @@ var Pt = {
 	icon: "_icon_1imiq_32",
 	label: "_label_1imiq_44",
 	amount: "_amount_1imiq_55"
-}, Vt = (e) => e.toLocaleString("en-US", {
+}, Ht = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), Ht = ({ categories: e, variant: t = "default", formatAmount: n = Vt, className: r }) => {
+}), Ut = ({ categories: e, variant: t = "default", formatAmount: n = Ht, className: r }) => {
 	let i = t === "compact", a = Math.max(1, ...e.map((e) => e.amount));
-	return /* @__PURE__ */ D("div", {
-		className: [Bt.expenses, r ?? ""].filter(Boolean).join(" "),
-		children: e.map((e, t) => /* @__PURE__ */ O("div", {
-			className: Bt.row,
-			children: [/* @__PURE__ */ O("div", {
-				className: Bt.top,
-				children: [/* @__PURE__ */ O("div", {
-					className: Bt.left,
-					children: [/* @__PURE__ */ D("span", {
-						className: Bt.icon,
+	return /* @__PURE__ */ k("div", {
+		className: [Vt.expenses, r ?? ""].filter(Boolean).join(" "),
+		children: e.map((e, t) => /* @__PURE__ */ A("div", {
+			className: Vt.row,
+			children: [/* @__PURE__ */ A("div", {
+				className: Vt.top,
+				children: [/* @__PURE__ */ A("div", {
+					className: Vt.left,
+					children: [/* @__PURE__ */ k("span", {
+						className: Vt.icon,
 						"aria-hidden": "true",
 						children: e.icon
-					}), /* @__PURE__ */ D("p", {
-						className: Bt.label,
+					}), /* @__PURE__ */ k("p", {
+						className: Vt.label,
 						children: e.label
 					})]
-				}), /* @__PURE__ */ D("p", {
-					className: Bt.amount,
+				}), /* @__PURE__ */ k("p", {
+					className: Vt.amount,
 					children: n(e.amount)
 				})]
-			}), !i && /* @__PURE__ */ D(de, {
+			}), !i && /* @__PURE__ */ k(se, {
 				value: e.amount / a * 100,
 				size: "lg",
 				label: `${e.label} spending`
 			})]
 		}, e.id ?? t))
 	});
-}, Ut = {
+}, Wt = {
 	hint: "_hint_49nyi_1",
 	bar: "_bar_49nyi_9",
 	"hint--neutral": "_hint--neutral_49nyi_15",
 	"hint--warning": "_hint--warning_49nyi_16",
 	icon: "_icon_49nyi_18",
 	message: "_message_49nyi_24"
-}, Wt = 14, Gt = ({ message: e, variant: t = "neutral", className: n }) => {
-	let r = t === "warning" ? lt : Xe;
-	return /* @__PURE__ */ O("div", {
+}, Gt = 14, Kt = ({ message: e, variant: t = "neutral", className: n }) => {
+	let r = t === "warning" ? ct : Ye;
+	return /* @__PURE__ */ A("div", {
 		className: [
-			Ut.hint,
-			Ut[`hint--${t}`],
+			Wt.hint,
+			Wt[`hint--${t}`],
 			n ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ D("span", {
-				className: Ut.bar,
+			/* @__PURE__ */ k("span", {
+				className: Wt.bar,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ D(r, {
-				size: Wt,
-				strokeWidth: w(Wt),
-				className: Ut.icon
+			/* @__PURE__ */ k(r, {
+				size: Gt,
+				strokeWidth: D(Gt),
+				className: Wt.icon
 			}),
-			/* @__PURE__ */ D("p", {
-				className: Ut.message,
+			/* @__PURE__ */ k("p", {
+				className: Wt.message,
 				children: e
 			})
 		]
@@ -240,177 +240,205 @@ var Pt = {
 	text: "_text_mg6gs_59",
 	title: "_title_mg6gs_65",
 	description: "_description_mg6gs_73"
-}, Kt = ({ step: e, title: t, description: n, completed: r = !1, orientation: i = "horizontal", isLast: a = !1, className: o }) => {
-	let s = i === "vertical", c = /* @__PURE__ */ D("span", {
+}, qt = ({ step: e, title: t, description: n, completed: r = !1, orientation: i = "horizontal", isLast: a = !1, className: o }) => {
+	let s = i === "vertical", c = /* @__PURE__ */ k("span", {
 		className: M.value,
 		"aria-hidden": "true",
-		children: r ? /* @__PURE__ */ D(Ue, {
+		children: r ? /* @__PURE__ */ k(He, {
 			size: 14,
-			strokeWidth: w(14)
+			strokeWidth: D(14)
 		}) : e
-	}), l = /* @__PURE__ */ O("div", {
+	}), l = /* @__PURE__ */ A("div", {
 		className: M.text,
-		children: [/* @__PURE__ */ D("p", {
+		children: [/* @__PURE__ */ k("p", {
 			className: M.title,
 			children: t
-		}), n && /* @__PURE__ */ D("p", {
+		}), n && /* @__PURE__ */ k("p", {
 			className: M.description,
 			children: n
 		})]
 	});
-	return s ? /* @__PURE__ */ O("div", {
+	return s ? /* @__PURE__ */ A("div", {
 		className: [
 			M.item,
 			M["item--vertical"],
 			o ?? ""
 		].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: M.rail,
-			children: [c, !a && /* @__PURE__ */ D("div", { className: M.connectorVertical })]
+			children: [c, !a && /* @__PURE__ */ k("div", { className: M.connectorVertical })]
 		}), l]
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ A("div", {
 		className: [
 			M.item,
 			M["item--horizontal"],
 			o ?? ""
 		].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: M.topRow,
-			children: [c, !a && /* @__PURE__ */ D("div", { className: M.connectorHorizontal })]
+			children: [c, !a && /* @__PURE__ */ k("div", { className: M.connectorHorizontal })]
 		}), l]
 	});
-}, qt = {
+}, Jt = {
 	separator: "_separator_pcfo8_1",
 	line: "_line_pcfo8_9",
 	overline: "_overline_pcfo8_19",
 	badge: "_badge_pcfo8_31",
 	iconWrap: "_iconWrap_pcfo8_37"
-}, Jt = ({ children: t, label: n, className: r }) => /* @__PURE__ */ O("div", {
-	className: [qt.separator, r ?? ""].filter(Boolean).join(" "),
+}, Yt = ({ children: t, label: n, className: r }) => /* @__PURE__ */ A("div", {
+	className: [Jt.separator, r ?? ""].filter(Boolean).join(" "),
 	role: "separator",
 	children: [
-		/* @__PURE__ */ D(e, { className: qt.line }),
-		t ?? (n && /* @__PURE__ */ D("span", {
-			className: qt.overline,
+		/* @__PURE__ */ k(e, { className: Jt.line }),
+		t ?? (n && /* @__PURE__ */ k("span", {
+			className: Jt.overline,
 			children: n
 		})),
-		/* @__PURE__ */ D(e, { className: qt.line })
+		/* @__PURE__ */ k(e, { className: Jt.line })
 	]
-}), Yt = {
+});
+//#endregion
+//#region src/lib/useChartTokens.ts
+function N(e) {
+	let [, t] = Re(0);
+	return Le(() => {
+		if (typeof document > "u") return;
+		t((e) => e + 1);
+		let n = new MutationObserver(() => t((e) => e + 1)), r = /* @__PURE__ */ new Set([document.documentElement]);
+		for (let t = e.current; t; t = t.parentElement) r.add(t);
+		return r.forEach((e) => n.observe(e, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		})), () => n.disconnect();
+	}, [e]), (t) => {
+		if (typeof window > "u") return;
+		let n = e.current ?? document.documentElement;
+		return getComputedStyle(n).getPropertyValue(t).trim() || void 0;
+	};
+}
+//#endregion
+//#region src/lib/chartPalette.ts
+var Xt = [
+	"#ff4700",
+	"#5b92dd",
+	"#47a8a2",
+	"#9179d6",
+	"#dca84f",
+	"#12b76a"
+], Zt = {
 	tooltip: "_tooltip_ic16u_3",
 	title: "_title_ic16u_23",
 	row: "_row_ic16u_27",
 	dot: "_dot_ic16u_34",
 	label: "_label_ic16u_41",
 	value: "_value_ic16u_42"
-}, Xt = ({ active: e, payload: t, label: n, formatter: r }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ O("div", {
-	className: Yt.tooltip,
-	children: [n !== void 0 && n !== "" && /* @__PURE__ */ D("span", {
-		className: Yt.title,
+}, Qt = ({ active: e, payload: t, label: n, formatter: r }) => !e || !t || t.length === 0 ? null : /* @__PURE__ */ A("div", {
+	className: Zt.tooltip,
+	children: [n !== void 0 && n !== "" && /* @__PURE__ */ k("span", {
+		className: Zt.title,
 		children: n
-	}), t.map((e, t) => /* @__PURE__ */ O("div", {
-		className: Yt.row,
+	}), t.map((e, t) => /* @__PURE__ */ A("div", {
+		className: Zt.row,
 		children: [
-			/* @__PURE__ */ D("span", {
-				className: Yt.dot,
+			/* @__PURE__ */ k("span", {
+				className: Zt.dot,
 				style: { background: e.color ?? e.payload?.fill ?? e.fill }
 			}),
-			/* @__PURE__ */ D("span", {
-				className: Yt.label,
+			/* @__PURE__ */ k("span", {
+				className: Zt.label,
 				children: e.name
 			}),
-			/* @__PURE__ */ D("span", {
-				className: Yt.value,
+			/* @__PURE__ */ k("span", {
+				className: Zt.value,
 				children: r ? r(e.value, e.name) : e.value
 			})
 		]
 	}, t))]
-}), Zt = {
+}), $t = {
 	chart: "_chart_1s6lv_2",
 	legend: "_legend_1s6lv_31",
 	legendItem: "_legendItem_1s6lv_41",
 	legendSwatch: "_legendSwatch_1s6lv_46"
-}, Qt = {
+}, en = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, N = 6, $t = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, en = (e) => {
+}, P = 6, tn = (e) => {
 	if (e <= 0) return 1;
 	let t = 10 ** Math.floor(Math.log10(e)), n = e / t;
 	return (n <= 1 ? 1 : n <= 2 ? 2 : n <= 5 ? 5 : 10) * t;
-}, tn = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
-	let [a, o] = E.useState(null), [s, c] = E.useState(null);
-	T();
-	let l = $t("--color-chart-2") ?? "#2e90fa", u = $t("--color-chart-5") ?? "#78716a", d = $t("--color-chart-1") ?? "#ff4700", f = [
+}, nn = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
+	let [a, o] = O.useState(null), [s, c] = O.useState(null), l = O.useRef(null), u = N(l), d = u("--color-chart-2") ?? "#5b92dd", f = u("--color-chart-5") ?? "#dca84f", p = u("--color-chart-1") ?? "#ff4700", m = [
 		1,
 		2,
 		3,
 		4,
 		5,
 		6
-	].map((e) => $t(`--color-chart-${e}`) ?? "#ff4700"), p = $t("--color-border-subtle") ?? "#e5e4e7", m = $t("--color-fg-muted") ?? "#6b6375", h = t === "multiple" || t === "stacked", g = h && e.some((e) => e.value2 !== void 0), _ = $t("--color-bg-canvas") ?? "#fafaf9", v = en(Math.max(1, ...e.map((e) => Math.abs(e.value)))), y = [
-		-v,
-		-v / 2,
+	].map((e) => u(`--color-chart-${e}`) ?? Xt[e - 1]), h = u("--color-border-subtle") ?? "#e7e5e1", g = u("--color-fg-muted") ?? "#78716a", _ = t === "multiple" || t === "stacked", v = _ && e.some((e) => e.value2 !== void 0), y = u("--color-bg-canvas") ?? "#fafaf9", b = tn(Math.max(1, ...e.map((e) => Math.abs(e.value)))), x = [
+		-b,
+		-b / 2,
 		0,
-		v / 2,
-		v
-	], ee = /* @__PURE__ */ D(jt, {
+		b / 2,
+		b
+	], S = /* @__PURE__ */ k(Mt, {
 		cursor: !1,
-		content: /* @__PURE__ */ D(Xt, {}),
+		content: /* @__PURE__ */ k(Qt, {}),
 		wrapperStyle: { zIndex: 50 },
 		position: s ? { y: s.y } : void 0
-	}), te = (n) => t === "active" ? f[n % f.length] : t === "negative" && e[n].value < 0 ? d : l, b = (e) => a !== null && e !== a ? .45 : 1, x = (e, t, n, r, i, a) => ({
+	}), C = (n) => t === "active" ? m[n % m.length] : t === "negative" && e[n].value < 0 ? p : d, w = (e) => a !== null && e !== a ? .45 : 1, T = (e, t, n, r, i, a) => ({
 		x: e ? t + r : t + r / 2,
 		y: e ? n + i / 2 : a < 0 ? n + i : n
-	}), S = (n) => (r) => {
-		let { x: i, y: a, width: o, height: s, fill: c, radius: u } = r, d = Number(e[r.index]?.[n] ?? 0), { x: f, y: p } = x(t === "horizontal", i, a, o, s, d);
-		return t === "stacked" && n === "value" ? /* @__PURE__ */ D(kt, {
+	}), ee = (n) => (r) => {
+		let { x: i, y: a, width: o, height: s, fill: c, radius: l } = r, u = Number(e[r.index]?.[n] ?? 0), { x: f, y: p } = T(t === "horizontal", i, a, o, s, u);
+		return t === "stacked" && n === "value" ? /* @__PURE__ */ k(kt, {
 			x: i,
 			y: a,
 			width: o,
 			height: s,
 			fill: c,
-			radius: u
-		}) : /* @__PURE__ */ O("g", { children: [
-			/* @__PURE__ */ D(kt, {
+			radius: l
+		}) : /* @__PURE__ */ A("g", { children: [
+			/* @__PURE__ */ k(kt, {
 				x: i,
 				y: a,
 				width: o,
 				height: s,
 				fill: c,
-				radius: u
+				radius: l
 			}),
-			/* @__PURE__ */ D("circle", {
+			/* @__PURE__ */ k("circle", {
 				cx: f,
 				cy: p,
 				r: 4,
 				fill: c,
-				stroke: _,
+				stroke: y,
 				strokeWidth: 1.5
 			}),
-			t === "stacked" && n === "value2" && /* @__PURE__ */ D("circle", {
+			t === "stacked" && n === "value2" && /* @__PURE__ */ k("circle", {
 				cx: i + o / 2,
 				cy: a + s,
 				r: 4,
-				fill: l,
-				stroke: _,
+				fill: d,
+				stroke: y,
 				strokeWidth: 1.5
 			})
 		] });
-	}, C = (n) => (r, i) => {
+	}, E = (n) => (r, i) => {
 		o(i);
 		let a = Number(e[i]?.[n] ?? 0);
-		c(x(t === "horizontal", r.x, r.y, r.width, r.height, a));
-	}, ne = () => {
+		c(T(t === "horizontal", r.x, r.y, r.width, r.height, a));
+	}, te = () => {
 		o(null), c(null);
 	};
-	return /* @__PURE__ */ D("div", {
-		className: [Zt.chart, i ?? ""].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ D(A, {
+	return /* @__PURE__ */ k("div", {
+		ref: l,
+		className: [$t.chart, i ?? ""].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ k(At, {
 			width: "100%",
-			height: Qt[n],
-			children: /* @__PURE__ */ O(ht, {
+			height: en[n],
+			children: /* @__PURE__ */ A(mt, {
 				data: e,
 				layout: t === "horizontal" ? "vertical" : "horizontal",
 				margin: {
@@ -420,125 +448,125 @@ var Pt = {
 					left: t === "horizontal" ? 8 : 0
 				},
 				children: [
-					/* @__PURE__ */ D(gt, {
+					/* @__PURE__ */ k(ht, {
 						strokeDasharray: "3 3",
-						stroke: p,
+						stroke: h,
 						horizontal: !0,
 						vertical: t === "horizontal"
 					}),
-					t === "horizontal" ? /* @__PURE__ */ O(Be, { children: [/* @__PURE__ */ D(Mt, {
+					t === "horizontal" ? /* @__PURE__ */ A(ze, { children: [/* @__PURE__ */ k(Nt, {
 						type: "number",
-						stroke: m,
+						stroke: g,
 						fontSize: 12,
 						tickLine: !1,
 						axisLine: !1
-					}), /* @__PURE__ */ D(Nt, {
+					}), /* @__PURE__ */ k(Pt, {
 						type: "category",
 						dataKey: "label",
-						stroke: m,
+						stroke: g,
 						fontSize: 12,
 						tickLine: !1,
 						axisLine: !1,
 						width: 64
-					})] }) : /* @__PURE__ */ D(Mt, {
+					})] }) : /* @__PURE__ */ k(Nt, {
 						dataKey: "label",
-						stroke: m,
+						stroke: g,
 						fontSize: 12,
 						tickLine: !1,
 						axisLine: !1,
 						interval: 0
 					}),
-					t === "negative" && /* @__PURE__ */ D(Nt, {
+					t === "negative" && /* @__PURE__ */ k(Pt, {
 						hide: !0,
-						domain: [-v, v],
-						ticks: y
+						domain: [-b, b],
+						ticks: x
 					}),
-					ee,
-					h && /* @__PURE__ */ D(_t, { content: (e) => /* @__PURE__ */ D("ul", {
-						className: Zt.legend,
-						children: e.payload?.map((e) => /* @__PURE__ */ O("li", {
-							className: Zt.legendItem,
-							children: [/* @__PURE__ */ D("span", {
-								className: Zt.legendSwatch,
+					S,
+					_ && /* @__PURE__ */ k(_t, { content: (e) => /* @__PURE__ */ k("ul", {
+						className: $t.legend,
+						children: e.payload?.map((e) => /* @__PURE__ */ A("li", {
+							className: $t.legendItem,
+							children: [/* @__PURE__ */ k("span", {
+								className: $t.legendSwatch,
 								style: { background: e.color }
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ k("span", {
 								style: { color: e.color },
 								children: e.value
 							})]
 						}, e.value))
 					}) }),
-					h ? /* @__PURE__ */ O(Be, { children: [/* @__PURE__ */ D(mt, {
+					_ ? /* @__PURE__ */ A(ze, { children: [/* @__PURE__ */ k(pt, {
 						dataKey: "value",
 						name: r[0] ?? "Value",
-						fill: l,
+						fill: d,
 						stackId: t === "stacked" ? "stack" : void 0,
 						radius: t === "stacked" ? [
 							0,
 							0,
-							N,
-							N
+							P,
+							P
 						] : [
-							N,
-							N,
-							N,
-							N
+							P,
+							P,
+							P,
+							P
 						],
 						isAnimationActive: !1,
-						activeBar: S("value"),
-						onMouseEnter: C("value"),
-						onMouseLeave: ne,
-						children: e.map((e, t) => /* @__PURE__ */ D(k, {
-							fill: l,
+						activeBar: ee("value"),
+						onMouseEnter: E("value"),
+						onMouseLeave: te,
+						children: e.map((e, t) => /* @__PURE__ */ k(gt, {
+							fill: d,
 							fillOpacity: a !== null && t !== a ? .45 : 1
 						}, t))
-					}), g && /* @__PURE__ */ D(mt, {
+					}), v && /* @__PURE__ */ k(pt, {
 						dataKey: "value2",
 						name: r[1] ?? "Value 2",
-						fill: u,
+						fill: f,
 						stackId: t === "stacked" ? "stack" : void 0,
 						radius: t === "stacked" ? [
-							N,
-							N,
+							P,
+							P,
 							0,
 							0
 						] : [
-							N,
-							N,
-							N,
-							N
+							P,
+							P,
+							P,
+							P
 						],
 						isAnimationActive: !1,
-						activeBar: S("value2"),
-						onMouseEnter: C("value2"),
-						onMouseLeave: ne,
-						children: e.map((e, t) => /* @__PURE__ */ D(k, {
-							fill: u,
+						activeBar: ee("value2"),
+						onMouseEnter: E("value2"),
+						onMouseLeave: te,
+						children: e.map((e, t) => /* @__PURE__ */ k(gt, {
+							fill: f,
 							fillOpacity: a !== null && t !== a ? .45 : 1
 						}, t))
-					})] }) : /* @__PURE__ */ D(mt, {
+					})] }) : /* @__PURE__ */ k(pt, {
 						dataKey: "value",
 						name: "Value",
-						fill: a === null ? l : te(a),
+						fill: a === null ? d : C(a),
 						radius: [
-							N,
-							N,
-							N,
-							N
+							P,
+							P,
+							P,
+							P
 						],
 						isAnimationActive: !1,
-						activeBar: S("value"),
-						onMouseEnter: C("value"),
-						onMouseLeave: ne,
-						children: e.map((e, t) => /* @__PURE__ */ D(k, {
-							fill: te(t),
-							fillOpacity: b(t)
+						activeBar: ee("value"),
+						onMouseEnter: E("value"),
+						onMouseLeave: te,
+						children: e.map((e, t) => /* @__PURE__ */ k(gt, {
+							fill: C(t),
+							fillOpacity: w(t)
 						}, t))
 					})
 				]
 			})
 		})
 	});
-}, P = {
+}, F = {
 	row: "_row_5wjem_2",
 	left: "_left_5wjem_16",
 	logo: "_logo_5wjem_23",
@@ -564,133 +592,133 @@ var Pt = {
 	changeRowLg: "_changeRowLg_5wjem_153",
 	changeTextLg: "_changeTextLg_5wjem_158",
 	chart: "_chart_5wjem_165"
-}, nn = (e) => Math.abs(e).toLocaleString("en-US", {
+}, rn = (e) => Math.abs(e).toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), rn = ({ logo: e, symbol: t, name: n, price: r, change: i, formatAmount: a = nn, chart: o, periodLabel: s = "Last 6 months", onPeriodClick: c, className: l }) => {
-	let u = i.amount >= 0, d = u ? ct : st, f = u ? "+" : "-", p = `${f}${a(i.amount)} (${f}${Math.abs(i.percent)}%)`, m = u ? P.trendUp : P.trendDown;
-	return o ? /* @__PURE__ */ O("div", {
-		className: [P.card, l ?? ""].filter(Boolean).join(" "),
+}), an = ({ logo: e, symbol: t, name: n, price: r, change: i, formatAmount: a = rn, chart: o, periodLabel: s = "Last 6 months", onPeriodClick: c, className: l }) => {
+	let u = i.amount >= 0, d = u ? st : ot, f = u ? "+" : "-", p = `${f}${a(i.amount)} (${f}${Math.abs(i.percent)}%)`, m = u ? F.trendUp : F.trendDown;
+	return o ? /* @__PURE__ */ A("div", {
+		className: [F.card, l ?? ""].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ O("div", {
-				className: P.header,
-				children: [/* @__PURE__ */ D(He, {
+			/* @__PURE__ */ A("div", {
+				className: F.header,
+				children: [/* @__PURE__ */ k(Ve, {
 					size: 16,
-					strokeWidth: w(16),
-					className: P.headerIcon
-				}), /* @__PURE__ */ D("span", {
-					className: P.headerLabel,
+					strokeWidth: D(16),
+					className: F.headerIcon
+				}), /* @__PURE__ */ k("span", {
+					className: F.headerLabel,
 					children: "Stock market"
 				})]
 			}),
-			/* @__PURE__ */ O("div", {
-				className: P.tickerRow,
-				children: [/* @__PURE__ */ D("span", {
-					className: P.logoLg,
+			/* @__PURE__ */ A("div", {
+				className: F.tickerRow,
+				children: [/* @__PURE__ */ k("span", {
+					className: F.logoLg,
 					"aria-hidden": "true",
 					children: e
-				}), /* @__PURE__ */ O("div", {
-					className: P.text,
-					children: [/* @__PURE__ */ D("p", {
-						className: P.symbol,
+				}), /* @__PURE__ */ A("div", {
+					className: F.text,
+					children: [/* @__PURE__ */ k("p", {
+						className: F.symbol,
 						children: t
-					}), /* @__PURE__ */ D("p", {
-						className: P.name,
+					}), /* @__PURE__ */ k("p", {
+						className: F.name,
 						children: n
 					})]
 				})]
 			}),
-			/* @__PURE__ */ O("div", {
-				className: P.body,
-				children: [/* @__PURE__ */ O("div", {
-					className: P.priceRow,
-					children: [/* @__PURE__ */ O("div", {
-						className: P.priceGroup,
-						children: [/* @__PURE__ */ D("p", {
-							className: P.priceLg,
+			/* @__PURE__ */ A("div", {
+				className: F.body,
+				children: [/* @__PURE__ */ A("div", {
+					className: F.priceRow,
+					children: [/* @__PURE__ */ A("div", {
+						className: F.priceGroup,
+						children: [/* @__PURE__ */ k("p", {
+							className: F.priceLg,
 							children: a(r)
-						}), /* @__PURE__ */ O("div", {
-							className: P.changeRowLg,
-							children: [/* @__PURE__ */ D(d, {
+						}), /* @__PURE__ */ A("div", {
+							className: F.changeRowLg,
+							children: [/* @__PURE__ */ k(d, {
 								size: 24,
-								strokeWidth: w(24),
+								strokeWidth: D(24),
 								className: m
-							}), /* @__PURE__ */ D("span", {
-								className: [P.changeTextLg, m].join(" "),
+							}), /* @__PURE__ */ k("span", {
+								className: [F.changeTextLg, m].join(" "),
 								children: p
 							})]
 						})]
-					}), /* @__PURE__ */ D(ge, {
+					}), /* @__PURE__ */ k(Te, {
 						variant: "outline",
 						size: "sm",
-						rightIcon: /* @__PURE__ */ D(We, {
+						rightIcon: /* @__PURE__ */ k(Ue, {
 							size: 16,
-							strokeWidth: w(16)
+							strokeWidth: D(16)
 						}),
 						onClick: c,
 						children: s
 					})]
-				}), /* @__PURE__ */ D(tn, {
+				}), /* @__PURE__ */ k(nn, {
 					data: o,
-					className: P.chart
+					className: F.chart
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ O("div", {
-		className: [P.row, l ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
-			className: P.left,
-			children: [/* @__PURE__ */ D("span", {
-				className: P.logo,
+	}) : /* @__PURE__ */ A("div", {
+		className: [F.row, l ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ A("div", {
+			className: F.left,
+			children: [/* @__PURE__ */ k("span", {
+				className: F.logo,
 				"aria-hidden": "true",
 				children: e
-			}), /* @__PURE__ */ O("div", {
-				className: P.text,
-				children: [/* @__PURE__ */ D("p", {
-					className: P.symbol,
+			}), /* @__PURE__ */ A("div", {
+				className: F.text,
+				children: [/* @__PURE__ */ k("p", {
+					className: F.symbol,
 					children: t
-				}), /* @__PURE__ */ D("p", {
-					className: P.name,
+				}), /* @__PURE__ */ k("p", {
+					className: F.name,
 					children: n
 				})]
 			})]
-		}), /* @__PURE__ */ O("div", {
-			className: P.right,
-			children: [/* @__PURE__ */ D("p", {
-				className: P.price,
+		}), /* @__PURE__ */ A("div", {
+			className: F.right,
+			children: [/* @__PURE__ */ k("p", {
+				className: F.price,
 				children: a(r)
-			}), /* @__PURE__ */ O("div", {
-				className: P.changeRow,
-				children: [/* @__PURE__ */ D(d, {
+			}), /* @__PURE__ */ A("div", {
+				className: F.changeRow,
+				children: [/* @__PURE__ */ k(d, {
 					size: 20,
-					strokeWidth: w(20),
+					strokeWidth: D(20),
 					className: m
-				}), /* @__PURE__ */ D("span", {
-					className: [P.changeText, m].join(" "),
+				}), /* @__PURE__ */ k("span", {
+					className: [F.changeText, m].join(" "),
 					children: p
 				})]
 			})]
 		})]
 	});
-}, an = {
+}, on = {
 	tags: "_tags_acsad_1",
 	remove: "_remove_acsad_8"
-}, on = ({ tags: e, onRemove: t, className: n }) => /* @__PURE__ */ D("div", {
-	className: [an.tags, n ?? ""].filter(Boolean).join(" "),
-	children: e.map((e, n) => /* @__PURE__ */ D(u, {
-		rightIcon: t && /* @__PURE__ */ D("button", {
+}, sn = ({ tags: e, onRemove: t, className: n }) => /* @__PURE__ */ k("div", {
+	className: [on.tags, n ?? ""].filter(Boolean).join(" "),
+	children: e.map((e, n) => /* @__PURE__ */ k(u, {
+		rightIcon: t && /* @__PURE__ */ k("button", {
 			type: "button",
-			className: an.remove,
+			className: on.remove,
 			onClick: () => t(e, n),
 			"aria-label": `Remove ${e}`,
-			children: /* @__PURE__ */ D(dt, {
+			children: /* @__PURE__ */ k(ut, {
 				size: 12,
-				strokeWidth: w(12)
+				strokeWidth: D(12)
 			})
 		}),
 		children: e
 	}, e))
-}), F = {
+}), I = {
 	ticker: "_ticker_6xnxy_1",
 	track: "_track_6xnxy_9",
 	"ticker-scroll": "_ticker-scroll_6xnxy_1",
@@ -702,33 +730,33 @@ var Pt = {
 	trendDown: "_trendDown_6xnxy_58",
 	fadeLeft: "_fadeLeft_6xnxy_60",
 	fadeRight: "_fadeRight_6xnxy_61"
-}, sn = (e) => `${e >= 0 ? "+" : ""}${e}%`, cn = ({ items: e, formatChange: t, ariaHidden: n }) => /* @__PURE__ */ D("div", {
-	className: F.row,
+}, cn = (e) => `${e >= 0 ? "+" : ""}${e}%`, ln = ({ items: e, formatChange: t, ariaHidden: n }) => /* @__PURE__ */ k("div", {
+	className: I.row,
 	"aria-hidden": n,
 	children: e.map((e, n) => {
-		let r = e.changePercent >= 0, i = r ? ct : st, a = r ? F.trendUp : F.trendDown;
-		return /* @__PURE__ */ O("div", {
-			className: F.item,
+		let r = e.changePercent >= 0, i = r ? st : ot, a = r ? I.trendUp : I.trendDown;
+		return /* @__PURE__ */ A("div", {
+			className: I.item,
 			children: [
-				/* @__PURE__ */ D("span", {
-					className: F.symbol,
+				/* @__PURE__ */ k("span", {
+					className: I.symbol,
 					children: e.symbol
 				}),
-				/* @__PURE__ */ D(i, {
+				/* @__PURE__ */ k(i, {
 					size: 14,
-					strokeWidth: w(14),
+					strokeWidth: D(14),
 					className: a
 				}),
-				/* @__PURE__ */ D("span", {
-					className: [F.change, a].join(" "),
+				/* @__PURE__ */ k("span", {
+					className: [I.change, a].join(" "),
 					children: t(e.changePercent)
 				})
 			]
 		}, `${e.symbol}-${n}`);
 	})
-}), ln = ({ items: e, speed: t = 40, formatChange: n = sn, className: r }) => {
-	let i = E.useRef(null), [a, o] = E.useState(20);
-	return E.useEffect(() => {
+}), un = ({ items: e, speed: t = 40, formatChange: n = cn, className: r }) => {
+	let i = O.useRef(null), [a, o] = O.useState(20);
+	return O.useEffect(() => {
 		let e = i.current;
 		if (!e) return;
 		let n = e.firstElementChild;
@@ -740,33 +768,33 @@ var Pt = {
 		r();
 		let a = new ResizeObserver(r);
 		return a.observe(n), () => a.disconnect();
-	}, [e, t]), /* @__PURE__ */ O("div", {
-		className: [F.ticker, r ?? ""].filter(Boolean).join(" "),
+	}, [e, t]), /* @__PURE__ */ A("div", {
+		className: [I.ticker, r ?? ""].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ A("div", {
 				ref: i,
-				className: F.track,
+				className: I.track,
 				style: { "--ticker-duration": `${a}s` },
-				children: [/* @__PURE__ */ D(cn, {
+				children: [/* @__PURE__ */ k(ln, {
 					items: e,
 					formatChange: n
-				}), /* @__PURE__ */ D(cn, {
+				}), /* @__PURE__ */ k(ln, {
 					items: e,
 					formatChange: n,
 					ariaHidden: !0
 				})]
 			}),
-			/* @__PURE__ */ D("div", {
-				className: F.fadeLeft,
+			/* @__PURE__ */ k("div", {
+				className: I.fadeLeft,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ D("div", {
-				className: F.fadeRight,
+			/* @__PURE__ */ k("div", {
+				className: I.fadeRight,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, I = {
+}, L = {
 	list: "_list_ovxee_1",
 	row: "_row_ovxee_9",
 	rowLast: "_rowLast_ovxee_18",
@@ -782,55 +810,55 @@ var Pt = {
 	emptyIcon: "_emptyIcon_ovxee_86",
 	emptyTitle: "_emptyTitle_ovxee_89",
 	emptyDesc: "_emptyDesc_ovxee_96"
-}, un = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
+}, dn = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-})}`, dn = ({ transactions: e, formatAmount: t = un, emptyTitle: n = "No transactions yet", emptyDescription: r = "Your activity will show up here.", className: i }) => e.length === 0 ? /* @__PURE__ */ O("div", {
-	className: [I.empty, i ?? ""].filter(Boolean).join(" "),
+})}`, fn = ({ transactions: e, formatAmount: t = dn, emptyTitle: n = "No transactions yet", emptyDescription: r = "Your activity will show up here.", className: i }) => e.length === 0 ? /* @__PURE__ */ A("div", {
+	className: [L.empty, i ?? ""].filter(Boolean).join(" "),
 	children: [
-		/* @__PURE__ */ D(it, {
+		/* @__PURE__ */ k(rt, {
 			size: 24,
-			strokeWidth: w(24),
-			className: I.emptyIcon
+			strokeWidth: D(24),
+			className: L.emptyIcon
 		}),
-		/* @__PURE__ */ D("p", {
-			className: I.emptyTitle,
+		/* @__PURE__ */ k("p", {
+			className: L.emptyTitle,
 			children: n
 		}),
-		/* @__PURE__ */ D("p", {
-			className: I.emptyDesc,
+		/* @__PURE__ */ k("p", {
+			className: L.emptyDesc,
 			children: r
 		})
 	]
-}) : /* @__PURE__ */ D("div", {
-	className: [I.list, i ?? ""].filter(Boolean).join(" "),
+}) : /* @__PURE__ */ k("div", {
+	className: [L.list, i ?? ""].filter(Boolean).join(" "),
 	children: e.map((n, r) => {
 		let i = n.amount >= 0;
-		return /* @__PURE__ */ O("div", {
-			className: [I.row, r === e.length - 1 ? I.rowLast : ""].filter(Boolean).join(" "),
-			children: [/* @__PURE__ */ O("div", {
-				className: I.left,
-				children: [/* @__PURE__ */ D("span", {
-					className: I.iconWrap,
+		return /* @__PURE__ */ A("div", {
+			className: [L.row, r === e.length - 1 ? L.rowLast : ""].filter(Boolean).join(" "),
+			children: [/* @__PURE__ */ A("div", {
+				className: L.left,
+				children: [/* @__PURE__ */ k("span", {
+					className: L.iconWrap,
 					"aria-hidden": "true",
 					children: n.icon
-				}), /* @__PURE__ */ O("div", {
-					className: I.info,
-					children: [/* @__PURE__ */ D("p", {
-						className: I.name,
+				}), /* @__PURE__ */ A("div", {
+					className: L.info,
+					children: [/* @__PURE__ */ k("p", {
+						className: L.name,
 						children: n.name
-					}), /* @__PURE__ */ D("p", {
-						className: I.category,
+					}), /* @__PURE__ */ k("p", {
+						className: L.category,
 						children: n.category
 					})]
 				})]
-			}), /* @__PURE__ */ D("p", {
-				className: [I.amount, i ? I.amountUp : I.amountDown].join(" "),
+			}), /* @__PURE__ */ k("p", {
+				className: [L.amount, i ? L.amountUp : L.amountDown].join(" "),
 				children: t(n.amount)
 			})]
 		}, n.id ?? `${n.name}-${r}`);
 	})
-}), L = {
+}), R = {
 	root: "_root_19qxp_1",
 	rootAttributed: "_rootAttributed_19qxp_10",
 	rootSimple: "_rootSimple_19qxp_18",
@@ -844,57 +872,57 @@ var Pt = {
 	author: "_author_19qxp_77",
 	authorText: "_authorText_19qxp_83",
 	authorName: "_authorName_19qxp_91"
-}, fn = ({ quote: t, author: n, className: r }) => {
+}, pn = ({ quote: t, author: n, className: r }) => {
 	let i = !!n;
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A("div", {
 		className: [
-			L.root,
-			i ? L.rootAttributed : L.rootSimple,
+			R.root,
+			i ? R.rootAttributed : R.rootSimple,
 			r ?? ""
 		].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ D(e, {
+		children: [/* @__PURE__ */ k(e, {
 			orientation: "vertical",
-			className: L.rail
-		}), /* @__PURE__ */ O("div", {
-			className: L.body,
+			className: R.rail
+		}), /* @__PURE__ */ A("div", {
+			className: R.body,
 			children: [
-				i && /* @__PURE__ */ D("span", {
-					className: L.markRow,
+				i && /* @__PURE__ */ k("span", {
+					className: R.markRow,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ D(rt, {
+					children: /* @__PURE__ */ k(nt, {
 						size: 12,
-						strokeWidth: w(12),
-						className: L.mark,
+						strokeWidth: D(12),
+						className: R.mark,
 						fill: "currentColor"
 					})
 				}),
-				/* @__PURE__ */ D("p", {
-					className: i ? L.quoteAttributed : L.quoteSimple,
+				/* @__PURE__ */ k("p", {
+					className: i ? R.quoteAttributed : R.quoteSimple,
 					children: i ? t : `"${t}"`
 				}),
-				i && /* @__PURE__ */ D("span", {
-					className: [L.markRow, L.markRowEnd].join(" "),
+				i && /* @__PURE__ */ k("span", {
+					className: [R.markRow, R.markRowEnd].join(" "),
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ D(rt, {
+					children: /* @__PURE__ */ k(nt, {
 						size: 12,
-						strokeWidth: w(12),
-						className: L.mark,
+						strokeWidth: D(12),
+						className: R.mark,
 						fill: "currentColor"
 					})
 				}),
-				n && /* @__PURE__ */ O("div", {
-					className: L.author,
-					children: [/* @__PURE__ */ D(be, {
+				n && /* @__PURE__ */ A("div", {
+					className: R.author,
+					children: [/* @__PURE__ */ k(ae, {
 						size: "sm",
 						src: n.avatarSrc,
 						alt: n.avatarAlt ?? n.name
-					}), /* @__PURE__ */ O("p", {
-						className: L.authorText,
-						children: [/* @__PURE__ */ D("span", {
-							className: L.authorName,
+					}), /* @__PURE__ */ A("p", {
+						className: R.authorText,
+						children: [/* @__PURE__ */ k("span", {
+							className: R.authorName,
 							children: n.name
-						}), /* @__PURE__ */ O("span", {
-							className: L.authorRole,
+						}), /* @__PURE__ */ A("span", {
+							className: R.authorRole,
 							children: [", ", n.role]
 						})]
 					})]
@@ -902,51 +930,51 @@ var Pt = {
 			]
 		})]
 	});
-}, pn = {
+}, mn = {
 	root: "_root_btuyr_1",
 	rootLeft: "_rootLeft_btuyr_13",
 	rootTop: "_rootTop_btuyr_19",
 	ruleLeft: "_ruleLeft_btuyr_24",
 	ruleTop: "_ruleTop_btuyr_31",
 	text: "_text_btuyr_39"
-}, mn = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ O("div", {
+}, hn = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ A("div", {
 	className: [
-		pn.root,
-		t === "top" ? pn.rootTop : pn.rootLeft,
+		mn.root,
+		t === "top" ? mn.rootTop : mn.rootLeft,
 		n ?? ""
 	].filter(Boolean).join(" "),
-	children: [/* @__PURE__ */ D("span", {
-		className: t === "top" ? pn.ruleTop : pn.ruleLeft,
+	children: [/* @__PURE__ */ k("span", {
+		className: t === "top" ? mn.ruleTop : mn.ruleLeft,
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ D("p", {
-		className: pn.text,
+	}), /* @__PURE__ */ k("p", {
+		className: mn.text,
 		children: e
 	})]
-}), hn = {
+}), gn = {
 	root: "_root_awxwk_1",
 	imageWrap: "_imageWrap_awxwk_10",
 	"root--large": "_root--large_awxwk_27",
 	"root--small": "_root--small_awxwk_33",
 	image: "_image_awxwk_10",
 	caption: "_caption_awxwk_47"
-}, gn = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ O("figure", {
+}, _n = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ A("figure", {
 	className: [
-		hn.root,
-		hn[`root--${n}`],
+		gn.root,
+		gn[`root--${n}`],
 		i ?? ""
 	].filter(Boolean).join(" "),
-	children: [/* @__PURE__ */ D("span", {
-		className: hn.imageWrap,
-		children: /* @__PURE__ */ D("img", {
+	children: [/* @__PURE__ */ k("span", {
+		className: gn.imageWrap,
+		children: /* @__PURE__ */ k("img", {
 			src: e,
 			alt: t,
-			className: hn.image
+			className: gn.image
 		})
-	}), r && /* @__PURE__ */ D("figcaption", {
-		className: hn.caption,
+	}), r && /* @__PURE__ */ k("figcaption", {
+		className: gn.caption,
 		children: r
 	})]
-}), R = {
+}), z = {
 	root: "_root_uc5r9_1",
 	rootCenter: "_rootCenter_uc5r9_10",
 	rootLeft: "_rootLeft_uc5r9_15",
@@ -955,107 +983,107 @@ var Pt = {
 	ctaRow: "_ctaRow_uc5r9_39",
 	avatarBlock: "_avatarBlock_uc5r9_45",
 	avatarsCaption: "_avatarsCaption_uc5r9_57"
-}, _n = ({ title: e, description: t, badgeLabel: n, primaryCta: r, secondaryCta: i, avatars: a, avatarsCaption: o, align: s = "center", className: c }) => {
+}, vn = ({ title: e, description: t, badgeLabel: n, primaryCta: r, secondaryCta: i, avatars: a, avatarsCaption: o, align: s = "center", className: c }) => {
 	let l = !!(r || i), d = !!(a && a.length > 0);
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A("div", {
 		className: [
-			R.root,
-			s === "left" ? R.rootLeft : R.rootCenter,
+			z.root,
+			s === "left" ? z.rootLeft : z.rootCenter,
 			c ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			n && /* @__PURE__ */ D(u, {
+			n && /* @__PURE__ */ k(u, {
 				variant: "accent",
 				emphasis: "subtle",
 				children: n
 			}),
-			/* @__PURE__ */ D("p", {
-				className: R.title,
+			/* @__PURE__ */ k("p", {
+				className: z.title,
 				children: e
 			}),
-			t && /* @__PURE__ */ D("p", {
-				className: R.description,
+			t && /* @__PURE__ */ k("p", {
+				className: z.description,
 				children: t
 			}),
-			l && /* @__PURE__ */ O("div", {
-				className: R.ctaRow,
-				children: [r && /* @__PURE__ */ D(ge, {
+			l && /* @__PURE__ */ A("div", {
+				className: z.ctaRow,
+				children: [r && /* @__PURE__ */ k(Te, {
 					variant: "primary",
 					onClick: r.onClick,
 					children: r.label
-				}), i && /* @__PURE__ */ D(ge, {
+				}), i && /* @__PURE__ */ k(Te, {
 					variant: "secondary",
-					leftIcon: /* @__PURE__ */ D(tt, {
+					leftIcon: /* @__PURE__ */ k(et, {
 						size: 16,
-						strokeWidth: w(16),
+						strokeWidth: D(16),
 						fill: "currentColor"
 					}),
 					onClick: i.onClick,
 					children: i.label
 				})]
 			}),
-			d && /* @__PURE__ */ O("div", {
-				className: R.avatarBlock,
-				children: [/* @__PURE__ */ D(_e, {
+			d && /* @__PURE__ */ A("div", {
+				className: z.avatarBlock,
+				children: [/* @__PURE__ */ k(pe, {
 					size: "md",
 					avatars: a
-				}), o && /* @__PURE__ */ D("p", {
-					className: R.avatarsCaption,
+				}), o && /* @__PURE__ */ k("p", {
+					className: z.avatarsCaption,
 					children: o
 				})]
 			})
 		]
 	});
-}, vn = {
+}, yn = {
 	root: "_root_5kajg_1",
 	item: "_item_5kajg_12",
 	marker: "_marker_5kajg_18",
 	dot: "_dot_5kajg_26",
 	label: "_label_5kajg_34"
-}, yn = ({ items: e, style: t = "check", className: n }) => /* @__PURE__ */ D("ul", {
-	className: [vn.root, n ?? ""].filter(Boolean).join(" "),
-	children: e.map((e, n) => /* @__PURE__ */ O("li", {
-		className: vn.item,
-		children: [/* @__PURE__ */ O("span", {
-			className: vn.marker,
+}, bn = ({ items: e, style: t = "check", className: n }) => /* @__PURE__ */ k("ul", {
+	className: [yn.root, n ?? ""].filter(Boolean).join(" "),
+	children: e.map((e, n) => /* @__PURE__ */ A("li", {
+		className: yn.item,
+		children: [/* @__PURE__ */ A("span", {
+			className: yn.marker,
 			"aria-hidden": "true",
 			children: [
-				t === "check" && /* @__PURE__ */ D(Ue, {
+				t === "check" && /* @__PURE__ */ k(He, {
 					size: 18,
-					strokeWidth: w(18)
+					strokeWidth: D(18)
 				}),
-				t === "arrow" && /* @__PURE__ */ D(Ve, {
+				t === "arrow" && /* @__PURE__ */ k(Be, {
 					size: 16,
-					strokeWidth: w(16)
+					strokeWidth: D(16)
 				}),
-				t === "bullet" && /* @__PURE__ */ D("span", { className: vn.dot })
+				t === "bullet" && /* @__PURE__ */ k("span", { className: yn.dot })
 			]
-		}), /* @__PURE__ */ D("span", {
-			className: vn.label,
+		}), /* @__PURE__ */ k("span", {
+			className: yn.label,
 			children: e
 		})]
 	}, n))
-}), bn = {
+}), xn = {
 	marquee: "_marquee_1pc4i_1",
 	track: "_track_1pc4i_13",
 	row: "_row_1pc4i_19",
 	item: "_item_1pc4i_25",
 	fadeLeft: "_fadeLeft_1pc4i_31",
 	fadeRight: "_fadeRight_1pc4i_32"
-}, xn = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ D("div", {
-	className: bn.row,
+}, Sn = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ k("div", {
+	className: xn.row,
 	style: {
 		gap: t,
 		paddingRight: t
 	},
 	"aria-hidden": n,
-	children: e.map((e, t) => /* @__PURE__ */ D("div", {
-		className: bn.item,
+	children: e.map((e, t) => /* @__PURE__ */ k("div", {
+		className: xn.item,
 		children: e
 	}, t))
-}), Sn = ({ items: e, speed: t = 40, gap: n, className: r }) => {
-	let i = E.useRef(null), a = E.useRef(0), o = E.useRef(0), s = E.useRef(!1);
-	return E.useEffect(() => {
+}), Cn = ({ items: e, speed: t = 40, gap: n, className: r }) => {
+	let i = O.useRef(null), a = O.useRef(0), o = O.useRef(0), s = O.useRef(!1);
+	return O.useEffect(() => {
 		let e = i.current?.firstElementChild;
 		if (!e) return;
 		let t = () => {
@@ -1064,7 +1092,7 @@ var Pt = {
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [e, n]), E.useEffect(() => {
+	}, [e, n]), O.useEffect(() => {
 		let e = i.current;
 		if (!e || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
 		let n, r = performance.now(), c = () => {
@@ -1074,8 +1102,8 @@ var Pt = {
 			d > 0 && (o.current = (o.current + u * l) % d, e.style.transform = `translateX(-${o.current}px)`), n = setTimeout(c, 16);
 		};
 		return n = setTimeout(c, 16), () => clearTimeout(n);
-	}, [t]), /* @__PURE__ */ O("div", {
-		className: [bn.marquee, r ?? ""].filter(Boolean).join(" "),
+	}, [t]), /* @__PURE__ */ A("div", {
+		className: [xn.marquee, r ?? ""].filter(Boolean).join(" "),
 		onMouseEnter: () => {
 			s.current = !0;
 		},
@@ -1083,29 +1111,29 @@ var Pt = {
 			s.current = !1;
 		},
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ A("div", {
 				ref: i,
-				className: bn.track,
-				children: [/* @__PURE__ */ D(xn, {
+				className: xn.track,
+				children: [/* @__PURE__ */ k(Sn, {
 					items: e,
 					gap: n
-				}), /* @__PURE__ */ D(xn, {
+				}), /* @__PURE__ */ k(Sn, {
 					items: e,
 					gap: n,
 					ariaHidden: !0
 				})]
 			}),
-			/* @__PURE__ */ D("div", {
-				className: bn.fadeLeft,
+			/* @__PURE__ */ k("div", {
+				className: xn.fadeLeft,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ D("div", {
-				className: bn.fadeRight,
+			/* @__PURE__ */ k("div", {
+				className: xn.fadeRight,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, Cn = {
+}, wn = {
 	root: "_root_17a1b_1",
 	numRow: "_numRow_17a1b_9",
 	value: "_value_17a1b_15",
@@ -1113,32 +1141,32 @@ var Pt = {
 	trendUp: "_trendUp_17a1b_35",
 	trendDown: "_trendDown_17a1b_39",
 	label: "_label_17a1b_43"
-}, wn = ({ value: e, label: t, trend: n, className: r }) => {
-	let i = n !== void 0, a = i && n >= 0, o = a ? ct : st;
-	return /* @__PURE__ */ O("div", {
-		className: [Cn.root, r ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
-			className: Cn.numRow,
-			children: [/* @__PURE__ */ D("p", {
-				className: Cn.value,
+}, Tn = ({ value: e, label: t, trend: n, className: r }) => {
+	let i = n !== void 0, a = i && n >= 0, o = a ? st : ot;
+	return /* @__PURE__ */ A("div", {
+		className: [wn.root, r ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ A("div", {
+			className: wn.numRow,
+			children: [/* @__PURE__ */ k("p", {
+				className: wn.value,
 				children: e
-			}), i && /* @__PURE__ */ O("span", {
-				className: [Cn.trend, a ? Cn.trendUp : Cn.trendDown].join(" "),
+			}), i && /* @__PURE__ */ A("span", {
+				className: [wn.trend, a ? wn.trendUp : wn.trendDown].join(" "),
 				children: [
-					/* @__PURE__ */ D(o, {
+					/* @__PURE__ */ k(o, {
 						size: 24,
-						strokeWidth: w(24)
+						strokeWidth: D(24)
 					}),
 					Math.abs(n),
 					"%"
 				]
 			})]
-		}), /* @__PURE__ */ D("p", {
-			className: Cn.label,
+		}), /* @__PURE__ */ k("p", {
+			className: wn.label,
 			children: t
 		})]
 	});
-}, z = {
+}, B = {
 	root: "_root_scbx4_1",
 	header: "_header_scbx4_13",
 	label: "_label_scbx4_21",
@@ -1149,59 +1177,59 @@ var Pt = {
 	collapseInner: "_collapseInner_scbx4_78",
 	navLinks: "_navLinks_scbx4_91",
 	navLink: "_navLink_scbx4_91"
-}, Tn = ({ label: t, links: n, ctaLabel: r = "Get started", onCtaClick: i, open: a, defaultOpen: o = !1, onOpenChange: s, className: c }) => {
-	let l = a !== void 0, [u, d] = E.useState(o), f = l ? a : u, p = () => {
+}, En = ({ label: t, links: n, ctaLabel: r = "Get started", onCtaClick: i, open: a, defaultOpen: o = !1, onOpenChange: s, className: c }) => {
+	let l = a !== void 0, [u, d] = O.useState(o), f = l ? a : u, p = () => {
 		let e = !f;
 		l || d(e), s?.(e);
-	}, m = E.useRef(null), [h, g] = E.useState(0);
-	return E.useEffect(() => {
+	}, m = O.useRef(null), [h, g] = O.useState(0);
+	return O.useEffect(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = () => g(e.scrollHeight);
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [n, r]), /* @__PURE__ */ O("div", {
-		className: [z.root, c ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
-			className: z.header,
-			children: [/* @__PURE__ */ D("p", {
-				className: z.label,
+	}, [n, r]), /* @__PURE__ */ A("div", {
+		className: [B.root, c ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ A("div", {
+			className: B.header,
+			children: [/* @__PURE__ */ k("p", {
+				className: B.label,
 				children: t
-			}), /* @__PURE__ */ D("button", {
+			}), /* @__PURE__ */ k("button", {
 				type: "button",
-				className: z.toggle,
+				className: B.toggle,
 				onClick: p,
 				"aria-expanded": f,
 				"aria-label": f ? "Close menu" : "Open menu",
-				children: D(f ? dt : Qe, {
+				children: k(f ? ut : Ze, {
 					size: 16,
-					strokeWidth: w(16)
+					strokeWidth: D(16)
 				})
 			})]
-		}), /* @__PURE__ */ D("div", {
-			className: [z.collapse, f ? z.collapseOpen : ""].filter(Boolean).join(" "),
+		}), /* @__PURE__ */ k("div", {
+			className: [B.collapse, f ? B.collapseOpen : ""].filter(Boolean).join(" "),
 			style: { maxHeight: f ? `${h}px` : "0px" },
 			"aria-hidden": !f,
-			children: /* @__PURE__ */ O("div", {
+			children: /* @__PURE__ */ A("div", {
 				ref: m,
-				className: z.collapseInner,
+				className: B.collapseInner,
 				children: [
-					/* @__PURE__ */ D("nav", {
-						className: z.navLinks,
+					/* @__PURE__ */ k("nav", {
+						className: B.navLinks,
 						"aria-label": t,
-						children: n.map((e) => /* @__PURE__ */ D("a", {
+						children: n.map((e) => /* @__PURE__ */ k("a", {
 							href: e.href,
 							onClick: e.onClick,
-							className: z.navLink,
+							className: B.navLink,
 							tabIndex: f ? void 0 : -1,
 							children: e.label
 						}, e.label))
 					}),
-					/* @__PURE__ */ D(e, { className: z.fullWidth }),
-					/* @__PURE__ */ D(ge, {
+					/* @__PURE__ */ k(e, { className: B.fullWidth }),
+					/* @__PURE__ */ k(Te, {
 						variant: "primary",
-						className: z.fullWidth,
+						className: B.fullWidth,
 						onClick: i,
 						tabIndex: f ? void 0 : -1,
 						children: r
@@ -1210,38 +1238,38 @@ var Pt = {
 			})
 		})]
 	});
-}, En = {
+}, Dn = {
 	root: "_root_lrpdp_1",
 	"root--sm": "_root--sm_lrpdp_14",
 	"root--md": "_root--md_lrpdp_18",
 	"root--lg": "_root--lg_lrpdp_22",
 	defaultMark: "_defaultMark_lrpdp_27"
-}, Dn = {
+}, On = {
 	sm: 14,
 	md: 16,
 	lg: 18
-}, On = ({ size: e = "md", logo: t, label: n, className: r }) => {
-	let i = Dn[e], a = E.isValidElement(t) ? E.cloneElement(t, {
+}, kn = ({ size: e = "md", logo: t, label: n, className: r }) => {
+	let i = On[e], a = O.isValidElement(t) ? O.cloneElement(t, {
 		size: i,
-		strokeWidth: w(i)
-	}) : t ?? /* @__PURE__ */ D("img", {
+		strokeWidth: D(i)
+	}) : t ?? /* @__PURE__ */ k("img", {
 		src: "data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Brands'%3e%3cg%20id='Vector'%3e%3cpath%20d='M0%206.54545C0%202.9305%202.9305%200%206.54545%200H17.4545C21.0695%200%2024%202.9305%2024%206.54545V17.4545C24%2021.0695%2021.0695%2024%2017.4545%2024H6.54545C2.9305%2024%200%2021.0695%200%2017.4545V6.54545Z'%20fill='%23FF4700'/%3e%3cpath%20d='M12.0851%2016.2829C11.3811%2016.2829%2010.7731%2016.1589%2010.2611%2015.9109C9.74909%2015.6629%209.34509%2015.3189%209.04909%2014.8789C8.76109%2014.4309%208.59309%2013.9109%208.54509%2013.3189L10.1291%2013.2229C10.1771%2013.5909%2010.2811%2013.9029%2010.4411%2014.1589C10.6091%2014.4149%2010.8291%2014.6109%2011.1011%2014.7469C11.3811%2014.8749%2011.7171%2014.9389%2012.1091%2014.9389C12.4451%2014.9389%2012.7291%2014.8989%2012.9611%2014.8189C13.2011%2014.7309%2013.3811%2014.6069%2013.5011%2014.4469C13.6291%2014.2789%2013.6931%2014.0749%2013.6931%2013.8349C13.6931%2013.6189%2013.6411%2013.4269%2013.5371%2013.2589C13.4331%2013.0829%2013.2331%2012.9269%2012.9371%2012.7909C12.6411%2012.6469%2012.2011%2012.5069%2011.6171%2012.3709C10.9131%2012.2109%2010.3491%2012.0309%209.92509%2011.8309C9.50109%2011.6229%209.19309%2011.3669%209.00109%2011.0629C8.80909%2010.7509%208.71309%2010.3629%208.71309%209.89891C8.71309%209.40291%208.83709%208.96691%209.08509%208.59091C9.33309%208.20691%209.68509%207.91091%2010.1411%207.70291C10.5971%207.48691%2011.1451%207.37891%2011.7851%207.37891C12.4651%207.37891%2013.0411%207.50291%2013.5131%207.75091C13.9851%207.99091%2014.3571%208.32291%2014.6291%208.74691C14.9011%209.17091%2015.0691%209.65891%2015.1331%2010.2109L13.5611%2010.2829C13.5211%209.97091%2013.4251%209.69891%2013.2731%209.46691C13.1291%209.23491%2012.9291%209.05491%2012.6731%208.92691C12.4251%208.79091%2012.1211%208.72291%2011.7611%208.72291C11.3131%208.72291%2010.9571%208.82691%2010.6931%209.03491C10.4371%209.23491%2010.3091%209.50291%2010.3091%209.83891C10.3091%2010.0709%2010.3611%2010.2629%2010.4651%2010.4149C10.5771%2010.5669%2010.7731%2010.6989%2011.0531%2010.8109C11.3331%2010.9149%2011.7251%2011.0269%2012.2291%2011.1469C12.9891%2011.3069%2013.5931%2011.5109%2014.0411%2011.7589C14.4891%2012.0069%2014.8091%2012.2949%2015.0011%2012.6229C15.1931%2012.9509%2015.2891%2013.3269%2015.2891%2013.7509C15.2891%2014.2709%2015.1571%2014.7229%2014.8931%2015.1069C14.6291%2015.4829%2014.2571%2015.7749%2013.7771%2015.9829C13.2971%2016.1829%2012.7331%2016.2829%2012.0851%2016.2829Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",
 		alt: "",
 		width: i,
 		height: i,
-		className: En.defaultMark
+		className: Dn.defaultMark
 	});
-	return /* @__PURE__ */ D("span", {
+	return /* @__PURE__ */ k("span", {
 		className: [
-			En.root,
-			En[`root--${e}`],
+			Dn.root,
+			Dn[`root--${e}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		role: "img",
 		"aria-label": n ?? "Logo placeholder",
 		children: a
 	});
-}, B = {
+}, V = {
 	root: "_root_ibchq_1",
 	rootCompact: "_rootCompact_ibchq_7",
 	rootDetailed: "_rootDetailed_ibchq_14",
@@ -1252,61 +1280,61 @@ var Pt = {
 	bio: "_bio_ibchq_53",
 	social: "_social_ibchq_63",
 	socialBtn: "_socialBtn_ibchq_71"
-}, kn = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
+}, An = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
 	let s = !!i || a.length > 0;
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A("div", {
 		className: [
-			B.root,
-			s ? B.rootDetailed : B.rootCompact,
+			V.root,
+			s ? V.rootDetailed : V.rootCompact,
 			o ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ D(be, {
+			/* @__PURE__ */ k(ae, {
 				size: "xl",
 				src: n,
 				alt: r ?? e
 			}),
-			/* @__PURE__ */ O("div", {
-				className: s ? B.infoDetailed : B.infoCompact,
-				children: [/* @__PURE__ */ D("p", {
-					className: B.name,
+			/* @__PURE__ */ A("div", {
+				className: s ? V.infoDetailed : V.infoCompact,
+				children: [/* @__PURE__ */ k("p", {
+					className: V.name,
 					children: e
-				}), /* @__PURE__ */ D("p", {
-					className: B.role,
+				}), /* @__PURE__ */ k("p", {
+					className: V.role,
 					children: t
 				})]
 			}),
-			s && i && /* @__PURE__ */ D("p", {
-				className: B.bio,
+			s && i && /* @__PURE__ */ k("p", {
+				className: V.bio,
 				children: i
 			}),
-			s && a.length > 0 && /* @__PURE__ */ D("div", {
-				className: B.social,
-				children: a.map((e, t) => /* @__PURE__ */ D("a", {
+			s && a.length > 0 && /* @__PURE__ */ k("div", {
+				className: V.social,
+				children: a.map((e, t) => /* @__PURE__ */ k("a", {
 					href: e.href,
 					onClick: e.onClick,
-					className: B.socialBtn,
+					className: V.socialBtn,
 					"aria-label": e.label,
 					children: e.icon
 				}, e.label ?? t))
 			})
 		]
 	});
-}, An = {
+}, jn = {
 	heading: "_heading_96cdx_1",
 	h2: "_h2_96cdx_8",
 	h3: "_h3_96cdx_14"
-}, jn = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ D(t, {
+}, Mn = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ k(t, {
 	className: [
-		An.heading,
-		An[t],
+		jn.heading,
+		jn[t],
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: e
-}), Mn = { paragraph: "_paragraph_8pqdi_1" }, Nn = ({ children: e, className: t }) => /* @__PURE__ */ D("p", {
-	className: [Mn.paragraph, t ?? ""].filter(Boolean).join(" "),
+}), Nn = { paragraph: "_paragraph_8pqdi_1" }, Pn = ({ children: e, className: t }) => /* @__PURE__ */ k("p", {
+	className: [Nn.paragraph, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), V = {
+}), Fn = {
 	rootBordered: "_rootBordered_5cgsj_1",
 	rail: "_rail_5cgsj_12",
 	contentHorizontal: "_contentHorizontal_5cgsj_18",
@@ -1315,45 +1343,45 @@ var Pt = {
 	textVertical: "_textVertical_5cgsj_41",
 	title: "_title_5cgsj_49",
 	description: "_description_5cgsj_57"
-}, Pn = ({ icon: t, title: n, description: r, layout: i = "horizontal", leftBorder: a = !1, className: o }) => {
-	let s = i === "vertical", c = /* @__PURE__ */ O("div", {
-		className: s ? V.contentVertical : V.contentHorizontal,
-		children: [/* @__PURE__ */ D(p, {
+}, In = ({ icon: t, title: n, description: r, layout: i = "horizontal", leftBorder: a = !1, className: o }) => {
+	let s = i === "vertical", c = /* @__PURE__ */ A("div", {
+		className: s ? Fn.contentVertical : Fn.contentHorizontal,
+		children: [/* @__PURE__ */ k(p, {
 			icon: t,
 			size: "sm",
 			variant: "light"
-		}), /* @__PURE__ */ O("div", {
-			className: s ? V.textVertical : V.textHorizontal,
-			children: [/* @__PURE__ */ D("p", {
-				className: V.title,
+		}), /* @__PURE__ */ A("div", {
+			className: s ? Fn.textVertical : Fn.textHorizontal,
+			children: [/* @__PURE__ */ k("p", {
+				className: Fn.title,
 				children: n
-			}), /* @__PURE__ */ D("p", {
-				className: V.description,
+			}), /* @__PURE__ */ k("p", {
+				className: Fn.description,
 				children: r
 			})]
 		})]
 	});
-	return a ? /* @__PURE__ */ O("div", {
-		className: [V.rootBordered, o ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ D(e, {
+	return a ? /* @__PURE__ */ A("div", {
+		className: [Fn.rootBordered, o ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ k(e, {
 			orientation: "vertical",
-			className: V.rail
+			className: Fn.rail
 		}), c]
-	}) : E.cloneElement(c, { className: [c.props.className, o ?? ""].filter(Boolean).join(" ") });
-}, Fn = { chart: "_chart_qqaox_2" }, In = {
+	}) : O.cloneElement(c, { className: [c.props.className, o ?? ""].filter(Boolean).join(" ") });
+}, Ln = { chart: "_chart_qqaox_2" }, Rn = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, Ln = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Rn = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
-	T();
-	let o = Ln("--color-chart-5") ?? "#dca84f", s = Ln("--color-chart-2") ?? "#5b92dd", c = Ln("--color-border-subtle") ?? "#e5e4e7", l = Ln("--color-fg-muted") ?? "#6b6375", u = e.some((e) => e.value2 !== void 0), d = t === "step" ? "step" : t === "linear" ? "linear" : "monotone", f = t === "stacked" ? "stack" : void 0;
-	return /* @__PURE__ */ D("div", {
-		className: [Fn.chart, a ?? ""].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ D(A, {
+}, zn = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
+	let o = O.useRef(null), s = N(o), c = s("--color-chart-5") ?? "#dca84f", l = s("--color-chart-2") ?? "#5b92dd", u = s("--color-border-subtle") ?? "#e7e5e1", d = s("--color-fg-muted") ?? "#78716a", f = e.some((e) => e.value2 !== void 0), p = t === "step" ? "step" : t === "linear" ? "linear" : "monotone", m = t === "stacked" ? "stack" : void 0;
+	return /* @__PURE__ */ k("div", {
+		ref: o,
+		className: [Ln.chart, a ?? ""].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ k(At, {
 			width: "100%",
-			height: i ?? In[r],
-			children: /* @__PURE__ */ O(pt, {
+			height: i ?? Rn[r],
+			children: /* @__PURE__ */ A(ft, {
 				data: e,
 				margin: {
 					top: 8,
@@ -1362,87 +1390,87 @@ var Pt = {
 					left: 0
 				},
 				children: [
-					/* @__PURE__ */ O("defs", { children: [/* @__PURE__ */ O("linearGradient", {
+					/* @__PURE__ */ A("defs", { children: [/* @__PURE__ */ A("linearGradient", {
 						id: "sakani-area-1",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ D("stop", {
+						children: [/* @__PURE__ */ k("stop", {
 							offset: "5%",
-							stopColor: o,
+							stopColor: c,
 							stopOpacity: .35
-						}), /* @__PURE__ */ D("stop", {
+						}), /* @__PURE__ */ k("stop", {
 							offset: "95%",
-							stopColor: o,
+							stopColor: c,
 							stopOpacity: .02
 						})]
-					}), /* @__PURE__ */ O("linearGradient", {
+					}), /* @__PURE__ */ A("linearGradient", {
 						id: "sakani-area-2",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ D("stop", {
+						children: [/* @__PURE__ */ k("stop", {
 							offset: "5%",
-							stopColor: s,
+							stopColor: l,
 							stopOpacity: .35
-						}), /* @__PURE__ */ D("stop", {
+						}), /* @__PURE__ */ k("stop", {
 							offset: "95%",
-							stopColor: s,
+							stopColor: l,
 							stopOpacity: .02
 						})]
 					})] }),
-					/* @__PURE__ */ D(gt, {
+					/* @__PURE__ */ k(ht, {
 						strokeDasharray: "3 3",
-						stroke: c,
+						stroke: u,
 						vertical: !1
 					}),
-					/* @__PURE__ */ D(Mt, {
+					/* @__PURE__ */ k(Nt, {
 						dataKey: "label",
-						stroke: l,
+						stroke: d,
 						fontSize: 12,
 						tickLine: !1,
 						axisLine: !1,
 						interval: 0
 					}),
-					/* @__PURE__ */ D(jt, {
+					/* @__PURE__ */ k(Mt, {
 						cursor: {
-							stroke: Ln("--color-border-default") ?? "#d6d3ce",
+							stroke: s("--color-border-default") ?? "#dbdad7",
 							strokeWidth: 1
 						},
-						content: /* @__PURE__ */ D(Xt, {}),
+						content: /* @__PURE__ */ k(Qt, {}),
 						wrapperStyle: { zIndex: 50 }
 					}),
-					u && /* @__PURE__ */ D(ft, {
-						type: d,
+					f && /* @__PURE__ */ k(dt, {
+						type: p,
 						dataKey: "value2",
 						name: n[1] ?? "Value 2",
-						stackId: f,
-						stroke: s,
+						stackId: m,
+						stroke: l,
 						strokeWidth: 2,
 						fill: "url(#sakani-area-2)",
 						dot: !1,
 						activeDot: {
 							r: 4,
-							fill: s,
-							stroke: Ln("--color-bg-canvas"),
+							fill: l,
+							stroke: s("--color-bg-canvas"),
 							strokeWidth: 1.5
 						}
 					}),
-					/* @__PURE__ */ D(ft, {
-						type: d,
+					/* @__PURE__ */ k(dt, {
+						type: p,
 						dataKey: "value",
 						name: n[0] ?? "Value",
-						stackId: f,
-						stroke: o,
+						stackId: m,
+						stroke: c,
 						strokeWidth: 2,
 						fill: "url(#sakani-area-1)",
 						dot: !1,
 						activeDot: {
 							r: 4,
-							fill: o,
-							stroke: Ln("--color-bg-canvas"),
+							fill: c,
+							stroke: s("--color-bg-canvas"),
 							strokeWidth: 1.5
 						}
 					})
@@ -1461,62 +1489,62 @@ var Pt = {
 	col__body: "_col__body_1v24u_24",
 	col__drop: "_col__drop_1v24u_25",
 	col__add: "_col__add_1v24u_31"
-}, zn = ({ state: e = "default", title: t, count: n, dotColor: r = "var(--color-chart-1)", children: i, onAdd: a, onMenu: o, className: s }) => /* @__PURE__ */ O("div", {
+}, Bn = ({ state: e = "default", title: t, count: n, dotColor: r = "var(--color-chart-1)", children: i, onAdd: a, onMenu: o, className: s }) => /* @__PURE__ */ A("div", {
 	className: [H.col, s ?? ""].filter(Boolean).join(" "),
 	children: [
-		/* @__PURE__ */ O("div", {
+		/* @__PURE__ */ A("div", {
 			className: H.col__header,
 			children: [
-				/* @__PURE__ */ D("span", {
+				/* @__PURE__ */ k("span", {
 					className: H.col__dot,
 					style: { background: r },
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ D("span", {
+				/* @__PURE__ */ k("span", {
 					className: H.col__title,
 					children: t
 				}),
-				n != null && /* @__PURE__ */ D("span", {
+				n != null && /* @__PURE__ */ k("span", {
 					className: H.col__count,
 					children: n
 				}),
-				/* @__PURE__ */ D("span", { className: H.col__spacer }),
-				/* @__PURE__ */ D("button", {
+				/* @__PURE__ */ k("span", { className: H.col__spacer }),
+				/* @__PURE__ */ k("button", {
 					type: "button",
 					className: H.col__action,
 					onClick: a,
 					"aria-label": "Add task",
-					children: /* @__PURE__ */ D(nt, {
+					children: /* @__PURE__ */ k(tt, {
 						size: 16,
-						strokeWidth: w(16)
+						strokeWidth: D(16)
 					})
 				}),
-				/* @__PURE__ */ D("button", {
+				/* @__PURE__ */ k("button", {
 					type: "button",
 					className: H.col__action,
 					onClick: o,
 					"aria-label": "Column options",
-					children: /* @__PURE__ */ D(et, {
+					children: /* @__PURE__ */ k($e, {
 						size: 16,
-						strokeWidth: w(16)
+						strokeWidth: D(16)
 					})
 				})
 			]
 		}),
-		/* @__PURE__ */ D("div", {
+		/* @__PURE__ */ k("div", {
 			className: H.col__body,
-			children: e === "empty" ? /* @__PURE__ */ D("div", {
+			children: e === "empty" ? /* @__PURE__ */ k("div", {
 				className: H.col__drop,
 				children: "Drop tasks here"
 			}) : i
 		}),
-		/* @__PURE__ */ O("button", {
+		/* @__PURE__ */ A("button", {
 			type: "button",
 			className: H.col__add,
 			onClick: a,
-			children: [/* @__PURE__ */ D(nt, {
+			children: [/* @__PURE__ */ k(tt, {
 				size: 16,
-				strokeWidth: w(16),
+				strokeWidth: D(16),
 				"aria-hidden": "true"
 			}), "Add task"]
 		})
@@ -1539,7 +1567,7 @@ var Pt = {
 	"day--disabled": "_day--disabled_1y1kb_49",
 	dropdowns: "_dropdowns_1y1kb_52",
 	dropdown: "_dropdown_1y1kb_52"
-}, Bn = [
+}, Vn = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -1547,7 +1575,7 @@ var Pt = {
 	"Th",
 	"Fr",
 	"Sa"
-], Vn = [
+], Hn = [
 	"January",
 	"February",
 	"March",
@@ -1560,19 +1588,19 @@ var Pt = {
 	"October",
 	"November",
 	"December"
-], Hn = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Un = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Wn = ({ mode: e = "single", value: t, onChange: n, range: r, onRangeChange: i, headerType: a = "arrows", defaultMonth: o, minDate: s, maxDate: c, className: l }) => {
-	let [u, d] = E.useState(() => {
+], Un = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Wn = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Gn = ({ mode: e = "single", value: t, onChange: n, range: r, onRangeChange: i, headerType: a = "arrows", defaultMonth: o, minDate: s, maxDate: c, className: l }) => {
+	let [u, d] = O.useState(() => {
 		let e = o ?? t ?? r?.from ?? /* @__PURE__ */ new Date();
 		return new Date(e.getFullYear(), e.getMonth(), 1);
-	}), [f, p] = E.useState({}), m = r === void 0 ? f : r, h = /* @__PURE__ */ new Date(), g = u.getFullYear(), _ = u.getMonth(), v = new Date(g, _, 1).getDay(), y = new Date(g, _, 1 - v), ee = Array.from({ length: 42 }, (e, t) => new Date(y.getFullYear(), y.getMonth(), y.getDate() + t)), te = (e) => s && e < Un(s) || c && e > c, b = (e) => {
+	}), [f, p] = O.useState({}), m = r === void 0 ? f : r, h = /* @__PURE__ */ new Date(), g = u.getFullYear(), _ = u.getMonth(), v = new Date(g, _, 1).getDay(), y = new Date(g, _, 1 - v), b = Array.from({ length: 42 }, (e, t) => new Date(y.getFullYear(), y.getMonth(), y.getDate() + t)), x = (e) => s && e < Wn(s) || c && e > c, S = (e) => {
 		r === void 0 && p(e), i?.(e);
-	}, x = (t) => {
+	}, C = (t) => {
 		if (e === "single") {
 			n?.(t);
 			return;
 		}
 		let { from: r, to: i } = m;
-		b(!r || r && i ? {
+		S(!r || r && i ? {
 			from: t,
 			to: void 0
 		} : t < r ? {
@@ -1582,86 +1610,86 @@ var Pt = {
 			from: r,
 			to: t
 		});
-	}, S = (n) => {
-		if (te(n)) return "disabled";
+	}, w = (n) => {
+		if (x(n)) return "disabled";
 		if (e === "single") {
-			if (Hn(n, t)) return "selected";
+			if (Un(n, t)) return "selected";
 		} else {
 			let { from: e, to: t } = m;
-			if (Hn(n, e) || Hn(n, t)) return "selected";
+			if (Un(n, e) || Un(n, t)) return "selected";
 			if (e && t && n > e && n < t) return "in-range";
 		}
-		return n.getMonth() === _ ? Hn(n, h) ? "today" : "default" : "outside";
-	}, C = s ? s.getFullYear() : g - 10, ne = c ? c.getFullYear() : g + 10, re = Array.from({ length: ne - C + 1 }, (e, t) => C + t);
-	return /* @__PURE__ */ O("div", {
+		return n.getMonth() === _ ? Un(n, h) ? "today" : "default" : "outside";
+	}, T = s ? s.getFullYear() : g - 10, ee = c ? c.getFullYear() : g + 10, E = Array.from({ length: ee - T + 1 }, (e, t) => T + t);
+	return /* @__PURE__ */ A("div", {
 		className: [U.calendar, l ?? ""].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ A("div", {
 				className: U.header,
 				children: [
-					/* @__PURE__ */ D("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
 						className: U.navBtn,
 						onClick: () => d(new Date(g, _ - 1, 1)),
 						"aria-label": "Previous month",
-						children: /* @__PURE__ */ D(Ge, {
+						children: /* @__PURE__ */ k(We, {
 							size: 16,
-							strokeWidth: w(16)
+							strokeWidth: D(16)
 						})
 					}),
-					a === "dropdowns" ? /* @__PURE__ */ O("span", {
+					a === "dropdowns" ? /* @__PURE__ */ A("span", {
 						className: U.dropdowns,
-						children: [/* @__PURE__ */ D("select", {
+						children: [/* @__PURE__ */ k("select", {
 							className: U.dropdown,
 							value: _,
 							onChange: (e) => d(new Date(g, Number(e.target.value), 1)),
 							"aria-label": "Month",
-							children: Vn.map((e, t) => /* @__PURE__ */ D("option", {
+							children: Hn.map((e, t) => /* @__PURE__ */ k("option", {
 								value: t,
 								children: e
 							}, e))
-						}), /* @__PURE__ */ D("select", {
+						}), /* @__PURE__ */ k("select", {
 							className: U.dropdown,
 							value: g,
 							onChange: (e) => d(new Date(Number(e.target.value), _, 1)),
 							"aria-label": "Year",
-							children: re.map((e) => /* @__PURE__ */ D("option", {
+							children: E.map((e) => /* @__PURE__ */ k("option", {
 								value: e,
 								children: e
 							}, e))
 						})]
-					}) : /* @__PURE__ */ O("span", {
+					}) : /* @__PURE__ */ A("span", {
 						className: U.header__label,
 						children: [
-							Vn[_],
+							Hn[_],
 							" ",
 							g
 						]
 					}),
-					/* @__PURE__ */ D("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
 						className: U.navBtn,
 						onClick: () => d(new Date(g, _ + 1, 1)),
 						"aria-label": "Next month",
-						children: /* @__PURE__ */ D(Ke, {
+						children: /* @__PURE__ */ k(Ge, {
 							size: 16,
-							strokeWidth: w(16)
+							strokeWidth: D(16)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ k("div", {
 				className: U.weekdays,
-				children: Bn.map((e) => /* @__PURE__ */ D("span", {
+				children: Vn.map((e) => /* @__PURE__ */ k("span", {
 					className: U.weekday,
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ k("div", {
 				className: U.grid,
-				children: ee.map((e, t) => {
-					let n = S(e);
-					return /* @__PURE__ */ D("button", {
+				children: b.map((e, t) => {
+					let n = w(e);
+					return /* @__PURE__ */ k("button", {
 						type: "button",
 						className: [U.day, U[`day--${n}`]].filter(Boolean).join(" "),
 						disabled: n === "disabled",
@@ -1673,14 +1701,14 @@ var Pt = {
 							month: "long",
 							day: "numeric"
 						}),
-						onClick: () => x(e),
+						onClick: () => C(e),
 						children: e.getDate()
 					}, t);
 				})
 			})
 		]
 	});
-}, Gn = {
+}, Kn = {
 	card: "_card_1mh1i_3",
 	"card--interactive": "_card--interactive_1mh1i_16",
 	card__header: "_card__header_1mh1i_24",
@@ -1688,29 +1716,29 @@ var Pt = {
 	card__description: "_card__description_1mh1i_32",
 	card__body: "_card__body_1mh1i_39",
 	card__actions: "_card__actions_1mh1i_42"
-}, Kn = ({ title: e, description: t, actions: n, interactive: r, children: i, className: a }) => /* @__PURE__ */ O("div", {
+}, qn = ({ title: e, description: t, actions: n, interactive: r, children: i, className: a }) => /* @__PURE__ */ A("div", {
 	className: [
-		Gn.card,
-		r ? Gn["card--interactive"] : "",
+		Kn.card,
+		r ? Kn["card--interactive"] : "",
 		a ?? ""
 	].filter(Boolean).join(" "),
 	children: [
-		(e || t) && /* @__PURE__ */ O("div", {
-			className: Gn.card__header,
-			children: [e && /* @__PURE__ */ D("h3", {
-				className: Gn.card__title,
+		(e || t) && /* @__PURE__ */ A("div", {
+			className: Kn.card__header,
+			children: [e && /* @__PURE__ */ k("h3", {
+				className: Kn.card__title,
 				children: e
-			}), t && /* @__PURE__ */ D("p", {
-				className: Gn.card__description,
+			}), t && /* @__PURE__ */ k("p", {
+				className: Kn.card__description,
 				children: t
 			})]
 		}),
-		i && /* @__PURE__ */ D("div", {
-			className: Gn.card__body,
+		i && /* @__PURE__ */ k("div", {
+			className: Kn.card__body,
 			children: i
 		}),
-		n && /* @__PURE__ */ D("div", {
-			className: Gn.card__actions,
+		n && /* @__PURE__ */ k("div", {
+			className: Kn.card__actions,
 			children: n
 		})
 	]
@@ -1750,92 +1778,92 @@ var Pt = {
 	panel__loading: "_panel__loading_x766e_167",
 	panel__spinner: "_panel__spinner_x766e_171",
 	"sakani-cb-spin": "_sakani-cb-spin_x766e_1"
-}, qn = ({ options: e, mode: t = "single", size: n = "md", label: r, description: i, error: a, placeholder: o = "Select...", disabled: s, loading: c, value: l, onChange: u, className: d }) => {
-	let f = E.useId(), [p, m] = E.useState(!1), [h, g] = E.useState(!1), [_, v] = E.useState(0), y = E.useRef(null);
-	E.useEffect(() => {
+}, Jn = ({ options: e, mode: t = "single", size: n = "md", label: r, description: i, error: a, placeholder: o = "Select...", disabled: s, loading: c, value: l, onChange: u, className: d }) => {
+	let f = O.useId(), [p, m] = O.useState(!1), [h, g] = O.useState(!1), [_, v] = O.useState(0), y = O.useRef(null);
+	O.useEffect(() => {
 		p && g(!0);
 	}, [p]);
-	let [ee, te] = E.useState(t === "multi" ? [] : ""), b = l === void 0 ? ee : l, x = Array.isArray(b) ? b : b ? [b] : [], S = !!a;
-	E.useEffect(() => {
+	let [b, x] = O.useState(t === "multi" ? [] : ""), S = l === void 0 ? b : l, C = Array.isArray(S) ? S : S ? [S] : [], w = !!a;
+	O.useEffect(() => {
 		let e = (e) => {
 			y.current && !y.current.contains(e.target) && m(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let C = e, ne = (e) => {
-		l === void 0 && te(e), u?.(e);
-	}, re = (e) => {
+	let T = e, ee = (e) => {
+		l === void 0 && x(e), u?.(e);
+	}, E = (e) => {
 		if (!e.disabled) if (t === "multi") {
-			let t = new Set(x);
-			t.has(e.value) ? t.delete(e.value) : t.add(e.value), ne([...t]);
-		} else ne(e.value), m(!1);
-	}, ie = (t) => e.find((e) => e.value === t)?.label ?? t, ae = x.length ? ie(x[0]) : "", oe = (e) => {
-		s || (e.key === "ArrowDown" ? (e.preventDefault(), m(!0), v((e) => Math.min(e + 1, C.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), p && C[_] ? re(C[_]) : m(!0)) : e.key === "Escape" && m(!1));
-	}, se = s ? "disabled" : S ? "error" : p ? "open" : "default";
-	return /* @__PURE__ */ O("div", {
+			let t = new Set(C);
+			t.has(e.value) ? t.delete(e.value) : t.add(e.value), ee([...t]);
+		} else ee(e.value), m(!1);
+	}, te = (t) => e.find((e) => e.value === t)?.label ?? t, ne = C.length ? te(C[0]) : "", re = (e) => {
+		s || (e.key === "ArrowDown" ? (e.preventDefault(), m(!0), v((e) => Math.min(e + 1, T.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), p && T[_] ? E(T[_]) : m(!0)) : e.key === "Escape" && m(!1));
+	}, ie = s ? "disabled" : w ? "error" : p ? "open" : "default";
+	return /* @__PURE__ */ A("div", {
 		className: [W.field, d ?? ""].filter(Boolean).join(" "),
 		ref: y,
 		children: [
-			r && /* @__PURE__ */ D("label", {
+			r && /* @__PURE__ */ k("label", {
 				htmlFor: `${f}-trigger`,
 				className: W.field__label,
 				children: r
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ A("div", {
 				id: `${f}-trigger`,
 				role: "combobox",
 				tabIndex: s ? -1 : 0,
 				"aria-haspopup": "listbox",
 				"aria-expanded": p,
 				"aria-controls": `${f}-panel`,
-				"aria-invalid": S || void 0,
+				"aria-invalid": w || void 0,
 				"aria-disabled": s || void 0,
-				"aria-activedescendant": p && C[_] ? `${f}-opt-${_}` : void 0,
+				"aria-activedescendant": p && T[_] ? `${f}-opt-${_}` : void 0,
 				className: [
 					W.control,
 					W[`control--${n}`],
-					W[`control--${se}`]
+					W[`control--${ie}`]
 				].join(" "),
 				onClick: () => !s && m((e) => !e),
-				onKeyDown: oe,
+				onKeyDown: re,
 				children: [
-					t === "multi" && x.length > 0 && /* @__PURE__ */ D("div", {
+					t === "multi" && C.length > 0 && /* @__PURE__ */ k("div", {
 						className: W.chips,
-						children: x.map((t) => /* @__PURE__ */ O("span", {
+						children: C.map((t) => /* @__PURE__ */ A("span", {
 							className: W.chip,
-							children: [ie(t), /* @__PURE__ */ D("button", {
+							children: [te(t), /* @__PURE__ */ k("button", {
 								type: "button",
 								className: W.chip__remove,
 								onClick: (n) => {
-									n.stopPropagation(), re(e.find((e) => e.value === t));
+									n.stopPropagation(), E(e.find((e) => e.value === t));
 								},
-								"aria-label": `Remove ${ie(t)}`,
+								"aria-label": `Remove ${te(t)}`,
 								children: "×"
 							})]
 						}, t))
 					}),
-					!(t === "multi" && x.length > 0) && /* @__PURE__ */ D("span", {
-						className: [W.control__value, t === "single" && ae ? "" : W["control__value--placeholder"]].filter(Boolean).join(" "),
-						children: t === "single" && ae ? ae : o
+					!(t === "multi" && C.length > 0) && /* @__PURE__ */ k("span", {
+						className: [W.control__value, t === "single" && ne ? "" : W["control__value--placeholder"]].filter(Boolean).join(" "),
+						children: t === "single" && ne ? ne : o
 					}),
-					/* @__PURE__ */ D("span", {
+					/* @__PURE__ */ k("span", {
 						className: [W.control__chevron, p ? W["control__chevron--open"] : ""].join(" "),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ D("svg", {
+						children: /* @__PURE__ */ k("svg", {
 							width: 16,
 							height: 16,
 							viewBox: "0 0 24 24",
 							fill: "none",
 							stroke: "currentColor",
-							strokeWidth: w(16),
+							strokeWidth: D(16),
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
-							children: /* @__PURE__ */ D("path", { d: "m6 9 6 6 6-6" })
+							children: /* @__PURE__ */ k("path", { d: "m6 9 6 6 6-6" })
 						})
 					})
 				]
 			}),
-			h && !s && /* @__PURE__ */ D("div", {
+			h && !s && /* @__PURE__ */ k("div", {
 				className: [W.panel, p ? W["panel--entering"] : W["panel--exiting"]].filter(Boolean).join(" "),
 				id: `${f}-panel`,
 				role: "listbox",
@@ -1843,18 +1871,18 @@ var Pt = {
 				onAnimationEnd: () => {
 					p || g(!1);
 				},
-				children: c ? /* @__PURE__ */ O("div", {
+				children: c ? /* @__PURE__ */ A("div", {
 					className: W.panel__loading,
-					children: [/* @__PURE__ */ D("span", {
+					children: [/* @__PURE__ */ k("span", {
 						className: W.panel__spinner,
 						"aria-hidden": "true"
 					}), "Loading…"]
-				}) : C.length === 0 ? /* @__PURE__ */ D("div", {
+				}) : T.length === 0 ? /* @__PURE__ */ k("div", {
 					className: W.panel__empty,
 					children: "No options available"
-				}) : C.map((e, t) => {
-					let n = x.includes(e.value);
-					return /* @__PURE__ */ O("div", {
+				}) : T.map((e, t) => {
+					let n = C.includes(e.value);
+					return /* @__PURE__ */ A("div", {
 						id: `${f}-opt-${t}`,
 						role: "option",
 						"aria-selected": n,
@@ -1865,21 +1893,21 @@ var Pt = {
 							e.disabled ? W["option--disabled"] : ""
 						].filter(Boolean).join(" "),
 						onMouseEnter: () => v(t),
-						onClick: () => re(e),
+						onClick: () => E(e),
 						children: [
-							e.icon && /* @__PURE__ */ D("span", {
+							e.icon && /* @__PURE__ */ k("span", {
 								className: W.option__icon,
 								"aria-hidden": "true",
 								children: e.icon
 							}),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ k("span", {
 								className: W.option__label,
 								children: e.label
 							}),
-							n && /* @__PURE__ */ D("span", {
+							n && /* @__PURE__ */ k("span", {
 								className: W.option__check,
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ D("svg", {
+								children: /* @__PURE__ */ k("svg", {
 									width: 16,
 									height: 16,
 									viewBox: "0 0 24 24",
@@ -1888,25 +1916,25 @@ var Pt = {
 									strokeWidth: 2,
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
-									children: /* @__PURE__ */ D("polyline", { points: "20 6 9 17 4 12" })
+									children: /* @__PURE__ */ k("polyline", { points: "20 6 9 17 4 12" })
 								})
 							})
 						]
 					}, e.value);
 				})
 			}),
-			(i || a) && /* @__PURE__ */ D("span", {
-				className: S ? W.field__error : W.field__description,
+			(i || a) && /* @__PURE__ */ k("span", {
+				className: w ? W.field__error : W.field__description,
 				children: a || i
 			})
 		]
 	});
-}, Jn = {
+}, Yn = {
 	chart: "_chart_aiboa_2",
 	center: "_center_aiboa_26",
 	center__value: "_center__value_aiboa_35",
 	center__caption: "_center__caption_aiboa_36"
-}, Yn = {
+}, Xn = {
 	sm: {
 		h: 180,
 		inner: 50,
@@ -1927,39 +1955,38 @@ var Pt = {
 		inner: 98,
 		outer: 142
 	}
-}, Xn = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Zn = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
-	let [o, s] = E.useState(null), [c, l] = E.useState(null), u = (e) => {
+}, Zn = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
+	let [o, s] = O.useState(null), [c, l] = O.useState(null), u = (e) => {
 		let t = e.currentTarget.getBoundingClientRect();
 		l({
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		});
-	};
-	T();
-	let d = [
+	}, d = O.useRef(null), f = N(d), p = [
 		1,
 		2,
 		3,
 		4,
 		5
-	].map((e) => Xn(`--color-chart-${e}`) ?? "#ff4700"), f = {
-		...Yn[t],
-		h: i ?? Yn[t].h
-	}, p = (f.outer - f.inner) / 2 - 7;
-	return /* @__PURE__ */ O("div", {
-		className: [Jn.chart, a ?? ""].filter(Boolean).join(" "),
-		style: { height: f.h },
+	].map((e) => f(`--color-chart-${e}`) ?? Xt[e - 1]), m = {
+		...Xn[t],
+		h: i ?? Xn[t].h
+	}, h = (m.outer - m.inner) / 2 - 7;
+	return /* @__PURE__ */ A("div", {
+		ref: d,
+		className: [Yn.chart, a ?? ""].filter(Boolean).join(" "),
+		style: { height: m.h },
 		onMouseMove: u,
-		children: [/* @__PURE__ */ D(A, {
+		children: [/* @__PURE__ */ k(At, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ O(xt, { children: [/* @__PURE__ */ D(bt, {
+			children: /* @__PURE__ */ A(xt, { children: [/* @__PURE__ */ k(bt, {
 				data: e,
 				dataKey: "value",
 				nameKey: "label",
-				innerRadius: f.inner,
-				outerRadius: f.outer,
-				cornerRadius: p,
+				innerRadius: m.inner,
+				outerRadius: m.outer,
+				cornerRadius: h,
 				paddingAngle: 2,
 				stroke: "none",
 				isAnimationActive: !1,
@@ -1967,22 +1994,22 @@ var Pt = {
 				onMouseLeave: () => {
 					s(null), l(null);
 				},
-				children: e.map((e, t) => /* @__PURE__ */ D(k, {
-					fill: d[t % d.length],
+				children: e.map((e, t) => /* @__PURE__ */ k(gt, {
+					fill: p[t % p.length],
 					fillOpacity: o !== null && t !== o ? .45 : 1
 				}, t))
-			}), /* @__PURE__ */ D(jt, {
-				content: /* @__PURE__ */ D(Xt, {}),
+			}), /* @__PURE__ */ k(Mt, {
+				content: /* @__PURE__ */ k(Qt, {}),
 				wrapperStyle: { zIndex: 50 },
 				position: c ?? void 0
 			})] })
-		}), (n || r) && /* @__PURE__ */ O("div", {
-			className: Jn.center,
-			children: [n && /* @__PURE__ */ D("span", {
-				className: Jn.center__value,
+		}), (n || r) && /* @__PURE__ */ A("div", {
+			className: Yn.center,
+			children: [n && /* @__PURE__ */ k("span", {
+				className: Yn.center__value,
 				children: n
-			}), r && /* @__PURE__ */ D("span", {
-				className: Jn.center__caption,
+			}), r && /* @__PURE__ */ k("span", {
+				className: Yn.center__caption,
 				children: r
 			})]
 		})]
@@ -2002,16 +2029,16 @@ var Pt = {
 	file__name: "_file__name_1b5p5_46",
 	file__remove: "_file__remove_1b5p5_47"
 }, Qn = ({ accept: e, multiple: t, hint: n = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: r, className: i }) => {
-	let a = E.useRef(null), [o, s] = E.useState(!1), [c, l] = E.useState([]), u = (e) => {
+	let a = O.useRef(null), [o, s] = O.useState(!1), [c, l] = O.useState([]), u = (e) => {
 		l(e), r?.(e);
 	}, d = (e) => {
 		if (!e) return;
 		let n = Array.from(e);
 		u(t ? [...c, ...n] : n.slice(0, 1));
 	}, f = (e) => u(c.filter((t, n) => n !== e));
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A("div", {
 		className: [G.wrap, i ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: [G.dropzone, o ? G["dropzone--dragging"] : ""].filter(Boolean).join(" "),
 			onClick: () => a.current?.click(),
 			onDragOver: (e) => {
@@ -2027,26 +2054,26 @@ var Pt = {
 				(e.key === "Enter" || e.key === " ") && a.current?.click();
 			},
 			children: [
-				/* @__PURE__ */ D("span", {
+				/* @__PURE__ */ k("span", {
 					className: G.dropzone__icon,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ D(ut, {
+					children: /* @__PURE__ */ k(lt, {
 						size: 22,
-						strokeWidth: w(22)
+						strokeWidth: D(22)
 					})
 				}),
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ A("span", {
 					className: G.dropzone__label,
-					children: [/* @__PURE__ */ D("span", {
+					children: [/* @__PURE__ */ k("span", {
 						className: G.dropzone__link,
 						children: "Click to upload"
 					}), " or drag and drop"]
 				}),
-				/* @__PURE__ */ D("span", {
+				/* @__PURE__ */ k("span", {
 					className: G.dropzone__hint,
 					children: n
 				}),
-				/* @__PURE__ */ D("input", {
+				/* @__PURE__ */ k("input", {
 					ref: a,
 					type: "file",
 					accept: e,
@@ -2055,31 +2082,31 @@ var Pt = {
 					onChange: (e) => d(e.target.files)
 				})
 			]
-		}), c.length > 0 && /* @__PURE__ */ D("ul", {
+		}), c.length > 0 && /* @__PURE__ */ k("ul", {
 			className: G.files,
-			children: c.map((e, t) => /* @__PURE__ */ O("li", {
+			children: c.map((e, t) => /* @__PURE__ */ A("li", {
 				className: G.file,
 				children: [
-					/* @__PURE__ */ D("span", {
+					/* @__PURE__ */ k("span", {
 						className: G.file__icon,
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ D(Ye, {
+						children: /* @__PURE__ */ k(Je, {
 							size: 16,
-							strokeWidth: w(16)
+							strokeWidth: D(16)
 						})
 					}),
-					/* @__PURE__ */ D("span", {
+					/* @__PURE__ */ k("span", {
 						className: G.file__name,
 						children: e.name
 					}),
-					/* @__PURE__ */ D("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
 						className: G.file__remove,
 						onClick: () => f(t),
 						"aria-label": `Remove ${e.name}`,
-						children: /* @__PURE__ */ D(dt, {
+						children: /* @__PURE__ */ k(ut, {
 							size: 14,
-							strokeWidth: w(14)
+							strokeWidth: D(14)
 						})
 					})
 				]
@@ -2104,80 +2131,79 @@ var Pt = {
 	md: 240,
 	lg: 320,
 	xl: 420
-}, er = 560, tr = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, nr = .3, rr = .55, ir = ({ data: e, size: t = "md", className: n }) => {
-	let [r, i] = E.useState(null);
-	T();
-	let a = tr("--color-chart-1") ?? "#ff4700", o = tr("--color-bg-canvas") ?? "#fafaf9", s = e[0]?.value || 1, c = $n[t], l = c * .66, u = l / 2 + 8, d = er / e.length, f = e[0]?.value || 1, p = (e) => e / f * l, m = e.map((e) => p(e.value));
-	m.push(p(e[e.length - 1]?.value ?? 0) * rr);
-	let h = (t) => e.length <= 1 ? 1 : nr + t / (e.length - 1) * (1 - nr), g = r === null ? null : e[r], _ = r === null ? 0 : u - m[r] / 2, v = r === null ? 0 : r * d + d / 2;
-	return /* @__PURE__ */ O("div", {
+}, er = 560, tr = .3, nr = .55, rr = ({ data: e, size: t = "md", className: n }) => {
+	let [r, i] = O.useState(null), a = O.useRef(null), o = N(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-bg-canvas") ?? "#fafaf9", l = e[0]?.value || 1, u = $n[t], d = u * .66, f = d / 2 + 8, p = er / e.length, m = e[0]?.value || 1, h = (e) => e / m * d, g = e.map((e) => h(e.value));
+	g.push(h(e[e.length - 1]?.value ?? 0) * nr);
+	let _ = (t) => e.length <= 1 ? 1 : tr + t / (e.length - 1) * (1 - tr), v = r === null ? null : e[r], y = r === null ? 0 : f - g[r] / 2, b = r === null ? 0 : r * p + p / 2;
+	return /* @__PURE__ */ A("div", {
+		ref: a,
 		className: [K.chart, n ?? ""].filter(Boolean).join(" "),
-		style: { height: c },
+		style: { height: u },
 		children: [
-			/* @__PURE__ */ D("svg", {
-				viewBox: `0 0 ${er} ${c}`,
+			/* @__PURE__ */ k("svg", {
+				viewBox: `0 0 ${er} ${u}`,
 				width: "100%",
-				height: c,
+				height: u,
 				className: K.svg,
 				children: e.map((e, t) => {
-					let n = t * d, o = (t + 1) * d, c = (n + o) / 2, l = m[t] / 2, f = m[t + 1] / 2, p = u - l, g = u - f, _ = u + l, v = u + f, y = [
-						`M ${n} ${p}`,
-						`C ${c} ${p} ${c} ${g} ${o} ${g}`,
-						`L ${o} ${v}`,
-						`C ${c} ${v} ${c} ${_} ${n} ${_}`,
+					let n = t * p, a = (t + 1) * p, o = (n + a) / 2, c = g[t] / 2, u = g[t + 1] / 2, d = f - c, m = f - u, h = f + c, v = f + u, y = [
+						`M ${n} ${d}`,
+						`C ${o} ${d} ${o} ${m} ${a} ${m}`,
+						`L ${a} ${v}`,
+						`C ${o} ${v} ${o} ${h} ${n} ${h}`,
 						"Z"
-					].join(" "), ee = r === null ? h(t) : t === r ? 1 : .45, te = Math.round(e.value / s * 100);
-					return /* @__PURE__ */ O("g", {
+					].join(" "), b = r === null ? _(t) : t === r ? 1 : .45, x = Math.round(e.value / l * 100);
+					return /* @__PURE__ */ A("g", {
 						className: K.segment,
 						onMouseEnter: () => i(t),
 						onMouseLeave: () => i(null),
-						children: [/* @__PURE__ */ D("path", {
+						children: [/* @__PURE__ */ k("path", {
 							d: y,
-							fill: a,
-							fillOpacity: ee
-						}), /* @__PURE__ */ O("text", {
-							x: c,
-							y: u,
+							fill: s,
+							fillOpacity: b
+						}), /* @__PURE__ */ A("text", {
+							x: o,
+							y: f,
 							textAnchor: "middle",
 							dominantBaseline: "middle",
 							className: K.pctLabel,
-							children: [te, "%"]
+							children: [x, "%"]
 						})]
 					}, t);
 				})
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ k("div", {
 				className: K.labels,
 				style: { gridTemplateColumns: `repeat(${e.length}, 1fr)` },
-				children: e.map((e, t) => /* @__PURE__ */ D("span", {
+				children: e.map((e, t) => /* @__PURE__ */ k("span", {
 					className: K.labelItem,
 					children: e.label
 				}, t))
 			}),
-			g && /* @__PURE__ */ O("div", {
+			v && /* @__PURE__ */ A("div", {
 				className: K.tooltip,
 				style: {
-					left: `${v / er * 100}%`,
-					top: `${_ / c * 100}%`,
-					background: o
+					left: `${b / er * 100}%`,
+					top: `${y / u * 100}%`,
+					background: c
 				},
-				children: [/* @__PURE__ */ D("span", {
+				children: [/* @__PURE__ */ k("span", {
 					className: K.tooltip__title,
-					children: g.label
-				}), /* @__PURE__ */ O("div", {
+					children: v.label
+				}), /* @__PURE__ */ A("div", {
 					className: K.tooltip__row,
 					children: [
-						/* @__PURE__ */ D("span", {
+						/* @__PURE__ */ k("span", {
 							className: K.tooltip__dot,
-							style: { background: a }
+							style: { background: s }
 						}),
-						/* @__PURE__ */ D("span", {
+						/* @__PURE__ */ k("span", {
 							className: K.tooltip__label,
 							children: "Share"
 						}),
-						/* @__PURE__ */ O("span", {
+						/* @__PURE__ */ A("span", {
 							className: K.tooltip__value,
-							children: [Math.round(g.value / s * 100), "%"]
+							children: [Math.round(v.value / l * 100), "%"]
 						})
 					]
 				})]
@@ -2200,11 +2226,10 @@ var Pt = {
 	tooltip__dot: "_tooltip__dot_1yc8b_84",
 	tooltip__label: "_tooltip__label_1yc8b_91",
 	tooltip__value: "_tooltip__value_1yc8b_92"
-}, ar = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, or = .12, sr = .45, cr = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
-	T();
-	let o = E.useRef(null), [s, c] = E.useState(null), l = ar("--color-chart-1") ?? "#ff4700", u = Math.max(1, ...e.flat()), d = e[0]?.length ?? 0, f = (e, t, n) => (r) => {
-		let i = r.currentTarget.getBoundingClientRect(), a = o.current?.getBoundingClientRect();
-		a && c({
+}, ir = .12, ar = .45, or = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
+	let o = O.useRef(null), s = N(o), c = O.useRef(null), [l, u] = O.useState(null), d = s("--color-chart-1") ?? "#ff4700", f = Math.max(1, ...e.flat()), p = e[0]?.length ?? 0, m = (e, t, n) => (r) => {
+		let i = r.currentTarget.getBoundingClientRect(), a = c.current?.getBoundingClientRect();
+		a && u({
 			row: e,
 			col: t,
 			value: n,
@@ -2212,56 +2237,57 @@ var Pt = {
 			top: i.top - a.top
 		});
 	};
-	return /* @__PURE__ */ D("div", {
+	return /* @__PURE__ */ k("div", {
+		ref: o,
 		className: [
 			q.chart,
 			q[`chart--${i}`],
 			a ?? ""
 		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ O("div", {
-			ref: o,
+		children: /* @__PURE__ */ A("div", {
+			ref: c,
 			className: q.grid,
-			style: { gridTemplateColumns: `auto repeat(${d}, 1fr)` },
+			style: { gridTemplateColumns: `auto repeat(${p}, 1fr)` },
 			children: [
-				e.map((e, n) => /* @__PURE__ */ O(E.Fragment, { children: [/* @__PURE__ */ D("span", {
+				e.map((e, n) => /* @__PURE__ */ A(O.Fragment, { children: [/* @__PURE__ */ k("span", {
 					className: q.rowLabel,
 					children: t?.[n] ?? ""
 				}), e.map((e, t) => {
-					let r = s?.row === n && s?.col === t, i = s !== null && !r, a = r ? 1 : or + e / u * (1 - or);
-					return /* @__PURE__ */ D("div", {
+					let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 : ir + e / f * (1 - ir);
+					return /* @__PURE__ */ k("div", {
 						className: q.cell,
 						style: {
-							background: l,
-							opacity: i ? sr : a
+							background: d,
+							opacity: i ? ar : a
 						},
-						onMouseEnter: f(n, t, e),
-						onMouseLeave: () => c(null)
+						onMouseEnter: m(n, t, e),
+						onMouseLeave: () => u(null)
 					}, t);
 				})] }, n)),
-				n && /* @__PURE__ */ O(Be, { children: [/* @__PURE__ */ D("span", {}), n.map((e, t) => /* @__PURE__ */ D("span", {
+				n && /* @__PURE__ */ A(ze, { children: [/* @__PURE__ */ k("span", {}), n.map((e, t) => /* @__PURE__ */ k("span", {
 					className: q.colLabel,
 					children: e
 				}, t))] }),
-				s && /* @__PURE__ */ O("div", {
+				l && /* @__PURE__ */ A("div", {
 					className: q.tooltip,
 					style: {
-						left: s.left,
-						top: s.top
+						left: l.left,
+						top: l.top
 					},
-					children: [/* @__PURE__ */ D("span", {
+					children: [/* @__PURE__ */ k("span", {
 						className: q.tooltip__title,
-						children: [t?.[s.row], n?.[s.col]].filter(Boolean).join(" · ") || `Row ${s.row + 1}, Col ${s.col + 1}`
-					}), /* @__PURE__ */ O("div", {
+						children: [t?.[l.row], n?.[l.col]].filter(Boolean).join(" · ") || `Row ${l.row + 1}, Col ${l.col + 1}`
+					}), /* @__PURE__ */ A("div", {
 						className: q.tooltip__row,
 						children: [
-							/* @__PURE__ */ D("span", { className: q.tooltip__dot }),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ k("span", { className: q.tooltip__dot }),
+							/* @__PURE__ */ k("span", {
 								className: q.tooltip__label,
 								children: r
 							}),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ k("span", {
 								className: q.tooltip__value,
-								children: s.value
+								children: l.value
 							})
 						]
 					})]
@@ -2269,66 +2295,65 @@ var Pt = {
 			]
 		})
 	});
-}, lr = { kbd: "_kbd_1cz4m_3" }, ur = ({ children: e, className: t }) => /* @__PURE__ */ D("kbd", {
-	className: [lr.kbd, t ?? ""].filter(Boolean).join(" "),
+}, sr = { kbd: "_kbd_1cz4m_3" }, cr = ({ children: e, className: t }) => /* @__PURE__ */ k("kbd", {
+	className: [sr.kbd, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), dr = {
+}), lr = {
 	label: "_label_rcdks_3",
 	label__required: "_label__required_rcdks_17"
-}, fr = E.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ O("label", {
+}, ur = O.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ A("label", {
 	ref: i,
-	className: [dr.label, n ?? ""].filter(Boolean).join(" "),
+	className: [lr.label, n ?? ""].filter(Boolean).join(" "),
 	...r,
-	children: [t, e && /* @__PURE__ */ D("span", {
-		className: dr.label__required,
+	children: [t, e && /* @__PURE__ */ k("span", {
+		className: lr.label__required,
 		"aria-hidden": "true",
 		children: " *"
 	})]
 }));
-fr.displayName = "Label";
-var pr = { chart: "_chart_18fgd_2" }, mr = {
+ur.displayName = "Label";
+var dr = { chart: "_chart_18fgd_2" }, fr = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, hr = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, gr = /* @__PURE__ */ new Set([
+}, pr = /* @__PURE__ */ new Set([
 	"dots",
 	"custom-dots",
 	"dots-colors",
 	"label",
 	"custom-label"
-]), _r = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
-	T();
-	let l = [
+]), mr = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
+	let l = O.useRef(null), u = N(l), d = [
 		1,
 		2,
 		3,
 		4,
 		5
-	].map((e) => hr(`--color-chart-${e}`) ?? "#ff4700"), u = [
-		l[1],
-		l[0],
-		...l.slice(2)
-	], d = hr("--color-border-subtle") ?? "#e5e4e7", f = hr("--color-fg-muted") ?? "#6b6375", p = hr("--color-bg-canvas") ?? "#fafaf9", m = hr("--color-fg-default") ?? "#141414", h = r === "linear" ? "linear" : r === "step" ? "step" : "monotone", g = gr.has(r), _ = (e) => (t) => {
+	].map((e) => u(`--color-chart-${e}`) ?? Xt[e - 1]), f = [
+		d[1],
+		d[0],
+		...d.slice(2)
+	], p = u("--color-border-subtle") ?? "#e7e5e1", m = u("--color-fg-muted") ?? "#78716a", h = u("--color-bg-canvas") ?? "#fafaf9", g = u("--color-fg-default") ?? "#141414", _ = r === "linear" ? "linear" : r === "step" ? "step" : "monotone", v = pr.has(r), y = (e) => (t) => {
 		let { cx: n, cy: r } = t;
-		return /* @__PURE__ */ O("g", {
+		return /* @__PURE__ */ A("g", {
 			stroke: e,
 			strokeWidth: 2,
 			strokeLinecap: "round",
 			children: [
-				/* @__PURE__ */ D("line", {
+				/* @__PURE__ */ k("line", {
 					x1: n,
 					y1: r - 3,
 					x2: n,
 					y2: r - 3 - 6
 				}),
-				/* @__PURE__ */ D("line", {
+				/* @__PURE__ */ k("line", {
 					x1: n,
 					y1: r + 3,
 					x2: n,
 					y2: r + 3 + 6
 				}),
-				/* @__PURE__ */ D("circle", {
+				/* @__PURE__ */ k("circle", {
 					cx: n,
 					cy: r,
 					r: 3,
@@ -2337,35 +2362,36 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 				})
 			]
 		});
-	}, v = (e) => {
-		let { cx: t, cy: n, index: r } = e, i = l[(r ?? 0) % l.length];
-		return /* @__PURE__ */ D("circle", {
+	}, b = (e) => {
+		let { cx: t, cy: n, index: r } = e, i = d[(r ?? 0) % d.length];
+		return /* @__PURE__ */ k("circle", {
 			cx: t,
 			cy: n,
 			r: 4,
 			fill: i,
-			stroke: p,
+			stroke: h,
 			strokeWidth: 1.5
 		});
-	}, y = (t) => {
+	}, x = (t) => {
 		let { x: n, y: a, value: o, index: s } = t, c = r === "custom-label" && i ? e[s]?.[i] : o;
-		return c === void 0 ? /* @__PURE__ */ D("g", {}) : /* @__PURE__ */ D("text", {
+		return c === void 0 ? /* @__PURE__ */ k("g", {}) : /* @__PURE__ */ k("text", {
 			x: n,
 			y: a - 12,
 			textAnchor: "middle",
-			fill: m,
+			fill: g,
 			fontSize: 12,
 			fontWeight: 500,
 			fontFamily: "var(--font-sans)",
 			children: c
 		});
 	};
-	return /* @__PURE__ */ D("div", {
-		className: [pr.chart, c ?? ""].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ D(A, {
+	return /* @__PURE__ */ k("div", {
+		ref: l,
+		className: [dr.chart, c ?? ""].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ k(At, {
 			width: "100%",
-			height: o ?? mr[a],
-			children: /* @__PURE__ */ O(yt, {
+			height: o ?? fr[a],
+			children: /* @__PURE__ */ A(yt, {
 				data: e,
 				margin: {
 					top: 8,
@@ -2374,40 +2400,40 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 					left: 12
 				},
 				children: [
-					/* @__PURE__ */ D(gt, {
+					/* @__PURE__ */ k(ht, {
 						strokeDasharray: "3 3",
-						stroke: d,
+						stroke: p,
 						vertical: !1
 					}),
-					/* @__PURE__ */ D(Mt, {
+					/* @__PURE__ */ k(Nt, {
 						dataKey: n,
-						stroke: f,
+						stroke: m,
 						fontSize: 12,
 						tickLine: !1,
 						axisLine: !1,
 						interval: 0
 					}),
-					/* @__PURE__ */ D(jt, {
+					/* @__PURE__ */ k(Mt, {
 						cursor: {
-							stroke: hr("--color-border-default") ?? "#d6d3ce",
+							stroke: u("--color-border-default") ?? "#dbdad7",
 							strokeWidth: 1
 						},
-						content: /* @__PURE__ */ D(Xt, {}),
+						content: /* @__PURE__ */ k(Qt, {}),
 						wrapperStyle: { zIndex: 50 }
 					}),
-					s && /* @__PURE__ */ D(_t, { wrapperStyle: {
+					s && /* @__PURE__ */ k(_t, { wrapperStyle: {
 						fontSize: 12,
 						fontFamily: "var(--font-sans)"
 					} }),
 					t.map((e, t) => {
-						let n = u[t % u.length], i = g ? r === "custom-dots" ? _(n) : r === "dots-colors" ? v : {
+						let n = f[t % f.length], i = v ? r === "custom-dots" ? y(n) : r === "dots-colors" ? b : {
 							r: 4,
 							fill: n,
-							stroke: p,
+							stroke: h,
 							strokeWidth: 1.5
 						} : !1;
-						return /* @__PURE__ */ D(vt, {
-							type: h,
+						return /* @__PURE__ */ k(vt, {
+							type: _,
 							dataKey: e,
 							stroke: n,
 							strokeWidth: 2,
@@ -2415,17 +2441,17 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 							activeDot: {
 								r: 4,
 								fill: n,
-								stroke: p,
+								stroke: h,
 								strokeWidth: 1.5
 							},
-							label: r === "label" || r === "custom-label" ? y : void 0
+							label: r === "label" || r === "custom-label" ? x : void 0
 						}, e);
 					})
 				]
 			})
 		})
 	});
-}, J = {
+}, hr = {
 	item: "_item_1b54h_2",
 	"item--disabled": "_item--disabled_1b54h_16",
 	"item--selected": "_item--selected_1b54h_17",
@@ -2434,50 +2460,50 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 	item__title: "_item__title_1b54h_22",
 	item__description: "_item__description_1b54h_23",
 	item__trailing: "_item__trailing_1b54h_24"
-}, vr = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ O("button", {
+}, gr = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ A("button", {
 	type: "button",
 	disabled: a,
 	onClick: o,
 	"aria-current": i ? "true" : void 0,
 	className: [
-		J.item,
-		i ? J["item--selected"] : "",
-		a ? J["item--disabled"] : "",
+		hr.item,
+		i ? hr["item--selected"] : "",
+		a ? hr["item--disabled"] : "",
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
-		n && /* @__PURE__ */ D("span", {
-			className: J.item__leading,
+		n && /* @__PURE__ */ k("span", {
+			className: hr.item__leading,
 			children: n
 		}),
-		/* @__PURE__ */ O("span", {
-			className: J.item__text,
-			children: [/* @__PURE__ */ D("span", {
-				className: J.item__title,
+		/* @__PURE__ */ A("span", {
+			className: hr.item__text,
+			children: [/* @__PURE__ */ k("span", {
+				className: hr.item__title,
 				children: e
-			}), t && /* @__PURE__ */ D("span", {
-				className: J.item__description,
+			}), t && /* @__PURE__ */ k("span", {
+				className: hr.item__description,
 				children: t
 			})]
 		}),
-		r && /* @__PURE__ */ D("span", {
-			className: J.item__trailing,
+		r && /* @__PURE__ */ k("span", {
+			className: hr.item__trailing,
 			children: r
 		})
 	]
-}), yr = {
+}), _r = {
 	menu: "_menu_psizn_2",
 	divider: "_divider_psizn_12"
-}, br = ({ children: e, minWidth: t = 208, className: n, ...r }) => /* @__PURE__ */ D("div", {
+}, vr = ({ children: e, minWidth: t = 208, className: n, ...r }) => /* @__PURE__ */ k("div", {
 	role: "menu",
 	"aria-label": r["aria-label"],
 	style: { minWidth: t },
-	className: [yr.menu, n ?? ""].filter(Boolean).join(" "),
+	className: [_r.menu, n ?? ""].filter(Boolean).join(" "),
 	children: e
-}), xr = () => /* @__PURE__ */ D("div", {
-	className: yr.divider,
+}), yr = () => /* @__PURE__ */ k("div", {
+	className: _r.divider,
 	role: "separator"
-}), Sr = {
+}), br = {
 	item: "_item_1xzse_2",
 	item__icon: "_item__icon_1xzse_21",
 	item__label: "_item__label_1xzse_22",
@@ -2486,9 +2512,9 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 	"item--checked": "_item--checked_1xzse_32",
 	"item--disabled": "_item--disabled_1xzse_33",
 	"item--destructive": "_item--destructive_1xzse_34"
-}, Cr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
+}, xr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
 	let o = e === "disabled";
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A("div", {
 		role: "menuitem",
 		"aria-disabled": o || void 0,
 		"aria-checked": e === "checked" || void 0,
@@ -2498,38 +2524,38 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 			o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
 		},
 		className: [
-			Sr.item,
-			Sr[`item--${e}`],
+			br.item,
+			br[`item--${e}`],
 			a ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			t && /* @__PURE__ */ D("span", {
-				className: Sr.item__icon,
+			t && /* @__PURE__ */ k("span", {
+				className: br.item__icon,
 				"aria-hidden": "true",
 				children: t
 			}),
-			/* @__PURE__ */ D("span", {
-				className: Sr.item__label,
+			/* @__PURE__ */ k("span", {
+				className: br.item__label,
 				children: r
 			}),
-			n && /* @__PURE__ */ D("kbd", {
-				className: Sr.item__shortcut,
+			n && /* @__PURE__ */ k("kbd", {
+				className: br.item__shortcut,
 				children: n
 			}),
-			e === "checked" && /* @__PURE__ */ D(Ue, {
+			e === "checked" && /* @__PURE__ */ k(He, {
 				size: 16,
-				strokeWidth: w(16),
-				className: Sr.item__check,
+				strokeWidth: D(16),
+				className: br.item__check,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, wr = {
+}, Sr = {
 	chart: "_chart_cc7lx_2",
 	center: "_center_cc7lx_30",
 	center__value: "_center__value_cc7lx_39",
 	center__caption: "_center__caption_cc7lx_40"
-}, Tr = {
+}, Cr = {
 	sm: {
 		h: 180,
 		outer: 72
@@ -2546,22 +2572,21 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 		h: 340,
 		outer: 142
 	}
-}, Er = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Dr = /* @__PURE__ */ new Set([
+}, wr = /* @__PURE__ */ new Set([
 	"donut",
 	"donut-active",
 	"donut-with-text",
 	"interactive"
-]), Or = /* @__PURE__ */ new Set(["donut-active"]), kr = /* @__PURE__ */ new Set(["interactive"]), Ar = /* @__PURE__ */ new Set(["donut-with-text"]), jr = Math.PI / 180, Mr = ({ data: e, variant: t = "donut", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
-	T();
-	let [o, s] = E.useState(void 0), c = [
+]), Tr = /* @__PURE__ */ new Set(["donut-active"]), Er = /* @__PURE__ */ new Set(["interactive"]), Dr = /* @__PURE__ */ new Set(["donut-with-text"]), Or = Math.PI / 180, kr = ({ data: e, variant: t = "donut", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
+	let o = O.useRef(null), s = N(o), [c, l] = O.useState(void 0), u = [
 		1,
 		2,
 		3,
 		4,
 		5
-	].map((e) => Er(`--color-chart-${e}`) ?? "#ff4700"), l = Er("--color-bg-surface") ?? "#ffffff", u = Er("--color-fg-default") ?? "#141414", d = Tr[n], f = Dr.has(t), p = Or.has(t), m = kr.has(t), h = f ? d.outer * .6 : 0, g = Ar.has(t) && (r || i), _ = o ?? (p || m ? 0 : void 0), v = (e) => {
-		let { cx: t, cy: n, innerRadius: r, outerRadius: i, startAngle: a, endAngle: o, fill: s, index: c } = e, l = c === _, u = l && (p || m) ? 16 : 0;
-		return l && m ? /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D(At, {
+	].map((e) => s(`--color-chart-${e}`) ?? Xt[e - 1]), d = s("--color-bg-surface") ?? "#ffffff", f = s("--color-fg-default") ?? "#141414", p = Cr[n], m = wr.has(t), h = Tr.has(t), g = Er.has(t), _ = m ? p.outer * .6 : 0, v = Dr.has(t) && (r || i), y = c ?? (h || g ? 0 : void 0), b = (e) => {
+		let { cx: t, cy: n, innerRadius: r, outerRadius: i, startAngle: a, endAngle: o, fill: s, index: c } = e, l = c === y, u = l && (h || g) ? 16 : 0;
+		return l && g ? /* @__PURE__ */ A("g", { children: [/* @__PURE__ */ k(jt, {
 			cx: t,
 			cy: n,
 			innerRadius: r,
@@ -2569,7 +2594,7 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 			startAngle: a,
 			endAngle: o,
 			fill: s
-		}), /* @__PURE__ */ D(At, {
+		}), /* @__PURE__ */ k(jt, {
 			cx: t,
 			cy: n,
 			innerRadius: i + u + 3,
@@ -2577,7 +2602,7 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 			startAngle: a,
 			endAngle: o,
 			fill: s
-		})] }) : /* @__PURE__ */ D(At, {
+		})] }) : /* @__PURE__ */ k(jt, {
 			cx: t,
 			cy: n,
 			innerRadius: r,
@@ -2586,49 +2611,49 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 			endAngle: o,
 			fill: s
 		});
-	}, y = (e) => {
-		let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a * jr), s = Math.sin(-a * jr), c = t + i * o, l = n + i * s, u = t + (i + 16) * o, d = n + (i + 16) * s, f = o >= 0, p = u + (f ? 14 : -14);
+	}, x = (e) => {
+		let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a * Or), s = Math.sin(-a * Or), c = t + i * o, l = n + i * s, u = t + (i + 16) * o, d = n + (i + 16) * s, f = o >= 0, p = u + (f ? 14 : -14);
 		return {
 			d: `M ${c} ${l} L ${u} ${d} L ${p} ${d}`,
 			endX: p,
 			endY: d,
 			textAnchor: f ? "start" : "end"
 		};
-	}, ee = (e) => {
-		let { value: t, fill: n } = e, { d: r, endX: i, endY: a, textAnchor: o } = y(e), s = i + (o === "start" ? 4 : -4);
-		return /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D("path", {
+	}, S = (e) => {
+		let { value: t, fill: n } = e, { d: r, endX: i, endY: a, textAnchor: o } = x(e), s = i + (o === "start" ? 4 : -4);
+		return /* @__PURE__ */ A("g", { children: [/* @__PURE__ */ k("path", {
 			d: r,
 			fill: "none",
 			stroke: n,
 			strokeWidth: 1
-		}), /* @__PURE__ */ D("text", {
+		}), /* @__PURE__ */ k("text", {
 			x: s,
 			y: a,
 			textAnchor: o,
 			dominantBaseline: "central",
-			fill: u,
+			fill: f,
 			fontSize: 12,
 			fontFamily: "var(--font-sans)",
 			children: t
 		})] });
-	}, te = (e) => {
+	}, C = (e) => {
 		let { x: t, y: n, textAnchor: r, value: i } = e;
-		return /* @__PURE__ */ D("text", {
+		return /* @__PURE__ */ k("text", {
 			x: t,
 			y: n,
 			textAnchor: r,
 			dominantBaseline: "central",
-			fill: u,
+			fill: f,
 			fontSize: 20,
 			fontWeight: 400,
 			fontFamily: "var(--font-sans)",
 			children: i
 		});
-	}, b = (t) => {
+	}, w = (t) => {
 		let { cx: n, cy: r, midAngle: i, innerRadius: a, outerRadius: o, index: s } = t, c = (a + o) / 2;
-		return /* @__PURE__ */ D("text", {
-			x: n + c * Math.cos(-i * jr),
-			y: r + c * Math.sin(-i * jr),
+		return /* @__PURE__ */ k("text", {
+			x: n + c * Math.cos(-i * Or),
+			y: r + c * Math.sin(-i * Or),
 			textAnchor: "middle",
 			dominantBaseline: "central",
 			fill: "#fff",
@@ -2639,162 +2664,183 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 		});
 	};
 	if (t === "stacked") {
-		let t = (e) => o !== void 0 && o !== e ? .45 : 1;
-		return /* @__PURE__ */ D("div", {
-			className: [wr.chart, a ?? ""].filter(Boolean).join(" "),
-			style: { height: d.h },
-			children: /* @__PURE__ */ D(A, {
+		let t = (e) => c !== void 0 && c !== e ? .45 : 1;
+		return /* @__PURE__ */ k("div", {
+			ref: o,
+			className: [Sr.chart, a ?? ""].filter(Boolean).join(" "),
+			style: { height: p.h },
+			children: /* @__PURE__ */ k(At, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ O(xt, { children: [
-					/* @__PURE__ */ D(bt, {
+				children: /* @__PURE__ */ A(xt, { children: [
+					/* @__PURE__ */ k(bt, {
 						data: e,
 						dataKey: "value",
 						nameKey: "label",
-						innerRadius: d.outer * .82,
-						outerRadius: d.outer,
+						innerRadius: p.outer * .82,
+						outerRadius: p.outer,
 						paddingAngle: 0,
 						stroke: "none",
 						isAnimationActive: !1,
-						onMouseEnter: (e, t) => s(t),
-						onMouseLeave: () => s(void 0),
-						children: e.map((e, n) => /* @__PURE__ */ D(k, {
-							fill: c[n % c.length],
+						onMouseEnter: (e, t) => l(t),
+						onMouseLeave: () => l(void 0),
+						children: e.map((e, n) => /* @__PURE__ */ k(gt, {
+							fill: u[n % u.length],
 							fillOpacity: t(n)
 						}, n))
 					}),
-					/* @__PURE__ */ D(bt, {
+					/* @__PURE__ */ k(bt, {
 						data: e,
 						dataKey: "value",
 						nameKey: "label",
 						innerRadius: 0,
-						outerRadius: d.outer * .62,
+						outerRadius: p.outer * .62,
 						paddingAngle: 0,
 						stroke: "none",
 						isAnimationActive: !1,
-						onMouseEnter: (e, t) => s(t),
-						onMouseLeave: () => s(void 0),
-						children: e.map((e, n) => /* @__PURE__ */ D(k, {
-							fill: c[n % c.length],
+						onMouseEnter: (e, t) => l(t),
+						onMouseLeave: () => l(void 0),
+						children: e.map((e, n) => /* @__PURE__ */ k(gt, {
+							fill: u[n % u.length],
 							fillOpacity: t(n)
 						}, n))
 					}),
-					/* @__PURE__ */ D(jt, {
-						content: /* @__PURE__ */ D(Xt, {}),
+					/* @__PURE__ */ k(Mt, {
+						content: /* @__PURE__ */ k(Qt, {}),
 						wrapperStyle: { zIndex: 50 }
 					})
 				] })
 			})
 		});
 	}
-	return /* @__PURE__ */ O("div", {
-		className: [wr.chart, a ?? ""].filter(Boolean).join(" "),
-		style: { height: d.h },
-		children: [/* @__PURE__ */ D(A, {
+	return /* @__PURE__ */ A("div", {
+		ref: o,
+		className: [Sr.chart, a ?? ""].filter(Boolean).join(" "),
+		style: { height: p.h },
+		children: [/* @__PURE__ */ k(At, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ O(xt, { children: [/* @__PURE__ */ D(bt, {
+			children: /* @__PURE__ */ A(xt, { children: [/* @__PURE__ */ k(bt, {
 				data: e,
 				dataKey: "value",
 				nameKey: "label",
-				innerRadius: h,
-				outerRadius: d.outer,
+				innerRadius: _,
+				outerRadius: p.outer,
 				paddingAngle: 0,
-				stroke: t === "pie" ? l : "none",
+				stroke: t === "pie" ? d : "none",
 				strokeWidth: t === "pie" ? 2 : 0,
 				isAnimationActive: !1,
-				shape: p || m ? v : void 0,
-				label: t === "label" ? ee : t === "custom-label" ? te : t === "label-list" ? b : void 0,
+				shape: h || g ? b : void 0,
+				label: t === "label" ? S : t === "custom-label" ? C : t === "label-list" ? w : void 0,
 				labelLine: !1,
-				onMouseEnter: (e, t) => s(t),
-				onMouseLeave: () => s(void 0),
-				children: e.map((e, t) => /* @__PURE__ */ D(k, { fill: c[t % c.length] }, t))
-			}), /* @__PURE__ */ D(jt, {
-				content: /* @__PURE__ */ D(Xt, {}),
+				onMouseEnter: (e, t) => l(t),
+				onMouseLeave: () => l(void 0),
+				children: e.map((e, t) => /* @__PURE__ */ k(gt, { fill: u[t % u.length] }, t))
+			}), /* @__PURE__ */ k(Mt, {
+				content: /* @__PURE__ */ k(Qt, {}),
 				wrapperStyle: { zIndex: 50 }
 			})] })
-		}), g && /* @__PURE__ */ O("div", {
-			className: wr.center,
-			children: [r && /* @__PURE__ */ D("span", {
-				className: wr.center__value,
+		}), v && /* @__PURE__ */ A("div", {
+			className: Sr.center,
+			children: [r && /* @__PURE__ */ k("span", {
+				className: Sr.center__value,
 				children: r
-			}), i && /* @__PURE__ */ D("span", {
-				className: wr.center__caption,
+			}), i && /* @__PURE__ */ k("span", {
+				className: Sr.center__caption,
 				children: i
 			})]
 		})]
 	});
-}, Nr = {
-	root: "_root_l16ca_2",
-	trigger: "_trigger_l16ca_3",
-	panel: "_panel_l16ca_5",
-	"panel--bottom": "_panel--bottom_l16ca_22",
-	"panel--bottom-start": "_panel--bottom-start_l16ca_23",
-	"panel--bottom-end": "_panel--bottom-end_l16ca_24",
-	"panel--top": "_panel--top_l16ca_25",
-	panel__title: "_panel__title_l16ca_27",
-	panel__description: "_panel__description_l16ca_28",
-	panel__body: "_panel__body_l16ca_29",
-	panel__actions: "_panel__actions_l16ca_30"
-}, Pr = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
-	let [s, c] = E.useState(!1), l = E.useRef(null), u = E.useRef(null);
-	return E.useEffect(() => {
+}, J = {
+	root: "_root_16f5u_2",
+	trigger: "_trigger_16f5u_3",
+	panel: "_panel_16f5u_5",
+	"panel--bottom": "_panel--bottom_16f5u_22",
+	"panel--bottom-start": "_panel--bottom-start_16f5u_23",
+	"panel--bottom-end": "_panel--bottom-end_16f5u_24",
+	"panel--top": "_panel--top_16f5u_25",
+	"panel--entering": "_panel--entering_16f5u_39",
+	"sakani-popover-in": "_sakani-popover-in_16f5u_1",
+	"panel--exiting": "_panel--exiting_16f5u_40",
+	"sakani-popover-out": "_sakani-popover-out_16f5u_1",
+	"sakani-popover-in-up": "_sakani-popover-in-up_16f5u_1",
+	"sakani-popover-out-up": "_sakani-popover-out-up_16f5u_1",
+	panel__title: "_panel__title_16f5u_75",
+	panel__description: "_panel__description_16f5u_76",
+	panel__body: "_panel__body_16f5u_77",
+	panel__actions: "_panel__actions_16f5u_78"
+}, Ar = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
+	let [s, c] = O.useState(!1), [l, u] = O.useState(!1), d = O.useRef(null), f = O.useRef(null);
+	return O.useEffect(() => {
+		s && u(!0);
+	}, [s]), O.useEffect(() => {
+		if (s || !l) return;
+		let e = setTimeout(() => u(!1), 240);
+		return () => clearTimeout(e);
+	}, [s, l]), O.useEffect(() => {
 		if (!s) return;
 		let e = (e) => {
-			l.current && !l.current.contains(e.target) && c(!1);
+			d.current && !d.current.contains(e.target) && c(!1);
 		}, t = (e) => {
 			e.key === "Escape" && c(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [s]), E.useEffect(() => {
-		!s && u.current && (u.current.focus(), u.current = null);
-	}, [s]), /* @__PURE__ */ O("div", {
-		className: [Nr.root, o ?? ""].filter(Boolean).join(" "),
-		ref: l,
-		children: [/* @__PURE__ */ D("span", {
-			className: Nr.trigger,
+	}, [s]), O.useEffect(() => {
+		!s && f.current && (f.current.focus(), f.current = null);
+	}, [s]), /* @__PURE__ */ A("div", {
+		className: [J.root, o ?? ""].filter(Boolean).join(" "),
+		ref: d,
+		children: [/* @__PURE__ */ k("span", {
+			className: J.trigger,
 			onClick: () => {
-				s || (u.current = document.activeElement), c((e) => !e);
+				s || (f.current = document.activeElement), c((e) => !e);
 			},
 			children: e
-		}), s && /* @__PURE__ */ O("div", {
-			className: [Nr.panel, Nr[`panel--${i}`]].join(" "),
+		}), l && /* @__PURE__ */ A("div", {
+			className: [
+				J.panel,
+				J[`panel--${i}`],
+				s ? J["panel--entering"] : J["panel--exiting"]
+			].filter(Boolean).join(" "),
 			role: "dialog",
+			onAnimationEnd: (e) => {
+				e.target === e.currentTarget && !s && u(!1);
+			},
 			children: [
-				t && /* @__PURE__ */ D("div", {
-					className: Nr.panel__title,
+				t && /* @__PURE__ */ k("div", {
+					className: J.panel__title,
 					children: t
 				}),
-				n && /* @__PURE__ */ D("div", {
-					className: Nr.panel__description,
+				n && /* @__PURE__ */ k("div", {
+					className: J.panel__description,
 					children: n
 				}),
-				a && /* @__PURE__ */ D("div", {
-					className: Nr.panel__body,
+				a && /* @__PURE__ */ k("div", {
+					className: J.panel__body,
 					children: a
 				}),
-				r && /* @__PURE__ */ D("div", {
-					className: Nr.panel__actions,
+				r && /* @__PURE__ */ k("div", {
+					className: J.panel__actions,
 					children: r
 				})
 			]
 		})]
 	});
-}, Fr = {
+}, jr = {
 	chart: "_chart_q6xhl_2",
 	circleFillSvg: "_circleFillSvg_q6xhl_17"
-}, Ir = {
+}, Mr = {
 	sm: 200,
 	md: 260,
 	lg: 340,
 	xl: 420
-}, Lr = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Rr = /* @__PURE__ */ new Set([
+}, Nr = /* @__PURE__ */ new Set([
 	"circle-grid",
 	"circle-grid-no-lines",
 	"circle-grid-filled"
-]), zr = /* @__PURE__ */ new Set(["default", "grid-custom"]), Br = /* @__PURE__ */ new Set(["dots-grid-none"]), Vr = /* @__PURE__ */ new Set(["grid-filled"]), Hr = (e) => e === "circle-grid-filled", Ur = /* @__PURE__ */ new Set([
+]), Pr = /* @__PURE__ */ new Set(["default", "grid-custom"]), Fr = /* @__PURE__ */ new Set(["dots-grid-none"]), Ir = /* @__PURE__ */ new Set(["grid-filled"]), Lr = (e) => e === "circle-grid-filled", Rr = /* @__PURE__ */ new Set([
 	"default",
 	"dots",
 	"dots-grid-none",
@@ -2805,142 +2851,141 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 	"grid-custom",
 	"grid-filled",
 	"circle-grid-filled"
-]), Wr = [
+]), zr = [
 	1,
 	.8,
 	.6,
 	.4,
 	.2
-], Gr = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
-	T();
-	let a = Lr("--color-chart-1") ?? "#ff4700", o = Lr("--color-chart-2") ?? "#5b92dd", s = Lr("--color-border-default") ?? "#dbdad7", c = Lr("--color-fg-subtle") ?? "#78716a", l = t === "multiple", u = t === "lines-only", d = l || t === "custom-label" || u, f = !u, p = t === "dots" || t === "dots-grid-none" || t === "circle-grid" || t === "circle-grid-no-lines", m = Vr.has(t), h = zr.has(t), g = Br.has(t), _ = Hr(t), v = E.useRef(null), [y, ee] = E.useState(0);
-	E.useEffect(() => {
-		if (!_ || !v.current) return;
-		let e = v.current, t = new ResizeObserver(([e]) => ee(e.contentRect.width));
+], Br = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
+	let a = O.useRef(null), o = N(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-chart-2") ?? "#5b92dd", l = o("--color-border-default") ?? "#dbdad7", u = o("--color-fg-subtle") ?? "#a8a29b", d = t === "multiple", f = t === "lines-only", p = d || t === "custom-label" || f, m = !f, h = t === "dots" || t === "dots-grid-none" || t === "circle-grid" || t === "circle-grid-no-lines", g = Ir.has(t), _ = Pr.has(t), v = Fr.has(t), y = Lr(t), [b, x] = O.useState(0);
+	O.useEffect(() => {
+		if (!y || !a.current) return;
+		let e = a.current, t = new ResizeObserver(([e]) => x(e.contentRect.width));
 		return t.observe(e), () => t.disconnect();
-	}, [_]);
-	let te = E.useMemo(() => {
-		if (!m) return e;
+	}, [y]);
+	let S = O.useMemo(() => {
+		if (!g) return e;
 		let t = Math.max(1, ...e.flatMap((e) => [e.value, e.value2 ?? 0]));
 		return e.map((e) => {
 			let n = {};
-			return Wr.forEach((e, r) => {
+			return zr.forEach((e, r) => {
 				n[`ring${r}`] = e * t;
 			}), {
 				...e,
 				...n
 			};
 		});
-	}, [e, m]), b = (t) => {
-		let { x: n, y: r, cx: i, cy: a, payload: o, textAnchor: s } = t, l = e.find((e) => e.label === o?.value) ?? e[o?.index];
-		if (!l) return /* @__PURE__ */ D("g", {});
-		let u = n - i, d = r - a, f = l.value2 === void 0 ? `${l.value}` : `${l.value}/${l.value2}`, p = Math.abs(d) > Math.abs(u), m, h;
+	}, [e, g]), C = (t) => {
+		let { x: n, y: r, cx: i, cy: a, payload: o, textAnchor: s } = t, c = e.find((e) => e.label === o?.value) ?? e[o?.index];
+		if (!c) return /* @__PURE__ */ k("g", {});
+		let l = n - i, d = r - a, f = c.value2 === void 0 ? `${c.value}` : `${c.value}/${c.value2}`, p = Math.abs(d) > Math.abs(l), m, h;
 		if (p && d < 0) h = r - 4 - 6, m = h - 16;
 		else if (p) m = r + 4 + 10, h = m + 18;
 		else {
-			let e = r + d / (Math.sqrt(u * u + d * d) || 1) * 4;
+			let e = r + d / (Math.sqrt(l * l + d * d) || 1) * 4;
 			m = e - 8, h = e + 12;
 		}
-		let g = p ? n : n + u / Math.sqrt(u * u + d * d || 1) * 4;
-		return /* @__PURE__ */ O("g", { children: [/* @__PURE__ */ D("text", {
+		let g = p ? n : n + l / Math.sqrt(l * l + d * d || 1) * 4;
+		return /* @__PURE__ */ A("g", { children: [/* @__PURE__ */ k("text", {
 			x: g,
 			y: m,
 			textAnchor: s,
-			fill: c,
+			fill: u,
 			fontSize: 15,
 			fontWeight: 600,
 			fontFamily: "var(--font-sans)",
 			children: f
-		}), /* @__PURE__ */ D("text", {
+		}), /* @__PURE__ */ k("text", {
 			x: g,
 			y: h,
 			textAnchor: s,
-			fill: c,
+			fill: u,
 			fontSize: 13,
 			fontFamily: "var(--font-sans)",
-			children: l.label
+			children: c.label
 		})] });
-	}, x = Ir[n], S = (y > 0 ? Math.min(y, x) / 2 - 5 : 0) * .7;
-	return /* @__PURE__ */ O("div", {
-		ref: v,
-		className: [Fr.chart, i ?? ""].filter(Boolean).join(" "),
-		children: [_ && y > 0 && /* @__PURE__ */ D("svg", {
-			className: Fr.circleFillSvg,
-			width: y,
-			height: x,
-			children: Wr.map((e) => /* @__PURE__ */ D("circle", {
-				cx: y / 2,
-				cy: x / 2,
-				r: S * e,
-				fill: o,
+	}, w = Mr[n], T = (b > 0 ? Math.min(b, w) / 2 - 5 : 0) * .7;
+	return /* @__PURE__ */ A("div", {
+		ref: a,
+		className: [jr.chart, i ?? ""].filter(Boolean).join(" "),
+		children: [y && b > 0 && /* @__PURE__ */ k("svg", {
+			className: jr.circleFillSvg,
+			width: b,
+			height: w,
+			children: zr.map((e) => /* @__PURE__ */ k("circle", {
+				cx: b / 2,
+				cy: w / 2,
+				r: T * e,
+				fill: c,
 				fillOpacity: .1
 			}, e))
-		}), /* @__PURE__ */ D(A, {
+		}), /* @__PURE__ */ k(At, {
 			width: "100%",
-			height: x,
-			children: /* @__PURE__ */ O(Et, {
-				data: te,
+			height: w,
+			children: /* @__PURE__ */ A(Et, {
+				data: S,
 				outerRadius: "70%",
 				children: [
-					!m && !g && /* @__PURE__ */ D(Ct, {
-						gridType: Rr.has(t) ? "circle" : "polygon",
-						radialLines: t !== "circle-grid-no-lines" && !h,
-						stroke: s
+					!g && !v && /* @__PURE__ */ k(Ct, {
+						gridType: Nr.has(t) ? "circle" : "polygon",
+						radialLines: t !== "circle-grid-no-lines" && !_,
+						stroke: l
 					}),
-					/* @__PURE__ */ D(St, {
+					/* @__PURE__ */ k(St, {
 						dataKey: "label",
 						axisLine: !1,
-						tick: t === "custom-label" ? b : {
-							fill: c,
+						tick: t === "custom-label" ? C : {
+							fill: u,
 							fontSize: 12,
 							fontFamily: "var(--font-sans)"
 						}
 					}),
-					/* @__PURE__ */ D(wt, {
+					/* @__PURE__ */ k(wt, {
 						tick: !1,
 						axisLine: !1,
-						tickCount: h ? 2 : void 0
+						tickCount: _ ? 2 : void 0
 					}),
-					/* @__PURE__ */ D(jt, {
-						content: /* @__PURE__ */ D(Xt, {}),
+					/* @__PURE__ */ k(Mt, {
+						content: /* @__PURE__ */ k(Qt, {}),
 						wrapperStyle: { zIndex: 50 }
 					}),
-					l && /* @__PURE__ */ D(_t, { wrapperStyle: {
+					d && /* @__PURE__ */ k(_t, { wrapperStyle: {
 						fontSize: 12,
 						fontFamily: "var(--font-sans)"
 					} }),
-					m && Wr.map((e, t) => /* @__PURE__ */ D(Tt, {
+					g && zr.map((e, t) => /* @__PURE__ */ k(Tt, {
 						dataKey: `ring${t}`,
 						stroke: "none",
-						fill: o,
+						fill: c,
 						fillOpacity: .1,
 						isAnimationActive: !1,
 						legendType: "none"
 					}, `ring${t}`)),
-					/* @__PURE__ */ D(Tt, {
-						name: l ? r[0] ?? "Value" : void 0,
+					/* @__PURE__ */ k(Tt, {
+						name: d ? r[0] ?? "Value" : void 0,
 						dataKey: "value",
-						stroke: Ur.has(t) ? "none" : o,
-						fill: f ? o : "none",
-						fillOpacity: f ? h ? 1 : d ? .45 : .5 : 0,
-						strokeWidth: Ur.has(t) ? 0 : 2,
-						dot: p ? {
+						stroke: Rr.has(t) ? "none" : c,
+						fill: m ? c : "none",
+						fillOpacity: m ? _ ? 1 : p ? .45 : .5 : 0,
+						strokeWidth: Rr.has(t) ? 0 : 2,
+						dot: h ? {
 							r: 4,
-							fill: o,
+							fill: c,
 							stroke: "none"
 						} : !1,
 						isAnimationActive: !1
 					}),
-					d && /* @__PURE__ */ D(Tt, {
-						name: l ? r[1] ?? "Value 2" : void 0,
+					p && /* @__PURE__ */ k(Tt, {
+						name: d ? r[1] ?? "Value 2" : void 0,
 						dataKey: "value2",
-						stroke: u ? a : "none",
-						fill: u ? "none" : a,
-						fillOpacity: u ? 0 : .8,
-						strokeWidth: u ? 2 : 0,
-						dot: p ? {
+						stroke: f ? s : "none",
+						fill: f ? "none" : s,
+						fillOpacity: f ? 0 : .8,
+						strokeWidth: f ? 2 : 0,
+						dot: h ? {
 							r: 4,
-							fill: a,
+							fill: s,
 							stroke: "none"
 						} : !1,
 						isAnimationActive: !1
@@ -2956,55 +3001,55 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 	center: "_center_1ogmh_36",
 	center__value: "_center__value_1ogmh_45",
 	center__caption: "_center__caption_1ogmh_46"
-}, Kr = {
+}, Vr = {
 	sm: 180,
 	md: 220,
 	lg: 280,
 	xl: 340
-}, qr = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Jr = Math.PI / 180, Yr = {
+}, Hr = Math.PI / 180, Ur = (e) => Math.round(e * 1e3) / 1e3, Wr = {
 	multi: ["30%", "100%"],
 	grid: ["30%", "100%"],
 	"stacked-label": ["30%", "100%"],
 	text: ["76%", "100%"]
-}, Xr = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a }) => {
-	let o = Math.round(Math.min(e, t) / t * 40);
-	return /* @__PURE__ */ O("svg", {
+}, Gr = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a, labelColor: o, captionColor: s }) => {
+	let c = Math.round(Math.min(e, t) / t * 40);
+	return /* @__PURE__ */ A("svg", {
 		viewBox: "0 0 200 120",
 		className: Y.gaugeSvg,
 		children: [Array.from({ length: 40 }).map((e, t) => {
 			let i = 180 + t / 39 * 180;
-			return /* @__PURE__ */ D("line", {
-				x1: 100 + 78 * Math.cos(i * Jr),
-				y1: 100 + 78 * Math.sin(i * Jr),
-				x2: 100 + 92 * Math.cos(i * Jr),
-				y2: 100 + 92 * Math.sin(i * Jr),
-				stroke: t < o ? n : r,
+			return /* @__PURE__ */ k("line", {
+				x1: Ur(100 + 78 * Math.cos(i * Hr)),
+				y1: Ur(100 + 78 * Math.sin(i * Hr)),
+				x2: Ur(100 + 92 * Math.cos(i * Hr)),
+				y2: Ur(100 + 92 * Math.sin(i * Hr)),
+				stroke: t < c ? n : r,
 				strokeWidth: 2.5,
 				strokeLinecap: "round"
 			}, t);
-		}), (i || a) && /* @__PURE__ */ O("g", {
+		}), (i || a) && /* @__PURE__ */ A("g", {
 			textAnchor: "middle",
 			fontFamily: "var(--font-sans)",
-			children: [i && /* @__PURE__ */ D("text", {
+			children: [i && /* @__PURE__ */ k("text", {
 				x: 100,
 				y: 92,
 				fontSize: 22,
 				fontWeight: 500,
-				fill: qr("--color-fg-default") ?? "#141414",
+				fill: o,
 				children: i
-			}), a && /* @__PURE__ */ D("text", {
+			}), a && /* @__PURE__ */ k("text", {
 				x: 100,
 				y: 112,
 				fontSize: 12,
-				fill: qr("--color-fg-muted") ?? "#78716a",
+				fill: s,
 				children: a
 			})]
 		})]
 	});
-}, Zr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ O("svg", {
+}, Kr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ A("svg", {
 	viewBox: "0 0 200 200",
 	className: Y.gridSvg,
-	children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */ D("circle", {
+	children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */ k("circle", {
 		cx: 100,
 		cy: 100,
 		r: (r + 1) / e * 96,
@@ -3013,29 +3058,29 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 		strokeWidth: 1
 	}, r)), Array.from({ length: t }).map((e, r) => {
 		let i = r / t * 360, a = 99.5 * 1.1;
-		return /* @__PURE__ */ D("line", {
+		return /* @__PURE__ */ k("line", {
 			x1: 100,
 			y1: 100,
-			x2: 100 + a * Math.cos(i * Jr),
-			y2: 100 + a * Math.sin(i * Jr),
+			x2: Ur(100 + a * Math.cos(i * Hr)),
+			y2: Ur(100 + a * Math.sin(i * Hr)),
 			stroke: n,
 			strokeWidth: 1
 		}, r);
 	})]
-}), Qr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i }) => {
-	let a = e[0]?.max ?? e.reduce((e, t) => e + t.value, 0), o = 210, s = e.map((e, n) => {
-		let r = a > 0 ? e.value / a * 240 : 0, i = o, s = o - r;
-		return o = s, {
+}), qr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i, labelColor: a, captionColor: o }) => {
+	let s = e[0]?.max ?? e.reduce((e, t) => e + t.value, 0), c = 210, l = e.map((e, n) => {
+		let r = s > 0 ? e.value / s * 240 : 0, i = c, a = c - r;
+		return c = a, {
 			segStart: i,
-			segEnd: s,
+			segEnd: a,
 			fill: t[n % t.length]
 		};
 	});
-	return /* @__PURE__ */ O("svg", {
+	return /* @__PURE__ */ A("svg", {
 		viewBox: "0 0 200 160",
 		className: Y.gaugeSvg,
 		children: [
-			s.map((e, t) => /* @__PURE__ */ D(At, {
+			l.map((e, t) => /* @__PURE__ */ k(jt, {
 				cx: 100,
 				cy: 100,
 				innerRadius: 64,
@@ -3045,111 +3090,117 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 				fill: e.fill,
 				cornerRadius: 4
 			}, t)),
-			o > -29.5 && /* @__PURE__ */ D(At, {
+			c > -29.5 && /* @__PURE__ */ k(jt, {
 				cx: 100,
 				cy: 100,
 				innerRadius: 64,
 				outerRadius: 88,
-				startAngle: o,
+				startAngle: c,
 				endAngle: -30,
 				fill: n,
 				cornerRadius: 4
 			}),
-			(r || i) && /* @__PURE__ */ O("g", {
+			(r || i) && /* @__PURE__ */ A("g", {
 				textAnchor: "middle",
 				fontFamily: "var(--font-sans)",
-				children: [r && /* @__PURE__ */ D("text", {
+				children: [r && /* @__PURE__ */ k("text", {
 					x: 100,
 					y: 92,
 					fontSize: 22,
 					fontWeight: 500,
-					fill: qr("--color-fg-default") ?? "#141414",
+					fill: a,
 					children: r
-				}), i && /* @__PURE__ */ D("text", {
+				}), i && /* @__PURE__ */ k("text", {
 					x: 100,
 					y: 112,
 					fontSize: 12,
-					fill: qr("--color-fg-muted") ?? "#78716a",
+					fill: o,
 					children: i
 				})]
 			})
 		]
 	});
-}, $r = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
-	T();
-	let o = [
+}, Jr = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
+	let o = O.useRef(null), s = N(o), c = [
 		1,
 		2,
 		3,
 		4,
 		5
-	].map((e) => qr(`--color-chart-${e}`) ?? "#ff4700"), s = qr("--color-bg-subtle") ?? "#f5f4f2", c = qr("--color-border-subtle") ?? "#e5e4e7", l = Kr[n];
+	].map((e) => s(`--color-chart-${e}`) ?? Xt[e - 1]), l = s("--color-bg-subtle") ?? "#f5f4f2", u = s("--color-border-subtle") ?? "#e7e5e1", d = s("--color-fg-default") ?? "#141414", f = s("--color-fg-muted") ?? "#78716a", p = Vr[n];
 	if (t === "gauge-tick") {
 		let t = e[0];
-		return /* @__PURE__ */ D("div", {
+		return /* @__PURE__ */ k("div", {
+			ref: o,
 			className: [Y.chart, a ?? ""].filter(Boolean).join(" "),
-			style: { height: l },
-			children: /* @__PURE__ */ D(Xr, {
+			style: { height: p },
+			children: /* @__PURE__ */ k(Gr, {
 				value: t?.value ?? 0,
 				max: t?.max ?? 100,
-				color: o[0],
-				track: s,
+				color: c[0],
+				track: l,
 				centerValue: r,
-				centerCaption: i
+				centerCaption: i,
+				labelColor: d,
+				captionColor: f
 			})
 		});
 	}
-	if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */ D("div", {
+	if (t === "shape" || t === "stacked" || t === "stacked-3-layers") return /* @__PURE__ */ k("div", {
+		ref: o,
 		className: [Y.chart, a ?? ""].filter(Boolean).join(" "),
-		style: { height: l },
-		children: /* @__PURE__ */ D(Qr, {
+		style: { height: p },
+		children: /* @__PURE__ */ k(qr, {
 			data: e,
-			palette: o,
-			track: s,
+			palette: c,
+			track: l,
 			centerValue: r,
-			centerCaption: i
+			centerCaption: i,
+			labelColor: d,
+			captionColor: f
 		})
 	});
-	let [u, d] = Yr[t] ?? ["30%", "100%"], f = (t === "stacked-label" || t === "text") && (r || i);
-	return /* @__PURE__ */ O("div", {
+	let [m, h] = Wr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
+	return /* @__PURE__ */ A("div", {
+		ref: o,
 		className: [Y.chart, a ?? ""].filter(Boolean).join(" "),
-		style: { height: l },
+		style: { height: p },
 		children: [
-			t === "grid" && /* @__PURE__ */ D(Zr, {
+			t === "grid" && /* @__PURE__ */ k(Kr, {
 				rings: 8,
 				spokes: 12,
-				color: c
+				color: u
 			}),
-			/* @__PURE__ */ D(A, {
+			/* @__PURE__ */ k(At, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ O(Ot, {
+				children: /* @__PURE__ */ A(Ot, {
 					data: e,
-					innerRadius: u,
-					outerRadius: d,
+					innerRadius: m,
+					outerRadius: h,
 					startAngle: 90,
 					endAngle: -270,
 					barCategoryGap: "12%",
-					children: [/* @__PURE__ */ D(St, {
+					children: [/* @__PURE__ */ k(St, {
 						type: "number",
 						domain: [0, e[0]?.max ?? 100],
 						tick: !1,
 						axisLine: !1
-					}), /* @__PURE__ */ D(Dt, {
+					}), /* @__PURE__ */ k(Dt, {
 						dataKey: "value",
-						background: t !== "grid" && { fill: s },
+						background: t !== "grid" && { fill: l },
 						cornerRadius: 8,
 						isAnimationActive: !1,
-						children: e.map((e, t) => /* @__PURE__ */ D(k, { fill: o[t % o.length] }, t))
+						children: e.map((e, t) => /* @__PURE__ */ k(gt, { fill: c[t % c.length] }, t))
 					})]
 				})
 			}),
-			f && /* @__PURE__ */ O("div", {
+			g && /* @__PURE__ */ A("div", {
 				className: Y.center,
-				children: [r && /* @__PURE__ */ D("span", {
+				children: [r && /* @__PURE__ */ k("span", {
 					className: Y.center__value,
 					children: r
-				}), i && /* @__PURE__ */ D("span", {
+				}), i && /* @__PURE__ */ k("span", {
 					className: Y.center__caption,
 					children: i
 				})]
@@ -3166,9 +3217,9 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 	text__label: "_text__label_1px3a_55",
 	text__description: "_text__description_1px3a_56",
 	"wrapper--withDescription": "_wrapper--withDescription_1px3a_60"
-}, ei = E.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
-	let s = E.useId(), c = r ?? s;
-	return /* @__PURE__ */ O("label", {
+}, Yr = O.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
+	let s = O.useId(), c = r ?? s;
+	return /* @__PURE__ */ A("label", {
 		htmlFor: c,
 		className: [
 			X.wrapper,
@@ -3177,7 +3228,7 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 			i ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ D("input", {
+			/* @__PURE__ */ k("input", {
 				ref: o,
 				id: c,
 				type: "radio",
@@ -3185,17 +3236,17 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 				className: X.input,
 				...a
 			}),
-			/* @__PURE__ */ D("span", {
+			/* @__PURE__ */ k("span", {
 				className: X.circle,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ D("span", { className: X.dot })
+				children: /* @__PURE__ */ k("span", { className: X.dot })
 			}),
-			(e || t) && /* @__PURE__ */ O("span", {
+			(e || t) && /* @__PURE__ */ A("span", {
 				className: X.text,
-				children: [e && /* @__PURE__ */ D("span", {
+				children: [e && /* @__PURE__ */ k("span", {
 					className: X.text__label,
 					children: e
-				}), t && /* @__PURE__ */ D("span", {
+				}), t && /* @__PURE__ */ k("span", {
 					className: X.text__description,
 					children: t
 				})]
@@ -3203,7 +3254,7 @@ var pr = { chart: "_chart_18fgd_2" }, mr = {
 		]
 	});
 });
-ei.displayName = "Radio";
+Yr.displayName = "Radio";
 var Z = {
 	footer: "_footer_sh6kz_4",
 	"footer--collapsed": "_footer--collapsed_sh6kz_12",
@@ -3212,54 +3263,54 @@ var Z = {
 	footer__subtitle: "_footer__subtitle_sh6kz_16",
 	footer__menu: "_footer__menu_sh6kz_17",
 	footer__action: "_footer__action_sh6kz_24"
-}, ti = ({ type: e = "user", title: t, subtitle: n, avatarSrc: r, avatarInitials: i, collapsed: a, onMenu: o, onSignOut: s }) => {
-	let c = /* @__PURE__ */ D(be, {
+}, Xr = ({ type: e = "user", title: t, subtitle: n, avatarSrc: r, avatarInitials: i, collapsed: a, onMenu: o, onSignOut: s }) => {
+	let c = /* @__PURE__ */ k(ae, {
 		size: "sm",
 		src: r,
 		initials: i,
 		alt: t ?? "User"
 	});
-	return a ? /* @__PURE__ */ D("div", {
+	return a ? /* @__PURE__ */ k("div", {
 		className: [Z.footer, Z["footer--collapsed"]].join(" "),
 		children: c
-	}) : e === "actions" ? /* @__PURE__ */ D("div", {
+	}) : e === "actions" ? /* @__PURE__ */ k("div", {
 		className: Z.footer,
-		children: /* @__PURE__ */ O("button", {
+		children: /* @__PURE__ */ A("button", {
 			type: "button",
 			className: Z.footer__action,
 			onClick: s,
-			children: [/* @__PURE__ */ D(Ze, {
+			children: [/* @__PURE__ */ k(Xe, {
 				size: 16,
-				strokeWidth: w(16)
+				strokeWidth: D(16)
 			}), " Sign out"]
 		})
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ A("div", {
 		className: Z.footer,
 		children: [
 			c,
-			/* @__PURE__ */ O("span", {
+			/* @__PURE__ */ A("span", {
 				className: Z.footer__text,
-				children: [t && /* @__PURE__ */ D("span", {
+				children: [t && /* @__PURE__ */ k("span", {
 					className: Z.footer__title,
 					children: t
-				}), n && /* @__PURE__ */ D("span", {
+				}), n && /* @__PURE__ */ k("span", {
 					className: Z.footer__subtitle,
 					children: n
 				})]
 			}),
-			e === "user-menu" && /* @__PURE__ */ D("button", {
+			e === "user-menu" && /* @__PURE__ */ k("button", {
 				type: "button",
 				className: Z.footer__menu,
 				onClick: o,
 				"aria-label": "Open menu",
-				children: /* @__PURE__ */ D(Je, {
+				children: /* @__PURE__ */ k(qe, {
 					size: 16,
-					strokeWidth: w(16)
+					strokeWidth: D(16)
 				})
 			})
 		]
 	});
-}, ni = {
+}, Zr = {
 	promo: "_promo_1dicm_4",
 	promo__head: "_promo__head_1dicm_15",
 	promo__icon: "_promo__icon_1dicm_16",
@@ -3267,125 +3318,125 @@ var Z = {
 	promo__dismiss: "_promo__dismiss_1dicm_18",
 	promo__desc: "_promo__desc_1dicm_25",
 	promo__cta: "_promo__cta_1dicm_28"
-}, ri = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: a, icon: o = ot }) => /* @__PURE__ */ O("div", {
-	className: [ni.promo, ni[`promo--${e}`]].join(" "),
+}, Qr = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: a, icon: o = at }) => /* @__PURE__ */ A("div", {
+	className: [Zr.promo, Zr[`promo--${e}`]].join(" "),
 	children: [
-		/* @__PURE__ */ O("div", {
-			className: ni.promo__head,
+		/* @__PURE__ */ A("div", {
+			className: Zr.promo__head,
 			children: [
-				/* @__PURE__ */ D("span", {
-					className: ni.promo__icon,
+				/* @__PURE__ */ k("span", {
+					className: Zr.promo__icon,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ D(o, {
+					children: /* @__PURE__ */ k(o, {
 						size: 16,
-						strokeWidth: w(16)
+						strokeWidth: D(16)
 					})
 				}),
-				/* @__PURE__ */ D("span", {
-					className: ni.promo__title,
+				/* @__PURE__ */ k("span", {
+					className: Zr.promo__title,
 					children: t
 				}),
-				a && /* @__PURE__ */ D("button", {
+				a && /* @__PURE__ */ k("button", {
 					type: "button",
-					className: ni.promo__dismiss,
+					className: Zr.promo__dismiss,
 					onClick: a,
 					"aria-label": "Dismiss",
-					children: /* @__PURE__ */ D(dt, {
+					children: /* @__PURE__ */ k(ut, {
 						size: 14,
-						strokeWidth: w(14)
+						strokeWidth: D(14)
 					})
 				})
 			]
 		}),
-		n && /* @__PURE__ */ D("p", {
-			className: ni.promo__desc,
+		n && /* @__PURE__ */ k("p", {
+			className: Zr.promo__desc,
 			children: n
 		}),
-		r && /* @__PURE__ */ D("button", {
+		r && /* @__PURE__ */ k("button", {
 			type: "button",
-			className: ni.promo__cta,
+			className: Zr.promo__cta,
 			onClick: i,
 			children: r
 		})
 	]
-}), ii = {
+}), $r = {
 	search: "_search_cvwic_2",
 	search__icon: "_search__icon_cvwic_18",
 	search__input: "_search__input_cvwic_19",
 	search__placeholder: "_search__placeholder_cvwic_31",
 	search__kbd: "_search__kbd_cvwic_32",
 	collapsed: "_collapsed_cvwic_42"
-}, ai = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ D("button", {
+}, ei = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ k("button", {
 	type: "button",
-	className: ii.collapsed,
+	className: $r.collapsed,
 	onClick: a,
 	"aria-label": "Search",
-	children: /* @__PURE__ */ D(at, {
+	children: /* @__PURE__ */ k(it, {
 		size: 18,
-		strokeWidth: w(18)
+		strokeWidth: D(18)
 	})
-}) : e === "command" ? /* @__PURE__ */ O("button", {
+}) : e === "command" ? /* @__PURE__ */ A("button", {
 	type: "button",
-	className: ii.search,
+	className: $r.search,
 	onClick: a,
 	children: [
-		/* @__PURE__ */ D(at, {
+		/* @__PURE__ */ k(it, {
 			size: 16,
-			strokeWidth: w(16),
-			className: ii.search__icon
+			strokeWidth: D(16),
+			className: $r.search__icon
 		}),
-		/* @__PURE__ */ D("span", {
-			className: ii.search__placeholder,
+		/* @__PURE__ */ k("span", {
+			className: $r.search__placeholder,
 			children: t
 		}),
-		/* @__PURE__ */ D("kbd", {
-			className: ii.search__kbd,
+		/* @__PURE__ */ k("kbd", {
+			className: $r.search__kbd,
 			children: "⌘K"
 		})
 	]
-}) : /* @__PURE__ */ O("div", {
-	className: ii.search,
-	children: [/* @__PURE__ */ D(at, {
+}) : /* @__PURE__ */ A("div", {
+	className: $r.search,
+	children: [/* @__PURE__ */ k(it, {
 		size: 16,
-		strokeWidth: w(16),
-		className: ii.search__icon
-	}), /* @__PURE__ */ D("input", {
-		className: ii.search__input,
+		strokeWidth: D(16),
+		className: $r.search__icon
+	}), /* @__PURE__ */ k("input", {
+		className: $r.search__input,
 		placeholder: t,
 		value: r,
 		onChange: (e) => i?.(e.target.value)
 	})]
-}), oi = {
+}), ti = {
 	spinner: "_spinner_14r00_3",
 	"spinner--sm": "_spinner--sm_14r00_12",
 	"spinner--md": "_spinner--md_14r00_13",
 	"spinner--lg": "_spinner--lg_14r00_14",
 	spinner__svg: "_spinner__svg_14r00_17",
 	"spinner-rotate": "_spinner-rotate_14r00_1"
-}, si = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ D("span", {
+}, ni = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ k("span", {
 	role: "status",
 	"aria-label": t,
 	className: [
-		oi.spinner,
-		oi[`spinner--${e}`],
+		ti.spinner,
+		ti[`spinner--${e}`],
 		n ?? ""
 	].filter(Boolean).join(" "),
-	children: /* @__PURE__ */ O("svg", {
+	children: /* @__PURE__ */ A("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
 		strokeWidth: 2.5,
 		strokeLinecap: "round",
 		"aria-hidden": "true",
-		className: oi.spinner__svg,
-		children: [/* @__PURE__ */ D("circle", {
+		className: ti.spinner__svg,
+		children: [/* @__PURE__ */ k("circle", {
 			cx: 12,
 			cy: 12,
 			r: 9,
 			opacity: .2
-		}), /* @__PURE__ */ D("path", {
+		}), /* @__PURE__ */ k("path", {
 			d: "M12 3a9 9 0 0 1 9 9",
-			className: oi.spinner__arc
+			className: ti.spinner__arc
 		})]
 	})
 }), Q = {
@@ -3401,23 +3452,23 @@ var Z = {
 	"card--trend-up": "_card--trend-up_bjfuf_55",
 	"card--trend-down": "_card--trend-down_bjfuf_56",
 	card__description: "_card__description_bjfuf_59"
-}, ci = {
-	up: ct,
-	down: st,
-	flat: $e
-}, li = {
+}, ri = {
+	up: st,
+	down: ot,
+	flat: Qe
+}, ii = {
 	up: "success",
 	down: "danger",
 	flat: "neutral"
-}, ui = ({ data: e }) => {
+}, ai = ({ data: e }) => {
 	if (e.length < 2) return null;
 	let t = Math.min(...e), n = Math.max(...e) - t || 1;
-	return /* @__PURE__ */ D("svg", {
-		className: di,
+	return /* @__PURE__ */ k("svg", {
+		className: oi,
 		viewBox: "0 0 100 32",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ D("polyline", {
+		children: /* @__PURE__ */ k("polyline", {
 			points: e.map((r, i) => `${i / (e.length - 1) * 100},${30 - (r - t) / n * 26}`).join(" "),
 			fill: "none",
 			strokeWidth: 2,
@@ -3426,9 +3477,9 @@ var Z = {
 			strokeLinecap: "round"
 		})
 	});
-}, di = Q.card__sparkline, fi = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: d, className: f }) => {
-	let p = ci[a], m = (s === "icon" || s === "featured") && c;
-	return /* @__PURE__ */ O("div", {
+}, oi = Q.card__sparkline, si = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: d, className: f }) => {
+	let p = ri[a], m = (s === "icon" || s === "featured") && c;
+	return /* @__PURE__ */ A("div", {
 		className: [
 			Q.card,
 			Q[`card--${s}`],
@@ -3436,48 +3487,48 @@ var Z = {
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ A("div", {
 				className: Q.card__head,
 				children: [
-					m && /* @__PURE__ */ D("span", {
+					m && /* @__PURE__ */ k("span", {
 						className: Q.card__icon,
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ D(c, {
+						children: /* @__PURE__ */ k(c, {
 							size: 18,
-							strokeWidth: w(18)
+							strokeWidth: D(18)
 						})
 					}),
-					/* @__PURE__ */ D("span", {
+					/* @__PURE__ */ k("span", {
 						className: Q.card__title,
 						children: e
 					}),
-					l && /* @__PURE__ */ D("button", {
+					l && /* @__PURE__ */ k("button", {
 						type: "button",
 						className: Q.card__menu,
 						onClick: d,
 						"aria-label": "More options",
-						children: /* @__PURE__ */ D(et, {
+						children: /* @__PURE__ */ k($e, {
 							size: 16,
-							strokeWidth: w(16)
+							strokeWidth: D(16)
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ k("div", {
 				className: Q.card__value,
 				children: t
 			}),
-			r && /* @__PURE__ */ D(ui, { data: r }),
-			(i || n) && /* @__PURE__ */ O("div", {
+			r && /* @__PURE__ */ k(ai, { data: r }),
+			(i || n) && /* @__PURE__ */ A("div", {
 				className: Q.card__meta,
-				children: [i && /* @__PURE__ */ D(u, {
-					variant: o ?? li[a],
-					leftIcon: /* @__PURE__ */ D(p, {
+				children: [i && /* @__PURE__ */ k(u, {
+					variant: o ?? ii[a],
+					leftIcon: /* @__PURE__ */ k(p, {
 						size: 12,
 						strokeWidth: 2
 					}),
 					children: i
-				}), n && /* @__PURE__ */ D("p", {
+				}), n && /* @__PURE__ */ k("p", {
 					className: Q.card__description,
 					children: n
 				})]
@@ -3505,47 +3556,47 @@ var Z = {
 	"connector--horizontal": "_connector--horizontal_kxw14_47",
 	"connector--vertical": "_connector--vertical_kxw14_48",
 	"connector--filled": "_connector--filled_kxw14_49"
-}, pi = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ O("div", {
+}, ci = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ A("div", {
 	className: [$.step, $[`step--${i}`]].join(" "),
-	children: [/* @__PURE__ */ D("span", {
+	children: [/* @__PURE__ */ k("span", {
 		className: [$.circle, $[`circle--${t}`]].join(" "),
 		"aria-hidden": "true",
-		children: t === "completed" ? /* @__PURE__ */ D(Ue, {
+		children: t === "completed" ? /* @__PURE__ */ k(He, {
 			size: 14,
-			strokeWidth: w(14)
-		}) : /* @__PURE__ */ D("span", {
+			strokeWidth: D(14)
+		}) : /* @__PURE__ */ k("span", {
 			className: $.circle__num,
 			children: e + 1
 		})
-	}), /* @__PURE__ */ O("span", {
+	}), /* @__PURE__ */ A("span", {
 		className: $.step__text,
-		children: [/* @__PURE__ */ D("span", {
+		children: [/* @__PURE__ */ k("span", {
 			className: [
 				$.step__label,
 				t === "current" ? $["step__label--current"] : "",
 				t === "upcoming" ? $["step__label--upcoming"] : ""
 			].filter(Boolean).join(" "),
 			children: n
-		}), r && /* @__PURE__ */ D("span", {
+		}), r && /* @__PURE__ */ k("span", {
 			className: $.step__desc,
 			children: r
 		})]
 	})]
-}), mi = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
+}), li = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
 	let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming";
-	return /* @__PURE__ */ D("div", {
+	return /* @__PURE__ */ k("div", {
 		className: [
 			$.stepper,
 			$[`stepper--${n}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
-		children: e.map((r, a) => /* @__PURE__ */ O(E.Fragment, { children: [/* @__PURE__ */ D(pi, {
+		children: e.map((r, a) => /* @__PURE__ */ A(O.Fragment, { children: [/* @__PURE__ */ k(ci, {
 			index: a,
 			state: i(a),
 			label: r.label,
 			description: r.description,
 			orientation: n
-		}), a < e.length - 1 && /* @__PURE__ */ D("span", {
+		}), a < e.length - 1 && /* @__PURE__ */ k("span", {
 			className: [
 				$.connector,
 				$[`connector--${n}`],
@@ -3554,46 +3605,46 @@ var Z = {
 			"aria-hidden": "true"
 		})] }, a))
 	});
-}, hi = {
+}, ui = {
 	wrapper: "_wrapper_bkgd3_3",
 	"wrapper--disabled": "_wrapper--disabled_bkgd3_11",
 	input: "_input_bkgd3_13",
 	track: "_track_bkgd3_15",
 	thumb: "_thumb_bkgd3_28",
 	label: "_label_bkgd3_45"
-}, gi = E.forwardRef(({ label: e, disabled: t, id: n, className: r, ...i }, a) => {
-	let o = E.useId(), s = n ?? o;
-	return /* @__PURE__ */ O("label", {
+}, di = O.forwardRef(({ label: e, disabled: t, id: n, className: r, ...i }, a) => {
+	let o = O.useId(), s = n ?? o;
+	return /* @__PURE__ */ A("label", {
 		htmlFor: s,
 		className: [
-			hi.wrapper,
-			t ? hi["wrapper--disabled"] : "",
+			ui.wrapper,
+			t ? ui["wrapper--disabled"] : "",
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ D("input", {
+			/* @__PURE__ */ k("input", {
 				ref: a,
 				id: s,
 				type: "checkbox",
 				role: "switch",
 				disabled: t,
-				className: hi.input,
+				className: ui.input,
 				...i
 			}),
-			/* @__PURE__ */ D("span", {
-				className: hi.track,
+			/* @__PURE__ */ k("span", {
+				className: ui.track,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ D("span", { className: hi.thumb })
+				children: /* @__PURE__ */ k("span", { className: ui.thumb })
 			}),
-			e && /* @__PURE__ */ D("span", {
-				className: hi.label,
+			e && /* @__PURE__ */ k("span", {
+				className: ui.label,
 				children: e
 			})
 		]
 	});
 });
-gi.displayName = "Switch";
-var _i = {
+di.displayName = "Switch";
+var fi = {
 	field: "_field_644oy_6",
 	field__label: "_field__label_644oy_8",
 	field__description: "_field__description_644oy_9",
@@ -3601,38 +3652,38 @@ var _i = {
 	textarea: "_textarea_644oy_12",
 	"textarea--error": "_textarea--error_644oy_37",
 	"textarea--disabled": "_textarea--disabled_644oy_43"
-}, vi = E.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 4, ...s }, c) => {
-	let l = E.useId(), u = i ?? l, d = !!n;
-	return /* @__PURE__ */ O("div", {
-		className: [_i.field, a ?? ""].filter(Boolean).join(" "),
+}, pi = O.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 4, ...s }, c) => {
+	let l = O.useId(), u = i ?? l, d = !!n;
+	return /* @__PURE__ */ A("div", {
+		className: [fi.field, a ?? ""].filter(Boolean).join(" "),
 		children: [
-			e && /* @__PURE__ */ D("label", {
+			e && /* @__PURE__ */ k("label", {
 				htmlFor: u,
-				className: _i.field__label,
+				className: fi.field__label,
 				children: e
 			}),
-			/* @__PURE__ */ D("textarea", {
+			/* @__PURE__ */ k("textarea", {
 				ref: c,
 				id: u,
 				rows: o,
 				disabled: r,
 				"aria-invalid": d || void 0,
 				className: [
-					_i.textarea,
-					d ? _i["textarea--error"] : "",
-					r ? _i["textarea--disabled"] : ""
+					fi.textarea,
+					d ? fi["textarea--error"] : "",
+					r ? fi["textarea--disabled"] : ""
 				].filter(Boolean).join(" "),
 				...s
 			}),
-			(t || n) && /* @__PURE__ */ D("span", {
-				className: d ? _i.field__error : _i.field__description,
+			(t || n) && /* @__PURE__ */ k("span", {
+				className: d ? fi.field__error : fi.field__description,
 				children: n || t
 			})
 		]
 	});
 });
-vi.displayName = "Textarea";
-var yi = {
+pi.displayName = "Textarea";
+var mi = {
 	toast: "_toast_8yqwj_3",
 	toast__icon: "_toast__icon_8yqwj_17",
 	"toast--success": "_toast--success_8yqwj_18",
@@ -3642,100 +3693,100 @@ var yi = {
 	toast__title: "_toast__title_8yqwj_23",
 	toast__description: "_toast__description_8yqwj_24",
 	toast__dismiss: "_toast__dismiss_8yqwj_26"
-}, bi = {
-	success: /* @__PURE__ */ O(Be, { children: [/* @__PURE__ */ D("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ D("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
-	error: /* @__PURE__ */ O(Be, { children: [
-		/* @__PURE__ */ D("circle", {
+}, hi = {
+	success: /* @__PURE__ */ A(ze, { children: [/* @__PURE__ */ k("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ k("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
+	error: /* @__PURE__ */ A(ze, { children: [
+		/* @__PURE__ */ k("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10"
 		}),
-		/* @__PURE__ */ D("line", {
+		/* @__PURE__ */ k("line", {
 			x1: "15",
 			y1: "9",
 			x2: "9",
 			y2: "15"
 		}),
-		/* @__PURE__ */ D("line", {
+		/* @__PURE__ */ k("line", {
 			x1: "9",
 			y1: "9",
 			x2: "15",
 			y2: "15"
 		})
 	] }),
-	info: /* @__PURE__ */ O(Be, { children: [
-		/* @__PURE__ */ D("circle", {
+	info: /* @__PURE__ */ A(ze, { children: [
+		/* @__PURE__ */ k("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10"
 		}),
-		/* @__PURE__ */ D("line", {
+		/* @__PURE__ */ k("line", {
 			x1: "12",
 			y1: "16",
 			x2: "12",
 			y2: "12"
 		}),
-		/* @__PURE__ */ D("line", {
+		/* @__PURE__ */ k("line", {
 			x1: "12",
 			y1: "8",
 			x2: "12.01",
 			y2: "8"
 		})
 	] })
-}, xi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */ O("div", {
+}, gi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */ A("div", {
 	role: e === "error" ? "alert" : "status",
 	"aria-live": e === "error" ? "assertive" : "polite",
 	className: [
-		yi.toast,
-		yi[`toast--${e}`],
+		mi.toast,
+		mi[`toast--${e}`],
 		i ?? ""
 	].filter(Boolean).join(" "),
 	children: [
-		/* @__PURE__ */ D("span", {
-			className: yi.toast__icon,
+		/* @__PURE__ */ k("span", {
+			className: mi.toast__icon,
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ D("svg", {
+			children: /* @__PURE__ */ k("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
-				strokeWidth: w(18),
+				strokeWidth: D(18),
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				width: 18,
 				height: 18,
-				children: bi[e]
+				children: hi[e]
 			})
 		}),
-		/* @__PURE__ */ O("div", {
-			className: yi.toast__content,
-			children: [t && /* @__PURE__ */ D("div", {
-				className: yi.toast__title,
+		/* @__PURE__ */ A("div", {
+			className: mi.toast__content,
+			children: [t && /* @__PURE__ */ k("div", {
+				className: mi.toast__title,
 				children: t
-			}), n && /* @__PURE__ */ D("div", {
-				className: yi.toast__description,
+			}), n && /* @__PURE__ */ k("div", {
+				className: mi.toast__description,
 				children: n
 			})]
 		}),
-		r && /* @__PURE__ */ D("button", {
+		r && /* @__PURE__ */ k("button", {
 			type: "button",
-			className: yi.toast__dismiss,
+			className: mi.toast__dismiss,
 			onClick: r,
 			"aria-label": "Dismiss",
-			children: /* @__PURE__ */ O("svg", {
+			children: /* @__PURE__ */ A("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
-				strokeWidth: w(16),
+				strokeWidth: D(16),
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				width: 16,
 				height: 16,
-				children: [/* @__PURE__ */ D("line", {
+				children: [/* @__PURE__ */ k("line", {
 					x1: "18",
 					y1: "6",
 					x2: "6",
 					y2: "18"
-				}), /* @__PURE__ */ D("line", {
+				}), /* @__PURE__ */ k("line", {
 					x1: "6",
 					y1: "6",
 					x2: "18",
@@ -3744,54 +3795,54 @@ var yi = {
 			})
 		})
 	]
-}), Si = {
+}), _i = {
 	bar: "_bar_14cqo_2",
 	bar__icon: "_bar__icon_14cqo_10",
 	bar__title: "_bar__title_14cqo_17",
 	"bar__title--center": "_bar__title--center_14cqo_21",
 	bar__search: "_bar__search_14cqo_22"
-}, Ci = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */ O("header", {
-	className: [Si.bar, s ?? ""].filter(Boolean).join(" "),
+}, vi = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */ A("header", {
+	className: [_i.bar, s ?? ""].filter(Boolean).join(" "),
 	children: [
-		/* @__PURE__ */ D("button", {
+		/* @__PURE__ */ k("button", {
 			type: "button",
-			className: Si.bar__icon,
+			className: _i.bar__icon,
 			onClick: i,
 			"aria-label": "Open menu",
-			children: /* @__PURE__ */ D(Qe, {
+			children: /* @__PURE__ */ k(Ze, {
 				size: 18,
-				strokeWidth: w(18)
+				strokeWidth: D(18)
 			})
 		}),
-		e === "search" ? /* @__PURE__ */ D("div", {
-			className: Si.bar__search,
+		e === "search" ? /* @__PURE__ */ k("div", {
+			className: _i.bar__search,
 			children: r
-		}) : /* @__PURE__ */ D("span", {
-			className: [Si.bar__title, e === "title-centered" ? Si["bar__title--center"] : ""].join(" "),
+		}) : /* @__PURE__ */ k("span", {
+			className: [_i.bar__title, e === "title-centered" ? _i["bar__title--center"] : ""].join(" "),
 			children: t
 		}),
-		e === "title-action" && /* @__PURE__ */ D("button", {
+		e === "title-action" && /* @__PURE__ */ k("button", {
 			type: "button",
-			className: Si.bar__icon,
+			className: _i.bar__icon,
 			onClick: a,
 			"aria-label": "Add",
-			children: /* @__PURE__ */ D(nt, {
+			children: /* @__PURE__ */ k(tt, {
 				size: 18,
-				strokeWidth: w(18)
+				strokeWidth: D(18)
 			})
 		}),
-		e === "search" && /* @__PURE__ */ D("button", {
+		e === "search" && /* @__PURE__ */ k("button", {
 			type: "button",
-			className: Si.bar__icon,
+			className: _i.bar__icon,
 			onClick: o,
 			"aria-label": "Close search",
-			children: /* @__PURE__ */ D(dt, {
+			children: /* @__PURE__ */ k(ut, {
 				size: 18,
-				strokeWidth: w(18)
+				strokeWidth: D(18)
 			})
 		}),
 		(e === "title" || e === "title-centered") && n
 	]
 });
 //#endregion
-export { Pe as Accordion, ue as AccordionItem, Ae as ActivityFeed, ce as ActivityFeedHighlight, a as Alert, Ft as Announcement, Rn as AreaChart, be as Avatar, _e as AvatarGroup, Oe as AvatarUpload, u as Badge, Me as Balance, tn as BarChart, fn as BlogBlockquote, mn as BlogFeatureText, gn as BlogImage, g as BlogListingCard, m as BlogListingFeaturedCard, ee as BoardCard, zn as BoardColumn, Ie as Breadcrumb, ge as Button, Wn as Calendar, Kn as Card, r as CardMetaItem, d as CartItem, y as ChatComposer, Le as Checkbox, x as CheckoutSteps, zt as CodeSnippet, c as ColorSwatch, qn as Combobox, oe as ConversationItem, s as DEFAULT_CHECKOUT_STEPS, e as Divider, Zn as DonutChart, Re as EmptyState, Ht as Expenses, p as FeaturedIcon, Qn as FileUpload, Fe as FilterChip, _n as FirstPageHeading, ir as FunnelChart, cr as HeatmapChart, ae as IconButton, Gt as InlineHint, re as Input, ve as JobListing, ur as Kbd, fr as Label, _r as LineChart, we as Link, yn as List, vr as ListItem, t as LocationDot, Sn as Marquee, br as Menu, xr as MenuDivider, Cr as MenuItem, pe as MessageBubble, wn as Metric, Tn as MobileNavigationMenu, _ as Modal, ne as NotificationItem, me as Pagination, Mr as PieChart, On as PlaceholderLogo, Pr as Popover, b as PriceDisplay, ze as ProductCard, v as ProductGallery, kn as ProfileCard, de as Progress, Kt as ProgressItem, S as ProgressStat, Ee as QuantitySelector, Gr as RadarChart, $r as RadialChart, ei as Radio, Jt as RichSeparator, jn as RichTextHeading, Nn as RichTextParagraph, h as SectionHeading, xe as SegmentedControl, Te as Select, fe as Sidebar, le as SidebarDivider, ti as SidebarFooter, Ne as SidebarGroupLabel, ye as SidebarHeader, se as SidebarItem, ri as SidebarPromo, ai as SidebarSearch, ke as SidebarSubItem, f as SizeSelector, Ce as Skeleton, ie as Slider, C as SpendingBalance, si as Spinner, l as StarRating, fi as StatCard, mi as Stepper, pi as StepperStep, rn as StockMarket, o as StockStatus, Pn as SubFeature, gi as Switch, he as Table, De as Tabs, on as Tags, i as TeamCard, vi as Textarea, ln as Ticker, xi as Toast, Se as Tooltip, je as TopBar, Ci as TopBarMobile, dn as Transactions, n as WishlistButton, te as getContrastColor, w as iconStrokeWidth };
+export { ge as Accordion, je as AccordionItem, xe as ActivityFeed, De as ActivityFeedHighlight, a as Alert, It as Announcement, zn as AreaChart, ae as Avatar, pe as AvatarGroup, ye as AvatarUpload, u as Badge, ke as Balance, nn as BarChart, pn as BlogBlockquote, hn as BlogFeatureText, _n as BlogImage, g as BlogListingCard, m as BlogListingFeaturedCard, b as BoardCard, Bn as BoardColumn, Ne as Breadcrumb, Te as Button, Gn as Calendar, qn as Card, r as CardMetaItem, d as CartItem, y as ChatComposer, Pe as Checkbox, C as CheckoutSteps, Bt as CodeSnippet, c as ColorSwatch, Jn as Combobox, re as ConversationItem, s as DEFAULT_CHECKOUT_STEPS, e as Divider, Zn as DonutChart, Fe as EmptyState, Ut as Expenses, p as FeaturedIcon, Qn as FileUpload, Me as FilterChip, vn as FirstPageHeading, rr as FunnelChart, or as HeatmapChart, fe as IconButton, Kt as InlineHint, E as Input, me as JobListing, cr as Kbd, ur as Label, mr as LineChart, ne as Link, bn as List, gr as ListItem, t as LocationDot, Cn as Marquee, vr as Menu, yr as MenuDivider, xr as MenuItem, le as MessageBubble, Tn as Metric, En as MobileNavigationMenu, _ as Modal, ee as NotificationItem, ue as Pagination, kr as PieChart, kn as PlaceholderLogo, Ar as Popover, S as PriceDisplay, Ie as ProductCard, v as ProductGallery, An as ProfileCard, se as Progress, qt as ProgressItem, w as ProgressStat, Ce as QuantitySelector, Br as RadarChart, Jr as RadialChart, Yr as Radio, Yt as RichSeparator, Mn as RichTextHeading, Pn as RichTextParagraph, h as SectionHeading, _e as SegmentedControl, Se as Select, ce as Sidebar, oe as SidebarDivider, Xr as SidebarFooter, Ae as SidebarGroupLabel, he as SidebarHeader, ie as SidebarItem, Qr as SidebarPromo, ei as SidebarSearch, Ee as SidebarSubItem, f as SizeSelector, be as Skeleton, te as Slider, T as SpendingBalance, ni as Spinner, l as StarRating, si as StatCard, li as Stepper, ci as StepperStep, an as StockMarket, o as StockStatus, In as SubFeature, di as Switch, de as Table, we as Tabs, sn as Tags, i as TeamCard, pi as Textarea, un as Ticker, gi as Toast, ve as Tooltip, Oe as TopBar, vi as TopBarMobile, fn as Transactions, n as WishlistButton, x as getContrastColor, D as iconStrokeWidth };