@sakaniui/react 0.13.0 → 0.14.0

package/dist/blocks.mjs

@@ -1,4 +1,4 @@
-import { A as e, At as t, C as n, Ct as r, D as i, Dt as a, E as o, Et as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, Mt as h, N as g, O as _, Ot as v, P as y, Q as b, R as ee, S as x, T as S, Tt as C, U as te, V as ne, W as re, X as ie, Y as ae, Z as oe, _ as se, a as ce, at as le, bt as ue, c as de, d as fe, dt as pe, et as me, f as he, ft as ge, g as _e, gt as ve, h as ye, ht as be, i as xe, it as w, j as Se, jt as Ce, k as T, kt as we, l as Te, lt as Ee, m as De, mt as Oe, n as ke, nt as Ae, o as je, p as Me, pt as E, q as Ne, r as Pe, rt as Fe, s as Ie, t as Le, u as Re, ut as ze, v as Be, w as Ve, wt as D, x as He, xt as Ue, y as We, yt as Ge, z as Ke } from "./TopBar-BcXAB1mf.js";
+import { $ as e, A as t, At as n, B as r, Ct as i, D as a, Dt as o, E as s, Et as c, F as l, G as u, I as d, J as f, K as p, L as m, M as h, Mt as g, N as _, Nt as v, O as y, Ot as b, Pt as x, Q as S, R as C, S as w, St as ee, T as te, Tt as ne, U as re, V as ie, W as ae, X as oe, Y as se, Z as ce, _ as le, _t as ue, a as de, at as fe, c as pe, d as me, dt as he, et as ge, f as _e, ft as ve, g as ye, gt as be, h as xe, ht as T, i as Se, it as Ce, j as E, jt as we, k as Te, kt as Ee, l as De, m as Oe, mt as ke, n as Ae, nt as je, o as Me, ot as D, p as Ne, pt as Pe, q as Fe, r as Ie, s as Le, st as Re, t as ze, u as Be, v as Ve, vt as He, x as Ue, xt as We, y as Ge, z as Ke } from "./TopBar-DyQIMFAq.js";
 import { A as qe, B as Je, C as Ye, F as Xe, I as Ze, M as Qe, O as $e, P as et, R as tt, S as nt, _ as rt, a as it, b as at, c as ot, f as st, g as ct, i as lt, j as ut, o as dt, v as ft, w as pt, y as mt } from "./help-circle-qEEVeIea.js";
 import { A as ht, B as gt, C as _t, D as vt, E as yt, F as bt, G as xt, H as St, I as Ct, J as wt, K as Tt, L as Et, M as Dt, N as Ot, O as kt, P as At, R as jt, S as Mt, T as Nt, U as Pt, V as Ft, W as It, Y as Lt, _ as Rt, a as zt, b as Bt, c as Vt, d as Ht, f as Ut, g as Wt, h as Gt, i as Kt, j as qt, k as Jt, l as Yt, m as Xt, n as Zt, o as Qt, p as $t, q as en, r as tn, s as nn, t as rn, u as an, v as on, w as sn, x as cn, y as ln, z as un } from "./building-warehouse-_n8EvYUt.js";
 import O, { memo as dn, useCallback as fn, useEffect as pn, useLayoutEffect as mn, useRef as hn, useState as gn } from "react";
