@sakaniui/react 0.12.0 → 0.13.0

package/dist/{TopBar-DRGud3JP.js → TopBar-BcXAB1mf.js}

@@ -1,4 +1,4 @@
-import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, T as f, _ as p, a as m, b as h, d as g, f as _, h as v, i as y, j as b, k as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as ee, u as te, v as ne, w as re, y as ie } from "./help-circle-BufsknPE.js";
+import { A as e, B as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, a as m, b as h, d as g, f as _, h as v, i as y, j as b, k as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as ee, u as te, x as ne, y as re, z as ie } from "./help-circle-qEEVeIea.js";
 import k, { useEffect as ae, useState as oe } from "react";
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
 import { Bar as se, BarChart as ce, CartesianGrid as le, Cell as ue, Legend as de, Line as fe, LineChart as pe, Pie as me, PieChart as he, PolarAngleAxis as ge, RadialBar as _e, RadialBarChart as ve, Rectangle as ye, ResponsiveContainer as be, Tooltip as xe, XAxis as Se, YAxis as Ce } from "recharts";
@@ -348,17 +348,17 @@ var Ue = {
 	hint: "_hint_3mj75_79",
 	link: "_link_3mj75_88",
 	input: "_input_3mj75_92"
-}, We = ({ src: e, alt: t, orientation: n = "vertical", accept: r = "image/jpeg,image/png", title: a = "Upload a photo", hint: o = "JPG or PNG, max 5MB.", onFileSelect: s, onRemove: c, className: l }) => {
+}, We = ({ src: e, alt: t, orientation: n = "vertical", accept: r = "image/jpeg,image/png", title: i = "Upload a photo", hint: a = "JPG or PNG, max 5MB.", onFileSelect: s, onRemove: c, className: l }) => {
 	let u = k.useRef(null), d = e !== void 0, [f, p] = k.useState(void 0), m = d ? e : f, h = n === "horizontal", g = !!m, _ = () => u.current?.click(), v = () => {
 		c?.(), d || p(void 0);
 	}, y = /* @__PURE__ */ M("div", {
 		className: [Ue.textStack, h ? "" : Ue["textStack--center"]].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ j("p", {
 			className: Ue.title,
-			children: a
+			children: i
 		}), /* @__PURE__ */ j("p", {
 			className: Ue.hint,
-			children: o
+			children: a
 		})]
 	});
 	return /* @__PURE__ */ M("div", {
@@ -380,7 +380,7 @@ var Ue = {
 					className: Ue.badge,
 					onClick: _,
 					"aria-label": "Change photo",
-					children: /* @__PURE__ */ j(i, {
+					children: /* @__PURE__ */ j(o, {
 						size: 16,
 						strokeWidth: N(16)
 					})
@@ -495,21 +495,21 @@ var I = {
 			})
 		})
 	});
