npm - @sakaniui/react - Versions diffs - 0.3.25 → 0.3.27 - Mend

@sakaniui/react 0.3.25 → 0.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +1 -1
package/dist/{TopBar-CwxSs2uQ.js → TopBar-Cbskdj4E.js} +700 -634
package/dist/TopBar-P5mbIdH5.cjs +1 -0
package/dist/blocks.cjs +1 -1
package/dist/blocks.mjs +15 -23
package/dist/components/SidebarItem/SidebarItem.d.ts +8 -0
package/dist/index.cjs +1 -1
package/dist/index.mjs +346 -328
package/dist/style.css +1 -1
package/package.json +1 -1
package/dist/TopBar-DMt67HWs.cjs +0 -1

package/dist/{TopBar-CwxSs2uQ.js → TopBar-Cbskdj4E.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import e, { useEffect as t, useState as n } from "react";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Bell as o, BellOff as s, Camera as c, Check as l, CheckCheck as u, ChevronDown as d, ChevronLeft as f, ChevronRight as p, CircleAlert as m, CircleHelp as h, Download as g, Eye as _, EyeOff as v, File as y, GripVertical as b, Heart as x, Inbox as S, Minus as C, PanelLeft as w, PanelLeftClose as T, Paperclip as E, Plus as D, Search as O, Send as ee, Smile as te, Star as k, StarHalf as ne, TrendingDown as re, TrendingUp as ie, TriangleAlert as ae, X as oe } from "lucide-react";
-import { PolarAngleAxis as se, RadialBar as ce, RadialBarChart as le, ResponsiveContainer as ue } from "recharts";
-import de, { createPortal as fe } from "react-dom";
+import { Bell as o, BellOff as s, Camera as c, Check as l, CheckCheck as u, ChevronDown as d, ChevronLeft as f, ChevronRight as p, ChevronsUpDown as m, CircleAlert as h, CircleHelp as g, Download as _, Eye as v, EyeOff as y, File as b, GripVertical as x, Heart as S, Inbox as C, Minus as w, PanelLeft as T, PanelLeftClose as E, Paperclip as D, Plus as O, Search as ee, Send as te, Smile as ne, Star as re, StarHalf as ie, TrendingDown as ae, TrendingUp as oe, TriangleAlert as se, X as ce } from "lucide-react";
+import { PolarAngleAxis as le, RadialBar as ue, RadialBarChart as de, ResponsiveContainer as fe } from "recharts";
+import pe, { createPortal as me } from "react-dom";
 //#region src/lib/iconStrokeWidth.ts
-var A = (e, t = 1.5) => 24 / e * t, pe = {
+var k = (e, t = 1.5) => 24 / e * t, A = {
 	accordion: "_accordion_1njer_3",
 	item: "_item_1njer_10",
 	item__header: "_item__header_1njer_12",
@@ -15,26 +15,26 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 	"item__panelWrap--open": "_item__panelWrap--open_1njer_50",
 	item__panel: "_item__panel_1njer_45",
 	item__panelInner: "_item__panelInner_1njer_53"
-}, me = ({ title: t, children: n, open: r, defaultOpen: o = !1, className: s }) => {
+}, he = ({ title: t, children: n, open: r, defaultOpen: o = !1, className: s }) => {
 	let c = r !== void 0, [l, u] = e.useState(o), d = c ? r : l;
 	return /* @__PURE__ */ a("div", {
-		className: [pe.item, s ?? ""].filter(Boolean).join(" "),
+		className: [A.item, s ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ a("button", {
 			type: "button",
-			className: pe.item__header,
+			className: A.item__header,
 			"aria-expanded": d,
 			onClick: () => !c && u((e) => !e),
 			children: [/* @__PURE__ */ i("span", {
-				className: pe.item__title,
+				className: A.item__title,
 				children: t
 			}), /* @__PURE__ */ i("span", {
-				className: [pe.item__chevron, d ? pe["item__chevron--open"] : ""].join(" "),
+				className: [A.item__chevron, d ? A["item__chevron--open"] : ""].join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
-					strokeWidth: A(18),
+					strokeWidth: k(18),
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					width: 18,
@@ -43,20 +43,20 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 				})
 			})]
 		}), /* @__PURE__ */ i("div", {
-			className: [pe.item__panelWrap, d ? pe["item__panelWrap--open"] : ""].join(" "),
+			className: [A.item__panelWrap, d ? A["item__panelWrap--open"] : ""].join(" "),
 			children: /* @__PURE__ */ i("div", {
-				className: pe.item__panel,
+				className: A.item__panel,
 				children: /* @__PURE__ */ i("div", {
-					className: pe.item__panelInner,
+					className: A.item__panelInner,
 					children: n
 				})
 			})
 		})]
 	});
-}, he = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
-	className: [pe.accordion, t ?? ""].filter(Boolean).join(" "),
+}, ge = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
+	className: [A.accordion, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), ge = {
+}), _e = {
 	avatar: "_avatar_1igqs_3",
 	"avatar--sm": "_avatar--sm_1igqs_17",
 	"avatar--md": "_avatar--md_1igqs_18",
@@ -66,16 +66,16 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 	avatar__image: "_avatar__image_1igqs_31",
 	avatar__initials: "_avatar__initials_1igqs_39",
 	avatar__icon: "_avatar__icon_1igqs_46"
-}, _e = {
+}, ve = {
 	sm: 14,
 	md: 18,
 	lg: 22,
 	xl: 26
-}, ve = ({ px: e }) => /* @__PURE__ */ a("svg", {
+}, ye = ({ px: e }) => /* @__PURE__ */ a("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
-	strokeWidth: A(e),
+	strokeWidth: k(e),
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	"aria-hidden": "true",
@@ -84,18 +84,18 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 		cy: "7",
 		r: "4"
 	})]
-}), ye = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
+}), be = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
 	let c = [
-		ge.avatar,
-		ge[`avatar--${t}`],
+		_e.avatar,
+		_e[`avatar--${t}`],
 		s ?? ""
 	].filter(Boolean).join(" ");
 	if (n) return /* @__PURE__ */ i("span", {
-		className: [c, ge["avatar--bordered"]].join(" "),
+		className: [c, _e["avatar--bordered"]].join(" "),
 		children: /* @__PURE__ */ i("img", {
 			src: n,
 			alt: r,
-			className: ge.avatar__image
+			className: _e.avatar__image
 		})
 	});
 	if (a) return /* @__PURE__ */ i("span", {
@@ -103,20 +103,20 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 		role: "img",
 		"aria-label": r || a,
 		children: /* @__PURE__ */ i("span", {
-			className: ge.avatar__initials,
+			className: _e.avatar__initials,
 			children: a.slice(0, 2).toUpperCase()
 		})
 	});
-	let l = _e[t], u = e.isValidElement(o) ? e.cloneElement(o, {
+	let l = ve[t], u = e.isValidElement(o) ? e.cloneElement(o, {
 		size: l,
-		strokeWidth: A(l)
-	}) : o ?? /* @__PURE__ */ i(ve, { px: l });
+		strokeWidth: k(l)
+	}) : o ?? /* @__PURE__ */ i(ye, { px: l });
 	return /* @__PURE__ */ i("span", {
 		className: c,
 		role: "img",
 		"aria-label": r || "avatar",
 		children: /* @__PURE__ */ i("span", {
-			className: ge.avatar__icon,
+			className: _e.avatar__icon,
 			children: u
 		})
 	});
@@ -135,13 +135,13 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 	actor: "_actor_1pvgl_88",
 	highlight: "_highlight_1pvgl_89",
 	timestamp: "_timestamp_1pvgl_92"
