@sakaniui/react 0.3.25 → 0.3.27

package/dist/index.mjs

@@ -1,7 +1,7 @@
-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 ee, W as S, X as C, Y as te, Z as ne, _ as re, a as ie, at as w, b as T, c as ae, ct as oe, d as se, dt as ce, et as le, f as ue, ft as de, g as fe, h as pe, i as me, it as he, j as ge, k as _e, l as ve, lt as ye, m as be, n as xe, nt as Se, o as Ce, ot as we, p as Te, pt as E, 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-CwxSs2uQ.js";
+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 ee, W as S, X as C, Y as te, Z as ne, _ as re, a as ie, at as w, b as T, c as ae, ct as oe, d as se, dt as ce, et as le, f as ue, ft as de, g as fe, h as pe, i as me, it as he, j as ge, k as _e, l as ve, lt as ye, m as be, n as xe, nt as Se, o as Ce, ot as we, p as Te, pt as E, 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-Cbskdj4E.js";
 import D, { useEffect as Be, useState as Ve } from "react";
 import { Fragment as He, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { ArrowRight as Ue, ChartColumn as We, Check as Ge, ChevronDown as Ke, ChevronLeft as qe, ChevronRight as Je, Copy as Ye, EllipsisVertical as Xe, File as Ze, Info as Qe, LogOut as $e, Menu as et, Minus as tt, MoreHorizontal as nt, Play as rt, Plus as it, Quote as at, Receipt as ot, Search as st, Sparkles as ct, TrendingDown as lt, TrendingUp as ut, TriangleAlert as dt, UploadCloud as ft, X as pt } from "lucide-react";
+import { ArrowRight as Ue, ChartColumn as We, Check as Ge, ChevronDown as Ke, ChevronLeft as qe, ChevronRight as Je, ChevronsUpDown as Ye, Copy as Xe, File as Ze, Info as Qe, LogOut as $e, Menu as et, Minus as tt, MoreHorizontal as nt, Play as rt, Plus as it, Quote as at, Receipt as ot, Search as st, Sparkles as ct, TrendingDown as lt, TrendingUp as ut, TriangleAlert as dt, UploadCloud as ft, X as pt } from "lucide-react";
 import { Area as mt, AreaChart as ht, Bar as gt, BarChart as _t, CartesianGrid as vt, Cell as yt, Legend as bt, Line as xt, LineChart as St, Pie as Ct, PieChart as wt, PolarAngleAxis as Tt, PolarGrid as Et, PolarRadiusAxis as Dt, Radar as Ot, RadarChart as kt, RadialBar as At, RadialBarChart as jt, Rectangle as Mt, ResponsiveContainer as Nt, Sector as Pt, Tooltip as Ft, XAxis as It, YAxis as Lt } from "recharts";
 var Rt = {
 	announcement: "_announcement_1ba3c_1",
@@ -146,7 +146,7 @@ var Rt = {
 				className: A.filename,
 				children: t
 			}), /* @__PURE__ */ O(we, {
-				icon: s ? Ge : Ye,
+				icon: s ? Ge : Xe,
 				variant: "ghost",
 				size: "sm",
 				"aria-label": s ? "Copied" : "Copy code",
@@ -701,24 +701,42 @@ var $t = [
 		})]
 	});
 }, ln = {
-	tags: "_tags_acsad_1",
-	remove: "_remove_acsad_8"
-}, un = ({ tags: e, onRemove: t, className: n }) => /* @__PURE__ */ O("div", {
-	className: [ln.tags, n ?? ""].filter(Boolean).join(" "),
-	children: e.map((e, n) => /* @__PURE__ */ O(C, {
-		rightIcon: t && /* @__PURE__ */ O("button", {
-			type: "button",
-			className: ln.remove,
-			onClick: () => t(e, n),
-			"aria-label": `Remove ${e}`,
-			children: /* @__PURE__ */ O(pt, {
-				size: 12,
-				strokeWidth: E(12)
-			})
-		}),
-		children: e
-	}, e))
-}), F = {
+	tags: "_tags_bsi1x_1",
+	remove: "_remove_bsi1x_8",
+	tag: "_tag_bsi1x_1",
+	"tag--leaving": "_tag--leaving_bsi1x_22"
+}, un = 160, dn = ({ tags: e, onRemove: t, className: n }) => {
+	let [r, i] = D.useState(null), a = D.useRef(void 0);
+	D.useEffect(() => () => window.clearTimeout(a.current), []);
+	let o = (e, n) => {
+		if (!(!t || r)) {
+			if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+				t(e, n);
+				return;
+			}
+			i(e), a.current = window.setTimeout(() => {
+				t(e, n), i(null);
+			}, un);
+		}
+	};
+	return /* @__PURE__ */ O("div", {
+		className: [ln.tags, n ?? ""].filter(Boolean).join(" "),
+		children: e.map((e, n) => /* @__PURE__ */ O(C, {
+			className: [ln.tag, r === e ? ln["tag--leaving"] : ""].filter(Boolean).join(" "),
+			rightIcon: t && /* @__PURE__ */ O("button", {
+				type: "button",
+				className: ln.remove,
+				onClick: () => o(e, n),
+				"aria-label": `Remove ${e}`,
+				children: /* @__PURE__ */ O(pt, {
+					size: 12,
+					strokeWidth: E(12)
+				})
+			}),
+			children: e
+		}, e))
+	});
+}, F = {
 	ticker: "_ticker_6xnxy_1",
 	track: "_track_6xnxy_9",
 	"ticker-scroll": "_ticker-scroll_6xnxy_1",
@@ -730,7 +748,7 @@ var $t = [
 	trendDown: "_trendDown_6xnxy_58",
 	fadeLeft: "_fadeLeft_6xnxy_60",
 	fadeRight: "_fadeRight_6xnxy_61"
-}, dn = (e) => `${e >= 0 ? "+" : ""}${e}%`, fn = ({ items: e, formatChange: t, ariaHidden: n }) => /* @__PURE__ */ O("div", {
+}, fn = (e) => `${e >= 0 ? "+" : ""}${e}%`, pn = ({ items: e, formatChange: t, ariaHidden: n }) => /* @__PURE__ */ O("div", {
 	className: F.row,
 	"aria-hidden": n,
 	children: e.map((e, n) => {
@@ -754,7 +772,7 @@ var $t = [
 			]
 		}, `${e.symbol}-${n}`);
 	})
-}), pn = ({ items: e, speed: t = 40, formatChange: n = dn, className: r }) => {
+}), mn = ({ items: e, speed: t = 40, formatChange: n = fn, className: r }) => {
 	let i = D.useRef(null), [a, o] = D.useState(20);
 	return D.useEffect(() => {
 		let e = i.current;
@@ -775,10 +793,10 @@ var $t = [
 				ref: i,
 				className: F.track,
 				style: { "--ticker-duration": `${a}s` },
-				children: [/* @__PURE__ */ O(fn, {
+				children: [/* @__PURE__ */ O(pn, {
 					items: e,
 					formatChange: n
-				}), /* @__PURE__ */ O(fn, {
+				}), /* @__PURE__ */ O(pn, {
 					items: e,
 					formatChange: n,
 					ariaHidden: !0
@@ -810,10 +828,10 @@ var $t = [
 	emptyIcon: "_emptyIcon_ovxee_86",
 	emptyTitle: "_emptyTitle_ovxee_89",
 	emptyDesc: "_emptyDesc_ovxee_96"
-}, mn = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
+}, hn = (e) => `${e >= 0 ? "+" : "-"}${Math.abs(e).toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-})}`, hn = ({ transactions: e, formatAmount: t = mn, emptyTitle: n = "No transactions yet", emptyDescription: r = "Your activity will show up here.", className: i }) => e.length === 0 ? /* @__PURE__ */ k("div", {
+})}`, gn = ({ transactions: e, formatAmount: t = hn, emptyTitle: n = "No transactions yet", emptyDescription: r = "Your activity will show up here.", className: i }) => e.length === 0 ? /* @__PURE__ */ k("div", {
 	className: [I.empty, i ?? ""].filter(Boolean).join(" "),
 	children: [
 		/* @__PURE__ */ O(ot, {
@@ -872,7 +890,7 @@ var $t = [
 	author: "_author_19qxp_77",
 	authorText: "_authorText_19qxp_83",
 	authorName: "_authorName_19qxp_91"
-}, gn = ({ quote: e, author: t, className: n }) => {
+}, _n = ({ quote: e, author: t, className: n }) => {
 	let r = !!t;
 	return /* @__PURE__ */ k("div", {
 		className: [
@@ -930,51 +948,51 @@ var $t = [
 			]
 		})]
 	});
-}, _n = {
+}, vn = {
 	root: "_root_btuyr_1",
 	rootLeft: "_rootLeft_btuyr_13",
 	rootTop: "_rootTop_btuyr_19",
 	ruleLeft: "_ruleLeft_btuyr_24",
 	ruleTop: "_ruleTop_btuyr_31",
 	text: "_text_btuyr_39"
-}, vn = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ k("div", {
+}, yn = ({ text: e, align: t = "left", className: n }) => /* @__PURE__ */ k("div", {
 	className: [
-		_n.root,
-		t === "top" ? _n.rootTop : _n.rootLeft,
+		vn.root,
+		t === "top" ? vn.rootTop : vn.rootLeft,
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ O("span", {
-		className: t === "top" ? _n.ruleTop : _n.ruleLeft,
+		className: t === "top" ? vn.ruleTop : vn.ruleLeft,
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ O("p", {
-		className: _n.text,
+		className: vn.text,
 		children: e
 	})]
-}), yn = {
+}), bn = {
 	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"
-}, bn = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ k("figure", {
+}, xn = ({ src: e, alt: t = "", size: n = "large", caption: r, className: i }) => /* @__PURE__ */ k("figure", {
 	className: [
-		yn.root,
-		yn[`root--${n}`],
+		bn.root,
+		bn[`root--${n}`],
 		i ?? ""
 	].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ O("span", {
-		className: yn.imageWrap,
+		className: bn.imageWrap,
 		children: /* @__PURE__ */ O("img", {
 			src: e,
 			alt: t,
-			className: yn.image
+			className: bn.image
 		})
 	}), r && /* @__PURE__ */ O("figcaption", {
-		className: yn.caption,
+		className: bn.caption,
 		children: r
 	})]
-}), xn = {
+}), Sn = {
 	root: "_root_uc5r9_1",
 	rootCenter: "_rootCenter_uc5r9_10",
 	rootLeft: "_rootLeft_uc5r9_15",
@@ -983,12 +1001,12 @@ var $t = [
 	ctaRow: "_ctaRow_uc5r9_39",
 	avatarBlock: "_avatarBlock_uc5r9_45",
 	avatarsCaption: "_avatarsCaption_uc5r9_57"
-}, Sn = ({ title: e, description: t, badgeLabel: n, primaryCta: r, secondaryCta: i, avatars: a, avatarsCaption: o, align: s = "center", className: c }) => {
+}, Cn = ({ title: e, description: t, badgeLabel: n, primaryCta: r, secondaryCta: i, avatars: a, avatarsCaption: o, align: s = "center", className: c }) => {
 	let l = !!(r || i), u = !!(a && a.length > 0);
 	return /* @__PURE__ */ k("div", {
 		className: [
-			xn.root,
-			s === "left" ? xn.rootLeft : xn.rootCenter,
+			Sn.root,
+			s === "left" ? Sn.rootLeft : Sn.rootCenter,
 			c ?? ""
 		].filter(Boolean).join(" "),
 		children: [
@@ -998,15 +1016,15 @@ var $t = [
 				children: n
 			}),
 			/* @__PURE__ */ O("p", {
-				className: xn.title,
+				className: Sn.title,
 				children: e
 			}),
 			t && /* @__PURE__ */ O("p", {
-				className: xn.description,
+				className: Sn.description,
 				children: t
 			}),
 			l && /* @__PURE__ */ k("div", {
-				className: xn.ctaRow,
+				className: Sn.ctaRow,
 				children: [r && /* @__PURE__ */ O(w, {
 					variant: "primary",
 					onClick: r.onClick,
@@ -1023,29 +1041,29 @@ var $t = [
 				})]
 			}),
 			u && /* @__PURE__ */ k("div", {
-				className: xn.avatarBlock,
+				className: Sn.avatarBlock,
 				children: [/* @__PURE__ */ O(m, {
 					size: "md",
 					avatars: a
 				}), o && /* @__PURE__ */ O("p", {
-					className: xn.avatarsCaption,
+					className: Sn.avatarsCaption,
 					children: o
 				})]
 			})
 		]
 	});
-}, Cn = {
+}, wn = {
 	root: "_root_5kajg_1",
 	item: "_item_5kajg_12",
 	marker: "_marker_5kajg_18",
 	dot: "_dot_5kajg_26",
 	label: "_label_5kajg_34"
-}, wn = ({ items: e, style: t = "check", className: n }) => /* @__PURE__ */ O("ul", {
-	className: [Cn.root, n ?? ""].filter(Boolean).join(" "),
+}, Tn = ({ items: e, style: t = "check", className: n }) => /* @__PURE__ */ O("ul", {
+	className: [wn.root, n ?? ""].filter(Boolean).join(" "),
 	children: e.map((e, n) => /* @__PURE__ */ k("li", {
-		className: Cn.item,
+		className: wn.item,
 		children: [/* @__PURE__ */ k("span", {
-			className: Cn.marker,
+			className: wn.marker,
 			"aria-hidden": "true",
 			children: [
 				t === "check" && /* @__PURE__ */ O(Ge, {
@@ -1056,32 +1074,32 @@ var $t = [
 					size: 16,
 					strokeWidth: E(16)
 				}),
-				t === "bullet" && /* @__PURE__ */ O("span", { className: Cn.dot })
+				t === "bullet" && /* @__PURE__ */ O("span", { className: wn.dot })
 			]
 		}), /* @__PURE__ */ O("span", {
-			className: Cn.label,
+			className: wn.label,
 			children: e
 		})]
 	}, n))
-}), Tn = {
+}), En = {
 	marquee: "_marquee_1pc4i_1",
 	track: "_track_1pc4i_13",
 	row: "_row_1pc4i_19",
 	item: "_item_1pc4i_25",
 	fadeLeft: "_fadeLeft_1pc4i_31",
 	fadeRight: "_fadeRight_1pc4i_32"
-}, En = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ O("div", {
-	className: Tn.row,
+}, Dn = ({ items: e, gap: t, ariaHidden: n }) => /* @__PURE__ */ O("div", {
+	className: En.row,
 	style: {
 		gap: t,
 		paddingRight: t
 	},
 	"aria-hidden": n,
 	children: e.map((e, t) => /* @__PURE__ */ O("div", {
-		className: Tn.item,
+		className: En.item,
 		children: e
 	}, t))
-}), Dn = ({ items: e, speed: t = 40, gap: n, className: r }) => {
+}), On = ({ items: e, speed: t = 40, gap: n, className: r }) => {
 	let i = D.useRef(null), a = D.useRef(0), o = D.useRef(0), s = D.useRef(!1);
 	return D.useEffect(() => {
 		let e = i.current?.firstElementChild;
@@ -1103,7 +1121,7 @@ var $t = [
 		};
 		return n = setTimeout(c, 16), () => clearTimeout(n);
 	}, [t]), /* @__PURE__ */ k("div", {
-		className: [Tn.marquee, r ?? ""].filter(Boolean).join(" "),
+		className: [En.marquee, r ?? ""].filter(Boolean).join(" "),
 		onMouseEnter: () => {
 			s.current = !0;
 		},
@@ -1113,27 +1131,27 @@ var $t = [
 		children: [
 			/* @__PURE__ */ k("div", {
 				ref: i,
-				className: Tn.track,
-				children: [/* @__PURE__ */ O(En, {
+				className: En.track,
+				children: [/* @__PURE__ */ O(Dn, {
 					items: e,
 					gap: n
-				}), /* @__PURE__ */ O(En, {
+				}), /* @__PURE__ */ O(Dn, {
 					items: e,
 					gap: n,
 					ariaHidden: !0
 				})]
 			}),
 			/* @__PURE__ */ O("div", {
-				className: Tn.fadeLeft,
+				className: En.fadeLeft,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ O("div", {
-				className: Tn.fadeRight,
+				className: En.fadeRight,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, On = {
+}, kn = {
 	root: "_root_17a1b_1",
 	numRow: "_numRow_17a1b_9",
 	value: "_value_17a1b_15",
@@ -1141,17 +1159,17 @@ var $t = [
 	trendUp: "_trendUp_17a1b_35",
 	trendDown: "_trendDown_17a1b_39",
 	label: "_label_17a1b_43"
-}, kn = ({ value: e, label: t, trend: n, className: r }) => {
+}, An = ({ value: e, label: t, trend: n, className: r }) => {
 	let i = n !== void 0, a = i && n >= 0, o = a ? ut : lt;
 	return /* @__PURE__ */ k("div", {
-		className: [On.root, r ?? ""].filter(Boolean).join(" "),
+		className: [kn.root, r ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ k("div", {
-			className: On.numRow,
+			className: kn.numRow,
 			children: [/* @__PURE__ */ O("p", {
-				className: On.value,
+				className: kn.value,
 				children: e
 			}), i && /* @__PURE__ */ k("span", {
-				className: [On.trend, a ? On.trendUp : On.trendDown].join(" "),
+				className: [kn.trend, a ? kn.trendUp : kn.trendDown].join(" "),
 				children: [
 					/* @__PURE__ */ O(o, {
 						size: 24,
@@ -1162,7 +1180,7 @@ var $t = [
 				]
 			})]
 		}), /* @__PURE__ */ O("p", {
-			className: On.label,
+			className: kn.label,
 			children: t
 		})]
 	});
@@ -1177,7 +1195,7 @@ var $t = [
 	collapseInner: "_collapseInner_scbx4_78",
 	navLinks: "_navLinks_scbx4_91",
 	navLink: "_navLink_scbx4_91"
-}, An = ({ label: e, links: t, ctaLabel: n = "Get started", onCtaClick: r, open: i, defaultOpen: a = !1, onOpenChange: o, className: s }) => {
+}, jn = ({ label: e, links: t, ctaLabel: n = "Get started", onCtaClick: r, open: i, defaultOpen: a = !1, onOpenChange: o, className: s }) => {
 	let c = i !== void 0, [l, u] = D.useState(a), d = c ? i : l, f = () => {
 		let e = !d;
 		c || u(e), o?.(e);
@@ -1238,18 +1256,18 @@ var $t = [
 			})
 		})]
 	});
-}, jn = {
+}, Mn = {
 	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"
-}, Mn = {
+}, Nn = {
 	sm: 14,
 	md: 16,
 	lg: 18
-}, Nn = ({ size: e = "md", logo: t, label: n, className: r }) => {
-	let i = Mn[e], a = D.isValidElement(t) ? D.cloneElement(t, {
+}, Pn = ({ size: e = "md", logo: t, label: n, className: r }) => {
+	let i = Nn[e], a = D.isValidElement(t) ? D.cloneElement(t, {
 		size: i,
 		strokeWidth: E(i)
 	}) : t ?? /* @__PURE__ */ O("img", {
@@ -1257,12 +1275,12 @@ var $t = [
 		alt: "",
 		width: i,
 		height: i,
-		className: jn.defaultMark
+		className: Mn.defaultMark
 	});
 	return /* @__PURE__ */ O("span", {
 		className: [
-			jn.root,
-			jn[`root--${e}`],
+			Mn.root,
+			Mn[`root--${e}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		role: "img",
@@ -1280,7 +1298,7 @@ var $t = [
 	bio: "_bio_ibchq_53",
 	social: "_social_ibchq_63",
 	socialBtn: "_socialBtn_ibchq_71"
-}, Pn = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
+}, Fn = ({ name: e, role: t, avatarSrc: n, avatarAlt: r, bio: i, socialLinks: a = [], className: o }) => {
 	let s = !!i || a.length > 0;
 	return /* @__PURE__ */ k("div", {
 		className: [
@@ -1320,21 +1338,21 @@ var $t = [
 			})
 		]
 	});
-}, Fn = {
+}, In = {
 	heading: "_heading_96cdx_1",
 	h2: "_h2_96cdx_8",
 	h3: "_h3_96cdx_14"
-}, In = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ O(t, {
+}, Ln = ({ children: e, level: t = "h2", className: n }) => /* @__PURE__ */ O(t, {
 	className: [
-		Fn.heading,
-		Fn[t],
+		In.heading,
+		In[t],
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: e
-}), Ln = { paragraph: "_paragraph_8pqdi_1" }, Rn = ({ children: e, className: t }) => /* @__PURE__ */ O("p", {
-	className: [Ln.paragraph, t ?? ""].filter(Boolean).join(" "),
+}), Rn = { paragraph: "_paragraph_8pqdi_1" }, zn = ({ children: e, className: t }) => /* @__PURE__ */ O("p", {
+	className: [Rn.paragraph, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), zn = {
+}), Bn = {
 	rootBordered: "_rootBordered_5cgsj_1",
 	rail: "_rail_5cgsj_12",
 	contentHorizontal: "_contentHorizontal_5cgsj_18",
@@ -1343,44 +1361,44 @@ var $t = [
 	textVertical: "_textVertical_5cgsj_41",
 	title: "_title_5cgsj_49",
 	description: "_description_5cgsj_57"
-}, Bn = ({ icon: e, title: t, description: n, layout: r = "horizontal", leftBorder: i = !1, className: a }) => {
+}, Vn = ({ icon: e, title: t, description: n, layout: r = "horizontal", leftBorder: i = !1, className: a }) => {
 	let o = r === "vertical", s = /* @__PURE__ */ k("div", {
-		className: o ? zn.contentVertical : zn.contentHorizontal,
+		className: o ? Bn.contentVertical : Bn.contentHorizontal,
 		children: [/* @__PURE__ */ O(g, {
 			icon: e,
 			size: "sm",
 			variant: "light"
 		}), /* @__PURE__ */ k("div", {
-			className: o ? zn.textVertical : zn.textHorizontal,
+			className: o ? Bn.textVertical : Bn.textHorizontal,
 			children: [/* @__PURE__ */ O("p", {
-				className: zn.title,
+				className: Bn.title,
 				children: t
 			}), /* @__PURE__ */ O("p", {
-				className: zn.description,
+				className: Bn.description,
 				children: n
 			})]
 		})]
 	});
 	return i ? /* @__PURE__ */ k("div", {
-		className: [zn.rootBordered, a ?? ""].filter(Boolean).join(" "),
+		className: [Bn.rootBordered, a ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ O(Me, {
 			orientation: "vertical",
-			className: zn.rail
+			className: Bn.rail
 		}), s]
 	}) : D.cloneElement(s, { className: [s.props.className, a ?? ""].filter(Boolean).join(" ") });
-}, Vn = { chart: "_chart_qqaox_2" }, Hn = {
+}, Hn = { chart: "_chart_qqaox_2" }, Un = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, Un = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
+}, Wn = ({ data: e, variant: t = "default", seriesLabels: n = ["Value", "Value 2"], size: r = "md", height: i, className: a }) => {
 	let o = D.useRef(null), s = M(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__ */ O("div", {
 		ref: o,
-		className: [Vn.chart, a ?? ""].filter(Boolean).join(" "),
+		className: [Hn.chart, a ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ O(Nt, {
 			width: "100%",
-			height: i ?? Hn[r],
+			height: i ?? Un[r],
 			children: /* @__PURE__ */ k(ht, {
 				data: e,
 				margin: {
@@ -1489,7 +1507,7 @@ var $t = [
 	col__body: "_col__body_1v24u_24",
 	col__drop: "_col__drop_1v24u_25",
 	col__add: "_col__add_1v24u_31"
-}, Wn = ({ state: e = "default", title: t, count: n, dotColor: r = "var(--color-chart-1)", children: i, onAdd: a, onMenu: o, className: s }) => /* @__PURE__ */ k("div", {
+}, Gn = ({ state: e = "default", title: t, count: n, dotColor: r = "var(--color-chart-1)", children: i, onAdd: a, onMenu: o, className: s }) => /* @__PURE__ */ k("div", {
 	className: [B.col, s ?? ""].filter(Boolean).join(" "),
 	children: [
 		/* @__PURE__ */ k("div", {
@@ -1567,7 +1585,7 @@ var $t = [
 	"day--disabled": "_day--disabled_1ljjb_51",
 	dropdowns: "_dropdowns_1ljjb_54",
 	dropdown: "_dropdown_1ljjb_54"
-}, Gn = [
+}, Kn = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -1575,7 +1593,7 @@ var $t = [
 	"Th",
 	"Fr",
 	"Sa"
-], Kn = [
+], qn = [
 	"January",
 	"February",
 	"March",
@@ -1588,11 +1606,11 @@ var $t = [
 	"October",
 	"November",
 	"December"
-], qn = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Jn = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Yn = ({ mode: e = "single", value: t, onChange: n, range: r, onRangeChange: i, headerType: o = "arrows", defaultMonth: s, minDate: c, maxDate: l, className: u }) => {
+], Jn = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), Yn = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Xn = ({ mode: e = "single", value: t, onChange: n, range: r, onRangeChange: i, headerType: o = "arrows", defaultMonth: s, minDate: c, maxDate: l, className: u }) => {
 	let [d, f] = D.useState(() => {
 		let e = s ?? t ?? r?.from ?? /* @__PURE__ */ new Date();
 		return new Date(e.getFullYear(), e.getMonth(), 1);
-	}), [p, m] = D.useState({}), h = a(), g = r === void 0 ? p : r, _ = /* @__PURE__ */ new Date(), v = d.getFullYear(), y = d.getMonth(), b = new Date(v, y, 1).getDay(), x = new Date(v, y, 1 - b), ee = Array.from({ length: 42 }, (e, t) => new Date(x.getFullYear(), x.getMonth(), x.getDate() + t)), S = (e) => c && e < Jn(c) || l && e > l, C = (e) => {
+	}), [p, m] = D.useState({}), h = a(), g = r === void 0 ? p : r, _ = /* @__PURE__ */ new Date(), v = d.getFullYear(), y = d.getMonth(), b = new Date(v, y, 1).getDay(), x = new Date(v, y, 1 - b), ee = Array.from({ length: 42 }, (e, t) => new Date(x.getFullYear(), x.getMonth(), x.getDate() + t)), S = (e) => c && e < Yn(c) || l && e > l, C = (e) => {
 		r === void 0 && m(e), i?.(e);
 	}, te = (t) => {
 		if (e === "single") {
@@ -1613,13 +1631,13 @@ var $t = [
 	}, ne = (n) => {
 		if (S(n)) return "disabled";
 		if (e === "single") {
-			if (qn(n, t)) return "selected";
+			if (Jn(n, t)) return "selected";
 		} else {
 			let { from: e, to: t } = g;
-			if (qn(n, e) || qn(n, t)) return "selected";
+			if (Jn(n, e) || Jn(n, t)) return "selected";
 			if (e && t && n > e && n < t) return "in-range";
 		}
-		return n.getMonth() === y ? qn(n, _) ? "today" : "default" : "outside";
+		return n.getMonth() === y ? Jn(n, _) ? "today" : "default" : "outside";
 	}, re = c ? c.getFullYear() : v - 10, ie = l ? l.getFullYear() : v + 10, w = Array.from({ length: ie - re + 1 }, (e, t) => re + t);
 	return /* @__PURE__ */ k("div", {
 		className: [V.calendar, u ?? ""].filter(Boolean).join(" "),
@@ -1644,7 +1662,7 @@ var $t = [
 							value: y,
 							onChange: (e) => f(new Date(v, Number(e.target.value), 1)),
 							"aria-label": "Month",
-							children: Kn.map((e, t) => /* @__PURE__ */ O("option", {
+							children: qn.map((e, t) => /* @__PURE__ */ O("option", {
 								value: t,
 								children: e
 							}, e))
@@ -1661,7 +1679,7 @@ var $t = [
 					}) : /* @__PURE__ */ k("span", {
 						className: V.header__label,
 						children: [
-							Kn[y],
+							qn[y],
 							" ",
 							v
 						]
@@ -1680,7 +1698,7 @@ var $t = [
 			}),
 			/* @__PURE__ */ O("div", {
 				className: V.weekdays,
-				children: Gn.map((e) => /* @__PURE__ */ O("span", {
+				children: Kn.map((e) => /* @__PURE__ */ O("span", {
 					className: V.weekday,
 					children: e
 				}, e))
@@ -1721,7 +1739,7 @@ var $t = [
 	card__actions: "_card__actions_1567t_54",
 	"card__actions--split": "_card__actions--split_1567t_63",
 	card__actionsGroup: "_card__actionsGroup_1567t_64"
-}, Xn = ({ title: e, description: t, actions: n, leadingAction: r, interactive: i, children: a, className: o }) => /* @__PURE__ */ k("div", {
+}, Zn = ({ title: e, description: t, actions: n, leadingAction: r, interactive: i, children: a, className: o }) => /* @__PURE__ */ k("div", {
 	className: [
 		H.card,
 		i ? H["card--interactive"] : "",
@@ -1794,7 +1812,7 @@ var $t = [
 	panel__loading: "_panel__loading_12ugs_255",
 	panel__spinner: "_panel__spinner_12ugs_259",
 	"sakani-cb-spin": "_sakani-cb-spin_12ugs_1"
-}, Zn = ({ 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 }) => {
+}, 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 = D.useId(), [p, m] = D.useState(!1), [h, g] = D.useState(!1), [_, v] = D.useState(0), y = D.useRef(null), b = e;
 	D.useEffect(() => {
 		p && g(!0);
@@ -2023,12 +2041,12 @@ var $t = [
 			})
 		]
 	});
-}, Qn = {
+}, $n = {
 	chart: "_chart_aiboa_2",
 	center: "_center_aiboa_26",
 	center__value: "_center__value_aiboa_35",
 	center__caption: "_center__caption_aiboa_36"
-}, $n = {
+}, er = {
 	sm: {
 		h: 180,
 		inner: 50,
@@ -2049,7 +2067,7 @@ var $t = [
 		inner: 98,
 		outer: 142
 	}
-}, er = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
+}, tr = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
 	let [o, s] = D.useState(null), [c, l] = D.useState(null), u = (e) => {
 		let t = e.currentTarget.getBoundingClientRect();
 		l({
@@ -2063,12 +2081,12 @@ var $t = [
 		4,
 		5
 	].map((e) => f(`--color-chart-${e}`) ?? $t[e - 1]), m = {
-		...$n[t],
-		h: i ?? $n[t].h
+		...er[t],
+		h: i ?? er[t].h
 	}, h = (m.outer - m.inner) / 2 - 7;
 	return /* @__PURE__ */ k("div", {
 		ref: d,
-		className: [Qn.chart, a ?? ""].filter(Boolean).join(" "),
+		className: [$n.chart, a ?? ""].filter(Boolean).join(" "),
 		style: { height: m.h },
 		onMouseMove: u,
 		children: [/* @__PURE__ */ O(Nt, {
@@ -2098,12 +2116,12 @@ var $t = [
 				position: c ?? void 0
 			})] })
 		}), (n || r) && /* @__PURE__ */ k("div", {
-			className: Qn.center,
+			className: $n.center,
 			children: [n && /* @__PURE__ */ O("span", {
-				className: Qn.center__value,
+				className: $n.center__value,
 				children: n
 			}), r && /* @__PURE__ */ O("span", {
-				className: Qn.center__caption,
+				className: $n.center__caption,
 				children: r
 			})]
 		})]
@@ -2122,7 +2140,7 @@ var $t = [
 	file__icon: "_file__icon_1b5p5_45",
 	file__name: "_file__name_1b5p5_46",
 	file__remove: "_file__remove_1b5p5_47"
-}, tr = ({ accept: e, multiple: t, hint: n = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: r, className: i }) => {
+}, nr = ({ accept: e, multiple: t, hint: n = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: r, className: i }) => {
 	let a = D.useRef(null), [o, s] = D.useState(!1), [c, l] = D.useState([]), u = (e) => {
 		l(e), r?.(e);
 	}, d = (e) => {
@@ -2220,22 +2238,22 @@ var $t = [
 	tooltip__dot: "_tooltip__dot_1m9hd_68",
 	tooltip__label: "_tooltip__label_1m9hd_74",
 	tooltip__value: "_tooltip__value_1m9hd_75"
-}, nr = {
+}, rr = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, rr = 560, ir = .3, ar = .55, or = ({ data: e, size: t = "md", className: n }) => {
-	let [r, i] = D.useState(null), a = D.useRef(null), o = M(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-bg-canvas") ?? "#fafaf9", l = e[0]?.value || 1, u = nr[t], d = u * .66, f = d / 2 + 8, p = rr / 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) * ar);
-	let _ = (t) => e.length <= 1 ? 1 : ir + t / (e.length - 1) * (1 - ir), v = r === null ? null : e[r], y = r === null ? 0 : f - g[r] / 2, b = r === null ? 0 : r * p + p / 2;
+}, ir = 560, ar = .3, or = .55, sr = ({ data: e, size: t = "md", className: n }) => {
+	let [r, i] = D.useState(null), a = D.useRef(null), o = M(a), s = o("--color-chart-1") ?? "#ff4700", c = o("--color-bg-canvas") ?? "#fafaf9", l = e[0]?.value || 1, u = rr[t], d = u * .66, f = d / 2 + 8, p = ir / 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) * or);
+	let _ = (t) => e.length <= 1 ? 1 : ar + t / (e.length - 1) * (1 - ar), v = r === null ? null : e[r], y = r === null ? 0 : f - g[r] / 2, b = r === null ? 0 : r * p + p / 2;
 	return /* @__PURE__ */ k("div", {
 		ref: a,
 		className: [G.chart, n ?? ""].filter(Boolean).join(" "),
 		style: { height: u },
 		children: [
 			/* @__PURE__ */ O("svg", {
-				viewBox: `0 0 ${rr} ${u}`,
+				viewBox: `0 0 ${ir} ${u}`,
 				width: "100%",
 				height: u,
 				className: G.svg,
@@ -2277,7 +2295,7 @@ var $t = [
 			v && /* @__PURE__ */ k("div", {
 				className: G.tooltip,
 				style: {
-					left: `${b / rr * 100}%`,
+					left: `${b / ir * 100}%`,
 					top: `${y / u * 100}%`,
 					background: c
 				},
@@ -2320,7 +2338,7 @@ var $t = [
 	tooltip__dot: "_tooltip__dot_1yc8b_84",
 	tooltip__label: "_tooltip__label_1yc8b_91",
 	tooltip__value: "_tooltip__value_1yc8b_92"
-}, sr = .12, cr = .45, lr = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
+}, cr = .12, lr = .45, ur = ({ data: e, rowLabels: t, colLabels: n, valueLabel: r = "Value", size: i = "md", className: a }) => {
 	let o = D.useRef(null), s = M(o), c = D.useRef(null), [l, u] = D.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({
@@ -2347,12 +2365,12 @@ var $t = [
 					className: K.rowLabel,
 					children: t?.[n] ?? ""
 				}), e.map((e, t) => {
-					let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 : sr + e / f * (1 - sr);
+					let r = l?.row === n && l?.col === t, i = l !== null && !r, a = r ? 1 : cr + e / f * (1 - cr);
 					return /* @__PURE__ */ O("div", {
 						className: K.cell,
 						style: {
 							background: d,
-							opacity: i ? cr : a
+							opacity: i ? lr : a
 						},
 						onMouseEnter: m(n, t, e),
 						onMouseLeave: () => u(null)
@@ -2389,35 +2407,35 @@ var $t = [
 			]
 		})
 	});
-}, ur = { kbd: "_kbd_1cz4m_3" }, dr = ({ children: e, className: t }) => /* @__PURE__ */ O("kbd", {
-	className: [ur.kbd, t ?? ""].filter(Boolean).join(" "),
+}, dr = { kbd: "_kbd_1cz4m_3" }, fr = ({ children: e, className: t }) => /* @__PURE__ */ O("kbd", {
+	className: [dr.kbd, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), fr = {
+}), pr = {
 	label: "_label_rcdks_3",
 	label__required: "_label__required_rcdks_17"
-}, pr = D.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ k("label", {
+}, mr = D.forwardRef(({ required: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ k("label", {
 	ref: i,
-	className: [fr.label, n ?? ""].filter(Boolean).join(" "),
+	className: [pr.label, n ?? ""].filter(Boolean).join(" "),
 	...r,
 	children: [t, e && /* @__PURE__ */ O("span", {
-		className: fr.label__required,
+		className: pr.label__required,
 		"aria-hidden": "true",
 		children: " *"
 	})]
 }));
-pr.displayName = "Label";
-var mr = { chart: "_chart_18fgd_2" }, hr = {
+mr.displayName = "Label";
+var hr = { chart: "_chart_18fgd_2" }, gr = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, gr = /* @__PURE__ */ new Set([
+}, _r = /* @__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 }) => {
+]), vr = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
 	let l = D.useRef(null), u = M(l), d = [
 		1,
 		2,
@@ -2428,7 +2446,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		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 = gr.has(r), y = (e) => (t) => {
+	], 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 = _r.has(r), y = (e) => (t) => {
 		let { cx: n, cy: r } = t;
 		return /* @__PURE__ */ k("g", {
 			stroke: e,
@@ -2481,10 +2499,10 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	};
 	return /* @__PURE__ */ O("div", {
 		ref: l,
-		className: [mr.chart, c ?? ""].filter(Boolean).join(" "),
+		className: [hr.chart, c ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ O(Nt, {
 			width: "100%",
-			height: o ?? hr[a],
+			height: o ?? gr[a],
 			children: /* @__PURE__ */ k(St, {
 				data: e,
 				margin: {
@@ -2545,51 +2563,51 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			})
 		})
 	});
-}, vr = {
-	item: "_item_1bb82_2",
-	"item--disabled": "_item--disabled_1bb82_18",
-	"item--selected": "_item--selected_1bb82_19",
-	item__leading: "_item__leading_1bb82_22",
-	item__text: "_item__text_1bb82_23",
-	item__title: "_item__title_1bb82_24",
-	item__description: "_item__description_1bb82_25",
-	item__trailing: "_item__trailing_1bb82_26"
-}, yr = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ k("button", {
+}, yr = {
+	item: "_item_va3db_2",
+	"item--disabled": "_item--disabled_va3db_18",
+	"item--selected": "_item--selected_va3db_22",
+	item__leading: "_item__leading_va3db_26",
+	item__text: "_item__text_va3db_27",
+	item__title: "_item__title_va3db_28",
+	item__description: "_item__description_va3db_29",
+	item__trailing: "_item__trailing_va3db_30"
+}, br = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ k("button", {
 	type: "button",
 	"data-hover-item": "",
 	disabled: a,
 	onClick: o,
 	"aria-current": i ? "true" : void 0,
 	className: [
-		vr.item,
-		i ? vr["item--selected"] : "",
-		a ? vr["item--disabled"] : "",
+		yr.item,
+		i ? yr["item--selected"] : "",
+		a ? yr["item--disabled"] : "",
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
 		n && /* @__PURE__ */ O("span", {
-			className: vr.item__leading,
+			className: yr.item__leading,
 			children: n
 		}),
 		/* @__PURE__ */ k("span", {
-			className: vr.item__text,
+			className: yr.item__text,
 			children: [/* @__PURE__ */ O("span", {
-				className: vr.item__title,
+				className: yr.item__title,
 				children: e
 			}), t && /* @__PURE__ */ O("span", {
-				className: vr.item__description,
+				className: yr.item__description,
 				children: t
 			})]
 		}),
 		r && /* @__PURE__ */ O("span", {
-			className: vr.item__trailing,
+			className: yr.item__trailing,
 			children: r
 		})
 	]
-}), br = {
-	menu: "_menu_k5ohq_2",
-	divider: "_divider_k5ohq_13"
-}, xr = ({ children: e, minWidth: t = 208, className: n, ...r }) => {
+}), xr = {
+	menu: "_menu_tcvhi_2",
+	divider: "_divider_tcvhi_13"
+}, Sr = ({ children: e, minWidth: t = 208, className: n, ...r }) => {
 	let i = a();
 	return /* @__PURE__ */ k("div", {
 		ref: i.ref,
@@ -2597,22 +2615,22 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		role: "menu",
 		"aria-label": r["aria-label"],
 		style: { minWidth: t },
-		className: [br.menu, n ?? ""].filter(Boolean).join(" "),
+		className: [xr.menu, n ?? ""].filter(Boolean).join(" "),
 		children: [i.highlight, e]
 	});
-}, Sr = () => /* @__PURE__ */ O("div", {
-	className: br.divider,
+}, Cr = () => /* @__PURE__ */ O("div", {
+	className: xr.divider,
 	role: "separator"
-}), Cr = {
-	item: "_item_gdhzp_2",
-	item__icon: "_item__icon_gdhzp_23",
-	item__label: "_item__label_gdhzp_24",
-	item__shortcut: "_item__shortcut_gdhzp_25",
-	item__check: "_item__check_gdhzp_32",
-	"item--checked": "_item--checked_gdhzp_34",
-	"item--disabled": "_item--disabled_gdhzp_35",
-	"item--destructive": "_item--destructive_gdhzp_36"
-}, wr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
+}), wr = {
+	item: "_item_1n6g9_2",
+	item__icon: "_item__icon_1n6g9_23",
+	item__label: "_item__label_1n6g9_24",
+	item__shortcut: "_item__shortcut_1n6g9_25",
+	item__check: "_item__check_1n6g9_32",
+	"item--checked": "_item--checked_1n6g9_34",
+	"item--disabled": "_item--disabled_1n6g9_35",
+	"item--destructive": "_item--destructive_1n6g9_36"
+}, Tr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
 	let o = e === "disabled";
 	return /* @__PURE__ */ k("div", {
 		role: "menuitem",
@@ -2625,38 +2643,38 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
 		},
 		className: [
-			Cr.item,
-			Cr[`item--${e}`],
+			wr.item,
+			wr[`item--${e}`],
 			a ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			t && /* @__PURE__ */ O("span", {
-				className: Cr.item__icon,
+				className: wr.item__icon,
 				"aria-hidden": "true",
 				children: t
 			}),
 			/* @__PURE__ */ O("span", {
-				className: Cr.item__label,
+				className: wr.item__label,
 				children: r
 			}),
 			n && /* @__PURE__ */ O("kbd", {
-				className: Cr.item__shortcut,
+				className: wr.item__shortcut,
 				children: n
 			}),
 			e === "checked" && /* @__PURE__ */ O(Ge, {
 				size: 16,
 				strokeWidth: E(16),
-				className: Cr.item__check,
+				className: wr.item__check,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, Tr = {
+}, Er = {
 	chart: "_chart_cc7lx_2",
 	center: "_center_cc7lx_30",
 	center__value: "_center__value_cc7lx_39",
 	center__caption: "_center__caption_cc7lx_40"
-}, Er = {
+}, Dr = {
 	sm: {
 		h: 180,
 		outer: 72
@@ -2673,19 +2691,19 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		h: 340,
 		outer: 142
 	}
-}, Dr = /* @__PURE__ */ new Set([
+}, Or = /* @__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 }) => {
+]), kr = /* @__PURE__ */ new Set(["donut-active"]), Ar = /* @__PURE__ */ new Set(["interactive"]), jr = /* @__PURE__ */ new Set(["donut-with-text"]), Mr = Math.PI / 180, Nr = ({ data: e, variant: t = "donut", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
 	let o = D.useRef(null), s = M(o), [c, l] = D.useState(void 0), u = [
 		1,
 		2,
 		3,
 		4,
 		5
-	].map((e) => s(`--color-chart-${e}`) ?? $t[e - 1]), d = s("--color-bg-surface") ?? "#ffffff", f = s("--color-fg-default") ?? "#141414", p = Er[n], m = Dr.has(t), h = Or.has(t), g = kr.has(t), _ = m ? p.outer * .6 : 0, v = Ar.has(t) && (r || i), y = c ?? (h || g ? 0 : void 0), b = (e) => {
+	].map((e) => s(`--color-chart-${e}`) ?? $t[e - 1]), d = s("--color-bg-surface") ?? "#ffffff", f = s("--color-fg-default") ?? "#141414", p = Dr[n], m = Or.has(t), h = kr.has(t), g = Ar.has(t), _ = m ? p.outer * .6 : 0, v = jr.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__ */ k("g", { children: [/* @__PURE__ */ O(Pt, {
 			cx: t,
@@ -2713,7 +2731,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			fill: s
 		});
 	}, x = (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);
+		let { cx: t, cy: n, midAngle: r, outerRadius: i } = e, a = r ?? 0, o = Math.cos(-a * Mr), s = Math.sin(-a * Mr), 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,
@@ -2753,8 +2771,8 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	}, C = (t) => {
 		let { cx: n, cy: r, midAngle: i, innerRadius: a, outerRadius: o, index: s } = t, c = (a + o) / 2;
 		return /* @__PURE__ */ O("text", {
-			x: n + c * Math.cos(-i * jr),
-			y: r + c * Math.sin(-i * jr),
+			x: n + c * Math.cos(-i * Mr),
+			y: r + c * Math.sin(-i * Mr),
 			textAnchor: "middle",
 			dominantBaseline: "central",
 			fill: "#fff",
@@ -2768,7 +2786,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		let t = (e) => c !== void 0 && c !== e ? .45 : 1;
 		return /* @__PURE__ */ O("div", {
 			ref: o,
-			className: [Tr.chart, a ?? ""].filter(Boolean).join(" "),
+			className: [Er.chart, a ?? ""].filter(Boolean).join(" "),
 			style: { height: p.h },
 			children: /* @__PURE__ */ O(Nt, {
 				width: "100%",
@@ -2816,7 +2834,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	}
 	return /* @__PURE__ */ k("div", {
 		ref: o,
-		className: [Tr.chart, a ?? ""].filter(Boolean).join(" "),
+		className: [Er.chart, a ?? ""].filter(Boolean).join(" "),
 		style: { height: p.h },
 		children: [/* @__PURE__ */ O(Nt, {
 			width: "100%",
@@ -2842,12 +2860,12 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 				wrapperStyle: { zIndex: 50 }
 			})] })
 		}), v && /* @__PURE__ */ k("div", {
-			className: Tr.center,
+			className: Er.center,
 			children: [r && /* @__PURE__ */ O("span", {
-				className: Tr.center__value,
+				className: Er.center__value,
 				children: r
 			}), i && /* @__PURE__ */ O("span", {
-				className: Tr.center__caption,
+				className: Er.center__caption,
 				children: i
 			})]
 		})]
@@ -2870,7 +2888,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	panel__description: "_panel__description_16f5u_76",
 	panel__body: "_panel__body_16f5u_77",
 	panel__actions: "_panel__actions_16f5u_78"
-}, Nr = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
+}, Pr = ({ trigger: e, title: t, description: n, actions: r, placement: i = "bottom-start", children: a, className: o }) => {
 	let [s, c] = D.useState(!1), [l, u] = D.useState(!1), d = D.useRef(null), f = D.useRef(null);
 	return D.useEffect(() => {
 		s && u(!0);
@@ -2929,19 +2947,19 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			]
 		})]
 	});
-}, Pr = {
+}, Fr = {
 	chart: "_chart_q6xhl_2",
 	circleFillSvg: "_circleFillSvg_q6xhl_17"
-}, Fr = {
+}, Ir = {
 	sm: 200,
 	md: 260,
 	lg: 340,
 	xl: 420
-}, Ir = /* @__PURE__ */ new Set([
+}, Lr = /* @__PURE__ */ new Set([
 	"circle-grid",
 	"circle-grid-no-lines",
 	"circle-grid-filled"
-]), Lr = /* @__PURE__ */ new Set(["default", "grid-custom"]), Rr = /* @__PURE__ */ new Set(["dots-grid-none"]), zr = /* @__PURE__ */ new Set(["grid-filled"]), Br = (e) => e === "circle-grid-filled", Vr = /* @__PURE__ */ new Set([
+]), Rr = /* @__PURE__ */ new Set(["default", "grid-custom"]), zr = /* @__PURE__ */ new Set(["dots-grid-none"]), Br = /* @__PURE__ */ new Set(["grid-filled"]), Vr = (e) => e === "circle-grid-filled", Hr = /* @__PURE__ */ new Set([
 	"default",
 	"dots",
 	"dots-grid-none",
@@ -2952,14 +2970,14 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	"grid-custom",
 	"grid-filled",
 	"circle-grid-filled"
-]), Hr = [
+]), Ur = [
 	1,
 	.8,
 	.6,
 	.4,
 	.2
-], Ur = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
-	let a = D.useRef(null), o = M(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 = zr.has(t), _ = Lr.has(t), v = Rr.has(t), y = Br(t), [b, x] = D.useState(0);
+], Wr = ({ data: e, variant: t = "default", size: n = "md", seriesLabels: r = ["Value", "Value 2"], className: i }) => {
+	let a = D.useRef(null), o = M(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 = Br.has(t), _ = Rr.has(t), v = zr.has(t), y = Vr(t), [b, x] = D.useState(0);
 	D.useEffect(() => {
 		if (!y || !a.current) return;
 		let e = a.current, t = new ResizeObserver(([e]) => x(e.contentRect.width));
@@ -2970,7 +2988,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		let t = Math.max(1, ...e.flatMap((e) => [e.value, e.value2 ?? 0]));
 		return e.map((e) => {
 			let n = {};
-			return Hr.forEach((e, r) => {
+			return Ur.forEach((e, r) => {
 				n[`ring${r}`] = e * t;
 			}), {
 				...e,
@@ -3006,15 +3024,15 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			fontFamily: "var(--font-sans)",
 			children: c.label
 		})] });
-	}, C = Fr[n], te = (b > 0 ? Math.min(b, C) / 2 - 5 : 0) * .7;
+	}, C = Ir[n], te = (b > 0 ? Math.min(b, C) / 2 - 5 : 0) * .7;
 	return /* @__PURE__ */ k("div", {
 		ref: a,
-		className: [Pr.chart, i ?? ""].filter(Boolean).join(" "),
+		className: [Fr.chart, i ?? ""].filter(Boolean).join(" "),
 		children: [y && b > 0 && /* @__PURE__ */ O("svg", {
-			className: Pr.circleFillSvg,
+			className: Fr.circleFillSvg,
 			width: b,
 			height: C,
-			children: Hr.map((e) => /* @__PURE__ */ O("circle", {
+			children: Ur.map((e) => /* @__PURE__ */ O("circle", {
 				cx: b / 2,
 				cy: C / 2,
 				r: te * e,
@@ -3029,7 +3047,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 				outerRadius: "70%",
 				children: [
 					!g && !v && /* @__PURE__ */ O(Et, {
-						gridType: Ir.has(t) ? "circle" : "polygon",
+						gridType: Lr.has(t) ? "circle" : "polygon",
 						radialLines: t !== "circle-grid-no-lines" && !_,
 						stroke: l
 					}),
@@ -3055,7 +3073,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 						fontSize: 12,
 						fontFamily: "var(--font-sans)"
 					} }),
-					g && Hr.map((e, t) => /* @__PURE__ */ O(Ot, {
+					g && Ur.map((e, t) => /* @__PURE__ */ O(Ot, {
 						dataKey: `ring${t}`,
 						stroke: "none",
 						fill: c,
@@ -3066,10 +3084,10 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 					/* @__PURE__ */ O(Ot, {
 						name: d ? r[0] ?? "Value" : void 0,
 						dataKey: "value",
-						stroke: Vr.has(t) ? "none" : c,
+						stroke: Hr.has(t) ? "none" : c,
 						fill: m ? c : "none",
 						fillOpacity: m ? _ ? 1 : p ? .45 : .5 : 0,
-						strokeWidth: Vr.has(t) ? 0 : 2,
+						strokeWidth: Hr.has(t) ? 0 : 2,
 						dot: h ? {
 							r: 4,
 							fill: c,
@@ -3102,17 +3120,17 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	center: "_center_1ogmh_36",
 	center__value: "_center__value_1ogmh_45",
 	center__caption: "_center__caption_1ogmh_46"
-}, Wr = {
+}, Gr = {
 	sm: 180,
 	md: 220,
 	lg: 280,
 	xl: 340
-}, Gr = Math.PI / 180, Kr = (e) => Math.round(e * 1e3) / 1e3, qr = {
+}, Kr = Math.PI / 180, qr = (e) => Math.round(e * 1e3) / 1e3, Jr = {
 	multi: ["30%", "100%"],
 	grid: ["30%", "100%"],
 	"stacked-label": ["30%", "100%"],
 	text: ["76%", "100%"]
-}, Jr = ({ value: e, max: t, color: n, track: r, centerValue: i, centerCaption: a, labelColor: o, captionColor: s }) => {
+}, Yr = ({ 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__ */ k("svg", {
 		viewBox: "0 0 200 120",
@@ -3120,10 +3138,10 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		children: [Array.from({ length: 40 }).map((e, t) => {
 			let i = 180 + t / 39 * 180;
 			return /* @__PURE__ */ O("line", {
-				x1: Kr(100 + 78 * Math.cos(i * Gr)),
-				y1: Kr(100 + 78 * Math.sin(i * Gr)),
-				x2: Kr(100 + 92 * Math.cos(i * Gr)),
-				y2: Kr(100 + 92 * Math.sin(i * Gr)),
+				x1: qr(100 + 78 * Math.cos(i * Kr)),
+				y1: qr(100 + 78 * Math.sin(i * Kr)),
+				x2: qr(100 + 92 * Math.cos(i * Kr)),
+				y2: qr(100 + 92 * Math.sin(i * Kr)),
 				stroke: t < c ? n : r,
 				strokeWidth: 2.5,
 				strokeLinecap: "round"
@@ -3147,7 +3165,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			})]
 		})]
 	});
-}, Yr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ k("svg", {
+}, Xr = ({ rings: e, spokes: t, color: n }) => /* @__PURE__ */ k("svg", {
 	viewBox: "0 0 200 200",
 	className: J.gridSvg,
 	children: [Array.from({ length: e }).map((t, r) => /* @__PURE__ */ O("circle", {
@@ -3162,13 +3180,13 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		return /* @__PURE__ */ O("line", {
 			x1: 100,
 			y1: 100,
-			x2: Kr(100 + a * Math.cos(i * Gr)),
-			y2: Kr(100 + a * Math.sin(i * Gr)),
+			x2: qr(100 + a * Math.cos(i * Kr)),
+			y2: qr(100 + a * Math.sin(i * Kr)),
 			stroke: n,
 			strokeWidth: 1
 		}, r);
 	})]
-}), Xr = ({ data: e, palette: t, track: n, centerValue: r, centerCaption: i, labelColor: a, captionColor: o }) => {
+}), Zr = ({ 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, {
@@ -3221,21 +3239,21 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			})
 		]
 	});
-}, Zr = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
+}, Qr = ({ data: e, variant: t = "multi", size: n = "md", centerValue: r, centerCaption: i, className: a }) => {
 	let o = D.useRef(null), s = M(o), c = [
 		1,
 		2,
 		3,
 		4,
 		5
-	].map((e) => s(`--color-chart-${e}`) ?? $t[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 = Wr[n];
+	].map((e) => s(`--color-chart-${e}`) ?? $t[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 = Gr[n];
 	if (t === "gauge-tick") {
 		let t = e[0];
 		return /* @__PURE__ */ O("div", {
 			ref: o,
 			className: [J.chart, a ?? ""].filter(Boolean).join(" "),
 			style: { height: p },
-			children: /* @__PURE__ */ O(Jr, {
+			children: /* @__PURE__ */ O(Yr, {
 				value: t?.value ?? 0,
 				max: t?.max ?? 100,
 				color: c[0],
@@ -3251,7 +3269,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		ref: o,
 		className: [J.chart, a ?? ""].filter(Boolean).join(" "),
 		style: { height: p },
-		children: /* @__PURE__ */ O(Xr, {
+		children: /* @__PURE__ */ O(Zr, {
 			data: e,
 			palette: c,
 			track: l,
@@ -3261,13 +3279,13 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 			captionColor: f
 		})
 	});
-	let [m, h] = qr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
+	let [m, h] = Jr[t] ?? ["30%", "100%"], g = (t === "stacked-label" || t === "text") && (r || i);
 	return /* @__PURE__ */ k("div", {
 		ref: o,
 		className: [J.chart, a ?? ""].filter(Boolean).join(" "),
 		style: { height: p },
 		children: [
-			t === "grid" && /* @__PURE__ */ O(Yr, {
+			t === "grid" && /* @__PURE__ */ O(Xr, {
 				rings: 8,
 				spokes: 12,
 				color: u
@@ -3318,7 +3336,7 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 	text__label: "_text__label_5ueza_80",
 	text__description: "_text__description_5ueza_81",
 	"wrapper--withDescription": "_wrapper--withDescription_5ueza_85"
-}, Qr = D.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
+}, $r = D.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
 	let s = D.useId(), c = r ?? s;
 	return /* @__PURE__ */ k("label", {
 		htmlFor: c,
@@ -3355,18 +3373,18 @@ var mr = { chart: "_chart_18fgd_2" }, hr = {
 		]
 	});
 });
-Qr.displayName = "Radio";
+$r.displayName = "Radio";
 var X = {
-	footer: "_footer_1ric6_4",
-	"footer--collapsed": "_footer--collapsed_1ric6_12",
-	footer__text: "_footer__text_1ric6_14",
-	footer__title: "_footer__title_1ric6_15",
-	footer__subtitle: "_footer__subtitle_1ric6_16",
-	footer__menu: "_footer__menu_1ric6_17",
-	footer__action: "_footer__action_1ric6_26"
-}, $r = ({ type: e = "user", title: t, subtitle: n, avatarSrc: r, avatarInitials: i, collapsed: a, onMenu: o, onSignOut: s }) => {
+	footer: "_footer_mks3d_4",
+	"footer--collapsed": "_footer--collapsed_mks3d_12",
+	footer__text: "_footer__text_mks3d_14",
+	footer__title: "_footer__title_mks3d_15",
+	footer__subtitle: "_footer__subtitle_mks3d_16",
+	footer__menu: "_footer__menu_mks3d_17",
+	footer__action: "_footer__action_mks3d_29"
+}, ei = ({ type: e = "user", title: t, subtitle: n, avatarSrc: r, avatarInitials: i, collapsed: a, onMenu: o, onSignOut: s }) => {
 	let c = /* @__PURE__ */ O(Pe, {
-		size: "sm",
+		size: a ? "sm" : "md",
 		src: r,
 		initials: i,
 		alt: t ?? "User"
@@ -3406,14 +3424,14 @@ var X = {
 				className: X.footer__menu,
 				onClick: o,
 				"aria-label": "Open menu",
-				children: /* @__PURE__ */ O(Xe, {
+				children: /* @__PURE__ */ O(Ye, {
 					size: 16,
 					strokeWidth: E(16)
 				})
 			})
 		]
 	});
-}, Z = {
+}, ti = {
 	promo: "_promo_qzdlk_4",
 	promo__head: "_promo__head_qzdlk_20",
 	promo__icon: "_promo__icon_qzdlk_21",
@@ -3421,14 +3439,14 @@ var X = {
 	promo__dismiss: "_promo__dismiss_qzdlk_23",
 	promo__desc: "_promo__desc_qzdlk_30",
 	promo__cta: "_promo__cta_qzdlk_33"
-}, ei = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: a, icon: o = ct }) => /* @__PURE__ */ k("div", {
-	className: [Z.promo, Z[`promo--${e}`]].join(" "),
+}, ni = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: a, icon: o = ct }) => /* @__PURE__ */ k("div", {
+	className: [ti.promo, ti[`promo--${e}`]].join(" "),
 	children: [
 		/* @__PURE__ */ k("div", {
-			className: Z.promo__head,
+			className: ti.promo__head,
 			children: [
 				/* @__PURE__ */ O("span", {
-					className: Z.promo__icon,
+					className: ti.promo__icon,
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ O(o, {
 						size: 16,
@@ -3436,12 +3454,12 @@ var X = {
 					})
 				}),
 				/* @__PURE__ */ O("span", {
-					className: Z.promo__title,
+					className: ti.promo__title,
 					children: t
 				}),
 				a && /* @__PURE__ */ O("button", {
 					type: "button",
-					className: Z.promo__dismiss,
+					className: ti.promo__dismiss,
 					onClick: a,
 					"aria-label": "Dismiss",
 					children: /* @__PURE__ */ O(pt, {
@@ -3452,26 +3470,26 @@ var X = {
 			]
 		}),
 		n && /* @__PURE__ */ O("p", {
-			className: Z.promo__desc,
+			className: ti.promo__desc,
 			children: n
 		}),
 		r && /* @__PURE__ */ O("button", {
 			type: "button",
-			className: Z.promo__cta,
+			className: ti.promo__cta,
 			onClick: i,
 			children: r
 		})
 	]
-}), ti = {
+}), Z = {
 	search: "_search_1airw_2",
 	search__icon: "_search__icon_1airw_25",
 	search__input: "_search__input_1airw_26",
 	search__placeholder: "_search__placeholder_1airw_38",
 	search__kbd: "_search__kbd_1airw_39",
 	collapsed: "_collapsed_1airw_53"
-}, ni = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ O("button", {
+}, ri = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ O("button", {
 	type: "button",
-	className: ti.collapsed,
+	className: Z.collapsed,
 	onClick: a,
 	"aria-label": "Search",
 	children: /* @__PURE__ */ O(st, {
@@ -3480,48 +3498,48 @@ var X = {
 	})
 }) : e === "command" ? /* @__PURE__ */ k("button", {
 	type: "button",
-	className: ti.search,
+	className: Z.search,
 	onClick: a,
 	children: [
 		/* @__PURE__ */ O(st, {
 			size: 16,
 			strokeWidth: E(16),
-			className: ti.search__icon
+			className: Z.search__icon
 		}),
 		/* @__PURE__ */ O("span", {
-			className: ti.search__placeholder,
+			className: Z.search__placeholder,
 			children: t
 		}),
 		/* @__PURE__ */ O("kbd", {
-			className: ti.search__kbd,
+			className: Z.search__kbd,
 			children: "⌘K"
 		})
 	]
 }) : /* @__PURE__ */ k("div", {
-	className: ti.search,
+	className: Z.search,
 	children: [/* @__PURE__ */ O(st, {
 		size: 16,
 		strokeWidth: E(16),
-		className: ti.search__icon
+		className: Z.search__icon
 	}), /* @__PURE__ */ O("input", {
-		className: ti.search__input,
+		className: Z.search__input,
 		placeholder: t,
 		value: r,
 		onChange: (e) => i?.(e.target.value)
 	})]
-}), ri = {
+}), ii = {
 	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"
-}, ii = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ O("span", {
+}, ai = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ O("span", {
 	role: "status",
 	"aria-label": t,
 	className: [
-		ri.spinner,
-		ri[`spinner--${e}`],
+		ii.spinner,
+		ii[`spinner--${e}`],
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: /* @__PURE__ */ k("svg", {
@@ -3531,7 +3549,7 @@ var X = {
 		strokeWidth: 2.5,
 		strokeLinecap: "round",
 		"aria-hidden": "true",
-		className: ri.spinner__svg,
+		className: ii.spinner__svg,
 		children: [/* @__PURE__ */ O("circle", {
 			cx: 12,
 			cy: 12,
@@ -3539,7 +3557,7 @@ var X = {
 			opacity: .2
 		}), /* @__PURE__ */ O("path", {
 			d: "M12 3a9 9 0 0 1 9 9",
-			className: ri.spinner__arc
+			className: ii.spinner__arc
 		})]
 	})
 }), Q = {
@@ -3555,19 +3573,19 @@ var X = {
 	"card--trend-up": "_card--trend-up_u5kvg_68",
 	"card--trend-down": "_card--trend-down_u5kvg_69",
 	card__description: "_card__description_u5kvg_72"
-}, ai = {
+}, oi = {
 	up: ut,
 	down: lt,
 	flat: tt
-}, oi = {
+}, si = {
 	up: "success",
 	down: "danger",
 	flat: "neutral"
-}, si = ({ data: e }) => {
+}, ci = ({ data: e }) => {
 	if (e.length < 2) return null;
 	let t = Math.min(...e), n = Math.max(...e) - t || 1;
 	return /* @__PURE__ */ O("svg", {
-		className: ci,
+		className: li,
 		viewBox: "0 0 100 32",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
@@ -3580,8 +3598,8 @@ var X = {
 			strokeLinecap: "round"
 		})
 	});
-}, ci = Q.card__sparkline, li = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: u, className: d }) => {
-	let f = ai[a], p = (s === "icon" || s === "featured") && c;
+}, li = Q.card__sparkline, ui = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: u, className: d }) => {
+	let f = oi[a], p = (s === "icon" || s === "featured") && c;
 	return /* @__PURE__ */ k("div", {
 		className: [
 			Q.card,
@@ -3621,11 +3639,11 @@ var X = {
 				className: Q.card__value,
 				children: t
 			}),
-			r && /* @__PURE__ */ O(si, { data: r }),
+			r && /* @__PURE__ */ O(ci, { data: r }),
 			(i || n) && /* @__PURE__ */ k("div", {
 				className: Q.card__meta,
 				children: [i && /* @__PURE__ */ O(C, {
-					variant: o ?? oi[a],
+					variant: o ?? si[a],
 					leftIcon: /* @__PURE__ */ O(f, {
 						size: 12,
 						strokeWidth: 2
@@ -3659,7 +3677,7 @@ var X = {
 	"connector--horizontal": "_connector--horizontal_kxw14_47",
 	"connector--vertical": "_connector--vertical_kxw14_48",
 	"connector--filled": "_connector--filled_kxw14_49"
-}, ui = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ k("div", {
+}, di = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ k("div", {
 	className: [$.step, $[`step--${i}`]].join(" "),
 	children: [/* @__PURE__ */ O("span", {
 		className: [$.circle, $[`circle--${t}`]].join(" "),
@@ -3685,7 +3703,7 @@ var X = {
 			children: r
 		})]
 	})]
-}), di = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
+}), fi = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
 	let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming";
 	return /* @__PURE__ */ O("div", {
 		className: [
@@ -3693,7 +3711,7 @@ var X = {
 			$[`stepper--${n}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
-		children: e.map((r, a) => /* @__PURE__ */ k(D.Fragment, { children: [/* @__PURE__ */ O(ui, {
+		children: e.map((r, a) => /* @__PURE__ */ k(D.Fragment, { children: [/* @__PURE__ */ O(di, {
 			index: a,
 			state: i(a),
 			label: r.label,
@@ -3708,20 +3726,20 @@ var X = {
 			"aria-hidden": "true"
 		})] }, a))
 	});
-}, fi = {
-	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"
-}, pi = D.forwardRef(({ label: e, disabled: t, id: n, className: r, ...i }, a) => {
+}, pi = {
+	wrapper: "_wrapper_k5grn_3",
+	"wrapper--disabled": "_wrapper--disabled_k5grn_11",
+	input: "_input_k5grn_13",
+	track: "_track_k5grn_15",
+	thumb: "_thumb_k5grn_28",
+	label: "_label_k5grn_55"
+}, mi = D.forwardRef(({ label: e, disabled: t, id: n, className: r, ...i }, a) => {
 	let o = D.useId(), s = n ?? o;
 	return /* @__PURE__ */ k("label", {
 		htmlFor: s,
 		className: [
-			fi.wrapper,
-			t ? fi["wrapper--disabled"] : "",
+			pi.wrapper,
+			t ? pi["wrapper--disabled"] : "",
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: [
@@ -3731,23 +3749,23 @@ var X = {
 				type: "checkbox",
 				role: "switch",
 				disabled: t,
-				className: fi.input,
+				className: pi.input,
 				...i
 			}),
 			/* @__PURE__ */ O("span", {
-				className: fi.track,
+				className: pi.track,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ O("span", { className: fi.thumb })
+				children: /* @__PURE__ */ O("span", { className: pi.thumb })
 			}),
 			e && /* @__PURE__ */ O("span", {
-				className: fi.label,
+				className: pi.label,
 				children: e
 			})
 		]
 	});
 });
-pi.displayName = "Switch";
-var mi = {
+mi.displayName = "Switch";
+var hi = {
 	field: "_field_53t87_6",
 	field__label: "_field__label_53t87_8",
 	field__description: "_field__description_53t87_10",
@@ -3755,14 +3773,14 @@ var mi = {
 	textarea: "_textarea_53t87_13",
 	"textarea--error": "_textarea--error_53t87_37",
 	"textarea--disabled": "_textarea--disabled_53t87_52"
-}, hi = D.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 3, ...s }, c) => {
+}, gi = D.forwardRef(({ label: e, description: t, error: n, disabled: r, id: i, className: a, rows: o = 3, ...s }, c) => {
 	let l = D.useId(), u = i ?? l, d = !!n, f = t || n ? `${u}-desc` : void 0;
 	return /* @__PURE__ */ k("div", {
-		className: [mi.field, a ?? ""].filter(Boolean).join(" "),
+		className: [hi.field, a ?? ""].filter(Boolean).join(" "),
 		children: [
 			e && /* @__PURE__ */ O("label", {
 				htmlFor: u,
-				className: mi.field__label,
+				className: hi.field__label,
 				children: e
 			}),
 			/* @__PURE__ */ O("textarea", {
@@ -3773,22 +3791,22 @@ var mi = {
 				"aria-invalid": d || void 0,
 				"aria-describedby": f,
 				className: [
-					mi.textarea,
-					d ? mi["textarea--error"] : "",
-					r ? mi["textarea--disabled"] : ""
+					hi.textarea,
+					d ? hi["textarea--error"] : "",
+					r ? hi["textarea--disabled"] : ""
 				].filter(Boolean).join(" "),
 				...s
 			}),
 			(t || n) && /* @__PURE__ */ O("span", {
 				id: f,
-				className: d ? mi.field__error : mi.field__description,
+				className: d ? hi.field__error : hi.field__description,
 				children: n || t
 			})
 		]
 	});
 });
-hi.displayName = "Textarea";
-var gi = {
+gi.displayName = "Textarea";
+var _i = {
 	toast: "_toast_8yqwj_3",
 	toast__icon: "_toast__icon_8yqwj_17",
 	"toast--success": "_toast--success_8yqwj_18",
@@ -3798,7 +3816,7 @@ var gi = {
 	toast__title: "_toast__title_8yqwj_23",
 	toast__description: "_toast__description_8yqwj_24",
 	toast__dismiss: "_toast__dismiss_8yqwj_26"
-}, _i = {
+}, vi = {
 	success: /* @__PURE__ */ k(He, { children: [/* @__PURE__ */ O("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ O("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
 	error: /* @__PURE__ */ k(He, { children: [
 		/* @__PURE__ */ O("circle", {
@@ -3838,17 +3856,17 @@ var gi = {
 			y2: "8"
 		})
 	] })
-}, vi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */ k("div", {
+}, yi = ({ status: e = "info", title: t, description: n, onDismiss: r, className: i }) => /* @__PURE__ */ k("div", {
 	role: e === "error" ? "alert" : "status",
 	"aria-live": e === "error" ? "assertive" : "polite",
 	className: [
-		gi.toast,
-		gi[`toast--${e}`],
+		_i.toast,
+		_i[`toast--${e}`],
 		i ?? ""
 	].filter(Boolean).join(" "),
 	children: [
 		/* @__PURE__ */ O("span", {
-			className: gi.toast__icon,
+			className: _i.toast__icon,
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ O("svg", {
 				viewBox: "0 0 24 24",
@@ -3859,22 +3877,22 @@ var gi = {
 				strokeLinejoin: "round",
 				width: 18,
 				height: 18,
-				children: _i[e]
+				children: vi[e]
 			})
 		}),
 		/* @__PURE__ */ k("div", {
-			className: gi.toast__content,
+			className: _i.toast__content,
 			children: [t && /* @__PURE__ */ O("div", {
-				className: gi.toast__title,
+				className: _i.toast__title,
 				children: t
 			}), n && /* @__PURE__ */ O("div", {
-				className: gi.toast__description,
+				className: _i.toast__description,
 				children: n
 			})]
 		}),
 		r && /* @__PURE__ */ O("button", {
 			type: "button",
-			className: gi.toast__dismiss,
+			className: _i.toast__dismiss,
 			onClick: r,
 			"aria-label": "Dismiss",
 			children: /* @__PURE__ */ k("svg", {
@@ -3900,18 +3918,18 @@ var gi = {
 			})
 		})
 	]
-}), yi = {
+}), bi = {
 	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"
-}, bi = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */ k("header", {
-	className: [yi.bar, s ?? ""].filter(Boolean).join(" "),
+}, xi = ({ type: e = "title", title: t, trailing: n, search: r, onMenu: i, onAction: a, onClose: o, className: s }) => /* @__PURE__ */ k("header", {
+	className: [bi.bar, s ?? ""].filter(Boolean).join(" "),
 	children: [
 		/* @__PURE__ */ O("button", {
 			type: "button",
-			className: yi.bar__icon,
+			className: bi.bar__icon,
 			onClick: i,
 			"aria-label": "Open menu",
 			children: /* @__PURE__ */ O(et, {
@@ -3920,15 +3938,15 @@ var gi = {
 			})
 		}),
 		e === "search" ? /* @__PURE__ */ O("div", {
-			className: yi.bar__search,
+			className: bi.bar__search,
 			children: r
 		}) : /* @__PURE__ */ O("span", {
-			className: [yi.bar__title, e === "title-centered" ? yi["bar__title--center"] : ""].join(" "),
+			className: [bi.bar__title, e === "title-centered" ? bi["bar__title--center"] : ""].join(" "),
 			children: t
 		}),
 		e === "title-action" && /* @__PURE__ */ O("button", {
 			type: "button",
-			className: yi.bar__icon,
+			className: bi.bar__icon,
 			onClick: a,
 			"aria-label": "Add",
 			children: /* @__PURE__ */ O(it, {
@@ -3938,7 +3956,7 @@ var gi = {
 		}),
 		e === "search" && /* @__PURE__ */ O("button", {
 			type: "button",
-			className: yi.bar__icon,
+			className: bi.bar__icon,
 			onClick: o,
 			"aria-label": "Close search",
 			children: /* @__PURE__ */ O(pt, {
@@ -3950,4 +3968,4 @@ var gi = {
 	]
 });
 //#endregion
-export { ce as Accordion, de as AccordionItem, oe as ActivityFeed, ye as ActivityFeedHighlight, h as Alert, zt as Announcement, Un as AreaChart, Pe as Avatar, m as AvatarGroup, he as AvatarUpload, C as Badge, Oe as Balance, on as BarChart, gn as BlogBlockquote, vn as BlogFeatureText, bn as BlogImage, l as BlogListingCard, o as BlogListingFeaturedCard, i as BoardCard, Wn as BoardColumn, Ie as Breadcrumb, w as Button, Yn as Calendar, Xn as Card, r as CardMetaItem, u as CartItem, y as ChatComposer, Le as Checkbox, d as CheckoutSteps, Ut as CodeSnippet, S as ColorSwatch, Zn as Combobox, T as ConversationItem, Ee as DEFAULT_CHECKOUT_STEPS, Me as Divider, er as DonutChart, Re as EmptyState, Kt as Expenses, g as FeaturedIcon, tr as FileUpload, Fe as FilterChip, Sn as FirstPageHeading, or as FunnelChart, lr as HeatmapChart, b as HoverGroup, we as IconButton, Yt as InlineHint, re as Input, ge as JobListing, dr as Kbd, pr as Label, _r as LineChart, Ae as Link, wn as List, yr as ListItem, p as LocationDot, Dn as Marquee, xr as Menu, Sr as MenuDivider, wr as MenuItem, fe as MessageBubble, kn as Metric, An as MobileNavigationMenu, le as Modal, e as NotificationItem, pe as Pagination, Mr as PieChart, Nn as PlaceholderLogo, Nr as Popover, x as PriceDisplay, ee as ProductCard, n as ProductGallery, Pn as ProfileCard, Se as Progress, Xt as ProgressItem, _ as ProgressStat, te as QuantitySelector, Ur as RadarChart, Zr as RadialChart, Qr as Radio, Qt as RichSeparator, In as RichTextHeading, Rn as RichTextParagraph, t as SectionHeading, be as SegmentedControl, Te as Select, ue as Sidebar, se as SidebarDivider, $r as SidebarFooter, Ne as SidebarGroupLabel, ve as SidebarHeader, ae as SidebarItem, ei as SidebarPromo, ni as SidebarSearch, ke as SidebarSubItem, ze as SizeSelector, Ce as Skeleton, ie as Slider, ne as SpendingBalance, ii as Spinner, v as StarRating, li as StatCard, di as Stepper, ui as StepperStep, cn as StockMarket, f as StockStatus, Bn as SubFeature, pi as Switch, me as Table, De as Tabs, un as Tags, _e as TeamCard, hi as Textarea, pn as Ticker, vi as Toast, xe as Tooltip, je as TopBar, bi as TopBarMobile, hn as Transactions, c as WishlistButton, s as getContrastColor, E as iconStrokeWidth, a as useHoverHighlight };
+export { ce as Accordion, de as AccordionItem, oe as ActivityFeed, ye as ActivityFeedHighlight, h as Alert, zt as Announcement, Wn as AreaChart, Pe as Avatar, m as AvatarGroup, he as AvatarUpload, C as Badge, Oe as Balance, on as BarChart, _n as BlogBlockquote, yn as BlogFeatureText, xn as BlogImage, l as BlogListingCard, o as BlogListingFeaturedCard, i as BoardCard, Gn as BoardColumn, Ie as Breadcrumb, w as Button, Xn as Calendar, Zn as Card, r as CardMetaItem, u as CartItem, y as ChatComposer, Le as Checkbox, d as CheckoutSteps, Ut as CodeSnippet, S as ColorSwatch, Qn as Combobox, T as ConversationItem, Ee as DEFAULT_CHECKOUT_STEPS, Me as Divider, tr as DonutChart, Re as EmptyState, Kt as Expenses, g as FeaturedIcon, nr as FileUpload, Fe as FilterChip, Cn as FirstPageHeading, sr as FunnelChart, ur as HeatmapChart, b as HoverGroup, we as IconButton, Yt as InlineHint, re as Input, ge as JobListing, fr as Kbd, mr as Label, vr as LineChart, Ae as Link, Tn as List, br as ListItem, p as LocationDot, On as Marquee, Sr as Menu, Cr as MenuDivider, Tr as MenuItem, fe as MessageBubble, An as Metric, jn as MobileNavigationMenu, le as Modal, e as NotificationItem, pe as Pagination, Nr as PieChart, Pn as PlaceholderLogo, Pr as Popover, x as PriceDisplay, ee as ProductCard, n as ProductGallery, Fn as ProfileCard, Se as Progress, Xt as ProgressItem, _ as ProgressStat, te as QuantitySelector, Wr as RadarChart, Qr as RadialChart, $r as Radio, Qt as RichSeparator, Ln as RichTextHeading, zn as RichTextParagraph, t as SectionHeading, be as SegmentedControl, Te as Select, ue as Sidebar, se as SidebarDivider, ei as SidebarFooter, Ne as SidebarGroupLabel, ve as SidebarHeader, ae as SidebarItem, ni as SidebarPromo, ri as SidebarSearch, ke as SidebarSubItem, ze as SizeSelector, Ce as Skeleton, ie as Slider, ne as SpendingBalance, ai as Spinner, v as StarRating, ui as StatCard, fi as Stepper, di as StepperStep, cn as StockMarket, f as StockStatus, Vn as SubFeature, mi as Switch, me as Table, De as Tabs, dn as Tags, _e as TeamCard, gi as Textarea, mn as Ticker, yi as Toast, xe as Tooltip, je as TopBar, xi as TopBarMobile, gn as Transactions, c as WishlistButton, s as getContrastColor, E as iconStrokeWidth, a as useHoverHighlight };