@@ -13,7 +13,7 @@ var vn = {
 }, yn = ({ state: e = "default", className: t }) => /* @__PURE__ */ j("div", {
 	className: [vn.block, t ?? ""].filter(Boolean).join(" "),
 	children: [
-		/* @__PURE__ */ A(Ue, {
+		/* @__PURE__ */ A(i, {
 			value: "$24,582.30",
 			change: {
 				value: "+$1,240.50",
@@ -21,12 +21,12 @@ var vn = {
 				direction: "up"
 			}
 		}),
-		/* @__PURE__ */ A(E, {}),
-		/* @__PURE__ */ A(Ee, {
+		/* @__PURE__ */ A(T, {}),
+		/* @__PURE__ */ A(he, {
 			spent: 1240,
 			limit: 2e3
 		}),
-		e === "detailed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(E, {}), /* @__PURE__ */ j("div", {
+		e === "detailed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(T, {}), /* @__PURE__ */ j("div", {
 			className: vn.savingsGoal,
 			children: [/* @__PURE__ */ j("div", {
 				className: vn.savingsGoal__labelRow,
@@ -37,7 +37,7 @@ var vn = {
 					className: vn.savingsGoal__value,
 					children: "45%"
 				})]
-			}), /* @__PURE__ */ A(ue, {
+			}), /* @__PURE__ */ A(ee, {
 				value: 45,
 				size: "md",
 				label: "Savings goal"
@@ -50,14 +50,14 @@ var vn = {
 }, Tn = [
 	{
 		actor: "Amara Kalu",
-		description: /* @__PURE__ */ j(k, { children: ["commented on ", /* @__PURE__ */ A(v, { children: "Design Review" })] }),
+		description: /* @__PURE__ */ j(k, { children: ["commented on ", /* @__PURE__ */ A(n, { children: "Design Review" })] }),
 		timestamp: "2m ago",
 		icon: /* @__PURE__ */ A(Lt, {}),
 		avatarSrc: bn
 	},
 	{
 		actor: "Chidi Duru",
-		description: /* @__PURE__ */ j(k, { children: ["uploaded 3 ", /* @__PURE__ */ A(v, { children: "files to Assets" })] }),
+		description: /* @__PURE__ */ j(k, { children: ["uploaded 3 ", /* @__PURE__ */ A(n, { children: "files to Assets" })] }),
 		timestamp: "1h ago",
 		icon: /* @__PURE__ */ A(wt, {}),
 		avatarSrc: xn
@@ -66,7 +66,7 @@ var vn = {
 		actor: "Jade Silva",
 		description: /* @__PURE__ */ j(k, { children: [
 			"edited the ",
-			/* @__PURE__ */ A(v, { children: "Pricing Table" }),
+			/* @__PURE__ */ A(n, { children: "Pricing Table" }),
 			" component"
 		] }),
 		timestamp: "3h ago",
@@ -77,7 +77,7 @@ var vn = {
 		actor: "Ravi Menon",
 		description: /* @__PURE__ */ j(k, { children: [
 			"marked ",
-			/* @__PURE__ */ A(v, { children: "\"Fix Table overflow\"" }),
+			/* @__PURE__ */ A(n, { children: "\"Fix Table overflow\"" }),
 			" as done"
 		] }),
 		timestamp: "Yesterday",
@@ -89,7 +89,7 @@ var vn = {
 	children: [/* @__PURE__ */ A("h2", {
 		className: wn.title,
 		children: "Recent activity"
-	}), /* @__PURE__ */ A(a, {
+	}), /* @__PURE__ */ A(Ee, {
 		items: Tn,
 		variant: e === "compact" ? "compact" : "default"
 	})]
@@ -104,7 +104,7 @@ var vn = {
 	divider: "_divider_16lmz_54"
 }, On = ({ breadcrumbs: e, title: t, description: n, actions: r = [], className: i }) => /* @__PURE__ */ j("div", {
 	className: [Dn.header, i ?? ""].filter(Boolean).join(" "),
-	children: [/* @__PURE__ */ A(Se, { items: e }), /* @__PURE__ */ j("div", {
+	children: [/* @__PURE__ */ A(_, { items: e }), /* @__PURE__ */ j("div", {
 		className: Dn.body,
 		children: [/* @__PURE__ */ j("div", {
 			className: Dn.row,
@@ -119,7 +119,7 @@ var vn = {
 				})]
 			}), r.length > 0 && /* @__PURE__ */ A("div", {
 				className: Dn.actions,
-				children: r.map((e, t) => /* @__PURE__ */ A(D, {
+				children: r.map((e, t) => /* @__PURE__ */ A(c, {
 					variant: e.variant ?? (t === r.length - 1 ? "primary" : "secondary"),
 					size: "md",
 					leftIcon: e.icon,
@@ -166,7 +166,7 @@ var vn = {
 		progress: 60
 	}
 ], An = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(0)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`, jn = ({ state: e = "with-files", className: t }) => {
-	let n = O.useRef(null), [r, i] = O.useState(!1), [a, o] = O.useState(e === "with-files" ? kn : []), s = (e) => {
+	let n = O.useRef(null), [r, i] = O.useState(!1), [a, s] = O.useState(e === "with-files" ? kn : []), c = (e) => {
 		if (!e) return;
 		let t = Array.from(e).map((e, t) => ({
 			id: `${Date.now()}-${t}`,
@@ -174,8 +174,8 @@ var vn = {
 			size: An(e.size),
 			status: "pending"
 		}));
-		o((e) => [...e, ...t]);
-	}, c = (e) => o((t) => t.filter((t) => t.id !== e)), l = (e) => o((t) => t.map((t) => t.id === e ? {
+		s((e) => [...e, ...t]);
+	}, l = (e) => s((t) => t.filter((t) => t.id !== e)), u = (e) => s((t) => t.map((t) => t.id === e ? {
 		...t,
 		status: "complete"
 	} : t));
@@ -189,7 +189,7 @@ var vn = {
 			},
 			onDragLeave: () => i(!1),
 			onDrop: (e) => {
-				e.preventDefault(), i(!1), s(e.dataTransfer.files);
+				e.preventDefault(), i(!1), c(e.dataTransfer.files);
 			},
 			role: "button",
 			tabIndex: 0,
@@ -202,7 +202,7 @@ var vn = {
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ A(ot, {
 						size: 20,
-						strokeWidth: h(20)
+						strokeWidth: x(20)
 					})
 				}),
 				/* @__PURE__ */ A("p", {
@@ -218,7 +218,7 @@ var vn = {
 					type: "file",
 					multiple: !0,
 					className: M.input,
-					onChange: (e) => s(e.target.files)
+					onChange: (e) => c(e.target.files)
 				})
 			]
 		}), a.length > 0 && /* @__PURE__ */ A("div", {
@@ -231,7 +231,7 @@ var vn = {
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ A(st, {
 							size: 16,
-							strokeWidth: h(16)
+							strokeWidth: x(16)
 						})
 					}),
 					/* @__PURE__ */ j("div", {
@@ -239,7 +239,7 @@ var vn = {
 						children: [/* @__PURE__ */ A("p", {
 							className: M.name,
 							children: e.name
-						}), e.status === "uploading" ? /* @__PURE__ */ A(ue, {
+						}), e.status === "uploading" ? /* @__PURE__ */ A(ee, {
 							value: e.progress ?? 0,
 							size: "sm",
 							label: `Uploading ${e.name}`
@@ -250,32 +250,32 @@ var vn = {
 					}),
 					e.status === "complete" && /* @__PURE__ */ A(Qe, {
 						size: 18,
-						strokeWidth: h(18),
+						strokeWidth: x(18),
 						className: M.completeIcon,
 						"aria-label": "Complete"
 					}),
 					e.status === "pending" && /* @__PURE__ */ j("div", {
 						className: M.rowActions,
-						children: [/* @__PURE__ */ A(C, {
+						children: [/* @__PURE__ */ A(o, {
 							icon: Qe,
 							variant: "outline",
 							size: "sm",
 							"aria-label": `Confirm ${e.name}`,
-							onClick: () => l(e.id)
-						}), /* @__PURE__ */ A(C, {
+							onClick: () => u(e.id)
+						}), /* @__PURE__ */ A(o, {
 							icon: tt,
 							variant: "outline",
 							size: "sm",
 							"aria-label": `Remove ${e.name}`,
-							onClick: () => c(e.id)
+							onClick: () => l(e.id)
 						})]
 					}),
-					e.status === "uploading" && /* @__PURE__ */ A(C, {
+					e.status === "uploading" && /* @__PURE__ */ A(o, {
 						icon: tt,
 						variant: "outline",
 						size: "sm",
 						"aria-label": `Cancel ${e.name}`,
-						onClick: () => c(e.id)
+						onClick: () => l(e.id)
 					})
 				]
 			}, e.id))
@@ -296,7 +296,7 @@ var vn = {
 	}
 ], Pn = ({ open: e, onClose: t, className: n }) => {
 	let [r, i] = O.useState(""), [a, o] = O.useState(void 0), [s, c] = O.useState(!1);
-	return /* @__PURE__ */ A(ge, {
+	return /* @__PURE__ */ A(ke, {
 		open: e,
 		onClose: t,
 		title: "Invite a teammate",
@@ -312,14 +312,14 @@ var vn = {
 		className: n,
 		children: /* @__PURE__ */ j("div", {
 			className: Mn.form,
-			children: [/* @__PURE__ */ A(x, {
+			children: [/* @__PURE__ */ A(w, {
 				label: "Email address",
 				type: "email",
 				placeholder: "colleague@company.com",
 				value: r,
 				onChange: (e) => i(e.target.value),
 				disabled: s
-			}), /* @__PURE__ */ A(De, {
+			}), /* @__PURE__ */ A(Oe, {
 				label: "Role",
 				placeholder: "Select a role",
 				options: Nn,
@@ -353,7 +353,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: t ?? /* @__PURE__ */ A(Je, {
 					size: 20,
-					strokeWidth: h(20)
+					strokeWidth: x(20)
 				})
 			}),
 			/* @__PURE__ */ j("div", {
@@ -366,7 +366,7 @@ var vn = {
 					children: r
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: s ? "outline" : "primary",
 				size: "md",
 				onClick: a,
@@ -410,7 +410,7 @@ var vn = {
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ A(Qe, {
 		size: 14,
-		strokeWidth: h(14)
+		strokeWidth: x(14)
 	})
 }) : /* @__PURE__ */ A("span", {
 	className: [Ln.circle, e === "current" ? Ln.circleCurrent : Ln.circleUpcoming].join(" "),
@@ -436,7 +436,7 @@ var vn = {
 			s(!1), t();
 		}, 1500);
 	}, d = Rn[i];
-	return /* @__PURE__ */ j(ge, {
+	return /* @__PURE__ */ j(ke, {
 		open: e,
 		onClose: t,
 		title: d.title,
@@ -505,7 +505,7 @@ var vn = {
 			children: [/* @__PURE__ */ A("h2", {
 				className: Vn.title,
 				children: "Notifications"
-			}), !r && i && /* @__PURE__ */ A(s, {
+			}), !r && i && /* @__PURE__ */ A(b, {
 				href: "#",
 				onClick: (e) => {
 					e.preventDefault(), t?.();
@@ -521,7 +521,7 @@ var vn = {
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ A(ut, {
 						size: 16,
-						strokeWidth: h(16)
+						strokeWidth: x(16)
 					})
 				}),
 				/* @__PURE__ */ A("p", {
@@ -535,7 +535,7 @@ var vn = {
 			]
 		}) : /* @__PURE__ */ A("div", {
 			className: Vn.list,
-			children: e.map((e) => /* @__PURE__ */ A(pe, {
+			children: e.map((e) => /* @__PURE__ */ A(Pe, {
 				icon: e.icon,
 				title: e.title,
 				timestamp: e.timestamp,
@@ -547,41 +547,41 @@ var vn = {
 	block: "_block_1gg4g_1",
 	title: "_title_1gg4g_16",
 	save: "_save_1gg4g_25"
-}, Wn = ({ name: e = "", email: t = "", avatarSrc: n, onSave: i, className: a }) => {
-	let [o, s] = O.useState(e), [c, l] = O.useState(t), [u, d] = O.useState(n);
+}, Wn = ({ name: e = "", email: t = "", avatarSrc: n, onSave: r, className: i }) => {
+	let [a, o] = O.useState(e), [s, l] = O.useState(t), [u, d] = O.useState(n);
 	return /* @__PURE__ */ j("div", {
-		className: [Un.block, a ?? ""].filter(Boolean).join(" "),
+		className: [Un.block, i ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ A("h2", {
 				className: Un.title,
 				children: "Profile"
 			}),
-			/* @__PURE__ */ A(r, {
+			/* @__PURE__ */ A(ne, {
 				orientation: "horizontal",
 				src: u,
-				alt: o || "Profile photo",
+				alt: a || "Profile photo",
 				onFileSelect: (e) => d(URL.createObjectURL(e)),
 				onRemove: () => d(void 0)
 			}),
-			/* @__PURE__ */ A(x, {
+			/* @__PURE__ */ A(w, {
 				label: "Full name",
 				placeholder: "Enter your full name",
-				value: o,
-				onChange: (e) => s(e.target.value)
+				value: a,
+				onChange: (e) => o(e.target.value)
 			}),
-			/* @__PURE__ */ A(x, {
+			/* @__PURE__ */ A(w, {
 				label: "Email",
 				type: "email",
 				placeholder: "Enter your email",
-				value: c,
+				value: s,
 				onChange: (e) => l(e.target.value)
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: Un.save,
-				onClick: () => i?.({
-					name: o,
-					email: c
+				onClick: () => r?.({
+					name: a,
+					email: s
 				}),
 				children: "Save changes"
 			})
@@ -592,7 +592,7 @@ var vn = {
 	compact: "_compact_g06um_16",
 	title: "_title_g06um_26"
 }, Kn = ({ title: e = "Onboarding progress", items: t, variant: n = "default", className: r }) => {
-	let i = n === "compact", a = t.map((e) => /* @__PURE__ */ A(ze, {
+	let i = n === "compact", a = t.map((e) => /* @__PURE__ */ A(ve, {
 		label: e.label,
 		value: `${e.progress}%`,
 		progress: e.progress
@@ -636,7 +636,7 @@ var vn = {
 			i ? qn.footerCentered : "",
 			r ?? ""
 		].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ A(E, { className: qn.divider }), i ? /* @__PURE__ */ A("p", {
+		children: [/* @__PURE__ */ A(T, { className: qn.divider }), i ? /* @__PURE__ */ A("p", {
 			className: qn.text,
 			children: e
 		}) : /* @__PURE__ */ j("div", {
@@ -646,7 +646,7 @@ var vn = {
 				children: e
 			}), /* @__PURE__ */ A("div", {
 				className: qn.links,
-				children: t.map((e) => /* @__PURE__ */ A(s, {
+				children: t.map((e) => /* @__PURE__ */ A(b, {
 					href: e.href,
 					className: qn.link,
 					children: e.label
@@ -674,52 +674,52 @@ var vn = {
 	successDescription: "_successDescription_m5jgo_145",
 	skeletonHeader: "_skeletonHeader_m5jgo_154"
 }, Xn = 6, Zn = ({ email: e = "sam@sakani.com", initialStatus: t = "idle", onVerify: n, onResend: r, className: i }) => {
-	let a = t === "server-error" || t === "loading", [o, l] = O.useState(a ? [
+	let a = t === "server-error" || t === "loading", [o, s] = O.useState(a ? [
 		"4",
 		"8",
 		"2",
 		"9",
 		"1",
 		"3"
-	] : Array(Xn).fill("")), [u, d] = O.useState(t), f = O.useRef([]), p = (e, t) => {
-		l((n) => {
+	] : Array(Xn).fill("")), [l, u] = O.useState(t), d = O.useRef([]), f = (e, t) => {
+		s((n) => {
 			let r = [...n];
 			return r[e] = t, r;
 		});
-	}, m = (e, t) => {
-		if (u === "loading") return;
+	}, p = (e, t) => {
+		if (l === "loading") return;
 		let n = t.replace(/\D/g, "").slice(-1);
-		p(e, n), (u === "server-error" || u === "incomplete") && d("idle"), n && e < Xn - 1 && f.current[e + 1]?.focus();
-	}, g = (e, t) => {
-		t.key === "Backspace" && !o[e] && e > 0 && (f.current[e - 1]?.focus(), p(e - 1, ""));
-	}, _ = (e) => {
+		f(e, n), (l === "server-error" || l === "incomplete") && u("idle"), n && e < Xn - 1 && d.current[e + 1]?.focus();
+	}, h = (e, t) => {
+		t.key === "Backspace" && !o[e] && e > 0 && (d.current[e - 1]?.focus(), f(e - 1, ""));
+	}, g = (e) => {
 		let t = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, Xn).split("");
-		t.length !== 0 && (e.preventDefault(), l((e) => {
+		t.length !== 0 && (e.preventDefault(), s((e) => {
 			let n = [...e];
 			return t.forEach((e, t) => {
 				n[t] = e;
 			}), n;
-		}), f.current[Math.min(t.length, Xn - 1)]?.focus());
-	}, v = () => {
+		}), d.current[Math.min(t.length, Xn - 1)]?.focus());
+	}, _ = () => {
 		let e = o.join("");
 		if (e.length < Xn) {
-			d("incomplete");
+			u("incomplete");
 			return;
 		}
-		d("loading"), n?.(e), setTimeout(() => d("success"), 1500);
-	}, y = () => {
+		u("loading"), n?.(e), setTimeout(() => u("success"), 1500);
+	}, v = () => {
 		r?.();
 	};
-	if (u === "skeleton") return /* @__PURE__ */ j("div", {
+	if (l === "skeleton") return /* @__PURE__ */ j("div", {
 		className: [N.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: N.skeletonHeader,
-				children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 180,
 					height: 26
-				}), /* @__PURE__ */ A(T, {
+				}), /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 280,
 					height: 14
@@ -727,25 +727,25 @@ var vn = {
 			}),
 			/* @__PURE__ */ A("div", {
 				className: N.otpRow,
-				children: Array.from({ length: Xn }).map((e, t) => /* @__PURE__ */ A(T, {
+				children: Array.from({ length: Xn }).map((e, t) => /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 52,
 					height: 52
 				}, t))
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 48
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 220,
 				height: 14
 			})
 		]
 	});
-	if (u === "success") return /* @__PURE__ */ j("div", {
+	if (l === "success") return /* @__PURE__ */ j("div", {
 		className: [N.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ A("span", {
@@ -753,7 +753,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(Qe, {
 					size: 24,
-					strokeWidth: h(24)
+					strokeWidth: x(24)
 				})
 			}),
 			/* @__PURE__ */ j("div", {
@@ -766,14 +766,14 @@ var vn = {
 					children: "Your email address has been successfully verified."
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: N.fullWidth,
 				children: "Continue"
 			})
 		]
 	});
-	let b = u === "server-error", ee = u === "incomplete", x = u === "loading";
+	let y = l === "server-error", S = l === "incomplete", C = l === "loading";
 	return /* @__PURE__ */ j("div", {
 		className: [N.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -791,7 +791,7 @@ var vn = {
 					]
 				})]
 			}),
-			b && /* @__PURE__ */ A(c, {
+			y && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Verification failed",
 				description: "That code is incorrect or has expired."
@@ -802,46 +802,46 @@ var vn = {
 					className: N.otpRow,
 					children: o.map((e, t) => /* @__PURE__ */ A("input", {
 						ref: (e) => {
-							f.current[t] = e;
+							d.current[t] = e;
 						},
 						type: "text",
 						inputMode: "numeric",
 						autoComplete: t === 0 ? "one-time-code" : "off",
 						maxLength: 1,
 						value: e,
-						disabled: x,
-						onChange: (e) => m(t, e.target.value),
-						onKeyDown: (e) => g(t, e),
-						onPaste: _,
+						disabled: C,
+						onChange: (e) => p(t, e.target.value),
+						onKeyDown: (e) => h(t, e),
+						onPaste: g,
 						className: [
 							N.otpBox,
-							b ? N.otpBoxError : "",
-							x ? N.otpBoxLoading : ""
+							y ? N.otpBoxError : "",
+							C ? N.otpBoxLoading : ""
 						].filter(Boolean).join(" "),
 						"aria-label": `Digit ${t + 1} of ${Xn}`
 					}, t))
-				}), ee && /* @__PURE__ */ A("p", {
+				}), S && /* @__PURE__ */ A("p", {
 					className: N.hint,
 					children: "Please enter the full 6-digit code."
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: N.fullWidth,
-				loading: x,
-				disabled: !x && o.some((e) => !e),
-				onClick: v,
-				children: x ? "Verifying…" : "Verify email"
+				loading: C,
+				disabled: !C && o.some((e) => !e),
+				onClick: _,
+				children: C ? "Verifying…" : "Verify email"
 			}),
 			/* @__PURE__ */ j("div", {
 				className: N.footer,
 				children: [/* @__PURE__ */ A("p", {
 					className: N.footerText,
 					children: "Didn’t receive a code?"
-				}), /* @__PURE__ */ A(s, {
+				}), /* @__PURE__ */ A(b, {
 					href: "#",
 					onClick: (e) => {
-						e.preventDefault(), y();
+						e.preventDefault(), v();
 					},
 					children: "Resend"
 				})]
@@ -869,50 +869,50 @@ var vn = {
 	successDescription: "_successDescription_waff5_149",
 	skeletonHeader: "_skeletonHeader_waff5_158"
 }, Qn = 6, $n = ({ initialStatus: e = "idle", onVerify: t, onUseBackupCode: n, className: r }) => {
-	let a = e === "server-error" || e === "loading", [o, l] = O.useState(a ? [
+	let i = e === "server-error" || e === "loading", [a, o] = O.useState(i ? [
 		"4",
 		"8",
 		"2",
 		"9",
 		"1",
 		"3"
-	] : Array(Qn).fill("")), [u, d] = O.useState(e), [f, p] = O.useState(!1), m = O.useRef([]), g = (e, t) => {
-		l((n) => {
+	] : Array(Qn).fill("")), [s, l] = O.useState(e), [u, d] = O.useState(!1), f = O.useRef([]), p = (e, t) => {
+		o((n) => {
 			let r = [...n];
 			return r[e] = t, r;
 		});
-	}, _ = (e, t) => {
-		if (u === "loading") return;
+	}, h = (e, t) => {
+		if (s === "loading") return;
 		let n = t.replace(/\D/g, "").slice(-1);
-		g(e, n), (u === "server-error" || u === "incomplete") && d("idle"), n && e < Qn - 1 && m.current[e + 1]?.focus();
-	}, v = (e, t) => {
-		t.key === "Backspace" && !o[e] && e > 0 && (m.current[e - 1]?.focus(), g(e - 1, ""));
-	}, y = (e) => {
+		p(e, n), (s === "server-error" || s === "incomplete") && l("idle"), n && e < Qn - 1 && f.current[e + 1]?.focus();
+	}, g = (e, t) => {
+		t.key === "Backspace" && !a[e] && e > 0 && (f.current[e - 1]?.focus(), p(e - 1, ""));
+	}, _ = (e) => {
 		let t = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, Qn).split("");
-		t.length !== 0 && (e.preventDefault(), l((e) => {
+		t.length !== 0 && (e.preventDefault(), o((e) => {
 			let n = [...e];
 			return t.forEach((e, t) => {
 				n[t] = e;
 			}), n;
-		}), m.current[Math.min(t.length, Qn - 1)]?.focus());
-	}, b = () => {
-		let e = o.join("");
+		}), f.current[Math.min(t.length, Qn - 1)]?.focus());
+	}, v = () => {
+		let e = a.join("");
 		if (e.length < Qn) {
-			d("incomplete");
+			l("incomplete");
 			return;
 		}
-		d("loading"), t?.(e, f), setTimeout(() => d("success"), 1500);
+		l("loading"), t?.(e, u), setTimeout(() => l("success"), 1500);
 	};
-	if (u === "skeleton") return /* @__PURE__ */ j("div", {
+	if (s === "skeleton") return /* @__PURE__ */ j("div", {
 		className: [P.card, r ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: P.skeletonHeader,
-				children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 260,
 					height: 26
-				}), /* @__PURE__ */ A(T, {
+				}), /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 320,
 					height: 14
@@ -920,30 +920,30 @@ var vn = {
 			}),
 			/* @__PURE__ */ A("div", {
 				className: P.otpRow,
-				children: Array.from({ length: Qn }).map((e, t) => /* @__PURE__ */ A(T, {
+				children: Array.from({ length: Qn }).map((e, t) => /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 52,
 					height: 52
 				}, t))
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 220,
 				height: 18
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 48
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 220,
 				height: 14
 			})
 		]
 	});
-	if (u === "success") return /* @__PURE__ */ j("div", {
+	if (s === "success") return /* @__PURE__ */ j("div", {
 		className: [P.card, r ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ A("span", {
@@ -951,7 +951,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(Qe, {
 					size: 24,
-					strokeWidth: h(24)
+					strokeWidth: x(24)
 				})
 			}),
 			/* @__PURE__ */ j("div", {
@@ -964,14 +964,14 @@ var vn = {
 					children: "Two-factor authentication confirmed for this session."
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: P.fullWidth,
 				children: "Continue"
 			})
 		]
 	});
-	let ee = u === "server-error", x = u === "incomplete", S = u === "loading";
+	let y = s === "server-error", S = s === "incomplete", C = s === "loading";
 	return /* @__PURE__ */ j("div", {
 		className: [P.card, r ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -985,7 +985,7 @@ var vn = {
 					children: "Enter the 6-digit code from your authenticator app."
 				})]
 			}),
-			ee && /* @__PURE__ */ A(c, {
+			y && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Verification failed",
 				description: "That code is incorrect or has expired."
@@ -994,52 +994,52 @@ var vn = {
 				className: P.otpBlock,
 				children: [/* @__PURE__ */ A("div", {
 					className: P.otpRow,
-					children: o.map((e, t) => /* @__PURE__ */ A("input", {
+					children: a.map((e, t) => /* @__PURE__ */ A("input", {
 						ref: (e) => {
-							m.current[t] = e;
+							f.current[t] = e;
 						},
 						type: "text",
 						inputMode: "numeric",
 						autoComplete: t === 0 ? "one-time-code" : "off",
 						maxLength: 1,
 						value: e,
-						disabled: S,
-						onChange: (e) => _(t, e.target.value),
-						onKeyDown: (e) => v(t, e),
-						onPaste: y,
+						disabled: C,
+						onChange: (e) => h(t, e.target.value),
+						onKeyDown: (e) => g(t, e),
+						onPaste: _,
 						className: [
 							P.otpBox,
-							ee ? P.otpBoxError : "",
-							S ? P.otpBoxLoading : ""
+							y ? P.otpBoxError : "",
+							C ? P.otpBoxLoading : ""
 						].filter(Boolean).join(" "),
 						"aria-label": `Digit ${t + 1} of ${Qn}`
 					}, t))
-				}), x && /* @__PURE__ */ A("p", {
+				}), S && /* @__PURE__ */ A("p", {
 					className: P.hint,
 					children: "Please enter the full 6-digit code."
 				})]
 			}),
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ A(Te, {
 				label: "Trust this device for 30 days",
-				checked: f,
-				disabled: S,
-				onChange: (e) => p(e.target.checked),
+				checked: u,
+				disabled: C,
+				onChange: (e) => d(e.target.checked),
 				className: P.checkboxRow
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: P.fullWidth,
-				loading: S,
-				disabled: !S && o.some((e) => !e),
-				onClick: b,
-				children: S ? "Verifying…" : "Verify"
+				loading: C,
+				disabled: !C && a.some((e) => !e),
+				onClick: v,
+				children: C ? "Verifying…" : "Verify"
 			}),
 			/* @__PURE__ */ j("div", {
 				className: P.footer,
 				children: [/* @__PURE__ */ A("p", {
 					className: P.footerText,
 					children: "Lost your device?"
-				}), /* @__PURE__ */ A(s, {
+				}), /* @__PURE__ */ A(b, {
 					href: "#",
 					onClick: (e) => {
 						e.preventDefault(), n?.();
@@ -1061,46 +1061,46 @@ var vn = {
 	centeredHeader: "_centeredHeader_1i7ns_74",
 	skeletonHeader: "_skeletonHeader_1i7ns_89"
 }, er = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, tr = ({ initialStatus: e = "idle", initialEmail: t = "", onSubmit: n, onResend: r, onLogIn: i, className: a }) => {
-	let [o, l] = O.useState(t || (e === "server-error" || e === "loading" ? "sam@sakani.com" : "")), [u, d] = O.useState(e), f = () => {
+	let [o, s] = O.useState(t || (e === "server-error" || e === "loading" ? "sam@sakani.com" : "")), [l, u] = O.useState(e), d = () => {
 		if (!er.test(o)) {
-			d("invalid-email");
+			u("invalid-email");
 			return;
 		}
-		d("loading"), n?.(o), setTimeout(() => d("sent"), 1500);
+		u("loading"), n?.(o), setTimeout(() => u("sent"), 1500);
 	};
-	if (u === "skeleton") return /* @__PURE__ */ j("div", {
+	if (l === "skeleton") return /* @__PURE__ */ j("div", {
 		className: [F.card, a ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: F.skeletonHeader,
-				children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 180,
 					height: 26
-				}), /* @__PURE__ */ A(T, {
+				}), /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 280,
 					height: 14
 				})]
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 48
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 220,
 				height: 14
 			})
 		]
 	});
-	if (u === "sent") return /* @__PURE__ */ j("div", {
+	if (l === "sent") return /* @__PURE__ */ j("div", {
 		className: [F.card, a ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ A("span", {
@@ -1108,7 +1108,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(xt, {
 					size: 24,
-					strokeWidth: h(24)
+					strokeWidth: x(24)
 				})
 			}),
 			/* @__PURE__ */ j("div", {
@@ -1125,13 +1125,13 @@ var vn = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "secondary",
 				className: F.fullWidth,
 				onClick: () => r?.(),
 				children: "Resend email"
 			}),
-			/* @__PURE__ */ A(s, {
+			/* @__PURE__ */ A(b, {
 				href: "#",
 				onClick: (e) => {
 					e.preventDefault(), i?.();
@@ -1140,7 +1140,7 @@ var vn = {
 			})
 		]
 	});
-	let p = u === "server-error", m = u === "loading", g = u === "invalid-email" ? "Please enter a valid email address." : void 0;
+	let f = l === "server-error", p = l === "loading", h = l === "invalid-email" ? "Please enter a valid email address." : void 0;
 	return /* @__PURE__ */ j("div", {
 		className: [F.card, a ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -1154,38 +1154,38 @@ var vn = {
 					children: "Enter your email and we’ll send you a link to reset your password."
 				})]
 			}),
-			p && /* @__PURE__ */ A(c, {
+			f && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Something went wrong",
 				description: "We couldn't process your request. Please try again."
 			}),
-			/* @__PURE__ */ A(x, {
+			/* @__PURE__ */ A(w, {
 				label: "Email",
 				type: "email",
 				placeholder: "Enter your email",
 				leadingIcon: /* @__PURE__ */ A(Tt, {}),
 				value: o,
-				disabled: m,
-				error: g,
+				disabled: p,
+				error: h,
 				onChange: (e) => {
-					l(e.target.value), u !== "idle" && d("idle");
+					s(e.target.value), l !== "idle" && u("idle");
 				},
 				className: F.fullWidth
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: F.fullWidth,
-				loading: m,
-				disabled: !m && o.trim() === "",
-				onClick: f,
-				children: m ? "Sending link…" : "Send reset link"
+				loading: p,
+				disabled: !p && o.trim() === "",
+				onClick: d,
+				children: p ? "Sending link…" : "Send reset link"
 			}),
 			/* @__PURE__ */ j("div", {
 				className: F.footer,
 				children: [/* @__PURE__ */ A("p", {
 					className: F.footerText,
 					children: "Remember your password?"
-				}), /* @__PURE__ */ A(s, {
+				}), /* @__PURE__ */ A(b, {
 					href: "#",
 					onClick: (e) => {
 						e.preventDefault(), i?.();
@@ -1235,7 +1235,7 @@ var vn = {
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ A(It, {
 							size: 16,
-							strokeWidth: h(16)
+							strokeWidth: x(16)
 						})
 					}),
 					/* @__PURE__ */ A("input", {
@@ -1257,7 +1257,7 @@ var vn = {
 						"aria-label": s ? "Hide password" : "Show password",
 						children: A(s ? Xe : Ze, {
 							size: 16,
-							strokeWidth: h(16)
+							strokeWidth: x(16)
 						})
 					})
 				]
@@ -1270,12 +1270,12 @@ var vn = {
 		]
 	});
 }, rr = ({ initialStatus: e = "idle", onSubmit: t, onRequestNewLink: n, onLogIn: r, className: i }) => {
-	let [a, o] = O.useState(""), [c, l] = O.useState(e === "mismatch" ? "different-password" : ""), [u, d] = O.useState(e);
+	let [a, o] = O.useState(""), [s, l] = O.useState(e === "mismatch" ? "different-password" : ""), [u, d] = O.useState(e);
 	O.useEffect(() => {
 		e === "mismatch" && o("my-new-password");
 	}, [e]);
 	let f = () => {
-		if (a !== c) {
+		if (a !== s) {
 			d("mismatch");
 			return;
 		}
@@ -1286,27 +1286,27 @@ var vn = {
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: I.skeletonHeader,
-				children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 220,
 					height: 26
-				}), /* @__PURE__ */ A(T, {
+				}), /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 320,
 					height: 14
 				})]
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 48
@@ -1321,7 +1321,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(Pt, {
 					size: 24,
-					strokeWidth: h(24)
+					strokeWidth: x(24)
 				})
 			}),
 			/* @__PURE__ */ j("div", {
@@ -1334,13 +1334,13 @@ var vn = {
 					children: "This password reset link is invalid or has expired. Please request a new one."
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: I.fullWidth,
 				onClick: () => n?.(),
 				children: "Request new link"
 			}),
-			/* @__PURE__ */ A(s, {
+			/* @__PURE__ */ A(b, {
 				href: "#",
 				onClick: (e) => {
 					e.preventDefault(), r?.();
@@ -1357,7 +1357,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(ft, {
 					size: 24,
-					strokeWidth: h(24)
+					strokeWidth: x(24)
 				})
 			}),
 			/* @__PURE__ */ j("div", {
@@ -1370,7 +1370,7 @@ var vn = {
 					children: "Your password has been changed successfully."
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: I.fullWidth,
 				onClick: () => r?.(),
@@ -1378,7 +1378,7 @@ var vn = {
 			})
 		]
 	});
-	let p = u === "loading", m = u === "mismatch", g = a.trim() !== "" && c.trim() !== "";
+	let p = u === "loading", m = u === "mismatch", h = a.trim() !== "" && s.trim() !== "";
 	return /* @__PURE__ */ j("div", {
 		className: [I.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -1406,18 +1406,18 @@ var vn = {
 				id: "reset-confirm-password",
 				label: "Confirm new password",
 				placeholder: "Re-enter your new password",
-				value: c,
+				value: s,
 				disabled: p,
 				error: m ? "Passwords do not match." : void 0,
 				onChange: (e) => {
 					l(e), m && d("idle");
 				}
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: I.fullWidth,
 				loading: p,
-				disabled: !p && !g,
+				disabled: !p && !h,
 				onClick: f,
 				children: p ? "Updating…" : "Update password"
 			})
@@ -1448,55 +1448,55 @@ var vn = {
 	skeletonHeader: "_skeletonHeader_1ymnl_185",
 	skeletonRow: "_skeletonRow_1ymnl_190",
 	skeletonSocialRow: "_skeletonSocialRow_1ymnl_195"
-}, ir = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, ar = ({ initialStatus: e = "idle", initialEmail: t = "", socialProviders: n = [], onSubmit: r, onForgotPassword: a, onSignUp: o, className: l }) => {
-	let [u, d] = O.useState(t || (e === "server-error" || e === "loading" ? "sam@sakani.com" : "")), [f, p] = O.useState(""), [m, g] = O.useState(!1), [_, v] = O.useState(!1), [y, b] = O.useState(e), ee = () => {
-		if (!ir.test(u)) {
-			b("validation-error");
+}, ir = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, ar = ({ initialStatus: e = "idle", initialEmail: t = "", socialProviders: n = [], onSubmit: r, onForgotPassword: i, onSignUp: a, className: o }) => {
+	let [s, l] = O.useState(t || (e === "server-error" || e === "loading" ? "sam@sakani.com" : "")), [u, d] = O.useState(""), [f, p] = O.useState(!1), [h, g] = O.useState(!1), [_, v] = O.useState(e), y = () => {
+		if (!ir.test(s)) {
+			v("validation-error");
 			return;
 		}
-		b("loading"), r?.(u, f, m), setTimeout(() => {
-			p(""), b("server-error");
+		v("loading"), r?.(s, u, f), setTimeout(() => {
+			d(""), v("server-error");
 		}, 1500);
 	};
-	if (y === "skeleton") return /* @__PURE__ */ j("div", {
-		className: [L.card, l ?? ""].filter(Boolean).join(" "),
+	if (_ === "skeleton") return /* @__PURE__ */ j("div", {
+		className: [L.card, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: L.skeletonHeader,
-				children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 180,
 					height: 26
-				}), /* @__PURE__ */ A(T, {
+				}), /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 280,
 					height: 14
 				})]
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
 			/* @__PURE__ */ A("div", {
 				className: L.skeletonRow,
-				children: /* @__PURE__ */ A(T, {
+				children: /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 120,
 					height: 14
 				})
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 180,
 				height: 18
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 48
@@ -1504,33 +1504,33 @@ var vn = {
 			/* @__PURE__ */ j("div", {
 				className: L.skeletonSocialRow,
 				children: [
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "rect",
 						width: 112,
 						height: 44
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "rect",
 						width: 112,
 						height: 44
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "rect",
 						width: 112,
 						height: 44
 					})
 				]
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 200,
 				height: 14
 			})
 		]
 	});
-	let S = y === "server-error", C = y === "loading", te = y === "validation-error" ? "Please enter a valid email address." : void 0;
+	let S = _ === "server-error", C = _ === "loading", ee = _ === "validation-error" ? "Please enter a valid email address." : void 0;
 	return /* @__PURE__ */ j("div", {
-		className: [L.card, l ?? ""].filter(Boolean).join(" "),
+		className: [L.card, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: L.header,
@@ -1542,21 +1542,21 @@ var vn = {
 					children: "Enter your credentials to access your account"
 				})]
 			}),
-			S && /* @__PURE__ */ A(c, {
+			S && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Login failed",
 				description: "The email or password you entered is incorrect."
 			}),
-			/* @__PURE__ */ A(x, {
+			/* @__PURE__ */ A(w, {
 				label: "Email",
 				type: "email",
 				placeholder: "Enter your email",
 				leadingIcon: /* @__PURE__ */ A(Tt, {}),
-				value: u,
+				value: s,
 				disabled: C,
-				error: te,
+				error: ee,
 				onChange: (e) => {
-					d(e.target.value), y !== "idle" && b("idle");
+					l(e.target.value), _ !== "idle" && v("idle");
 				},
 				className: L.fullWidth
 			}),
@@ -1578,29 +1578,29 @@ var vn = {
 							"aria-hidden": "true",
 							children: /* @__PURE__ */ A(It, {
 								size: 16,
-								strokeWidth: h(16)
+								strokeWidth: x(16)
 							})
 						}),
 						/* @__PURE__ */ A("input", {
 							id: "login-password",
-							type: _ ? "text" : "password",
+							type: h ? "text" : "password",
 							placeholder: "Enter your password",
-							value: f,
+							value: u,
 							disabled: C,
 							onChange: (e) => {
-								p(e.target.value), S && b("idle");
+								d(e.target.value), S && v("idle");
 							},
 							className: L.fieldControl
 						}),
 						/* @__PURE__ */ A("button", {
 							type: "button",
 							className: L.visibilityToggle,
-							onClick: () => v((e) => !e),
+							onClick: () => g((e) => !e),
 							disabled: C,
-							"aria-label": _ ? "Hide password" : "Show password",
-							children: A(_ ? Xe : Ze, {
+							"aria-label": h ? "Hide password" : "Show password",
+							children: A(h ? Xe : Ze, {
 								size: 16,
-								strokeWidth: h(16)
+								strokeWidth: x(16)
 							})
 						})
 					]
@@ -1608,36 +1608,36 @@ var vn = {
 			}),
 			/* @__PURE__ */ A("div", {
 				className: L.forgotRow,
-				children: /* @__PURE__ */ A(s, {
+				children: /* @__PURE__ */ A(b, {
 					href: "#",
 					onClick: (e) => {
-						e.preventDefault(), a?.();
+						e.preventDefault(), i?.();
 					},
 					children: "Forgot password?"
 				})
 			}),
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ A(Te, {
 				label: "Remember me for 30 days",
-				checked: m,
+				checked: f,
 				disabled: C,
-				onChange: (e) => g(e.target.checked)
+				onChange: (e) => p(e.target.checked)
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: L.fullWidth,
 				loading: C,
-				onClick: ee,
+				onClick: y,
 				children: C ? "Logging in…" : "Log in"
 			}),
 			n.length > 0 && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
 				className: L.dividerRow,
 				children: [
-					/* @__PURE__ */ A(E, { className: L.dividerLine }),
+					/* @__PURE__ */ A(T, { className: L.dividerLine }),
 					/* @__PURE__ */ A("span", {
 						className: L.dividerLabel,
 						children: "OR CONTINUE WITH"
 					}),
-					/* @__PURE__ */ A(E, { className: L.dividerLine })
+					/* @__PURE__ */ A(T, { className: L.dividerLine })
 				]
 			}), /* @__PURE__ */ A("div", {
 				className: L.socialRow,
@@ -1655,10 +1655,10 @@ var vn = {
 				children: [/* @__PURE__ */ A("p", {
 					className: L.footerText,
 					children: "Don’t have an account?"
-				}), /* @__PURE__ */ A(s, {
+				}), /* @__PURE__ */ A(b, {
 					href: "#",
 					onClick: (e) => {
-						e.preventDefault(), o?.();
+						e.preventDefault(), a?.();
 					},
 					children: "Sign up"
 				})]
@@ -1711,7 +1711,7 @@ var vn = {
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ A(It, {
 							size: 16,
-							strokeWidth: h(16)
+							strokeWidth: x(16)
 						})
 					}),
 					/* @__PURE__ */ A("input", {
@@ -1733,7 +1733,7 @@ var vn = {
 						"aria-label": s ? "Hide password" : "Show password",
 						children: A(s ? Xe : Ze, {
 							size: 16,
-							strokeWidth: h(16)
+							strokeWidth: x(16)
 						})
 					})
 				]
@@ -1745,59 +1745,59 @@ var vn = {
 			})
 		]
 	});
-}, sr = ({ initialStatus: e = "idle", socialProviders: t = [], onSubmit: n, onLogIn: r, className: a }) => {
-	let o = e === "server-error" || e === "loading", [l, u] = O.useState(o ? "Sam Okpere" : ""), [d, f] = O.useState(o ? "sam@sakani.com" : ""), [p, m] = O.useState(o ? "my-password" : ""), [h, g] = O.useState(e === "validation-error" ? "different-password" : o ? "my-password" : ""), [_, v] = O.useState(!1), [y, b] = O.useState(e), ee = () => {
-		if (p !== h) {
-			b("validation-error");
+}, sr = ({ initialStatus: e = "idle", socialProviders: t = [], onSubmit: n, onLogIn: r, className: i }) => {
+	let a = e === "server-error" || e === "loading", [o, s] = O.useState(a ? "Sam Okpere" : ""), [l, u] = O.useState(a ? "sam@sakani.com" : ""), [d, f] = O.useState(a ? "my-password" : ""), [p, h] = O.useState(e === "validation-error" ? "different-password" : a ? "my-password" : ""), [g, _] = O.useState(!1), [v, y] = O.useState(e), x = () => {
+		if (d !== p) {
+			y("validation-error");
 			return;
 		}
-		b("loading"), n?.({
-			fullName: l,
-			email: d,
-			password: p
-		}), setTimeout(() => b("server-error"), 1500);
+		y("loading"), n?.({
+			fullName: o,
+			email: l,
+			password: d
+		}), setTimeout(() => y("server-error"), 1500);
 	};
-	if (y === "skeleton") return /* @__PURE__ */ j("div", {
-		className: [R.card, a ?? ""].filter(Boolean).join(" "),
+	if (v === "skeleton") return /* @__PURE__ */ j("div", {
+		className: [R.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: R.skeletonHeader,
-				children: [/* @__PURE__ */ A(T, {
+				children: [/* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 180,
 					height: 26
-				}), /* @__PURE__ */ A(T, {
+				}), /* @__PURE__ */ A(E, {
 					variant: "rect",
 					width: 280,
 					height: 14
 				})]
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 66
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 280,
 				height: 18
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 48
@@ -1805,33 +1805,33 @@ var vn = {
 			/* @__PURE__ */ j("div", {
 				className: R.skeletonSocialRow,
 				children: [
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "rect",
 						width: 112,
 						height: 44
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "rect",
 						width: 112,
 						height: 44
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "rect",
 						width: 112,
 						height: 44
 					})
 				]
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 220,
 				height: 14
 			})
 		]
 	});
-	let S = y === "server-error", C = y === "loading", te = y === "validation-error";
+	let S = v === "server-error", C = v === "loading", ee = v === "validation-error";
 	return /* @__PURE__ */ j("div", {
-		className: [R.card, a ?? ""].filter(Boolean).join(" "),
+		className: [R.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: R.header,
@@ -1843,74 +1843,74 @@ var vn = {
 					children: "Get started — it only takes a minute."
 				})]
 			}),
-			S && /* @__PURE__ */ A(c, {
+			S && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Sign up failed",
 				description: "An account with this email already exists."
 			}),
-			/* @__PURE__ */ A(x, {
+			/* @__PURE__ */ A(w, {
 				label: "Full name",
 				placeholder: "Enter your full name",
 				leadingIcon: /* @__PURE__ */ A(St, {}),
-				value: l,
+				value: o,
 				disabled: C,
-				onChange: (e) => u(e.target.value),
+				onChange: (e) => s(e.target.value),
 				className: R.fullWidth
 			}),
-			/* @__PURE__ */ A(x, {
+			/* @__PURE__ */ A(w, {
 				label: "Email",
 				type: "email",
 				placeholder: "Enter your email",
 				leadingIcon: /* @__PURE__ */ A(Tt, {}),
-				value: d,
+				value: l,
 				disabled: C,
-				onChange: (e) => f(e.target.value),
+				onChange: (e) => u(e.target.value),
 				className: R.fullWidth
 			}),
 			/* @__PURE__ */ A(or, {
 				id: "signup-password",
 				label: "Password",
 				placeholder: "Create a password",
-				value: p,
+				value: d,
 				disabled: C,
 				onChange: (e) => {
-					m(e), te && b("idle");
+					f(e), ee && y("idle");
 				}
 			}),
 			/* @__PURE__ */ A(or, {
 				id: "signup-confirm-password",
 				label: "Confirm password",
 				placeholder: "Re-enter your password",
-				value: h,
+				value: p,
 				disabled: C,
-				error: te ? "Passwords do not match." : void 0,
+				error: ee ? "Passwords do not match." : void 0,
 				onChange: (e) => {
-					g(e), te && b("idle");
+					h(e), ee && y("idle");
 				}
 			}),
-			/* @__PURE__ */ A(i, {
+			/* @__PURE__ */ A(Te, {
 				label: "I agree to the Terms of Service and Privacy Policy",
-				checked: _,
+				checked: g,
 				disabled: C,
-				onChange: (e) => v(e.target.checked)
+				onChange: (e) => _(e.target.checked)
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: R.fullWidth,
 				loading: C,
-				disabled: !C && (!l.trim() || !d.trim() || !p || !h || !_),
-				onClick: ee,
+				disabled: !C && (!o.trim() || !l.trim() || !d || !p || !g),
+				onClick: x,
 				children: C ? "Creating account…" : "Create account"
 			}),
 			t.length > 0 && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
 				className: R.dividerRow,
 				children: [
-					/* @__PURE__ */ A(E, { className: R.dividerLine }),
+					/* @__PURE__ */ A(T, { className: R.dividerLine }),
 					/* @__PURE__ */ A("span", {
 						className: R.dividerLabel,
 						children: "OR CONTINUE WITH"
 					}),
-					/* @__PURE__ */ A(E, { className: R.dividerLine })
+					/* @__PURE__ */ A(T, { className: R.dividerLine })
 				]
 			}), /* @__PURE__ */ A("div", {
 				className: R.socialRow,
@@ -1928,7 +1928,7 @@ var vn = {
 				children: [/* @__PURE__ */ A("p", {
 					className: R.footerText,
 					children: "Already have an account?"
-				}), /* @__PURE__ */ A(s, {
+				}), /* @__PURE__ */ A(b, {
 					href: "#",
 					onClick: (e) => {
 						e.preventDefault(), r?.();
@@ -1967,7 +1967,7 @@ var vn = {
 }, fr = ({ brand: e }) => {
 	if (!e || e === "unknown") return /* @__PURE__ */ A(Ft, {
 		size: 16,
-		strokeWidth: h(16)
+		strokeWidth: x(16)
 	});
 	if (e === "mastercard") return /* @__PURE__ */ j("svg", {
 		width: 16,
@@ -2051,29 +2051,29 @@ var vn = {
 		e.slice(r + n.length)
 	] });
 }, gr = ({ label: e, placeholder: t, value: n, onChange: r, suggestions: i }) => {
-	let [a, o] = O.useState(!1), [s, c] = O.useState(0), l = O.useRef(null), u = g(), d = O.useRef([]), f = n.trim(), p = f ? i.filter((e) => e.toLowerCase().includes(f.toLowerCase())) : i;
+	let [a, o] = O.useState(!1), [s, c] = O.useState(0), u = O.useRef(null), d = l(), f = O.useRef([]), p = n.trim(), m = p ? i.filter((e) => e.toLowerCase().includes(p.toLowerCase())) : i;
 	O.useEffect(() => {
 		let e = (e) => {
-			l.current && !l.current.contains(e.target) && o(!1);
+			u.current && !u.current.contains(e.target) && o(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), O.useEffect(() => c(0), [n, a]);
-	let { showItem: m } = u;
+	let { showItem: h } = d;
 	O.useLayoutEffect(() => {
-		a && m(d.current[s] ?? null);
+		a && h(f.current[s] ?? null);
 	}, [
 		a,
 		s,
-		p.length,
-		m
+		m.length,
+		h
 	]);
-	let h = (e) => {
+	let g = (e) => {
 		r(e), o(!1);
 	};
 	return /* @__PURE__ */ j("div", {
 		className: z.autocomplete,
-		ref: l,
-		children: [/* @__PURE__ */ A(x, {
+		ref: u,
+		children: [/* @__PURE__ */ A(w, {
 			label: e,
 			placeholder: t,
 			value: n,
@@ -2082,27 +2082,27 @@ var vn = {
 			},
 			onFocus: () => o(!0),
 			onKeyDown: (e) => {
-				e.key === "ArrowDown" ? (e.preventDefault(), o(!0), c((e) => Math.min(e + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), c((e) => Math.max(e - 1, 0))) : e.key === "Enter" && a && p[s] ? (e.preventDefault(), h(p[s])) : e.key === "Escape" && o(!1);
+				e.key === "ArrowDown" ? (e.preventDefault(), o(!0), c((e) => Math.min(e + 1, m.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), c((e) => Math.max(e - 1, 0))) : e.key === "Enter" && a && m[s] ? (e.preventDefault(), g(m[s])) : e.key === "Escape" && o(!1);
 			},
 			autoComplete: "off",
 			role: "combobox",
 			"aria-expanded": a,
 			"aria-autocomplete": "list",
 			className: z.fullWidth
-		}), a && p.length > 0 && /* @__PURE__ */ j("div", {
-			ref: u.ref,
+		}), a && m.length > 0 && /* @__PURE__ */ j("div", {
+			ref: d.ref,
 			"data-hover-group": "",
 			className: z.suggestPanel,
 			role: "listbox",
-			children: [u.highlight, p.map((e, t) => /* @__PURE__ */ A("div", {
+			children: [d.highlight, m.map((e, t) => /* @__PURE__ */ A("div", {
 				ref: (e) => {
-					d.current[t] = e;
+					f.current[t] = e;
 				},
 				role: "option",
 				"aria-selected": t === s,
 				className: z.suggestOption,
 				onMouseDown: (t) => {
-					t.preventDefault(), h(e);
+					t.preventDefault(), g(e);
 				},
 				onMouseEnter: () => c(t),
 				children: hr(e, n)
@@ -2110,13 +2110,13 @@ var vn = {
 		})]
 	});
 }, _r = ({ items: e, shippingCost: t = 0, initialStep: n = "shipping", onComplete: r, formatPrice: i = cr, className: a }) => {
-	let [o, s] = O.useState(n), [c, l] = O.useState(e), [u, d] = O.useState(""), [f, p] = O.useState(""), [m, h] = O.useState(""), [g, _] = O.useState(""), [v, y] = O.useState(""), [b, ee] = O.useState(""), S = (e, t) => l((n) => n.map((n, r) => r === e ? {
+	let [o, s] = O.useState(n), [l, u] = O.useState(e), [d, f] = O.useState(""), [p, m] = O.useState(""), [h, g] = O.useState(""), [_, v] = O.useState(""), [y, b] = O.useState(""), [x, S] = O.useState(""), C = (e, t) => u((n) => n.map((n, r) => r === e ? {
 		...n,
 		quantity: t
-	} : n)), C = c.reduce((e, t) => e + t.price * t.quantity, 0), te = C + t;
+	} : n)), ee = l.reduce((e, t) => e + t.price * t.quantity, 0), te = ee + t;
 	return /* @__PURE__ */ j("div", {
 		className: [z.block, a ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ A(me, { currentStep: o === "shipping" ? 1 : 2 }), /* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ A(je, { currentStep: o === "shipping" ? 1 : 2 }), /* @__PURE__ */ j("div", {
 			className: z.columns,
 			children: [/* @__PURE__ */ A("div", {
 				className: z.formCard,
@@ -2125,32 +2125,32 @@ var vn = {
 						className: z.title,
 						children: "Shipping address"
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Full name",
 						placeholder: "Enter your full name",
-						value: u,
-						onChange: (e) => d(e.target.value),
+						value: d,
+						onChange: (e) => f(e.target.value),
 						className: z.fullWidth
 					}),
 					/* @__PURE__ */ A(gr, {
 						label: "Address",
 						placeholder: "Street address",
-						value: f,
-						onChange: p,
+						value: p,
+						onChange: m,
 						suggestions: mr
 					}),
 					/* @__PURE__ */ A(gr, {
 						label: "City",
 						placeholder: "Enter your city",
-						value: m,
-						onChange: h,
+						value: h,
+						onChange: g,
 						suggestions: pr
 					}),
-					/* @__PURE__ */ A(D, {
+					/* @__PURE__ */ A(c, {
 						variant: "primary",
 						className: z.fullWidth,
 						onClick: () => s("payment"),
-						disabled: !u.trim() || !f.trim() || !m.trim(),
+						disabled: !d.trim() || !p.trim() || !h.trim(),
 						children: "Continue to payment"
 					})
 				] }) : /* @__PURE__ */ j(k, { children: [
@@ -2158,48 +2158,48 @@ var vn = {
 						className: z.title,
 						children: "Payment details"
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Card number",
 						placeholder: "1234 1234 1234 1234",
 						inputMode: "numeric",
-						value: g,
-						onChange: (e) => _(ur(e.target.value)),
-						trailingIcon: /* @__PURE__ */ A(fr, { brand: dr(g) }),
+						value: _,
+						onChange: (e) => v(ur(e.target.value)),
+						trailingIcon: /* @__PURE__ */ A(fr, { brand: dr(_) }),
 						className: z.fullWidth
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Expiry date",
 						placeholder: "MM/YY",
 						inputMode: "numeric",
-						value: v,
-						onChange: (e) => y(lr(e.target.value)),
+						value: y,
+						onChange: (e) => b(lr(e.target.value)),
 						className: z.fullWidth
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "CVC",
 						placeholder: "123",
-						value: b,
-						onChange: (e) => ee(e.target.value),
+						value: x,
+						onChange: (e) => S(e.target.value),
 						className: z.fullWidth
 					}),
-					/* @__PURE__ */ A(D, {
+					/* @__PURE__ */ A(c, {
 						variant: "primary",
 						className: z.fullWidth,
 						onClick: () => {
 							r?.({
 								shipping: {
-									fullName: u,
-									address: f,
-									city: m
+									fullName: d,
+									address: p,
+									city: h
 								},
 								payment: {
-									cardNumber: g,
-									expiry: v,
-									cvc: b
+									cardNumber: _,
+									expiry: y,
+									cvc: x
 								}
 							});
 						},
-						disabled: !g.trim() || !v.trim() || !b.trim(),
+						disabled: !_.trim() || !y.trim() || !x.trim(),
 						children: "Place order"
 					})
 				] })
@@ -2210,17 +2210,17 @@ var vn = {
 						className: z.title,
 						children: "Order summary"
 					}),
-					c.map((e, t) => /* @__PURE__ */ A(Ae, {
+					l.map((e, t) => /* @__PURE__ */ A(Ce, {
 						image: e.image,
 						imageAlt: e.imageAlt,
 						name: e.name,
 						variant: e.variant,
 						price: e.price,
 						quantity: e.quantity,
-						onQuantityChange: (e) => S(t, e),
-						onRemove: () => l((e) => e.filter((e, n) => n !== t))
+						onQuantityChange: (e) => C(t, e),
+						onRemove: () => u((e) => e.filter((e, n) => n !== t))
 					}, e.id ?? e.name)),
-					/* @__PURE__ */ A(E, {}),
+					/* @__PURE__ */ A(T, {}),
 					/* @__PURE__ */ j("div", {
 						className: z.summaryRow,
 						children: [/* @__PURE__ */ A("span", {
@@ -2228,7 +2228,7 @@ var vn = {
 							children: "Subtotal"
 						}), /* @__PURE__ */ A("span", {
 							className: z.summaryValue,
-							children: i(C)
+							children: i(ee)
 						})]
 					}),
 					/* @__PURE__ */ j("div", {
@@ -2277,7 +2277,7 @@ var vn = {
 	style: "currency",
 	currency: "USD"
 }), yr = ({ orderNumber: e, items: t, total: n, estimatedDelivery: r, onTrackOrder: i, onContinueShopping: a, formatPrice: o = vr, className: s }) => {
-	let c = !!r;
+	let l = !!r;
 	return /* @__PURE__ */ j("div", {
 		className: [B.block, s ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -2286,7 +2286,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(ft, {
 					size: 28,
-					strokeWidth: h(28)
+					strokeWidth: x(28)
 				})
 			}),
 			/* @__PURE__ */ A("h2", {
@@ -2301,7 +2301,7 @@ var vn = {
 				className: B.orderNumber,
 				children: ["Order #", e]
 			}),
-			/* @__PURE__ */ A(E, { className: B.fullWidth }),
+			/* @__PURE__ */ A(T, { className: B.fullWidth }),
 			t.map((e) => /* @__PURE__ */ j("div", {
 				className: B.itemRow,
 				children: [
@@ -2326,7 +2326,7 @@ var vn = {
 					})
 				]
 			}, e.id ?? e.name)),
-			/* @__PURE__ */ A(E, { className: B.fullWidth }),
+			/* @__PURE__ */ A(T, { className: B.fullWidth }),
 			/* @__PURE__ */ j("div", {
 				className: B.summaryRow,
 				children: [/* @__PURE__ */ A("span", {
@@ -2337,28 +2337,28 @@ var vn = {
 					children: o(n)
 				})]
 			}),
-			c && /* @__PURE__ */ j("div", {
+			l && /* @__PURE__ */ j("div", {
 				className: B.trackingRow,
 				children: [/* @__PURE__ */ A(gt, {
 					size: 24,
-					strokeWidth: h(24),
+					strokeWidth: x(24),
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ j("span", { children: ["Estimated delivery: ", r] })]
 			}),
-			c ? /* @__PURE__ */ j("div", {
+			l ? /* @__PURE__ */ j("div", {
 				className: B.buttonGroup,
-				children: [/* @__PURE__ */ A(D, {
+				children: [/* @__PURE__ */ A(c, {
 					variant: "secondary",
 					className: B.fullWidth,
 					onClick: i,
 					children: "Track order"
-				}), /* @__PURE__ */ A(D, {
+				}), /* @__PURE__ */ A(c, {
 					variant: "primary",
 					className: B.fullWidth,
 					onClick: a,
 					children: "Continue shopping"
 				})]
-			}) : /* @__PURE__ */ A(D, {
+			}) : /* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: B.fullWidth,
 				onClick: a,
@@ -2382,12 +2382,12 @@ var vn = {
 }, br = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), xr = ({ name: e, images: t, rating: n, reviewCount: r, stockQuantity: i, price: a, compareAtPrice: o, description: s, colors: c = [], sizes: u = [], defaultColor: d, defaultSize: m, minQuantity: h = 1, maxQuantity: g, defaultSaved: _ = !1, onAddToCart: v, formatPrice: y = br, className: ee }) => {
-	let [x, S] = O.useState(d ?? c.find((e) => e.available !== !1)?.label), [C, te] = O.useState(m ?? u.find((e) => e.available !== !1)?.size), [ne, re] = O.useState(h), [ae, se] = O.useState(_);
+}), xr = ({ name: t, images: n, rating: r, reviewCount: i, stockQuantity: a, price: o, compareAtPrice: s, description: l, colors: u = [], sizes: d = [], defaultColor: p, defaultSize: m, minQuantity: h = 1, maxQuantity: g, defaultSaved: _ = !1, onAddToCart: v, formatPrice: y = br, className: b }) => {
+	let [x, C] = O.useState(p ?? u.find((e) => e.available !== !1)?.label), [w, ee] = O.useState(m ?? d.find((e) => e.available !== !1)?.size), [te, ne] = O.useState(h), [re, ie] = O.useState(_);
 	return /* @__PURE__ */ j("div", {
-		className: [V.block, ee ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ A(f, {
-			images: t,
+		className: [V.block, b ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ A(oe, {
+			images: n,
 			className: V.gallery
 		}), /* @__PURE__ */ j("div", {
 			className: V.info,
@@ -2396,76 +2396,76 @@ var vn = {
 					className: V.titleRow,
 					children: [/* @__PURE__ */ A("h2", {
 						className: V.title,
-						children: e
-					}), /* @__PURE__ */ A(ie, {
-						saved: ae,
-						onToggle: se,
-						label: e
+						children: t
+					}), /* @__PURE__ */ A(S, {
+						saved: re,
+						onToggle: ie,
+						label: t
 					})]
 				}),
 				/* @__PURE__ */ j("div", {
 					className: V.ratingRow,
-					children: [/* @__PURE__ */ A(p, {
-						rating: n,
-						reviewCount: r
-					}), /* @__PURE__ */ A(l, { quantity: i })]
+					children: [/* @__PURE__ */ A(f, {
+						rating: r,
+						reviewCount: i
+					}), /* @__PURE__ */ A(Fe, { quantity: a })]
 				}),
-				/* @__PURE__ */ A(oe, {
-					price: a,
-					compareAtPrice: o,
+				/* @__PURE__ */ A(e, {
+					price: o,
+					compareAtPrice: s,
 					showBadge: !0,
 					formatPrice: y
 				}),
 				/* @__PURE__ */ A("p", {
 					className: V.description,
-					children: s
+					children: l
 				}),
-				/* @__PURE__ */ A(E, { className: V.fullWidth }),
-				c.length > 0 && /* @__PURE__ */ j("div", {
+				/* @__PURE__ */ A(T, { className: V.fullWidth }),
+				u.length > 0 && /* @__PURE__ */ j("div", {
 					className: V.labeledRow,
 					children: [/* @__PURE__ */ j("span", {
 						className: V.rowLabel,
 						children: ["Color", x ? `: ${x}` : ""]
 					}), /* @__PURE__ */ A("div", {
 						className: V.options,
-						children: c.map((e) => /* @__PURE__ */ A(b, {
+						children: u.map((e) => /* @__PURE__ */ A(ge, {
 							color: e.color,
 							label: e.label,
 							available: e.available,
 							selected: x === e.label,
-							onSelect: () => S(e.label)
+							onSelect: () => C(e.label)
 						}, e.label))
 					})]
 				}),
-				u.length > 0 && /* @__PURE__ */ j("div", {
+				d.length > 0 && /* @__PURE__ */ j("div", {
 					className: V.labeledRow,
 					children: [/* @__PURE__ */ j("span", {
 						className: V.rowLabel,
-						children: ["Size", C ? `: ${C}` : ""]
+						children: ["Size", w ? `: ${w}` : ""]
 					}), /* @__PURE__ */ A("div", {
 						className: V.options,
-						children: u.map((e) => /* @__PURE__ */ A(Ne, {
+						children: d.map((e) => /* @__PURE__ */ A(se, {
 							size: e.size,
 							available: e.available,
-							selected: C === e.size,
-							onSelect: () => te(e.size)
+							selected: w === e.size,
+							onSelect: () => ee(e.size)
 						}, e.size))
 					})]
 				}),
 				/* @__PURE__ */ j("div", {
 					className: V.actionRow,
-					children: [/* @__PURE__ */ A(Fe, {
-						quantity: ne,
-						onQuantityChange: re,
+					children: [/* @__PURE__ */ A(fe, {
+						quantity: te,
+						onQuantityChange: ne,
 						min: h,
 						max: g,
-						label: `Quantity for ${e}`
-					}), /* @__PURE__ */ A(D, {
+						label: `Quantity for ${t}`
+					}), /* @__PURE__ */ A(c, {
 						variant: "primary",
 						onClick: () => v?.({
 							color: x,
-							size: C,
-							quantity: ne
+							size: w,
+							quantity: te
 						}),
 						children: "Add to cart"
 					})]
@@ -2480,12 +2480,12 @@ var vn = {
 	count: "_count_1ngxn_27",
 	grid: "_grid_1ngxn_36",
 	card: "_card_1ngxn_46"
-}, Cr = ({ eyebrow: e = "Shop", title: t, subtitle: n, products: r, showFilterBar: i = !1, sortLabel: a = "Featured", onSortClick: o, columns: s = 4, className: c }) => {
-	let [l, u] = O.useState({}), [d, f] = O.useState({});
+}, Cr = ({ eyebrow: e = "Shop", title: t, subtitle: n, products: r, showFilterBar: i = !1, sortLabel: a = "Featured", onSortClick: o, columns: s = 4, className: l }) => {
+	let [u, d] = O.useState({}), [f, p] = O.useState({});
 	return /* @__PURE__ */ j("div", {
-		className: [Sr.block, c ?? ""].filter(Boolean).join(" "),
+		className: [Sr.block, l ?? ""].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ A(m, {
+			/* @__PURE__ */ A(Ke, {
 				eyebrow: e,
 				title: t,
 				subtitle: n,
@@ -2501,7 +2501,7 @@ var vn = {
 						" product",
 						r.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ j(D, {
+				}), /* @__PURE__ */ j(c, {
 					variant: "secondary",
 					size: "sm",
 					onClick: o,
@@ -2512,20 +2512,20 @@ var vn = {
 				className: Sr.grid,
 				style: { "--product-grid-columns": s },
 				children: r.map(({ id: e, colors: t, ...n }, r) => {
-					let i = e ?? n.name ?? String(r), a = d[i] ?? t?.find((e) => e.selected)?.label;
-					return /* @__PURE__ */ A(ae, {
+					let i = e ?? n.name ?? String(r), a = f[i] ?? t?.find((e) => e.selected)?.label;
+					return /* @__PURE__ */ A(ce, {
 						...n,
 						className: Sr.card,
 						colors: t?.map((e) => ({
 							...e,
 							selected: (e.id ?? e.label) === a
 						})),
-						onColorSelect: (e) => f((t) => ({
+						onColorSelect: (e) => p((t) => ({
 							...t,
 							[i]: e
 						})),
-						wishlisted: l[i] ?? n.wishlisted ?? !1,
-						onWishlistToggle: (e) => u((t) => ({
+						wishlisted: u[i] ?? n.wishlisted ?? !1,
+						onWishlistToggle: (e) => d((t) => ({
 							...t,
 							[i]: e
 						}))
@@ -2553,10 +2553,10 @@ var vn = {
 	style: "currency",
 	currency: "USD"
 }), Tr = ({ items: e, shippingCost: t = 0, onCheckout: n, onContinueShopping: r, formatPrice: i = wr, className: a }) => {
-	let [o, s] = O.useState(e), c = (e, t) => s((n) => n.map((n, r) => r === e ? {
+	let [o, s] = O.useState(e), l = (e, t) => s((n) => n.map((n, r) => r === e ? {
 		...n,
 		quantity: t
-	} : n)), l = (e) => s((t) => t.filter((t, n) => n !== e)), u = o.reduce((e, t) => e + t.quantity, 0), d = o.reduce((e, t) => e + t.price * t.quantity, 0), f = d + t;
+	} : n)), u = (e) => s((t) => t.filter((t, n) => n !== e)), d = o.reduce((e, t) => e + t.quantity, 0), f = o.reduce((e, t) => e + t.price * t.quantity, 0), p = f + t;
 	return o.length === 0 ? /* @__PURE__ */ j("div", {
 		className: [H.emptyBlock, a ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -2565,7 +2565,7 @@ var vn = {
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ A(un, {
 					size: 24,
-					strokeWidth: h(24)
+					strokeWidth: x(24)
 				})
 			}),
 			/* @__PURE__ */ A("p", {
@@ -2576,7 +2576,7 @@ var vn = {
 				className: H.emptySubtitle,
 				children: "Items you add will show up here."
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				onClick: r,
 				children: "Continue shopping"
@@ -2589,13 +2589,13 @@ var vn = {
 				className: H.title,
 				children: [
 					"Your cart (",
-					u,
+					d,
 					")"
 				]
 			}),
 			/* @__PURE__ */ A("div", {
 				className: H.items,
-				children: o.map((e, t) => /* @__PURE__ */ A(Ae, {
+				children: o.map((e, t) => /* @__PURE__ */ A(Ce, {
 					image: e.image,
 					imageAlt: e.imageAlt,
 					name: e.name,
@@ -2603,12 +2603,12 @@ var vn = {
 					price: e.price,
 					compareAtPrice: e.compareAtPrice,
 					quantity: e.quantity,
-					onQuantityChange: (e) => c(t, e),
-					onRemove: () => l(t),
+					onQuantityChange: (e) => l(t, e),
+					onRemove: () => u(t),
 					formatPrice: i
 				}, e.id ?? e.name))
 			}),
-			/* @__PURE__ */ A(E, { className: H.fullWidth }),
+			/* @__PURE__ */ A(T, { className: H.fullWidth }),
 			/* @__PURE__ */ j("div", {
 				className: H.summary,
 				children: [
@@ -2619,7 +2619,7 @@ var vn = {
 							children: "Subtotal"
 						}), /* @__PURE__ */ A("span", {
 							className: H.summaryValue,
-							children: i(d)
+							children: i(f)
 						})]
 					}),
 					/* @__PURE__ */ j("div", {
@@ -2639,12 +2639,12 @@ var vn = {
 							children: "Total"
 						}), /* @__PURE__ */ A("span", {
 							className: H.summaryTotalValue,
-							children: i(f)
+							children: i(p)
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				className: H.fullWidth,
 				onClick: () => n?.(o),
@@ -2764,7 +2764,7 @@ var vn = {
 		key: "status",
 		header: "Status",
 		width: "14%",
-		render: (e) => /* @__PURE__ */ A(w, {
+		render: (e) => /* @__PURE__ */ A(D, {
 			variant: Dr[e.status],
 			emphasis: "subtle",
 			children: e.status
@@ -2793,44 +2793,44 @@ var vn = {
 			children: /* @__PURE__ */ A(nt, { size: 16 })
 		})
 	}
-], kr = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
-	let [i, a] = O.useState(1), [o, s] = O.useState(e === "bulk" ? [
+], kr = ({ state: e = "default", className: t, fillPlaceholders: n }) => {
+	let [r, i] = O.useState(1), [a, o] = O.useState(e === "bulk" ? [
 		0,
 		1,
 		2
-	] : []), [c, l] = O.useState(Er), [u, d] = O.useState(["Status: Active", "Role: Admin"]);
+	] : []), [l, u] = O.useState(Er), [d, f] = O.useState(["Status: Active", "Role: Admin"]);
 	O.useEffect(() => {
-		s(e === "bulk" ? [
+		o(e === "bulk" ? [
 			0,
 			1,
 			2
 		] : []);
 	}, [e]);
-	let f = e === "filtered" ? Er.filter((e) => e.role === "Admin" && e.status === "Active") : e === "empty" || e === "error" ? [] : Er, p = o.length > 0;
+	let p = e === "filtered" ? Er.filter((e) => e.role === "Admin" && e.status === "Active") : e === "empty" || e === "error" ? [] : Er, m = a.length > 0;
 	return /* @__PURE__ */ j("div", {
 		className: [U.block, t ?? ""].filter(Boolean).join(" "),
 		children: [
-			p ? /* @__PURE__ */ j("div", {
+			m ? /* @__PURE__ */ j("div", {
 				className: U.bulkBar,
 				children: [
 					/* @__PURE__ */ j("span", {
 						className: U.bulkBar__count,
-						children: [o.length, " selected"]
+						children: [a.length, " selected"]
 					}),
 					/* @__PURE__ */ A("span", { className: U.spacer }),
-					/* @__PURE__ */ A(D, {
+					/* @__PURE__ */ A(c, {
 						variant: "secondary",
 						size: "sm",
 						leftIcon: /* @__PURE__ */ A(dt, { size: 16 }),
 						children: "Export"
 					}),
-					/* @__PURE__ */ A(D, {
+					/* @__PURE__ */ A(c, {
 						variant: "secondary",
 						size: "sm",
 						leftIcon: /* @__PURE__ */ A(Et, { size: 16 }),
 						children: "Assign"
 					}),
-					/* @__PURE__ */ A(D, {
+					/* @__PURE__ */ A(c, {
 						variant: "destructive",
 						size: "sm",
 						leftIcon: /* @__PURE__ */ A(Ct, { size: 16 }),
@@ -2843,34 +2843,34 @@ var vn = {
 					className: U.toolbar__left,
 					children: [/* @__PURE__ */ A("div", {
 						className: U.search,
-						children: /* @__PURE__ */ A(x, {
+						children: /* @__PURE__ */ A(w, {
 							size: "md",
 							leadingIcon: /* @__PURE__ */ A(mt, { size: 16 }),
 							placeholder: e === "filtered" ? "admin" : "Search members…",
 							defaultValue: e === "filtered" ? "admin" : void 0
 						})
-					}), e === "filtered" || e === "empty" ? /* @__PURE__ */ j(k, { children: [u.map((e) => /* @__PURE__ */ A(n, {
+					}), e === "filtered" || e === "empty" ? /* @__PURE__ */ j(k, { children: [d.map((e) => /* @__PURE__ */ A(te, {
 						type: "active",
-						onRemove: () => d((t) => t.filter((t) => t !== e)),
+						onRemove: () => f((t) => t.filter((t) => t !== e)),
 						children: e
-					}, e)), /* @__PURE__ */ A(n, {
+					}, e)), /* @__PURE__ */ A(te, {
 						type: "add",
 						children: "Add filter"
-					})] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(n, {
+					})] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(te, {
 						type: "default",
 						children: "Status"
-					}), /* @__PURE__ */ A(n, {
+					}), /* @__PURE__ */ A(te, {
 						type: "add",
 						children: "Add filter"
 					})] })]
 				}), /* @__PURE__ */ j("div", {
 					className: U.toolbar__right,
-					children: [/* @__PURE__ */ A(D, {
+					children: [/* @__PURE__ */ A(c, {
 						variant: "secondary",
 						size: "sm",
 						leftIcon: /* @__PURE__ */ A(jt, { size: 16 }),
 						children: "Columns"
-					}), /* @__PURE__ */ A(D, {
+					}), /* @__PURE__ */ A(c, {
 						variant: "primary",
 						size: "sm",
 						leftIcon: /* @__PURE__ */ A($e, { size: 16 }),
@@ -2883,32 +2883,32 @@ var vn = {
 				children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ j("div", {
 					className: U.skeletonRow,
 					children: [
-						/* @__PURE__ */ A(T, {
+						/* @__PURE__ */ A(E, {
 							variant: "rect",
 							width: 16,
 							height: 16
 						}),
-						/* @__PURE__ */ A(T, {
+						/* @__PURE__ */ A(E, {
 							variant: "text",
 							width: 150,
 							height: 12
 						}),
-						/* @__PURE__ */ A(T, {
+						/* @__PURE__ */ A(E, {
 							variant: "text",
 							width: 190,
 							height: 12
 						}),
-						/* @__PURE__ */ A(T, {
+						/* @__PURE__ */ A(E, {
 							variant: "text",
 							width: 90,
 							height: 12
 						}),
-						/* @__PURE__ */ A(T, {
+						/* @__PURE__ */ A(E, {
 							variant: "text",
 							width: 120,
 							height: 12
 						}),
-						/* @__PURE__ */ A(T, {
+						/* @__PURE__ */ A(E, {
 							variant: "text",
 							width: 70,
 							height: 12
@@ -2917,49 +2917,49 @@ var vn = {
 				}, t))
 			}) : e === "empty" ? /* @__PURE__ */ A("div", {
 				className: U.panel,
-				children: /* @__PURE__ */ A(Ve, { type: "no-results" })
+				children: /* @__PURE__ */ A(s, { type: "no-results" })
 			}) : e === "error" ? /* @__PURE__ */ A("div", {
 				className: U.panel,
-				children: /* @__PURE__ */ A(Ve, {
+				children: /* @__PURE__ */ A(s, {
 					type: "error",
 					actionLabel: "Try again",
 					onAction: () => {}
 				})
-			}) : r ? /* @__PURE__ */ j("div", {
+			}) : n ? /* @__PURE__ */ j("div", {
 				className: U.tableShell,
-				children: [/* @__PURE__ */ A(xe, {
+				children: [/* @__PURE__ */ A(Se, {
 					columns: Or,
-					rows: e === "filtered" ? f : c,
+					rows: e === "filtered" ? p : l,
 					selectable: !0,
-					selectedRows: o,
-					onSelectionChange: s,
+					selectedRows: a,
+					onSelectionChange: o,
 					rowKey: (e) => e.email,
 					reorderable: e === "default",
-					onReorder: l,
+					onReorder: u,
 					bordered: !1
 				}), /* @__PURE__ */ A("div", {
 					className: U.tableFiller,
 					"aria-hidden": "true"
 				})]
-			}) : /* @__PURE__ */ A(xe, {
+			}) : /* @__PURE__ */ A(Se, {
 				columns: Or,
-				rows: e === "filtered" ? f : c,
+				rows: e === "filtered" ? p : l,
 				selectable: !0,
-				selectedRows: o,
-				onSelectionChange: s,
+				selectedRows: a,
+				onSelectionChange: o,
 				rowKey: (e) => e.email,
 				reorderable: e === "default",
-				onReorder: l
+				onReorder: u
 			}),
 			/* @__PURE__ */ j("div", {
 				className: U.footer,
 				children: [/* @__PURE__ */ A("span", {
 					className: U.footer__count,
-					children: e === "loading" ? "Loading members…" : e === "error" ? "—" : f.length === 0 ? `Showing 0 of ${Er.length} members` : p ? `${o.length} of ${Er.length} members selected` : `Showing 1–${f.length} of ${Er.length} members`
-				}), /* @__PURE__ */ A(_e, {
+					children: e === "loading" ? "Loading members…" : e === "error" ? "—" : p.length === 0 ? `Showing 0 of ${Er.length} members` : m ? `${a.length} of ${Er.length} members selected` : `Showing 1–${p.length} of ${Er.length} members`
+				}), /* @__PURE__ */ A(ye, {
 					total: e === "filtered" ? 1 : 5,
-					page: i,
-					onPageChange: a
+					page: r,
+					onPageChange: i
 				})]
 			})
 		]
@@ -3598,7 +3598,7 @@ var zr = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAA
 					className: W.column__title,
 					children: e
 				}),
-				/* @__PURE__ */ A(w, {
+				/* @__PURE__ */ A(D, {
 					variant: "neutral",
 					emphasis: "subtle",
 					children: String(n)
@@ -3627,17 +3627,17 @@ var zr = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAA
 			}) : r === "loading" ? Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ j("div", {
 				className: W.cardSkeleton,
 				children: [
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "text",
 						width: 180,
 						height: 12
 					}),
-					/* @__PURE__ */ A(T, {
+					/* @__PURE__ */ A(E, {
 						variant: "text",
 						width: "100%",
 						height: 10
 					}),
-					t !== 2 && /* @__PURE__ */ A(T, {
+					t !== 2 && /* @__PURE__ */ A(E, {
 						variant: "text",
 						width: 120,
 						height: 10
@@ -3657,38 +3657,38 @@ var zr = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAA
 			}), "Add task"]
 		})
 	]
-}), ii = (t, n, r, a) => /* @__PURE__ */ A("div", {
-	className: a ? W.draggable : void 0,
-	...a ?? {},
-	children: /* @__PURE__ */ A(y, {
-		type: t.compact ? "compact" : "default",
-		state: r === "dragging" ? "dragging" : "default",
-		leading: /* @__PURE__ */ A(i, {}),
-		title: t.title,
+}), ii = (e, t, n, r) => /* @__PURE__ */ A("div", {
+	className: r ? W.draggable : void 0,
+	...r ?? {},
+	children: /* @__PURE__ */ A(d, {
+		type: e.compact ? "compact" : "default",
+		state: n === "dragging" ? "dragging" : "default",
+		leading: /* @__PURE__ */ A(Te, {}),
+		title: e.title,
 		trailing: /* @__PURE__ */ A(Ot, {
 			size: 14,
 			color: "var(--color-warning-fg)"
 		}),
-		description: t.description,
-		tags: t.tags.map((e) => /* @__PURE__ */ A(w, {
+		description: e.description,
+		tags: e.tags.map((e) => /* @__PURE__ */ A(D, {
 			variant: e.variant,
 			emphasis: "subtle",
 			children: e.label
 		}, e.label)),
-		meta: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(e, {
+		meta: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(h, {
 			icon: /* @__PURE__ */ A(bt, { size: 13 }),
-			children: t.due
-		}), t.comments != null && /* @__PURE__ */ A(e, {
+			children: e.due
+		}), e.comments != null && /* @__PURE__ */ A(h, {
 			icon: /* @__PURE__ */ A(At, { size: 13 }),
-			children: String(t.comments)
+			children: String(e.comments)
 		})] }),
-		assignees: /* @__PURE__ */ A(ne, {
+		assignees: /* @__PURE__ */ A(re, {
 			size: "sm",
 			max: 3,
-			avatars: t.assignees
+			avatars: e.assignees
 		})
 	})
-}, n), ai = O.forwardRef(({ task: e, height: t, className: n, style: r, ...i }, a) => /* @__PURE__ */ j("div", {
+}, t), ai = O.forwardRef(({ task: e, height: t, className: n, style: r, ...i }, a) => /* @__PURE__ */ j("div", {
 	ref: a,
 	className: [W.slot, n ?? ""].filter(Boolean).join(" "),
 	style: {
@@ -3712,19 +3712,19 @@ var zr = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAA
 	})]
 }));
 ai.displayName = "DropSlot";
-var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
-	let [i, a] = O.useState(ni), o = Rr({
+var oi = ({ state: e = "default", className: t, fillPlaceholders: n }) => {
+	let [r, i] = O.useState(ni), a = Rr({
 		enabled: e === "default",
-		onMove: (e, t) => a((n) => {
+		onMove: (e, t) => i((n) => {
 			let r = n.map((e) => ({
 				...e,
 				tasks: [...e.tasks]
 			})), [i] = r[e.col].tasks.splice(e.index, 1);
 			return i && r[t.col].tasks.splice(t.index, 0, i), r;
 		})
-	}), s = o.active ? i[o.active.from.col]?.tasks[o.active.from.index] : void 0, c = e === "default" ? i : ni;
+	}), o = a.active ? r[a.active.from.col]?.tasks[a.active.from.index] : void 0, s = e === "default" ? r : ni;
 	return /* @__PURE__ */ j("div", {
-		ref: o.blockRef,
+		ref: a.blockRef,
 		className: [W.block, t ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ j("div", {
@@ -3735,17 +3735,17 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 						children: [
 							/* @__PURE__ */ A("div", {
 								className: W.search,
-								children: /* @__PURE__ */ A(x, {
+								children: /* @__PURE__ */ A(w, {
 									size: "md",
 									leadingIcon: /* @__PURE__ */ A(mt, { size: 16 }),
 									placeholder: "Search tasks"
 								})
 							}),
-							/* @__PURE__ */ A(n, {
+							/* @__PURE__ */ A(te, {
 								type: "default",
 								children: "Assignee"
 							}),
-							/* @__PURE__ */ A(n, {
+							/* @__PURE__ */ A(te, {
 								type: "add",
 								children: "Add filter"
 							})
@@ -3754,12 +3754,12 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 					/* @__PURE__ */ A("span", { className: W.spacer }),
 					/* @__PURE__ */ j("div", {
 						className: W.toolbar__right,
-						children: [/* @__PURE__ */ A(D, {
+						children: [/* @__PURE__ */ A(c, {
 							variant: "secondary",
 							size: "md",
 							leftIcon: /* @__PURE__ */ A(it, { size: 16 }),
 							children: "Sort"
-						}), /* @__PURE__ */ A(D, {
+						}), /* @__PURE__ */ A(c, {
 							variant: "primary",
 							size: "md",
 							leftIcon: /* @__PURE__ */ A($e, { size: 16 }),
@@ -3769,49 +3769,49 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 				]
 			}),
 			/* @__PURE__ */ A("div", {
-				ref: o.boardRef,
-				className: [W.columns, r ? W["columns--fill"] : ""].filter(Boolean).join(" "),
-				children: c.map((t, n) => {
-					let i = e === "empty-column" && n === 2, a = e === "loading" ? "loading" : i ? "empty" : "default";
+				ref: a.boardRef,
+				className: [W.columns, n ? W["columns--fill"] : ""].filter(Boolean).join(" "),
+				children: s.map((t, r) => {
+					let i = e === "empty-column" && r === 2, s = e === "loading" ? "loading" : i ? "empty" : "default";
 					return /* @__PURE__ */ A(ri, {
-						isTarget: !!o.active && o.target?.col === n && o.target.col !== o.active.from.col,
-						bodyRef: o.columnRef(n),
+						isTarget: !!a.active && a.target?.col === r && a.target.col !== a.active.from.col,
+						bodyRef: a.columnRef(r),
 						title: t.title,
 						dot: t.dot,
 						count: e === "loading" ? "—" : i ? 0 : t.tasks.length,
-						variant: a,
-						fillPlaceholders: r,
+						variant: s,
+						fillPlaceholders: n,
 						children: (() => {
-							let r = o.active, i = t.tasks.map((e, t) => ({
+							let n = a.active, i = t.tasks.map((e, t) => ({
 								task: e,
 								i: t
-							})).filter(({ i: e }) => !(r && r.from.col === n && r.from.index === e)).map(({ task: r, i }) => e === "dragging" && n === 1 && i === t.tasks.length - 1 ? /* @__PURE__ */ j("div", {
+							})).filter(({ i: e }) => !(n && n.from.col === r && n.from.index === e)).map(({ task: n, i }) => e === "dragging" && r === 1 && i === t.tasks.length - 1 ? /* @__PURE__ */ j("div", {
 								className: W.draggedWrap,
-								children: [/* @__PURE__ */ A(ai, { task: r }), /* @__PURE__ */ A("div", {
+								children: [/* @__PURE__ */ A(ai, { task: n }), /* @__PURE__ */ A("div", {
 									className: W.draggedCard,
-									children: ii(r, `${r.id}-drag`, "dragging")
+									children: ii(n, `${n.id}-drag`, "dragging")
 								})]
-							}, r.id) : ii(r, r.id, "default", o.cardProps({
-								col: n,
+							}, n.id) : ii(n, n.id, "default", a.cardProps({
+								col: r,
 								index: i
-							}, r.id)));
-							return r && o.target?.col === n && i.splice(o.target.index, 0, s && /* @__PURE__ */ A(ai, {
-								task: s,
-								height: r.height,
+							}, n.id)));
+							return n && a.target?.col === r && i.splice(a.target.index, 0, o && /* @__PURE__ */ A(ai, {
+								task: o,
+								height: n.height,
 								className: W["slot--live"],
 								"data-kanban-slot": "",
-								"data-flip-id": `slot-${n}`
+								"data-flip-id": `slot-${r}`
 							}, "slot")), i;
 						})()
 					}, t.title);
 				})
 			}),
-			o.active && s && /* @__PURE__ */ A("div", {
-				ref: o.overlayRef,
+			a.active && o && /* @__PURE__ */ A("div", {
+				ref: a.overlayRef,
 				className: W.overlay,
-				style: { width: o.active.width },
+				style: { width: a.active.width },
 				"aria-hidden": "true",
-				children: ii(s, "overlay")
+				children: ii(o, "overlay")
 			})
 		]
 	});
@@ -3958,23 +3958,23 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 		preview: "v1.1.0 deployed to production",
 		state: "muted"
 	}
-], li = ({ state: e = "default", className: t }) => {
-	let n = e !== "default", r = e !== "empty", [i, a] = O.useState(0), s = g(), c = g(), [l, u] = O.useState(""), [d, f] = O.useState([]), [p, m] = O.useState([]), h = ci[i];
+], li = ({ state: e = "default", className: n }) => {
+	let i = e !== "default", a = e !== "empty", [o, c] = O.useState(0), u = l(), d = l(), [f, p] = O.useState(""), [m, h] = O.useState([]), [g, _] = O.useState([]), v = ci[o];
 	O.useEffect(() => {
-		let e = `chat_messages_${i}`, t = localStorage.getItem(e);
+		let e = `chat_messages_${o}`, t = localStorage.getItem(e);
 		if (t) try {
-			f(JSON.parse(t));
+			h(JSON.parse(t));
 		} catch (e) {
-			console.error("Failed to parse stored messages:", e), f([]);
+			console.error("Failed to parse stored messages:", e), h([]);
 		}
-		else if (i === 0) {
+		else if (o === 0) {
 			let t = [
 				{
 					id: "1",
 					type: "received",
 					text: "Can you review the latest flow when you get a chance?",
 					timestamp: "12:04",
-					authorInitials: h.initials
+					authorInitials: v.initials
 				},
 				{
 					id: "2",
@@ -3987,79 +3987,79 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 					type: "received",
 					text: "Latest board attached",
 					timestamp: "12:09",
-					authorInitials: h.initials
+					authorInitials: v.initials
 				}
 			];
-			f(t), localStorage.setItem(e, JSON.stringify(t));
-		} else f([]);
-		u(""), m([]);
-	}, [i, h.initials]);
-	let v = () => {
-		if (l.trim() || p.length > 0) {
+			h(t), localStorage.setItem(e, JSON.stringify(t));
+		} else h([]);
+		p(""), _([]);
+	}, [o, v.initials]);
+	let b = () => {
+		if (f.trim() || g.length > 0) {
 			let e = /* @__PURE__ */ new Date(), t = `${e.getHours().toString().padStart(2, "0")}:${e.getMinutes().toString().padStart(2, "0")}`, n = {
 				id: `msg_${Date.now()}`,
 				type: "sent",
-				text: l,
+				text: f,
 				timestamp: t,
-				attachments: p.length > 0 ? p : void 0
-			}, r = [...d, n];
-			f(r);
-			let a = `chat_messages_${i}`;
-			localStorage.setItem(a, JSON.stringify(r)), u(""), m([]);
+				attachments: g.length > 0 ? g : void 0
+			}, r = [...m, n];
+			h(r);
+			let i = `chat_messages_${o}`;
+			localStorage.setItem(i, JSON.stringify(r)), p(""), _([]);
 		}
 	};
 	return /* @__PURE__ */ j("div", {
-		className: [K.block, t ?? ""].filter(Boolean).join(" "),
+		className: [K.block, n ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ j("aside", {
-			ref: s.ref,
-			...s.groupProps,
-			className: [K.nav, n ? K["nav--collapsed"] : ""].filter(Boolean).join(" "),
+			ref: u.ref,
+			...u.groupProps,
+			className: [K.nav, i ? K["nav--collapsed"] : ""].filter(Boolean).join(" "),
 			children: [
-				s.highlight,
-				/* @__PURE__ */ A(Re, {
+				u.highlight,
+				/* @__PURE__ */ A(Be, {
 					type: "brand-toggle",
 					title: "Sakani",
 					subtitle: "Workspace",
-					logo: /* @__PURE__ */ A(ee, {}),
-					collapsed: n
+					logo: /* @__PURE__ */ A(r, {}),
+					collapsed: i
 				}),
 				/* @__PURE__ */ j("div", {
 					className: K.nav__body,
-					children: [!n && /* @__PURE__ */ A(x, {
+					children: [!i && /* @__PURE__ */ A(w, {
 						size: "sm",
 						leadingIcon: /* @__PURE__ */ A(mt, { size: 16 }),
 						placeholder: "Search"
-					}), si.filter((e) => !n || e.items.some((e) => e.icon)).map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A(E, {}), /* @__PURE__ */ j("div", {
+					}), si.filter((e) => !i || e.items.some((e) => e.icon)).map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A(T, {}), /* @__PURE__ */ j("div", {
 						className: K.nav__group,
-						children: [!n && /* @__PURE__ */ A(fe, { children: e.label }), e.items.map((e) => e.icon ? /* @__PURE__ */ A(Te, {
+						children: [!i && /* @__PURE__ */ A(me, { children: e.label }), e.items.map((e) => e.icon ? /* @__PURE__ */ A(De, {
 							icon: e.icon,
 							label: e.label,
 							active: e.active,
-							badge: n ? void 0 : e.badge,
-							collapsed: n
-						}, e.label) : /* @__PURE__ */ A(Ie, {
+							badge: i ? void 0 : e.badge,
+							collapsed: i
+						}, e.label) : /* @__PURE__ */ A(Le, {
 							label: e.label,
 							active: e.active
 						}, e.label))]
 					})] }, e.label))]
 				}),
-				/* @__PURE__ */ A(E, {}),
+				/* @__PURE__ */ A(T, {}),
 				/* @__PURE__ */ j("div", {
 					className: K.nav__footer,
-					children: [/* @__PURE__ */ A(Te, {
+					children: [/* @__PURE__ */ A(De, {
 						icon: yt,
 						label: "Settings",
-						collapsed: n
-					}), /* @__PURE__ */ A(Te, {
+						collapsed: i
+					}), /* @__PURE__ */ A(De, {
 						icon: Nt,
 						label: "Contact support",
-						collapsed: n
+						collapsed: i
 					})]
 				})
 			]
 		}), /* @__PURE__ */ j("div", {
 			className: K.main,
-			children: [/* @__PURE__ */ A(Le, {
+			children: [/* @__PURE__ */ A(ze, {
 				className: K.appBar,
 				type: "minimal",
 				density: "sm",
@@ -4078,14 +4078,14 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 				children: /* @__PURE__ */ j("div", {
 					className: K.panes,
 					children: [/* @__PURE__ */ j("div", {
-						ref: c.ref,
-						...c.groupProps,
+						ref: d.ref,
+						...d.groupProps,
 						className: K.list,
 						children: [
-							c.highlight,
+							d.highlight,
 							/* @__PURE__ */ A("div", {
 								className: K.headerRow__filter,
-								children: /* @__PURE__ */ A(ye, {
+								children: /* @__PURE__ */ A(xe, {
 									fullWidth: !0,
 									defaultValue: "all",
 									options: [
@@ -4106,14 +4106,14 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 							}),
 							/* @__PURE__ */ A("div", {
 								className: K.list__search,
-								children: /* @__PURE__ */ A(x, {
+								children: /* @__PURE__ */ A(w, {
 									size: "sm",
 									leadingIcon: /* @__PURE__ */ A(mt, { size: 16 }),
 									placeholder: "Search conversations"
 								})
 							}),
 							ci.map((t, n) => /* @__PURE__ */ A("button", {
-								onClick: () => a(n),
+								onClick: () => c(n),
 								style: {
 									background: "none",
 									border: "none",
@@ -4121,8 +4121,8 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 									cursor: "pointer",
 									padding: 0
 								},
-								children: /* @__PURE__ */ A(o, {
-									state: i === n ? "active" : e === "empty" && t.state === "active" ? "default" : t.state,
+								children: /* @__PURE__ */ A(y, {
+									state: o === n ? "active" : e === "empty" && t.state === "active" ? "default" : t.state,
 									avatar: /* @__PURE__ */ A(we, {
 										size: "md",
 										initials: t.initials
@@ -4136,19 +4136,19 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 						]
 					}), /* @__PURE__ */ j("div", {
 						className: K.chatColumn,
-						children: [r && /* @__PURE__ */ A("div", {
+						children: [a && /* @__PURE__ */ A("div", {
 							className: K.headerRow,
 							children: /* @__PURE__ */ A("div", {
 								className: K.headerRow__chat,
-								children: /* @__PURE__ */ A(Le, {
+								children: /* @__PURE__ */ A(ze, {
 									type: "chat",
 									density: "sm",
 									avatar: /* @__PURE__ */ A(we, {
 										size: "md",
-										initials: h.initials
+										initials: v.initials
 									}),
-									title: h.name,
-									subtitle: h.state === "typing" ? "Typing..." : "Active now",
+									title: v.name,
+									subtitle: v.state === "typing" ? "Typing..." : "Active now",
 									actions: /* @__PURE__ */ j(k, { children: [
 										/* @__PURE__ */ A("button", {
 											type: "button",
@@ -4176,29 +4176,29 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 							})
 						}), /* @__PURE__ */ A("div", {
 							className: K.chat,
-							children: r ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+							children: a ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
 								className: K.thread,
 								children: [
 									/* @__PURE__ */ j("div", {
 										className: K.dateRow,
 										children: [
-											/* @__PURE__ */ A(E, {}),
-											/* @__PURE__ */ A(se, {
+											/* @__PURE__ */ A(T, {}),
+											/* @__PURE__ */ A(le, {
 												type: "system",
 												children: "Today"
 											}),
-											/* @__PURE__ */ A(E, {})
+											/* @__PURE__ */ A(T, {})
 										]
 									}),
-									d.map((e) => /* @__PURE__ */ A("div", {
+									m.map((e) => /* @__PURE__ */ A("div", {
 										className: e.type === "sent" ? [K.msgRow, K["msgRow--sent"]].join(" ") : K.msgRow,
-										children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A(se, {
+										children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A(le, {
 											type: e.type,
 											avatar: e.type === "received" ? /* @__PURE__ */ A(we, {
 												size: "sm",
-												initials: e.authorInitials || h.initials
+												initials: e.authorInitials || v.initials
 											}) : void 0,
-											authorName: e.type === "received" ? e.authorInitials === h.initials ? h.name : "User" : void 0,
+											authorName: e.type === "received" ? e.authorInitials === v.initials ? v.name : "User" : void 0,
 											timestamp: e.timestamp,
 											read: e.type === "sent",
 											children: e.text
@@ -4251,11 +4251,11 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 											}, t))
 										})] })
 									}, e.id)),
-									h.state === "typing" && /* @__PURE__ */ A("div", {
+									v.state === "typing" && /* @__PURE__ */ A("div", {
 										className: K.msgRow,
 										children: /* @__PURE__ */ j("div", {
 											className: K.typing,
-											"aria-label": `${h.name} is typing`,
+											"aria-label": `${v.name} is typing`,
 											children: [
 												/* @__PURE__ */ A("span", {}),
 												/* @__PURE__ */ A("span", {}),
@@ -4264,15 +4264,15 @@ var oi = ({ state: e = "default", className: t, fillPlaceholders: r }) => {
 										})
 									})
 								]
-							}), /* @__PURE__ */ A(_, {
-								placeholder: `Message ${h.name}...`,
-								value: l,
-								onChange: u,
-								onSend: v,
-								onAttachmentsChange: m
+							}), /* @__PURE__ */ A(t, {
+								placeholder: `Message ${v.name}...`,
+								value: f,
+								onChange: p,
+								onSend: b,
+								onAttachmentsChange: _
 							})] }) : /* @__PURE__ */ A("div", {
 								className: K.chatEmpty,
-								children: /* @__PURE__ */ A(Ve, {
+								children: /* @__PURE__ */ A(s, {
 									type: "no-data",
 									title: "No conversation selected",
 									description: "Choose a conversation from the list to start reading."
@@ -4585,10 +4585,10 @@ function bi({ isOpen: e, children: t }) {
 	});
 }
 function xi(e) {
-	return /* @__PURE__ */ A(ke, {
+	return /* @__PURE__ */ A(Ae, {
 		title: e.label,
 		pointer: "center-right",
-		children: /* @__PURE__ */ A(Te, {
+		children: /* @__PURE__ */ A(De, {
 			...e,
 			nativeTooltip: !1
 		})
@@ -4654,7 +4654,7 @@ var Si = [
 	"owner",
 	"country"
 ], Ti = ({ className: e, fillPlaceholders: t }) => {
-	let [r, a] = O.useState("leads"), [o, s] = O.useState("active"), [c, l] = O.useState(""), [u, d] = O.useState([]), [f, p] = O.useState(1), [m, h] = O.useState(new Set(pi)), [g, _] = O.useState(/* @__PURE__ */ new Set()), [v, y] = O.useState(new Set(wi)), b = (e) => y((t) => ye(t, e)), [S, te] = O.useState(7e4), [ne, re] = O.useState(!1), ie = O.useRef(null), [ae, oe] = O.useState(!1);
+	let [n, i] = O.useState("leads"), [a, s] = O.useState("active"), [l, u] = O.useState(""), [d, f] = O.useState([]), [p, m] = O.useState(1), [h, g] = O.useState(new Set(pi)), [v, y] = O.useState(/* @__PURE__ */ new Set()), [b, x] = O.useState(new Set(wi)), S = (e) => x((t) => ve(t, e)), [C, ee] = O.useState(7e4), [ne, re] = O.useState(!1), ie = O.useRef(null), [ae, oe] = O.useState(!1);
 	O.useEffect(() => {
 		let e = ie.current;
 		if (!e) return;
@@ -4678,7 +4678,7 @@ var Si = [
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let me = O.useRef(!1), ge = (e) => {
+	let me = O.useRef(!1), he = (e) => {
 		e.preventDefault();
 		let t = de.current;
 		if (!t) return;
@@ -4690,9 +4690,9 @@ var Si = [
 			document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", o);
 		};
 		document.addEventListener("pointermove", a), document.addEventListener("pointerup", o);
-	}, ve = () => {
+	}, ge = () => {
 		me.current || ce(!0);
-	}, ye = (e, t) => {
+	}, ve = (e, t) => {
 		let n = new Set(e);
 		return n.has(t) ? n.delete(t) : n.add(t), n;
 	}, be = O.useMemo(() => [
@@ -4736,7 +4736,7 @@ var Si = [
 			key: "status",
 			header: "Status",
 			width: "12%",
-			render: (e) => /* @__PURE__ */ A(w, {
+			render: (e) => /* @__PURE__ */ A(D, {
 				variant: di[e.status],
 				emphasis: "subtle",
 				leftIcon: /* @__PURE__ */ A(Xt, {
@@ -4751,7 +4751,7 @@ var Si = [
 			key: "source",
 			header: "Source",
 			width: "9%",
-			render: (e) => /* @__PURE__ */ A(w, {
+			render: (e) => /* @__PURE__ */ A(D, {
 				variant: "neutral",
 				emphasis: "subtle",
 				children: e.source
@@ -4797,10 +4797,10 @@ var Si = [
 				children: e.nextFollowUp
 			})
 		}
-	], []), Ce = O.useMemo(() => ui.filter((e) => {
-		if (m.size && !m.has(e.status) || g.size && !g.has(e.source)) return !1;
-		if (c) {
-			let t = c.toLowerCase();
+	], []), xe = O.useMemo(() => ui.filter((e) => {
+		if (h.size && !h.has(e.status) || v.size && !v.has(e.source)) return !1;
+		if (l) {
+			let t = l.toLowerCase();
 			if (![
 				e.company,
 				e.contact,
@@ -4809,9 +4809,9 @@ var Si = [
 		}
 		return !0;
 	}), [
-		m,
-		g,
-		c
+		h,
+		v,
+		l
 	]);
 	return /* @__PURE__ */ j("div", {
 		ref: ie,
@@ -4819,23 +4819,23 @@ var Si = [
 		children: [
 			/* @__PURE__ */ A("div", {
 				className: q.rail,
-				children: /* @__PURE__ */ j(Me, {
+				children: /* @__PURE__ */ j(Ne, {
 					collapsed: !0,
 					children: [
-						/* @__PURE__ */ A(ke, {
+						/* @__PURE__ */ A(Ae, {
 							title: "Sakani",
 							pointer: "center-right",
-							children: /* @__PURE__ */ A(Re, {
+							children: /* @__PURE__ */ A(Be, {
 								type: "brand",
 								title: "Sakani",
-								logo: /* @__PURE__ */ A(ee, {}),
+								logo: /* @__PURE__ */ A(r, {}),
 								collapsed: !0
 							})
 						}),
-						/* @__PURE__ */ A(he, {}),
+						/* @__PURE__ */ A(_e, {}),
 						/* @__PURE__ */ A("div", {
 							className: q.navScroll,
-							children: Si.slice(0, 2).map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A(he, {}), /* @__PURE__ */ A("div", {
+							children: Si.slice(0, 2).map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A(_e, {}), /* @__PURE__ */ A("div", {
 								className: q.navGroup,
 								children: e.map((e) => /* @__PURE__ */ A(xi, {
 									collapsed: !0,
@@ -4845,7 +4845,7 @@ var Si = [
 								}, e.label))
 							})] }, t))
 						}),
-						/* @__PURE__ */ A(he, {}),
+						/* @__PURE__ */ A(_e, {}),
 						/* @__PURE__ */ A("div", {
 							className: q.navGroup,
 							children: Si[2].map((e) => /* @__PURE__ */ A(xi, {
@@ -4854,7 +4854,7 @@ var Si = [
 								label: e.label
 							}, e.label))
 						}),
-						/* @__PURE__ */ A(he, {})
+						/* @__PURE__ */ A(_e, {})
 					]
 				})
 			}),
@@ -4870,18 +4870,18 @@ var Si = [
 					role: "dialog",
 					"aria-label": "Navigation",
 					"aria-hidden": !ne,
-					children: /* @__PURE__ */ j(Me, { children: [
-						/* @__PURE__ */ A(Re, {
+					children: /* @__PURE__ */ j(Ne, { children: [
+						/* @__PURE__ */ A(Be, {
 							type: "brand",
 							title: "Sakani",
-							logo: /* @__PURE__ */ A(ee, {})
+							logo: /* @__PURE__ */ A(r, {})
 						}),
-						/* @__PURE__ */ A(he, {}),
+						/* @__PURE__ */ A(_e, {}),
 						/* @__PURE__ */ A("div", {
 							className: q.navScroll,
-							children: Si.map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A(he, {}), /* @__PURE__ */ A("div", {
+							children: Si.map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A(_e, {}), /* @__PURE__ */ A("div", {
 								className: q.drawerGroup,
-								children: e.map((e) => /* @__PURE__ */ A(Te, {
+								children: e.map((e) => /* @__PURE__ */ A(De, {
 									icon: e.icon,
 									label: e.label,
 									active: e.active,
@@ -4895,7 +4895,7 @@ var Si = [
 			/* @__PURE__ */ j("div", {
 				className: q.main,
 				children: [
-					/* @__PURE__ */ A(Le, {
+					/* @__PURE__ */ A(ze, {
 						type: "breadcrumb",
 						density: "sm",
 						showToggle: !0,
@@ -4903,7 +4903,7 @@ var Si = [
 						onToggle: () => re((e) => !e),
 						showActions: !0,
 						hasUnread: !0,
-						left: /* @__PURE__ */ A(Se, { items: [
+						left: /* @__PURE__ */ A(_, { items: [
 							{
 								label: "Database",
 								href: "#"
@@ -4921,9 +4921,9 @@ var Si = [
 					}),
 					/* @__PURE__ */ A("div", {
 						className: q.tabsBar,
-						children: /* @__PURE__ */ A(Pe, {
-							value: r,
-							onChange: a,
+						children: /* @__PURE__ */ A(Ie, {
+							value: n,
+							onChange: i,
 							items: [
 								{
 									value: "leads",
@@ -4960,7 +4960,7 @@ var Si = [
 										children: [/* @__PURE__ */ A("h2", {
 											className: q.filtersTitle,
 											children: "Filter"
-										}), /* @__PURE__ */ A(C, {
+										}), /* @__PURE__ */ A(o, {
 											size: "sm",
 											variant: "outline",
 											icon: lt,
@@ -4971,11 +4971,11 @@ var Si = [
 								}),
 								/* @__PURE__ */ A("div", {
 									className: q.filterTabs,
-									children: /* @__PURE__ */ A(Pe, {
+									children: /* @__PURE__ */ A(Ie, {
 										className: q.filterSegmented,
 										bordered: !1,
 										fill: !0,
-										value: o,
+										value: a,
 										onChange: s,
 										items: [
 											{
@@ -4993,78 +4993,78 @@ var Si = [
 										]
 									})
 								}),
-								o === "active" ? /* @__PURE__ */ j("div", {
+								a === "active" ? /* @__PURE__ */ j("div", {
 									className: q.filtersScroll,
 									children: [
 										/* @__PURE__ */ j("section", {
 											className: q.group,
 											children: [/* @__PURE__ */ A(yi, {
 												title: "Lead status",
-												isOpen: v.has("status"),
-												onToggle: () => b("status")
+												isOpen: b.has("status"),
+												onToggle: () => S("status")
 											}), /* @__PURE__ */ A(bi, {
-												isOpen: v.has("status"),
+												isOpen: b.has("status"),
 												children: /* @__PURE__ */ A("div", {
 													className: q.checkGrid,
-													children: pi.map((e) => /* @__PURE__ */ A(i, {
+													children: pi.map((e) => /* @__PURE__ */ A(Te, {
 														className: fi[e],
 														label: e,
-														checked: m.has(e),
-														onChange: () => h((t) => ye(t, e))
+														checked: h.has(e),
+														onChange: () => g((t) => ve(t, e))
 													}, e))
 												})
 											})]
 										}),
-										/* @__PURE__ */ A(E, {}),
+										/* @__PURE__ */ A(T, {}),
 										/* @__PURE__ */ j("section", {
 											className: q.group,
 											children: [/* @__PURE__ */ A(yi, {
 												title: "Lead source",
-												isOpen: v.has("source"),
-												onToggle: () => b("source")
+												isOpen: b.has("source"),
+												onToggle: () => S("source")
 											}), /* @__PURE__ */ A(bi, {
-												isOpen: v.has("source"),
+												isOpen: b.has("source"),
 												children: /* @__PURE__ */ A("div", {
 													className: q.checkGrid,
-													children: mi.map((e) => /* @__PURE__ */ A(i, {
+													children: mi.map((e) => /* @__PURE__ */ A(Te, {
 														label: e,
-														checked: g.has(e),
-														onChange: () => _((t) => ye(t, e))
+														checked: v.has(e),
+														onChange: () => y((t) => ve(t, e))
 													}, e))
 												})
 											})]
 										}),
-										/* @__PURE__ */ A(E, {}),
+										/* @__PURE__ */ A(T, {}),
 										/* @__PURE__ */ j("section", {
 											className: q.group,
 											children: [/* @__PURE__ */ A(yi, {
 												title: "Industry",
-												isOpen: v.has("industry"),
-												onToggle: () => b("industry")
+												isOpen: b.has("industry"),
+												onToggle: () => S("industry")
 											}), /* @__PURE__ */ A(bi, {
-												isOpen: v.has("industry"),
-												children: /* @__PURE__ */ A(De, {
+												isOpen: b.has("industry"),
+												children: /* @__PURE__ */ A(Oe, {
 													placeholder: "Select industry",
 													options: hi
 												})
 											})]
 										}),
-										/* @__PURE__ */ A(E, {}),
+										/* @__PURE__ */ A(T, {}),
 										/* @__PURE__ */ j("section", {
 											className: q.group,
 											children: [/* @__PURE__ */ A(yi, {
 												title: "Deal value",
-												isOpen: v.has("dealValue"),
-												onToggle: () => b("dealValue")
+												isOpen: b.has("dealValue"),
+												onToggle: () => S("dealValue")
 											}), /* @__PURE__ */ A(bi, {
-												isOpen: v.has("dealValue"),
+												isOpen: b.has("dealValue"),
 												children: /* @__PURE__ */ j("div", {
 													className: q.dealValueGroup,
-													children: [/* @__PURE__ */ A(je, {
+													children: [/* @__PURE__ */ A(Me, {
 														min: 0,
 														max: 1e5,
-														value: S,
-														onChange: (e) => te(Number(e.target.value)),
+														value: C,
+														onChange: (e) => ee(Number(e.target.value)),
 														"aria-label": "Deal value"
 													}), /* @__PURE__ */ j("div", {
 														className: q.rangeRow,
@@ -5075,22 +5075,22 @@ var Si = [
 														}), /* @__PURE__ */ A("div", {
 															className: q.rangeLabel,
 															"aria-label": "Maximum deal value",
-															children: Ci(S)
+															children: Ci(C)
 														})]
 													})]
 												})
 											})]
 										}),
-										/* @__PURE__ */ A(E, {}),
+										/* @__PURE__ */ A(T, {}),
 										/* @__PURE__ */ j("section", {
 											className: q.group,
 											children: [/* @__PURE__ */ A(yi, {
 												title: "Owner",
-												isOpen: v.has("owner"),
-												onToggle: () => b("owner")
+												isOpen: b.has("owner"),
+												onToggle: () => S("owner")
 											}), /* @__PURE__ */ A(bi, {
-												isOpen: v.has("owner"),
-												children: /* @__PURE__ */ A(De, {
+												isOpen: b.has("owner"),
+												children: /* @__PURE__ */ A(Oe, {
 													placeholder: "Select owner",
 													options: gi
 												})
@@ -5100,11 +5100,11 @@ var Si = [
 											className: q.group,
 											children: [/* @__PURE__ */ A(yi, {
 												title: "Country",
-												isOpen: v.has("country"),
-												onToggle: () => b("country")
+												isOpen: b.has("country"),
+												onToggle: () => S("country")
 											}), /* @__PURE__ */ A(bi, {
-												isOpen: v.has("country"),
-												children: /* @__PURE__ */ A(De, {
+												isOpen: b.has("country"),
+												children: /* @__PURE__ */ A(Oe, {
 													placeholder: "Select country",
 													options: _i
 												})
@@ -5115,11 +5115,11 @@ var Si = [
 									className: q.filtersScroll,
 									children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ j("div", {
 										className: q.filterSkeletonGroup,
-										children: [/* @__PURE__ */ A(T, {
+										children: [/* @__PURE__ */ A(E, {
 											variant: "text",
 											width: 90,
 											height: 14
-										}), /* @__PURE__ */ A(T, {
+										}), /* @__PURE__ */ A(E, {
 											variant: "rect",
 											width: "100%",
 											height: 32
@@ -5131,15 +5131,15 @@ var Si = [
 							className: q.tableRegion,
 							ref: de,
 							children: [
-								!se && /* @__PURE__ */ A(C, {
+								!se && /* @__PURE__ */ A(o, {
 									size: "sm",
 									variant: "outline",
 									icon: $t,
 									"aria-label": "Show filter panel",
 									className: q.filtersReopen,
 									style: { top: le },
-									onPointerDown: ge,
-									onClick: ve
+									onPointerDown: he,
+									onClick: ge
 								}),
 								/* @__PURE__ */ j("div", {
 									className: q.toolbar,
@@ -5147,33 +5147,33 @@ var Si = [
 										className: q.toolbarLeft,
 										children: [/* @__PURE__ */ A("div", {
 											className: q.searchField,
-											children: /* @__PURE__ */ A(x, {
+											children: /* @__PURE__ */ A(w, {
 												size: "sm",
 												placeholder: "Search customers, email, phone...",
 												leadingIcon: /* @__PURE__ */ A(mt, { size: 16 }),
-												value: c,
-												onChange: (e) => l(e.target.value)
+												value: l,
+												onChange: (e) => u(e.target.value)
 											})
-										}), /* @__PURE__ */ A(n, {
+										}), /* @__PURE__ */ A(te, {
 											type: "add",
 											children: "Add filter"
 										})]
 									}), /* @__PURE__ */ j("div", {
 										className: q.toolbarRight,
 										children: [
-											/* @__PURE__ */ A(D, {
+											/* @__PURE__ */ A(c, {
 												variant: "ghost",
 												size: "sm",
 												rightIcon: /* @__PURE__ */ A(qe, { size: 16 }),
 												children: "Assign owner"
 											}),
-											/* @__PURE__ */ A(D, {
+											/* @__PURE__ */ A(c, {
 												variant: "ghost",
 												size: "sm",
 												rightIcon: /* @__PURE__ */ A(qe, { size: 16 }),
 												children: "Change status"
 											}),
-											/* @__PURE__ */ A(D, {
+											/* @__PURE__ */ A(c, {
 												variant: "ghost",
 												size: "sm",
 												rightIcon: /* @__PURE__ */ A(qe, { size: 16 }),
@@ -5182,44 +5182,44 @@ var Si = [
 										]
 									})]
 								}),
-								r === "leads" ? t ? /* @__PURE__ */ j("div", {
+								n === "leads" ? t ? /* @__PURE__ */ j("div", {
 									className: q.tableShell,
-									children: [/* @__PURE__ */ A(xe, {
+									children: [/* @__PURE__ */ A(Se, {
 										columns: be,
-										rows: Ce,
+										rows: xe,
 										selectable: !0,
-										selectedRows: u,
-										onSelectionChange: d,
+										selectedRows: d,
+										onSelectionChange: f,
 										rowKey: (e) => e.email,
 										bordered: !1
 									}), /* @__PURE__ */ A("div", {
 										className: q.tableFiller,
 										"aria-hidden": "true"
 									})]
-								}) : /* @__PURE__ */ A(xe, {
+								}) : /* @__PURE__ */ A(Se, {
 									columns: be,
-									rows: Ce,
+									rows: xe,
 									selectable: !0,
-									selectedRows: u,
-									onSelectionChange: d,
+									selectedRows: d,
+									onSelectionChange: f,
 									rowKey: (e) => e.email,
 									responsive: fe ? "stacked" : "default"
 								}) : /* @__PURE__ */ A("div", {
 									className: q.panel,
 									children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ j("div", {
 										className: q.skeletonRow,
-										children: [/* @__PURE__ */ A(T, {
+										children: [/* @__PURE__ */ A(E, {
 											variant: "rect",
 											width: 16,
 											height: 16
 										}), be.map((e) => /* @__PURE__ */ j("span", {
 											className: q.skeletonCell,
 											style: { width: e.width },
-											children: [(e.key === "company" || e.key === "contact" || e.key === "owner") && /* @__PURE__ */ A(T, {
+											children: [(e.key === "company" || e.key === "contact" || e.key === "owner") && /* @__PURE__ */ A(E, {
 												variant: "circle",
 												width: 24,
 												height: 24
-											}), /* @__PURE__ */ A(T, {
+											}), /* @__PURE__ */ A(E, {
 												variant: "text",
 												width: "60%",
 												height: 12
@@ -5231,11 +5231,11 @@ var Si = [
 									className: q.footer,
 									children: [/* @__PURE__ */ A("p", {
 										className: q.footerText,
-										children: r === "leads" ? `Showing 1–${Ce.length} of ${Ce.length} leads` : `Loading ${vi[r]}…`
-									}), /* @__PURE__ */ A(_e, {
+										children: n === "leads" ? `Showing 1–${xe.length} of ${xe.length} leads` : `Loading ${vi[n]}…`
+									}), /* @__PURE__ */ A(ye, {
 										total: 10,
-										page: f,
-										onPageChange: p
+										page: p,
+										onPageChange: m
 									})]
 								})
 							]
@@ -5251,7 +5251,7 @@ var Si = [
 	"rail-tip-in": "_rail-tip-in_h2vi2_1",
 	caret: "_caret_h2vi2_21"
 }, Di = ({ title: e, children: t }) => {
-	let n = hn(null), [r, i] = gn(null), a = Ge(n, !!r), o = fn(() => {
+	let n = hn(null), [r, i] = gn(null), a = We(n, !!r), o = fn(() => {
 		let e = n.current?.getBoundingClientRect();
 		e && i({
 			top: e.top + e.height / 2,
@@ -5386,7 +5386,7 @@ function Ni({ colorIndex: e, label: t, value: n }) {
 				className: Mi.label,
 				children: t
 			}),
-			/* @__PURE__ */ A(w, {
+			/* @__PURE__ */ A(D, {
 				variant: "neutral",
 				emphasis: "subtle",
 				children: n
@@ -5405,25 +5405,25 @@ var Pi = {
 	"6 months"
 ];
 function Ii({ defaultValue: e = "6 months", options: t = Fi, formatLabel: n = (e) => `Last ${e}`, onChange: r, variant: i = "ghost" }) {
-	let [a, o] = gn(e), [s, c] = gn(!1), l = hn(null);
+	let [a, o] = gn(e), [s, l] = gn(!1), u = hn(null);
 	pn(() => {
 		if (!s) return;
 		let e = (e) => {
-			l.current && !l.current.contains(e.target) && c(!1);
+			u.current && !u.current.contains(e.target) && l(!1);
 		}, t = (e) => {
-			e.key === "Escape" && c(!1);
+			e.key === "Escape" && l(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
 	}, [s]);
-	let u = (e) => {
-		o(e), c(!1), r?.(e);
+	let d = (e) => {
+		o(e), l(!1), r?.(e);
 	};
 	return /* @__PURE__ */ j("div", {
 		className: Pi.root,
-		ref: l,
-		children: [/* @__PURE__ */ A(D, {
+		ref: u,
+		children: [/* @__PURE__ */ A(c, {
 			variant: i,
 			size: "sm",
 			className: Pi.trigger,
@@ -5433,15 +5433,15 @@ function Ii({ defaultValue: e = "6 months", options: t = Fi, formatLabel: n = (e
 			}),
 			"aria-haspopup": "menu",
 			"aria-expanded": s,
-			onClick: () => c((e) => !e),
+			onClick: () => l((e) => !e),
 			children: n(a)
 		}), s && /* @__PURE__ */ A("div", {
 			className: Pi.menu,
-			children: /* @__PURE__ */ A(We, {
+			children: /* @__PURE__ */ A(Ge, {
 				"aria-label": "Select time range",
-				children: t.map((e) => /* @__PURE__ */ A(Be, {
+				children: t.map((e) => /* @__PURE__ */ A(Ve, {
 					state: e === a ? "checked" : "default",
-					onSelect: () => u(e),
+					onSelect: () => d(e),
 					children: n(e)
 				}, e))
 			})
@@ -5733,33 +5733,33 @@ var J = {
 	}
 ];
 function qi({ people: e = {} }) {
-	let [t, n] = gn(Vi), [r, i] = gn(Hi), [a, o] = gn(Ui);
+	let [t, n] = gn(Vi), [r, i] = gn(Hi), [o, s] = gn(Ui);
 	return /* @__PURE__ */ j(k, { children: [
 		/* @__PURE__ */ j("div", {
 			className: J.kpiRow,
 			children: [
-				/* @__PURE__ */ A(ce, {
+				/* @__PURE__ */ A(de, {
 					title: "Total revenue",
 					value: "$2,483,920",
 					delta: "18.2%",
 					trend: "up",
 					description: "vs last month"
 				}),
-				/* @__PURE__ */ A(ce, {
+				/* @__PURE__ */ A(de, {
 					title: "Net profit",
 					value: "$712,480",
 					delta: "12.2%",
 					trend: "up",
 					description: "vs last month"
 				}),
-				/* @__PURE__ */ A(ce, {
+				/* @__PURE__ */ A(de, {
 					title: "Orders today",
 					value: "18,432",
 					delta: "9.8%",
 					trend: "up",
 					description: "vs last month"
 				}),
-				/* @__PURE__ */ A(ce, {
+				/* @__PURE__ */ A(de, {
 					title: "Active customers",
 					value: "24,981",
 					delta: "1.5%",
@@ -5775,7 +5775,7 @@ function qi({ people: e = {} }) {
 					title: "Revenue trend",
 					description: "Track monthly revenue growth and identify\nsales trends.",
 					className: J.panelCanvas,
-					actions: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(w, {
+					actions: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(D, {
 						variant: "success",
 						emphasis: "subtle",
 						leftIcon: /* @__PURE__ */ A(et, {
@@ -5786,7 +5786,7 @@ function qi({ people: e = {} }) {
 					}), /* @__PURE__ */ A(Ii, { onChange: () => n(Ri()) })] }),
 					children: /* @__PURE__ */ A("div", {
 						className: J.chartH176,
-						children: /* @__PURE__ */ A(le, {
+						children: /* @__PURE__ */ A(Re, {
 							data: t.map((e) => ({
 								label: e.label,
 								value: e.revenue
@@ -5817,7 +5817,7 @@ function qi({ people: e = {} }) {
 					}), /* @__PURE__ */ A(Ii, { onChange: () => i(zi()) })] }),
 					children: /* @__PURE__ */ A("div", {
 						className: J.chartH176,
-						children: /* @__PURE__ */ A(He, {
+						children: /* @__PURE__ */ A(Ue, {
 							data: r,
 							series: ["Acquisition", "Retention"],
 							size: "sm"
@@ -5828,7 +5828,7 @@ function qi({ people: e = {} }) {
 					title: "Sales channel",
 					description: "Compare revenue contribution across your primary sales channels.",
 					className: J.panelCanvas,
-					actions: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(w, {
+					actions: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(D, {
 						variant: "success",
 						emphasis: "subtle",
 						leftIcon: /* @__PURE__ */ A(et, {
@@ -5845,22 +5845,22 @@ function qi({ people: e = {} }) {
 							"This year"
 						],
 						formatLabel: (e) => e,
-						onChange: () => o(Bi(Ui))
+						onChange: () => s(Bi(Ui))
 					})] }),
 					children: /* @__PURE__ */ j("div", {
 						className: J.chartLegendRow,
 						children: [/* @__PURE__ */ A("div", {
 							className: J.chartFixed,
 							style: { width: 160 },
-							children: /* @__PURE__ */ A(S, {
-								data: a,
+							children: /* @__PURE__ */ A(a, {
+								data: o,
 								size: "sm",
 								centerValue: "$2.44M",
 								centerCaption: "of revenue"
 							})
 						}), /* @__PURE__ */ A("div", {
 							className: J.legendList,
-							children: a.map((e, t) => /* @__PURE__ */ A(Ni, {
+							children: o.map((e, t) => /* @__PURE__ */ A(Ni, {
 								colorIndex: t + 1,
 								label: e.label,
 								value: `${e.value}%`
@@ -5875,7 +5875,7 @@ function qi({ people: e = {} }) {
 			children: [/* @__PURE__ */ A(ji, {
 				title: "Recent orders",
 				description: "Track recent customer purchases and order progress.",
-				actions: /* @__PURE__ */ A(D, {
+				actions: /* @__PURE__ */ A(c, {
 					variant: "outline",
 					size: "sm",
 					children: "View all"
@@ -5884,7 +5884,7 @@ function qi({ people: e = {} }) {
 				className: J.spanTwo,
 				children: /* @__PURE__ */ A("div", {
 					className: J.panelScroll,
-					children: /* @__PURE__ */ A(xe, {
+					children: /* @__PURE__ */ A(Se, {
 						columns: [
 							{
 								key: "order",
@@ -5906,7 +5906,7 @@ function qi({ people: e = {} }) {
 							{
 								key: "status",
 								header: "Status",
-								render: (e) => /* @__PURE__ */ A(w, {
+								render: (e) => /* @__PURE__ */ A(D, {
 									variant: Gi[e.status],
 									emphasis: "subtle",
 									children: e.status
@@ -5928,7 +5928,7 @@ function qi({ people: e = {} }) {
 						return /* @__PURE__ */ j("div", {
 							className: J.activityRow,
 							children: [
-								t.avatarGroup ? /* @__PURE__ */ A(ne, {
+								t.avatarGroup ? /* @__PURE__ */ A(re, {
 									size: "sm",
 									avatars: t.avatarGroup.map((t) => ({
 										src: e[t.person] ?? "",
@@ -6065,7 +6065,7 @@ var Ji = dn(qi), Y = {
 		let e = a.current, t = o.current;
 		if (!e) return;
 		let n = Math.min(.26, Math.abs(t.v) / 3200);
-		e.style.transform = `translate3d(${c.current.x}px, ${t.y}px, 0) scale(${t.sx * (1 - n * .22)}, ${t.sy * (1 + n)})`, ve();
+		e.style.transform = `translate3d(${c.current.x}px, ${t.y}px, 0) scale(${t.sx * (1 - n * .22)}, ${t.sy * (1 + n)})`, He();
 	}, d = (e) => {
 		let t = o.current, n = s.current, r = Math.min(1 / 30, (e - (t.last || e)) / 1e3) || 1 / 60;
 		t.last = e;
@@ -6100,28 +6100,28 @@ var Ji = dn(qi), Y = {
 		},
 		children: i
 	});
-}, Qi = ({ backgroundImage: e, accountAvatar: t, people: n, className: r }) => {
-	let [i, a] = gn(!1), o = hn(null), s = hn(!1);
+}, Qi = ({ backgroundImage: e, accountAvatar: t, people: n, className: i }) => {
+	let [a, o] = gn(!1), s = hn(null), c = hn(!1);
 	mn(() => {
-		let e = o.current;
+		let e = s.current;
 		if (!e) return;
 		let t = () => {
-			s.current || a(e.clientWidth < Xi);
+			c.current || o(e.clientWidth < Xi);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let [c, l] = gn("Dashboard"), [u, d] = gn(null), [f, p] = gn(!1), [m, h] = gn({
+	let [l, u] = gn("Dashboard"), [d, f] = gn(null), [p, m] = gn(!1), [h, g] = gn({
 		active: null,
 		hover: null,
 		hoverGlide: !1
-	}), [g, _] = gn(!1), v = hn(null), y = hn(/* @__PURE__ */ new Map()), b = u && u !== c ? u : null, x = hn(null);
-	b && (x.current = b);
-	let S = x.current, C = hn(null), te = (e) => {
-		let t = e ? y.current.get(e) : null;
+	}), [_, v] = gn(!1), y = hn(null), b = hn(/* @__PURE__ */ new Map()), x = d && d !== l ? d : null, S = hn(null);
+	x && (S.current = x);
+	let C = S.current, w = hn(null), ee = (e) => {
+		let t = e ? b.current.get(e) : null;
 		if (!t) return null;
-		let n = i ? t.querySelector("button, a, [role=\"button\"]") : null, r = v.current;
+		let n = a ? t.querySelector("button, a, [role=\"button\"]") : null, r = y.current;
 		if (n && r) {
 			let e = n.getBoundingClientRect(), t = r.getBoundingClientRect();
 			return {
@@ -6137,42 +6137,42 @@ var Ji = dn(qi), Y = {
 			w: t.offsetWidth,
 			h: t.offsetHeight
 		};
-	}, ne = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y && e.w === t.w && e.h === t.h, re = fn(() => {
+	}, te = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y && e.w === t.w && e.h === t.h, ne = fn(() => {
 		let e = {
-			active: te(c),
-			hover: te(S)
-		}, t = C.current !== null && b !== null;
-		h((n) => ne(n.active, e.active) && ne(n.hover, e.hover) && n.hoverGlide === t ? n : {
+			active: ee(l),
+			hover: ee(C)
+		}, t = w.current !== null && x !== null;
+		g((n) => te(n.active, e.active) && te(n.hover, e.hover) && n.hoverGlide === t ? n : {
 			...e,
 			hoverGlide: t
 		});
 	}, [
-		c,
-		S,
-		b,
-		i
+		l,
+		C,
+		x,
+		a
 	]);
 	return mn(() => {
-		re(), C.current = b;
-		let e = v.current;
+		ne(), w.current = x;
+		let e = y.current;
 		if (!e) return;
-		let t = new ResizeObserver(re);
+		let t = new ResizeObserver(ne);
 		return t.observe(e), () => t.disconnect();
 	}, [
-		re,
-		b,
-		i
+		ne,
+		x,
+		a
 	]), mn(() => {
-		if (m.active && !g) {
-			let e = requestAnimationFrame(() => _(!0));
+		if (h.active && !_) {
+			let e = requestAnimationFrame(() => v(!0));
 			return () => cancelAnimationFrame(e);
 		}
-	}, [m.active, g]), /* @__PURE__ */ j(Oe, {
-		ref: o,
+	}, [h.active, _]), /* @__PURE__ */ j(be, {
+		ref: s,
 		src: e,
 		veil: "var(--liquid-overlay-tint)",
-		className: [Y.root, r ?? ""].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ A(be, {
+		className: [Y.root, i ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ A(ue, {
 			variant: "regular",
 			tint: "none",
 			radius: 0,
@@ -6181,84 +6181,84 @@ var Ji = dn(qi), Y = {
 			className: Y.shell,
 			children: [/* @__PURE__ */ A("div", {
 				"data-surface": "liquid",
-				className: `${Y.sidebarWrap} ${i ? "" : Y.expanded}`,
-				onTransitionEnd: re,
-				children: /* @__PURE__ */ j(Me, {
-					collapsed: i,
+				className: `${Y.sidebarWrap} ${a ? "" : Y.expanded}`,
+				onTransitionEnd: ne,
+				children: /* @__PURE__ */ j(Ne, {
+					collapsed: a,
 					children: [
 						/* @__PURE__ */ A("div", {
 							"data-on-photo": !0,
-							children: /* @__PURE__ */ A(Re, {
+							children: /* @__PURE__ */ A(Be, {
 								type: "brand-toggle",
 								title: "csakani",
 								subtitle: "Workspace",
-								logo: /* @__PURE__ */ A(ee, {}),
-								collapsed: i,
+								logo: /* @__PURE__ */ A(r, {}),
+								collapsed: a,
 								onToggle: () => {
-									s.current = !0, a((e) => !e);
+									c.current = !0, o((e) => !e);
 								},
-								toggleIcon: i ? tn : Kt
+								toggleIcon: a ? tn : Kt
 							})
 						}),
 						/* @__PURE__ */ j("div", {
-							ref: v,
+							ref: y,
 							className: Y.navScroll,
 							onPointerLeave: () => {
-								d(null), p(!1);
+								f(null), m(!1);
 							},
-							onPointerDown: () => p(!0),
-							onPointerUp: () => p(!1),
-							onPointerCancel: () => p(!1),
-							onBlur: () => d(null),
+							onPointerDown: () => m(!0),
+							onPointerUp: () => m(!1),
+							onPointerCancel: () => m(!1),
+							onBlur: () => f(null),
 							children: [
-								m.active && /* @__PURE__ */ A(Zi, {
-									box: m.active,
-									glide: g,
-									pressed: f && b === null,
+								h.active && /* @__PURE__ */ A(Zi, {
+									box: h.active,
+									glide: _,
+									pressed: p && x === null,
 									className: Y.lens,
-									children: /* @__PURE__ */ A(be, {
+									children: /* @__PURE__ */ A(ue, {
 										variant: "clear",
 										radius: 6,
 										className: Y.lensGlass
 									})
 								}),
-								m.hover && /* @__PURE__ */ A(Zi, {
-									box: m.hover,
-									glide: m.hoverGlide,
-									pressed: f && !!b,
+								h.hover && /* @__PURE__ */ A(Zi, {
+									box: h.hover,
+									glide: h.hoverGlide,
+									pressed: p && !!x,
 									className: [
 										Y.lens,
 										Y.lensHover,
-										b ? Y.lensHoverOn : ""
+										x ? Y.lensHoverOn : ""
 									].filter(Boolean).join(" "),
-									children: /* @__PURE__ */ A(be, {
+									children: /* @__PURE__ */ A(ue, {
 										variant: "clear",
 										radius: 6,
 										className: `${Y.lensGlass} ${Y.lensGlassHover}`
 									})
 								}),
 								Yi.map((e) => /* @__PURE__ */ j("div", {
-									className: `${Y.navGroup} ${i ? Y.navGroupCollapsed : ""}`,
-									children: [!i && /* @__PURE__ */ A("div", {
+									className: `${Y.navGroup} ${a ? Y.navGroupCollapsed : ""}`,
+									children: [!a && /* @__PURE__ */ A("div", {
 										className: Y.groupLabel,
-										children: /* @__PURE__ */ A(fe, { children: e.label })
+										children: /* @__PURE__ */ A(me, { children: e.label })
 									}), e.items.map((e) => {
-										let t = /* @__PURE__ */ A(Te, {
+										let t = /* @__PURE__ */ A(De, {
 											icon: e.icon,
 											label: e.label,
-											active: e.label === c,
-											collapsed: i,
-											nativeTooltip: !i,
-											onClick: () => l(e.label)
+											active: e.label === l,
+											collapsed: a,
+											nativeTooltip: !a,
+											onClick: () => u(e.label)
 										});
 										return /* @__PURE__ */ A("div", {
 											ref: (t) => {
-												t ? y.current.set(e.label, t) : y.current.delete(e.label);
+												t ? b.current.set(e.label, t) : b.current.delete(e.label);
 											},
-											className: `${Y.navItem} ${i ? Y.navItemCollapsed : ""}`,
-											onPointerEnter: () => d(e.label),
-											onFocus: () => d(e.label),
-											children: i ? /* @__PURE__ */ A(Di, {
+											className: `${Y.navItem} ${a ? Y.navItemCollapsed : ""}`,
+											onPointerEnter: () => f(e.label),
+											onFocus: () => f(e.label),
+											children: a ? /* @__PURE__ */ A(Di, {
 												title: e.label,
 												children: t
 											}) : t
@@ -6267,14 +6267,14 @@ var Ji = dn(qi), Y = {
 								}, e.label))
 							]
 						}),
-						!i && /* @__PURE__ */ A("div", {
+						!a && /* @__PURE__ */ A("div", {
 							className: Y.promoWrap,
 							"data-on-photo": !0,
-							children: /* @__PURE__ */ A(be, {
+							children: /* @__PURE__ */ A(ue, {
 								variant: "clear",
 								tint: "subtle",
 								radius: 16,
-								children: /* @__PURE__ */ A(de, {
+								children: /* @__PURE__ */ A(pe, {
 									title: "Upgrade to Pro",
 									description: "Unlock unlimited projects and advanced analytics.",
 									ctaLabel: "Upgrade"
@@ -6288,7 +6288,7 @@ var Ji = dn(qi), Y = {
 				children: [/* @__PURE__ */ A("div", {
 					"data-surface": "liquid",
 					"data-on-photo": !0,
-					children: /* @__PURE__ */ A(Le, {
+					children: /* @__PURE__ */ A(ze, {
 						type: "minimal",
 						showToggle: !1,
 						left: /* @__PURE__ */ j("div", {
@@ -6314,7 +6314,7 @@ var Ji = dn(qi), Y = {
 					})
 				}), /* @__PURE__ */ A("div", {
 					className: Y.panelWrap,
-					children: /* @__PURE__ */ A(be, {
+					children: /* @__PURE__ */ A(ue, {
 						variant: "regular",
 						radius: 24,
 						className: Y.panel,
@@ -6336,14 +6336,14 @@ var Ji = dn(qi), Y = {
 }, ea = ({ eyebrow: e = "Blog", title: t, subtitle: n, featuredPost: r, posts: i, className: a }) => /* @__PURE__ */ j("div", {
 	className: [$i.block, a ?? ""].filter(Boolean).join(" "),
 	children: [
-		/* @__PURE__ */ A(m, {
+		/* @__PURE__ */ A(Ke, {
 			eyebrow: e,
 			title: t,
 			subtitle: n,
 			align: "left",
 			className: $i.heading
 		}),
-		/* @__PURE__ */ A(te, {
+		/* @__PURE__ */ A(u, {
 			image: r.image,
 			imageAlt: r.imageAlt,
 			title: r.title,
@@ -6356,7 +6356,7 @@ var Ji = dn(qi), Y = {
 		}),
 		/* @__PURE__ */ A("div", {
 			className: $i.grid,
-			children: i.map((e, t) => /* @__PURE__ */ A(re, {
+			children: i.map((e, t) => /* @__PURE__ */ A(p, {
 				image: e.image,
 				imageAlt: e.imageAlt,
 				category: e.category,
@@ -6377,7 +6377,7 @@ var Ji = dn(qi), Y = {
 	rowDivider: "_rowDivider_1aed4_38"
 }, na = ({ eyebrow: e = "Careers", title: t, subtitle: n, jobs: r, className: i }) => /* @__PURE__ */ j("div", {
 	className: [ta.block, i ?? ""].filter(Boolean).join(" "),
-	children: [/* @__PURE__ */ A(m, {
+	children: [/* @__PURE__ */ A(Ke, {
 		eyebrow: e,
 		title: t,
 		subtitle: n,
@@ -6385,7 +6385,7 @@ var Ji = dn(qi), Y = {
 		className: ta.heading
 	}), /* @__PURE__ */ A("div", {
 		className: ta.list,
-		children: r.map(({ id: e, ...t }, n) => /* @__PURE__ */ A(Ke, {
+		children: r.map(({ id: e, ...t }, n) => /* @__PURE__ */ A(ie, {
 			...t,
 			layout: "row",
 			className: [ta.row, n > 0 ? ta.rowDivider : ""].filter(Boolean).join(" ")
@@ -6431,12 +6431,12 @@ var Ji = dn(qi), Y = {
 				}),
 				/* @__PURE__ */ j("div", {
 					className: ra.ctaRow,
-					children: [/* @__PURE__ */ A(D, {
+					children: [/* @__PURE__ */ A(c, {
 						variant: s ? "secondary" : "primary",
 						size: "lg",
 						onClick: n.onClick,
 						children: n.label
-					}), r && /* @__PURE__ */ A(D, {
+					}), r && /* @__PURE__ */ A(c, {
 						variant: "secondary",
 						size: "lg",
 						onClick: r.onClick,
@@ -6461,7 +6461,7 @@ var Ji = dn(qi), Y = {
 		children: e.map((e, t) => /* @__PURE__ */ j("div", {
 			className: oa.feature,
 			children: [
-				/* @__PURE__ */ A(u, {
+				/* @__PURE__ */ A(ae, {
 					icon: e.icon,
 					size: "md",
 					variant: "light"
@@ -6575,24 +6575,24 @@ var Ji = dn(qi), Y = {
 		fill: "currentColor",
 		d: "M12 0.296997C5.37 0.296997 0 5.667 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.667 18.627 0.296997 12 0.296997Z"
 	})
-}), fa = ({ eyebrow: e, title: t, description: n, primaryAction: r, secondaryAction: i, secondaryActionIcon: a = !1, image: o, imageAlt: s, revealImage: c, caption: l, layout: u = "centered", className: d }) => {
-	let f = u === "split", p = /* @__PURE__ */ j("div", {
+}), fa = ({ eyebrow: e, title: t, description: n, primaryAction: r, secondaryAction: i, secondaryActionIcon: a = !1, image: o, imageAlt: s, revealImage: l, caption: u, layout: d = "centered", className: f }) => {
+	let p = d === "split", m = /* @__PURE__ */ j("div", {
 		className: ua.ctaRow,
-		children: [/* @__PURE__ */ A(D, {
+		children: [/* @__PURE__ */ A(c, {
 			variant: "primary",
 			size: "lg",
 			onClick: r.onClick,
 			children: r.label
-		}), i && /* @__PURE__ */ A(D, {
+		}), i && /* @__PURE__ */ A(c, {
 			variant: "secondary",
 			size: "lg",
 			onClick: i.onClick,
 			leftIcon: a ? /* @__PURE__ */ A(da, {}) : void 0,
 			children: i.label
 		})]
-	}), m = (e) => c ? /* @__PURE__ */ A(la, {
+	}), h = (e) => l ? /* @__PURE__ */ A(la, {
 		frontSrc: o,
-		backSrc: c,
+		backSrc: l,
 		alt: s,
 		className: e
 	}) : /* @__PURE__ */ A("img", {
@@ -6600,14 +6600,14 @@ var Ji = dn(qi), Y = {
 		alt: s ?? "",
 		className: e
 	});
-	return f ? /* @__PURE__ */ A("div", {
-		className: [ua.block, d ?? ""].filter(Boolean).join(" "),
+	return p ? /* @__PURE__ */ A("div", {
+		className: [ua.block, f ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ j("div", {
 			className: ua.row,
 			children: [/* @__PURE__ */ j("div", {
 				className: ua.content,
 				children: [
-					e && /* @__PURE__ */ A(w, {
+					e && /* @__PURE__ */ A(D, {
 						variant: "accent",
 						emphasis: "subtle",
 						children: e
@@ -6620,18 +6620,18 @@ var Ji = dn(qi), Y = {
 						className: ua.descriptionSplit,
 						children: n
 					}),
-					p
+					m
 				]
-			}), m(ua.imageSplit)]
+			}), h(ua.imageSplit)]
 		})
 	}) : /* @__PURE__ */ j("div", {
 		className: [
 			ua.block,
 			ua.blockCentered,
-			d ?? ""
+			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [
-			e && /* @__PURE__ */ A(w, {
+			e && /* @__PURE__ */ A(D, {
 				variant: "accent",
 				emphasis: "subtle",
 				children: e
@@ -6644,11 +6644,11 @@ var Ji = dn(qi), Y = {
 				className: ua.descriptionCentered,
 				children: n
 			}),
-			p,
-			m(ua.imageCentered),
-			l && /* @__PURE__ */ A("p", {
+			m,
+			h(ua.imageCentered),
+			u && /* @__PURE__ */ A("p", {
 				className: ua.caption,
-				children: l
+				children: u
 			})
 		]
 	});
@@ -6810,7 +6810,7 @@ var Ji = dn(qi), Y = {
 		children: [/* @__PURE__ */ j("div", {
 			className: X.header,
 			children: [
-				e && /* @__PURE__ */ A(w, {
+				e && /* @__PURE__ */ A(D, {
 					variant: "accent",
 					emphasis: "solid",
 					children: e
@@ -6833,7 +6833,7 @@ var Ji = dn(qi), Y = {
 					a ? X.planFixed : ""
 				].filter(Boolean).join(" "),
 				children: [
-					e.highlighted && /* @__PURE__ */ A(w, {
+					e.highlighted && /* @__PURE__ */ A(D, {
 						variant: "accent",
 						emphasis: "subtle",
 						children: e.badgeLabel ?? "Most popular"
@@ -6856,20 +6856,20 @@ var Ji = dn(qi), Y = {
 						className: X.description,
 						children: e.description
 					}),
-					/* @__PURE__ */ A(D, {
+					/* @__PURE__ */ A(c, {
 						variant: e.highlighted ? "primary" : "outline",
 						className: X.fullWidth,
 						onClick: e.onCtaClick,
 						children: e.ctaLabel
 					}),
-					/* @__PURE__ */ A(E, { className: X.fullWidth }),
+					/* @__PURE__ */ A(T, { className: X.fullWidth }),
 					/* @__PURE__ */ A("div", {
 						className: X.features,
 						children: e.features.map((e, t) => /* @__PURE__ */ j("div", {
 							className: X.featureRow,
 							children: [/* @__PURE__ */ A(Qe, {
 								size: 24,
-								strokeWidth: h(24),
+								strokeWidth: x(24),
 								className: X.featureIcon,
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ A("p", {
@@ -6889,7 +6889,7 @@ var Ji = dn(qi), Y = {
 	card: "_card_1luja_33"
 }, Oa = ({ eyebrow: e = "Team", title: t, subtitle: n, members: r, className: i }) => /* @__PURE__ */ j("div", {
 	className: [Da.block, i ?? ""].filter(Boolean).join(" "),
-	children: [/* @__PURE__ */ A(m, {
+	children: [/* @__PURE__ */ A(Ke, {
 		eyebrow: e,
 		title: t,
 		subtitle: n,
@@ -6897,7 +6897,7 @@ var Ji = dn(qi), Y = {
 		className: Da.heading
 	}), /* @__PURE__ */ A("div", {
 		className: Da.grid,
-		children: r.map(({ id: e, ...t }, n) => /* @__PURE__ */ A(d, {
+		children: r.map(({ id: e, ...t }, n) => /* @__PURE__ */ A(C, {
 			...t,
 			className: Da.card
 		}, e ?? t.name ?? n))
@@ -6975,7 +6975,7 @@ var Ji = dn(qi), Y = {
 	listSingle: "_listSingle_1i843_17",
 	columns: "_columns_1i843_22",
 	column: "_column_1i843_22"
-}, Na = (e) => /* @__PURE__ */ A(t, { children: e.map((e, t) => /* @__PURE__ */ A(Ce, {
+}, Na = (e) => /* @__PURE__ */ A(g, { children: e.map((e, t) => /* @__PURE__ */ A(v, {
 	title: e.question,
 	defaultOpen: e.defaultOpen,
 	children: e.answer
@@ -6983,7 +6983,7 @@ var Ji = dn(qi), Y = {
 	let a = [Ma.block, i ?? ""].filter(Boolean).join(" ");
 	if (r === 1) return /* @__PURE__ */ j("div", {
 		className: a,
-		children: [/* @__PURE__ */ A(m, {
+		children: [/* @__PURE__ */ A(Ke, {
 			eyebrow: e,
 			title: t,
 			align: "center",
@@ -6996,7 +6996,7 @@ var Ji = dn(qi), Y = {
 	let o = Math.ceil(n.length / 2), s = n.slice(0, o), c = n.slice(o);
 	return /* @__PURE__ */ j("div", {
 		className: a,
-		children: [/* @__PURE__ */ A(m, {
+		children: [/* @__PURE__ */ A(Ke, {
 			eyebrow: e,
 			title: t,
 			align: "center",
@@ -7075,7 +7075,7 @@ var Ji = dn(qi), Y = {
 				className: Fa.title,
 				children: "Billing address"
 			}),
-			s === "server-error" && /* @__PURE__ */ A(c, {
+			s === "server-error" && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Address verification failed",
 				description: "We couldn't verify this address. Please check the details and try again."
@@ -7083,7 +7083,7 @@ var Ji = dn(qi), Y = {
 			/* @__PURE__ */ j("div", {
 				className: Fa.form,
 				children: [
-					/* @__PURE__ */ A(De, {
+					/* @__PURE__ */ A(Oe, {
 						label: "Country",
 						placeholder: "Select a country",
 						options: t,
@@ -7091,14 +7091,14 @@ var Ji = dn(qi), Y = {
 						onChange: (e) => u("country", e),
 						disabled: f
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Address line 1",
 						placeholder: "Street address",
 						value: a.addressLine1,
 						onChange: (e) => u("addressLine1", e.target.value),
 						disabled: f
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Address line 2 (optional)",
 						placeholder: "Apartment, suite, etc.",
 						value: a.addressLine2,
@@ -7107,14 +7107,14 @@ var Ji = dn(qi), Y = {
 					}),
 					/* @__PURE__ */ j("div", {
 						className: Fa.row,
-						children: [/* @__PURE__ */ A(x, {
+						children: [/* @__PURE__ */ A(w, {
 							label: "City",
 							placeholder: "City",
 							value: a.city,
 							onChange: (e) => u("city", e.target.value),
 							disabled: f,
 							className: Fa.rowField
-						}), /* @__PURE__ */ A(x, {
+						}), /* @__PURE__ */ A(w, {
 							label: "State",
 							placeholder: "State",
 							value: a.state,
@@ -7123,7 +7123,7 @@ var Ji = dn(qi), Y = {
 							className: Fa.rowField
 						})]
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Postal code",
 						placeholder: "Postal code",
 						value: a.postalCode,
@@ -7133,7 +7133,7 @@ var Ji = dn(qi), Y = {
 					})
 				]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				type: "submit",
 				variant: "primary",
 				size: "lg",
@@ -7171,7 +7171,7 @@ var Ji = dn(qi), Y = {
 	}
 }, Va = ({ invoices: e = [], loading: t = !1, className: n }) => /* @__PURE__ */ j("div", {
 	className: [Z.card, n ?? ""].filter(Boolean).join(" "),
-	children: [t ? /* @__PURE__ */ A(T, {
+	children: [t ? /* @__PURE__ */ A(E, {
 		variant: "rect",
 		width: 140,
 		height: 26
@@ -7180,7 +7180,7 @@ var Ji = dn(qi), Y = {
 		children: "Billing history"
 	}), t ? /* @__PURE__ */ A("div", {
 		className: Z.list,
-		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ A(T, {
+		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ A(E, {
 			variant: "rect",
 			width: "100%",
 			height: 40
@@ -7190,7 +7190,7 @@ var Ji = dn(qi), Y = {
 		children: [
 			/* @__PURE__ */ A(rt, {
 				size: 24,
-				strokeWidth: h(24),
+				strokeWidth: x(24),
 				className: Z.emptyIcon,
 				"aria-hidden": "true"
 			}),
@@ -7213,7 +7213,7 @@ var Ji = dn(qi), Y = {
 					className: Z.left,
 					children: [/* @__PURE__ */ A(rt, {
 						size: 24,
-						strokeWidth: h(24),
+						strokeWidth: x(24),
 						className: Z.rowIcon,
 						"aria-hidden": "true"
 					}), /* @__PURE__ */ j("div", {
@@ -7233,12 +7233,12 @@ var Ji = dn(qi), Y = {
 							className: Z.amount,
 							children: e.amount
 						}),
-						/* @__PURE__ */ A(w, {
+						/* @__PURE__ */ A(D, {
 							variant: n.variant,
 							emphasis: "subtle",
 							children: n.label
 						}),
-						/* @__PURE__ */ A(C, {
+						/* @__PURE__ */ A(o, {
 							icon: dt,
 							variant: "ghost",
 							size: "sm",
@@ -7288,37 +7288,37 @@ var Ji = dn(qi), Y = {
 }, Ua = {
 	trial: "14 days left in your trial. Add a payment method to keep access when it ends.",
 	canceling: "Your plan will end on March 15, 2027. You'll keep access until then."
-}, Wa = ({ planName: e, price: t, priceSuffix: n = "/month", status: r = "active", usageLabel: i = "Projects used", usageValue: a, usagePercent: o = 0, message: s, onUpgrade: l, onCancel: u, onAddPaymentMethod: d, onUpdatePaymentMethod: f, onResume: p, loading: m = !1, className: h }) => {
-	if (m) return /* @__PURE__ */ j("div", {
-		className: [Q.card, h ?? ""].filter(Boolean).join(" "),
+}, Wa = ({ planName: e, price: t, priceSuffix: n = "/month", status: r = "active", usageLabel: i = "Projects used", usageValue: a, usagePercent: o = 0, message: s, onUpgrade: l, onCancel: u, onAddPaymentMethod: d, onUpdatePaymentMethod: f, onResume: p, loading: h = !1, className: g }) => {
+	if (h) return /* @__PURE__ */ j("div", {
+		className: [Q.card, g ?? ""].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 140,
 				height: 26
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 100,
 				height: 32
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 8
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 160,
 				height: 44
 			})
 		]
 	});
-	let g = Ha[r], _ = s ?? Ua[r];
+	let _ = Ha[r], v = s ?? Ua[r];
 	return /* @__PURE__ */ j("div", {
-		className: [Q.card, h ?? ""].filter(Boolean).join(" "),
+		className: [Q.card, g ?? ""].filter(Boolean).join(" "),
 		children: [
-			r === "past-due" && /* @__PURE__ */ A(c, {
+			r === "past-due" && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Payment failed",
 				description: "We couldn't process your last payment. Update your payment method to avoid losing access.",
@@ -7333,10 +7333,10 @@ var Ji = dn(qi), Y = {
 						children: [/* @__PURE__ */ A("p", {
 							className: Q.planName,
 							children: e
-						}), /* @__PURE__ */ A(w, {
-							variant: g.variant,
+						}), /* @__PURE__ */ A(D, {
+							variant: _.variant,
 							emphasis: "subtle",
-							children: g.label
+							children: _.label
 						})]
 					}), /* @__PURE__ */ j("div", {
 						className: Q.priceRow,
@@ -7361,48 +7361,48 @@ var Ji = dn(qi), Y = {
 						className: Q.usageValue,
 						children: a
 					})]
-				}), /* @__PURE__ */ A(ue, {
+				}), /* @__PURE__ */ A(ee, {
 					value: o,
 					size: "lg",
 					label: i,
 					className: Q.progress
 				})]
 			}),
-			_ && /* @__PURE__ */ A("p", {
+			v && /* @__PURE__ */ A("p", {
 				className: Q.message,
-				children: _
+				children: v
 			}),
 			/* @__PURE__ */ j("div", {
 				className: Q.actions,
 				children: [
-					r === "active" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(D, {
+					r === "active" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(c, {
 						variant: "primary",
 						size: "lg",
 						onClick: l,
 						className: Q.actionFlex,
 						children: "Upgrade plan"
-					}), /* @__PURE__ */ A(D, {
+					}), /* @__PURE__ */ A(c, {
 						variant: "secondary",
 						size: "lg",
 						onClick: u,
 						className: Q.actionFlex,
 						children: "Cancel subscription"
 					})] }),
-					r === "trial" && /* @__PURE__ */ A(D, {
+					r === "trial" && /* @__PURE__ */ A(c, {
 						variant: "primary",
 						size: "lg",
 						onClick: d,
 						className: Q.fullWidth,
 						children: "Add payment method"
 					}),
-					r === "past-due" && /* @__PURE__ */ A(D, {
+					r === "past-due" && /* @__PURE__ */ A(c, {
 						variant: "primary",
 						size: "lg",
 						onClick: f,
 						className: Q.fullWidth,
 						children: "Update payment method"
 					}),
-					r === "canceling" && /* @__PURE__ */ A(D, {
+					r === "canceling" && /* @__PURE__ */ A(c, {
 						variant: "secondary",
 						size: "lg",
 						onClick: p,
@@ -7473,17 +7473,17 @@ var Ji = dn(qi), Y = {
 	if (r) return /* @__PURE__ */ j("div", {
 		className: [$.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 160,
 				height: 26
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: "100%",
 				height: 56
 			}),
-			/* @__PURE__ */ A(T, {
+			/* @__PURE__ */ A(E, {
 				variant: "rect",
 				width: 140,
 				height: 44
@@ -7501,7 +7501,7 @@ var Ji = dn(qi), Y = {
 				className: $.empty,
 				children: [/* @__PURE__ */ A(Ft, {
 					size: 24,
-					strokeWidth: h(24),
+					strokeWidth: x(24),
 					className: $.emptyIcon,
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ A("p", {
@@ -7509,7 +7509,7 @@ var Ji = dn(qi), Y = {
 					children: "No payment method on file"
 				})]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				variant: "primary",
 				size: "lg",
 				onClick: n,
@@ -7518,7 +7518,7 @@ var Ji = dn(qi), Y = {
 			})
 		]
 	});
-	let { brand: a, last4: o, expiry: s, status: c = "active" } = e, l = Ga[a], u = Ka[c], d = c !== "active";
+	let { brand: a, last4: o, expiry: s, status: l = "active" } = e, u = Ga[a], d = Ka[l], f = l !== "active";
 	return /* @__PURE__ */ j("div", {
 		className: [$.card, i ?? ""].filter(Boolean).join(" "),
 		children: [
@@ -7532,7 +7532,7 @@ var Ji = dn(qi), Y = {
 					className: $.left,
 					children: [/* @__PURE__ */ A("div", {
 						className: $.brandWrap,
-						children: /* @__PURE__ */ A(l, {})
+						children: /* @__PURE__ */ A(u, {})
 					}), /* @__PURE__ */ j("div", {
 						className: $.info,
 						children: [/* @__PURE__ */ j("div", {
@@ -7540,10 +7540,10 @@ var Ji = dn(qi), Y = {
 							children: [/* @__PURE__ */ j("p", {
 								className: $.number,
 								children: ["•••• ", o]
-							}), u && /* @__PURE__ */ A(w, {
-								variant: u.variant,
+							}), d && /* @__PURE__ */ A(D, {
+								variant: d.variant,
 								emphasis: "subtle",
-								children: u.label
+								children: d.label
 							})]
 						}), /* @__PURE__ */ j("p", {
 							className: $.expiry,
@@ -7552,8 +7552,8 @@ var Ji = dn(qi), Y = {
 					})]
 				})
 			}),
-			/* @__PURE__ */ A(D, {
-				variant: d ? "primary" : "secondary",
+			/* @__PURE__ */ A(c, {
+				variant: f ? "primary" : "secondary",
 				size: "lg",
 				onClick: t,
 				className: $.fullWidth,
@@ -7604,7 +7604,7 @@ var Ji = dn(qi), Y = {
 				className: Ja.title,
 				children: "Add payment method"
 			}),
-			o === "server-error" && /* @__PURE__ */ A(c, {
+			o === "server-error" && /* @__PURE__ */ A(m, {
 				color: "danger",
 				title: "Card declined",
 				description: "Your card was declined. Try a different payment method or contact your bank."
@@ -7612,7 +7612,7 @@ var Ji = dn(qi), Y = {
 			/* @__PURE__ */ j("div", {
 				className: Ja.form,
 				children: [
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Cardholder name",
 						placeholder: "Name on card",
 						leadingIcon: /* @__PURE__ */ A(St, {}),
@@ -7620,7 +7620,7 @@ var Ji = dn(qi), Y = {
 						onChange: (e) => l("cardholderName", e.target.value),
 						disabled: d
 					}),
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ A(w, {
 						label: "Card number",
 						placeholder: "1234 1234 1234 1234",
 						leadingIcon: /* @__PURE__ */ A(Ft, {}),
@@ -7632,7 +7632,7 @@ var Ji = dn(qi), Y = {
 					}),
 					/* @__PURE__ */ j("div", {
 						className: Ja.row,
-						children: [/* @__PURE__ */ A(x, {
+						children: [/* @__PURE__ */ A(w, {
 							label: "Expiry",
 							placeholder: "MM/YY",
 							inputMode: "numeric",
@@ -7640,7 +7640,7 @@ var Ji = dn(qi), Y = {
 							onChange: (e) => l("expiry", Xa(e.target.value)),
 							disabled: d,
 							className: Ja.rowField
-						}), /* @__PURE__ */ A(x, {
+						}), /* @__PURE__ */ A(w, {
 							label: "CVC",
 							placeholder: "123",
 							inputMode: "numeric",
@@ -7652,7 +7652,7 @@ var Ji = dn(qi), Y = {
 					})
 				]
 			}),
-			/* @__PURE__ */ A(D, {
+			/* @__PURE__ */ A(c, {
 				type: "submit",
 				variant: "primary",
 				size: "lg",