-}, be = ({ children: e }) => /* @__PURE__ */ i("span", {
+}, xe = ({ children: e }) => /* @__PURE__ */ i("span", {
 	className: j.highlight,
 	children: e
-}), xe = 16, Se = (t) => e.isValidElement(t) ? e.cloneElement(t, {
-	size: xe,
-	strokeWidth: A(xe)
-}) : t, Ce = ({ items: e, variant: t = "default", className: n }) => {
+}), Se = 16, Ce = (t) => e.isValidElement(t) ? e.cloneElement(t, {
+	size: Se,
+	strokeWidth: k(Se)
+}) : t, we = ({ items: e, variant: t = "default", className: n }) => {
 	let r = t === "compact";
 	return /* @__PURE__ */ i("div", {
 		className: [
@@ -155,7 +155,7 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 				className: j["row--compact"],
 				children: [/* @__PURE__ */ a("div", {
 					className: j.compactLeft,
-					children: [/* @__PURE__ */ i(ye, {
+					children: [/* @__PURE__ */ i(be, {
 						size: "sm",
 						src: t.avatarSrc,
 						alt: t.avatarAlt ?? t.actor
@@ -180,7 +180,7 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 					className: j.rail,
 					children: [/* @__PURE__ */ i("div", {
 						className: j.dot,
-						children: Se(t.icon)
+						children: Ce(t.icon)
 					}), !o && /* @__PURE__ */ i("div", { className: j.connector })]
 				}), /* @__PURE__ */ a("div", {
 					className: [j.content, o ? "" : j["content--spaced"]].filter(Boolean).join(" "),
@@ -202,18 +202,18 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 			}, s);
 		})
 	});
-}, we = {
+}, Te = {
 	link: "_link_1g7dc_3",
 	link__external: "_link__external_1g7dc_34"
-}, Te = e.forwardRef(({ external: e, children: t, className: n, href: r, ...o }, s) => /* @__PURE__ */ a("a", {
+}, Ee = e.forwardRef(({ external: e, children: t, className: n, href: r, ...o }, s) => /* @__PURE__ */ a("a", {
 	ref: s,
 	href: r,
-	className: [we.link, n ?? ""].filter(Boolean).join(" "),
+	className: [Te.link, n ?? ""].filter(Boolean).join(" "),
 	target: e ? "_blank" : o.target,
 	rel: e ? "noopener noreferrer" : o.rel,
 	...o,
 	children: [t, e && /* @__PURE__ */ i("span", {
-		className: we.link__external,
+		className: Te.link__external,
 		"aria-label": "(opens in new tab)",
 		children: /* @__PURE__ */ a("svg", {
 			width: 12,
@@ -221,7 +221,7 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 			viewBox: "0 0 24 24",
 			fill: "none",
 			stroke: "currentColor",
-			strokeWidth: A(12),
+			strokeWidth: k(12),
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			"aria-hidden": "true",
@@ -238,8 +238,8 @@ var A = (e, t = 1.5) => 24 / e * t, pe = {
 		})
 	})]
 }));
-Te.displayName = "Link";
-var Ee = {
+Ee.displayName = "Link";
+var De = {
 	button: "_button_l09ur_2",
 	"button--sm": "_button--sm_l09ur_26",
 	"button--md": "_button--md_l09ur_27",
@@ -249,44 +249,44 @@ var Ee = {
 	"button--outline": "_button--outline_l09ur_43",
 	"button--ghost": "_button--ghost_l09ur_48",
 	"button--destructive": "_button--destructive_l09ur_53"
-}, De = {
+}, Oe = {
 	sm: 16,
 	md: 18,
 	lg: 20
-}, Oe = e.forwardRef(({ icon: e, variant: t = "primary", size: n = "md", disabled: r, className: a, ...o }, s) => /* @__PURE__ */ i("button", {
+}, ke = e.forwardRef(({ icon: e, variant: t = "primary", size: n = "md", disabled: r, className: a, ...o }, s) => /* @__PURE__ */ i("button", {
 	ref: s,
 	disabled: r,
 	className: [
-		Ee.button,
-		Ee[`button--${t}`],
-		Ee[`button--${n}`],
+		De.button,
+		De[`button--${t}`],
+		De[`button--${n}`],
 		a ?? ""
 	].filter(Boolean).join(" "),
 	...o,
 	children: /* @__PURE__ */ i(e, {
-		size: De[n],
-		strokeWidth: A(De[n]),
+		size: Oe[n],
+		strokeWidth: k(Oe[n]),
 		"aria-hidden": "true"
 	})
 }));
-Oe.displayName = "IconButton";
+ke.displayName = "IconButton";
 var M = {
-	button: "_button_1dc1s_21",
-	"button--primary": "_button--primary_1dc1s_106",
-	"button--secondary": "_button--secondary_1dc1s_133",
-	"button--outline": "_button--outline_1dc1s_156",
-	"button--ghost": "_button--ghost_1dc1s_178",
-	"button--destructive": "_button--destructive_1dc1s_199",
-	"button--sm": "_button--sm_1dc1s_223",
-	"button--md": "_button--md_1dc1s_233",
-	"button--lg": "_button--lg_1dc1s_243",
-	"button--hasLeftIcon": "_button--hasLeftIcon_1dc1s_254",
-	"button--hasRightIcon": "_button--hasRightIcon_1dc1s_255",
-	button__icon: "_button__icon_1dc1s_267",
-	button__label: "_button__label_1dc1s_274",
-	"button--loading": "_button--loading_1dc1s_284",
-	button__spinner: "_button__spinner_1dc1s_288",
-	"sakani-btn-spin": "_sakani-btn-spin_1dc1s_1"
+	button: "_button_1cdb5_21",
+	"button--primary": "_button--primary_1cdb5_106",
+	"button--secondary": "_button--secondary_1cdb5_133",
+	"button--outline": "_button--outline_1cdb5_156",
+	"button--ghost": "_button--ghost_1cdb5_178",
+	"button--destructive": "_button--destructive_1cdb5_202",
+	"button--sm": "_button--sm_1cdb5_226",
+	"button--md": "_button--md_1cdb5_236",
+	"button--lg": "_button--lg_1cdb5_246",
+	"button--hasLeftIcon": "_button--hasLeftIcon_1cdb5_257",
+	"button--hasRightIcon": "_button--hasRightIcon_1cdb5_258",
+	button__icon: "_button__icon_1cdb5_270",
+	button__label: "_button__label_1cdb5_277",
+	"button--loading": "_button--loading_1cdb5_287",
+	button__spinner: "_button__spinner_1cdb5_291",
+	"sakani-btn-spin": "_sakani-btn-spin_1cdb5_1"
 }, N = e.forwardRef(({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: r, loading: o = !1, disabled: s, children: c, className: l, ...u }, d) => {
 	let f = s || o;
 	return /* @__PURE__ */ a("button", {
@@ -348,7 +348,7 @@ var P = {
 	hint: "_hint_3mj75_79",
 	link: "_link_3mj75_88",
 	input: "_input_3mj75_92"
-}, ke = ({ src: t, alt: n, orientation: r = "vertical", accept: o = "image/jpeg,image/png", title: s = "Upload a photo", hint: l = "JPG or PNG, max 5MB.", onFileSelect: u, onRemove: d, className: f }) => {
+}, Ae = ({ src: t, alt: n, orientation: r = "vertical", accept: o = "image/jpeg,image/png", title: s = "Upload a photo", hint: l = "JPG or PNG, max 5MB.", onFileSelect: u, onRemove: d, className: f }) => {
 	let p = e.useRef(null), m = t !== void 0, [h, g] = e.useState(void 0), _ = m ? t : h, v = r === "horizontal", y = !!_, b = () => p.current?.click(), x = () => {
 		d?.(), m || g(void 0);
 	}, S = /* @__PURE__ */ a("div", {
@@ -370,7 +370,7 @@ var P = {
 		children: [
 			/* @__PURE__ */ a("div", {
 				className: P.circleWrap,
-				children: [/* @__PURE__ */ i(ye, {
+				children: [/* @__PURE__ */ i(be, {
 					size: v ? "lg" : "xl",
 					src: _,
 					alt: n,
@@ -382,7 +382,7 @@ var P = {
 					"aria-label": "Change photo",
 					children: /* @__PURE__ */ i(c, {
 						size: 16,
-						strokeWidth: A(16)
+						strokeWidth: k(16)
 					})
 				})]
 			}),
@@ -404,7 +404,7 @@ var P = {
 					children: "Upload"
 				})]
 			}),
-			!v && (y ? /* @__PURE__ */ i(Te, {
+			!v && (y ? /* @__PURE__ */ i(Ee, {
 				href: "#",
 				onClick: (e) => {
 					e.preventDefault(), b();
@@ -432,7 +432,7 @@ var P = {
 };
 //#endregion
 //#region src/lib/useThemeTick.ts
-function Ae() {
+function je() {
 	let [e, r] = n(0);
 	return t(() => {
 		if (typeof document > "u") return;
@@ -462,30 +462,30 @@ var F = {
 	changeValue__down: "_changeValue__down_kaxp5_117",
 	changeLabel: "_changeLabel_kaxp5_124",
 	ringCard: "_ringCard_kaxp5_132"
-}, je = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", Me = 8, Ne = 6, Pe = 90, Fe = (e) => {
-	let t = Math.min(e, Me);
-	return Array.from({ length: t }, () => je[Math.floor(Math.random() * 36)]).join("");
-}, Ie = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Le = ({ progress: e }) => {
-	Ae();
-	let t = Ie("--color-chart-1") ?? "#ff4700", n = Ie("--color-bg-subtle") ?? "#f5f4f2", r = [{ value: Math.max(0, Math.min(100, e)) }];
+}, Me = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", Ne = 8, Pe = 6, Fe = 90, Ie = (e) => {
+	let t = Math.min(e, Ne);
+	return Array.from({ length: t }, () => Me[Math.floor(Math.random() * 36)]).join("");
+}, Le = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Re = ({ progress: e }) => {
+	je();
+	let t = Le("--color-chart-1") ?? "#ff4700", n = Le("--color-bg-subtle") ?? "#f5f4f2", r = [{ value: Math.max(0, Math.min(100, e)) }];
 	return /* @__PURE__ */ i("div", {
 		className: F.ringCard,
-		children: /* @__PURE__ */ i(ue, {
+		children: /* @__PURE__ */ i(fe, {
 			width: 64,
 			height: 64,
-			children: /* @__PURE__ */ a(le, {
+			children: /* @__PURE__ */ a(de, {
 				data: r,
 				startAngle: 90,
 				endAngle: -270,
 				innerRadius: "72%",
 				outerRadius: "100%",
 				barSize: 10,
-				children: [/* @__PURE__ */ i(se, {
+				children: [/* @__PURE__ */ i(le, {
 					type: "number",
 					domain: [0, 100],
 					tick: !1,
 					axisLine: !1
-				}), /* @__PURE__ */ i(ce, {
+				}), /* @__PURE__ */ i(ue, {
 					dataKey: "value",
 					cornerRadius: 5,
 					fill: t,
@@ -495,8 +495,8 @@ var F = {
 			})
 		})
 	});
-}, Re = ({ label: t = "Available balance", value: n, change: r, progress: o, hidden: s, onToggleHidden: c, className: l }) => {
-	let u = s !== void 0, [d, f] = e.useState(!1), p = u ? s : d, m = o !== void 0, h = r?.direction ?? "up", g = h === "up" ? ie : re, y = () => {
+}, ze = ({ label: t = "Available balance", value: n, change: r, progress: o, hidden: s, onToggleHidden: c, className: l }) => {
+	let u = s !== void 0, [d, f] = e.useState(!1), p = u ? s : d, m = o !== void 0, h = r?.direction ?? "up", g = h === "up" ? oe : ae, _ = () => {
 		let e = !p;
 		c?.(e), u || f(e);
 	}, [b, x] = e.useState(!1), [S, C] = e.useState(0), w = e.useRef(!1);
@@ -504,13 +504,13 @@ var F = {
 		if (p && !w.current) {
 			x(!0);
 			let e = 0, t = setInterval(() => {
-				e += 1, C((e) => e + 1), e >= Ne && (clearInterval(t), x(!1));
-			}, Pe);
+				e += 1, C((e) => e + 1), e >= Pe && (clearInterval(t), x(!1));
+			}, Fe);
 			return w.current = !0, () => clearInterval(t);
 		}
 		w.current = p;
 	}, [p]);
-	let T = e.useMemo(() => Fe(n.length), [n, S]), E = e.useMemo(() => r ? Fe(r.value.length) : "", [r?.value, S]), D = /* @__PURE__ */ a("div", {
+	let T = e.useMemo(() => Ie(n.length), [n, S]), E = e.useMemo(() => r ? Ie(r.value.length) : "", [r?.value, S]), D = /* @__PURE__ */ a("div", {
 		className: F.content,
 		children: [
 			/* @__PURE__ */ a("div", {
@@ -522,10 +522,10 @@ var F = {
 					type: "button",
 					className: F.hideToggle,
 					"aria-label": p ? "Show balance" : "Hide balance",
-					onClick: y,
-					children: i(p ? v : _, {
+					onClick: _,
+					children: i(p ? y : v, {
 						size: 16,
-						strokeWidth: A(16)
+						strokeWidth: k(16)
 					})
 				})]
 			}),
@@ -563,9 +563,9 @@ var F = {
 			m ? F["balance--progress"] : "",
 			l ?? ""
 		].filter(Boolean).join(" "),
-		children: [m && /* @__PURE__ */ i(Le, { progress: o }), D]
+		children: [m && /* @__PURE__ */ i(Re, { progress: o }), D]
 	});
-}, ze = {
+}, Be = {
 	progress: "_progress_1qaz4_11",
 	"progress--sm": "_progress--sm_1qaz4_20",
 	"progress--md": "_progress--md_1qaz4_21",
@@ -573,7 +573,7 @@ var F = {
 	progress__fill: "_progress__fill_1qaz4_25",
 	"progress__fill--indeterminate": "_progress__fill--indeterminate_1qaz4_33",
 	"progress-scan": "_progress-scan_1qaz4_1"
-}, Be = ({ value: e, size: t = "md", label: n = "Progress", className: r }) => {
+}, Ve = ({ value: e, size: t = "md", label: n = "Progress", className: r }) => {
 	let a = e === void 0, o = Math.min(100, Math.max(0, e ?? 0));
 	return /* @__PURE__ */ i("div", {
 		role: "progressbar",
@@ -582,42 +582,42 @@ var F = {
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		className: [
-			ze.progress,
-			ze[`progress--${t}`],
+			Be.progress,
+			Be[`progress--${t}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ i("div", {
-			className: [ze.progress__fill, a ? ze["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
+			className: [Be.progress__fill, a ? Be["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
 			style: a ? void 0 : { width: `${o}%` }
 		})
 	});
-}, Ve = ["dark", "force-light"];
-function He(e, r) {
+}, He = ["dark", "force-light"];
+function Ue(e, r) {
 	let [i, a] = n("");
 	return t(() => {
 		if (!r || typeof document > "u") return;
 		let t = e.current;
 		if (!t) return;
-		let n = t.closest(Ve.map((e) => `.${e}`).join(", ")), i = n ? Ve.find((e) => n.classList.contains(e)) ?? "" : "";
+		let n = t.closest(He.map((e) => `.${e}`).join(", ")), i = n ? He.find((e) => n.classList.contains(e)) ?? "" : "";
 		a(i);
 	}, [e, r]), i;
 }
-var Ue = {
+var We = {
 	"divider--horizontal": "_divider--horizontal_nem37_4",
 	"divider--labeled": "_divider--labeled_nem37_13",
 	"divider--vertical": "_divider--vertical_nem37_27",
 	divider__label: "_divider__label_nem37_38"
-}, We = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
+}, Ge = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
 	role: "separator",
 	"aria-orientation": e,
 	className: [
-		Ue.divider,
-		Ue[`divider--${e}`],
-		t ? Ue["divider--labeled"] : "",
+		We.divider,
+		We[`divider--${e}`],
+		t ? We["divider--labeled"] : "",
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: t && e === "horizontal" && /* @__PURE__ */ i("span", {
-		className: Ue.divider__label,
+		className: We.divider__label,
 		children: t
 	})
 }), I = {
@@ -639,8 +639,8 @@ var Ue = {
 	"sakani-modal-card-in": "_sakani-modal-card-in_123ke_1",
 	"card--exiting": "_card--exiting_123ke_113",
 	"sakani-modal-card-out": "_sakani-modal-card-out_123ke_1"
-}, Ge = ({ open: t, onClose: n, title: o, description: s, variant: c = "default", icon: l, cancelLabel: u = "Cancel", confirmLabel: d, onCancel: f, onConfirm: p, confirmLoading: m, closeOnEscape: h = !0, closeOnBackdropClick: g = !0, children: _, hideHeader: v = !1, hideFooterDivider: y = !1, footerJustify: b = "end", className: x }) => {
-	let S = c === "destructive", C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), E = He(T, t), [D, O] = e.useState(!1);
+}, Ke = ({ open: t, onClose: n, title: o, description: s, variant: c = "default", icon: l, cancelLabel: u = "Cancel", confirmLabel: d, onCancel: f, onConfirm: p, confirmLoading: m, closeOnEscape: h = !0, closeOnBackdropClick: g = !0, children: _, hideHeader: v = !1, hideFooterDivider: y = !1, footerJustify: b = "end", className: x }) => {
+	let S = c === "destructive", C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), E = Ue(T, t), [D, O] = e.useState(!1);
 	return e.useEffect(() => {
 		t && O(!0);
 	}, [t]), e.useEffect(() => {
@@ -676,7 +676,7 @@ var Ue = {
 		ref: T,
 		style: { display: "none" },
 		"aria-hidden": "true"
-	}), D && fe(/* @__PURE__ */ i("div", {
+	}), D && me(/* @__PURE__ */ i("div", {
 		className: [
 			I.backdrop,
 			E,
@@ -708,9 +708,9 @@ var Ue = {
 						children: [S && /* @__PURE__ */ i("span", {
 							className: I.iconWrap,
 							"aria-hidden": "true",
-							children: l ?? /* @__PURE__ */ i(ae, {
+							children: l ?? /* @__PURE__ */ i(se, {
 								size: 24,
-								strokeWidth: A(24),
+								strokeWidth: k(24),
 								className: I.icon
 							})
 						}), /* @__PURE__ */ i("p", {
@@ -718,8 +718,8 @@ var Ue = {
 							className: I.title,
 							children: o
 						})]
-					}), /* @__PURE__ */ i(Oe, {
-						icon: oe,
+					}), /* @__PURE__ */ i(ke, {
+						icon: ce,
 						variant: "ghost",
 						size: "lg",
 						"aria-label": "Close",
@@ -731,7 +731,7 @@ var Ue = {
 					children: s
 				}),
 				_,
-				!y && /* @__PURE__ */ i(We, {}),
+				!y && /* @__PURE__ */ i(Ge, {}),
 				/* @__PURE__ */ a("div", {
 					className: [I.footer, b === "between" ? I["footer--between"] : ""].filter(Boolean).join(" "),
 					children: [/* @__PURE__ */ i(N, {
@@ -763,10 +763,10 @@ var Ue = {
 	cardTop: "_cardTop_88l3n_87",
 	description: "_description_88l3n_94",
 	actions: "_actions_88l3n_102"
-}, Ke = ({ icon: e, title: t, timestamp: n, read: r = !1, description: s, onDismiss: c, dismissLabel: l = "Dismiss", actionLabel: u, onAction: d, className: f }) => {
+}, qe = ({ icon: e, title: t, timestamp: n, read: r = !1, description: s, onDismiss: c, dismissLabel: l = "Dismiss", actionLabel: u, onAction: d, className: f }) => {
 	let p = s !== void 0, m = !r && !p, h = e ?? /* @__PURE__ */ i(o, {
 		size: 24,
-		strokeWidth: A(24)
+		strokeWidth: k(24)
 	});
 	return p ? /* @__PURE__ */ a("div", {
 		className: [L.card, f ?? ""].filter(Boolean).join(" "),
@@ -788,8 +788,8 @@ var Ue = {
 						children: s
 					})]
 				}),
-				c && /* @__PURE__ */ i(Oe, {
-					icon: oe,
+				c && /* @__PURE__ */ i(ke, {
+					icon: ce,
 					variant: "ghost",
 					size: "sm",
 					"aria-label": "Close",
@@ -835,28 +835,28 @@ var Ue = {
 			})
 		]
 	});
-}, qe = {
+}, Je = {
 	stat: "_stat_krs8c_1",
 	labelRow: "_labelRow_krs8c_10",
 	label: "_label_krs8c_10",
 	value: "_value_krs8c_27"
-}, Je = ({ label: e, value: t, progress: n, className: r }) => /* @__PURE__ */ a("div", {
-	className: [qe.stat, r ?? ""].filter(Boolean).join(" "),
+}, Ye = ({ label: e, value: t, progress: n, className: r }) => /* @__PURE__ */ a("div", {
+	className: [Je.stat, r ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ a("div", {
-		className: qe.labelRow,
+		className: Je.labelRow,
 		children: [/* @__PURE__ */ i("p", {
-			className: qe.label,
+			className: Je.label,
 			children: e
 		}), /* @__PURE__ */ i("p", {
-			className: qe.value,
+			className: Je.value,
 			children: t
 		})]
-	}), /* @__PURE__ */ i(Be, {
+	}), /* @__PURE__ */ i(Ve, {
 		value: n,
 		size: "lg",
 		label: e
 	})]
-}), Ye = {
+}), Xe = {
 	balance: "_balance_5gcu5_1",
 	label: "_label_5gcu5_10",
 	amountRow: "_amountRow_5gcu5_19",
@@ -866,25 +866,25 @@ var Ue = {
 	fill: "_fill_5gcu5_50",
 	"fill--over": "_fill--over_5gcu5_57",
 	footer: "_footer_5gcu5_61"
-}, Xe = (e) => e.toLocaleString("en-US", {
+}, Ze = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), Ze = ({ label: e = "Spent this month", spent: t, limit: n, formatAmount: r = Xe, className: o }) => {
+}), Qe = ({ label: e = "Spent this month", spent: t, limit: n, formatAmount: r = Ze, className: o }) => {
 	let s = t > n, c = s ? 100 : n > 0 ? t / n * 100 : 0, l = s ? `${r(t - n)} over your limit` : `${r(n - t)} remaining`;
 	return /* @__PURE__ */ a("div", {
-		className: [Ye.balance, o ?? ""].filter(Boolean).join(" "),
+		className: [Xe.balance, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("p", {
-				className: Ye.label,
+				className: Xe.label,
 				children: e
 			}),
 			/* @__PURE__ */ a("div", {
-				className: Ye.amountRow,
+				className: Xe.amountRow,
 				children: [/* @__PURE__ */ i("p", {
-					className: Ye.amount,
+					className: Xe.amount,
 					children: r(t)
 				}), /* @__PURE__ */ a("p", {
-					className: Ye.limit,
+					className: Xe.limit,
 					children: [
 						"of ",
 						r(n),
@@ -893,24 +893,24 @@ var Ue = {
 				})]
 			}),
 			/* @__PURE__ */ i("div", {
-				className: Ye.track,
+				className: Xe.track,
 				role: "progressbar",
 				"aria-label": e,
 				"aria-valuenow": Math.round(c),
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				children: /* @__PURE__ */ i("div", {
-					className: [Ye.fill, s ? Ye["fill--over"] : ""].filter(Boolean).join(" "),
+					className: [Xe.fill, s ? Xe["fill--over"] : ""].filter(Boolean).join(" "),
 					style: { width: `${c}%` }
 				})
 			}),
 			/* @__PURE__ */ i("p", {
-				className: Ye.footer,
+				className: Xe.footer,
 				children: l
 			})
 		]
 	});
-}, Qe = {
+}, $e = {
 	badge: "_badge_a5a38_6",
 	"badge--neutral-subtle": "_badge--neutral-subtle_a5a38_20",
 	"badge--neutral-solid": "_badge--neutral-solid_a5a38_21",
@@ -926,24 +926,24 @@ var Ue = {
 	"badge--info-solid": "_badge--info-solid_a5a38_41",
 	badge__icon: "_badge__icon_a5a38_44",
 	badge__label: "_badge__label_a5a38_45"
-}, $e = ({ variant: e = "neutral", emphasis: t = "subtle", leftIcon: n, rightIcon: r, children: o, className: s }) => /* @__PURE__ */ a("span", {
+}, et = ({ variant: e = "neutral", emphasis: t = "subtle", leftIcon: n, rightIcon: r, children: o, className: s }) => /* @__PURE__ */ a("span", {
 	className: [
-		Qe.badge,
-		Qe[`badge--${e}-${t}`],
+		$e.badge,
+		$e[`badge--${e}-${t}`],
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
 		n && /* @__PURE__ */ i("span", {
-			className: Qe.badge__icon,
+			className: $e.badge__icon,
 			"aria-hidden": "true",
 			children: n
 		}),
 		/* @__PURE__ */ i("span", {
-			className: Qe.badge__label,
+			className: $e.badge__label,
 			children: o
 		}),
 		r && /* @__PURE__ */ i("span", {
-			className: Qe.badge__icon,
+			className: $e.badge__icon,
 			"aria-hidden": "true",
 			children: r
 		})
@@ -967,7 +967,7 @@ var Ue = {
 	"roll-out-down": "_roll-out-down_1w3rz_1",
 	rollInDown: "_rollInDown_1w3rz_133",
 	"roll-in-down": "_roll-in-down_1w3rz_1"
-}, et = ({ value: t }) => {
+}, tt = ({ value: t }) => {
 	let n = e.useRef(t), [r, o] = e.useState(null);
 	return t !== n.current && (o({
 		value: n.current,
@@ -988,7 +988,7 @@ var Ue = {
 			children: t
 		}, `in-${t}`)]
 	});
-}, tt = ({ quantity: t, onQuantityChange: n, min: r = 1, max: o, label: s = "Quantity", className: c }) => {
+}, nt = ({ quantity: t, onQuantityChange: n, min: r = 1, max: o, label: s = "Quantity", className: c }) => {
 	let l = t > r, u = o === void 0 || t < o, d = e.useRef(null), [f, p] = e.useState(!1), [m, h] = e.useState(String(t)), g = (e) => {
 		let t = e;
 		return r !== void 0 && (t = Math.max(r, t)), o !== void 0 && (t = Math.min(o, t)), t;
@@ -1004,9 +1004,9 @@ var Ue = {
 				disabled: !l,
 				onClick: () => n?.(Math.max(r, t - 1)),
 				"aria-label": "Decrease quantity",
-				children: /* @__PURE__ */ i(C, {
+				children: /* @__PURE__ */ i(w, {
 					size: 14,
-					strokeWidth: A(14)
+					strokeWidth: k(14)
 				})
 			}),
 			/* @__PURE__ */ i("span", {
@@ -1041,7 +1041,7 @@ var Ue = {
 				}), /* @__PURE__ */ i("span", {
 					className: [R.rollOverlay, f ? R.rollOverlayHidden : ""].filter(Boolean).join(" "),
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ i(et, { value: t })
+					children: /* @__PURE__ */ i(tt, { value: t })
 				})]
 			}),
 			/* @__PURE__ */ i("span", {
@@ -1054,9 +1054,9 @@ var Ue = {
 				disabled: !u,
 				onClick: () => n?.(o === void 0 ? t + 1 : Math.min(o, t + 1)),
 				"aria-label": "Increase quantity",
-				children: /* @__PURE__ */ i(D, {
+				children: /* @__PURE__ */ i(O, {
 					size: 14,
-					strokeWidth: A(14)
+					strokeWidth: k(14)
 				})
 			})
 		]
@@ -1072,10 +1072,10 @@ var Ue = {
 	priceRow: "_priceRow_15jww_67",
 	priceOriginal: "_priceOriginal_15jww_75",
 	priceSale: "_priceSale_15jww_80"
-}, nt = (e) => e.toLocaleString("en-US", {
+}, rt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), rt = ({ image: e, imageAlt: t, name: n, variant: r, price: o, compareAtPrice: s, quantity: c, onQuantityChange: l, minQuantity: u = 1, maxQuantity: d, onRemove: f, removeLabel: p = "Remove item", formatPrice: m = nt, className: h }) => {
+}), it = ({ image: e, imageAlt: t, name: n, variant: r, price: o, compareAtPrice: s, quantity: c, onQuantityChange: l, minQuantity: u = 1, maxQuantity: d, onRemove: f, removeLabel: p = "Remove item", formatPrice: m = rt, className: h }) => {
 	let g = s !== void 0;
 	return /* @__PURE__ */ a("div", {
 		className: [z.item, h ?? ""].filter(Boolean).join(" "),
@@ -1096,7 +1096,7 @@ var Ue = {
 						className: z.variant,
 						children: r
 					}),
-					/* @__PURE__ */ i(tt, {
+					/* @__PURE__ */ i(nt, {
 						quantity: c,
 						onQuantityChange: l,
 						min: u,
@@ -1119,8 +1119,8 @@ var Ue = {
 				}) : /* @__PURE__ */ i("p", {
 					className: z.price,
 					children: m(o)
-				}), /* @__PURE__ */ i(Oe, {
-					icon: C,
+				}), /* @__PURE__ */ i(ke, {
+					icon: w,
 					variant: "outline",
 					size: "sm",
 					"aria-label": p,
@@ -1129,7 +1129,7 @@ var Ue = {
 			})
 		]
 	});
-}, it = {
+}, at = {
 	steps: "_steps_t53um_1",
 	step: "_step_t53um_1",
 	connector: "_connector_t53um_16",
@@ -1140,74 +1140,95 @@ var Ue = {
 	label: "_label_t53um_49",
 	labelActive: "_labelActive_t53um_56",
 	labelUpcoming: "_labelUpcoming_t53um_59"
-}, at = [
+}, ot = [
 	"Cart",
 	"Shipping",
 	"Payment",
 	"Confirmation"
-], ot = ({ steps: t = at, currentStep: n, className: r }) => /* @__PURE__ */ i("div", {
-	className: [it.steps, r ?? ""].filter(Boolean).join(" "),
+], st = ({ steps: t = ot, currentStep: n, className: r }) => /* @__PURE__ */ i("div", {
+	className: [at.steps, r ?? ""].filter(Boolean).join(" "),
 	role: "list",
 	children: t.map((r, o) => {
 		let s = o < n ? "completed" : o === n ? "active" : "upcoming", c = o === t.length - 1;
 		return /* @__PURE__ */ a(e.Fragment, { children: [/* @__PURE__ */ a("div", {
-			className: it.step,
+			className: at.step,
 			role: "listitem",
 			"aria-current": s === "active" ? "step" : void 0,
 			children: [/* @__PURE__ */ i("span", {
 				className: [
-					it.circle,
-					s === "completed" ? it.circleCompleted : "",
-					s === "active" ? it.circleActive : "",
-					s === "upcoming" ? it.circleUpcoming : ""
+					at.circle,
+					s === "completed" ? at.circleCompleted : "",
+					s === "active" ? at.circleActive : "",
+					s === "upcoming" ? at.circleUpcoming : ""
 				].filter(Boolean).join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i(l, {
 					size: 14,
-					strokeWidth: A(14)
+					strokeWidth: k(14)
 				})
 			}), /* @__PURE__ */ i("span", {
 				className: [
-					it.label,
-					s === "active" ? it.labelActive : "",
-					s === "upcoming" ? it.labelUpcoming : ""
+					at.label,
+					s === "active" ? at.labelActive : "",
+					s === "upcoming" ? at.labelUpcoming : ""
 				].filter(Boolean).join(" "),
 				children: r
 			})]
 		}), !c && /* @__PURE__ */ i("span", {
-			className: it.connector,
+			className: at.connector,
 			"aria-hidden": "true"
 		})] }, r);
 	})
-}), st = "#fafaf9", ct = "#141414", lt = (e, t, n) => {
+}), ct = "#fafaf9", lt = "#141414", ut = (e, t, n) => {
 	let r = (e) => {
 		let t = e / 255;
 		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 	};
 	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
-}, ut = (e, t) => {
+}, dt = (e, t) => {
 	let n = Math.max(e, t), r = Math.min(e, t);
 	return (n + .05) / (r + .05);
-}, dt = null, ft = (e) => {
-	if (typeof document > "u") return st;
-	dt ??= document.createElement("canvas"), dt.width = 1, dt.height = 1;
-	let t = dt.getContext("2d", { willReadFrequently: !0 });
-	if (!t) return st;
-	t.clearRect(0, 0, 1, 1), t.fillStyle = e, t.fillRect(0, 0, 1, 1);
-	let [n, r, i] = t.getImageData(0, 0, 1, 1).data, a = lt(n, r, i), o = ut(a, lt(20, 20, 20));
-	return ut(a, lt(250, 250, 249)) >= o ? st : ct;
-}, pt = {
+}, ft = (e) => {
+	let t = e.trim().toLowerCase(), n = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(t);
+	if (n) {
+		let e = n[1];
+		return e.length <= 4 && (e = e.split("").map((e) => e + e).join("")), [
+			0,
+			2,
+			4
+		].map((t) => parseInt(e.slice(t, t + 2), 16));
+	}
+	let r = /^rgba?\(\s*(\d+(?:\.\d+)?)[\s,]+(\d+(?:\.\d+)?)[\s,]+(\d+(?:\.\d+)?)/.exec(t);
+	return r ? [
+		Number(r[1]),
+		Number(r[2]),
+		Number(r[3])
+	] : null;
+}, pt = (e, t, n) => {
+	let r = ut(e, t, n), i = dt(r, ut(20, 20, 20));
+	return dt(r, ut(250, 250, 249)) >= i ? ct : lt;
+}, mt = null, ht = (e) => {
+	let t = ft(e);
+	if (t) return pt(...t);
+	if (typeof document > "u") return ct;
+	mt ??= document.createElement("canvas"), mt.width = 1, mt.height = 1;
+	let n = mt.getContext("2d", { willReadFrequently: !0 });
+	if (!n) return ct;
+	n.clearRect(0, 0, 1, 1), n.fillStyle = e, n.fillRect(0, 0, 1, 1);
+	let [r, i, a] = n.getImageData(0, 0, 1, 1).data;
+	return pt(r, i, a);
+}, gt = {
 	swatch: "_swatch_1i3c3_1",
 	circle: "_circle_1i3c3_22",
 	circleUnavailable: "_circleUnavailable_1i3c3_32",
 	ring: "_ring_1i3c3_39",
 	check: "_check_1i3c3_55",
 	strike: "_strike_1i3c3_66"
-}, mt = ({ color: t, label: n, selected: r = !1, available: o = !0, onSelect: s, className: c }) => {
-	let u = e.useMemo(() => ft(t), [t]);
+}, _t = ({ color: t, label: n, selected: r = !1, available: o = !0, onSelect: s, className: c }) => {
+	let u = e.useMemo(() => ht(t), [t]);
 	return /* @__PURE__ */ a("button", {
 		type: "button",
-		className: [pt.swatch, c ?? ""].filter(Boolean).join(" "),
+		className: [gt.swatch, c ?? ""].filter(Boolean).join(" "),
 		style: { "--swatch-color": t },
 		disabled: !o,
 		"aria-pressed": o ? r : void 0,
@@ -1215,49 +1236,49 @@ var Ue = {
 		onClick: s,
 		children: [
 			r && o && /* @__PURE__ */ i("span", {
-				className: pt.ring,
+				className: gt.ring,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ i("span", {
-				className: [pt.circle, o ? "" : pt.circleUnavailable].filter(Boolean).join(" "),
+				className: [gt.circle, o ? "" : gt.circleUnavailable].filter(Boolean).join(" "),
 				"aria-hidden": "true"
 			}),
 			r && o && /* @__PURE__ */ i(l, {
 				size: 14,
-				strokeWidth: A(14),
-				className: pt.check,
+				strokeWidth: k(14),
+				className: gt.check,
 				style: { color: u },
 				"aria-hidden": "true"
 			}),
 			!o && /* @__PURE__ */ i("span", {
-				className: pt.strike,
+				className: gt.strike,
 				style: { background: u },
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, ht = {
+}, vt = {
 	row: "_row_1r4ef_1",
 	original: "_original_1r4ef_8",
 	price: "_price_1r4ef_17",
 	priceSale: "_priceSale_1r4ef_24"
-}, gt = (e) => e.toLocaleString("en-US", {
+}, yt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), _t = ({ price: e, compareAtPrice: t, showBadge: n = !1, formatPrice: r = gt, className: o }) => {
+}), bt = ({ price: e, compareAtPrice: t, showBadge: n = !1, formatPrice: r = yt, className: o }) => {
 	let s = t !== void 0, c = s ? Math.ceil((1 - e / t) * 100) : 0;
 	return /* @__PURE__ */ a("div", {
-		className: [ht.row, o ?? ""].filter(Boolean).join(" "),
+		className: [vt.row, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			s && /* @__PURE__ */ i("span", {
-				className: ht.original,
+				className: vt.original,
 				children: r(t)
 			}),
 			/* @__PURE__ */ i("span", {
-				className: [ht.price, s ? ht.priceSale : ""].filter(Boolean).join(" "),
+				className: [vt.price, s ? vt.priceSale : ""].filter(Boolean).join(" "),
 				children: r(e)
 			}),
-			s && n && /* @__PURE__ */ a($e, {
+			s && n && /* @__PURE__ */ a(et, {
 				variant: "danger",
 				emphasis: "solid",
 				children: [
@@ -1268,26 +1289,26 @@ var Ue = {
 			})
 		]
 	});
-}, vt = {
+}, xt = {
 	button: "_button_1mp7q_1",
 	icon: "_icon_1mp7q_24",
 	iconSaved: "_iconSaved_1mp7q_27",
 	bounce: "_bounce_1mp7q_40",
 	"wishlist-bounce": "_wishlist-bounce_1mp7q_1"
-}, yt = ({ saved: t = !1, onToggle: n, label: r = "item", className: a }) => {
+}, St = ({ saved: t = !1, onToggle: n, label: r = "item", className: a }) => {
 	let [o, s] = e.useState(!1);
 	return /* @__PURE__ */ i("button", {
 		type: "button",
-		className: [vt.button, a ?? ""].filter(Boolean).join(" "),
+		className: [xt.button, a ?? ""].filter(Boolean).join(" "),
 		"aria-pressed": t,
 		"aria-label": t ? `Remove ${r} from wishlist` : `Add ${r} to wishlist`,
 		onClick: () => {
 			t || s(!0), n?.(!t);
 		},
-		children: /* @__PURE__ */ i(x, {
+		children: /* @__PURE__ */ i(S, {
 			size: 16,
-			strokeWidth: A(16),
-			className: [t ? vt.iconSaved : vt.icon, o ? vt.bounce : ""].filter(Boolean).join(" "),
+			strokeWidth: k(16),
+			className: [t ? xt.iconSaved : xt.icon, o ? xt.bounce : ""].filter(Boolean).join(" "),
 			fill: t ? "currentColor" : "none",
 			onAnimationEnd: () => s(!1)
 		})
@@ -1312,10 +1333,10 @@ var Ue = {
 	description: "_description_jlv97_118",
 	swatches: "_swatches_jlv97_131",
 	addButton: "_addButton_jlv97_136"
-}, bt = (e) => e.toLocaleString("en-US", {
+}, Ct = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), xt = ({ image: e, imageAlt: t, name: n, description: r, price: o, compareAtPrice: s, rating: c, reviewCount: l, colors: u = [], onColorSelect: d, inStock: f = !0, wishlisted: p = !1, onWishlistToggle: m, onAddItem: h, addItemLabel: g = "Add Item", formatPrice: _ = bt, className: v }) => {
+}), wt = ({ image: e, imageAlt: t, name: n, description: r, price: o, compareAtPrice: s, rating: c, reviewCount: l, colors: u = [], onColorSelect: d, inStock: f = !0, wishlisted: p = !1, onWishlistToggle: m, onAddItem: h, addItemLabel: g = "Add Item", formatPrice: _ = Ct, className: v }) => {
 	let y = s !== void 0, b = y ? Math.ceil((1 - o / s) * 100) : 0, x = c === void 0 ? 0 : Math.round(c);
 	return /* @__PURE__ */ a("div", {
 		className: [B.card, v ?? ""].filter(Boolean).join(" "),
@@ -1327,7 +1348,7 @@ var Ue = {
 					alt: t ?? n,
 					className: [B.image, f ? "" : B.imageDimmed].filter(Boolean).join(" ")
 				}),
-				y && f && /* @__PURE__ */ a($e, {
+				y && f && /* @__PURE__ */ a(et, {
 					variant: "danger",
 					emphasis: "solid",
 					className: B.saleBadge,
@@ -1337,7 +1358,7 @@ var Ue = {
 						"%"
 					]
 				}),
-				f && /* @__PURE__ */ i(yt, {
+				f && /* @__PURE__ */ i(St, {
 					saved: p,
 					label: n,
 					className: B.wishlistBtn,
@@ -1355,9 +1376,9 @@ var Ue = {
 					className: B.rating,
 					role: "img",
 					"aria-label": `Rated ${c} out of 5${l ? ` (${l} reviews)` : ""}`,
-					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ i(k, {
+					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ i(re, {
 						size: 16,
-						strokeWidth: A(16),
+						strokeWidth: k(16),
 						className: t < x ? B.starFilled : B.starEmpty,
 						fill: t < x ? "currentColor" : "none"
 					}, t))
@@ -1386,7 +1407,7 @@ var Ue = {
 					className: B.swatches,
 					role: "group",
 					"aria-label": "Color",
-					children: u.map((e) => /* @__PURE__ */ i(mt, {
+					children: u.map((e) => /* @__PURE__ */ i(_t, {
 						...e,
 						onSelect: () => d?.(e.id ?? e.label)
 					}, e.id ?? e.label))
@@ -1417,7 +1438,7 @@ var Ue = {
 	thumbLeft: "_thumbLeft_1mrk8_70",
 	thumbActive: "_thumbActive_1mrk8_75",
 	thumbImage: "_thumbImage_1mrk8_79"
-}, St = ({ images: t, thumbsPosition: n = "bottom", activeIndex: r, defaultActiveIndex: o = 0, onActiveIndexChange: s, className: c }) => {
+}, Tt = ({ images: t, thumbsPosition: n = "bottom", activeIndex: r, defaultActiveIndex: o = 0, onActiveIndexChange: s, className: c }) => {
 	let l = r !== void 0, [u, d] = e.useState(o), f = l ? r : u, p = (e) => {
 		l || d(e), s?.(e);
 	}, m = t[f] ?? t[0], h = n === "left", g = /* @__PURE__ */ i("div", {
@@ -1468,18 +1489,18 @@ var Ue = {
 			})
 		]
 	});
-}, Ct = {
+}, Et = {
 	button: "_button_1vgn5_1",
 	unselected: "_unselected_1vgn5_23",
 	selected: "_selected_1vgn5_32",
 	unavailable: "_unavailable_1vgn5_37",
 	label: "_label_1vgn5_44",
 	strike: "_strike_1vgn5_55"
-}, wt = ({ size: e, selected: t = !1, available: n = !0, onSelect: r, className: o }) => /* @__PURE__ */ a("button", {
+}, Dt = ({ size: e, selected: t = !1, available: n = !0, onSelect: r, className: o }) => /* @__PURE__ */ a("button", {
 	type: "button",
 	className: [
-		Ct.button,
-		n ? t ? Ct.selected : Ct.unselected : Ct.unavailable,
+		Et.button,
+		n ? t ? Et.selected : Et.unselected : Et.unavailable,
 		o ?? ""
 	].filter(Boolean).join(" "),
 	disabled: !n,
@@ -1487,13 +1508,13 @@ var Ue = {
 	"aria-label": n ? `Size ${e}` : `Size ${e} (out of stock)`,
 	onClick: r,
 	children: [/* @__PURE__ */ i("span", {
-		className: Ct.label,
+		className: Et.label,
 		children: e
 	}), !n && /* @__PURE__ */ i("span", {
-		className: Ct.strike,
+		className: Et.strike,
 		"aria-hidden": "true"
 	})]
-}), Tt = {
+}), Ot = {
 	row: "_row_1snsi_1",
 	rowVertical: "_rowVertical_1snsi_8",
 	stars: "_stars_1snsi_13",
@@ -1502,40 +1523,40 @@ var Ue = {
 	label: "_label_1snsi_29",
 	value: "_value_1snsi_38",
 	count: "_count_1snsi_43"
-}, Et = (e) => e.toLocaleString("en-US"), Dt = ({ rating: e, reviewCount: t, showLabel: n = !0, orientation: r = "horizontal", formatReviewCount: o = Et, className: s }) => {
+}, kt = (e) => e.toLocaleString("en-US"), At = ({ rating: e, reviewCount: t, showLabel: n = !0, orientation: r = "horizontal", formatReviewCount: o = kt, className: s }) => {
 	let c = Math.max(0, Math.min(5, e)), l = Math.round(c * 2) / 2, u = Math.floor(l), d = l - u === .5, f = 5 - u - !!d, p = /* @__PURE__ */ a("div", {
-		className: Tt.stars,
+		className: Ot.stars,
 		role: "img",
 		"aria-label": `${c} out of 5 stars`,
 		children: [
-			Array.from({ length: u }, (e, t) => /* @__PURE__ */ i(k, {
+			Array.from({ length: u }, (e, t) => /* @__PURE__ */ i(re, {
 				size: 24,
-				strokeWidth: A(24),
-				className: Tt.starFull,
+				strokeWidth: k(24),
+				className: Ot.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}, `full-${t}`)),
-			d && /* @__PURE__ */ i(ne, {
+			d && /* @__PURE__ */ i(ie, {
 				size: 24,
-				strokeWidth: A(24),
-				className: Tt.starFull,
+				strokeWidth: k(24),
+				className: Ot.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}),
-			Array.from({ length: f }, (e, t) => /* @__PURE__ */ i(k, {
+			Array.from({ length: f }, (e, t) => /* @__PURE__ */ i(re, {
 				size: 24,
-				strokeWidth: A(24),
-				className: Tt.starEmpty,
+				strokeWidth: k(24),
+				className: Ot.starEmpty,
 				"aria-hidden": "true"
 			}, `empty-${t}`))
 		]
 	}), m = n && /* @__PURE__ */ a("div", {
-		className: Tt.label,
+		className: Ot.label,
 		children: [/* @__PURE__ */ i("span", {
-			className: Tt.value,
+			className: Ot.value,
 			children: c.toFixed(1)
 		}), t !== void 0 && /* @__PURE__ */ a("span", {
-			className: Tt.count,
+			className: Ot.count,
 			children: [
 				"(",
 				o(t),
@@ -1543,8 +1564,8 @@ var Ue = {
 			]
 		})]
 	}), h = [
-		Tt.row,
-		r === "vertical" ? Tt.rowVertical : "",
+		Ot.row,
+		r === "vertical" ? Ot.rowVertical : "",
 		s ?? ""
 	].filter(Boolean).join(" ");
 	return r === "horizontal-reverse" ? /* @__PURE__ */ a("div", {
@@ -1554,9 +1575,9 @@ var Ue = {
 		className: h,
 		children: [p, m]
 	});
-}, Ot = ({ quantity: e, lowStockThreshold: t = 5, label: n, className: r }) => {
+}, jt = ({ quantity: e, lowStockThreshold: t = 5, label: n, className: r }) => {
 	let a = e <= 0, o = !a && e <= t, s = a ? "danger" : o ? "warning" : "success", c = a ? "Out of stock" : o ? `Only ${e} left` : "In stock";
-	return /* @__PURE__ */ i($e, {
+	return /* @__PURE__ */ i(et, {
 		variant: s,
 		emphasis: "subtle",
 		className: r,
@@ -1577,7 +1598,7 @@ var Ue = {
 	excerpt: "_excerpt_1w9hp_114",
 	author: "_author_1w9hp_123",
 	authorText: "_authorText_1w9hp_130"
-}, kt = ({ image: e, imageAlt: t, category: n, readTime: r, title: o, excerpt: s, author: c, layout: l = "default", className: u }) => {
+}, Mt = ({ image: e, imageAlt: t, category: n, readTime: r, title: o, excerpt: s, author: c, layout: l = "default", className: u }) => {
 	let d = l === "horizontal";
 	return /* @__PURE__ */ a("div", {
 		className: [
@@ -1601,7 +1622,7 @@ var Ue = {
 			children: [
 				/* @__PURE__ */ a("div", {
 					className: H.metaRow,
-					children: [/* @__PURE__ */ i($e, {
+					children: [/* @__PURE__ */ i(et, {
 						variant: "accent",
 						emphasis: "subtle",
 						children: n
@@ -1620,7 +1641,7 @@ var Ue = {
 				}),
 				/* @__PURE__ */ a("div", {
 					className: H.author,
-					children: [/* @__PURE__ */ i(ye, {
+					children: [/* @__PURE__ */ i(be, {
 						size: "sm",
 						src: c.avatarSrc,
 						alt: c.avatarAlt ?? c.name
@@ -1648,7 +1669,7 @@ var Ue = {
 	footer: "_footer_8cf5b_86",
 	author: "_author_8cf5b_94",
 	authorText: "_authorText_8cf5b_101"
-}, At = ({ image: e, imageAlt: t, badgeLabel: n = "Featured", title: r, excerpt: o, author: s, ctaLabel: c = "Read article", onCtaClick: l, orientation: u = "horizontal", className: d }) => {
+}, Nt = ({ image: e, imageAlt: t, badgeLabel: n = "Featured", title: r, excerpt: o, author: s, ctaLabel: c = "Read article", onCtaClick: l, orientation: u = "horizontal", className: d }) => {
 	let f = u === "vertical";
 	return /* @__PURE__ */ a("div", {
 		className: [
@@ -1663,7 +1684,7 @@ var Ue = {
 		}), /* @__PURE__ */ a("div", {
 			className: f ? U.bodyVertical : U.bodyHorizontal,
 			children: [
-				/* @__PURE__ */ i($e, {
+				/* @__PURE__ */ i(et, {
 					variant: "accent",
 					emphasis: "subtle",
 					children: n
@@ -1680,7 +1701,7 @@ var Ue = {
 					className: U.footer,
 					children: [/* @__PURE__ */ a("div", {
 						className: U.author,
-						children: [/* @__PURE__ */ i(ye, {
+						children: [/* @__PURE__ */ i(be, {
 							size: "md",
 							src: s.avatarSrc,
 							alt: s.avatarAlt ?? s.name,
@@ -1703,7 +1724,7 @@ var Ue = {
 			]
 		})]
 	});
-}, jt = {
+}, Pt = {
 	chip: "_chip_scl8l_1",
 	"chip--sm": "_chip--sm_scl8l_11",
 	"chip--md": "_chip--md_scl8l_17",
@@ -1712,26 +1733,26 @@ var Ue = {
 	"chip--outline": "_chip--outline_scl8l_35",
 	"chip--solid": "_chip--solid_scl8l_39",
 	"chip--subtle": "_chip--subtle_scl8l_43"
-}, Mt = {
+}, Ft = {
 	sm: 16,
 	md: 20,
 	lg: 24
-}, Nt = ({ icon: t, size: n = "md", variant: r = "light", className: a }) => {
-	let o = Mt[n], s = e.isValidElement(t) ? e.cloneElement(t, {
+}, It = ({ icon: t, size: n = "md", variant: r = "light", className: a }) => {
+	let o = Ft[n], s = e.isValidElement(t) ? e.cloneElement(t, {
 		size: o,
-		strokeWidth: A(o)
+		strokeWidth: k(o)
 	}) : t;
 	return /* @__PURE__ */ i("div", {
 		className: [
-			jt.chip,
-			jt[`chip--${n}`],
-			jt[`chip--${r}`],
+			Pt.chip,
+			Pt[`chip--${n}`],
+			Pt[`chip--${r}`],
 			a ?? ""
 		].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: s
 	});
-}, Pt = {
+}, Lt = {
 	group: "_group_mvlh4_3",
 	group__item: "_group__item_mvlh4_6",
 	"group--sm": "_group--sm_mvlh4_9",
@@ -1742,42 +1763,42 @@ var Ue = {
 	"overflow--md": "_overflow--md_mvlh4_26",
 	"overflow--lg": "_overflow--lg_mvlh4_27",
 	"overflow--xl": "_overflow--xl_mvlh4_28"
-}, Ft = ({ size: e = "md", max: t = 4, avatars: n, className: r }) => {
+}, Rt = ({ size: e = "md", max: t = 4, avatars: n, className: r }) => {
 	let o = n.slice(0, t), s = n.length - o.length;
 	return /* @__PURE__ */ a("div", {
 		className: [
-			Pt.group,
-			Pt[`group--${e}`],
+			Lt.group,
+			Lt[`group--${e}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: [o.map((t, n) => /* @__PURE__ */ i("span", {
-			className: Pt.group__item,
-			children: /* @__PURE__ */ i(ye, {
+			className: Lt.group__item,
+			children: /* @__PURE__ */ i(be, {
 				size: e,
 				src: t.src,
 				initials: t.initials,
 				alt: t.alt
 			})
 		}, n)), s > 0 && /* @__PURE__ */ i("span", {
-			className: Pt.group__item,
+			className: Lt.group__item,
 			children: /* @__PURE__ */ a("span", {
-				className: [Pt.overflow, Pt[`overflow--${e}`]].join(" "),
+				className: [Lt.overflow, Lt[`overflow--${e}`]].join(" "),
 				children: ["+", s]
 			})
 		})]
 	});
-}, It = {
+}, zt = {
 	root: "_root_165je_1",
 	dot: "_dot_165je_13",
 	dotActive: "_dotActive_165je_21",
 	dotRemote: "_dotRemote_165je_25"
-}, Lt = ({ location: e, status: t = "active", className: n }) => /* @__PURE__ */ a("span", {
-	className: [It.root, n ?? ""].filter(Boolean).join(" "),
+}, Bt = ({ location: e, status: t = "active", className: n }) => /* @__PURE__ */ a("span", {
+	className: [zt.root, n ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ i("span", {
-		className: [It.dot, t === "active" ? It.dotActive : It.dotRemote].join(" "),
+		className: [zt.dot, t === "active" ? zt.dotActive : zt.dotRemote].join(" "),
 		"aria-hidden": "true"
 	}), e]
-}), Rt = {
+}), Vt = {
 	root: "_root_15jaa_1",
 	rootCard: "_rootCard_15jaa_9",
 	rootRow: "_rootRow_15jaa_21",
@@ -1787,30 +1808,30 @@ var Ue = {
 	description: "_description_15jaa_56",
 	metaRow: "_metaRow_15jaa_65",
 	applyBtn: "_applyBtn_15jaa_72"
-}, zt = ({ title: e, description: t, department: n, employmentType: o, location: s, locationStatus: c = "remote", onApply: l, applyLabel: u = "Apply now", layout: d = "card", className: f }) => {
+}, Ht = ({ title: e, description: t, department: n, employmentType: o, location: s, locationStatus: c = "remote", onApply: l, applyLabel: u = "Apply now", layout: d = "card", className: f }) => {
 	let p = d === "row", m = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
-		className: Rt.titleGroup,
+		className: Vt.titleGroup,
 		children: [/* @__PURE__ */ i("p", {
-			className: Rt.title,
+			className: Vt.title,
 			children: e
 		}), /* @__PURE__ */ i("p", {
-			className: Rt.description,
+			className: Vt.description,
 			children: t
 		})]
 	}), /* @__PURE__ */ a("div", {
-		className: Rt.metaRow,
+		className: Vt.metaRow,
 		children: [
-			/* @__PURE__ */ i($e, {
+			/* @__PURE__ */ i(et, {
 				variant: "accent",
 				emphasis: "subtle",
 				children: n
 			}),
-			/* @__PURE__ */ i($e, {
+			/* @__PURE__ */ i(et, {
 				variant: "neutral",
 				emphasis: "subtle",
 				children: o
 			}),
-			/* @__PURE__ */ i(Lt, {
+			/* @__PURE__ */ i(Bt, {
 				location: s,
 				status: c
 			})
@@ -1818,24 +1839,24 @@ var Ue = {
 	})] });
 	return p ? /* @__PURE__ */ a("div", {
 		className: [
-			Rt.root,
-			Rt.rootRow,
+			Vt.root,
+			Vt.rootRow,
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ i("div", {
-			className: Rt.rowLeft,
+			className: Vt.rowLeft,
 			children: m
 		}), /* @__PURE__ */ i(N, {
 			variant: "secondary",
 			size: "sm",
-			className: Rt.applyBtn,
+			className: Vt.applyBtn,
 			onClick: l,
 			children: u
 		})]
 	}) : /* @__PURE__ */ a("div", {
 		className: [
-			Rt.root,
-			Rt.rootCard,
+			Vt.root,
+			Vt.rootCard,
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [m, /* @__PURE__ */ i(N, {
@@ -1845,30 +1866,30 @@ var Ue = {
 			children: u
 		})]
 	});
-}, Bt = {
+}, Ut = {
 	root: "_root_3bf2n_1",
 	rootCenter: "_rootCenter_3bf2n_9",
 	rootLeft: "_rootLeft_3bf2n_14",
 	title: "_title_3bf2n_19",
 	subtitle: "_subtitle_3bf2n_28"
-}, Vt = ({ eyebrow: e, title: t, subtitle: n, align: r = "center", titleAs: o = "h2", className: s }) => /* @__PURE__ */ a("div", {
+}, Wt = ({ eyebrow: e, title: t, subtitle: n, align: r = "center", titleAs: o = "h2", className: s }) => /* @__PURE__ */ a("div", {
 	className: [
-		Bt.root,
-		r === "left" ? Bt.rootLeft : Bt.rootCenter,
+		Ut.root,
+		r === "left" ? Ut.rootLeft : Ut.rootCenter,
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
-		e && /* @__PURE__ */ i($e, {
+		e && /* @__PURE__ */ i(et, {
 			variant: "accent",
 			emphasis: "subtle",
 			children: e
 		}),
 		/* @__PURE__ */ i(o, {
-			className: Bt.title,
+			className: Ut.title,
 			children: t
 		}),
 		n && /* @__PURE__ */ i("p", {
-			className: Bt.subtitle,
+			className: Ut.subtitle,
 			children: n
 		})
 	]
@@ -1885,7 +1906,7 @@ var Ue = {
 	role: "_role_1ye9i_99",
 	social: "_social_1ye9i_108",
 	bio: "_bio_1ye9i_116"
-}, Ht = ({ image: e, imageAlt: t, name: n, role: r, location: o, locationStatus: s = "active", bio: c, socialLinks: l = [], className: u }) => /* @__PURE__ */ a("div", {
+}, Gt = ({ image: e, imageAlt: t, name: n, role: r, location: o, locationStatus: s = "active", bio: c, socialLinks: l = [], className: u }) => /* @__PURE__ */ a("div", {
 	className: [W.card, u ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ a("div", {
 		className: W.imageWrap,
@@ -1895,7 +1916,7 @@ var Ue = {
 			className: W.image
 		}), /* @__PURE__ */ i("div", {
 			className: W.locationBar,
-			children: /* @__PURE__ */ i(Lt, {
+			children: /* @__PURE__ */ i(Bt, {
 				location: o,
 				status: s,
 				className: W.locationDot
@@ -1920,7 +1941,7 @@ var Ue = {
 					href: e.href,
 					onClick: e.onClick,
 					"aria-label": e.label,
-					children: /* @__PURE__ */ i(Nt, {
+					children: /* @__PURE__ */ i(It, {
 						icon: e.icon,
 						size: "sm",
 						variant: "subtle"
@@ -1932,7 +1953,7 @@ var Ue = {
 			children: c
 		})]
 	})]
-}), Ut = {
+}), Kt = {
 	alert: "_alert_1hjs5_3",
 	alert__icon: "_alert__icon_1hjs5_12",
 	alert__content: "_alert__content_1hjs5_13",
@@ -1943,7 +1964,7 @@ var Ue = {
 	"alert--warning": "_alert--warning_1hjs5_24",
 	"alert--danger": "_alert--danger_1hjs5_27",
 	"alert--neutral": "_alert--neutral_1hjs5_30"
-}, Wt = {
+}, qt = {
 	info: /* @__PURE__ */ a(r, { children: [
 		/* @__PURE__ */ i("circle", {
 			cx: "12",
@@ -2017,34 +2038,34 @@ var Ue = {
 			y2: "8"
 		})
 	] })
-}, Gt = ({ color: e = "info", title: t, description: n, icon: r, className: o }) => /* @__PURE__ */ a("div", {
+}, Jt = ({ color: e = "info", title: t, description: n, icon: r, className: o }) => /* @__PURE__ */ a("div", {
 	role: "alert",
 	className: [
-		Ut.alert,
-		Ut[`alert--${e}`],
+		Kt.alert,
+		Kt[`alert--${e}`],
 		o ?? ""
 	].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ i("span", {
-		className: Ut.alert__icon,
+		className: Kt.alert__icon,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ i("svg", {
 			viewBox: "0 0 24 24",
 			fill: "none",
 			stroke: "currentColor",
-			strokeWidth: A(18),
+			strokeWidth: k(18),
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			width: 18,
 			height: 18,
-			children: r ?? Wt[e]
+			children: r ?? qt[e]
 		})
 	}), /* @__PURE__ */ a("div", {
-		className: Ut.alert__content,
+		className: Kt.alert__content,
 		children: [t && /* @__PURE__ */ i("div", {
-			className: Ut.alert__title,
+			className: Kt.alert__title,
 			children: t
 		}), n && /* @__PURE__ */ i("div", {
-			className: Ut.alert__description,
+			className: Kt.alert__description,
 			children: n
 		})]
 	})]
@@ -2065,7 +2086,7 @@ var Ue = {
 	card__footer: "_card__footer_6iftf_47",
 	card__meta: "_card__meta_6iftf_48",
 	card__assignees: "_card__assignees_6iftf_49"
-}, Kt = ({ type: e = "default", state: t = "default", cover: n, leading: o, title: s, trailing: c, description: l, tags: u, meta: d, assignees: f, onClick: p, className: m }) => {
+}, Yt = ({ type: e = "default", state: t = "default", cover: n, leading: o, title: s, trailing: c, description: l, tags: u, meta: d, assignees: f, onClick: p, className: m }) => {
 	let h = e !== "compact", g = d || f;
 	return /* @__PURE__ */ a("div", {
 		onClick: p,
@@ -2118,7 +2139,7 @@ var Ue = {
 			})] })
 		]
 	});
-}, qt = {
+}, Xt = {
 	breadcrumb: "_breadcrumb_tszff_3",
 	list: "_list_tszff_5",
 	item: "_item_tszff_15",
@@ -2127,12 +2148,12 @@ var Ue = {
 	separator: "_separator_tszff_33",
 	"list--button": "_list--button_tszff_38",
 	chip: "_chip_tszff_41"
-}, Jt = {
+}, Zt = {
 	highlight: "_highlight_1u4m2_15",
 	visible: "_visible_1u4m2_24",
 	glide: "_glide_1u4m2_28"
-}, Yt = (e) => e.getAttribute("data-hover-item") === "off" || e.getAttribute("aria-disabled") === "true" || e.disabled === !0;
-function Xt(e, t) {
+}, Qt = (e) => e.getAttribute("data-hover-item") === "off" || e.getAttribute("aria-disabled") === "true" || e.disabled === !0;
+function $t(e, t) {
 	let n = 0, r = 0, i = e;
 	for (; i && i !== t;) {
 		n += i.offsetLeft, r += i.offsetTop;
@@ -2151,7 +2172,7 @@ function Xt(e, t) {
 		tone: a.getPropertyValue("--hover-tone").trim()
 	};
 }
-function Zt() {
+function en() {
 	let t = e.useRef(null), [n, r] = e.useState(null), a = e.useCallback((e) => {
 		t.current = e, r(e);
 	}, []), o = e.useRef(null), s = e.useRef(!1), c = e.useRef(null), l = e.useRef(!1), u = e.useRef(null), [d, f] = e.useState(null), [p, m] = e.useState(!1), [h, g] = e.useState(!1), _ = e.useCallback(() => {
@@ -2160,7 +2181,7 @@ function Zt() {
 		let n = t.current;
 		if (!n) return;
 		n !== u.current && (u.current = n, s.current = !1), o.current = e;
-		let r = Xt(e, n);
+		let r = $t(e, n);
 		if (s.current) {
 			f(r);
 			return;
@@ -2179,7 +2200,7 @@ function Zt() {
 		if (!n) return;
 		let r = e.target.closest("[data-hover-item]");
 		if (!(!r || r.closest("[data-hover-group]") !== n)) {
-			if (Yt(r)) {
+			if (Qt(r)) {
 				_();
 				return;
 			}
@@ -2196,7 +2217,7 @@ function Zt() {
 					_();
 					return;
 				}
-				f(Xt(t, e));
+				f($t(t, e));
 			}
 		}, r = new ResizeObserver(t);
 		return r.observe(e), e.addEventListener("scroll", t, !0), () => {
@@ -2207,9 +2228,9 @@ function Zt() {
 		ref: c,
 		"aria-hidden": "true",
 		className: [
-			Jt.highlight,
-			p ? Jt.visible : "",
-			h ? Jt.glide : ""
+			Zt.highlight,
+			p ? Zt.visible : "",
+			h ? Zt.glide : ""
 		].filter(Boolean).join(" "),
 		style: d ? {
 			transform: `translate(${d.x}px, ${d.y}px)`,
@@ -2219,7 +2240,7 @@ function Zt() {
 			background: d.tone || void 0
 		} : void 0
 	}), x = e.useCallback((e) => {
-		e && !Yt(e) ? v(e) : _();
+		e && !Qt(e) ? v(e) : _();
 	}, [_, v]);
 	return {
 		ref: a,
@@ -2232,8 +2253,8 @@ function Zt() {
 		showItem: x
 	};
 }
-var Qt = ({ children: e, style: t, ...n }) => {
-	let { ref: r, groupProps: i, highlight: o } = Zt();
+var tn = ({ children: e, style: t, ...n }) => {
+	let { ref: r, groupProps: i, highlight: o } = en();
 	return /* @__PURE__ */ a("div", {
 		ref: r,
 		...n,
@@ -2244,37 +2265,37 @@ var Qt = ({ children: e, style: t, ...n }) => {
 		},
 		children: [o, e]
 	});
-}, $t = ({ size: e }) => /* @__PURE__ */ i("span", {
-	className: qt.separator,
+}, nn = ({ size: e }) => /* @__PURE__ */ i("span", {
+	className: Xt.separator,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ i("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
 		stroke: "currentColor",
-		strokeWidth: A(e),
+		strokeWidth: k(e),
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		width: e,
 		height: e,
 		children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
 	})
-}), en = ({ items: e, variant: t = "text", className: n }) => {
-	let r = t === "button", o = Zt();
+}), rn = ({ items: e, variant: t = "text", className: n }) => {
+	let r = t === "button", o = en();
 	return /* @__PURE__ */ i("nav", {
 		"aria-label": "Breadcrumb",
-		className: [qt.breadcrumb, n ?? ""].filter(Boolean).join(" "),
+		className: [Xt.breadcrumb, n ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ a("ol", {
 			ref: o.ref,
 			...r ? o.groupProps : {},
-			className: [qt.list, r ? qt["list--button"] : ""].filter(Boolean).join(" "),
+			className: [Xt.list, r ? Xt["list--button"] : ""].filter(Boolean).join(" "),
 			children: [r && /* @__PURE__ */ i("li", {
 				"aria-hidden": "true",
 				style: { display: "contents" },
 				children: o.highlight
 			}), e.map((t, n) => {
-				let o = n === e.length - 1, s = r ? qt.chip : o ? qt.current : qt.crumb;
+				let o = n === e.length - 1, s = r ? Xt.chip : o ? Xt.current : Xt.crumb;
 				return /* @__PURE__ */ a("li", {
-					className: qt.item,
+					className: Xt.item,
 					children: [o || !t.href ? /* @__PURE__ */ i("span", {
 						className: s,
 						"data-hover-item": r ? "off" : void 0,
@@ -2285,26 +2306,26 @@ var Qt = ({ children: e, style: t, ...n }) => {
 						"data-hover-item": "",
 						className: s,
 						children: t.label
-					}), !o && /* @__PURE__ */ i($t, { size: r ? 14 : 16 })]
+					}), !o && /* @__PURE__ */ i(nn, { size: r ? 14 : 16 })]
 				}, n);
 			})]
 		})
 	});
-}, tn = {
+}, an = {
 	meta: "_meta_g1mpv_2",
 	meta__icon: "_meta__icon_g1mpv_3",
 	meta__label: "_meta__label_g1mpv_4"
-}, nn = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ a("span", {
-	className: [tn.meta, n ?? ""].filter(Boolean).join(" "),
+}, on = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ a("span", {
+	className: [an.meta, n ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ i("span", {
-		className: tn.meta__icon,
+		className: an.meta__icon,
 		"aria-hidden": "true",
 		children: e
 	}), /* @__PURE__ */ i("span", {
-		className: tn.meta__label,
+		className: an.meta__label,
 		children: t
 	})]
-}), rn = {
+}), sn = {
 	composer: "_composer_1yt54_2",
 	"composer--typing": "_composer--typing_1yt54_15",
 	input: "_input_1yt54_22",
@@ -2318,13 +2339,13 @@ var Qt = ({ children: e, style: t, ...n }) => {
 	row: "_row_1yt54_36",
 	icon: "_icon_1yt54_37",
 	send: "_send_1yt54_52"
-}, an = ({ state: t = "default", value: n, placeholder: r = "Message...", onChange: o, onSend: s, onAttachmentsChange: c, uploadName: l, uploadProgress: u = 0, onCancelUpload: d, className: f }) => {
-	let p = t === "disabled", [m, h] = e.useState(""), [g, _] = e.useState(!1), [v, b] = e.useState({
+}, cn = ({ state: t = "default", value: n, placeholder: r = "Message...", onChange: o, onSend: s, onAttachmentsChange: c, uploadName: l, uploadProgress: u = 0, onCancelUpload: d, className: f }) => {
+	let p = t === "disabled", [m, h] = e.useState(""), [g, _] = e.useState(!1), [v, y] = e.useState({
 		top: 0,
 		right: 0
-	}), [x, S] = e.useState([]), C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), D = e.useRef(null), O = n === void 0 ? m : n, k = !p && (O.trim().length > 0 || t === "typing" || x.length > 0), ne = () => {
+	}), [x, S] = e.useState([]), C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), E = e.useRef(null), O = n === void 0 ? m : n, ee = !p && (O.trim().length > 0 || t === "typing" || x.length > 0), re = () => {
 		w.current?.click();
-	}, re = (e) => {
+	}, ie = (e) => {
 		let t = e.target.files;
 		t && (Array.from(t).forEach((e) => {
 			if (e.type.startsWith("image/") || e.type.startsWith("video/")) {
@@ -2339,12 +2360,12 @@ var Qt = ({ children: e, style: t, ...n }) => {
 				}, t.readAsDataURL(e);
 			}
 		}), e.target.value = "");
-	}, ie = (e) => {
+	}, ae = (e) => {
 		S((t) => t.filter((t, n) => n !== e));
-	}, ae = () => {
+	}, oe = () => {
 		if (!g && C.current) {
 			let e = C.current.getBoundingClientRect();
-			b({
+			y({
 				top: e.top - 104 - 4,
 				right: 20
 			});
@@ -2359,7 +2380,7 @@ var Qt = ({ children: e, style: t, ...n }) => {
 	};
 	return e.useEffect(() => {
 		let e = (e) => {
-			D.current && !D.current.contains(e.target) && T.current && !T.current.contains(e.target) && _(!1);
+			E.current && !E.current.contains(e.target) && T.current && !T.current.contains(e.target) && _(!1);
 		};
 		return g && document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
@@ -2368,35 +2389,35 @@ var Qt = ({ children: e, style: t, ...n }) => {
 		c?.(x);
 	}, [x, c]), /* @__PURE__ */ a("div", {
 		className: [
-			rn.composer,
-			rn[`composer--${t}`],
+			sn.composer,
+			sn[`composer--${t}`],
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			t === "uploading" && /* @__PURE__ */ a("div", {
-				className: rn.upload,
+				className: sn.upload,
 				children: [
-					/* @__PURE__ */ i(y, {
+					/* @__PURE__ */ i(b, {
 						size: 16,
-						strokeWidth: A(16),
-						className: rn.upload__icon,
+						strokeWidth: k(16),
+						className: sn.upload__icon,
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ a("div", {
-						className: rn.upload__body,
+						className: sn.upload__body,
 						children: [/* @__PURE__ */ i("span", {
-							className: rn.upload__name,
+							className: sn.upload__name,
 							children: l
 						}), /* @__PURE__ */ i("div", {
-							className: rn.upload__track,
+							className: sn.upload__track,
 							children: /* @__PURE__ */ i("div", {
-								className: rn.upload__fill,
+								className: sn.upload__fill,
 								style: { width: `${u}%` }
 							})
 						})]
 					}),
-					/* @__PURE__ */ i(Oe, {
-						icon: oe,
+					/* @__PURE__ */ i(ke, {
+						icon: ce,
 						variant: "ghost",
 						size: "md",
 						onClick: d,
@@ -2439,7 +2460,7 @@ var Qt = ({ children: e, style: t, ...n }) => {
 							textAlign: "center",
 							padding: "8px"
 						},
-						children: [/* @__PURE__ */ i(y, {
+						children: [/* @__PURE__ */ i(b, {
 							size: 24,
 							strokeWidth: 1.5
 						}), /* @__PURE__ */ i("div", {
@@ -2452,7 +2473,7 @@ var Qt = ({ children: e, style: t, ...n }) => {
 						})]
 					}), /* @__PURE__ */ i("button", {
 						type: "button",
-						onClick: () => ie(t),
+						onClick: () => ae(t),
 						style: {
 							position: "absolute",
 							top: "-8px",
@@ -2480,24 +2501,24 @@ var Qt = ({ children: e, style: t, ...n }) => {
 				type: "file",
 				multiple: !0,
 				accept: "image/*,video/*",
-				onChange: re,
+				onChange: ie,
 				style: { display: "none" }
 			}),
 			/* @__PURE__ */ a("div", {
-				className: rn.row,
+				className: sn.row,
 				children: [
-					/* @__PURE__ */ i(Oe, {
-						icon: E,
+					/* @__PURE__ */ i(ke, {
+						icon: D,
 						variant: "ghost",
 						size: "sm",
-						onClick: ne,
+						onClick: re,
 						disabled: p,
 						"aria-label": "Attach file"
 					}),
 					/* @__PURE__ */ i("input", {
 						ref: C,
 						type: "text",
-						className: rn.input,
+						className: sn.input,
 						value: O,
 						placeholder: p ? "You can't reply to this conversation" : r,
 						disabled: p,
@@ -2505,20 +2526,20 @@ var Qt = ({ children: e, style: t, ...n }) => {
 							n === void 0 && h(e.target.value), o?.(e.target.value);
 						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && k && (e.preventDefault(), s?.());
+							e.key === "Enter" && ee && (e.preventDefault(), s?.());
 						}
 					}),
-					/* @__PURE__ */ i(Oe, {
+					/* @__PURE__ */ i(ke, {
 						ref: T,
-						icon: te,
+						icon: ne,
 						variant: "ghost",
 						size: "sm",
-						onClick: ae,
+						onClick: oe,
 						disabled: p,
 						"aria-label": "Add emoji"
 					}),
-					g && !p && de.createPortal(/* @__PURE__ */ i("div", {
-						ref: D,
+					g && !p && pe.createPortal(/* @__PURE__ */ i("div", {
+						ref: E,
 						style: {
 							position: "fixed",
 							top: `${v.top}px`,
@@ -2571,19 +2592,19 @@ var Qt = ({ children: e, style: t, ...n }) => {
 							children: e
 						}, e))
 					}), document.body),
-					/* @__PURE__ */ i(Oe, {
-						icon: ee,
+					/* @__PURE__ */ i(ke, {
+						icon: te,
 						variant: "primary",
 						size: "sm",
 						onClick: s,
-						disabled: !k,
+						disabled: !ee,
 						"aria-label": "Send message"
 					})
 				]
 			})
 		]
 	});
-}, on = {
+}, ln = {
 	wrapper: "_wrapper_1nmcn_3",
 	"wrapper--disabled": "_wrapper--disabled_1nmcn_11",
 	input: "_input_1nmcn_14",
@@ -2595,16 +2616,16 @@ var Qt = ({ children: e, style: t, ...n }) => {
 	text__description: "_text__description_1nmcn_73",
 	checkbox: "_checkbox_1nmcn_77",
 	"wrapper--withDescription": "_wrapper--withDescription_1nmcn_81"
-}, sn = e.forwardRef(({ label: t, description: n, indeterminate: r, disabled: o, id: s, className: c, ...l }, u) => {
+}, un = e.forwardRef(({ label: t, description: n, indeterminate: r, disabled: o, id: s, className: c, ...l }, u) => {
 	let d = e.useId(), f = s ?? d, p = e.useRef(null);
 	return e.useImperativeHandle(u, () => p.current), e.useEffect(() => {
 		p.current && (p.current.indeterminate = !!r);
 	}, [r]), /* @__PURE__ */ a("label", {
 		htmlFor: f,
 		className: [
-			on.wrapper,
-			n ? on["wrapper--withDescription"] : "",
-			o ? on["wrapper--disabled"] : "",
+			ln.wrapper,
+			n ? ln["wrapper--withDescription"] : "",
+			o ? ln["wrapper--disabled"] : "",
 			c ?? ""
 		].filter(Boolean).join(" "),
 		children: [
@@ -2613,14 +2634,14 @@ var Qt = ({ children: e, style: t, ...n }) => {
 				id: f,
 				type: "checkbox",
 				disabled: o,
-				className: on.input,
+				className: ln.input,
 				...l
 			}),
 			/* @__PURE__ */ a("span", {
-				className: on.box,
+				className: ln.box,
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ i("svg", {
-					className: on.check,
+					className: ln.check,
 					width: 12,
 					height: 12,
 					viewBox: "0 0 24 24",
@@ -2630,22 +2651,22 @@ var Qt = ({ children: e, style: t, ...n }) => {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					children: /* @__PURE__ */ i("polyline", { points: "20 6 9 17 4 12" })
-				}), /* @__PURE__ */ i("span", { className: on.dash })]
+				}), /* @__PURE__ */ i("span", { className: ln.dash })]
 			}),
 			(t || n) && /* @__PURE__ */ a("span", {
-				className: on.text,
+				className: ln.text,
 				children: [t && /* @__PURE__ */ i("span", {
-					className: on.text__label,
+					className: ln.text__label,
 					children: t
 				}), n && /* @__PURE__ */ i("span", {
-					className: on.text__description,
+					className: ln.text__description,
 					children: n
 				})]
 			})
 		]
 	});
 });
-sn.displayName = "Checkbox";
+un.displayName = "Checkbox";
 var K = {
 	item: "_item_1bf0e_2",
 	"item--hover": "_item--hover_1bf0e_12",
@@ -2661,7 +2682,7 @@ var K = {
 	item__preview: "_item__preview_1bf0e_31",
 	item__typing: "_item__typing_1bf0e_36",
 	item__badge: "_item__badge_1bf0e_37"
-}, cn = ({ state: e = "default", avatar: t, name: n, timestamp: r, preview: o, unreadCount: c, onClick: l, className: u }) => /* @__PURE__ */ a("div", {
+}, dn = ({ state: e = "default", avatar: t, name: n, timestamp: r, preview: o, unreadCount: c, onClick: l, className: u }) => /* @__PURE__ */ a("div", {
 	role: "button",
 	"data-hover-item": "",
 	tabIndex: 0,
@@ -2692,7 +2713,7 @@ var K = {
 				}),
 				e === "muted" && /* @__PURE__ */ i(s, {
 					size: 12,
-					strokeWidth: A(12),
+					strokeWidth: k(12),
 					className: K.item__mute,
 					"aria-hidden": "true"
 				}),
@@ -2715,112 +2736,129 @@ var K = {
 			})]
 		})]
 	})]
-}), ln = {
+}), fn = {
 	empty: "_empty_15v2t_2",
 	empty__chip: "_empty__chip_15v2t_12",
 	"empty__chip--error": "_empty__chip--error_15v2t_22",
 	empty__title: "_empty__title_15v2t_23",
 	empty__desc: "_empty__desc_15v2t_31",
 	empty__action: "_empty__action_15v2t_39"
-}, un = {
+}, pn = {
 	"no-data": {
-		icon: /* @__PURE__ */ i(S, {
+		icon: /* @__PURE__ */ i(C, {
 			size: 18,
-			strokeWidth: A(18)
+			strokeWidth: k(18)
 		}),
 		title: "No data yet",
 		description: "Records will appear here once they are added."
 	},
 	"no-results": {
-		icon: /* @__PURE__ */ i(O, {
+		icon: /* @__PURE__ */ i(ee, {
 			size: 18,
-			strokeWidth: A(18)
+			strokeWidth: k(18)
 		}),
 		title: "No results found",
 		description: "Try adjusting your search or removing filters."
 	},
 	error: {
-		icon: /* @__PURE__ */ i(m, {
+		icon: /* @__PURE__ */ i(h, {
 			size: 18,
-			strokeWidth: A(18)
+			strokeWidth: k(18)
 		}),
 		title: "Couldn't load data",
 		description: "Something went wrong while fetching records."
 	}
-}, dn = ({ type: e = "no-data", title: t, description: n, actionLabel: r, onAction: o, icon: s, className: c }) => {
-	let l = un[e];
+}, mn = ({ type: e = "no-data", title: t, description: n, actionLabel: r, onAction: o, icon: s, className: c }) => {
+	let l = pn[e];
 	return /* @__PURE__ */ a("div", {
-		className: [ln.empty, c ?? ""].filter(Boolean).join(" "),
+		className: [fn.empty, c ?? ""].filter(Boolean).join(" "),
 		role: "status",
 		children: [
 			/* @__PURE__ */ i("span", {
-				className: [ln.empty__chip, ln[`empty__chip--${e}`]].join(" "),
+				className: [fn.empty__chip, fn[`empty__chip--${e}`]].join(" "),
 				"aria-hidden": "true",
 				children: s ?? l.icon
 			}),
 			/* @__PURE__ */ i("p", {
-				className: ln.empty__title,
+				className: fn.empty__title,
 				children: t ?? l.title
 			}),
 			/* @__PURE__ */ i("p", {
-				className: ln.empty__desc,
+				className: fn.empty__desc,
 				children: n ?? l.description
 			}),
 			r && /* @__PURE__ */ i("button", {
 				type: "button",
-				className: ln.empty__action,
+				className: fn.empty__action,
 				onClick: o,
 				children: r
 			})
 		]
 	});
-}, fn = {
-	chip: "_chip_rpkox_2",
-	chip__lead: "_chip__lead_rpkox_20",
-	chip__trail: "_chip__trail_rpkox_20",
-	"chip--active": "_chip--active_rpkox_22",
-	chip__remove: "_chip__remove_rpkox_29",
-	"chip--add": "_chip--add_rpkox_38"
-}, pn = ({ type: e = "default", children: t, onClick: n, onRemove: r, className: o }) => /* @__PURE__ */ a("button", {
-	type: "button",
-	onClick: n,
-	className: [
-		fn.chip,
-		fn[`chip--${e}`],
-		o ?? ""
-	].filter(Boolean).join(" "),
-	children: [
-		e === "add" && /* @__PURE__ */ i(D, {
-			size: 14,
-			strokeWidth: A(14),
-			className: fn.chip__lead,
-			"aria-hidden": "true"
-		}),
-		/* @__PURE__ */ i("span", {
-			className: fn.chip__label,
-			children: t
-		}),
-		e === "default" && /* @__PURE__ */ i(d, {
-			size: 14,
-			strokeWidth: A(14),
-			className: fn.chip__trail,
-			"aria-hidden": "true"
-		}),
-		e === "active" && /* @__PURE__ */ i("span", {
-			role: "button",
-			"aria-label": "Remove filter",
-			className: fn.chip__remove,
-			onClick: (e) => {
-				e.stopPropagation(), r?.();
-			},
-			children: /* @__PURE__ */ i(oe, {
+}, hn = {
+	chip: "_chip_1qnyq_2",
+	chip__lead: "_chip__lead_1qnyq_20",
+	chip__trail: "_chip__trail_1qnyq_20",
+	"chip--active": "_chip--active_1qnyq_22",
+	chip__remove: "_chip__remove_1qnyq_29",
+	"chip--add": "_chip--add_1qnyq_38",
+	"chip--leaving": "_chip--leaving_1qnyq_45"
+}, gn = 160, _n = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, vn = ({ type: t = "default", children: n, onClick: r, onRemove: o, className: s }) => {
+	let [c, l] = e.useState(!1), u = e.useRef(void 0);
+	e.useEffect(() => () => window.clearTimeout(u.current), []);
+	let f = () => {
+		if (!c) {
+			if (_n()) {
+				o?.();
+				return;
+			}
+			l(!0), u.current = window.setTimeout(() => {
+				o?.(), l(!1);
+			}, gn);
+		}
+	};
+	return /* @__PURE__ */ a("button", {
+		type: "button",
+		onClick: r,
+		className: [
+			hn.chip,
+			hn[`chip--${t}`],
+			c ? hn["chip--leaving"] : "",
+			s ?? ""
+		].filter(Boolean).join(" "),
+		children: [
+			t === "add" && /* @__PURE__ */ i(O, {
+				size: 14,
+				strokeWidth: k(14),
+				className: hn.chip__lead,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ i("span", {
+				className: hn.chip__label,
+				children: n
+			}),
+			t === "default" && /* @__PURE__ */ i(d, {
 				size: 14,
-				strokeWidth: A(14),
+				strokeWidth: k(14),
+				className: hn.chip__trail,
 				"aria-hidden": "true"
+			}),
+			t === "active" && /* @__PURE__ */ i("span", {
+				role: "button",
+				"aria-label": "Remove filter",
+				className: hn.chip__remove,
+				onClick: (e) => {
+					e.stopPropagation(), f();
+				},
+				children: /* @__PURE__ */ i(ce, {
+					size: 14,
+					strokeWidth: k(14),
+					"aria-hidden": "true"
+				})
 			})
-		})
-	]
-}), q = {
+		]
+	});
+}, q = {
 	field: "_field_1cywj_10",
 	field__label: "_field__label_1cywj_18",
 	field__description: "_field__description_1cywj_26",
@@ -2834,10 +2872,10 @@ var K = {
 	input__control: "_input__control_1cywj_79",
 	input__icon: "_input__icon_1cywj_108",
 	"input--unstyled": "_input--unstyled_1cywj_118"
-}, mn = 16, hn = (t) => e.isValidElement(t) ? e.cloneElement(t, {
-	size: mn,
-	strokeWidth: A(mn)
-}) : t, gn = e.forwardRef(({ label: t, description: n, error: r, size: o = "md", unstyled: s, leadingIcon: c, trailingIcon: l, disabled: u, id: d, className: f, ...p }, m) => {
+}, yn = 16, bn = (t) => e.isValidElement(t) ? e.cloneElement(t, {
+	size: yn,
+	strokeWidth: k(yn)
+}) : t, xn = e.forwardRef(({ label: t, description: n, error: r, size: o = "md", unstyled: s, leadingIcon: c, trailingIcon: l, disabled: u, id: d, className: f, ...p }, m) => {
 	let h = e.useId(), g = d ?? h, _ = !!r;
 	return /* @__PURE__ */ a("div", {
 		className: [q.field, f ?? ""].filter(Boolean).join(" "),
@@ -2858,7 +2896,7 @@ var K = {
 					c && /* @__PURE__ */ i("span", {
 						className: q.input__icon,
 						"aria-hidden": "true",
-						children: hn(c)
+						children: bn(c)
 					}),
 					/* @__PURE__ */ i("input", {
 						ref: m,
@@ -2872,7 +2910,7 @@ var K = {
 					l && /* @__PURE__ */ i("span", {
 						className: q.input__icon,
 						"aria-hidden": "true",
-						children: hn(l)
+						children: bn(l)
 					})
 				]
 			}),
@@ -2884,7 +2922,7 @@ var K = {
 		]
 	});
 });
-gn.displayName = "Input";
+xn.displayName = "Input";
 var J = {
 	row: "_row_1q1m5_2",
 	"row--sent": "_row--sent_1q1m5_3",
@@ -2909,7 +2947,7 @@ var J = {
 	foot__receipt: "_foot__receipt_1q1m5_32",
 	system: "_system_1q1m5_34",
 	system__pill: "_system__pill_1q1m5_35"
-}, _n = ({ type: e = "received", content: t = "text", avatar: n, authorName: o, timestamp: s, children: c, image: l, fileName: d, fileSize: f, reactions: p, read: m, className: h }) => {
+}, Sn = ({ type: e = "received", content: t = "text", avatar: n, authorName: o, timestamp: s, children: c, image: l, fileName: d, fileSize: f, reactions: p, read: m, className: h }) => {
 	if (e === "system") return /* @__PURE__ */ i("div", {
 		className: [J.system, h ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ i("span", {
@@ -2917,20 +2955,20 @@ var J = {
 			children: c
 		})
 	});
-	let _ = e === "sent";
+	let g = e === "sent";
 	return /* @__PURE__ */ a("div", {
 		className: [
 			J.row,
-			_ ? J["row--sent"] : J["row--received"],
+			g ? J["row--sent"] : J["row--received"],
 			h ?? ""
 		].filter(Boolean).join(" "),
-		children: [!_ && n && /* @__PURE__ */ i("span", {
+		children: [!g && n && /* @__PURE__ */ i("span", {
 			className: J.row__avatar,
 			children: n
 		}), /* @__PURE__ */ a("div", {
 			className: J.col,
 			children: [
-				!_ && (o || s) && /* @__PURE__ */ a("div", {
+				!g && (o || s) && /* @__PURE__ */ a("div", {
 					className: J.meta,
 					children: [o && /* @__PURE__ */ i("span", {
 						className: J.meta__name,
@@ -2941,7 +2979,7 @@ var J = {
 					})]
 				}),
 				/* @__PURE__ */ a("div", {
-					className: [J.bubble, _ ? J["bubble--sent"] : J["bubble--received"]].join(" "),
+					className: [J.bubble, g ? J["bubble--sent"] : J["bubble--received"]].join(" "),
 					children: [
 						t === "image" && /* @__PURE__ */ i("div", {
 							className: J.bubble__image,
@@ -2950,9 +2988,9 @@ var J = {
 						t === "file" && /* @__PURE__ */ a("div", {
 							className: J.file,
 							children: [
-								/* @__PURE__ */ i(y, {
+								/* @__PURE__ */ i(b, {
 									size: 18,
-									strokeWidth: A(18),
+									strokeWidth: k(18),
 									className: J.file__icon,
 									"aria-hidden": "true"
 								}),
@@ -2966,9 +3004,9 @@ var J = {
 										children: f
 									})]
 								}),
-								/* @__PURE__ */ i(g, {
+								/* @__PURE__ */ i(_, {
 									size: 16,
-									strokeWidth: A(16),
+									strokeWidth: k(16),
 									className: J.file__dl,
 									"aria-hidden": "true"
 								})
@@ -2982,12 +3020,12 @@ var J = {
 				}),
 				/* @__PURE__ */ a("div", {
 					className: J.foot,
-					children: [!_ && p, _ && /* @__PURE__ */ a(r, { children: [s && /* @__PURE__ */ i("span", {
+					children: [!g && p, g && /* @__PURE__ */ a(r, { children: [s && /* @__PURE__ */ i("span", {
 						className: J.foot__time,
 						children: s
 					}), m && /* @__PURE__ */ i(u, {
 						size: 13,
-						strokeWidth: A(13),
+						strokeWidth: k(13),
 						className: J.foot__receipt,
 						"aria-hidden": "true"
 					})] })]
@@ -2995,19 +3033,19 @@ var J = {
 			]
 		})]
 	});
-}, vn = {
+}, Cn = {
 	pagination: "_pagination_on2nb_2",
 	page: "_page_on2nb_9",
 	arrow: "_arrow_on2nb_9",
 	"page--active": "_page--active_on2nb_26",
 	ellipsis: "_ellipsis_on2nb_40"
-}, yn = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n);
-function bn(e, t, n) {
+}, wn = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n);
+function Tn(e, t, n) {
 	let r = n * 2 + 5;
-	if (e <= r) return yn(1, e);
+	if (e <= r) return wn(1, e);
 	let i = r - 2, a = n * 2 + 1;
 	if (t <= i) return [
-		...yn(1, i),
+		...wn(1, i),
 		"end-ellipsis",
 		e
 	];
@@ -3015,19 +3053,19 @@ function bn(e, t, n) {
 	return s <= e - 3 ? [
 		1,
 		"start-ellipsis",
-		...yn(o, s),
+		...wn(o, s),
 		"end-ellipsis",
 		e
 	] : [
 		1,
 		"start-ellipsis",
-		...yn(e - i + 1, e)
+		...wn(e - i + 1, e)
 	];
 }
-var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s }) => {
+var En = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s }) => {
 	let c = e.useRef(null);
 	if (t < 1) return null;
-	let l = Math.min(Math.max(n, 1), t), u = Math.max(0, o), d = bn(t, l, u), m = c.current;
+	let l = Math.min(Math.max(n, 1), t), u = Math.max(0, o), d = Tn(t, l, u), m = c.current;
 	if (m && m.total === t && m.siblings === u) {
 		let e = m.tokens, n = e.includes(l), r = l === 1 && e[1] === "start-ellipsis" || l === t && e[e.length - 2] === "end-ellipsis";
 		n && !r && (d = e);
@@ -3037,53 +3075,53 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 		siblings: u,
 		tokens: d
 	}, /* @__PURE__ */ a("nav", {
-		className: [vn.pagination, s ?? ""].filter(Boolean).join(" "),
+		className: [Cn.pagination, s ?? ""].filter(Boolean).join(" "),
 		"aria-label": "Pagination",
 		children: [
 			/* @__PURE__ */ i("button", {
 				type: "button",
-				className: vn.arrow,
+				className: Cn.arrow,
 				disabled: l <= 1,
 				onClick: () => r(l - 1),
 				"aria-label": "Previous page",
 				children: /* @__PURE__ */ i(f, {
 					size: 16,
-					strokeWidth: A(16)
+					strokeWidth: k(16)
 				})
 			}),
 			d.map((e) => typeof e == "number" ? /* @__PURE__ */ i("button", {
 				type: "button",
-				className: [vn.page, e === l ? vn["page--active"] : ""].filter(Boolean).join(" "),
+				className: [Cn.page, e === l ? Cn["page--active"] : ""].filter(Boolean).join(" "),
 				"aria-current": e === l ? "page" : void 0,
 				"aria-label": `Page ${e}`,
 				onClick: () => e !== l && r(e),
 				children: e
 			}, e) : /* @__PURE__ */ i("span", {
-				className: vn.ellipsis,
+				className: Cn.ellipsis,
 				"aria-hidden": "true",
 				children: "…"
 			}, e)),
 			/* @__PURE__ */ i("button", {
 				type: "button",
-				className: vn.arrow,
+				className: Cn.arrow,
 				disabled: l >= t,
 				onClick: () => r(l + 1),
 				"aria-label": "Next page",
 				children: /* @__PURE__ */ i(p, {
 					size: 16,
-					strokeWidth: A(16)
+					strokeWidth: k(16)
 				})
 			})
 		]
 	});
-}, Sn = {
+}, Dn = {
 	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"
-}, Cn = ({ options: t, value: n, defaultValue: r, onChange: o, fullWidth: s, className: c }) => {
+}, On = ({ options: t, value: n, defaultValue: r, onChange: o, fullWidth: s, className: c }) => {
 	let l = n !== void 0, [u, d] = e.useState(r ?? t[0]?.value), f = l ? n : u, p = (e) => {
 		l || d(e), o?.(e);
 	}, m = e.useRef(null), h = e.useRef({}), [g, _] = e.useState(null), [v, y] = e.useState(!1);
@@ -3104,13 +3142,13 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 		ref: m,
 		role: "tablist",
 		className: [
-			Sn.track,
-			s ? Sn["track--fullWidth"] : "",
+			Dn.track,
+			s ? Dn["track--fullWidth"] : "",
 			c ?? ""
 		].filter(Boolean).join(" "),
 		children: [g && /* @__PURE__ */ i("span", {
 			"aria-hidden": "true",
-			className: [Sn.thumb, v ? Sn["thumb--animated"] : ""].filter(Boolean).join(" "),
+			className: [Dn.thumb, v ? Dn["thumb--animated"] : ""].filter(Boolean).join(" "),
 			style: {
 				transform: `translateX(${g.left}px)`,
 				width: g.width
@@ -3124,7 +3162,7 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 				role: "tab",
 				type: "button",
 				"aria-selected": t,
-				className: [Sn.segment, t ? Sn["segment--active"] : ""].filter(Boolean).join(" "),
+				className: [Dn.segment, t ? Dn["segment--active"] : ""].filter(Boolean).join(" "),
 				onClick: () => p(e.value),
 				children: e.label
 			}, e.value);
@@ -3160,38 +3198,38 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 	option__check: "_option__check_1b512_179",
 	optionHighlight: "_optionHighlight_1b512_151",
 	"optionHighlight--animated": "_optionHighlight--animated_1b512_201"
-}, wn = ({ label: t, description: n, error: r, size: o = "md", placeholder: s = "Select an option", options: c, value: l, defaultValue: u, onChange: d, disabled: f, id: p, className: m }) => {
-	let h = e.useId(), g = `${p ?? h}-trigger`, _ = `${p ?? h}-panel`, v = !!r, [y, b] = e.useState(u), x = l === void 0 ? y : l, S = c.find((e) => e.value === x), [C, w] = e.useState(!1), [T, E] = e.useState(!1), [D, O] = e.useState(0), ee = e.useRef(null), te = e.useRef(null), k = e.useRef(null), ne = e.useRef({}), [re, ie] = e.useState(null), [ae, oe] = e.useState(!1);
+}, kn = ({ label: t, description: n, error: r, size: o = "md", placeholder: s = "Select an option", options: c, value: l, defaultValue: u, onChange: d, disabled: f, id: p, className: m }) => {
+	let h = e.useId(), g = `${p ?? h}-trigger`, _ = `${p ?? h}-panel`, v = !!r, [y, b] = e.useState(u), x = l === void 0 ? y : l, S = c.find((e) => e.value === x), [C, w] = e.useState(!1), [T, E] = e.useState(!1), [D, O] = e.useState(0), ee = e.useRef(null), te = e.useRef(null), ne = e.useRef(null), re = e.useRef({}), [ie, ae] = e.useState(null), [oe, se] = e.useState(!1);
 	e.useLayoutEffect(() => {
-		let e = ne.current[D];
+		let e = re.current[D];
 		if (!e) {
-			ie(null);
+			ae(null);
 			return;
 		}
-		ie({
+		ae({
 			top: e.offsetTop,
 			height: e.offsetHeight
 		});
 	}, [D, c.length]), e.useLayoutEffect(() => {
 		if (!T) {
-			oe(!1);
+			se(!1);
 			return;
 		}
-		oe(!1);
-		let e = window.requestAnimationFrame(() => oe(!0));
+		se(!1);
+		let e = window.requestAnimationFrame(() => se(!0));
 		return () => window.cancelAnimationFrame(e);
 	}, [T]), e.useEffect(() => {
-		if (!k.current) return;
+		if (!ne.current) return;
 		let e = new ResizeObserver(() => {
-			let e = ne.current[D];
-			e && ie({
+			let e = re.current[D];
+			e && ae({
 				top: e.offsetTop,
 				height: e.offsetHeight
 			});
 		});
-		return e.observe(k.current), () => e.disconnect();
+		return e.observe(ne.current), () => e.disconnect();
 	}, [T]);
-	let se = He(ee, T), [ce, le] = e.useState(null);
+	let ce = Ue(ee, T), [le, ue] = e.useState(null);
 	e.useEffect(() => {
 		C && E(!0);
 	}, [C]), e.useLayoutEffect(() => {
@@ -3200,7 +3238,7 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 			let e = te.current;
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			le({
+			ue({
 				top: t.bottom + 4,
 				left: t.left,
 				width: t.width
@@ -3213,7 +3251,7 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 		if (!C) return;
 		let e = (e) => {
 			let t = e.target;
-			ee.current?.contains(t) || k.current?.contains(t) || w(!1);
+			ee.current?.contains(t) || ne.current?.contains(t) || w(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [C]), e.useEffect(() => {
@@ -3225,9 +3263,9 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 		c,
 		x
 	]);
-	let ue = (e) => {
+	let de = (e) => {
 		e.disabled || (l === void 0 && b(e.value), d?.(e.value), w(!1));
-	}, de = (e) => {
+	}, fe = (e) => {
 		O((t) => {
 			let n = t;
 			for (let t = 0; t < c.length; t += 1) if (n = (n + e + c.length) % c.length, !c[n]?.disabled) return n;
@@ -3263,14 +3301,14 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 								e.preventDefault(), w(!0);
 								return;
 							}
-							if (C) if (e.key === "ArrowDown") e.preventDefault(), de(1);
-							else if (e.key === "ArrowUp") e.preventDefault(), de(-1);
+							if (C) if (e.key === "ArrowDown") e.preventDefault(), fe(1);
+							else if (e.key === "ArrowUp") e.preventDefault(), fe(-1);
 							else if (e.key === "Home") e.preventDefault(), O(0);
 							else if (e.key === "End") e.preventDefault(), O(c.length - 1);
 							else if (e.key === "Enter" || e.key === " ") {
 								e.preventDefault();
 								let t = c[D];
-								t && ue(t);
+								t && de(t);
 							} else e.key === "Escape" && (e.preventDefault(), w(!1));
 						}
 					},
@@ -3293,47 +3331,47 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 							viewBox: "0 0 24 24",
 							fill: "none",
 							stroke: "currentColor",
-							strokeWidth: A(16),
+							strokeWidth: k(16),
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" })
 						})
 					})]
-				}), T && ce && fe(/* @__PURE__ */ a("div", {
-					ref: k,
+				}), T && le && me(/* @__PURE__ */ a("div", {
+					ref: ne,
 					id: _,
 					role: "listbox",
 					className: [
-						se,
+						ce,
 						Y.panel,
 						C ? Y["panel--entering"] : Y["panel--exiting"]
 					].filter(Boolean).join(" "),
 					style: {
 						position: "fixed",
-						top: ce.top,
-						left: ce.left,
-						width: ce.width
+						top: le.top,
+						left: le.left,
+						width: le.width
 					},
 					onAnimationEnd: () => {
 						C || E(!1);
 					},
-					children: [re && /* @__PURE__ */ i("span", {
+					children: [ie && /* @__PURE__ */ i("span", {
 						"aria-hidden": "true",
-						className: [Y.optionHighlight, ae ? Y["optionHighlight--animated"] : ""].filter(Boolean).join(" "),
+						className: [Y.optionHighlight, oe ? Y["optionHighlight--animated"] : ""].filter(Boolean).join(" "),
 						style: {
-							transform: `translateY(${re.top}px)`,
-							height: re.height
+							transform: `translateY(${ie.top}px)`,
+							height: ie.height
 						}
 					}), c.map((e, t) => /* @__PURE__ */ a("div", {
 						ref: (e) => {
-							ne.current[t] = e;
+							re.current[t] = e;
 						},
 						id: `${_}-opt-${t}`,
 						role: "option",
 						"aria-selected": e.value === x,
 						"aria-disabled": e.disabled || void 0,
 						onMouseEnter: () => !e.disabled && O(t),
-						onClick: () => ue(e),
+						onClick: () => de(e),
 						className: [
 							Y.option,
 							e.value === x ? Y["option--selected"] : "",
@@ -3366,42 +3404,48 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 			})
 		]
 	});
-}, Tn = {
+}, An = {
 	sidebar: "_sidebar_m27tb_4",
 	"sidebar--collapsed": "_sidebar--collapsed_m27tb_21"
-}, En = ({ collapsed: e = !1, children: t, className: n }) => {
-	let r = Zt();
+}, jn = ({ collapsed: e = !1, children: t, className: n }) => {
+	let r = en();
 	return /* @__PURE__ */ a("nav", {
 		ref: r.ref,
 		...r.groupProps,
 		className: [
-			Tn.sidebar,
-			e ? Tn["sidebar--collapsed"] : "",
+			An.sidebar,
+			e ? An["sidebar--collapsed"] : "",
 			n ?? ""
 		].filter(Boolean).join(" "),
 		"data-collapsed": e,
 		children: [r.highlight, t]
 	});
-}, Dn = { divider: "_divider_18c5j_1" }, On = () => /* @__PURE__ */ i("div", {
-	className: Dn.divider,
+}, Mn = { divider: "_divider_1oof5_1" }, Nn = () => /* @__PURE__ */ i("div", {
+	className: Mn.divider,
 	role: "separator"
-}), kn = { groupLabel: "_groupLabel_62q1j_2" }, An = ({ children: e }) => /* @__PURE__ */ i("div", {
-	className: kn.groupLabel,
+}), Pn = { groupLabel: "_groupLabel_62q1j_2" }, Fn = ({ children: e }) => /* @__PURE__ */ i("div", {
+	className: Pn.groupLabel,
 	children: e
 }), X = {
-	header: "_header_1wyz2_2",
-	"header--collapsed": "_header--collapsed_1wyz2_12",
-	header__logoWrap: "_header__logoWrap_1wyz2_15",
-	header__logo: "_header__logo_1wyz2_14",
-	header__logoContent: "_header__logoContent_1wyz2_43",
-	header__logoIcon: "_header__logoIcon_1wyz2_44",
-	header__text: "_header__text_1wyz2_50",
-	"header__text--collapsed": "_header__text--collapsed_1wyz2_61",
-	header__title: "_header__title_1wyz2_65",
-	header__subtitle: "_header__subtitle_1wyz2_66",
-	header__toggle: "_header__toggle_1wyz2_67"
-}, jn = ({ type: e = "brand", title: t, subtitle: n, logo: r, collapsed: o, onToggle: s, toggleIcon: c = T }) => /* @__PURE__ */ a("div", {
-	className: [X.header, o ? X["header--collapsed"] : ""].filter(Boolean).join(" "),
+	header: "_header_6bhip_2",
+	"header--collapsed": "_header--collapsed_6bhip_12",
+	"header--workspace": "_header--workspace_6bhip_15",
+	header__subtitle: "_header__subtitle_6bhip_20",
+	header__switch: "_header__switch_6bhip_21",
+	header__logoWrap: "_header__logoWrap_6bhip_24",
+	header__logo: "_header__logo_6bhip_23",
+	header__logoContent: "_header__logoContent_6bhip_52",
+	header__logoIcon: "_header__logoIcon_6bhip_53",
+	header__text: "_header__text_6bhip_59",
+	"header__text--collapsed": "_header__text--collapsed_6bhip_70",
+	header__title: "_header__title_6bhip_74",
+	header__toggle: "_header__toggle_6bhip_76"
+}, In = ({ type: e = "brand", title: t, subtitle: n, logo: r, collapsed: o, onToggle: s, toggleIcon: c = E }) => /* @__PURE__ */ a("div", {
+	className: [
+		X.header,
+		e === "workspace" ? X["header--workspace"] : "",
+		o ? X["header--collapsed"] : ""
+	].filter(Boolean).join(" "),
 	children: [
 		r && (o && e === "brand-toggle" && s ? /* @__PURE__ */ i("button", {
 			type: "button",
@@ -3418,7 +3462,7 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ i(c, {
 						size: 16,
-						strokeWidth: A(16)
+						strokeWidth: k(16)
 					})
 				})]
 			})
@@ -3440,6 +3484,14 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 				children: n
 			})]
 		}),
+		!o && e === "workspace" && /* @__PURE__ */ i("span", {
+			className: X.header__switch,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ i(m, {
+				size: 16,
+				strokeWidth: k(16)
+			})
+		}),
 		!o && e === "brand-toggle" && /* @__PURE__ */ i("button", {
 			type: "button",
 			className: X.header__toggle,
@@ -3447,30 +3499,31 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 			"aria-label": "Collapse sidebar",
 			children: /* @__PURE__ */ i(c, {
 				size: 18,
-				strokeWidth: A(18)
+				strokeWidth: k(18)
 			})
 		})
 	]
 }), Z = {
-	item: "_item_1ukig_5",
-	"item--disabled": "_item--disabled_1ukig_37",
-	"item--active": "_item--active_1ukig_37",
-	"item--active-flat": "_item--active-flat_1ukig_37",
-	item__icon: "_item__icon_1ukig_38",
-	item__bar: "_item__bar_1ukig_49",
-	item__chevron: "_item__chevron_1ukig_77",
-	item__badge: "_item__badge_1ukig_79",
-	"item--collapsed": "_item--collapsed_1ukig_98",
-	item__label: "_item__label_1ukig_137",
-	"item__label--collapsed": "_item__label--collapsed_1ukig_146"
-}, Mn = ({ icon: e, label: t, active: n, activeIndicator: o = !0, disabled: s, badge: c, hasSubmenu: l, collapsed: u, onClick: d, href: f, nativeTooltip: m = !0 }) => {
-	let h = n && o, g = n && !o, _ = [
+	item: "_item_1xl3z_5",
+	"item--disabled": "_item--disabled_1xl3z_37",
+	"item--active": "_item--active_1xl3z_37",
+	"item--active-flat": "_item--active-flat_1xl3z_37",
+	item__icon: "_item__icon_1xl3z_38",
+	item__bar: "_item__bar_1xl3z_49",
+	item__chevron: "_item__chevron_1xl3z_77",
+	item__badge: "_item__badge_1xl3z_79",
+	"item--collapsed": "_item--collapsed_1xl3z_98",
+	item__label: "_item__label_1xl3z_137",
+	"item__label--collapsed": "_item__label--collapsed_1xl3z_146",
+	"item__chevron--expanded": "_item__chevron--expanded_1xl3z_169"
+}, Ln = ({ icon: e, label: t, active: n, activeIndicator: o = !0, disabled: s, badge: c, hasSubmenu: l, collapsed: u, expanded: d, onClick: f, href: m, nativeTooltip: h = !0 }) => {
+	let g = n && o, _ = n && !o, v = [
 		Z.item,
-		h ? Z["item--active"] : "",
-		g ? Z["item--active-flat"] : "",
+		g ? Z["item--active"] : "",
+		_ ? Z["item--active-flat"] : "",
 		s ? Z["item--disabled"] : "",
 		u ? Z["item--collapsed"] : ""
-	].filter(Boolean).join(" "), v = /* @__PURE__ */ a(r, { children: [
+	].filter(Boolean).join(" "), y = /* @__PURE__ */ a(r, { children: [
 		/* @__PURE__ */ i("span", {
 			className: Z.item__bar,
 			"aria-hidden": "true"
@@ -3480,7 +3533,7 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ i(e, {
 				size: 18,
-				strokeWidth: A(18)
+				strokeWidth: k(18)
 			})
 		}),
 		/* @__PURE__ */ i("span", {
@@ -3492,51 +3545,52 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 			children: c
 		}),
 		!u && l && /* @__PURE__ */ i("span", {
-			className: Z.item__chevron,
+			className: [Z.item__chevron, d ? Z["item__chevron--expanded"] : ""].filter(Boolean).join(" "),
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ i(p, {
 				size: 16,
-				strokeWidth: A(16)
+				strokeWidth: k(16)
 			})
 		})
-	] }), y = {
-		className: _,
+	] }), b = {
+		className: v,
 		"data-hover-item": "",
-		title: u && m ? t : void 0,
+		title: u && h ? t : void 0,
 		"aria-label": u ? t : void 0,
-		"aria-current": n ? "page" : void 0
+		"aria-current": n ? "page" : void 0,
+		"aria-expanded": l && d !== void 0 ? d : void 0
 	};
-	return f && !s ? /* @__PURE__ */ i("a", {
-		href: f,
-		...y,
-		children: v
+	return m && !s ? /* @__PURE__ */ i("a", {
+		href: m,
+		...b,
+		children: y
 	}) : /* @__PURE__ */ i("button", {
 		type: "button",
 		disabled: s,
-		onClick: d,
-		...y,
-		children: v
+		onClick: f,
+		...b,
+		children: y
 	});
-}, Nn = {
+}, Rn = {
 	subItem: "_subItem_1sz05_2",
 	"subItem--disabled": "_subItem--disabled_1sz05_26",
 	"subItem--active": "_subItem--active_1sz05_27",
 	subItem__dot: "_subItem__dot_1sz05_31",
 	subItem__label: "_subItem__label_1sz05_41"
-}, Pn = ({ label: e, active: t, disabled: n, onClick: o, href: s }) => {
+}, zn = ({ label: e, active: t, disabled: n, onClick: o, href: s }) => {
 	let c = {
 		className: [
-			Nn.subItem,
-			t ? Nn["subItem--active"] : "",
-			n ? Nn["subItem--disabled"] : ""
+			Rn.subItem,
+			t ? Rn["subItem--active"] : "",
+			n ? Rn["subItem--disabled"] : ""
 		].filter(Boolean).join(" "),
 		"data-hover-item": "",
 		"aria-current": t ? "page" : void 0
 	}, l = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
-		className: Nn.subItem__dot,
+		className: Rn.subItem__dot,
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ i("span", {
-		className: Nn.subItem__label,
+		className: Rn.subItem__label,
 		children: e
 	})] });
 	return s && !n ? /* @__PURE__ */ i("a", {
@@ -3550,45 +3604,53 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 		...c,
 		children: l
 	});
-}, Fn = {
+}, Bn = {
 	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"
-}, In = ({ variant: e = "text", width: t, height: n, className: r }) => {
+}, Vn = ({ variant: e = "text", width: t, height: n, className: r }) => {
 	let a = {};
 	return t !== void 0 && (a.width = typeof t == "number" ? `${t}px` : t), n !== void 0 && (a.height = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ i("span", {
 		"aria-hidden": "true",
 		className: [
-			Fn.skeleton,
-			Fn[`skeleton--${e}`],
+			Bn.skeleton,
+			Bn[`skeleton--${e}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		style: a
 	});
-}, Ln = {
-	field: "_field_drnb1_3",
-	header: "_header_drnb1_4",
-	label: "_label_drnb1_5",
-	value: "_value_drnb1_6",
-	slider: "_slider_drnb1_8"
-}, Rn = e.forwardRef(({ label: t, showValue: n, min: r = 0, max: o = 100, value: s, defaultValue: c, disabled: l, id: u, className: d, onChange: f, ...p }, m) => {
-	let h = e.useId(), g = u ?? h, _ = Number(s ?? c ?? r), [v, y] = e.useState(_), b = s === void 0 ? v : Number(s), x = (b - r) / (o - r) * 100;
+}, Hn = {
+	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"
+}, Un = 1.2, Wn = 460, Gn = e.forwardRef(({ label: t, showValue: n, min: r = 0, max: o = 100, value: s, defaultValue: c, disabled: l, id: u, className: d, onChange: f, ...p }, m) => {
+	let h = e.useId(), g = u ?? h, _ = Number(s ?? c ?? r), [v, y] = e.useState(_), b = s === void 0 ? v : Number(s), x = (b - r) / (o - r) * 100, S = e.useRef(null), C = (e) => {
+		S.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+	}, w = e.useRef(null), T = e.useRef(void 0);
+	e.useEffect(() => () => window.clearTimeout(T.current), []);
+	let E = (e) => {
+		let t = S.current;
+		t && (t.removeAttribute("data-bounce"), t.offsetWidth, t.style.setProperty("--bounce-dir", String(e)), t.setAttribute("data-bounce", ""), window.clearTimeout(T.current), T.current = window.setTimeout(() => t.removeAttribute("data-bounce"), Wn));
+	};
 	return /* @__PURE__ */ a("div", {
-		className: [Ln.field, d ?? ""].filter(Boolean).join(" "),
+		className: [Hn.field, d ?? ""].filter(Boolean).join(" "),
 		children: [(t || n) && /* @__PURE__ */ a("div", {
-			className: Ln.header,
+			className: Hn.header,
 			children: [t && /* @__PURE__ */ i("label", {
 				htmlFor: g,
-				className: Ln.label,
+				className: Hn.label,
 				children: t
 			}), n && /* @__PURE__ */ i("span", {
-				className: Ln.value,
+				className: Hn.value,
 				children: b
 			})]
 		}), /* @__PURE__ */ i("input", {
-			ref: m,
+			ref: C,
 			id: g,
 			type: "range",
 			min: r,
@@ -3597,15 +3659,19 @@ var xn = ({ total: t, page: n, onPageChange: r, siblings: o = 1, className: s })
 			defaultValue: s === void 0 ? c : void 0,
 			disabled: l,
 			onChange: (e) => {
-				s === void 0 && y(Number(e.target.value)), f?.(e);
+				let t = Number(e.target.value), n = performance.now(), i = w.current;
+				i && (t === o || t === r) && i.v !== t && Math.abs(t - i.v) / (o - r) / Math.max((n - i.t) / 1e3, .001) >= Un && E(t === o ? 1 : -1), w.current = {
+					v: t,
+					t: n
+				}, s === void 0 && y(t), f?.(e);
 			},
-			className: Ln.slider,
+			className: Hn.slider,
 			style: { "--pct": `${x}%` },
 			...p
 		})]
 	});
 });
-Rn.displayName = "Slider";
+Gn.displayName = "Slider";
 var Q = {
 	wrap: "_wrap_1hulo_6",
 	"wrap--bordered": "_wrap--bordered_1hulo_20",
@@ -3634,18 +3700,18 @@ var Q = {
 	"bodyRow--dropTarget": "_bodyRow--dropTarget_1hulo_224",
 	dragCell: "_dragCell_1hulo_231",
 	dragHandle: "_dragHandle_1hulo_247"
-}, zn = 640;
-function Bn(t) {
+}, Kn = 640;
+function qn(t) {
 	let [n, r] = e.useState(!1);
 	return e.useEffect(() => {
 		if (t !== "auto") return;
-		let e = window.matchMedia(`(max-width: ${zn}px)`);
+		let e = window.matchMedia(`(max-width: ${Kn}px)`);
 		r(e.matches);
 		let n = (e) => r(e.matches);
 		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, [t]), t === "default" ? "default" : t === "stacked" || n ? "stacked" : "default";
 }
-var Vn = ({ checked: t, indeterminate: n, onChange: r, label: o }) => {
+var Jn = ({ checked: t, indeterminate: n, onChange: r, label: o }) => {
 	let s = e.useRef(null);
 	return e.useEffect(() => {
 		s.current && (s.current.indeterminate = !!n);
@@ -3676,17 +3742,17 @@ var Vn = ({ checked: t, indeterminate: n, onChange: r, label: o }) => {
 		})]
 	});
 };
-function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionChange: s, rowKey: c, reorderable: l, onReorder: u, bordered: d = !0, responsive: f = "auto", className: p }) {
-	let m = Bn(f), h = o !== void 0, [g, _] = e.useState([]), v = h ? o : g, y = (e) => {
+function Yn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionChange: s, rowKey: c, reorderable: l, onReorder: u, bordered: d = !0, responsive: f = "auto", className: p }) {
+	let m = qn(f), h = o !== void 0, [g, _] = e.useState([]), v = h ? o : g, y = (e) => {
 		h || _(e), s?.(e);
-	}, x = n.length > 0 && v.length === n.length, S = v.length > 0 && !x, [C, w] = e.useState(null), [T, E] = e.useState(null), D = Zt(), O = () => {
+	}, b = n.length > 0 && v.length === n.length, S = v.length > 0 && !b, [C, w] = e.useState(null), [T, E] = e.useState(null), D = en(), O = () => {
 		if (C === null || T === null || C === T) {
 			w(null), E(null);
 			return;
 		}
 		let e = [...n], [t] = e.splice(C, 1);
 		e.splice(T, 0, t), u?.(e), w(null), E(null);
-	}, ee = () => y(x ? [] : n.map((e, t) => t)), te = (e) => y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]), k = (e) => (t) => {
+	}, ee = () => y(b ? [] : n.map((e, t) => t)), te = (e) => y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]), ne = (e) => (t) => {
 		t.target.closest("a, button, input, select, textarea, label, [role=\"button\"], [draggable=\"true\"]") || window.getSelection()?.isCollapsed && te(e);
 	};
 	return m === "stacked" ? /* @__PURE__ */ i("div", {
@@ -3696,7 +3762,7 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 			let o = v.includes(n);
 			return /* @__PURE__ */ a("div", {
 				role: "listitem",
-				onClick: r ? k(n) : void 0,
+				onClick: r ? ne(n) : void 0,
 				className: [
 					Q.card,
 					o ? Q["card--selected"] : "",
@@ -3704,7 +3770,7 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 				].filter(Boolean).join(" "),
 				children: [r && /* @__PURE__ */ i("div", {
 					className: Q.card__selectRow,
-					children: /* @__PURE__ */ i(Vn, {
+					children: /* @__PURE__ */ i(Jn, {
 						checked: o,
 						onChange: () => te(n),
 						label: `Select row ${n + 1}`
@@ -3740,8 +3806,8 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 					}),
 					r && /* @__PURE__ */ i("th", {
 						className: Q.checkCell,
-						children: /* @__PURE__ */ i(Vn, {
-							checked: x,
+						children: /* @__PURE__ */ i(Jn, {
+							checked: b,
 							indeterminate: S,
 							onChange: ee,
 							label: "Select all rows"
@@ -3760,7 +3826,7 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 				let o = v.includes(n);
 				return /* @__PURE__ */ a("tr", {
 					"data-hover-item": "",
-					onClick: r ? k(n) : void 0,
+					onClick: r ? ne(n) : void 0,
 					onDragOver: l ? (e) => {
 						e.preventDefault(), E(n);
 					} : void 0,
@@ -3785,7 +3851,7 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 									e.dataTransfer.setDragImage(e.currentTarget.closest("tr"), 0, 0), w(n);
 								},
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ i(b, {
+								children: /* @__PURE__ */ i(x, {
 									size: 14,
 									strokeWidth: 1.5
 								})
@@ -3793,7 +3859,7 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 						}),
 						r && /* @__PURE__ */ i("td", {
 							className: Q.checkCell,
-							children: /* @__PURE__ */ i(Vn, {
+							children: /* @__PURE__ */ i(Jn, {
 								checked: o,
 								onChange: () => te(n),
 								label: `Select row ${n + 1}`
@@ -3810,7 +3876,7 @@ function Hn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 		})]
 	});
 }
-var Un = {
+var Xn = {
 	tabs: "_tabs_1122j_3",
 	"tabs--borderless": "_tabs--borderless_1122j_16",
 	"tabs--fill": "_tabs--fill_1122j_21",
@@ -3819,7 +3885,7 @@ var Un = {
 	"tab--active": "_tab--active_1122j_63",
 	indicator: "_indicator_1122j_74",
 	"indicator--animated": "_indicator--animated_1122j_88"
-}, Wn = ({ items: t, value: n, defaultValue: r, onChange: o, bordered: s = !0, fill: c = !1, className: l }) => {
+}, Zn = ({ items: t, value: n, defaultValue: r, onChange: o, bordered: s = !0, fill: c = !1, className: l }) => {
 	let u = n !== void 0, [d, f] = e.useState(r ?? t[0]?.value), p = u ? n : d, m = (e) => {
 		u || f(e), o?.(e);
 	}, h = e.useRef(null), g = e.useRef({}), [_, v] = e.useState(null), [y, b] = e.useState(!1);
@@ -3840,9 +3906,9 @@ var Un = {
 		ref: h,
 		role: "tablist",
 		className: [
-			Un.tabs,
-			s ? "" : Un["tabs--borderless"],
-			c ? Un["tabs--fill"] : "",
+			Xn.tabs,
+			s ? "" : Xn["tabs--borderless"],
+			c ? Xn["tabs--fill"] : "",
 			l ?? ""
 		].filter(Boolean).join(" "),
 		children: [t.map((e) => {
@@ -3856,27 +3922,27 @@ var Un = {
 				"aria-selected": t,
 				disabled: e.disabled,
 				className: [
-					Un.tab,
-					t ? Un["tab--active"] : "",
-					e.disabled ? Un["tab--disabled"] : ""
+					Xn.tab,
+					t ? Xn["tab--active"] : "",
+					e.disabled ? Xn["tab--disabled"] : ""
 				].filter(Boolean).join(" "),
 				onClick: () => m(e.value),
 				children: [n && /* @__PURE__ */ i(n, {
 					size: 16,
-					strokeWidth: A(16),
+					strokeWidth: k(16),
 					"aria-hidden": "true"
 				}), e.label]
 			}, e.value);
 		}), _ && /* @__PURE__ */ i("span", {
 			"aria-hidden": "true",
-			className: [Un.indicator, y ? Un["indicator--animated"] : ""].filter(Boolean).join(" "),
+			className: [Xn.indicator, y ? Xn["indicator--animated"] : ""].filter(Boolean).join(" "),
 			style: {
 				transform: `translateX(${_.left}px)`,
 				width: _.width
 			}
 		})]
 	});
-}, Gn = {
+}, Qn = {
 	wrapper: "_wrapper_w6wtp_8",
 	bubble: "_bubble_w6wtp_8",
 	bubble__title: "_bubble__title_w6wtp_46",
@@ -3898,7 +3964,7 @@ var Un = {
 	"caret--center-left": "_caret--center-left_w6wtp_121",
 	"bubble--center-right": "_bubble--center-right_w6wtp_131",
 	"caret--center-right": "_caret--center-right_w6wtp_139"
-}, Kn = ({ title: t, subtitle: n, pointer: r = "top-center", children: o, className: s }) => {
+}, $n = ({ title: t, subtitle: n, pointer: r = "top-center", children: o, className: s }) => {
 	let [c, l] = e.useState(!1);
 	return e.useEffect(() => {
 		let e = (e) => {
@@ -3906,24 +3972,24 @@ var Un = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []), /* @__PURE__ */ a("span", {
-		className: [Gn.wrapper, s ?? ""].filter(Boolean).join(" "),
+		className: [Qn.wrapper, s ?? ""].filter(Boolean).join(" "),
 		"data-dismissed": c || void 0,
 		onMouseLeave: () => l(!1),
 		onBlur: () => l(!1),
 		children: [o, /* @__PURE__ */ a("span", {
 			role: "tooltip",
-			className: [Gn.bubble, Gn[`bubble--${r}`]].join(" "),
+			className: [Qn.bubble, Qn[`bubble--${r}`]].join(" "),
 			children: [
 				/* @__PURE__ */ i("span", {
-					className: Gn.bubble__title,
+					className: Qn.bubble__title,
 					children: t
 				}),
 				n && /* @__PURE__ */ i("span", {
-					className: Gn.bubble__subtitle,
+					className: Qn.bubble__subtitle,
 					children: n
 				}),
 				/* @__PURE__ */ i("span", {
-					className: [Gn.caret, Gn[`caret--${r}`]].join(" "),
+					className: [Qn.caret, Qn[`caret--${r}`]].join(" "),
 					"aria-hidden": "true"
 				})
 			]
@@ -3952,8 +4018,8 @@ var Un = {
 	"bar__left--search": "_bar__left--search_yqi1k_84",
 	bar__accountChevron: "_bar__accountChevron_yqi1k_98",
 	"bar__accountChevron--open": "_bar__accountChevron--open_yqi1k_104"
-}, qn = ({ type: e = "search", density: t = "md", left: n, showToggle: s = !0, onToggle: c, toggleIcon: l = w, showActions: u = !0, showHelp: f = !0, hasUnread: p = !1, rightSlot: m, account: g, accountOpen: _ = !1, avatar: v, title: y, subtitle: b, actions: x, className: S }) => {
-	let C = Zt(), T = Zt(), E = t === "md" ? 20 : 18, D = A(E);
+}, er = ({ type: e = "search", density: t = "md", left: n, showToggle: s = !0, onToggle: c, toggleIcon: l = T, showActions: u = !0, showHelp: f = !0, hasUnread: p = !1, rightSlot: m, account: h, accountOpen: _ = !1, avatar: v, title: y, subtitle: b, actions: x, className: S }) => {
+	let C = en(), w = en(), E = t === "md" ? 20 : 18, D = k(E);
 	return /* @__PURE__ */ i("header", {
 		className: [
 			$.bar,
@@ -3978,10 +4044,10 @@ var Un = {
 			}),
 			/* @__PURE__ */ i("div", { className: $.bar__spacer }),
 			x && /* @__PURE__ */ a("div", {
-				ref: T.ref,
-				...T.groupProps,
+				ref: w.ref,
+				...w.groupProps,
 				className: $.bar__chatActions,
-				children: [T.highlight, x]
+				children: [w.highlight, x]
 			})
 		] }) : /* @__PURE__ */ a(r, { children: [
 			/* @__PURE__ */ a("div", {
@@ -4017,7 +4083,7 @@ var Un = {
 								"data-hover-item": "",
 								className: $.bar__icon,
 								"aria-label": "Help",
-								children: /* @__PURE__ */ i(h, {
+								children: /* @__PURE__ */ i(g, {
 									size: E,
 									strokeWidth: D
 								})
@@ -4040,11 +4106,11 @@ var Un = {
 							})
 						]
 					}), /* @__PURE__ */ i("span", { className: $.bar__divider })] }),
-					g && /* @__PURE__ */ a("div", {
+					h && /* @__PURE__ */ a("div", {
 						className: $.bar__account,
-						children: [g, /* @__PURE__ */ i(d, {
+						children: [h, /* @__PURE__ */ i(d, {
 							size: 16,
-							strokeWidth: A(16),
+							strokeWidth: k(16),
 							className: [$.bar__accountChevron, _ ? $["bar__accountChevron--open"] : ""].filter(Boolean).join(" ")
 						})]
 					})
@@ -4054,4 +4120,4 @@ var Un = {
 	});
 };
 //#endregion
-export { Ke as $, Vt as A, St as B, nn as C, Kt as D, Zt as E, At as F, ft as G, yt as H, kt as I, rt as J, ot as K, Ot as L, Lt as M, Ft as N, Gt as O, Nt as P, Je as Q, Dt as R, an as S, Qt as T, _t as U, xt as V, mt as W, $e as X, tt as Y, Ze as Z, gn as _, Rn as a, N as at, cn as b, Mn as c, Ce as ct, On as d, he as dt, Ge as et, En as f, me as ft, _n as g, xn as h, Hn as i, ke as it, zt as j, Ht as k, jn as l, be as lt, Cn as m, Kn as n, Be as nt, In as o, Oe as ot, wn as p, A as pt, at as q, Wn as r, Re as rt, Pn as s, Te as st, qn as t, We as tt, An as u, ye as ut, pn as v, en as w, sn as x, dn as y, wt as z };
+export { qe as $, Wt as A, Tt as B, on as C, Yt as D, en as E, Nt as F, ht as G, St as H, Mt as I, it as J, st as K, jt as L, Bt as M, Rt as N, Jt as O, It as P, Ye as Q, At as R, cn as S, tn as T, bt as U, wt as V, _t as W, et as X, nt as Y, Qe as Z, xn as _, Gn as a, N as at, dn as b, Ln as c, we as ct, Nn as d, ge as dt, Ke as et, jn as f, he as ft, Sn as g, En as h, Yn as i, Ae as it, Ht as j, Gt as k, In as l, xe as lt, On as m, $n as n, Ve as nt, Vn as o, ke as ot, kn as p, k as pt, ot as q, Zn as r, ze as rt, zn as s, Ee as st, er as t, Ge as tt, Fn as u, be as ut, vn as v, rn as w, un as x, mn as y, Dt as z };