@sakaniui/react 0.11.2 → 0.12.0

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

@@ -1,4 +1,4 @@
-import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, d as h, f as g, g as _, h as v, i as y, j as b, k as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as ee, u as te, v as ne, w as re, y as ie } from "./help-circle-B0koiJUs.js";
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, T as f, _ as p, a as m, b as h, d as g, f as _, h as v, i as y, j as b, k as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as ee, u as te, v as ne, w as re, y as ie } from "./help-circle-BufsknPE.js";
 import k, { useEffect as ae, useState as oe } from "react";
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
 import { Bar as se, BarChart as ce, CartesianGrid as le, Cell as ue, Legend as de, Line as fe, LineChart as pe, Pie as me, PieChart as he, PolarAngleAxis as ge, RadialBar as _e, RadialBarChart as ve, Rectangle as ye, ResponsiveContainer as be, Tooltip as xe, XAxis as Se, YAxis as Ce } from "recharts";
@@ -348,24 +348,24 @@ var Ue = {
 	hint: "_hint_3mj75_79",
 	link: "_link_3mj75_88",
 	input: "_input_3mj75_92"
-}, We = ({ src: e, alt: t, orientation: n = "vertical", accept: r = "image/jpeg,image/png", title: i = "Upload a photo", hint: a = "JPG or PNG, max 5MB.", onFileSelect: o, onRemove: s, className: c }) => {
-	let l = k.useRef(null), d = e !== void 0, [f, p] = k.useState(void 0), m = d ? e : f, h = n === "horizontal", g = !!m, _ = () => l.current?.click(), v = () => {
-		s?.(), d || p(void 0);
+}, We = ({ src: e, alt: t, orientation: n = "vertical", accept: r = "image/jpeg,image/png", title: a = "Upload a photo", hint: o = "JPG or PNG, max 5MB.", onFileSelect: s, onRemove: c, className: l }) => {
+	let u = k.useRef(null), d = e !== void 0, [f, p] = k.useState(void 0), m = d ? e : f, h = n === "horizontal", g = !!m, _ = () => u.current?.click(), v = () => {
+		c?.(), d || p(void 0);
 	}, y = /* @__PURE__ */ M("div", {
 		className: [Ue.textStack, h ? "" : Ue["textStack--center"]].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ j("p", {
 			className: Ue.title,
-			children: i
+			children: a
 		}), /* @__PURE__ */ j("p", {
 			className: Ue.hint,
-			children: a
+			children: o
 		})]
 	});
 	return /* @__PURE__ */ M("div", {
 		className: [
 			Ue.wrap,
 			Ue[`wrap--${n}`],
-			c ?? ""
+			l ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ M("div", {
@@ -380,7 +380,7 @@ var Ue = {
 					className: Ue.badge,
 					onClick: _,
 					"aria-label": "Change photo",
-					children: /* @__PURE__ */ j(u, {
+					children: /* @__PURE__ */ j(i, {
 						size: 16,
 						strokeWidth: N(16)
 					})
@@ -418,13 +418,13 @@ var Ue = {
 				children: "Change photo"
 			}) : y),
 			/* @__PURE__ */ j("input", {
-				ref: l,
+				ref: u,
 				type: "file",
 				accept: r,
 				className: Ue.input,
 				onChange: (e) => {
 					let t = e.target.files?.[0];
-					t && (o?.(t), d || p(URL.createObjectURL(t))), e.target.value = "";
+					t && (s?.(t), d || p(URL.createObjectURL(t))), e.target.value = "";
 				}
 			})
 		]
@@ -495,10 +495,10 @@ var I = {
 			})
 		})
 	});
-}, $e = ({ label: t = "Available balance", value: n, change: r, progress: i, hidden: a, onToggleHidden: o, className: l }) => {
-	let u = a !== void 0, [d, f] = k.useState(!1), p = u ? a : d, m = i !== void 0, h = r?.direction ?? "up", g = h === "up" ? b : e, _ = () => {
+}, $e = ({ label: e = "Available balance", value: t, change: n, progress: r, hidden: i, onToggleHidden: a, className: o }) => {
+	let l = i !== void 0, [d, f] = k.useState(!1), p = l ? i : d, m = r !== void 0, h = n?.direction ?? "up", g = h === "up" ? s : b, _ = () => {
 		let e = !p;
-		o?.(e), u || f(e);
+		a?.(e), l || f(e);
 	}, [v, y] = k.useState(!1), [x, S] = k.useState(0), C = k.useRef(!1);
 	k.useEffect(() => {
 		if (p && !C.current) {
@@ -510,20 +510,20 @@ var I = {
 		}
 		C.current = p;
 	}, [p]);
-	let w = k.useMemo(() => Xe(n.length), [n, x]), T = k.useMemo(() => r ? Xe(r.value.length) : "", [r?.value, x]), E = /* @__PURE__ */ M("div", {
+	let w = k.useMemo(() => Xe(t.length), [t, x]), T = k.useMemo(() => n ? Xe(n.value.length) : "", [n?.value, x]), E = /* @__PURE__ */ M("div", {
 		className: I.content,
 		children: [
 			/* @__PURE__ */ M("div", {
 				className: I.labelRow,
 				children: [/* @__PURE__ */ j("p", {
 					className: I.label,
-					children: t
+					children: e
 				}), /* @__PURE__ */ j("button", {
 					type: "button",
 					className: I.hideToggle,
 					"aria-label": p ? "Show balance" : "Hide balance",
 					onClick: _,
-					children: j(p ? s : c, {
+					children: j(p ? c : u, {
 						size: 16,
 						strokeWidth: N(16)
 					})
@@ -535,9 +535,9 @@ var I = {
 					p ? I["value--hidden"] : "",
 					v ? I["value--glitching"] : ""
 				].filter(Boolean).join(" "),
-				children: p ? w : n
+				children: p ? w : t
 			}),
-			r && /* @__PURE__ */ M("div", {
+			n && /* @__PURE__ */ M("div", {
 				className: I.changeRow,
 				children: [
 					/* @__PURE__ */ j(g, {
@@ -547,11 +547,11 @@ var I = {
 					}),
 					/* @__PURE__ */ j("span", {
 						className: [h === "up" ? I.changeValue__up : I.changeValue__down, v ? I["value--glitching"] : ""].filter(Boolean).join(" "),
-						children: p ? T : r.value
+						children: p ? T : n.value
 					}),
 					/* @__PURE__ */ j("span", {
 						className: I.changeLabel,
-						children: r.label ?? "this month"
+						children: n.label ?? "this month"
 					})
 				]
 			})
@@ -561,9 +561,9 @@ var I = {
 		className: [
 			I.balance,
 			m ? I["balance--progress"] : "",
-			l ?? ""
+			o ?? ""
 		].filter(Boolean).join(" "),
-		children: [m && /* @__PURE__ */ j(Qe, { progress: i }), E]
+		children: [m && /* @__PURE__ */ j(Qe, { progress: r }), E]
 	});
 }, et = {
 	progress: "_progress_1qaz4_11",
@@ -1147,8 +1147,8 @@ var Et = (e = "regular", t = "auto") => [
 	"sakani-modal-card-in": "_sakani-modal-card-in_13dud_1",
 	"card--exiting": "_card--exiting_13dud_115",
 	"sakani-modal-card-out": "_sakani-modal-card-out_13dud_1"
-}, kt = ({ open: e, onClose: t, title: n, description: r, variant: o = "default", icon: s, cancelLabel: c = "Cancel", confirmLabel: l, onCancel: u, onConfirm: d, confirmLoading: f, closeOnEscape: p = !0, closeOnBackdropClick: m = !0, children: h, hideHeader: g = !1, hideFooterDivider: _ = !1, footerJustify: v = "end", className: y }) => {
-	let b = o === "destructive", x = k.useRef(null), S = k.useRef(null), C = k.useRef(null), w = rt(C, e), T = it(C, e), E = T === "liquid", D = Ct(x, {
+}, kt = ({ open: e, onClose: t, title: n, description: r, variant: i = "default", icon: s, cancelLabel: c = "Cancel", confirmLabel: l, onCancel: u, onConfirm: d, confirmLoading: f, closeOnEscape: p = !0, closeOnBackdropClick: m = !0, children: h, hideHeader: g = !1, hideFooterDivider: _ = !1, footerJustify: v = "end", className: y }) => {
+	let b = i === "destructive", x = k.useRef(null), S = k.useRef(null), C = k.useRef(null), w = rt(C, e), T = it(C, e), E = T === "liquid", D = Ct(x, {
 		enabled: E,
 		source: !1
 	}), [O, ee] = k.useState(!1);
@@ -1225,7 +1225,7 @@ var Et = (e = "regular", t = "auto") => [
 						children: [b && /* @__PURE__ */ j("span", {
 							className: R.iconWrap,
 							"aria-hidden": "true",
-							children: s ?? /* @__PURE__ */ j(a, {
+							children: s ?? /* @__PURE__ */ j(o, {
 								size: 24,
 								strokeWidth: N(24),
 								className: R.icon
@@ -1236,7 +1236,7 @@ var Et = (e = "regular", t = "auto") => [
 							children: n
 						})]
 					}), /* @__PURE__ */ j(Ve, {
-						icon: i,
+						icon: a,
 						variant: "ghost",
 						size: "lg",
 						"aria-label": "Close",
@@ -1280,20 +1280,20 @@ var Et = (e = "regular", t = "auto") => [
 	cardTop: "_cardTop_88l3n_87",
 	description: "_description_88l3n_94",
 	actions: "_actions_88l3n_102"
-}, At = ({ icon: e, title: t, timestamp: n, read: r = !1, description: a, onDismiss: o, dismissLabel: s = "Dismiss", actionLabel: c, onAction: u, className: d }) => {
-	let f = a !== void 0, p = !r && !f, m = e ?? /* @__PURE__ */ j(l, {
+}, At = ({ icon: e, title: t, timestamp: n, read: r = !1, description: i, onDismiss: o, dismissLabel: s = "Dismiss", actionLabel: c, onAction: l, className: u }) => {
+	let d = i !== void 0, f = !r && !d, p = e ?? /* @__PURE__ */ j(x, {
 		size: 24,
 		strokeWidth: N(24)
 	});
-	return f ? /* @__PURE__ */ M("div", {
-		className: [z.card, d ?? ""].filter(Boolean).join(" "),
+	return d ? /* @__PURE__ */ M("div", {
+		className: [z.card, u ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ M("div", {
 			className: z.cardTop,
 			children: [
 				/* @__PURE__ */ j("span", {
 					className: z.iconWrapCanvas,
 					"aria-hidden": "true",
-					children: m
+					children: p
 				}),
 				/* @__PURE__ */ M("div", {
 					className: z.content,
@@ -1302,11 +1302,11 @@ var Et = (e = "regular", t = "auto") => [
 						children: t
 					}), /* @__PURE__ */ j("p", {
 						className: z.description,
-						children: a
+						children: i
 					})]
 				}),
 				o && /* @__PURE__ */ j(Ve, {
-					icon: i,
+					icon: a,
 					variant: "ghost",
 					size: "sm",
 					"aria-label": "Close",
@@ -1323,30 +1323,30 @@ var Et = (e = "regular", t = "auto") => [
 			}), c && /* @__PURE__ */ j(F, {
 				variant: "secondary",
 				size: "sm",
-				onClick: u,
+				onClick: l,
 				style: { borderColor: "transparent" },
 				children: c
 			})]
 		})]
 	}) : /* @__PURE__ */ M("div", {
-		className: [z.row, p ? z["row--unread"] : ""].filter(Boolean).join(" "),
+		className: [z.row, f ? z["row--unread"] : ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("span", {
 				className: z.iconWrapSurface,
 				"aria-hidden": "true",
-				children: m
+				children: p
 			}),
 			/* @__PURE__ */ M("div", {
 				className: z.content,
 				children: [/* @__PURE__ */ j("p", {
-					className: p ? z.titleBold : z.titleMuted,
+					className: f ? z.titleBold : z.titleMuted,
 					children: t
 				}), n && /* @__PURE__ */ j("p", {
 					className: z.timestamp,
 					children: n
 				})]
 			}),
-			p && /* @__PURE__ */ j("span", {
+			f && /* @__PURE__ */ j("span", {
 				className: z.dot,
 				"aria-hidden": "true"
 			})
@@ -1775,23 +1775,23 @@ var Lt = [
 			children: e
 		}, `in-${e}`)]
 	});
-}, qt = ({ quantity: e, onQuantityChange: t, min: n = 1, max: i, label: a = "Quantity", className: o }) => {
-	let s = e > n, c = i === void 0 || e < i, l = k.useRef(null), [u, d] = k.useState(!1), [p, m] = k.useState(String(e)), h = (e) => {
+}, qt = ({ quantity: e, onQuantityChange: t, min: i = 1, max: a, label: o = "Quantity", className: s }) => {
+	let c = e > i, l = a === void 0 || e < a, u = k.useRef(null), [d, f] = k.useState(!1), [p, m] = k.useState(String(e)), h = (e) => {
 		let t = e;
-		return n !== void 0 && (t = Math.max(n, t)), i !== void 0 && (t = Math.min(i, t)), t;
+		return i !== void 0 && (t = Math.max(i, t)), a !== void 0 && (t = Math.min(a, t)), t;
 	};
 	return /* @__PURE__ */ M("div", {
-		className: [V.stepper, o ?? ""].filter(Boolean).join(" "),
+		className: [V.stepper, s ?? ""].filter(Boolean).join(" "),
 		role: "group",
-		"aria-label": a,
+		"aria-label": o,
 		children: [
 			/* @__PURE__ */ j("button", {
 				type: "button",
 				className: V.stepBtn,
-				disabled: !s,
-				onClick: () => t?.(Math.max(n, e - 1)),
+				disabled: !c,
+				onClick: () => t?.(Math.max(i, e - 1)),
 				"aria-label": "Decrease quantity",
-				children: /* @__PURE__ */ j(r, {
+				children: /* @__PURE__ */ j(n, {
 					size: 14,
 					strokeWidth: N(14)
 				})
@@ -1803,19 +1803,19 @@ var Lt = [
 			/* @__PURE__ */ M("span", {
 				className: V.stepValue,
 				children: [/* @__PURE__ */ j("input", {
-					ref: l,
+					ref: u,
 					type: "text",
 					inputMode: "numeric",
-					size: Math.max((u ? p : String(e)).length, 1),
-					className: [V.stepInput, u ? "" : V.stepInputResting].filter(Boolean).join(" "),
-					value: u ? p : String(e),
-					"aria-label": a,
+					size: Math.max((d ? p : String(e)).length, 1),
+					className: [V.stepInput, d ? "" : V.stepInputResting].filter(Boolean).join(" "),
+					value: d ? p : String(e),
+					"aria-label": o,
 					onFocus: (t) => {
-						m(String(e)), d(!0), t.target.select();
+						m(String(e)), f(!0), t.target.select();
 					},
 					onChange: (e) => m(e.target.value.replace(/\D/g, "")),
 					onBlur: () => {
-						d(!1);
+						f(!1);
 						let n = Number.parseInt(p, 10);
 						if (!Number.isNaN(n)) {
 							let r = h(n);
@@ -1823,10 +1823,10 @@ var Lt = [
 						}
 					},
 					onKeyDown: (t) => {
-						t.key === "Enter" && (t.preventDefault(), l.current?.blur()), t.key === "Escape" && (m(String(e)), l.current?.blur());
+						t.key === "Enter" && (t.preventDefault(), u.current?.blur()), t.key === "Escape" && (m(String(e)), u.current?.blur());
 					}
 				}), /* @__PURE__ */ j("span", {
-					className: [V.rollOverlay, u ? V.rollOverlayHidden : ""].filter(Boolean).join(" "),
+					className: [V.rollOverlay, d ? V.rollOverlayHidden : ""].filter(Boolean).join(" "),
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ j(Kt, { value: e })
 				})]
@@ -1838,10 +1838,10 @@ var Lt = [
 			/* @__PURE__ */ j("button", {
 				type: "button",
 				className: V.stepBtn,
-				disabled: !c,
-				onClick: () => t?.(i === void 0 ? e + 1 : Math.min(i, e + 1)),
+				disabled: !l,
+				onClick: () => t?.(a === void 0 ? e + 1 : Math.min(a, e + 1)),
 				"aria-label": "Increase quantity",
-				children: /* @__PURE__ */ j(f, {
+				children: /* @__PURE__ */ j(r, {
 					size: 14,
 					strokeWidth: N(14)
 				})
@@ -1862,14 +1862,14 @@ var Lt = [
 }, Yt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), Xt = ({ image: e, imageAlt: t, name: n, variant: i, price: a, compareAtPrice: o, quantity: s, onQuantityChange: c, minQuantity: l = 1, maxQuantity: u, onRemove: d, removeLabel: f = "Remove item", formatPrice: p = Yt, className: m }) => {
+}), Xt = ({ image: e, imageAlt: t, name: r, variant: i, price: a, compareAtPrice: o, quantity: s, onQuantityChange: c, minQuantity: l = 1, maxQuantity: u, onRemove: d, removeLabel: f = "Remove item", formatPrice: p = Yt, className: m }) => {
 	let h = o !== void 0;
 	return /* @__PURE__ */ M("div", {
 		className: [Jt.item, m ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("img", {
 				src: e,
-				alt: t ?? n,
+				alt: t ?? r,
 				className: Jt.thumb
 			}),
 			/* @__PURE__ */ M("div", {
@@ -1877,7 +1877,7 @@ var Lt = [
 				children: [
 					/* @__PURE__ */ j("p", {
 						className: Jt.name,
-						children: n
+						children: r
 					}),
 					i && /* @__PURE__ */ j("p", {
 						className: Jt.variant,
@@ -1888,7 +1888,7 @@ var Lt = [
 						onQuantityChange: c,
 						min: l,
 						max: u,
-						label: `Quantity for ${n}`
+						label: `Quantity for ${r}`
 					})
 				]
 			}),
@@ -1907,7 +1907,7 @@ var Lt = [
 					className: Jt.price,
 					children: p(a)
 				}), /* @__PURE__ */ j(Ve, {
-					icon: r,
+					icon: n,
 					variant: "outline",
 					size: "sm",
 					"aria-label": f,
@@ -1932,39 +1932,39 @@ var Lt = [
 	"Shipping",
 	"Payment",
 	"Confirmation"
-], $t = ({ steps: e = Qt, currentStep: t, className: n }) => /* @__PURE__ */ j("div", {
-	className: [Zt.steps, n ?? ""].filter(Boolean).join(" "),
+], $t = ({ steps: t = Qt, currentStep: n, className: r }) => /* @__PURE__ */ j("div", {
+	className: [Zt.steps, r ?? ""].filter(Boolean).join(" "),
 	role: "list",
-	children: e.map((n, r) => {
-		let i = r < t ? "completed" : r === t ? "active" : "upcoming", a = r === e.length - 1;
+	children: t.map((r, i) => {
+		let a = i < n ? "completed" : i === n ? "active" : "upcoming", o = i === t.length - 1;
 		return /* @__PURE__ */ M(k.Fragment, { children: [/* @__PURE__ */ M("div", {
 			className: Zt.step,
 			role: "listitem",
-			"aria-current": i === "active" ? "step" : void 0,
+			"aria-current": a === "active" ? "step" : void 0,
 			children: [/* @__PURE__ */ j("span", {
 				className: [
 					Zt.circle,
-					i === "completed" ? Zt.circleCompleted : "",
-					i === "active" ? Zt.circleActive : "",
-					i === "upcoming" ? Zt.circleUpcoming : ""
+					a === "completed" ? Zt.circleCompleted : "",
+					a === "active" ? Zt.circleActive : "",
+					a === "upcoming" ? Zt.circleUpcoming : ""
 				].filter(Boolean).join(" "),
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ j(x, {
+				children: /* @__PURE__ */ j(e, {
 					size: 14,
 					strokeWidth: N(14)
 				})
 			}), /* @__PURE__ */ j("span", {
 				className: [
 					Zt.label,
-					i === "active" ? Zt.labelActive : "",
-					i === "upcoming" ? Zt.labelUpcoming : ""
+					a === "active" ? Zt.labelActive : "",
+					a === "upcoming" ? Zt.labelUpcoming : ""
 				].filter(Boolean).join(" "),
-				children: n
+				children: r
 			})]
-		}), !a && /* @__PURE__ */ j("span", {
+		}), !o && /* @__PURE__ */ j("span", {
 			className: Zt.connector,
 			"aria-hidden": "true"
-		})] }, n);
+		})] }, r);
 	})
 }), en = "#fafaf9", tn = "#141414", nn = (e, t, n) => {
 	let r = (e) => {
@@ -2011,35 +2011,35 @@ var Lt = [
 	ring: "_ring_1ykgu_41",
 	check: "_check_1ykgu_57",
 	strike: "_strike_1ykgu_70"
-}, un = ({ color: e, label: t, selected: n = !1, available: r = !0, onSelect: i, className: a }) => {
-	let o = k.useMemo(() => cn(e), [e]);
+}, un = ({ color: t, label: n, selected: r = !1, available: i = !0, onSelect: a, className: o }) => {
+	let s = k.useMemo(() => cn(t), [t]);
 	return /* @__PURE__ */ M("button", {
 		type: "button",
-		className: [ln.swatch, a ?? ""].filter(Boolean).join(" "),
-		style: { "--swatch-color": e },
-		disabled: !r,
-		"aria-pressed": r ? n : void 0,
-		"aria-label": r ? t : `${t} (out of stock)`,
-		onClick: i,
+		className: [ln.swatch, o ?? ""].filter(Boolean).join(" "),
+		style: { "--swatch-color": t },
+		disabled: !i,
+		"aria-pressed": i ? r : void 0,
+		"aria-label": i ? n : `${n} (out of stock)`,
+		onClick: a,
 		children: [
-			n && r && /* @__PURE__ */ j("span", {
+			r && i && /* @__PURE__ */ j("span", {
 				className: ln.ring,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ j("span", {
-				className: [ln.circle, r ? "" : ln.circleUnavailable].filter(Boolean).join(" "),
+				className: [ln.circle, i ? "" : ln.circleUnavailable].filter(Boolean).join(" "),
 				"aria-hidden": "true"
 			}),
-			n && r && /* @__PURE__ */ j(x, {
+			r && i && /* @__PURE__ */ j(e, {
 				size: 14,
 				strokeWidth: N(14),
 				className: ln.check,
-				style: { color: o },
+				style: { color: s },
 				"aria-hidden": "true"
 			}),
-			!r && /* @__PURE__ */ j("span", {
+			!i && /* @__PURE__ */ j("span", {
 				className: ln.strike,
-				style: { background: o },
+				style: { background: s },
 				"aria-hidden": "true"
 			})
 		]
@@ -2082,22 +2082,22 @@ var Lt = [
 	iconSaved: "_iconSaved_58k4v_27",
 	bounce: "_bounce_58k4v_40",
 	"wishlist-bounce": "_wishlist-bounce_58k4v_1"
-}, hn = ({ saved: e = !1, onToggle: n, label: r = "item", className: i }) => {
-	let [a, o] = k.useState(!1);
+}, hn = ({ saved: e = !1, onToggle: t, label: n = "item", className: r }) => {
+	let [i, a] = k.useState(!1);
 	return /* @__PURE__ */ j("button", {
 		type: "button",
-		className: [mn.button, i ?? ""].filter(Boolean).join(" "),
+		className: [mn.button, r ?? ""].filter(Boolean).join(" "),
 		"aria-pressed": e,
-		"aria-label": e ? `Remove ${r} from wishlist` : `Add ${r} to wishlist`,
+		"aria-label": e ? `Remove ${n} from wishlist` : `Add ${n} to wishlist`,
 		onClick: () => {
-			e || o(!0), n?.(!e);
+			e || a(!0), t?.(!e);
 		},
-		children: /* @__PURE__ */ j(t, {
+		children: /* @__PURE__ */ j(re, {
 			size: 16,
 			strokeWidth: N(16),
-			className: [e ? mn.iconSaved : mn.icon, a ? mn.bounce : ""].filter(Boolean).join(" "),
+			className: [e ? mn.iconSaved : mn.icon, i ? mn.bounce : ""].filter(Boolean).join(" "),
 			fill: e ? "currentColor" : "none",
-			onAnimationEnd: () => o(!1)
+			onAnimationEnd: () => a(!1)
 		})
 	});
 }, H = {
@@ -2123,10 +2123,10 @@ var Lt = [
 }, gn = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), _n = ({ image: e, imageAlt: t, name: n, description: r, price: i, compareAtPrice: a, rating: o, reviewCount: s, colors: c = [], onColorSelect: l, inStock: u = !0, wishlisted: d = !1, onWishlistToggle: f, onAddItem: p, addItemLabel: m = "Add Item", formatPrice: h = gn, className: g }) => {
-	let _ = a !== void 0, v = _ ? Math.ceil((1 - i / a) * 100) : 0, y = o === void 0 ? 0 : Math.round(o);
+}), _n = ({ image: e, imageAlt: t, name: n, description: r, price: i, compareAtPrice: a, rating: o, reviewCount: s, colors: c = [], onColorSelect: l, inStock: u = !0, wishlisted: d = !1, onWishlistToggle: p, onAddItem: m, addItemLabel: h = "Add Item", formatPrice: g = gn, className: _ }) => {
+	let v = a !== void 0, y = v ? Math.ceil((1 - i / a) * 100) : 0, b = o === void 0 ? 0 : Math.round(o);
 	return /* @__PURE__ */ M("div", {
-		className: [H.card, g ?? ""].filter(Boolean).join(" "),
+		className: [H.card, _ ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ M("div", {
 			className: H.imageWrap,
 			children: [
@@ -2135,13 +2135,13 @@ var Lt = [
 					alt: t ?? n,
 					className: [H.image, u ? "" : H.imageDimmed].filter(Boolean).join(" ")
 				}),
-				_ && u && /* @__PURE__ */ M(Gt, {
+				v && u && /* @__PURE__ */ M(Gt, {
 					variant: "danger",
 					emphasis: "solid",
 					className: H.saleBadge,
 					children: [
 						"-",
-						v,
+						y,
 						"%"
 					]
 				}),
@@ -2149,7 +2149,7 @@ var Lt = [
 					saved: d,
 					label: n,
 					className: H.wishlistBtn,
-					onToggle: f
+					onToggle: p
 				}),
 				!u && /* @__PURE__ */ j("span", {
 					className: H.outOfStockLabel,
@@ -2163,11 +2163,11 @@ var Lt = [
 					className: H.rating,
 					role: "img",
 					"aria-label": `Rated ${o} out of 5${s ? ` (${s} reviews)` : ""}`,
-					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ j(re, {
+					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ j(f, {
 						size: 16,
 						strokeWidth: N(16),
-						className: t < y ? H.starFilled : H.starEmpty,
-						fill: t < y ? "currentColor" : "none"
+						className: t < b ? H.starFilled : H.starEmpty,
+						fill: t < b ? "currentColor" : "none"
 					}, t))
 				}),
 				/* @__PURE__ */ M("div", {
@@ -2177,12 +2177,12 @@ var Lt = [
 						children: n
 					}), /* @__PURE__ */ M("div", {
 						className: H.priceRow,
-						children: [_ && /* @__PURE__ */ j("span", {
+						children: [v && /* @__PURE__ */ j("span", {
 							className: H.priceOriginal,
-							children: h(a)
+							children: g(a)
 						}), /* @__PURE__ */ j("span", {
 							className: H.price,
-							children: h(i)
+							children: g(i)
 						})]
 					})]
 				}),
@@ -2204,8 +2204,8 @@ var Lt = [
 					size: "md",
 					disabled: !u,
 					className: H.addButton,
-					onClick: p,
-					children: u ? m : "Out of stock"
+					onClick: m,
+					children: u ? h : "Out of stock"
 				})
 			]
 		})]
@@ -2310,57 +2310,57 @@ var Lt = [
 	label: "_label_1snsi_29",
 	value: "_value_1snsi_38",
 	count: "_count_1snsi_43"
-}, Sn = (e) => e.toLocaleString("en-US"), Cn = ({ rating: e, reviewCount: t, showLabel: n = !0, orientation: r = "horizontal", formatReviewCount: i = Sn, className: a }) => {
-	let o = Math.max(0, Math.min(5, e)), s = Math.round(o * 2) / 2, c = Math.floor(s), l = s - c === .5, u = 5 - c - !!l, f = /* @__PURE__ */ M("div", {
+}, Sn = (e) => e.toLocaleString("en-US"), Cn = ({ rating: e, reviewCount: n, showLabel: r = !0, orientation: i = "horizontal", formatReviewCount: a = Sn, className: o }) => {
+	let s = Math.max(0, Math.min(5, e)), c = Math.round(s * 2) / 2, l = Math.floor(c), u = c - l === .5, d = 5 - l - !!u, p = /* @__PURE__ */ M("div", {
 		className: xn.stars,
 		role: "img",
-		"aria-label": `${o} out of 5 stars`,
+		"aria-label": `${s} out of 5 stars`,
 		children: [
-			Array.from({ length: c }, (e, t) => /* @__PURE__ */ j(re, {
+			Array.from({ length: l }, (e, t) => /* @__PURE__ */ j(f, {
 				size: 24,
 				strokeWidth: N(24),
 				className: xn.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}, `full-${t}`)),
-			l && /* @__PURE__ */ j(d, {
+			u && /* @__PURE__ */ j(t, {
 				size: 24,
 				strokeWidth: N(24),
 				className: xn.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}),
-			Array.from({ length: u }, (e, t) => /* @__PURE__ */ j(re, {
+			Array.from({ length: d }, (e, t) => /* @__PURE__ */ j(f, {
 				size: 24,
 				strokeWidth: N(24),
 				className: xn.starEmpty,
 				"aria-hidden": "true"
 			}, `empty-${t}`))
 		]
-	}), p = n && /* @__PURE__ */ M("div", {
+	}), m = r && /* @__PURE__ */ M("div", {
 		className: xn.label,
 		children: [/* @__PURE__ */ j("span", {
 			className: xn.value,
-			children: o.toFixed(1)
-		}), t !== void 0 && /* @__PURE__ */ M("span", {
+			children: s.toFixed(1)
+		}), n !== void 0 && /* @__PURE__ */ M("span", {
 			className: xn.count,
 			children: [
 				"(",
-				i(t),
+				a(n),
 				" reviews)"
 			]
 		})]
-	}), m = [
+	}), h = [
 		xn.row,
-		r === "vertical" ? xn.rowVertical : "",
-		a ?? ""
+		i === "vertical" ? xn.rowVertical : "",
+		o ?? ""
 	].filter(Boolean).join(" ");
-	return r === "horizontal-reverse" ? /* @__PURE__ */ M("div", {
-		className: m,
-		children: [p, f]
+	return i === "horizontal-reverse" ? /* @__PURE__ */ M("div", {
+		className: h,
+		children: [m, p]
 	}) : /* @__PURE__ */ M("div", {
-		className: m,
-		children: [f, p]
+		className: h,
+		children: [p, m]
 	});
 }, wn = ({ quantity: e, lowStockThreshold: t = 5, label: n, className: r }) => {
 	let i = e <= 0, a = !i && e <= t, o = i ? "danger" : a ? "warning" : "success", s = i ? "Out of stock" : a ? `Only ${e} left` : "In stock";
@@ -3148,7 +3148,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 	row: "_row_1dwtx_36",
 	icon: "_icon_1dwtx_37",
 	send: "_send_1dwtx_52"
-}, nr = ({ state: e = "default", value: t, placeholder: n = "Message...", onChange: r, onSend: a, onAttachmentsChange: o, uploadName: s, uploadProgress: c = 0, onCancelUpload: l, className: u }) => {
+}, nr = ({ state: e = "default", value: t, placeholder: n = "Message...", onChange: r, onSend: i, onAttachmentsChange: o, uploadName: s, uploadProgress: c = 0, onCancelUpload: l, className: u }) => {
 	let d = e === "disabled", [f, p] = k.useState(""), [m, h] = k.useState(!1), [g, y] = k.useState({
 		top: 0,
 		right: 0
@@ -3206,7 +3206,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 			e === "uploading" && /* @__PURE__ */ M("div", {
 				className: tr.upload,
 				children: [
-					/* @__PURE__ */ j(E, {
+					/* @__PURE__ */ j(_, {
 						size: 16,
 						strokeWidth: N(16),
 						className: tr.upload__icon,
@@ -3226,7 +3226,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 						})]
 					}),
 					/* @__PURE__ */ j(Ve, {
-						icon: i,
+						icon: a,
 						variant: "ghost",
 						size: "md",
 						onClick: l,
@@ -3269,7 +3269,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 							textAlign: "center",
 							padding: "8px"
 						},
-						children: [/* @__PURE__ */ j(E, {
+						children: [/* @__PURE__ */ j(_, {
 							size: 24,
 							strokeWidth: 1.5
 						}), /* @__PURE__ */ j("div", {
@@ -3317,7 +3317,7 @@ var Xn = ({ children: e, style: t, ...n }) => {
 				className: tr.row,
 				children: [
 					/* @__PURE__ */ j(Ve, {
-						icon: _,
+						icon: v,
 						variant: "ghost",
 						size: "sm",
 						onClick: te,
@@ -3335,12 +3335,12 @@ var Xn = ({ children: e, style: t, ...n }) => {
 							t === void 0 && p(e.target.value), r?.(e.target.value);
 						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && ee && (e.preventDefault(), a?.());
+							e.key === "Enter" && ee && (e.preventDefault(), i?.());
 						}
 					}),
 					/* @__PURE__ */ j(Ve, {
 						ref: T,
-						icon: v,
+						icon: C,
 						variant: "ghost",
 						size: "sm",
 						onClick: ie,
@@ -3402,10 +3402,10 @@ var Xn = ({ children: e, style: t, ...n }) => {
 						}, e))
 					}), document.body),
 					/* @__PURE__ */ j(Ve, {
-						icon: C,
+						icon: E,
 						variant: "primary",
 						size: "sm",
-						onClick: a,
+						onClick: i,
 						disabled: !ee,
 						"aria-label": "Send message"
 					})
@@ -3639,7 +3639,7 @@ var J = {
 	empty__action: "_empty__action_1mj0f_39"
 }, ur = {
 	"no-data": {
-		icon: /* @__PURE__ */ j(h, {
+		icon: /* @__PURE__ */ j(te, {
 			size: 18,
 			strokeWidth: N(18)
 		}),
@@ -3647,7 +3647,7 @@ var J = {
 		description: "Records will appear here once they are added."
 	},
 	"no-results": {
-		icon: /* @__PURE__ */ j(te, {
+		icon: /* @__PURE__ */ j(p, {
 			size: 18,
 			strokeWidth: N(18)
 		}),
@@ -3698,23 +3698,23 @@ var J = {
 	chip__remove: "_chip__remove_1qnyq_29",
 	"chip--add": "_chip--add_1qnyq_38",
 	"chip--leaving": "_chip--leaving_1qnyq_45"
-}, pr = 160, mr = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, hr = ({ type: e = "default", children: t, onClick: r, onRemove: a, className: o }) => {
-	let [s, c] = k.useState(!1), l = k.useRef(void 0);
-	k.useEffect(() => () => window.clearTimeout(l.current), []);
-	let u = () => {
+}, pr = 160, mr = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, hr = ({ type: e = "default", children: t, onClick: n, onRemove: i, className: o }) => {
+	let [s, c] = k.useState(!1), u = k.useRef(void 0);
+	k.useEffect(() => () => window.clearTimeout(u.current), []);
+	let d = () => {
 		if (!s) {
 			if (mr()) {
-				a?.();
+				i?.();
 				return;
 			}
-			c(!0), l.current = window.setTimeout(() => {
-				a?.(), c(!1);
+			c(!0), u.current = window.setTimeout(() => {
+				i?.(), c(!1);
 			}, pr);
 		}
 	};
 	return /* @__PURE__ */ M("button", {
 		type: "button",
-		onClick: r,
+		onClick: n,
 		className: [
 			fr.chip,
 			fr[`chip--${e}`],
@@ -3722,7 +3722,7 @@ var J = {
 			o ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			e === "add" && /* @__PURE__ */ j(f, {
+			e === "add" && /* @__PURE__ */ j(r, {
 				size: 14,
 				strokeWidth: N(14),
 				className: fr.chip__lead,
@@ -3732,7 +3732,7 @@ var J = {
 				className: fr.chip__label,
 				children: t
 			}),
-			e === "default" && /* @__PURE__ */ j(n, {
+			e === "default" && /* @__PURE__ */ j(l, {
 				size: 14,
 				strokeWidth: N(14),
 				className: fr.chip__trail,
@@ -3743,9 +3743,9 @@ var J = {
 				"aria-label": "Remove filter",
 				className: fr.chip__remove,
 				onClick: (e) => {
-					e.stopPropagation(), u();
+					e.stopPropagation(), d();
 				},
-				children: /* @__PURE__ */ j(i, {
+				children: /* @__PURE__ */ j(a, {
 					size: 14,
 					strokeWidth: N(14),
 					"aria-hidden": "true"
@@ -3983,38 +3983,38 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 	"item--checked": "_item--checked_1ezjp_38",
 	"item--disabled": "_item--disabled_1ezjp_39",
 	"item--destructive": "_item--destructive_1ezjp_40"
-}, Or = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
-	let o = e === "disabled";
+}, Or = ({ state: t = "default", icon: n, shortcut: r, children: i, onSelect: a, className: o }) => {
+	let s = t === "disabled";
 	return /* @__PURE__ */ M("div", {
 		role: "menuitem",
 		"data-hover-item": "",
-		"aria-disabled": o || void 0,
-		"aria-checked": e === "checked" || void 0,
-		tabIndex: o ? -1 : 0,
-		onClick: o ? void 0 : i,
+		"aria-disabled": s || void 0,
+		"aria-checked": t === "checked" || void 0,
+		tabIndex: s ? -1 : 0,
+		onClick: s ? void 0 : a,
 		onKeyDown: (e) => {
-			o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.());
+			s || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a?.());
 		},
 		className: [
 			Dr.item,
-			Dr[`item--${e}`],
-			a ?? ""
+			Dr[`item--${t}`],
+			o ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			t && /* @__PURE__ */ j("span", {
+			n && /* @__PURE__ */ j("span", {
 				className: Dr.item__icon,
 				"aria-hidden": "true",
-				children: t
+				children: n
 			}),
 			/* @__PURE__ */ j("span", {
 				className: Dr.item__label,
-				children: r
+				children: i
 			}),
-			n && /* @__PURE__ */ j("kbd", {
+			r && /* @__PURE__ */ j("kbd", {
 				className: Dr.item__shortcut,
-				children: n
+				children: r
 			}),
-			e === "checked" && /* @__PURE__ */ j(x, {
+			t === "checked" && /* @__PURE__ */ j(e, {
 				size: 16,
 				strokeWidth: N(16),
 				className: Dr.item__check,
@@ -4087,7 +4087,7 @@ var br = { chart: "_chart_18fgd_2" }, xr = {
 						t === "file" && /* @__PURE__ */ M("div", {
 							className: Y.file,
 							children: [
-								/* @__PURE__ */ j(E, {
+								/* @__PURE__ */ j(_, {
 									size: 18,
 									strokeWidth: N(18),
 									className: Y.file__icon,
@@ -4183,7 +4183,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 				disabled: o <= 1,
 				onClick: () => n(o - 1),
 				"aria-label": "Previous page",
-				children: /* @__PURE__ */ j(ne, {
+				children: /* @__PURE__ */ j(ie, {
 					size: 16,
 					strokeWidth: N(16)
 				})
@@ -4206,7 +4206,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 				disabled: o >= e,
 				onClick: () => n(o + 1),
 				"aria-label": "Next page",
-				children: /* @__PURE__ */ j(p, {
+				children: /* @__PURE__ */ j(ne, {
 					size: 16,
 					strokeWidth: N(16)
 				})
@@ -4616,13 +4616,13 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	"item__label--collapsed": "_item__label--collapsed_873gi_151",
 	"item__chevron--expanded": "_item__chevron--expanded_873gi_174"
 }, Gr = ({ icon: e, label: t, active: n, activeIndicator: r = !0, disabled: i, badge: a, hasSubmenu: o, collapsed: s, expanded: c, onClick: l, href: u, nativeTooltip: d = !0 }) => {
-	let f = n && r, m = n && !r, h = [
+	let f = n && r, p = n && !r, m = [
 		Wr.item,
 		f ? Wr["item--active"] : "",
-		m ? Wr["item--active-flat"] : "",
+		p ? Wr["item--active-flat"] : "",
 		i ? Wr["item--disabled"] : "",
 		s ? Wr["item--collapsed"] : ""
-	].filter(Boolean).join(" "), g = /* @__PURE__ */ M(A, { children: [
+	].filter(Boolean).join(" "), h = /* @__PURE__ */ M(A, { children: [
 		/* @__PURE__ */ j("span", {
 			className: Wr.item__bar,
 			"aria-hidden": "true"
@@ -4646,13 +4646,13 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 		!s && o && /* @__PURE__ */ j("span", {
 			className: [Wr.item__chevron, c ? Wr["item__chevron--expanded"] : ""].filter(Boolean).join(" "),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ j(p, {
+			children: /* @__PURE__ */ j(ne, {
 				size: 16,
 				strokeWidth: N(16)
 			})
 		})
-	] }), _ = {
-		className: h,
+	] }), g = {
+		className: m,
 		"data-hover-item": "",
 		title: s && d ? t : void 0,
 		"aria-label": s ? t : void 0,
@@ -4661,14 +4661,14 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	};
 	return u && !i ? /* @__PURE__ */ j("a", {
 		href: u,
-		..._,
-		children: g
+		...g,
+		children: h
 	}) : /* @__PURE__ */ j("button", {
 		type: "button",
 		disabled: i,
 		onClick: l,
-		..._,
-		children: g
+		...g,
+		children: h
 	});
 }, Kr = {
 	promo: "_promo_1ou3w_4",
@@ -4678,7 +4678,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 	promo__dismiss: "_promo__dismiss_1ou3w_23",
 	promo__desc: "_promo__desc_1ou3w_30",
 	promo__cta: "_promo__cta_1ou3w_33"
-}, qr = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: a, onDismiss: s, icon: c = o }) => /* @__PURE__ */ M("div", {
+}, qr = ({ type: e = "upgrade", title: t, description: n, ctaLabel: r, onCta: i, onDismiss: o, icon: s = d }) => /* @__PURE__ */ M("div", {
 	className: [Kr.promo, Kr[`promo--${e}`]].join(" "),
 	children: [
 		/* @__PURE__ */ M("div", {
@@ -4687,7 +4687,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 				/* @__PURE__ */ j("span", {
 					className: Kr.promo__icon,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ j(c, {
+					children: /* @__PURE__ */ j(s, {
 						size: 16,
 						strokeWidth: N(16)
 					})
@@ -4696,12 +4696,12 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 					className: Kr.promo__title,
 					children: t
 				}),
-				s && /* @__PURE__ */ j("button", {
+				o && /* @__PURE__ */ j("button", {
 					type: "button",
 					className: Kr.promo__dismiss,
-					onClick: s,
+					onClick: o,
 					"aria-label": "Dismiss",
-					children: /* @__PURE__ */ j(i, {
+					children: /* @__PURE__ */ j(a, {
 						size: 14,
 						strokeWidth: N(14)
 					})
@@ -4716,7 +4716,7 @@ var Nr = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: i })
 			variant: "primary",
 			size: "sm",
 			className: Kr.promo__cta,
-			onClick: a,
+			onClick: i,
 			children: r
 		})
 	]
@@ -4835,9 +4835,9 @@ var ni = {
 	"card--trend-down": "_card--trend-down_1qi93_69",
 	card__description: "_card__description_1qi93_72"
 }, ri = {
-	up: b,
-	down: e,
-	flat: r
+	up: s,
+	down: b,
+	flat: n
 }, ii = {
 	up: "success",
 	down: "danger",
@@ -4889,7 +4889,7 @@ var ni = {
 						className: ni.card__menu,
 						onClick: u,
 						"aria-label": "More options",
-						children: /* @__PURE__ */ j(ie, {
+						children: /* @__PURE__ */ j(h, {
 							size: 16,
 							strokeWidth: N(16)
 						})
@@ -5263,73 +5263,73 @@ var fi = {
 	"bar__left--search": "_bar__left--search_yqi1k_84",
 	bar__accountChevron: "_bar__accountChevron_yqi1k_98",
 	"bar__accountChevron--open": "_bar__accountChevron--open_yqi1k_104"
-}, gi = ({ type: e = "search", density: t = "md", left: r, showToggle: i = !0, onToggle: a, toggleIcon: o = w, showActions: s = !0, showHelp: c = !0, hasUnread: u = !1, rightSlot: d, account: f, accountOpen: p = !1, avatar: m, title: h, subtitle: g, actions: _, className: v }) => {
-	let y = Yn(), b = Yn(), x = t === "md" ? 20 : 18, S = N(x);
+}, gi = ({ type: e = "search", density: t = "md", left: n, showToggle: r = !0, onToggle: i, toggleIcon: a = w, showActions: o = !0, showHelp: s = !0, hasUnread: c = !1, rightSlot: u, account: d, accountOpen: f = !1, avatar: p, title: m, subtitle: h, actions: g, className: _ }) => {
+	let v = Yn(), y = Yn(), b = t === "md" ? 20 : 18, S = N(b);
 	return /* @__PURE__ */ j("header", {
 		className: [
 			$.bar,
 			$[`bar--${t}`],
 			$[`bar--${e}`],
-			v ?? ""
+			_ ?? ""
 		].filter(Boolean).join(" "),
 		children: e === "chat" ? /* @__PURE__ */ M(A, { children: [
-			m && /* @__PURE__ */ j("span", {
+			p && /* @__PURE__ */ j("span", {
 				className: $.bar__chatAvatar,
-				children: m
+				children: p
 			}),
 			/* @__PURE__ */ M("span", {
 				className: $.bar__chatMeta,
-				children: [h && /* @__PURE__ */ j("span", {
+				children: [m && /* @__PURE__ */ j("span", {
 					className: $.bar__chatTitle,
-					children: h
-				}), g && /* @__PURE__ */ j("span", {
+					children: m
+				}), h && /* @__PURE__ */ j("span", {
 					className: $.bar__chatSubtitle,
-					children: g
+					children: h
 				})]
 			}),
 			/* @__PURE__ */ j("div", { className: $.bar__spacer }),
-			_ && /* @__PURE__ */ M("div", {
-				ref: b.ref,
-				...b.groupProps,
+			g && /* @__PURE__ */ M("div", {
+				ref: y.ref,
+				...y.groupProps,
 				className: $.bar__chatActions,
-				children: [b.highlight, _]
+				children: [y.highlight, g]
 			})
 		] }) : /* @__PURE__ */ M(A, { children: [
 			/* @__PURE__ */ M("div", {
 				className: $.bar__leftGroup,
-				children: [i && /* @__PURE__ */ j("button", {
+				children: [r && /* @__PURE__ */ j("button", {
 					type: "button",
 					className: $.bar__icon,
-					onClick: a,
+					onClick: i,
 					"aria-label": "Toggle sidebar",
-					children: /* @__PURE__ */ j(o, {
-						size: x,
+					children: /* @__PURE__ */ j(a, {
+						size: b,
 						strokeWidth: S
 					})
 				}), /* @__PURE__ */ j("div", {
 					className: [$.bar__left, e === "search" ? $["bar__left--search"] : ""].filter(Boolean).join(" "),
 					"data-type": e,
-					children: r
+					children: n
 				})]
 			}),
 			/* @__PURE__ */ j("div", { className: $.bar__spacer }),
 			/* @__PURE__ */ M("div", {
 				className: $.bar__right,
 				children: [
-					d,
-					s && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("span", {
-						ref: y.ref,
-						...y.groupProps,
+					u,
+					o && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("span", {
+						ref: v.ref,
+						...v.groupProps,
 						className: $.bar__iconGroup,
 						children: [
-							y.highlight,
-							c && /* @__PURE__ */ j("button", {
+							v.highlight,
+							s && /* @__PURE__ */ j("button", {
 								type: "button",
 								"data-hover-item": "",
 								className: $.bar__icon,
 								"aria-label": "Help",
 								children: /* @__PURE__ */ j(ee, {
-									size: x,
+									size: b,
 									strokeWidth: S
 								})
 							}),
@@ -5340,10 +5340,10 @@ var fi = {
 								"aria-label": "Notifications",
 								children: /* @__PURE__ */ M("span", {
 									className: $.bar__bell,
-									children: [/* @__PURE__ */ j(l, {
-										size: x,
+									children: [/* @__PURE__ */ j(x, {
+										size: b,
 										strokeWidth: S
-									}), u && /* @__PURE__ */ j("span", {
+									}), c && /* @__PURE__ */ j("span", {
 										className: $.bar__dot,
 										"aria-hidden": "true"
 									})]
@@ -5351,12 +5351,12 @@ var fi = {
 							})
 						]
 					}), /* @__PURE__ */ j("span", { className: $.bar__divider })] }),
-					f && /* @__PURE__ */ M("div", {
+					d && /* @__PURE__ */ M("div", {
 						className: $.bar__account,
-						children: [f, /* @__PURE__ */ j(n, {
+						children: [d, /* @__PURE__ */ j(l, {
 							size: 16,
 							strokeWidth: N(16),
-							className: [$.bar__accountChevron, p ? $["bar__accountChevron--open"] : ""].filter(Boolean).join(" ")
+							className: [$.bar__accountChevron, f ? $["bar__accountChevron--open"] : ""].filter(Boolean).join(" ")
 						})]
 					})
 				]