-}, $e = ({ label: e = "Available balance", value: t, change: n, progress: r, hidden: i, onToggleHidden: a, className: o }) => {
-	let l = i !== void 0, [d, f] = k.useState(!1), p = l ? i : d, m = r !== void 0, h = n?.direction ?? "up", g = h === "up" ? s : b, _ = () => {
-		let e = !p;
-		a?.(e), l || f(e);
-	}, [v, y] = k.useState(!1), [x, S] = k.useState(0), C = k.useRef(!1);
+}, $e = ({ label: e = "Available balance", value: t, change: n, progress: r, hidden: o, onToggleHidden: s, className: l }) => {
+	let d = o !== void 0, [f, p] = k.useState(!1), m = d ? o : f, h = r !== void 0, g = n?.direction ?? "up", _ = g === "up" ? u : c, v = () => {
+		let e = !m;
+		s?.(e), d || p(e);
+	}, [y, b] = k.useState(!1), [x, S] = k.useState(0), C = k.useRef(!1);
 	k.useEffect(() => {
-		if (p && !C.current) {
-			y(!0);
+		if (m && !C.current) {
+			b(!0);
 			let e = 0, t = setInterval(() => {
-				e += 1, S((e) => e + 1), e >= Je && (clearInterval(t), y(!1));
+				e += 1, S((e) => e + 1), e >= Je && (clearInterval(t), b(!1));
 			}, Ye);
 			return C.current = !0, () => clearInterval(t);
 		}
-		C.current = p;
-	}, [p]);
+		C.current = m;
+	}, [m]);
 	let w = k.useMemo(() => Xe(t.length), [t, x]), T = k.useMemo(() => n ? Xe(n.value.length) : "", [n?.value, x]), E = /* @__PURE__ */ M("div", {
 		className: I.content,
 		children: [
@@ -521,9 +521,9 @@ var I = {
 				}), /* @__PURE__ */ j("button", {
 					type: "button",
 					className: I.hideToggle,
-					"aria-label": p ? "Show balance" : "Hide balance",
-					onClick: _,
-					children: j(p ? c : u, {
+					"aria-label": m ? "Show balance" : "Hide balance",
+					onClick: v,
+					children: j(m ? i : a, {
 						size: 16,
 						strokeWidth: N(16)
 					})
@@ -532,22 +532,22 @@ var I = {
 			/* @__PURE__ */ j("p", {
 				className: [
 					I.value,
-					p ? I["value--hidden"] : "",
-					v ? I["value--glitching"] : ""
+					m ? I["value--hidden"] : "",
+					y ? I["value--glitching"] : ""
 				].filter(Boolean).join(" "),
-				children: p ? w : t
+				children: m ? w : t
 			}),
 			n && /* @__PURE__ */ M("div", {
 				className: I.changeRow,
 				children: [
-					/* @__PURE__ */ j(g, {
+					/* @__PURE__ */ j(_, {
 						size: 24,
 						strokeWidth: 1.5,
-						className: h === "up" ? I.trendIcon__up : I.trendIcon__down
+						className: g === "up" ? I.trendIcon__up : I.trendIcon__down
 					}),
 					/* @__PURE__ */ j("span", {
-						className: [h === "up" ? I.changeValue__up : I.changeValue__down, v ? I["value--glitching"] : ""].filter(Boolean).join(" "),
-						children: p ? T : n.value
+						className: [g === "up" ? I.changeValue__up : I.changeValue__down, y ? I["value--glitching"] : ""].filter(Boolean).join(" "),
+						children: m ? T : n.value
 					}),
 					/* @__PURE__ */ j("span", {
 						className: I.changeLabel,
@@ -560,10 +560,10 @@ var I = {
 	return /* @__PURE__ */ M("div", {
 		className: [
 			I.balance,
-			m ? I["balance--progress"] : "",
-			o ?? ""
+			h ? I["balance--progress"] : "",
+			l ?? ""
 		].filter(Boolean).join(" "),
-		children: [m && /* @__PURE__ */ j(Qe, { progress: r }), E]
+		children: [h && /* @__PURE__ */ j(Qe, { progress: r }), E]
 	});
 }, et = {
 	progress: "_progress_1qaz4_11",
@@ -1147,26 +1147,26 @@ var Et = (e = "regular", t = "auto") => [
 	"sakani-modal-card-in": "_sakani-modal-card-in_13dud_1",
 	"card--exiting": "_card--exiting_13dud_115",
 	"sakani-modal-card-out": "_sakani-modal-card-out_13dud_1"
-}, kt = ({ open: e, onClose: t, title: n, description: r, variant: i = "default", icon: s, cancelLabel: c = "Cancel", confirmLabel: l, onCancel: u, onConfirm: d, confirmLoading: f, closeOnEscape: p = !0, closeOnBackdropClick: m = !0, children: h, hideHeader: g = !1, hideFooterDivider: _ = !1, footerJustify: v = "end", className: y }) => {
-	let b = i === "destructive", x = k.useRef(null), S = k.useRef(null), C = k.useRef(null), w = rt(C, e), T = it(C, e), E = T === "liquid", D = Ct(x, {
-		enabled: E,
+}, kt = ({ open: e, onClose: t, title: n, description: r, variant: i = "default", icon: a, cancelLabel: o = "Cancel", confirmLabel: s, onCancel: c, onConfirm: l, confirmLoading: u, closeOnEscape: f = !0, closeOnBackdropClick: p = !0, children: m, hideHeader: h = !1, hideFooterDivider: g = !1, footerJustify: _ = "end", className: v }) => {
+	let y = i === "destructive", b = k.useRef(null), x = k.useRef(null), S = k.useRef(null), C = rt(S, e), w = it(S, e), T = w === "liquid", E = Ct(b, {
+		enabled: T,
 		source: !1
-	}), [O, ee] = k.useState(!1);
+	}), [D, O] = k.useState(!1);
 	k.useEffect(() => {
-		e && ee(!0);
+		e && O(!0);
 	}, [e]), k.useEffect(() => {
-		if (e || !O) return;
-		let t = setTimeout(() => ee(!1), 240);
+		if (e || !D) return;
+		let t = setTimeout(() => O(!1), 240);
 		return () => clearTimeout(t);
-	}, [e, O]), k.useEffect(() => {
+	}, [e, D]), k.useEffect(() => {
 		if (!e) return;
 		let n = (e) => {
-			if (p && e.key === "Escape") {
+			if (f && e.key === "Escape") {
 				t();
 				return;
 			}
-			if (e.key !== "Tab" || !x.current) return;
-			let n = x.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+			if (e.key !== "Tab" || !b.current) return;
+			let n = b.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
 			if (n.length === 0) return;
 			let r = n[0], i = n[n.length - 1];
 			e.shiftKey && document.activeElement === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), r.focus());
@@ -1174,58 +1174,58 @@ var Et = (e = "regular", t = "auto") => [
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
 	}, [
 		e,
-		p,
+		f,
 		t
 	]), k.useEffect(() => {
 		if (!e) return;
-		S.current = document.activeElement;
+		x.current = document.activeElement;
 		let t = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", x.current?.focus(), () => {
-			document.body.style.overflow = t, S.current?.focus();
+		return document.body.style.overflow = "hidden", b.current?.focus(), () => {
+			document.body.style.overflow = t, x.current?.focus();
 		};
 	}, [e]);
-	let te = () => (u ?? t)();
+	let ee = () => (c ?? t)();
 	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
-		ref: C,
+		ref: S,
 		style: { display: "none" },
 		"aria-hidden": "true"
-	}), O && Te(/* @__PURE__ */ j("div", {
+	}), D && Te(/* @__PURE__ */ j("div", {
 		className: [
 			R.backdrop,
-			w,
+			C,
 			e ? R["backdrop--entering"] : R["backdrop--exiting"]
 		].filter(Boolean).join(" "),
-		"data-surface": T,
+		"data-surface": w,
 		onMouseDown: (e) => {
-			m && e.target === e.currentTarget && t();
+			p && e.target === e.currentTarget && t();
 		},
 		children: /* @__PURE__ */ M("div", {
-			ref: x,
+			ref: b,
 			role: "alertdialog",
 			"aria-modal": "true",
-			"aria-labelledby": g ? void 0 : "modal-title",
-			"aria-label": g ? n : void 0,
+			"aria-labelledby": h ? void 0 : "modal-title",
+			"aria-label": h ? n : void 0,
 			tabIndex: -1,
 			className: [
 				R.card,
-				E ? Et("regular") : "",
+				T ? Et("regular") : "",
 				e ? R["card--entering"] : R["card--exiting"],
-				y ?? ""
+				v ?? ""
 			].filter(Boolean).join(" "),
-			...E ? D.props : {},
+			...T ? E.props : {},
 			onAnimationEnd: (t) => {
-				t.target === t.currentTarget && !e && ee(!1);
+				t.target === t.currentTarget && !e && O(!1);
 			},
 			children: [
-				E && D.filter,
-				!g && /* @__PURE__ */ M("div", {
+				T && E.filter,
+				!h && /* @__PURE__ */ M("div", {
 					className: R.header,
 					children: [/* @__PURE__ */ M("div", {
 						className: R.titleGroup,
-						children: [b && /* @__PURE__ */ j("span", {
+						children: [y && /* @__PURE__ */ j("span", {
 							className: R.iconWrap,
 							"aria-hidden": "true",
-							children: s ?? /* @__PURE__ */ j(o, {
+							children: a ?? /* @__PURE__ */ j(ie, {
 								size: 24,
 								strokeWidth: N(24),
 								className: R.icon
@@ -1236,7 +1236,7 @@ var Et = (e = "regular", t = "auto") => [
 							children: n
 						})]
 					}), /* @__PURE__ */ j(Ve, {
-						icon: a,
+						icon: d,
 						variant: "ghost",
 						size: "lg",
 						"aria-label": "Close",
@@ -1247,20 +1247,20 @@ var Et = (e = "regular", t = "auto") => [
 					className: R.description,
 					children: r
 				}),
-				h,
-				!_ && /* @__PURE__ */ j(Ot, {}),
+				m,
+				!g && /* @__PURE__ */ j(Ot, {}),
 				/* @__PURE__ */ M("div", {
-					className: [R.footer, v === "between" ? R["footer--between"] : ""].filter(Boolean).join(" "),
+					className: [R.footer, _ === "between" ? R["footer--between"] : ""].filter(Boolean).join(" "),
 					children: [/* @__PURE__ */ j(F, {
 						variant: "secondary",
-						onClick: te,
+						onClick: ee,
 						style: { borderColor: "transparent" },
-						children: c
+						children: o
 					}), /* @__PURE__ */ j(F, {
-						variant: b ? "destructive" : "primary",
-						onClick: d,
-						loading: f,
-						children: l ?? (b ? "Delete" : "Confirm")
+						variant: y ? "destructive" : "primary",
+						onClick: l,
+						loading: u,
+						children: s ?? (y ? "Delete" : "Confirm")
 					})]
 				})
 			]
@@ -1280,13 +1280,13 @@ var Et = (e = "regular", t = "auto") => [
 	cardTop: "_cardTop_88l3n_87",
 	description: "_description_88l3n_94",
 	actions: "_actions_88l3n_102"
-}, At = ({ icon: e, title: t, timestamp: n, read: r = !1, description: i, onDismiss: o, dismissLabel: s = "Dismiss", actionLabel: c, onAction: l, className: u }) => {
-	let d = i !== void 0, f = !r && !d, p = e ?? /* @__PURE__ */ j(x, {
+}, At = ({ icon: e, title: t, timestamp: n, read: r = !1, description: i, onDismiss: a, dismissLabel: o = "Dismiss", actionLabel: s, onAction: c, className: l }) => {
+	let u = i !== void 0, f = !r && !u, p = e ?? /* @__PURE__ */ j(b, {
 		size: 24,
 		strokeWidth: N(24)
 	});
-	return d ? /* @__PURE__ */ M("div", {
-		className: [z.card, u ?? ""].filter(Boolean).join(" "),
+	return u ? /* @__PURE__ */ M("div", {
+		className: [z.card, l ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ M("div", {
 			className: z.cardTop,
 			children: [
@@ -1305,27 +1305,27 @@ var Et = (e = "regular", t = "auto") => [
 						children: i
 					})]
 				}),
-				o && /* @__PURE__ */ j(Ve, {
-					icon: a,
+				a && /* @__PURE__ */ j(Ve, {
+					icon: d,
 					variant: "ghost",
 					size: "sm",
 					"aria-label": "Close",
-					onClick: o
+					onClick: a
 				})
 			]
 		}), /* @__PURE__ */ M("div", {
 			className: z.actions,
-			children: [o && /* @__PURE__ */ j(F, {
+			children: [a && /* @__PURE__ */ j(F, {
 				variant: "ghost",
 				size: "sm",
-				onClick: o,
-				children: s
-			}), c && /* @__PURE__ */ j(F, {
+				onClick: a,
+				children: o
+			}), s && /* @__PURE__ */ j(F, {
 				variant: "secondary",
 				size: "sm",
-				onClick: l,
+				onClick: c,
 				style: { borderColor: "transparent" },
-				children: c
+				children: s
 			})]
 		})]
 	}) : /* @__PURE__ */ M("div", {
@@ -1775,23 +1775,23 @@ var Lt = [
 			children: e
 		}, `in-${e}`)]
 	});
-}, qt = ({ quantity: e, onQuantityChange: t, min: i = 1, max: a, label: o = "Quantity", className: s }) => {
-	let c = e > i, l = a === void 0 || e < a, u = k.useRef(null), [d, f] = k.useState(!1), [p, m] = k.useState(String(e)), h = (e) => {
+}, qt = ({ quantity: e, onQuantityChange: t, min: n = 1, max: r, label: i = "Quantity", className: a }) => {
+	let o = e > n, s = r === void 0 || e < r, c = k.useRef(null), [u, d] = k.useState(!1), [f, p] = k.useState(String(e)), m = (e) => {
 		let t = e;
-		return i !== void 0 && (t = Math.max(i, t)), a !== void 0 && (t = Math.min(a, t)), t;
+		return n !== void 0 && (t = Math.max(n, t)), r !== void 0 && (t = Math.min(r, t)), t;
 	};
 	return /* @__PURE__ */ M("div", {
-		className: [V.stepper, s ?? ""].filter(Boolean).join(" "),
+		className: [V.stepper, a ?? ""].filter(Boolean).join(" "),
 		role: "group",
-		"aria-label": o,
+		"aria-label": i,
 		children: [
 			/* @__PURE__ */ j("button", {
 				type: "button",
 				className: V.stepBtn,
-				disabled: !c,
-				onClick: () => t?.(Math.max(i, e - 1)),
+				disabled: !o,
+				onClick: () => t?.(Math.max(n, e - 1)),
 				"aria-label": "Decrease quantity",
-				children: /* @__PURE__ */ j(n, {
+				children: /* @__PURE__ */ j(x, {
 					size: 14,
 					strokeWidth: N(14)
 				})
@@ -1803,30 +1803,30 @@ var Lt = [
 			/* @__PURE__ */ M("span", {
 				className: V.stepValue,
 				children: [/* @__PURE__ */ j("input", {
-					ref: u,
+					ref: c,
 					type: "text",
 					inputMode: "numeric",
-					size: Math.max((d ? p : String(e)).length, 1),
-					className: [V.stepInput, d ? "" : V.stepInputResting].filter(Boolean).join(" "),
-					value: d ? p : String(e),
-					"aria-label": o,
+					size: Math.max((u ? f : String(e)).length, 1),
+					className: [V.stepInput, u ? "" : V.stepInputResting].filter(Boolean).join(" "),
+					value: u ? f : String(e),
+					"aria-label": i,
 					onFocus: (t) => {
-						m(String(e)), f(!0), t.target.select();
+						p(String(e)), d(!0), t.target.select();
 					},
-					onChange: (e) => m(e.target.value.replace(/\D/g, "")),
+					onChange: (e) => p(e.target.value.replace(/\D/g, "")),
 					onBlur: () => {
-						f(!1);
-						let n = Number.parseInt(p, 10);
+						d(!1);
+						let n = Number.parseInt(f, 10);
 						if (!Number.isNaN(n)) {
-							let r = h(n);
+							let r = m(n);
 							r !== e && t?.(r);
 						}
 					},
 					onKeyDown: (t) => {
-						t.key === "Enter" && (t.preventDefault(), u.current?.blur()), t.key === "Escape" && (m(String(e)), u.current?.blur());
+						t.key === "Enter" && (t.preventDefault(), c.current?.blur()), t.key === "Escape" && (p(String(e)), c.current?.blur());
 					}
 				}), /* @__PURE__ */ j("span", {
-					className: [V.rollOverlay, d ? V.rollOverlayHidden : ""].filter(Boolean).join(" "),
+					className: [V.rollOverlay, u ? V.rollOverlayHidden : ""].filter(Boolean).join(" "),
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ j(Kt, { value: e })
 				})]
@@ -1838,10 +1838,10 @@ var Lt = [
 			/* @__PURE__ */ j("button", {
 				type: "button",
 				className: V.stepBtn,
-				disabled: !l,
-				onClick: () => t?.(a === void 0 ? e + 1 : Math.min(a, e + 1)),
+				disabled: !s,
+				onClick: () => t?.(r === void 0 ? e + 1 : Math.min(r, e + 1)),
 				"aria-label": "Increase quantity",
-				children: /* @__PURE__ */ j(r, {
+				children: /* @__PURE__ */ j(l, {
 					size: 14,
 					strokeWidth: N(14)
 				})
@@ -1862,14 +1862,14 @@ var Lt = [
 }, Yt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), Xt = ({ image: e, imageAlt: t, name: r, variant: i, price: a, compareAtPrice: o, quantity: s, onQuantityChange: c, minQuantity: l = 1, maxQuantity: u, onRemove: d, removeLabel: f = "Remove item", formatPrice: p = Yt, className: m }) => {
-	let h = o !== void 0;
+}), Xt = ({ image: e, imageAlt: t, name: n, variant: r, price: i, compareAtPrice: a, quantity: o, onQuantityChange: s, minQuantity: c = 1, maxQuantity: l, onRemove: u, removeLabel: d = "Remove item", formatPrice: f = Yt, className: p }) => {
+	let m = a !== void 0;
 	return /* @__PURE__ */ M("div", {
-		className: [Jt.item, m ?? ""].filter(Boolean).join(" "),
+		className: [Jt.item, p ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("img", {
 				src: e,
-				alt: t ?? r,
+				alt: t ?? n,
 				className: Jt.thumb
 			}),
 			/* @__PURE__ */ M("div", {
@@ -1877,41 +1877,41 @@ var Lt = [
 				children: [
 					/* @__PURE__ */ j("p", {
 						className: Jt.name,
-						children: r
+						children: n
 					}),
-					i && /* @__PURE__ */ j("p", {
+					r && /* @__PURE__ */ j("p", {
 						className: Jt.variant,
-						children: i
+						children: r
 					}),
 					/* @__PURE__ */ j(qt, {
-						quantity: s,
-						onQuantityChange: c,
-						min: l,
-						max: u,
-						label: `Quantity for ${r}`
+						quantity: o,
+						onQuantityChange: s,
+						min: c,
+						max: l,
+						label: `Quantity for ${n}`
 					})
 				]
 			}),
 			/* @__PURE__ */ M("div", {
 				className: Jt.right,
-				children: [h ? /* @__PURE__ */ M("div", {
+				children: [m ? /* @__PURE__ */ M("div", {
 					className: Jt.priceRow,
 					children: [/* @__PURE__ */ j("span", {
 						className: Jt.priceOriginal,
-						children: p(o)
+						children: f(a)
 					}), /* @__PURE__ */ j("span", {
 						className: Jt.priceSale,
-						children: p(a)
+						children: f(i)
 					})]
 				}) : /* @__PURE__ */ j("p", {
 					className: Jt.price,
-					children: p(a)
+					children: f(i)
 				}), /* @__PURE__ */ j(Ve, {
-					icon: n,
+					icon: x,
 					variant: "outline",
 					size: "sm",
-					"aria-label": f,
-					onClick: d
+					"aria-label": d,
+					onClick: u
 				})]
 			})
 		]
@@ -1932,39 +1932,39 @@ var Lt = [
 	"Shipping",
 	"Payment",
 	"Confirmation"
-], $t = ({ steps: t = Qt, currentStep: n, className: r }) => /* @__PURE__ */ j("div", {
-	className: [Zt.steps, r ?? ""].filter(Boolean).join(" "),
+], $t = ({ steps: e = Qt, currentStep: t, className: n }) => /* @__PURE__ */ j("div", {
+	className: [Zt.steps, n ?? ""].filter(Boolean).join(" "),
 	role: "list",
-	children: t.map((r, i) => {
-		let a = i < n ? "completed" : i === n ? "active" : "upcoming", o = i === t.length - 1;
+	children: e.map((n, r) => {
+		let i = r < t ? "completed" : r === t ? "active" : "upcoming", a = r === e.length - 1;
 		return /* @__PURE__ */ M(k.Fragment, { children: [/* @__PURE__ */ M("div", {
 			className: Zt.step,
 			role: "listitem",
-			"aria-current": a === "active" ? "step" : void 0,
+			"aria-current": i === "active" ? "step" : void 0,
 			children: [/* @__PURE__ */ j("span", {
 				className: [
 					Zt.circle,
-					a === "completed" ? Zt.circleCompleted : "",
-					a === "active" ? Zt.circleActive : "",
-					a === "upcoming" ? Zt.circleUpcoming : ""
+					i === "completed" ? Zt.circleCompleted : "",
+					i === "active" ? Zt.circleActive : "",
+					i === "upcoming" ? Zt.circleUpcoming : ""
 				].filter(Boolean).join(" "),
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ j(e, {
+				children: /* @__PURE__ */ j(s, {
 					size: 14,
 					strokeWidth: N(14)
 				})
 			}), /* @__PURE__ */ j("span", {
 				className: [
 					Zt.label,
-					a === "active" ? Zt.labelActive : "",
-					a === "upcoming" ? Zt.labelUpcoming : ""
+					i === "active" ? Zt.labelActive : "",
+					i === "upcoming" ? Zt.labelUpcoming : ""
 				].filter(Boolean).join(" "),
-				children: r
+				children: n
 			})]
-		}), !o && /* @__PURE__ */ j("span", {
+		}), !a && /* @__PURE__ */ j("span", {
 			className: Zt.connector,
 			"aria-hidden": "true"
-		})] }, r);
+		})] }, n);
 	})
 }), en = "#fafaf9", tn = "#141414", nn = (e, t, n) => {
 	let r = (e) => {
@@ -2011,35 +2011,35 @@ var Lt = [
 	ring: "_ring_1ykgu_41",
 	check: "_check_1ykgu_57",
 	strike: "_strike_1ykgu_70"
-}, un = ({ color: t, label: n, selected: r = !1, available: i = !0, onSelect: a, className: o }) => {
-	let s = k.useMemo(() => cn(t), [t]);
+}, un = ({ color: e, label: t, selected: n = !1, available: r = !0, onSelect: i, className: a }) => {
+	let o = k.useMemo(() => cn(e), [e]);
 	return /* @__PURE__ */ M("button", {
 		type: "button",
-		className: [ln.swatch, o ?? ""].filter(Boolean).join(" "),
-		style: { "--swatch-color": t },
-		disabled: !i,
-		"aria-pressed": i ? r : void 0,
-		"aria-label": i ? n : `${n} (out of stock)`,
-		onClick: a,
+		className: [ln.swatch, a ?? ""].filter(Boolean).join(" "),
+		style: { "--swatch-color": e },
+		disabled: !r,
+		"aria-pressed": r ? n : void 0,
+		"aria-label": r ? t : `${t} (out of stock)`,
+		onClick: i,
 		children: [
-			r && i && /* @__PURE__ */ j("span", {
+			n && r && /* @__PURE__ */ j("span", {
 				className: ln.ring,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ j("span", {
-				className: [ln.circle, i ? "" : ln.circleUnavailable].filter(Boolean).join(" "),
+				className: [ln.circle, r ? "" : ln.circleUnavailable].filter(Boolean).join(" "),
 				"aria-hidden": "true"
 			}),
-			r && i && /* @__PURE__ */ j(e, {
+			n && r && /* @__PURE__ */ j(s, {
 				size: 14,
 				strokeWidth: N(14),
 				className: ln.check,
-				style: { color: s },
+				style: { color: o },
 				"aria-hidden": "true"
 			}),
-			!i && /* @__PURE__ */ j("span", {
+			!r && /* @__PURE__ */ j("span", {
 				className: ln.strike,
-				style: { background: s },
+				style: { background: o },
 				"aria-hidden": "true"
 			})
 		]
@@ -2082,22 +2082,22 @@ var Lt = [
 	iconSaved: "_iconSaved_58k4v_27",
 	bounce: "_bounce_58k4v_40",
 	"wishlist-bounce": "_wishlist-bounce_58k4v_1"
-}, hn = ({ saved: e = !1, onToggle: t, label: n = "item", className: r }) => {
-	let [i, a] = k.useState(!1);
+}, hn = ({ saved: e = !1, onToggle: t, label: n = "item", className: i }) => {
+	let [a, o] = k.useState(!1);
 	return /* @__PURE__ */ j("button", {
 		type: "button",
-		className: [mn.button, r ?? ""].filter(Boolean).join(" "),
+		className: [mn.button, i ?? ""].filter(Boolean).join(" "),
 		"aria-pressed": e,
 		"aria-label": e ? `Remove ${n} from wishlist` : `Add ${n} to wishlist`,
 		onClick: () => {
-			e || a(!0), t?.(!e);
+			e || o(!0), t?.(!e);
 		},
-		children: /* @__PURE__ */ j(re, {
+		children: /* @__PURE__ */ j(r, {
 			size: 16,
 			strokeWidth: N(16),
-			className: [e ? mn.iconSaved : mn.icon, i ? mn.bounce : ""].filter(Boolean).join(" "),
+			className: [e ? mn.iconSaved : mn.icon, a ? mn.bounce : ""].filter(Boolean).join(" "),
 			fill: e ? "currentColor" : "none",
-			onAnimationEnd: () => a(!1)
+			onAnimationEnd: () => o(!1)
 		})
 	});
 }, H = {
@@ -2123,8 +2123,8 @@ var Lt = [
 }, gn = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), _n = ({ image: e, imageAlt: t, name: n, description: r, price: i, compareAtPrice: a, rating: o, reviewCount: s, colors: c = [], onColorSelect: l, inStock: u = !0, wishlisted: d = !1, onWishlistToggle: p, onAddItem: m, addItemLabel: h = "Add Item", formatPrice: g = gn, className: _ }) => {
-	let v = a !== void 0, y = v ? Math.ceil((1 - i / a) * 100) : 0, b = o === void 0 ? 0 : Math.round(o);
+}), _n = ({ image: e, imageAlt: t, name: r, description: i, price: a, compareAtPrice: o, rating: s, reviewCount: c, colors: l = [], onColorSelect: u, inStock: d = !0, wishlisted: f = !1, onWishlistToggle: p, onAddItem: m, addItemLabel: h = "Add Item", formatPrice: g = gn, className: _ }) => {
+	let v = o !== void 0, y = v ? Math.ceil((1 - a / o) * 100) : 0, b = s === void 0 ? 0 : Math.round(s);
 	return /* @__PURE__ */ M("div", {
 		className: [H.card, _ ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ M("div", {
@@ -2132,10 +2132,10 @@ var Lt = [
 			children: [
 				/* @__PURE__ */ j("img", {
 					src: e,
-					alt: t ?? n,
-					className: [H.image, u ? "" : H.imageDimmed].filter(Boolean).join(" ")
+					alt: t ?? r,
+					className: [H.image, d ? "" : H.imageDimmed].filter(Boolean).join(" ")
 				}),
-				v && u && /* @__PURE__ */ M(Gt, {
+				v && d && /* @__PURE__ */ M(Gt, {
 					variant: "danger",
 					emphasis: "solid",
 					className: H.saleBadge,
@@ -2145,13 +2145,13 @@ var Lt = [
 						"%"
 					]
 				}),
-				u && /* @__PURE__ */ j(hn, {
-					saved: d,
-					label: n,
+				d && /* @__PURE__ */ j(hn, {
+					saved: f,
+					label: r,
 					className: H.wishlistBtn,
 					onToggle: p
 				}),
-				!u && /* @__PURE__ */ j("span", {
+				!d && /* @__PURE__ */ j("span", {
 					className: H.outOfStockLabel,
 					children: "Out of stock"
 				})
@@ -2159,11 +2159,11 @@ var Lt = [
 		}), /* @__PURE__ */ M("div", {
 			className: H.body,
 			children: [
-				o !== void 0 && /* @__PURE__ */ j("div", {
+				s !== void 0 && /* @__PURE__ */ j("div", {
 					className: H.rating,
 					role: "img",
-					"aria-label": `Rated ${o} out of 5${s ? ` (${s} reviews)` : ""}`,
-					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ j(f, {
+					"aria-label": `Rated ${s} out of 5${c ? ` (${c} reviews)` : ""}`,
+					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ j(n, {
 						size: 16,
 						strokeWidth: N(16),
 						className: t < b ? H.starFilled : H.starEmpty,
@@ -2174,38 +2174,38 @@ var Lt = [
 					className: H.titleRow,
 					children: [/* @__PURE__ */ j("p", {
 						className: H.name,
-						children: n
+						children: r
 					}), /* @__PURE__ */ M("div", {
 						className: H.priceRow,
 						children: [v && /* @__PURE__ */ j("span", {
 							className: H.priceOriginal,
-							children: g(a)
+							children: g(o)
 						}), /* @__PURE__ */ j("span", {
 							className: H.price,
-							children: g(i)
+							children: g(a)
 						})]
 					})]
 				}),
-				r && /* @__PURE__ */ j("p", {
+				i && /* @__PURE__ */ j("p", {
 					className: H.description,
-					children: r
+					children: i
 				}),
-				c.length > 0 && /* @__PURE__ */ j("div", {
+				l.length > 0 && /* @__PURE__ */ j("div", {
 					className: H.swatches,
 					role: "group",
 					"aria-label": "Color",
-					children: c.map((e) => /* @__PURE__ */ j(un, {
+					children: l.map((e) => /* @__PURE__ */ j(un, {
 						...e,
-						onSelect: () => l?.(e.id ?? e.label)
+						onSelect: () => u?.(e.id ?? e.label)
 					}, e.id ?? e.label))
 				}),
 				/* @__PURE__ */ j(F, {
 					variant: "primary",
 					size: "md",
-					disabled: !u,
+					disabled: !d,
 					className: H.addButton,
 					onClick: m,
-					children: u ? h : "Out of stock"
+					children: d ? h : "Out of stock"
 				})
 			]
 		})]
@@ -2310,27 +2310,27 @@ var Lt = [
 	label: "_label_1snsi_29",
 	value: "_value_1snsi_38",
 	count: "_count_1snsi_43"
-}, Sn = (e) => e.toLocaleString("en-US"), Cn = ({ rating: e, reviewCount: n, showLabel: r = !0, orientation: i = "horizontal", formatReviewCount: a = Sn, className: o }) => {
-	let s = Math.max(0, Math.min(5, e)), c = Math.round(s * 2) / 2, l = Math.floor(c), u = c - l === .5, d = 5 - l - !!u, p = /* @__PURE__ */ M("div", {
+}, Sn = (e) => e.toLocaleString("en-US"), Cn = ({ rating: e, reviewCount: t, showLabel: r = !0, orientation: i = "horizontal", formatReviewCount: a = Sn, className: o }) => {
+	let s = Math.max(0, Math.min(5, e)), c = Math.round(s * 2) / 2, l = Math.floor(c), u = c - l === .5, d = 5 - l - !!u, f = /* @__PURE__ */ M("div", {
 		className: xn.stars,
 		role: "img",
 		"aria-label": `${s} out of 5 stars`,
 		children: [
-			Array.from({ length: l }, (e, t) => /* @__PURE__ */ j(f, {
+			Array.from({ length: l }, (e, t) => /* @__PURE__ */ j(n, {
 				size: 24,
 				strokeWidth: N(24),
 				className: xn.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}, `full-${t}`)),
-			u && /* @__PURE__ */ j(t, {
+			u && /* @__PURE__ */ j(p, {
 				size: 24,
 				strokeWidth: N(24),
 				className: xn.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}),
-			Array.from({ length: d }, (e, t) => /* @__PURE__ */ j(f, {
+			Array.from({ length: d }, (e, t) => /* @__PURE__ */ j(n, {
 				size: 24,
 				strokeWidth: N(24),
 				className: xn.starEmpty,
@@ -2342,11 +2342,11 @@ var Lt = [
 		children: [/* @__PURE__ */ j("span", {
 			className: xn.value,
 			children: s.toFixed(1)
-		}), n !== void 0 && /* @__PURE__ */ M("span", {
+		}), t !== void 0 && /* @__PURE__ */ M("span", {
 			className: xn.count,
 			children: [
 				"(",
-				a(n),
+				a(t),
 				" reviews)"
 			]
 		})]
@@ -2357,10 +2357,10 @@ var Lt = [
 	].filter(Boolean).join(" ");
 	return i === "horizontal-reverse" ? /* @__PURE__ */ M("div", {
 		className: h,
-		children: [m, p]
+		children: [m, f]
 	}) : /* @__PURE__ */ M("div", {
 		className: h,
-		children: [p, m]
+		children: [f, m]
 	});
 }, wn = ({ quantity: e, lowStockThreshold: t = 5, label: n, className: r }) => {
 	let i = e <= 0, a = !i && e <= t, o = i ? "danger" : a ? "warning" : "success", s = i ? "Out of stock" : a ? `Only ${e} left` : "In stock";
@@ -2663,7 +2663,7 @@ var Lt = [
 	"M1.42578 22.5264C23.2117 23.2619 40.7366 40.7874 41.4727 62.5732C38.4791 63.4997 35.298 64 32 64C31.158 64 30.3237 63.9662 29.498 63.9023C29.4455 47.6871 16.3121 34.553 0.0966797 34.501C0.0328793 33.6757 0 32.8417 0 32C0 28.7018 0.499182 25.5201 1.42578 22.5264Z",
 	"M0.889648 39.5176C13.7129 39.9753 24.0232 50.2863 24.4814 63.1094C12.8474 60.3077 3.69089 51.1518 0.889648 39.5176Z",
 	"M32 0C49.6731 0 64 14.3269 64 32C64 44.5026 56.8286 55.3282 46.376 60.5938C44.7132 37.6274 26.3718 19.2853 3.40527 17.623C8.6709 7.17063 19.4975 0 32 0Z"
-], Ln = ({ size: e }) => /* @__PURE__ */ j("svg", {
+], Ln = ({ size: e, color: t }) => /* @__PURE__ */ j("svg", {
 	width: e ?? "100%",
 	height: e ?? "100%",
 	viewBox: "0 0 64 64",
@@ -2673,7 +2673,7 @@ var Lt = [
 	"data-sakani-logo": "",
 	children: In.map((e) => /* @__PURE__ */ j("path", {
 		d: e,
-		fill: "var(--color-fg-default)"
+		fill: t ?? "var(--color-fg-default)"
 	}, e))
 }), Rn = {
 	root: "_root_3bf2n_1",
@@ -2958,11 +2958,12 @@ var Lt = [
 	"list--button": "_list--button_tszff_38",
 	chip: "_chip_tszff_41"
 }, Kn = {
-	highlight: "_highlight_1bp09_15",
-	visible: "_visible_1bp09_24",
-	glide: "_glide_1bp09_28"
-}, qn = (e) => e.getAttribute("data-hover-item") === "off" || e.getAttribute("aria-disabled") === "true" || e.disabled === !0;
-function Jn(e, t) {
+	highlight: "_highlight_2b588_15",
+	visible: "_visible_2b588_24",
+	glide: "_glide_2b588_28",
+	track: "_track_2b588_39"
+}, qn = /height|width|grid-template|padding|margin|^(top|bottom|left|right|inset)|gap|flex/, Jn = (e) => e.getAttribute("data-hover-item") === "off" || e.getAttribute("aria-disabled") === "true" || e.disabled === !0;
+function Yn(e, t) {
 	let n = 0, r = 0, i = e;
 	for (; i && i !== t;) {
 		n += i.offsetLeft, r += i.offsetTop;
@@ -2981,7 +2982,7 @@ function Jn(e, t) {
 		tone: a.getPropertyValue("--hover-tone").trim()
 	};
 }
-function Yn() {
+function Xn() {
 	let e = k.useRef(null), [t, n] = k.useState(null), r = k.useCallback((t) => {
 		e.current = t, n(t);
 	}, []), i = k.useRef(null), a = k.useRef(!1), o = k.useRef(null), s = k.useRef(!1), c = k.useRef(null), [l, u] = k.useState(null), [d, f] = k.useState(!1), [p, m] = k.useState(!1), h = k.useCallback(() => {
@@ -2990,7 +2991,7 @@ function Yn() {
 		let n = e.current;
 		if (!n) return;
 		n !== c.current && (c.current = n, a.current = !1), i.current = t;
-		let r = Jn(t, n);
+		let r = Yn(t, n);
 		if (a.current) {
 			u(r);
 			return;
@@ -3009,7 +3010,7 @@ function Yn() {
 		if (!n) return;
 		let r = t.target.closest("[data-hover-item]");
 		if (!(!r || r.closest("[data-hover-group]") !== n)) {
-			if (qn(r)) {
+			if (Jn(r)) {
 				h();
 				return;
 			}
@@ -3026,11 +3027,36 @@ function Yn() {
 					h();
 					return;
 				}
-				u(Jn(t, e));
+				u(Yn(t, e));
 			}
 		}, r = new ResizeObserver(n);
-		return r.observe(e), e.addEventListener("scroll", n, !0), () => {
-			r.disconnect(), e.removeEventListener("scroll", n, !0);
+		r.observe(e), e.addEventListener("scroll", n, !0);
+		let s = 0, c = 0, l = () => {
+			c = 0;
+			let t = i.current, n = o.current;
+			if (!t || !n || !a.current || !e.contains(t)) {
+				n?.classList.remove(Kn.track);
+				return;
+			}
+			let r = Yn(t, e);
+			if (n.style.transform = `translate(${r.x}px, ${r.y}px)`, n.style.width = `${r.w}px`, n.style.height = `${r.h}px`, performance.now() < s) {
+				c = requestAnimationFrame(l);
+				return;
+			}
+			n.classList.remove(Kn.track), u(r);
+		}, d = (e) => Math.max(0, ...e.split(",").map((e) => (e.trim().endsWith("ms") ? parseFloat(e) : parseFloat(e) * 1e3) || 0)), f = (e, t) => {
+			e === o.current || !a.current || (s = Math.max(s, performance.now() + t + 60), c ||= (o.current?.classList.add(Kn.track), requestAnimationFrame(l)));
+		}, p = (e) => {
+			let t = e;
+			if (!qn.test(t.propertyName)) return;
+			let n = getComputedStyle(t.target);
+			f(t.target, d(n.transitionDuration) + d(n.transitionDelay));
+		}, m = (e) => {
+			let t = getComputedStyle(e.target);
+			t.animationIterationCount.includes("infinite") || f(e.target, d(t.animationDuration) + d(t.animationDelay));
+		};
+		return e.addEventListener("transitionrun", p), e.addEventListener("animationstart", m), () => {
+			r.disconnect(), e.removeEventListener("scroll", n, !0), e.removeEventListener("transitionrun", p), e.removeEventListener("animationstart", m), c && cancelAnimationFrame(c);
 		};
 	}, [t, h]);
 	let v = /* @__PURE__ */ j("span", {
@@ -3049,7 +3075,7 @@ function Yn() {
 			background: l.tone || void 0
 		} : void 0
 	}), y = k.useCallback((e) => {
-		e && !qn(e) ? g(e) : h();
+		e && !Jn(e) ? g(e) : h();
 	}, [h, g]);
 	return {
 		ref: r,
@@ -3062,8 +3088,8 @@ function Yn() {
 		showItem: y
 	};
 }
-var Xn = ({ children: e, style: t, ...n }) => {
-	let { ref: r, groupProps: i, highlight: a } = Yn();
+var Zn = ({ children: e, style: t, ...n }) => {
+	let { ref: r, groupProps: i, highlight: a } = Xn();
 	return /* @__PURE__ */ M("div", {
 		ref: r,
 		...n,
@@ -3074,7 +3100,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 		},
 		children: [a, e]
 	});
-}, Zn = ({ size: e }) => /* @__PURE__ */ j("span", {
+}, Qn = ({ size: e }) => /* @__PURE__ */ j("span", {
 	className: Gn.separator,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ j("svg", {
@@ -3088,8 +3114,8 @@ var Xn = ({ children: e, style: t, ...n }) => {
 		height: e,
 		children: /* @__PURE__ */ j("path", { d: "m9 18 6-6-6-6" })
 	})
-}), Qn = ({ items: e, variant: t = "text", className: n }) => {
-	let r = t === "button", i = Yn();
+}), $n = ({ items: e, variant: t = "text", className: n }) => {
+	let r = t === "button", i = Xn();
 	return /* @__PURE__ */ j("nav", {
 		"aria-label": "Breadcrumb",
 		className: [Gn.breadcrumb, n ?? ""].filter(Boolean).join(" "),
@@ -3115,26 +3141,43 @@ var Xn = ({ children: e, style: t, ...n }) => {
 						"data-hover-item": "",
 						className: a,
 						children: t.label
-					}), !i && /* @__PURE__ */ j(Zn, { size: r ? 14 : 16 })]
+					}), !i && /* @__PURE__ */ j(Qn, { size: r ? 14 : 16 })]
 				}, n);
 			})]
 		})
 	});
-}, $n = {
+}, er = {
 	meta: "_meta_g1mpv_2",
 	meta__icon: "_meta__icon_g1mpv_3",
 	meta__label: "_meta__label_g1mpv_4"
-}, er = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ M("span", {
-	className: [$n.meta, n ?? ""].filter(Boolean).join(" "),
+}, tr = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ M("span", {
+	className: [er.meta, n ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ j("span", {
-		className: $n.meta__icon,
+		className: er.meta__icon,
 		"aria-hidden": "true",
 		children: e
 	}), /* @__PURE__ */ j("span", {
-		className: $n.meta__label,
+		className: er.meta__label,
 		children: t
 	})]
-}), tr = {
+}), nr = {
+	skeleton: "_skeleton_94hr3_9",
+	"skeleton-shimmer": "_skeleton-shimmer_94hr3_1",
+	"skeleton--text": "_skeleton--text_94hr3_22",
+	"skeleton--rect": "_skeleton--rect_94hr3_29",
+	"skeleton--circle": "_skeleton--circle_94hr3_35"
+}, rr = ({ variant: e = "text", width: t, height: n, className: r }) => {
+	let i = {};
+	return t !== void 0 && (i.width = typeof t == "number" ? `${t}px` : t), n !== void 0 && (i.height = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ j("span", {
+		"aria-hidden": "true",
+		className: [
+			nr.skeleton,
+			nr[`skeleton--${e}`],
+			r ?? ""
+		].filter(Boolean).join(" "),
+		style: i
+	});
+}, ir = {
 	composer: "_composer_1dwtx_2",
 	"composer--typing": "_composer--typing_1dwtx_15",
 	input: "_input_1dwtx_22",
@@ -3148,11 +3191,11 @@ var Xn = ({ children: e, style: t, ...n }) => {
 	row: "_row_1dwtx_36",
 	icon: "_icon_1dwtx_37",
 	send: "_send_1dwtx_52"
-}, nr = ({ state: e = "default", value: t, placeholder: n = "Message...", onChange: r, onSend: i, onAttachmentsChange: o, uploadName: s, uploadProgress: c = 0, onCancelUpload: l, className: u }) => {
-	let d = e === "disabled", [f, p] = k.useState(""), [m, h] = k.useState(!1), [g, y] = k.useState({
+}, ar = ({ state: e = "default", value: t, placeholder: n = "Message...", onChange: r, onSend: i, onAttachmentsChange: a, uploadName: o, uploadProgress: s = 0, onCancelUpload: c, className: l }) => {
+	let u = e === "disabled", [f, p] = k.useState(""), [m, h] = k.useState(!1), [g, y] = k.useState({
 		top: 0,
 		right: 0
-	}), [b, x] = k.useState([]), S = k.useRef(null), w = k.useRef(null), T = k.useRef(null), D = k.useRef(null), O = t === void 0 ? f : t, ee = !d && (O.trim().length > 0 || e === "typing" || b.length > 0), te = () => {
+	}), [b, x] = k.useState([]), S = k.useRef(null), w = k.useRef(null), T = k.useRef(null), D = k.useRef(null), O = t === void 0 ? f : t, ee = !u && (O.trim().length > 0 || e === "typing" || b.length > 0), te = () => {
 		w.current?.click();
 	}, ne = (e) => {
 		let t = e.target.files;
@@ -3195,41 +3238,41 @@ var Xn = ({ children: e, style: t, ...n }) => {
 			document.removeEventListener("mousedown", e);
 		};
 	}, [m]), k.useEffect(() => {
-		o?.(b);
-	}, [b, o]), /* @__PURE__ */ M("div", {
+		a?.(b);
+	}, [b, a]), /* @__PURE__ */ M("div", {
 		className: [
-			tr.composer,
-			tr[`composer--${e}`],
-			u ?? ""
+			ir.composer,
+			ir[`composer--${e}`],
+			l ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			e === "uploading" && /* @__PURE__ */ M("div", {
-				className: tr.upload,
+				className: ir.upload,
 				children: [
 					/* @__PURE__ */ j(_, {
 						size: 16,
 						strokeWidth: N(16),
-						className: tr.upload__icon,
+						className: ir.upload__icon,
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ M("div", {
-						className: tr.upload__body,
+						className: ir.upload__body,
 						children: [/* @__PURE__ */ j("span", {
-							className: tr.upload__name,
-							children: s
+							className: ir.upload__name,
+							children: o
 						}), /* @__PURE__ */ j("div", {
-							className: tr.upload__track,
+							className: ir.upload__track,
 							children: /* @__PURE__ */ j("div", {
-								className: tr.upload__fill,
-								style: { width: `${c}%` }
+								className: ir.upload__fill,
+								style: { width: `${s}%` }
 							})
 						})]
 					}),
 					/* @__PURE__ */ j(Ve, {
-						icon: a,
+						icon: d,
 						variant: "ghost",
 						size: "md",
-						onClick: l,
+						onClick: c,
 						"aria-label": "Cancel upload"
 					})
 				]
@@ -3314,23 +3357,23 @@ var Xn = ({ children: e, style: t, ...n }) => {
 				style: { display: "none" }
 			}),
 			/* @__PURE__ */ M("div", {
-				className: tr.row,
+				className: ir.row,
 				children: [
 					/* @__PURE__ */ j(Ve, {
 						icon: v,
 						variant: "ghost",
 						size: "sm",
 						onClick: te,
-						disabled: d,
+						disabled: u,
 						"aria-label": "Attach file"
 					}),
 					/* @__PURE__ */ j("input", {
 						ref: S,
 						type: "text",
-						className: tr.input,
+						className: ir.input,
 						value: O,
-						placeholder: d ? "You can't reply to this conversation" : n,
-						disabled: d,
+						placeholder: u ? "You can't reply to this conversation" : n,
+						disabled: u,
 						onChange: (e) => {
 							t === void 0 && p(e.target.value), r?.(e.target.value);
 						},
@@ -3344,10 +3387,10 @@ var Xn = ({ children: e, style: t, ...n }) => {
 						variant: "ghost",
 						size: "sm",
 						onClick: ie,
-						disabled: d,
+						disabled: u,
 						"aria-label": "Add emoji"
 					}),
-					m && !d && we.createPortal(/* @__PURE__ */ j("div", {
+					m && !u && we.createPortal(/* @__PURE__ */ j("div", {
 						ref: D,
 						style: {
 							position: "fixed",
@@ -3413,7 +3456,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 			})
 		]
 	});
-}, rr = {
+}, or = {
 	wrapper: "_wrapper_1nmcn_3",
 	"wrapper--disabled": "_wrapper--disabled_1nmcn_11",
 	input: "_input_1nmcn_14",
@@ -3425,16 +3468,16 @@ var Xn = ({ children: e, style: t, ...n }) => {
 	text__description: "_text__description_1nmcn_73",
 	checkbox: "_checkbox_1nmcn_77",
 	"wrapper--withDescription": "_wrapper--withDescription_1nmcn_81"
-}, ir = k.forwardRef(({ label: e, description: t, indeterminate: n, disabled: r, id: i, className: a, ...o }, s) => {
+}, sr = k.forwardRef(({ label: e, description: t, indeterminate: n, disabled: r, id: i, className: a, ...o }, s) => {
 	let c = k.useId(), l = i ?? c, u = k.useRef(null);
 	return k.useImperativeHandle(s, () => u.current), k.useEffect(() => {
 		u.current && (u.current.indeterminate = !!n);
 	}, [n]), /* @__PURE__ */ M("label", {
 		htmlFor: l,
 		className: [
-			rr.wrapper,
-			t ? rr["wrapper--withDescription"] : "",
-			r ? rr["wrapper--disabled"] : "",
+			or.wrapper,
+			t ? or["wrapper--withDescription"] : "",
+			r ? or["wrapper--disabled"] : "",
 			a ?? ""
 		].filter(Boolean).join(" "),
 		children: [
@@ -3443,14 +3486,14 @@ var Xn = ({ children: e, style: t, ...n }) => {
 				id: l,
 				type: "checkbox",
 				disabled: r,
-				className: rr.input,
+				className: or.input,
 				...o
 			}),
 			/* @__PURE__ */ M("span", {
-				className: rr.box,
+				className: or.box,
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ j("svg", {
-					className: rr.check,
+					className: or.check,
 					width: 12,
 					height: 12,
 					viewBox: "0 0 24 24",
@@ -3460,22 +3503,22 @@ var Xn = ({ children: e, style: t, ...n }) => {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					children: /* @__PURE__ */ j("polyline", { points: "20 6 9 17 4 12" })
-				}), /* @__PURE__ */ j("span", { className: rr.dash })]
+				}), /* @__PURE__ */ j("span", { className: or.dash })]
 			}),
 			(e || t) && /* @__PURE__ */ M("span", {
-				className: rr.text,
+				className: or.text,
 				children: [e && /* @__PURE__ */ j("span", {
-					className: rr.text__label,
+					className: or.text__label,
 					children: e
 				}), t && /* @__PURE__ */ j("span", {
-					className: rr.text__description,
+					className: or.text__description,
 					children: t
 				})]
 			})
 		]
 	});
 });
-ir.displayName = "Checkbox";
+sr.displayName = "Checkbox";
 var J = {
 	item: "_item_1bf0e_2",
 	"item--hover": "_item--hover_1bf0e_12",
@@ -3491,7 +3534,7 @@ var J = {
 	item__preview: "_item__preview_1bf0e_31",
 	item__typing: "_item__typing_1bf0e_36",
 	item__badge: "_item__badge_1bf0e_37"
-}, ar = ({ state: e = "default", avatar: t, name: n, timestamp: r, preview: i, unreadCount: a, onClick: o, className: s }) => /* @__PURE__ */ M("div", {
+}, cr = ({ state: e = "default", avatar: t, name: n, timestamp: r, preview: i, unreadCount: a, onClick: o, className: s }) => /* @__PURE__ */ M("div", {
 	role: "button",
 	"data-hover-item": "",
 	tabIndex: 0,
@@ -3545,12 +3588,12 @@ var J = {
 			})]
 		})]
 	})]
-}), or = {
+}), lr = {
 	chart: "_chart_aiboa_2",
 	center: "_center_aiboa_26",
 	center__value: "_center__value_aiboa_35",
 	center__caption: "_center__caption_aiboa_36"
-}, sr = {
+}, ur = {
 	sm: {
 		h: 180,
 		inner: 50,
@@ -3571,7 +3614,7 @@ var J = {
 		inner: 98,
 		outer: 142
 	}
-}, cr = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
+}, dr = ({ data: e, size: t = "md", centerValue: n, centerCaption: r, height: i, className: a }) => {
 	let [o, s] = k.useState(null), [c, l] = k.useState(null), u = (e) => {
 		let t = e.currentTarget.getBoundingClientRect();
 		l({
@@ -3585,12 +3628,12 @@ var J = {
 		4,
 		5
 	].map((e) => f(`--color-chart-${e}`) ?? Lt[e - 1]), m = {
-		...sr[t],
-		h: i ?? sr[t].h
+		...ur[t],
+		h: i ?? ur[t].h
 	}, h = (m.outer - m.inner) / 2 - 7;
 	return /* @__PURE__ */ M("div", {
 		ref: d,
-		className: [or.chart, a ?? ""].filter(Boolean).join(" "),
+		className: [lr.chart, a ?? ""].filter(Boolean).join(" "),
 		style: { height: m.h },
 		onMouseMove: u,
 		children: [/* @__PURE__ */ j(be, {
@@ -3620,24 +3663,24 @@ var J = {
 				position: c ?? void 0
 			})] })
 		}), (n || r) && /* @__PURE__ */ M("div", {
-			className: or.center,
+			className: lr.center,
 			children: [n && /* @__PURE__ */ j("span", {
-				className: or.center__value,
+				className: lr.center__value,
 				children: n
 			}), r && /* @__PURE__ */ j("span", {
-				className: or.center__caption,
+				className: lr.center__caption,
 				children: r
 			})]
 		})]
 	});
-}, lr = {
+}, fr = {
 	empty: "_empty_1mj0f_2",
 	empty__chip: "_empty__chip_1mj0f_12",
 	"empty__chip--error": "_empty__chip--error_1mj0f_22",
 	empty__title: "_empty__title_1mj0f_23",
 	empty__desc: "_empty__desc_1mj0f_31",
 	empty__action: "_empty__action_1mj0f_39"
-}, ur = {
+}, pr = {
 	"no-data": {
 		icon: /* @__PURE__ */ j(te, {
 			size: 18,
@@ -3647,7 +3690,7 @@ var J = {
 		description: "Records will appear here once they are added."
 	},
 	"no-results": {
-		icon: /* @__PURE__ */ j(p, {
+		icon: /* @__PURE__ */ j(re, {
 			size: 18,
 			strokeWidth: N(18)
 		}),
@@ -3662,35 +3705,35 @@ var J = {
 		title: "Couldn't load data",
 		description: "Something went wrong while fetching records."
 	}
-}, dr = ({ type: e = "no-data", title: t, description: n, actionLabel: r, onAction: i, icon: a, className: o }) => {
-	let s = ur[e];
+}, mr = ({ type: e = "no-data", title: t, description: n, actionLabel: r, onAction: i, icon: a, className: o }) => {
+	let s = pr[e];
 	return /* @__PURE__ */ M("div", {
-		className: [lr.empty, o ?? ""].filter(Boolean).join(" "),
+		className: [fr.empty, o ?? ""].filter(Boolean).join(" "),
 		role: "status",
 		children: [
 			/* @__PURE__ */ j("span", {
-				className: [lr.empty__chip, lr[`empty__chip--${e}`]].join(" "),
+				className: [fr.empty__chip, fr[`empty__chip--${e}`]].join(" "),
 				"aria-hidden": "true",
 				children: a ?? s.icon
 			}),
 			/* @__PURE__ */ j("p", {
-				className: lr.empty__title,
+				className: fr.empty__title,
 				children: t ?? s.title
 			}),
 			/* @__PURE__ */ j("p", {
-				className: lr.empty__desc,
+				className: fr.empty__desc,
 				children: n ?? s.description
 			}),
 			r && /* @__PURE__ */ j(F, {
 				variant: "outline",
 				size: "sm",
-				className: lr.empty__action,
+				className: fr.empty__action,
 				onClick: i,
 				children: r
 			})
 		]
 	});
-}, fr = {
+}, hr = {
 	chip: "_chip_1qnyq_2",
 	chip__lead: "_chip__lead_1qnyq_20",
 	chip__trail: "_chip__trail_1qnyq_20",
@@ -3698,54 +3741,54 @@ var J = {
 	chip__remove: "_chip__remove_1qnyq_29",
 	"chip--add": "_chip--add_1qnyq_38",
 	"chip--leaving": "_chip--leaving_1qnyq_45"
-}, pr = 160, mr = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, hr = ({ type: e = "default", children: t, onClick: n, onRemove: i, className: o }) => {
-	let [s, c] = k.useState(!1), u = k.useRef(void 0);
-	k.useEffect(() => () => window.clearTimeout(u.current), []);
-	let d = () => {
-		if (!s) {
-			if (mr()) {
+}, gr = 160, _r = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, vr = ({ type: t = "default", children: n, onClick: r, onRemove: i, className: a }) => {
+	let [o, s] = k.useState(!1), c = k.useRef(void 0);
+	k.useEffect(() => () => window.clearTimeout(c.current), []);
+	let u = () => {
+		if (!o) {
+			if (_r()) {
 				i?.();
 				return;
 			}
-			c(!0), u.current = window.setTimeout(() => {
-				i?.(), c(!1);
-			}, pr);
+			s(!0), c.current = window.setTimeout(() => {
+				i?.(), s(!1);
+			}, gr);
 		}
 	};
 	return /* @__PURE__ */ M("button", {
 		type: "button",
-		onClick: n,
+		onClick: r,
 		className: [
-			fr.chip,
-			fr[`chip--${e}`],
-			s ? fr["chip--leaving"] : "",
-			o ?? ""
+			hr.chip,
+			hr[`chip--${t}`],
+			o ? hr["chip--leaving"] : "",
+			a ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			e === "add" && /* @__PURE__ */ j(r, {
+			t === "add" && /* @__PURE__ */ j(l, {
 				size: 14,
 				strokeWidth: N(14),
-				className: fr.chip__lead,
+				className: hr.chip__lead,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ j("span", {
-				className: fr.chip__label,
-				children: t
+				className: hr.chip__label,
+				children: n
 			}),
-			e === "default" && /* @__PURE__ */ j(l, {
+			t === "default" && /* @__PURE__ */ j(e, {
 				size: 14,
 				strokeWidth: N(14),
-				className: fr.chip__trail,
+				className: hr.chip__trail,
 				"aria-hidden": "true"
 			}),
-			e === "active" && /* @__PURE__ */ j("span", {
+			t === "active" && /* @__PURE__ */ j("span", {
 				role: "button",
 				"aria-label": "Remove filter",
-				className: fr.chip__remove,
+				className: hr.chip__remove,
 				onClick: (e) => {
-					e.stopPropagation(), d();
+					e.stopPropagation(), u();
 				},
-				children: /* @__PURE__ */ j(a, {
+				children: /* @__PURE__ */ j(d, {
 					size: 14,
 					strokeWidth: N(14),
 					"aria-hidden": "true"
@@ -3753,7 +3796,7 @@ var J = {
 			})
 		]
 	});
-}, gr = {
+}, yr = {
 	field: "_field_1nyia_10",
 	field__label: "_field__label_1nyia_18",
 	field__description: "_field__description_1nyia_26",
@@ -3767,69 +3810,69 @@ var J = {
 	input__control: "_input__control_1nyia_81",
 	input__icon: "_input__icon_1nyia_110",
 	"input--unstyled": "_input--unstyled_1nyia_120"
-}, _r = 16, vr = (e) => k.isValidElement(e) ? k.cloneElement(e, {
-	size: _r,
-	strokeWidth: N(_r)
-}) : e, yr = k.forwardRef(({ label: e, description: t, error: n, size: r = "md", unstyled: i, leadingIcon: a, trailingIcon: o, disabled: s, id: c, className: l, ...u }, d) => {
+}, br = 16, xr = (e) => k.isValidElement(e) ? k.cloneElement(e, {
+	size: br,
+	strokeWidth: N(br)
+}) : e, Sr = k.forwardRef(({ label: e, description: t, error: n, size: r = "md", unstyled: i, leadingIcon: a, trailingIcon: o, disabled: s, id: c, className: l, ...u }, d) => {
 	let f = k.useId(), p = c ?? f, m = !!n;
 	return /* @__PURE__ */ M("div", {
-		className: [gr.field, l ?? ""].filter(Boolean).join(" "),
+		className: [yr.field, l ?? ""].filter(Boolean).join(" "),
 		children: [
 			e && /* @__PURE__ */ j("label", {
 				htmlFor: p,
-				className: gr.field__label,
+				className: yr.field__label,
 				children: e
 			}),
 			/* @__PURE__ */ M("div", {
 				className: [
-					gr.input,
-					gr[`input--${r}`],
-					m ? gr["input--error"] : "",
-					s ? gr["input--disabled"] : ""
+					yr.input,
+					yr[`input--${r}`],
+					m ? yr["input--error"] : "",
+					s ? yr["input--disabled"] : ""
 				].filter(Boolean).join(" "),
 				children: [
 					a && /* @__PURE__ */ j("span", {
-						className: gr.input__icon,
+						className: yr.input__icon,
 						"aria-hidden": "true",
-						children: vr(a)
+						children: xr(a)
 					}),
 					/* @__PURE__ */ j("input", {
 						ref: d,
 						id: p,
-						className: gr.input__control,
+						className: yr.input__control,
 						disabled: s,
 						"aria-invalid": m || void 0,
 						"aria-describedby": t || n ? `${p}-desc` : void 0,
 						...u
 					}),
 					o && /* @__PURE__ */ j("span", {
-						className: gr.input__icon,
+						className: yr.input__icon,
 						"aria-hidden": "true",
-						children: vr(o)
+						children: xr(o)
 					})
 				]
 			}),
 			(t || n) && /* @__PURE__ */ j("span", {
 				id: `${p}-desc`,
-				className: m ? gr.field__error : gr.field__description,
+				className: m ? yr.field__error : yr.field__description,
 				children: n || t
 			})
 		]
 	});
 });
-yr.displayName = "Input";
-var br = { chart: "_chart_18fgd_2" }, xr = {
+Sr.displayName = "Input";
+var Cr = { chart: "_chart_18fgd_2" }, wr = {
 	sm: 180,
 	md: 240,
 	lg: 320,
 	xl: 420
-}, Sr = /* @__PURE__ */ new Set([
+}, Tr = /* @__PURE__ */ new Set([
 	"dots",
 	"custom-dots",
 	"dots-colors",
 	"label",
 	"custom-label"
-]), Cr = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
+]), Er = ({ data: e, series: t, xKey: n = "label", variant: r = "default", labelKey: i, size: a = "md", height: o, showLegend: s, className: c }) => {
 	let l = k.useRef(null), u = It(l), d = [
 		1,
 		2,
@@ -3840,7 +3883,7 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 		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 = Sr.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 = Tr.has(r), y = (e) => (t) => {
 		let { cx: n, cy: r } = t;
 		return /* @__PURE__ */ M("g", {
 			stroke: e,
@@ -3893,10 +3936,10 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 	};
 	return /* @__PURE__ */ j("div", {
 		ref: l,
-		className: [br.chart, c ?? ""].filter(Boolean).join(" "),
+		className: [Cr.chart, c ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ j(be, {
 			width: "100%",
-			height: o ?? xr[a],
+			height: o ?? wr[a],
 			children: /* @__PURE__ */ M(pe, {
 				data: e,
 				margin: {
@@ -3957,24 +4000,24 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 			})
 		})
 	});
-}, wr = {
+}, Dr = {
 	menu: "_menu_1cx61_2",
 	divider: "_divider_1cx61_26"
-}, Tr = ({ children: e, minWidth: t = 208, className: n, ...r }) => {
-	let i = Yn();
+}, Or = ({ children: e, minWidth: t = 208, className: n, ...r }) => {
+	let i = Xn();
 	return /* @__PURE__ */ M("div", {
 		ref: i.ref,
 		...i.groupProps,
 		role: "menu",
 		"aria-label": r["aria-label"],
 		style: { minWidth: t },
-		className: [wr.menu, n ?? ""].filter(Boolean).join(" "),
+		className: [Dr.menu, n ?? ""].filter(Boolean).join(" "),
 		children: [i.highlight, e]
 	});
-}, Er = () => /* @__PURE__ */ j("div", {
-	className: wr.divider,
+}, kr = () => /* @__PURE__ */ j("div", {
+	className: Dr.divider,
 	role: "separator"
-}), Dr = {
+}), Ar = {
 	item: "_item_1ezjp_2",
 	item__icon: "_item__icon_1ezjp_27",
 	item__label: "_item__label_1ezjp_28",
@@ -3983,41 +4026,41 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 	"item--checked": "_item--checked_1ezjp_38",
 	"item--disabled": "_item--disabled_1ezjp_39",
 	"item--destructive": "_item--destructive_1ezjp_40"
-}, Or = ({ state: t = "default", icon: n, shortcut: r, children: i, onSelect: a, className: o }) => {
-	let s = t === "disabled";
+}, jr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
+	let o = e === "disabled";
 	return /* @__PURE__ */ M("div", {
 		role: "menuitem",
 		"data-hover-item": "",
-		"aria-disabled": s || void 0,
-		"aria-checked": t === "checked" || void 0,
-		tabIndex: s ? -1 : 0,
-		onClick: s ? void 0 : a,
+		"aria-disabled": o || void 0,
+		"aria-checked": e === "checked" || void 0,
+		tabIndex: o ? -1 : 0,
+		onClick: o ? void 0 : i,
 		onKeyDown: (e) => {
-			s || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a?.());
+			o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
 		},
 		className: [
-			Dr.item,
-			Dr[`item--${t}`],
-			o ?? ""
+			Ar.item,
+			Ar[`item--${e}`],
+			a ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			n && /* @__PURE__ */ j("span", {
-				className: Dr.item__icon,
+			t && /* @__PURE__ */ j("span", {
+				className: Ar.item__icon,
 				"aria-hidden": "true",
-				children: n
+				children: t
 			}),
 			/* @__PURE__ */ j("span", {
-				className: Dr.item__label,
-				children: i
-			}),
-			r && /* @__PURE__ */ j("kbd", {
-				className: Dr.item__shortcut,
+				className: Ar.item__label,
 				children: r
 			}),
-			t === "checked" && /* @__PURE__ */ j(e, {
+			n && /* @__PURE__ */ j("kbd", {
+				className: Ar.item__shortcut,
+				children: n
+			}),
+			e === "checked" && /* @__PURE__ */ j(s, {
 				size: 16,
 				strokeWidth: N(16),
-				className: Dr.item__check,
+				className: Ar.item__check,
 				"aria-hidden": "true"
 			})
 		]
@@ -4046,7 +4089,7 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 	foot__receipt: "_foot__receipt_1q1m5_32",
 	system: "_system_1q1m5_34",
 	system__pill: "_system__pill_1q1m5_35"
-}, kr = ({ type: e = "received", content: t = "text", avatar: n, authorName: r, timestamp: i, children: a, image: o, fileName: s, fileSize: c, reactions: l, read: u, className: d }) => {
+}, Mr = ({ type: e = "received", content: t = "text", avatar: n, authorName: r, timestamp: i, children: a, image: o, fileName: s, fileSize: c, reactions: l, read: u, className: d }) => {
 	if (e === "system") return /* @__PURE__ */ j("div", {
 		className: [Y.system, d ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ j("span", {
@@ -4132,19 +4175,19 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 			]
 		})]
 	});
-}, Ar = {
+}, Nr = {
 	pagination: "_pagination_e1j7r_2",
 	page: "_page_e1j7r_9",
 	arrow: "_arrow_e1j7r_9",
 	"page--active": "_page--active_e1j7r_26",
 	ellipsis: "_ellipsis_e1j7r_40"
-}, jr = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n);
-function Mr(e, t, n) {
+}, Pr = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n);
+function Fr(e, t, n) {
 	let r = n * 2 + 5;
-	if (e <= r) return jr(1, e);
+	if (e <= r) return Pr(1, e);
 	let i = r - 2, a = n * 2 + 1;
 	if (t <= i) return [
-		...jr(1, i),
+		...Pr(1, i),
 		"end-ellipsis",
 		e
 	];
@@ -4152,19 +4195,19 @@ function Mr(e, t, n) {
 	return s <= e - 3 ? [
 		1,
 		"start-ellipsis",
-		...jr(o, s),
+		...Pr(o, s),
 		"end-ellipsis",
 		e
 	] : [
 		1,
 		"start-ellipsis",
-		...jr(e - i + 1, e)
+		...Pr(e - i + 1, e)
 	];
 }
-var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i }) => {
+var Ir = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i }) => {
 	let a = k.useRef(null);
 	if (e < 1) return null;
-	let o = Math.min(Math.max(t, 1), e), s = Math.max(0, r), c = Mr(e, o, s), l = a.current;
+	let o = Math.min(Math.max(t, 1), e), s = Math.max(0, r), c = Fr(e, o, s), l = a.current;
 	if (l && l.total === e && l.siblings === s) {
 		let t = l.tokens, n = t.includes(o), r = o === 1 && t[1] === "start-ellipsis" || o === e && t[t.length - 2] === "end-ellipsis";
 		n && !r && (c = t);
@@ -4174,53 +4217,53 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 		siblings: s,
 		tokens: c
 	}, /* @__PURE__ */ M("nav", {
-		className: [Ar.pagination, i ?? ""].filter(Boolean).join(" "),
+		className: [Nr.pagination, i ?? ""].filter(Boolean).join(" "),
 		"aria-label": "Pagination",
 		children: [
 			/* @__PURE__ */ j("button", {
 				type: "button",
-				className: Ar.arrow,
+				className: Nr.arrow,
 				disabled: o <= 1,
 				onClick: () => n(o - 1),
 				"aria-label": "Previous page",
-				children: /* @__PURE__ */ j(ie, {
+				children: /* @__PURE__ */ j(ne, {
 					size: 16,
 					strokeWidth: N(16)
 				})
 			}),
 			c.map((e) => typeof e == "number" ? /* @__PURE__ */ j("button", {
 				type: "button",
-				className: [Ar.page, e === o ? Ar["page--active"] : ""].filter(Boolean).join(" "),
+				className: [Nr.page, e === o ? Nr["page--active"] : ""].filter(Boolean).join(" "),
 				"aria-current": e === o ? "page" : void 0,
 				"aria-label": `Page ${e}`,
 				onClick: () => e !== o && n(e),
 				children: e
 			}, e) : /* @__PURE__ */ j("span", {
-				className: Ar.ellipsis,
+				className: Nr.ellipsis,
 				"aria-hidden": "true",
 				children: "…"
 			}, e)),
 			/* @__PURE__ */ j("button", {
 				type: "button",
-				className: Ar.arrow,
+				className: Nr.arrow,
 				disabled: o >= e,
 				onClick: () => n(o + 1),
 				"aria-label": "Next page",
-				children: /* @__PURE__ */ j(ne, {
+				children: /* @__PURE__ */ j(h, {
 					size: 16,
 					strokeWidth: N(16)
 				})
 			})
 		]
 	});
-}, Pr = {
+}, Lr = {
 	track: "_track_1br5v_2",
 	segment: "_segment_1br5v_12",
 	"segment--active": "_segment--active_1br5v_38",
 	thumb: "_thumb_1br5v_44",
 	"thumb--animated": "_thumb--animated_1br5v_62",
 	"track--fullWidth": "_track--fullWidth_1br5v_68"
-}, Fr = ({ options: e, value: t, defaultValue: n, onChange: r, fullWidth: i, className: a }) => {
+}, Rr = ({ options: e, value: t, defaultValue: n, onChange: r, fullWidth: i, className: a }) => {
 	let o = t !== void 0, [s, c] = k.useState(n ?? e[0]?.value), l = o ? t : s, u = (e) => {
 		o || c(e), r?.(e);
 	}, d = k.useRef(null), f = k.useRef({}), [p, m] = k.useState(null), [h, g] = k.useState(!1);
@@ -4241,13 +4284,13 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 		ref: d,
 		role: "tablist",
 		className: [
-			Pr.track,
-			i ? Pr["track--fullWidth"] : "",
+			Lr.track,
+			i ? Lr["track--fullWidth"] : "",
 			a ?? ""
 		].filter(Boolean).join(" "),
 		children: [p && /* @__PURE__ */ j("span", {
 			"aria-hidden": "true",
-			className: [Pr.thumb, h ? Pr["thumb--animated"] : ""].filter(Boolean).join(" "),
+			className: [Lr.thumb, h ? Lr["thumb--animated"] : ""].filter(Boolean).join(" "),
 			style: {
 				transform: `translateX(${p.left}px)`,
 				width: p.width
@@ -4261,7 +4304,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 				role: "tab",
 				type: "button",
 				"aria-selected": t,
-				className: [Pr.segment, t ? Pr["segment--active"] : ""].filter(Boolean).join(" "),
+				className: [Lr.segment, t ? Lr["segment--active"] : ""].filter(Boolean).join(" "),
 				onClick: () => u(e.value),
 				children: e.label
 			}, e.value);
@@ -4297,7 +4340,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	option__check: "_option__check_1b512_179",
 	optionHighlight: "_optionHighlight_1b512_151",
 	"optionHighlight--animated": "_optionHighlight--animated_1b512_201"
-}, Ir = ({ label: e, description: t, error: n, size: r = "md", placeholder: i = "Select an option", options: a, value: o, defaultValue: s, onChange: c, disabled: l, id: u, className: d }) => {
+}, zr = ({ label: e, description: t, error: n, size: r = "md", placeholder: i = "Select an option", options: a, value: o, defaultValue: s, onChange: c, disabled: l, id: u, className: d }) => {
 	let f = k.useId(), p = `${u ?? f}-trigger`, m = `${u ?? f}-panel`, h = !!n, [g, _] = k.useState(s), v = o === void 0 ? g : o, y = a.find((e) => e.value === v), [b, x] = k.useState(!1), [S, C] = k.useState(!1), [w, T] = k.useState(0), E = k.useRef(null), D = k.useRef(null), O = k.useRef(null), ee = k.useRef({}), [te, ne] = k.useState(null), [re, ie] = k.useState(!1);
 	k.useLayoutEffect(() => {
 		let e = ee.current[w];
@@ -4503,27 +4546,27 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 			})
 		]
 	});
-}, Lr = {
+}, Br = {
 	sidebar: "_sidebar_alxv4_4",
 	"sidebar--collapsed": "_sidebar--collapsed_alxv4_23"
-}, Rr = ({ collapsed: e = !1, children: t, className: n }) => {
-	let r = Yn();
+}, Vr = ({ collapsed: e = !1, children: t, className: n }) => {
+	let r = Xn();
 	return /* @__PURE__ */ M("nav", {
 		ref: r.ref,
 		...r.groupProps,
 		className: [
-			Lr.sidebar,
-			e ? Lr["sidebar--collapsed"] : "",
+			Br.sidebar,
+			e ? Br["sidebar--collapsed"] : "",
 			n ?? ""
 		].filter(Boolean).join(" "),
 		"data-collapsed": e,
 		children: [r.highlight, t]
 	});
-}, zr = { divider: "_divider_1oof5_1" }, Br = () => /* @__PURE__ */ j("div", {
-	className: zr.divider,
+}, Hr = { divider: "_divider_1oof5_1" }, Ur = () => /* @__PURE__ */ j("div", {
+	className: Hr.divider,
 	role: "separator"
-}), Vr = { groupLabel: "_groupLabel_62q1j_2" }, Hr = ({ children: e }) => /* @__PURE__ */ j("div", {
-	className: Vr.groupLabel,
+}), Wr = { groupLabel: "_groupLabel_62q1j_2" }, Gr = ({ children: e }) => /* @__PURE__ */ j("div", {
+	className: Wr.groupLabel,
 	children: e
 }), Z = {
 	header: "_header_wjged_2",
@@ -4539,7 +4582,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	"header__text--collapsed": "_header__text--collapsed_wjged_73",
 	header__title: "_header__title_wjged_77",
 	header__toggle: "_header__toggle_wjged_79"
-}, Ur = ({ type: e = "brand", title: t, subtitle: n, logo: r, collapsed: i, onToggle: a, toggleIcon: o = y }) => /* @__PURE__ */ M("div", {
+}, Kr = ({ type: e = "brand", title: t, subtitle: n, logo: r, collapsed: i, onToggle: a, toggleIcon: o = y }) => /* @__PURE__ */ M("div", {
 	className: [
 		Z.header,
 		e === "workspace" ? Z["header--workspace"] : "",
@@ -4602,7 +4645,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 			})
 		})
 	]
-}), Wr = {
+}), qr = {
 	item: "_item_873gi_5",
 	"item--disabled": "_item--disabled_873gi_37",
 	"item--active": "_item--active_873gi_37",
@@ -4615,20 +4658,20 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	item__label: "_item__label_873gi_142",
 	"item__label--collapsed": "_item__label--collapsed_873gi_151",
 	"item__chevron--expanded": "_item__chevron--expanded_873gi_174"
-}, Gr = ({ icon: e, label: t, active: n, activeIndicator: r = !0, disabled: i, badge: a, hasSubmenu: o, collapsed: s, expanded: c, onClick: l, href: u, nativeTooltip: d = !0 }) => {
+}, Jr = ({ icon: e, label: t, active: n, activeIndicator: r = !0, disabled: i, badge: a, hasSubmenu: o, collapsed: s, expanded: c, onClick: l, href: u, nativeTooltip: d = !0 }) => {
 	let f = n && r, p = n && !r, m = [
-		Wr.item,
-		f ? Wr["item--active"] : "",
-		p ? Wr["item--active-flat"] : "",
-		i ? Wr["item--disabled"] : "",
-		s ? Wr["item--collapsed"] : ""
-	].filter(Boolean).join(" "), h = /* @__PURE__ */ M(A, { children: [
+		qr.item,
+		f ? qr["item--active"] : "",
+		p ? qr["item--active-flat"] : "",
+		i ? qr["item--disabled"] : "",
+		s ? qr["item--collapsed"] : ""
+	].filter(Boolean).join(" "), g = /* @__PURE__ */ M(A, { children: [
 		/* @__PURE__ */ j("span", {
-			className: Wr.item__bar,
+			className: qr.item__bar,
 			"aria-hidden": "true"
 		}),
 		e && /* @__PURE__ */ j("span", {
-			className: Wr.item__icon,
+			className: qr.item__icon,
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ j(e, {
 				size: 18,
@@ -4636,22 +4679,22 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 			})
 		}),
 		/* @__PURE__ */ j("span", {
-			className: [Wr.item__label, s ? Wr["item__label--collapsed"] : ""].filter(Boolean).join(" "),
+			className: [qr.item__label, s ? qr["item__label--collapsed"] : ""].filter(Boolean).join(" "),
 			children: t
 		}),
 		!s && a && /* @__PURE__ */ j("span", {
-			className: Wr.item__badge,
+			className: qr.item__badge,
 			children: a
 		}),
 		!s && o && /* @__PURE__ */ j("span", {
-			className: [Wr.item__chevron, c ? Wr["item__chevron--expanded"] : ""].filter(Boolean).join(" "),
+			className: [qr.item__chevron, c ? qr["item__chevron--expanded"] : ""].filter(Boolean).join(" "),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ j(ne, {
+			children: /* @__PURE__ */ j(h, {
 				size: 16,
 				strokeWidth: N(16)
 			})
 		})
-	] }), g = {
+	] }), _ = {
 		className: m,
 		"data-hover-item": "",
 		title: s && d ? t : void 0,
@@ -4661,16 +4704,16 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	};
 	return u && !i ? /* @__PURE__ */ j("a", {
 		href: u,
-		...g,
-		children: h
+		..._,
+		children: g
 	}) : /* @__PURE__ */ j("button", {
 		type: "button",
 		disabled: i,
 		onClick: l,
-		...g,
-		children: h
+		..._,
+		children: g
 	});
-}, Kr = {
+}, Yr = {
 	promo: "_promo_1ou3w_4",
 	promo__head: "_promo__head_1ou3w_20",
 	promo__icon: "_promo__icon_1ou3w_21",
@@ -4678,14 +4721,14 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	promo__dismiss: "_promo__dismiss_1ou3w_23",
 	promo__desc: "_promo__desc_1ou3w_30",
 	promo__cta: "_promo__cta_1ou3w_33"
-}, qr = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: o, icon: s = d }) => /* @__PURE__ */ M("div", {
-	className: [Kr.promo, Kr[`promo--${e}`]].join(" "),
+}, Xr = ({ type: e = "upgrade", title: n, description: r, ctaLabel: i, onCta: a, onDismiss: o, icon: s = t }) => /* @__PURE__ */ M("div", {
+	className: [Yr.promo, Yr[`promo--${e}`]].join(" "),
 	children: [
 		/* @__PURE__ */ M("div", {
-			className: Kr.promo__head,
+			className: Yr.promo__head,
 			children: [
 				/* @__PURE__ */ j("span", {
-					className: Kr.promo__icon,
+					className: Yr.promo__icon,
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ j(s, {
 						size: 16,
@@ -4693,53 +4736,53 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 					})
 				}),
 				/* @__PURE__ */ j("span", {
-					className: Kr.promo__title,
-					children: t
+					className: Yr.promo__title,
+					children: n
 				}),
 				o && /* @__PURE__ */ j("button", {
 					type: "button",
-					className: Kr.promo__dismiss,
+					className: Yr.promo__dismiss,
 					onClick: o,
 					"aria-label": "Dismiss",
-					children: /* @__PURE__ */ j(a, {
+					children: /* @__PURE__ */ j(d, {
 						size: 14,
 						strokeWidth: N(14)
 					})
 				})
 			]
 		}),
-		n && /* @__PURE__ */ j("p", {
-			className: Kr.promo__desc,
-			children: n
+		r && /* @__PURE__ */ j("p", {
+			className: Yr.promo__desc,
+			children: r
 		}),
-		r && /* @__PURE__ */ j(F, {
+		i && /* @__PURE__ */ j(F, {
 			variant: "primary",
 			size: "sm",
-			className: Kr.promo__cta,
-			onClick: i,
-			children: r
+			className: Yr.promo__cta,
+			onClick: a,
+			children: i
 		})
 	]
-}), Jr = {
+}), Zr = {
 	subItem: "_subItem_1d7az_2",
 	"subItem--disabled": "_subItem--disabled_1d7az_26",
 	"subItem--active": "_subItem--active_1d7az_27",
 	subItem__dot: "_subItem__dot_1d7az_31",
 	subItem__label: "_subItem__label_1d7az_41"
-}, Yr = ({ label: e, active: t, disabled: n, onClick: r, href: i }) => {
+}, Qr = ({ label: e, active: t, disabled: n, onClick: r, href: i }) => {
 	let a = {
 		className: [
-			Jr.subItem,
-			t ? Jr["subItem--active"] : "",
-			n ? Jr["subItem--disabled"] : ""
+			Zr.subItem,
+			t ? Zr["subItem--active"] : "",
+			n ? Zr["subItem--disabled"] : ""
 		].filter(Boolean).join(" "),
 		"data-hover-item": "",
 		"aria-current": t ? "page" : void 0
 	}, o = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
-		className: Jr.subItem__dot,
+		className: Zr.subItem__dot,
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ j("span", {
-		className: Jr.subItem__label,
+		className: Zr.subItem__label,
 		children: e
 	})] });
 	return i && !n ? /* @__PURE__ */ j("a", {
@@ -4753,49 +4796,32 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 		...a,
 		children: o
 	});
-}, Xr = {
-	skeleton: "_skeleton_94hr3_9",
-	"skeleton-shimmer": "_skeleton-shimmer_94hr3_1",
-	"skeleton--text": "_skeleton--text_94hr3_22",
-	"skeleton--rect": "_skeleton--rect_94hr3_29",
-	"skeleton--circle": "_skeleton--circle_94hr3_35"
-}, Zr = ({ variant: e = "text", width: t, height: n, className: r }) => {
-	let i = {};
-	return t !== void 0 && (i.width = typeof t == "number" ? `${t}px` : t), n !== void 0 && (i.height = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ j("span", {
-		"aria-hidden": "true",
-		className: [
-			Xr.skeleton,
-			Xr[`skeleton--${e}`],
-			r ?? ""
-		].filter(Boolean).join(" "),
-		style: i
-	});
-}, Qr = {
+}, $r = {
 	field: "_field_u7te8_3",
 	header: "_header_u7te8_4",
 	label: "_label_u7te8_5",
 	value: "_value_u7te8_6",
 	slider: "_slider_u7te8_8",
 	"sakani-slider-bounce": "_sakani-slider-bounce_u7te8_1"
-}, $r = 1.2, ei = 460, ti = k.forwardRef(({ label: e, showValue: t, min: n = 0, max: r = 100, value: i, defaultValue: a, disabled: o, id: s, className: c, onChange: l, ...u }, d) => {
+}, ei = 1.2, ti = 460, ni = k.forwardRef(({ label: e, showValue: t, min: n = 0, max: r = 100, value: i, defaultValue: a, disabled: o, id: s, className: c, onChange: l, ...u }, d) => {
 	let f = k.useId(), p = s ?? f, m = Number(i ?? a ?? n), [h, g] = k.useState(m), _ = i === void 0 ? h : Number(i), v = (_ - n) / (r - n) * 100, y = k.useRef(null), b = (e) => {
 		y.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
 	}, x = k.useRef(null), S = k.useRef(void 0);
 	k.useEffect(() => () => window.clearTimeout(S.current), []);
 	let C = (e) => {
 		let t = y.current;
-		t && (t.removeAttribute("data-bounce"), t.offsetWidth, t.style.setProperty("--bounce-dir", String(e)), t.setAttribute("data-bounce", ""), window.clearTimeout(S.current), S.current = window.setTimeout(() => t.removeAttribute("data-bounce"), ei));
+		t && (t.removeAttribute("data-bounce"), t.offsetWidth, t.style.setProperty("--bounce-dir", String(e)), t.setAttribute("data-bounce", ""), window.clearTimeout(S.current), S.current = window.setTimeout(() => t.removeAttribute("data-bounce"), ti));
 	};
 	return /* @__PURE__ */ M("div", {
-		className: [Qr.field, c ?? ""].filter(Boolean).join(" "),
+		className: [$r.field, c ?? ""].filter(Boolean).join(" "),
 		children: [(e || t) && /* @__PURE__ */ M("div", {
-			className: Qr.header,
+			className: $r.header,
 			children: [e && /* @__PURE__ */ j("label", {
 				htmlFor: p,
-				className: Qr.label,
+				className: $r.label,
 				children: e
 			}), t && /* @__PURE__ */ j("span", {
-				className: Qr.value,
+				className: $r.value,
 				children: _
 			})]
 		}), /* @__PURE__ */ j("input", {
@@ -4809,19 +4835,19 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 			disabled: o,
 			onChange: (e) => {
 				let t = Number(e.target.value), a = performance.now(), o = x.current;
-				o && (t === r || t === n) && o.v !== t && Math.abs(t - o.v) / (r - n) / Math.max((a - o.t) / 1e3, .001) >= $r && C(t === r ? 1 : -1), x.current = {
+				o && (t === r || t === n) && o.v !== t && Math.abs(t - o.v) / (r - n) / Math.max((a - o.t) / 1e3, .001) >= ei && C(t === r ? 1 : -1), x.current = {
 					v: t,
 					t: a
 				}, i === void 0 && g(t), l?.(e);
 			},
-			className: Qr.slider,
+			className: $r.slider,
 			style: { "--pct": `${v}%` },
 			...u
 		})]
 	});
 });
-ti.displayName = "Slider";
-var ni = {
+ni.displayName = "Slider";
+var ri = {
 	card: "_card_1qi93_4",
 	"card--featured": "_card--featured_1qi93_24",
 	card__head: "_card__head_1qi93_26",
@@ -4834,19 +4860,19 @@ var ni = {
 	"card--trend-up": "_card--trend-up_1qi93_68",
 	"card--trend-down": "_card--trend-down_1qi93_69",
 	card__description: "_card__description_1qi93_72"
-}, ri = {
-	up: s,
-	down: b,
-	flat: n
 }, ii = {
+	up: u,
+	down: c,
+	flat: x
+}, ai = {
 	up: "success",
 	down: "danger",
 	flat: "neutral"
-}, ai = ({ data: e }) => {
+}, oi = ({ data: e }) => {
 	if (e.length < 2) return null;
 	let t = Math.min(...e), n = Math.max(...e) - t || 1;
 	return /* @__PURE__ */ j("svg", {
-		className: oi,
+		className: si,
 		viewBox: "0 0 100 32",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
@@ -4859,21 +4885,21 @@ var ni = {
 			strokeLinecap: "round"
 		})
 	});
-}, oi = ni.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: u, className: d }) => {
-	let f = ri[a], p = (s === "icon" || s === "featured") && c;
+}, si = ri.card__sparkline, ci = ({ 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 p = ii[a], m = (s === "icon" || s === "featured") && c;
 	return /* @__PURE__ */ M("div", {
 		className: [
-			ni.card,
-			ni[`card--${s}`],
-			ni[`card--trend-${a}`],
+			ri.card,
+			ri[`card--${s}`],
+			ri[`card--trend-${a}`],
 			d ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ M("div", {
-				className: ni.card__head,
+				className: ri.card__head,
 				children: [
-					p && /* @__PURE__ */ j("span", {
-						className: ni.card__icon,
+					m && /* @__PURE__ */ j("span", {
+						className: ri.card__icon,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ j(c, {
 							size: 18,
@@ -4881,15 +4907,15 @@ var ni = {
 						})
 					}),
 					/* @__PURE__ */ j("span", {
-						className: ni.card__title,
+						className: ri.card__title,
 						children: e
 					}),
 					l && /* @__PURE__ */ j("button", {
 						type: "button",
-						className: ni.card__menu,
+						className: ri.card__menu,
 						onClick: u,
 						"aria-label": "More options",
-						children: /* @__PURE__ */ j(h, {
+						children: /* @__PURE__ */ j(f, {
 							size: 16,
 							strokeWidth: N(16)
 						})
@@ -4897,21 +4923,21 @@ var ni = {
 				]
 			}),
 			/* @__PURE__ */ j("div", {
-				className: ni.card__value,
+				className: ri.card__value,
 				children: t
 			}),
-			r && /* @__PURE__ */ j(ai, { data: r }),
+			r && /* @__PURE__ */ j(oi, { data: r }),
 			(i || n) && /* @__PURE__ */ M("div", {
-				className: ni.card__meta,
+				className: ri.card__meta,
 				children: [i && /* @__PURE__ */ j(Gt, {
-					variant: o ?? ii[a],
-					leftIcon: /* @__PURE__ */ j(f, {
+					variant: o ?? ai[a],
+					leftIcon: /* @__PURE__ */ j(p, {
 						size: 12,
 						strokeWidth: 2
 					}),
 					children: i
 				}), n && /* @__PURE__ */ j("p", {
-					className: ni.card__description,
+					className: ri.card__description,
 					children: n
 				})]
 			})
@@ -4945,18 +4971,18 @@ var ni = {
 	"bodyRow--dropTarget": "_bodyRow--dropTarget_9nqt2_228",
 	dragCell: "_dragCell_9nqt2_235",
 	dragHandle: "_dragHandle_9nqt2_251"
-}, ci = 640;
-function li(e) {
+}, li = 640;
+function ui(e) {
 	let [t, n] = k.useState(!1);
 	return k.useEffect(() => {
 		if (e !== "auto") return;
-		let t = window.matchMedia(`(max-width: ${ci}px)`);
+		let t = window.matchMedia(`(max-width: ${li}px)`);
 		n(t.matches);
 		let r = (e) => n(e.matches);
 		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
 	}, [e]), e === "default" ? "default" : e === "stacked" || t ? "stacked" : "default";
 }
-var ui = ({ checked: e, indeterminate: t, onChange: n, label: r }) => {
+var di = ({ checked: e, indeterminate: t, onChange: n, label: r }) => {
 	let i = k.useRef(null);
 	return k.useEffect(() => {
 		i.current && (i.current.indeterminate = !!t);
@@ -4987,10 +5013,10 @@ var ui = ({ checked: e, indeterminate: t, onChange: n, label: r }) => {
 		})]
 	});
 };
-function di({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionChange: i, rowKey: a, reorderable: o, onReorder: s, bordered: c = !0, responsive: l = "auto", className: u }) {
-	let d = li(l), f = r !== void 0, [p, m] = k.useState([]), h = f ? r : p, g = (e) => {
+function fi({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionChange: i, rowKey: a, reorderable: o, onReorder: s, bordered: c = !0, responsive: l = "auto", className: u }) {
+	let d = ui(l), f = r !== void 0, [p, m] = k.useState([]), h = f ? r : p, g = (e) => {
 		f || m(e), i?.(e);
-	}, _ = t.length > 0 && h.length === t.length, v = h.length > 0 && !_, [y, b] = k.useState(null), [x, S] = k.useState(null), C = Yn(), w = () => {
+	}, _ = t.length > 0 && h.length === t.length, v = h.length > 0 && !_, [y, b] = k.useState(null), [x, S] = k.useState(null), C = Xn(), w = () => {
 		if (y === null || x === null || y === x) {
 			b(null), S(null);
 			return;
@@ -5015,7 +5041,7 @@ function di({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
 				].filter(Boolean).join(" "),
 				children: [n && /* @__PURE__ */ j("div", {
 					className: Q.card__selectRow,
-					children: /* @__PURE__ */ j(ui, {
+					children: /* @__PURE__ */ j(di, {
 						checked: i,
 						onChange: () => E(r),
 						label: `Select row ${r + 1}`
@@ -5051,7 +5077,7 @@ function di({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
 					}),
 					n && /* @__PURE__ */ j("th", {
 						className: Q.checkCell,
-						children: /* @__PURE__ */ j(ui, {
+						children: /* @__PURE__ */ j(di, {
 							checked: _,
 							indeterminate: v,
 							onChange: T,
@@ -5104,7 +5130,7 @@ function di({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
 						}),
 						n && /* @__PURE__ */ j("td", {
 							className: Q.checkCell,
-							children: /* @__PURE__ */ j(ui, {
+							children: /* @__PURE__ */ j(di, {
 								checked: i,
 								onChange: () => E(r),
 								label: `Select row ${r + 1}`
@@ -5121,7 +5147,7 @@ function di({ columns: e, rows: t, selectable: n, selectedRows: r, onSelectionCh
 		})]
 	});
 }
-var fi = {
+var pi = {
 	tabs: "_tabs_1122j_3",
 	"tabs--borderless": "_tabs--borderless_1122j_16",
 	"tabs--fill": "_tabs--fill_1122j_21",
@@ -5130,7 +5156,7 @@ var fi = {
 	"tab--active": "_tab--active_1122j_63",
 	indicator: "_indicator_1122j_74",
 	"indicator--animated": "_indicator--animated_1122j_88"
-}, pi = ({ items: e, value: t, defaultValue: n, onChange: r, bordered: i = !0, fill: a = !1, className: o }) => {
+}, mi = ({ items: e, value: t, defaultValue: n, onChange: r, bordered: i = !0, fill: a = !1, className: o }) => {
 	let s = t !== void 0, [c, l] = k.useState(n ?? e[0]?.value), u = s ? t : c, d = (e) => {
 		s || l(e), r?.(e);
 	}, f = k.useRef(null), p = k.useRef({}), [m, h] = k.useState(null), [g, _] = k.useState(!1);
@@ -5151,9 +5177,9 @@ var fi = {
 		ref: f,
 		role: "tablist",
 		className: [
-			fi.tabs,
-			i ? "" : fi["tabs--borderless"],
-			a ? fi["tabs--fill"] : "",
+			pi.tabs,
+			i ? "" : pi["tabs--borderless"],
+			a ? pi["tabs--fill"] : "",
 			o ?? ""
 		].filter(Boolean).join(" "),
 		children: [e.map((e) => {
@@ -5167,9 +5193,9 @@ var fi = {
 				"aria-selected": t,
 				disabled: e.disabled,
 				className: [
-					fi.tab,
-					t ? fi["tab--active"] : "",
-					e.disabled ? fi["tab--disabled"] : ""
+					pi.tab,
+					t ? pi["tab--active"] : "",
+					e.disabled ? pi["tab--disabled"] : ""
 				].filter(Boolean).join(" "),
 				onClick: () => d(e.value),
 				children: [n && /* @__PURE__ */ j(n, {
@@ -5180,14 +5206,14 @@ var fi = {
 			}, e.value);
 		}), m && /* @__PURE__ */ j("span", {
 			"aria-hidden": "true",
-			className: [fi.indicator, g ? fi["indicator--animated"] : ""].filter(Boolean).join(" "),
+			className: [pi.indicator, g ? pi["indicator--animated"] : ""].filter(Boolean).join(" "),
 			style: {
 				transform: `translateX(${m.left}px)`,
 				width: m.width
 			}
 		})]
 	});
-}, mi = {
+}, hi = {
 	wrapper: "_wrapper_w6wtp_8",
 	bubble: "_bubble_w6wtp_8",
 	bubble__title: "_bubble__title_w6wtp_46",
@@ -5209,7 +5235,7 @@ var fi = {
 	"caret--center-left": "_caret--center-left_w6wtp_121",
 	"bubble--center-right": "_bubble--center-right_w6wtp_131",
 	"caret--center-right": "_caret--center-right_w6wtp_139"
-}, hi = ({ title: e, subtitle: t, pointer: n = "top-center", children: r, className: i }) => {
+}, gi = ({ title: e, subtitle: t, pointer: n = "top-center", children: r, className: i }) => {
 	let [a, o] = k.useState(!1);
 	return k.useEffect(() => {
 		let e = (e) => {
@@ -5217,24 +5243,24 @@ var fi = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []), /* @__PURE__ */ M("span", {
-		className: [mi.wrapper, i ?? ""].filter(Boolean).join(" "),
+		className: [hi.wrapper, i ?? ""].filter(Boolean).join(" "),
 		"data-dismissed": a || void 0,
 		onMouseLeave: () => o(!1),
 		onBlur: () => o(!1),
 		children: [r, /* @__PURE__ */ M("span", {
 			role: "tooltip",
-			className: [mi.bubble, mi[`bubble--${n}`]].join(" "),
+			className: [hi.bubble, hi[`bubble--${n}`]].join(" "),
 			children: [
 				/* @__PURE__ */ j("span", {
-					className: mi.bubble__title,
+					className: hi.bubble__title,
 					children: e
 				}),
 				t && /* @__PURE__ */ j("span", {
-					className: mi.bubble__subtitle,
+					className: hi.bubble__subtitle,
 					children: t
 				}),
 				/* @__PURE__ */ j("span", {
-					className: [mi.caret, mi[`caret--${n}`]].join(" "),
+					className: [hi.caret, hi[`caret--${n}`]].join(" "),
 					"aria-hidden": "true"
 				})
 			]
@@ -5263,16 +5289,16 @@ var fi = {
 	"bar__left--search": "_bar__left--search_yqi1k_84",
 	bar__accountChevron: "_bar__accountChevron_yqi1k_98",
 	"bar__accountChevron--open": "_bar__accountChevron--open_yqi1k_104"
-}, gi = ({ type: e = "search", density: t = "md", left: n, showToggle: r = !0, onToggle: i, toggleIcon: a = w, showActions: o = !0, showHelp: s = !0, hasUnread: c = !1, rightSlot: u, account: d, accountOpen: f = !1, avatar: p, title: m, subtitle: h, actions: g, className: _ }) => {
-	let v = Yn(), y = Yn(), b = t === "md" ? 20 : 18, S = N(b);
+}, _i = ({ type: t = "search", density: n = "md", left: r, showToggle: i = !0, onToggle: a, toggleIcon: o = w, showActions: s = !0, showHelp: c = !0, hasUnread: l = !1, rightSlot: u, account: d, accountOpen: f = !1, avatar: p, title: m, subtitle: h, actions: g, className: _ }) => {
+	let v = Xn(), y = Xn(), x = n === "md" ? 20 : 18, S = N(x);
 	return /* @__PURE__ */ j("header", {
 		className: [
 			$.bar,
+			$[`bar--${n}`],
 			$[`bar--${t}`],
-			$[`bar--${e}`],
 			_ ?? ""
 		].filter(Boolean).join(" "),
-		children: e === "chat" ? /* @__PURE__ */ M(A, { children: [
+		children: t === "chat" ? /* @__PURE__ */ M(A, { children: [
 			p && /* @__PURE__ */ j("span", {
 				className: $.bar__chatAvatar,
 				children: p
@@ -5297,19 +5323,19 @@ var fi = {
 		] }) : /* @__PURE__ */ M(A, { children: [
 			/* @__PURE__ */ M("div", {
 				className: $.bar__leftGroup,
-				children: [r && /* @__PURE__ */ j("button", {
+				children: [i && /* @__PURE__ */ j("button", {
 					type: "button",
 					className: $.bar__icon,
-					onClick: i,
+					onClick: a,
 					"aria-label": "Toggle sidebar",
-					children: /* @__PURE__ */ j(a, {
-						size: b,
+					children: /* @__PURE__ */ j(o, {
+						size: x,
 						strokeWidth: S
 					})
 				}), /* @__PURE__ */ j("div", {
-					className: [$.bar__left, e === "search" ? $["bar__left--search"] : ""].filter(Boolean).join(" "),
-					"data-type": e,
-					children: n
+					className: [$.bar__left, t === "search" ? $["bar__left--search"] : ""].filter(Boolean).join(" "),
+					"data-type": t,
+					children: r
 				})]
 			}),
 			/* @__PURE__ */ j("div", { className: $.bar__spacer }),
@@ -5317,19 +5343,19 @@ var fi = {
 				className: $.bar__right,
 				children: [
 					u,
-					o && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("span", {
+					s && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("span", {
 						ref: v.ref,
 						...v.groupProps,
 						className: $.bar__iconGroup,
 						children: [
 							v.highlight,
-							s && /* @__PURE__ */ j("button", {
+							c && /* @__PURE__ */ j("button", {
 								type: "button",
 								"data-hover-item": "",
 								className: $.bar__icon,
 								"aria-label": "Help",
 								children: /* @__PURE__ */ j(ee, {
-									size: b,
+									size: x,
 									strokeWidth: S
 								})
 							}),
@@ -5340,10 +5366,10 @@ var fi = {
 								"aria-label": "Notifications",
 								children: /* @__PURE__ */ M("span", {
 									className: $.bar__bell,
-									children: [/* @__PURE__ */ j(x, {
-										size: b,
+									children: [/* @__PURE__ */ j(b, {
+										size: x,
 										strokeWidth: S
-									}), c && /* @__PURE__ */ j("span", {
+									}), l && /* @__PURE__ */ j("span", {
 										className: $.bar__dot,
 										"aria-hidden": "true"
 									})]
@@ -5353,7 +5379,7 @@ var fi = {
 					}), /* @__PURE__ */ j("span", { className: $.bar__divider })] }),
 					d && /* @__PURE__ */ M("div", {
 						className: $.bar__account,
-						children: [d, /* @__PURE__ */ j(l, {
+						children: [d, /* @__PURE__ */ j(e, {
 							size: 16,
 							strokeWidth: N(16),
 							className: [$.bar__accountChevron, f ? $["bar__accountChevron--open"] : ""].filter(Boolean).join(" ")
@@ -5365,4 +5391,4 @@ var fi = {
 	});
 };
 //#endregion
-export { cn as $, er as A, De as At, Nn as B, yr as C, F as Ct, ar as D, Ne as Dt, cr as E, Ie as Et, Un as F, wn as G, kn as H, Bn as I, vn as J, Cn as K, zn as L, Xn as M, Yn as N, ir as O, Me as Ot, Wn as P, un as Q, Ln as R, Cr as S, We as St, dr as T, Re as Tt, En as U, jn as V, Tn as W, hn as X, _n as Y, pn as Z, Nr as _, Ct as _t, si as a, Ut as at, Tr as b, $e as bt, Yr as c, It as ct, Ur as d, At as dt, $t as et, Hr as f, kt as ft, Fr as g, _t as gt, Ir as h, Tt as ht, di as i, Gt as it, Qn as j, N as jt, nr as k, Oe as kt, qr as l, Ft as lt, Rr as m, lt as mt, hi as n, Xt as nt, ti as o, zt as ot, Br as p, Ot as pt, bn as q, pi as r, qt as rt, Zr as s, Lt as st, gi as t, Qt as tt, Gr as u, Mt as ut, kr as v, rt as vt, hr as w, Ve as wt, Er as x, Ge as xt, Or as y, tt as yt, Fn as z };
+export { cn as $, tr as A, Oe as At, Nn as B, vr as C, We as Ct, sr as D, Ie as Dt, cr as E, Re as Et, Un as F, wn as G, kn as H, Bn as I, vn as J, Cn as K, zn as L, Zn as M, N as Mt, Xn as N, ar as O, Ne as Ot, Wn as P, un as Q, Ln as R, Sr as S, Ge as St, dr as T, Ve as Tt, En as U, jn as V, Tn as W, hn as X, _n as Y, pn as Z, Mr as _, Ct as _t, ci as a, Ut as at, kr as b, tt as bt, Xr as c, It as ct, Gr as d, At as dt, $t as et, Ur as f, kt as ft, Ir as g, _t as gt, Rr as h, Tt as ht, fi as i, Gt as it, $n as j, De as jt, rr as k, Me as kt, Jr as l, Ft as lt, zr as m, lt as mt, gi as n, Xt as nt, ni as o, zt as ot, Vr as p, Ot as pt, bn as q, mi as r, qt as rt, Qr as s, Lt as st, _i as t, Qt as tt, Kr as u, Mt as ut, jr as v, it as vt, mr as w, F as wt, Er as x, $e as xt, Or as y, rt as yt, Fn as z };