@sakaniui/react 0.3.4 → 0.3.6

package/dist/{TopBar-CgWKcAb7.js → TopBar-lEYP4HTb.js}

@@ -4,7 +4,7 @@ import { Bell as o, BellOff as s, Camera as c, Check as l, CheckCheck as u, Chev
 import { PolarAngleAxis as le, RadialBar as ue, RadialBarChart as de, ResponsiveContainer as fe } from "recharts";
 import pe, { createPortal as me } from "react-dom";
 //#region src/lib/iconStrokeWidth.ts
-var O = (e, t = 1.5) => 24 / e * t, k = {
+var O = (e, t = 1.5) => 24 / e * t, he = {
 	accordion: "_accordion_1njer_3",
 	item: "_item_1njer_10",
 	item__header: "_item__header_1njer_12",
@@ -15,20 +15,20 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 	"item__panelWrap--open": "_item__panelWrap--open_1njer_50",
 	item__panel: "_item__panel_1njer_45",
 	item__panelInner: "_item__panelInner_1njer_53"
-}, he = ({ title: t, children: n, open: r, defaultOpen: o = !1, className: s }) => {
+}, ge = ({ title: t, children: n, open: r, defaultOpen: o = !1, className: s }) => {
 	let c = r !== void 0, [l, u] = e.useState(o), d = c ? r : l;
 	return /* @__PURE__ */ a("div", {
-		className: [k.item, s ?? ""].filter(Boolean).join(" "),
+		className: [he.item, s ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ a("button", {
 			type: "button",
-			className: k.item__header,
+			className: he.item__header,
 			"aria-expanded": d,
 			onClick: () => !c && u((e) => !e),
 			children: [/* @__PURE__ */ i("span", {
-				className: k.item__title,
+				className: he.item__title,
 				children: t
 			}), /* @__PURE__ */ i("span", {
-				className: [k.item__chevron, d ? k["item__chevron--open"] : ""].join(" "),
+				className: [he.item__chevron, d ? he["item__chevron--open"] : ""].join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i("svg", {
 					viewBox: "0 0 24 24",
@@ -43,20 +43,20 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 				})
 			})]
 		}), /* @__PURE__ */ i("div", {
-			className: [k.item__panelWrap, d ? k["item__panelWrap--open"] : ""].join(" "),
+			className: [he.item__panelWrap, d ? he["item__panelWrap--open"] : ""].join(" "),
 			children: /* @__PURE__ */ i("div", {
-				className: k.item__panel,
+				className: he.item__panel,
 				children: /* @__PURE__ */ i("div", {
-					className: k.item__panelInner,
+					className: he.item__panelInner,
 					children: n
 				})
 			})
 		})]
 	});
-}, ge = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
-	className: [k.accordion, t ?? ""].filter(Boolean).join(" "),
+}, _e = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
+	className: [he.accordion, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), _e = {
+}), ve = {
 	avatar: "_avatar_1igqs_3",
 	"avatar--sm": "_avatar--sm_1igqs_17",
 	"avatar--md": "_avatar--md_1igqs_18",
@@ -66,12 +66,12 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 	avatar__image: "_avatar__image_1igqs_31",
 	avatar__initials: "_avatar__initials_1igqs_39",
 	avatar__icon: "_avatar__icon_1igqs_46"
-}, ve = {
+}, ye = {
 	sm: 14,
 	md: 18,
 	lg: 22,
 	xl: 26
-}, ye = ({ px: e }) => /* @__PURE__ */ a("svg", {
+}, be = ({ px: e }) => /* @__PURE__ */ a("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -84,18 +84,18 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 		cy: "7",
 		r: "4"
 	})]
-}), be = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
+}), xe = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
 	let c = [
-		_e.avatar,
-		_e[`avatar--${t}`],
+		ve.avatar,
+		ve[`avatar--${t}`],
 		s ?? ""
 	].filter(Boolean).join(" ");
 	if (n) return /* @__PURE__ */ i("span", {
-		className: [c, _e["avatar--bordered"]].join(" "),
+		className: [c, ve["avatar--bordered"]].join(" "),
 		children: /* @__PURE__ */ i("img", {
 			src: n,
 			alt: r,
-			className: _e.avatar__image
+			className: ve.avatar__image
 		})
 	});
 	if (a) return /* @__PURE__ */ i("span", {
@@ -103,24 +103,24 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 		role: "img",
 		"aria-label": r || a,
 		children: /* @__PURE__ */ i("span", {
-			className: _e.avatar__initials,
+			className: ve.avatar__initials,
 			children: a.slice(0, 2).toUpperCase()
 		})
 	});
-	let l = ve[t], u = e.isValidElement(o) ? e.cloneElement(o, {
+	let l = ye[t], u = e.isValidElement(o) ? e.cloneElement(o, {
 		size: l,
 		strokeWidth: O(l)
-	}) : o ?? /* @__PURE__ */ i(ye, { px: l });
+	}) : o ?? /* @__PURE__ */ i(be, { px: l });
 	return /* @__PURE__ */ i("span", {
 		className: c,
 		role: "img",
 		"aria-label": r || "avatar",
 		children: /* @__PURE__ */ i("span", {
-			className: _e.avatar__icon,
+			className: ve.avatar__icon,
 			children: u
 		})
 	});
-}, A = {
+}, k = {
 	feed: "_feed_1pvgl_1",
 	"feed--compact": "_feed--compact_1pvgl_8",
 	"row--default": "_row--default_1pvgl_13",
@@ -135,35 +135,35 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 	actor: "_actor_1pvgl_88",
 	highlight: "_highlight_1pvgl_89",
 	timestamp: "_timestamp_1pvgl_92"
-}, xe = ({ children: e }) => /* @__PURE__ */ i("span", {
-	className: A.highlight,
+}, Se = ({ children: e }) => /* @__PURE__ */ i("span", {
+	className: k.highlight,
 	children: e
-}), Se = 16, Ce = (t) => e.isValidElement(t) ? e.cloneElement(t, {
-	size: Se,
-	strokeWidth: O(Se)
-}) : t, we = ({ items: e, variant: t = "default", className: n }) => {
+}), Ce = 16, we = (t) => e.isValidElement(t) ? e.cloneElement(t, {
+	size: Ce,
+	strokeWidth: O(Ce)
+}) : t, Te = ({ items: e, variant: t = "default", className: n }) => {
 	let r = t === "compact";
 	return /* @__PURE__ */ i("div", {
 		className: [
-			A.feed,
-			r ? A["feed--compact"] : "",
+			k.feed,
+			r ? k["feed--compact"] : "",
 			n ?? ""
 		].filter(Boolean).join(" "),
 		children: e.map((t, n) => {
 			let o = n === e.length - 1, s = t.id ?? n;
 			return r ? /* @__PURE__ */ a("div", {
-				className: A["row--compact"],
+				className: k["row--compact"],
 				children: [/* @__PURE__ */ a("div", {
-					className: A.compactLeft,
-					children: [/* @__PURE__ */ i(be, {
+					className: k.compactLeft,
+					children: [/* @__PURE__ */ i(xe, {
 						size: "sm",
 						src: t.avatarSrc,
 						alt: t.avatarAlt ?? t.actor
 					}), /* @__PURE__ */ a("p", {
-						className: A.text,
+						className: k.text,
 						children: [
 							/* @__PURE__ */ i("span", {
-								className: A.actor,
+								className: k.actor,
 								children: t.actor
 							}),
 							" ",
@@ -171,49 +171,49 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 						]
 					})]
 				}), /* @__PURE__ */ i("span", {
-					className: A.timestamp,
+					className: k.timestamp,
 					children: t.timestamp
 				})]
 			}, s) : /* @__PURE__ */ a("div", {
-				className: A["row--default"],
+				className: k["row--default"],
 				children: [/* @__PURE__ */ a("div", {
-					className: A.rail,
+					className: k.rail,
 					children: [/* @__PURE__ */ i("div", {
-						className: A.dot,
-						children: Ce(t.icon)
-					}), !o && /* @__PURE__ */ i("div", { className: A.connector })]
+						className: k.dot,
+						children: we(t.icon)
+					}), !o && /* @__PURE__ */ i("div", { className: k.connector })]
 				}), /* @__PURE__ */ a("div", {
-					className: [A.content, o ? "" : A["content--spaced"]].filter(Boolean).join(" "),
+					className: [k.content, o ? "" : k["content--spaced"]].filter(Boolean).join(" "),
 					children: [/* @__PURE__ */ a("p", {
-						className: A.text,
+						className: k.text,
 						children: [
 							/* @__PURE__ */ i("span", {
-								className: A.actor,
+								className: k.actor,
 								children: t.actor
 							}),
 							" ",
 							t.description
 						]
 					}), /* @__PURE__ */ i("span", {
-						className: A.timestamp,
+						className: k.timestamp,
 						children: t.timestamp
 					})]
 				})]
 			}, s);
 		})
 	});
-}, Te = {
+}, Ee = {
 	link: "_link_1g7dc_3",
 	link__external: "_link__external_1g7dc_34"
-}, Ee = e.forwardRef(({ external: e, children: t, className: n, href: r, ...o }, s) => /* @__PURE__ */ a("a", {
+}, De = e.forwardRef(({ external: e, children: t, className: n, href: r, ...o }, s) => /* @__PURE__ */ a("a", {
 	ref: s,
 	href: r,
-	className: [Te.link, n ?? ""].filter(Boolean).join(" "),
+	className: [Ee.link, n ?? ""].filter(Boolean).join(" "),
 	target: e ? "_blank" : o.target,
 	rel: e ? "noopener noreferrer" : o.rel,
 	...o,
 	children: [t, e && /* @__PURE__ */ i("span", {
-		className: Te.link__external,
+		className: Ee.link__external,
 		"aria-label": "(opens in new tab)",
 		children: /* @__PURE__ */ a("svg", {
 			width: 12,
@@ -238,8 +238,8 @@ var O = (e, t = 1.5) => 24 / e * t, k = {
 		})
 	})]
 }));
-Ee.displayName = "Link";
-var De = {
+De.displayName = "Link";
+var Oe = {
 	button: "_button_1ls4o_2",
 	"button--sm": "_button--sm_1ls4o_18",
 	"button--md": "_button--md_1ls4o_19",
@@ -249,28 +249,28 @@ var De = {
 	"button--outline": "_button--outline_1ls4o_35",
 	"button--ghost": "_button--ghost_1ls4o_40",
 	"button--destructive": "_button--destructive_1ls4o_45"
-}, Oe = {
+}, ke = {
 	sm: 16,
 	md: 18,
 	lg: 20
-}, ke = e.forwardRef(({ icon: e, variant: t = "primary", size: n = "md", disabled: r, className: a, ...o }, s) => /* @__PURE__ */ i("button", {
+}, Ae = e.forwardRef(({ icon: e, variant: t = "primary", size: n = "md", disabled: r, className: a, ...o }, s) => /* @__PURE__ */ i("button", {
 	ref: s,
 	disabled: r,
 	className: [
-		De.button,
-		De[`button--${t}`],
-		De[`button--${n}`],
+		Oe.button,
+		Oe[`button--${t}`],
+		Oe[`button--${n}`],
 		a ?? ""
 	].filter(Boolean).join(" "),
 	...o,
 	children: /* @__PURE__ */ i(e, {
-		size: Oe[n],
-		strokeWidth: O(Oe[n]),
+		size: ke[n],
+		strokeWidth: O(ke[n]),
 		"aria-hidden": "true"
 	})
 }));
-ke.displayName = "IconButton";
-var j = {
+Ae.displayName = "IconButton";
+var A = {
 	button: "_button_17bv9_21",
 	"button--primary": "_button--primary_17bv9_72",
 	"button--secondary": "_button--secondary_17bv9_99",
@@ -287,17 +287,17 @@ var j = {
 	"button--loading": "_button--loading_17bv9_251",
 	button__spinner: "_button__spinner_17bv9_255",
 	"sakani-btn-spin": "_sakani-btn-spin_17bv9_1"
-}, M = e.forwardRef(({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: r, loading: o = !1, disabled: s, children: c, className: l, ...u }, d) => {
+}, j = e.forwardRef(({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: r, loading: o = !1, disabled: s, children: c, className: l, ...u }, d) => {
 	let f = s || o;
 	return /* @__PURE__ */ a("button", {
 		ref: d,
 		className: [
-			j.button,
-			j[`button--${e}`],
-			j[`button--${t}`],
-			o ? j["button--loading"] : "",
-			n && !o ? j["button--hasLeftIcon"] : "",
-			r && !o ? j["button--hasRightIcon"] : "",
+			A.button,
+			A[`button--${e}`],
+			A[`button--${t}`],
+			o ? A["button--loading"] : "",
+			n && !o ? A["button--hasLeftIcon"] : "",
+			r && !o ? A["button--hasRightIcon"] : "",
 			l ?? ""
 		].filter(Boolean).join(" "),
 		disabled: f,
@@ -305,7 +305,7 @@ var j = {
 		...u,
 		children: [
 			o && /* @__PURE__ */ i("span", {
-				className: [j.button__icon, j.button__spinner].join(" "),
+				className: [A.button__icon, A.button__spinner].join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i("svg", {
 					viewBox: "0 0 24 24",
@@ -317,24 +317,24 @@ var j = {
 				})
 			}),
 			n && !o && /* @__PURE__ */ i("span", {
-				className: j.button__icon,
+				className: A.button__icon,
 				"aria-hidden": "true",
 				children: n
 			}),
 			/* @__PURE__ */ i("span", {
-				className: j.button__label,
+				className: A.button__label,
 				children: c
 			}),
 			r && !o && /* @__PURE__ */ i("span", {
-				className: j.button__icon,
+				className: A.button__icon,
 				"aria-hidden": "true",
 				children: r
 			})
 		]
 	});
 });
-M.displayName = "Button";
-var N = {
+j.displayName = "Button";
+var M = {
 	wrap: "_wrap_3mj75_1",
 	"wrap--vertical": "_wrap--vertical_3mj75_7",
 	"wrap--horizontal": "_wrap--horizontal_3mj75_11",
@@ -348,36 +348,36 @@ var N = {
 	hint: "_hint_3mj75_79",
 	link: "_link_3mj75_88",
 	input: "_input_3mj75_92"
-}, Ae = ({ src: t, alt: n, orientation: r = "vertical", accept: o = "image/jpeg,image/png", title: s = "Upload a photo", hint: l = "JPG or PNG, max 5MB.", onFileSelect: u, onRemove: d, className: f }) => {
+}, je = ({ src: t, alt: n, orientation: r = "vertical", accept: o = "image/jpeg,image/png", title: s = "Upload a photo", hint: l = "JPG or PNG, max 5MB.", onFileSelect: u, onRemove: d, className: f }) => {
 	let p = e.useRef(null), m = t !== void 0, [h, g] = e.useState(void 0), _ = m ? t : h, v = r === "horizontal", y = !!_, b = () => p.current?.click(), x = () => {
 		d?.(), m || g(void 0);
 	}, S = /* @__PURE__ */ a("div", {
-		className: [N.textStack, v ? "" : N["textStack--center"]].filter(Boolean).join(" "),
+		className: [M.textStack, v ? "" : M["textStack--center"]].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ i("p", {
-			className: N.title,
+			className: M.title,
 			children: s
 		}), /* @__PURE__ */ i("p", {
-			className: N.hint,
+			className: M.hint,
 			children: l
 		})]
 	});
 	return /* @__PURE__ */ a("div", {
 		className: [
-			N.wrap,
-			N[`wrap--${r}`],
+			M.wrap,
+			M[`wrap--${r}`],
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ a("div", {
-				className: N.circleWrap,
-				children: [/* @__PURE__ */ i(be, {
+				className: M.circleWrap,
+				children: [/* @__PURE__ */ i(xe, {
 					size: v ? "lg" : "xl",
 					src: _,
 					alt: n,
-					className: v ? void 0 : N.bigAvatar
+					className: v ? void 0 : M.bigAvatar
 				}), !v && /* @__PURE__ */ i("button", {
 					type: "button",
-					className: N.badge,
+					className: M.badge,
 					onClick: b,
 					"aria-label": "Change photo",
 					children: /* @__PURE__ */ i(c, {
@@ -387,8 +387,8 @@ var N = {
 				})]
 			}),
 			v && /* @__PURE__ */ a("div", {
-				className: N.horizontalContent,
-				children: [S, y ? /* @__PURE__ */ i(M, {
+				className: M.horizontalContent,
+				children: [S, y ? /* @__PURE__ */ i(j, {
 					variant: "outline",
 					size: "sm",
 					onClick: x,
@@ -397,19 +397,19 @@ var N = {
 						borderColor: "var(--color-danger-border)"
 					},
 					children: "Remove"
-				}) : /* @__PURE__ */ i(M, {
+				}) : /* @__PURE__ */ i(j, {
 					variant: "outline",
 					size: "sm",
 					onClick: b,
 					children: "Upload"
 				})]
 			}),
-			!v && (y ? /* @__PURE__ */ i(Ee, {
+			!v && (y ? /* @__PURE__ */ i(De, {
 				href: "#",
 				onClick: (e) => {
 					e.preventDefault(), b();
 				},
-				className: N.link,
+				className: M.link,
 				style: {
 					color: "var(--color-brand-fg)",
 					fontSize: 16,
@@ -421,7 +421,7 @@ var N = {
 				ref: p,
 				type: "file",
 				accept: o,
-				className: N.input,
+				className: M.input,
 				onChange: (e) => {
 					let t = e.target.files?.[0];
 					t && (u?.(t), m || g(URL.createObjectURL(t))), e.target.value = "";
@@ -432,7 +432,7 @@ var N = {
 };
 //#endregion
 //#region src/lib/useThemeTick.ts
-function je() {
+function Me() {
 	let [e, r] = n(0);
 	return t(() => {
 		if (typeof document > "u") return;
@@ -444,7 +444,7 @@ function je() {
 		}), () => e.disconnect();
 	}, []), e;
 }
-var P = {
+var N = {
 	balance: "_balance_kaxp5_1",
 	"balance--progress": "_balance--progress_kaxp5_8",
 	content: "_content_kaxp5_17",
@@ -462,14 +462,14 @@ var P = {
 	changeValue__down: "_changeValue__down_kaxp5_117",
 	changeLabel: "_changeLabel_kaxp5_124",
 	ringCard: "_ringCard_kaxp5_132"
-}, Me = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", Ne = 8, Pe = 6, Fe = 90, Ie = (e) => {
-	let t = Math.min(e, Ne);
-	return Array.from({ length: t }, () => Me[Math.floor(Math.random() * 36)]).join("");
-}, Le = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Re = ({ progress: e }) => {
-	je();
-	let t = Le("--color-chart-1") ?? "#ff4700", n = Le("--color-bg-subtle") ?? "#f5f4f2", r = [{ value: Math.max(0, Math.min(100, e)) }];
+}, Ne = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", Pe = 8, Fe = 6, Ie = 90, Le = (e) => {
+	let t = Math.min(e, Pe);
+	return Array.from({ length: t }, () => Ne[Math.floor(Math.random() * 36)]).join("");
+}, Re = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, ze = ({ progress: e }) => {
+	Me();
+	let t = Re("--color-chart-1") ?? "#ff4700", n = Re("--color-bg-subtle") ?? "#f5f4f2", r = [{ value: Math.max(0, Math.min(100, e)) }];
 	return /* @__PURE__ */ i("div", {
-		className: P.ringCard,
+		className: N.ringCard,
 		children: /* @__PURE__ */ i(fe, {
 			width: 64,
 			height: 64,
@@ -495,7 +495,7 @@ var P = {
 			})
 		})
 	});
-}, ze = ({ label: t = "Available balance", value: n, change: r, progress: o, hidden: s, onToggleHidden: c, className: l }) => {
+}, Be = ({ label: t = "Available balance", value: n, change: r, progress: o, hidden: s, onToggleHidden: c, className: l }) => {
 	let u = s !== void 0, [d, f] = e.useState(!1), p = u ? s : d, m = o !== void 0, h = r?.direction ?? "up", g = h === "up" ? oe : ae, y = () => {
 		let e = !p;
 		c?.(e), u || f(e);
@@ -504,23 +504,23 @@ var P = {
 		if (p && !w.current) {
 			x(!0);
 			let e = 0, t = setInterval(() => {
-				e += 1, C((e) => e + 1), e >= Pe && (clearInterval(t), x(!1));
-			}, Fe);
+				e += 1, C((e) => e + 1), e >= Fe && (clearInterval(t), x(!1));
+			}, Ie);
 			return w.current = !0, () => clearInterval(t);
 		}
 		w.current = p;
 	}, [p]);
-	let T = e.useMemo(() => Ie(n.length), [n, S]), ee = e.useMemo(() => r ? Ie(r.value.length) : "", [r?.value, S]), E = /* @__PURE__ */ a("div", {
-		className: P.content,
+	let T = e.useMemo(() => Le(n.length), [n, S]), ee = e.useMemo(() => r ? Le(r.value.length) : "", [r?.value, S]), E = /* @__PURE__ */ a("div", {
+		className: N.content,
 		children: [
 			/* @__PURE__ */ a("div", {
-				className: P.labelRow,
+				className: N.labelRow,
 				children: [/* @__PURE__ */ i("p", {
-					className: P.label,
+					className: N.label,
 					children: t
 				}), /* @__PURE__ */ i("button", {
 					type: "button",
-					className: P.hideToggle,
+					className: N.hideToggle,
 					"aria-label": p ? "Show balance" : "Hide balance",
 					onClick: y,
 					children: i(p ? v : _, {
@@ -531,26 +531,26 @@ var P = {
 			}),
 			/* @__PURE__ */ i("p", {
 				className: [
-					P.value,
-					p ? P["value--hidden"] : "",
-					b ? P["value--glitching"] : ""
+					N.value,
+					p ? N["value--hidden"] : "",
+					b ? N["value--glitching"] : ""
 				].filter(Boolean).join(" "),
 				children: p ? T : n
 			}),
 			r && /* @__PURE__ */ a("div", {
-				className: P.changeRow,
+				className: N.changeRow,
 				children: [
 					/* @__PURE__ */ i(g, {
 						size: 24,
 						strokeWidth: 1.5,
-						className: h === "up" ? P.trendIcon__up : P.trendIcon__down
+						className: h === "up" ? N.trendIcon__up : N.trendIcon__down
 					}),
 					/* @__PURE__ */ i("span", {
-						className: [h === "up" ? P.changeValue__up : P.changeValue__down, b ? P["value--glitching"] : ""].filter(Boolean).join(" "),
+						className: [h === "up" ? N.changeValue__up : N.changeValue__down, b ? N["value--glitching"] : ""].filter(Boolean).join(" "),
 						children: p ? ee : r.value
 					}),
 					/* @__PURE__ */ i("span", {
-						className: P.changeLabel,
+						className: N.changeLabel,
 						children: r.label ?? "this month"
 					})
 				]
@@ -559,13 +559,13 @@ var P = {
 	});
 	return /* @__PURE__ */ a("div", {
 		className: [
-			P.balance,
-			m ? P["balance--progress"] : "",
+			N.balance,
+			m ? N["balance--progress"] : "",
 			l ?? ""
 		].filter(Boolean).join(" "),
-		children: [m && /* @__PURE__ */ i(Re, { progress: o }), E]
+		children: [m && /* @__PURE__ */ i(ze, { progress: o }), E]
 	});
-}, Be = {
+}, Ve = {
 	progress: "_progress_1qaz4_11",
 	"progress--sm": "_progress--sm_1qaz4_20",
 	"progress--md": "_progress--md_1qaz4_21",
@@ -573,7 +573,7 @@ var P = {
 	progress__fill: "_progress__fill_1qaz4_25",
 	"progress__fill--indeterminate": "_progress__fill--indeterminate_1qaz4_33",
 	"progress-scan": "_progress-scan_1qaz4_1"
-}, Ve = ({ value: e, size: t = "md", label: n = "Progress", className: r }) => {
+}, He = ({ value: e, size: t = "md", label: n = "Progress", className: r }) => {
 	let a = e === void 0, o = Math.min(100, Math.max(0, e ?? 0));
 	return /* @__PURE__ */ i("div", {
 		role: "progressbar",
@@ -582,45 +582,45 @@ var P = {
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		className: [
-			Be.progress,
-			Be[`progress--${t}`],
+			Ve.progress,
+			Ve[`progress--${t}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ i("div", {
-			className: [Be.progress__fill, a ? Be["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
+			className: [Ve.progress__fill, a ? Ve["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
 			style: a ? void 0 : { width: `${o}%` }
 		})
 	});
-}, He = ["dark", "force-light"];
-function Ue(e, r) {
+}, Ue = ["dark", "force-light"];
+function We(e, r) {
 	let [i, a] = n("");
 	return t(() => {
 		if (!r || typeof document > "u") return;
 		let t = e.current;
 		if (!t) return;
-		let n = t.closest(He.map((e) => `.${e}`).join(", ")), i = n ? He.find((e) => n.classList.contains(e)) ?? "" : "";
+		let n = t.closest(Ue.map((e) => `.${e}`).join(", ")), i = n ? Ue.find((e) => n.classList.contains(e)) ?? "" : "";
 		a(i);
 	}, [e, r]), i;
 }
-var We = {
+var Ge = {
 	"divider--horizontal": "_divider--horizontal_nem37_4",
 	"divider--labeled": "_divider--labeled_nem37_13",
 	"divider--vertical": "_divider--vertical_nem37_27",
 	divider__label: "_divider__label_nem37_38"
-}, Ge = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
+}, Ke = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
 	role: "separator",
 	"aria-orientation": e,
 	className: [
-		We.divider,
-		We[`divider--${e}`],
-		t ? We["divider--labeled"] : "",
+		Ge.divider,
+		Ge[`divider--${e}`],
+		t ? Ge["divider--labeled"] : "",
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: t && e === "horizontal" && /* @__PURE__ */ i("span", {
-		className: We.divider__label,
+		className: Ge.divider__label,
 		children: t
 	})
-}), F = {
+}), P = {
 	backdrop: "_backdrop_123ke_1",
 	card: "_card_123ke_12",
 	header: "_header_123ke_32",
@@ -639,8 +639,8 @@ var We = {
 	"sakani-modal-card-in": "_sakani-modal-card-in_123ke_1",
 	"card--exiting": "_card--exiting_123ke_113",
 	"sakani-modal-card-out": "_sakani-modal-card-out_123ke_1"
-}, Ke = ({ open: t, onClose: n, title: o, description: s, variant: c = "default", icon: l, cancelLabel: u = "Cancel", confirmLabel: d, onCancel: f, onConfirm: p, confirmLoading: m, closeOnEscape: h = !0, closeOnBackdropClick: g = !0, children: _, hideHeader: v = !1, hideFooterDivider: y = !1, footerJustify: b = "end", className: x }) => {
-	let S = c === "destructive", C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), ee = Ue(T, t), [E, D] = e.useState(!1);
+}, qe = ({ open: t, onClose: n, title: o, description: s, variant: c = "default", icon: l, cancelLabel: u = "Cancel", confirmLabel: d, onCancel: f, onConfirm: p, confirmLoading: m, closeOnEscape: h = !0, closeOnBackdropClick: g = !0, children: _, hideHeader: v = !1, hideFooterDivider: y = !1, footerJustify: b = "end", className: x }) => {
+	let S = c === "destructive", C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), ee = We(T, t), [E, D] = e.useState(!1);
 	return e.useEffect(() => {
 		t && D(!0);
 	}, [t]), e.useEffect(() => {
@@ -678,9 +678,9 @@ var We = {
 		"aria-hidden": "true"
 	}), E && me(/* @__PURE__ */ i("div", {
 		className: [
-			F.backdrop,
+			P.backdrop,
 			ee,
-			t ? F["backdrop--entering"] : F["backdrop--exiting"]
+			t ? P["backdrop--entering"] : P["backdrop--exiting"]
 		].filter(Boolean).join(" "),
 		onMouseDown: (e) => {
 			g && e.target === e.currentTarget && n();
@@ -693,8 +693,8 @@ var We = {
 			"aria-label": v ? o : void 0,
 			tabIndex: -1,
 			className: [
-				F.card,
-				t ? F["card--entering"] : F["card--exiting"],
+				P.card,
+				t ? P["card--entering"] : P["card--exiting"],
 				x ?? ""
 			].filter(Boolean).join(" "),
 			onAnimationEnd: (e) => {
@@ -702,23 +702,23 @@ var We = {
 			},
 			children: [
 				!v && /* @__PURE__ */ a("div", {
-					className: F.header,
+					className: P.header,
 					children: [/* @__PURE__ */ a("div", {
-						className: F.titleGroup,
+						className: P.titleGroup,
 						children: [S && /* @__PURE__ */ i("span", {
-							className: F.iconWrap,
+							className: P.iconWrap,
 							"aria-hidden": "true",
 							children: l ?? /* @__PURE__ */ i(se, {
 								size: 24,
 								strokeWidth: O(24),
-								className: F.icon
+								className: P.icon
 							})
 						}), /* @__PURE__ */ i("p", {
 							id: "modal-title",
-							className: F.title,
+							className: P.title,
 							children: o
 						})]
-					}), /* @__PURE__ */ i(ke, {
+					}), /* @__PURE__ */ i(Ae, {
 						icon: ce,
 						variant: "ghost",
 						size: "lg",
@@ -727,19 +727,19 @@ var We = {
 					})]
 				}),
 				s && /* @__PURE__ */ i("p", {
-					className: F.description,
+					className: P.description,
 					children: s
 				}),
 				_,
-				!y && /* @__PURE__ */ i(Ge, {}),
+				!y && /* @__PURE__ */ i(Ke, {}),
 				/* @__PURE__ */ a("div", {
-					className: [F.footer, b === "between" ? F["footer--between"] : ""].filter(Boolean).join(" "),
-					children: [/* @__PURE__ */ i(M, {
+					className: [P.footer, b === "between" ? P["footer--between"] : ""].filter(Boolean).join(" "),
+					children: [/* @__PURE__ */ i(j, {
 						variant: "secondary",
 						onClick: () => (f ?? n)(),
 						style: { borderColor: "transparent" },
 						children: u
-					}), /* @__PURE__ */ i(M, {
+					}), /* @__PURE__ */ i(j, {
 						variant: S ? "destructive" : "primary",
 						onClick: p,
 						loading: m,
@@ -749,7 +749,7 @@ var We = {
 			]
 		})
 	}), document.body)] });
-}, I = {
+}, F = {
 	row: "_row_88l3n_2",
 	"row--unread": "_row--unread_88l3n_12",
 	iconWrapSurface: "_iconWrapSurface_88l3n_17",
@@ -763,32 +763,32 @@ var We = {
 	cardTop: "_cardTop_88l3n_87",
 	description: "_description_88l3n_94",
 	actions: "_actions_88l3n_102"
-}, qe = ({ icon: e, title: t, timestamp: n, read: r = !1, description: s, onDismiss: c, dismissLabel: l = "Dismiss", actionLabel: u, onAction: d, className: f }) => {
+}, Je = ({ icon: e, title: t, timestamp: n, read: r = !1, description: s, onDismiss: c, dismissLabel: l = "Dismiss", actionLabel: u, onAction: d, className: f }) => {
 	let p = s !== void 0, m = !r && !p, h = e ?? /* @__PURE__ */ i(o, {
 		size: 24,
 		strokeWidth: O(24)
 	});
 	return p ? /* @__PURE__ */ a("div", {
-		className: [I.card, f ?? ""].filter(Boolean).join(" "),
+		className: [F.card, f ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ a("div", {
-			className: I.cardTop,
+			className: F.cardTop,
 			children: [
 				/* @__PURE__ */ i("span", {
-					className: I.iconWrapCanvas,
+					className: F.iconWrapCanvas,
 					"aria-hidden": "true",
 					children: h
 				}),
 				/* @__PURE__ */ a("div", {
-					className: I.content,
+					className: F.content,
 					children: [/* @__PURE__ */ i("p", {
-						className: I.titleBold,
+						className: F.titleBold,
 						children: t
 					}), /* @__PURE__ */ i("p", {
-						className: I.description,
+						className: F.description,
 						children: s
 					})]
 				}),
-				c && /* @__PURE__ */ i(ke, {
+				c && /* @__PURE__ */ i(Ae, {
 					icon: ce,
 					variant: "ghost",
 					size: "sm",
@@ -797,13 +797,13 @@ var We = {
 				})
 			]
 		}), /* @__PURE__ */ a("div", {
-			className: I.actions,
-			children: [c && /* @__PURE__ */ i(M, {
+			className: F.actions,
+			children: [c && /* @__PURE__ */ i(j, {
 				variant: "ghost",
 				size: "sm",
 				onClick: c,
 				children: l
-			}), u && /* @__PURE__ */ i(M, {
+			}), u && /* @__PURE__ */ i(j, {
 				variant: "secondary",
 				size: "sm",
 				onClick: d,
@@ -812,51 +812,51 @@ var We = {
 			})]
 		})]
 	}) : /* @__PURE__ */ a("div", {
-		className: [I.row, m ? I["row--unread"] : ""].filter(Boolean).join(" "),
+		className: [F.row, m ? F["row--unread"] : ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("span", {
-				className: I.iconWrapSurface,
+				className: F.iconWrapSurface,
 				"aria-hidden": "true",
 				children: h
 			}),
 			/* @__PURE__ */ a("div", {
-				className: I.content,
+				className: F.content,
 				children: [/* @__PURE__ */ i("p", {
-					className: m ? I.titleBold : I.titleMuted,
+					className: m ? F.titleBold : F.titleMuted,
 					children: t
 				}), n && /* @__PURE__ */ i("p", {
-					className: I.timestamp,
+					className: F.timestamp,
 					children: n
 				})]
 			}),
 			m && /* @__PURE__ */ i("span", {
-				className: I.dot,
+				className: F.dot,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, Je = {
+}, Ye = {
 	stat: "_stat_krs8c_1",
 	labelRow: "_labelRow_krs8c_10",
 	label: "_label_krs8c_10",
 	value: "_value_krs8c_27"
-}, Ye = ({ label: e, value: t, progress: n, className: r }) => /* @__PURE__ */ a("div", {
-	className: [Je.stat, r ?? ""].filter(Boolean).join(" "),
+}, Xe = ({ label: e, value: t, progress: n, className: r }) => /* @__PURE__ */ a("div", {
+	className: [Ye.stat, r ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ a("div", {
-		className: Je.labelRow,
+		className: Ye.labelRow,
 		children: [/* @__PURE__ */ i("p", {
-			className: Je.label,
+			className: Ye.label,
 			children: e
 		}), /* @__PURE__ */ i("p", {
-			className: Je.value,
+			className: Ye.value,
 			children: t
 		})]
-	}), /* @__PURE__ */ i(Ve, {
+	}), /* @__PURE__ */ i(He, {
 		value: n,
 		size: "lg",
 		label: e
 	})]
-}), Xe = {
+}), Ze = {
 	balance: "_balance_5gcu5_1",
 	label: "_label_5gcu5_10",
 	amountRow: "_amountRow_5gcu5_19",
@@ -866,25 +866,25 @@ var We = {
 	fill: "_fill_5gcu5_50",
 	"fill--over": "_fill--over_5gcu5_57",
 	footer: "_footer_5gcu5_61"
-}, Ze = (e) => e.toLocaleString("en-US", {
+}, Qe = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), Qe = ({ label: e = "Spent this month", spent: t, limit: n, formatAmount: r = Ze, className: o }) => {
+}), $e = ({ label: e = "Spent this month", spent: t, limit: n, formatAmount: r = Qe, className: o }) => {
 	let s = t > n, c = s ? 100 : n > 0 ? t / n * 100 : 0, l = s ? `${r(t - n)} over your limit` : `${r(n - t)} remaining`;
 	return /* @__PURE__ */ a("div", {
-		className: [Xe.balance, o ?? ""].filter(Boolean).join(" "),
+		className: [Ze.balance, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("p", {
-				className: Xe.label,
+				className: Ze.label,
 				children: e
 			}),
 			/* @__PURE__ */ a("div", {
-				className: Xe.amountRow,
+				className: Ze.amountRow,
 				children: [/* @__PURE__ */ i("p", {
-					className: Xe.amount,
+					className: Ze.amount,
 					children: r(t)
 				}), /* @__PURE__ */ a("p", {
-					className: Xe.limit,
+					className: Ze.limit,
 					children: [
 						"of ",
 						r(n),
@@ -893,24 +893,24 @@ var We = {
 				})]
 			}),
 			/* @__PURE__ */ i("div", {
-				className: Xe.track,
+				className: Ze.track,
 				role: "progressbar",
 				"aria-label": e,
 				"aria-valuenow": Math.round(c),
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				children: /* @__PURE__ */ i("div", {
-					className: [Xe.fill, s ? Xe["fill--over"] : ""].filter(Boolean).join(" "),
+					className: [Ze.fill, s ? Ze["fill--over"] : ""].filter(Boolean).join(" "),
 					style: { width: `${c}%` }
 				})
 			}),
 			/* @__PURE__ */ i("p", {
-				className: Xe.footer,
+				className: Ze.footer,
 				children: l
 			})
 		]
 	});
-}, $e = {
+}, et = {
 	badge: "_badge_a5a38_6",
 	"badge--neutral-subtle": "_badge--neutral-subtle_a5a38_20",
 	"badge--neutral-solid": "_badge--neutral-solid_a5a38_21",
@@ -926,29 +926,29 @@ var We = {
 	"badge--info-solid": "_badge--info-solid_a5a38_41",
 	badge__icon: "_badge__icon_a5a38_44",
 	badge__label: "_badge__label_a5a38_45"
-}, et = ({ variant: e = "neutral", emphasis: t = "subtle", leftIcon: n, rightIcon: r, children: o, className: s }) => /* @__PURE__ */ a("span", {
+}, tt = ({ variant: e = "neutral", emphasis: t = "subtle", leftIcon: n, rightIcon: r, children: o, className: s }) => /* @__PURE__ */ a("span", {
 	className: [
-		$e.badge,
-		$e[`badge--${e}-${t}`],
+		et.badge,
+		et[`badge--${e}-${t}`],
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
 		n && /* @__PURE__ */ i("span", {
-			className: $e.badge__icon,
+			className: et.badge__icon,
 			"aria-hidden": "true",
 			children: n
 		}),
 		/* @__PURE__ */ i("span", {
-			className: $e.badge__label,
+			className: et.badge__label,
 			children: o
 		}),
 		r && /* @__PURE__ */ i("span", {
-			className: $e.badge__icon,
+			className: et.badge__icon,
 			"aria-hidden": "true",
 			children: r
 		})
 	]
-}), L = {
+}), I = {
 	stepper: "_stepper_1w3rz_1",
 	stepBtn: "_stepBtn_1w3rz_10",
 	stepDivider: "_stepDivider_1w3rz_27",
@@ -967,7 +967,7 @@ var We = {
 	"roll-out-down": "_roll-out-down_1w3rz_1",
 	rollInDown: "_rollInDown_1w3rz_133",
 	"roll-in-down": "_roll-in-down_1w3rz_1"
-}, tt = ({ value: t }) => {
+}, nt = ({ value: t }) => {
 	let n = e.useRef(t), [r, o] = e.useState(null);
 	return t !== n.current && (o({
 		value: n.current,
@@ -977,30 +977,30 @@ var We = {
 		let e = setTimeout(() => o(null), 260);
 		return () => clearTimeout(e);
 	}, [r]), /* @__PURE__ */ a("span", {
-		className: L.roll,
+		className: I.roll,
 		children: [r && /* @__PURE__ */ i("span", {
-			className: [L.rollNum, r.direction === "up" ? L.rollOutUp : L.rollOutDown].join(" "),
+			className: [I.rollNum, r.direction === "up" ? I.rollOutUp : I.rollOutDown].join(" "),
 			"aria-hidden": "true",
 			children: r.value
 		}, `out-${r.value}`), /* @__PURE__ */ i("span", {
-			className: [L.rollNum, r ? r.direction === "up" ? L.rollInUp : L.rollInDown : ""].filter(Boolean).join(" "),
+			className: [I.rollNum, r ? r.direction === "up" ? I.rollInUp : I.rollInDown : ""].filter(Boolean).join(" "),
 			onAnimationEnd: () => o(null),
 			children: t
 		}, `in-${t}`)]
 	});
-}, nt = ({ quantity: t, onQuantityChange: n, min: r = 1, max: o, label: s = "Quantity", className: c }) => {
+}, rt = ({ quantity: t, onQuantityChange: n, min: r = 1, max: o, label: s = "Quantity", className: c }) => {
 	let l = t > r, u = o === void 0 || t < o, d = e.useRef(null), [f, p] = e.useState(!1), [m, h] = e.useState(String(t)), g = (e) => {
 		let t = e;
 		return r !== void 0 && (t = Math.max(r, t)), o !== void 0 && (t = Math.min(o, t)), t;
 	};
 	return /* @__PURE__ */ a("div", {
-		className: [L.stepper, c ?? ""].filter(Boolean).join(" "),
+		className: [I.stepper, c ?? ""].filter(Boolean).join(" "),
 		role: "group",
 		"aria-label": s,
 		children: [
 			/* @__PURE__ */ i("button", {
 				type: "button",
-				className: L.stepBtn,
+				className: I.stepBtn,
 				disabled: !l,
 				onClick: () => n?.(Math.max(r, t - 1)),
 				"aria-label": "Decrease quantity",
@@ -1010,17 +1010,17 @@ var We = {
 				})
 			}),
 			/* @__PURE__ */ i("span", {
-				className: L.stepDivider,
+				className: I.stepDivider,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ a("span", {
-				className: L.stepValue,
+				className: I.stepValue,
 				children: [/* @__PURE__ */ i("input", {
 					ref: d,
 					type: "text",
 					inputMode: "numeric",
 					size: Math.max((f ? m : String(t)).length, 1),
-					className: [L.stepInput, f ? "" : L.stepInputResting].filter(Boolean).join(" "),
+					className: [I.stepInput, f ? "" : I.stepInputResting].filter(Boolean).join(" "),
 					value: f ? m : String(t),
 					"aria-label": s,
 					onFocus: (e) => {
@@ -1039,18 +1039,18 @@ var We = {
 						e.key === "Enter" && (e.preventDefault(), d.current?.blur()), e.key === "Escape" && (h(String(t)), d.current?.blur());
 					}
 				}), /* @__PURE__ */ i("span", {
-					className: [L.rollOverlay, f ? L.rollOverlayHidden : ""].filter(Boolean).join(" "),
+					className: [I.rollOverlay, f ? I.rollOverlayHidden : ""].filter(Boolean).join(" "),
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ i(tt, { value: t })
+					children: /* @__PURE__ */ i(nt, { value: t })
 				})]
 			}),
 			/* @__PURE__ */ i("span", {
-				className: L.stepDivider,
+				className: I.stepDivider,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ i("button", {
 				type: "button",
-				className: L.stepBtn,
+				className: I.stepBtn,
 				disabled: !u,
 				onClick: () => n?.(o === void 0 ? t + 1 : Math.min(o, t + 1)),
 				"aria-label": "Increase quantity",
@@ -1061,7 +1061,7 @@ var We = {
 			})
 		]
 	});
-}, R = {
+}, L = {
 	item: "_item_15jww_1",
 	thumb: "_thumb_15jww_11",
 	info: "_info_15jww_19",
@@ -1072,31 +1072,31 @@ var We = {
 	priceRow: "_priceRow_15jww_67",
 	priceOriginal: "_priceOriginal_15jww_75",
 	priceSale: "_priceSale_15jww_80"
-}, rt = (e) => e.toLocaleString("en-US", {
+}, it = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), it = ({ image: e, imageAlt: t, name: n, variant: r, price: o, compareAtPrice: s, quantity: c, onQuantityChange: l, minQuantity: u = 1, maxQuantity: d, onRemove: f, removeLabel: p = "Remove item", formatPrice: m = rt, className: h }) => {
+}), at = ({ image: e, imageAlt: t, name: n, variant: r, price: o, compareAtPrice: s, quantity: c, onQuantityChange: l, minQuantity: u = 1, maxQuantity: d, onRemove: f, removeLabel: p = "Remove item", formatPrice: m = it, className: h }) => {
 	let g = s !== void 0;
 	return /* @__PURE__ */ a("div", {
-		className: [R.item, h ?? ""].filter(Boolean).join(" "),
+		className: [L.item, h ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("img", {
 				src: e,
 				alt: t ?? n,
-				className: R.thumb
+				className: L.thumb
 			}),
 			/* @__PURE__ */ a("div", {
-				className: R.info,
+				className: L.info,
 				children: [
 					/* @__PURE__ */ i("p", {
-						className: R.name,
+						className: L.name,
 						children: n
 					}),
 					r && /* @__PURE__ */ i("p", {
-						className: R.variant,
+						className: L.variant,
 						children: r
 					}),
-					/* @__PURE__ */ i(nt, {
+					/* @__PURE__ */ i(rt, {
 						quantity: c,
 						onQuantityChange: l,
 						min: u,
@@ -1106,20 +1106,20 @@ var We = {
 				]
 			}),
 			/* @__PURE__ */ a("div", {
-				className: R.right,
+				className: L.right,
 				children: [g ? /* @__PURE__ */ a("div", {
-					className: R.priceRow,
+					className: L.priceRow,
 					children: [/* @__PURE__ */ i("span", {
-						className: R.priceOriginal,
+						className: L.priceOriginal,
 						children: m(s)
 					}), /* @__PURE__ */ i("span", {
-						className: R.priceSale,
+						className: L.priceSale,
 						children: m(o)
 					})]
 				}) : /* @__PURE__ */ i("p", {
-					className: R.price,
+					className: L.price,
 					children: m(o)
-				}), /* @__PURE__ */ i(ke, {
+				}), /* @__PURE__ */ i(Ae, {
 					icon: C,
 					variant: "outline",
 					size: "sm",
@@ -1129,7 +1129,7 @@ var We = {
 			})
 		]
 	});
-}, at = {
+}, R = {
 	steps: "_steps_t53um_1",
 	step: "_step_t53um_1",
 	connector: "_connector_t53um_16",
@@ -1146,20 +1146,20 @@ var We = {
 	"Payment",
 	"Confirmation"
 ], st = ({ steps: t = ot, currentStep: n, className: r }) => /* @__PURE__ */ i("div", {
-	className: [at.steps, r ?? ""].filter(Boolean).join(" "),
+	className: [R.steps, r ?? ""].filter(Boolean).join(" "),
 	role: "list",
 	children: t.map((r, o) => {
 		let s = o < n ? "completed" : o === n ? "active" : "upcoming", c = o === t.length - 1;
 		return /* @__PURE__ */ a(e.Fragment, { children: [/* @__PURE__ */ a("div", {
-			className: at.step,
+			className: R.step,
 			role: "listitem",
 			"aria-current": s === "active" ? "step" : void 0,
 			children: [/* @__PURE__ */ i("span", {
 				className: [
-					at.circle,
-					s === "completed" ? at.circleCompleted : "",
-					s === "active" ? at.circleActive : "",
-					s === "upcoming" ? at.circleUpcoming : ""
+					R.circle,
+					s === "completed" ? R.circleCompleted : "",
+					s === "active" ? R.circleActive : "",
+					s === "upcoming" ? R.circleUpcoming : ""
 				].filter(Boolean).join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i(l, {
@@ -1168,14 +1168,14 @@ var We = {
 				})
 			}), /* @__PURE__ */ i("span", {
 				className: [
-					at.label,
-					s === "active" ? at.labelActive : "",
-					s === "upcoming" ? at.labelUpcoming : ""
+					R.label,
+					s === "active" ? R.labelActive : "",
+					s === "upcoming" ? R.labelUpcoming : ""
 				].filter(Boolean).join(" "),
 				children: r
 			})]
 		}), !c && /* @__PURE__ */ i("span", {
-			className: at.connector,
+			className: R.connector,
 			"aria-hidden": "true"
 		})] }, r);
 	})
@@ -1257,7 +1257,7 @@ var We = {
 				className: [gt.price, s ? gt.priceSale : ""].filter(Boolean).join(" "),
 				children: r(e)
 			}),
-			s && n && /* @__PURE__ */ a(et, {
+			s && n && /* @__PURE__ */ a(tt, {
 				variant: "danger",
 				emphasis: "solid",
 				children: [
@@ -1327,7 +1327,7 @@ var We = {
 					alt: t ?? n,
 					className: [z.image, f ? "" : z.imageDimmed].filter(Boolean).join(" ")
 				}),
-				y && f && /* @__PURE__ */ a(et, {
+				y && f && /* @__PURE__ */ a(tt, {
 					variant: "danger",
 					emphasis: "solid",
 					className: z.saleBadge,
@@ -1391,7 +1391,7 @@ var We = {
 						onSelect: () => d?.(e.id ?? e.label)
 					}, e.id ?? e.label))
 				}),
-				/* @__PURE__ */ i(M, {
+				/* @__PURE__ */ i(j, {
 					variant: "primary",
 					size: "md",
 					disabled: !f,
@@ -1556,7 +1556,7 @@ var We = {
 	});
 }, kt = ({ quantity: e, lowStockThreshold: t = 5, label: n, className: r }) => {
 	let a = e <= 0, o = !a && e <= t, s = a ? "danger" : o ? "warning" : "success", c = a ? "Out of stock" : o ? `Only ${e} left` : "In stock";
-	return /* @__PURE__ */ i(et, {
+	return /* @__PURE__ */ i(tt, {
 		variant: s,
 		emphasis: "subtle",
 		className: r,
@@ -1601,7 +1601,7 @@ var We = {
 			children: [
 				/* @__PURE__ */ a("div", {
 					className: V.metaRow,
-					children: [/* @__PURE__ */ i(et, {
+					children: [/* @__PURE__ */ i(tt, {
 						variant: "accent",
 						emphasis: "subtle",
 						children: n
@@ -1620,7 +1620,7 @@ var We = {
 				}),
 				/* @__PURE__ */ a("div", {
 					className: V.author,
-					children: [/* @__PURE__ */ i(be, {
+					children: [/* @__PURE__ */ i(xe, {
 						size: "sm",
 						src: c.avatarSrc,
 						alt: c.avatarAlt ?? c.name
@@ -1663,7 +1663,7 @@ var We = {
 		}), /* @__PURE__ */ a("div", {
 			className: f ? H.bodyVertical : H.bodyHorizontal,
 			children: [
-				/* @__PURE__ */ i(et, {
+				/* @__PURE__ */ i(tt, {
 					variant: "accent",
 					emphasis: "subtle",
 					children: n
@@ -1680,7 +1680,7 @@ var We = {
 					className: H.footer,
 					children: [/* @__PURE__ */ a("div", {
 						className: H.author,
-						children: [/* @__PURE__ */ i(be, {
+						children: [/* @__PURE__ */ i(xe, {
 							size: "md",
 							src: s.avatarSrc,
 							alt: s.avatarAlt ?? s.name,
@@ -1693,7 +1693,7 @@ var We = {
 								s.date
 							]
 						})]
-					}), /* @__PURE__ */ i(M, {
+					}), /* @__PURE__ */ i(j, {
 						variant: "secondary",
 						size: "sm",
 						onClick: l,
@@ -1752,7 +1752,7 @@ var We = {
 		].filter(Boolean).join(" "),
 		children: [o.map((t, n) => /* @__PURE__ */ i("span", {
 			className: Ft.group__item,
-			children: /* @__PURE__ */ i(be, {
+			children: /* @__PURE__ */ i(xe, {
 				size: e,
 				src: t.src,
 				initials: t.initials,
@@ -1800,12 +1800,12 @@ var We = {
 	}), /* @__PURE__ */ a("div", {
 		className: zt.metaRow,
 		children: [
-			/* @__PURE__ */ i(et, {
+			/* @__PURE__ */ i(tt, {
 				variant: "accent",
 				emphasis: "subtle",
 				children: n
 			}),
-			/* @__PURE__ */ i(et, {
+			/* @__PURE__ */ i(tt, {
 				variant: "neutral",
 				emphasis: "subtle",
 				children: o
@@ -1825,7 +1825,7 @@ var We = {
 		children: [/* @__PURE__ */ i("div", {
 			className: zt.rowLeft,
 			children: m
-		}), /* @__PURE__ */ i(M, {
+		}), /* @__PURE__ */ i(j, {
 			variant: "secondary",
 			size: "sm",
 			className: zt.applyBtn,
@@ -1838,7 +1838,7 @@ var We = {
 			zt.rootCard,
 			f ?? ""
 		].filter(Boolean).join(" "),
-		children: [m, /* @__PURE__ */ i(M, {
+		children: [m, /* @__PURE__ */ i(j, {
 			variant: "secondary",
 			size: "sm",
 			onClick: l,
@@ -1858,7 +1858,7 @@ var We = {
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
-		e && /* @__PURE__ */ i(et, {
+		e && /* @__PURE__ */ i(tt, {
 			variant: "accent",
 			emphasis: "subtle",
 			children: e
@@ -2271,7 +2271,7 @@ var We = {
 							})
 						})]
 					}),
-					/* @__PURE__ */ i(ke, {
+					/* @__PURE__ */ i(Ae, {
 						icon: ce,
 						variant: "ghost",
 						size: "md",
@@ -2362,7 +2362,7 @@ var We = {
 			/* @__PURE__ */ a("div", {
 				className: G.row,
 				children: [
-					/* @__PURE__ */ i(ke, {
+					/* @__PURE__ */ i(Ae, {
 						icon: ee,
 						variant: "ghost",
 						size: "sm",
@@ -2384,7 +2384,7 @@ var We = {
 							e.key === "Enter" && re && (e.preventDefault(), s?.());
 						}
 					}),
-					/* @__PURE__ */ i(ke, {
+					/* @__PURE__ */ i(Ae, {
 						ref: T,
 						icon: ne,
 						variant: "ghost",
@@ -2447,7 +2447,7 @@ var We = {
 							children: e
 						}, e))
 					}), document.body),
-					/* @__PURE__ */ i(ke, {
+					/* @__PURE__ */ i(Ae, {
 						icon: te,
 						variant: "primary",
 						size: "sm",
@@ -3013,7 +3013,7 @@ var hn = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: o })
 	option__label: "_option__label_wvw9t_161",
 	option__check: "_option__check_wvw9t_162"
 }, vn = ({ label: t, description: n, error: r, size: o = "md", placeholder: s = "Select an option", options: c, value: l, defaultValue: u, onChange: d, disabled: f, id: p, className: m }) => {
-	let h = e.useId(), g = `${p ?? h}-trigger`, _ = `${p ?? h}-panel`, v = !!r, [y, b] = e.useState(u), x = l === void 0 ? y : l, S = c.find((e) => e.value === x), [C, w] = e.useState(!1), [T, ee] = e.useState(!1), [E, D] = e.useState(0), te = e.useRef(null), ne = e.useRef(null), re = e.useRef(null), ie = Ue(te, T), [ae, oe] = e.useState(null);
+	let h = e.useId(), g = `${p ?? h}-trigger`, _ = `${p ?? h}-panel`, v = !!r, [y, b] = e.useState(u), x = l === void 0 ? y : l, S = c.find((e) => e.value === x), [C, w] = e.useState(!1), [T, ee] = e.useState(!1), [E, D] = e.useState(0), te = e.useRef(null), ne = e.useRef(null), re = e.useRef(null), ie = We(te, T), [ae, oe] = e.useState(null);
 	e.useEffect(() => {
 		C && ee(!0);
 	}, [C]), e.useLayoutEffect(() => {
@@ -3413,31 +3413,33 @@ var hn = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: o })
 });
 Mn.displayName = "Slider";
 var Q = {
-	wrap: "_wrap_1uzvf_6",
-	"wrap--bordered": "_wrap--bordered_1uzvf_17",
-	table: "_table_1uzvf_22",
-	headerRow: "_headerRow_1uzvf_44",
-	headerCell: "_headerCell_1uzvf_45",
-	bodyRow: "_bodyRow_1uzvf_61",
-	"bodyRow--selected": "_bodyRow--selected_1uzvf_66",
-	bodyCell: "_bodyCell_1uzvf_68",
-	checkCell: "_checkCell_1uzvf_80",
-	checkbox: "_checkbox_1uzvf_104",
-	checkbox__input: "_checkbox__input_1uzvf_111",
-	checkbox__box: "_checkbox__box_1uzvf_113",
-	checkbox__check: "_checkbox__check_1uzvf_134",
-	checkbox__dash: "_checkbox__dash_1uzvf_141",
-	stackedList: "_stackedList_1uzvf_160",
-	card: "_card_1uzvf_167",
-	"card--selected": "_card--selected_1uzvf_177",
-	card__field: "_card__field_1uzvf_179",
-	card__label: "_card__label_1uzvf_187",
-	card__value: "_card__value_1uzvf_193",
-	card__selectRow: "_card__selectRow_1uzvf_203",
-	"bodyRow--dragging": "_bodyRow--dragging_1uzvf_213",
-	"bodyRow--dropTarget": "_bodyRow--dropTarget_1uzvf_214",
-	dragCell: "_dragCell_1uzvf_221",
-	dragHandle: "_dragHandle_1uzvf_237"
+	wrap: "_wrap_1oz8g_6",
+	"wrap--bordered": "_wrap--bordered_1oz8g_17",
+	table: "_table_1oz8g_22",
+	headerRow: "_headerRow_1oz8g_44",
+	headerCell: "_headerCell_1oz8g_45",
+	bodyRow: "_bodyRow_1oz8g_61",
+	"bodyRow--selectable": "_bodyRow--selectable_1oz8g_68",
+	"bodyRow--selected": "_bodyRow--selected_1oz8g_69",
+	bodyCell: "_bodyCell_1oz8g_71",
+	checkCell: "_checkCell_1oz8g_83",
+	checkbox: "_checkbox_1oz8g_107",
+	checkbox__input: "_checkbox__input_1oz8g_114",
+	checkbox__box: "_checkbox__box_1oz8g_116",
+	checkbox__check: "_checkbox__check_1oz8g_137",
+	checkbox__dash: "_checkbox__dash_1oz8g_144",
+	stackedList: "_stackedList_1oz8g_163",
+	card: "_card_1oz8g_170",
+	"card--selectable": "_card--selectable_1oz8g_179",
+	"card--selected": "_card--selected_1oz8g_181",
+	card__field: "_card__field_1oz8g_183",
+	card__label: "_card__label_1oz8g_191",
+	card__value: "_card__value_1oz8g_197",
+	card__selectRow: "_card__selectRow_1oz8g_207",
+	"bodyRow--dragging": "_bodyRow--dragging_1oz8g_217",
+	"bodyRow--dropTarget": "_bodyRow--dropTarget_1oz8g_218",
+	dragCell: "_dragCell_1oz8g_225",
+	dragHandle: "_dragHandle_1oz8g_241"
 }, Nn = 640;
 function Pn(t) {
 	let [n, r] = e.useState(!1);
@@ -3490,7 +3492,9 @@ function In({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 		}
 		let e = [...n], [t] = e.splice(C, 1);
 		e.splice(T, 0, t), u?.(e), w(null), ee(null);
-	}, D = () => y(x ? [] : n.map((e, t) => t)), te = (e) => y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]);
+	}, D = () => y(x ? [] : n.map((e, t) => t)), te = (e) => y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]), ne = (e) => (t) => {
+		t.target.closest("a, button, input, select, textarea, label, [role=\"button\"], [draggable=\"true\"]") || window.getSelection()?.isCollapsed && te(e);
+	};
 	return m === "stacked" ? /* @__PURE__ */ i("div", {
 		className: [Q.stackedList, p ?? ""].filter(Boolean).join(" "),
 		role: "list",
@@ -3498,7 +3502,12 @@ function In({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 			let o = v.includes(n);
 			return /* @__PURE__ */ a("div", {
 				role: "listitem",
-				className: [Q.card, o ? Q["card--selected"] : ""].filter(Boolean).join(" "),
+				onClick: r ? ne(n) : void 0,
+				className: [
+					Q.card,
+					o ? Q["card--selected"] : "",
+					r ? Q["card--selectable"] : ""
+				].filter(Boolean).join(" "),
 				children: [r && /* @__PURE__ */ i("div", {
 					className: Q.card__selectRow,
 					children: /* @__PURE__ */ i(Fn, {
@@ -3554,6 +3563,7 @@ function In({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 			}) }), /* @__PURE__ */ i("tbody", { children: n.map((e, n) => {
 				let o = v.includes(n);
 				return /* @__PURE__ */ a("tr", {
+					onClick: r ? ne(n) : void 0,
 					onDragOver: l ? (e) => {
 						e.preventDefault(), ee(n);
 					} : void 0,
@@ -3563,6 +3573,7 @@ function In({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionCh
 					} : void 0,
 					className: [
 						Q.bodyRow,
+						r ? Q["bodyRow--selectable"] : "",
 						o ? Q["bodyRow--selected"] : "",
 						T === n && C !== null && C !== n ? Q["bodyRow--dropTarget"] : "",
 						C === n ? Q["bodyRow--dragging"] : ""
@@ -3836,4 +3847,4 @@ var Ln = {
 	});
 };
 //#endregion
-export { Ge as $, Rt as A, bt as B, Qt as C, Ut as D, Kt as E, kt as F, ot as G, ht as H, Ot as I, et as J, it as K, Tt as L, Pt as M, jt as N, Ht as O, At as P, Ke as Q, Ct as R, $t as S, qt as T, pt as U, vt as V, st as W, Ye as X, Qe as Y, qe as Z, dn as _, Mn as a, Ee as at, nn as b, En as c, be as ct, Sn as d, O as dt, Ve as et, bn as f, fn as g, hn as h, In as i, ke as it, It as j, Bt as k, Tn as l, ge as lt, _n as m, Bn as n, Ae as nt, An as o, we as ot, vn as p, nt as q, Rn as r, M as rt, On as s, xe as st, Vn as t, ze as tt, wn as u, he as ut, cn as v, Xt as w, tn as x, on as y, St as z };
+export { Ke as $, Rt as A, bt as B, Qt as C, Ut as D, Kt as E, kt as F, ot as G, ht as H, Ot as I, tt as J, at as K, Tt as L, Pt as M, jt as N, Ht as O, At as P, qe as Q, Ct as R, $t as S, qt as T, pt as U, vt as V, st as W, Xe as X, $e as Y, Je as Z, dn as _, Mn as a, De as at, nn as b, En as c, xe as ct, Sn as d, O as dt, He as et, bn as f, fn as g, hn as h, In as i, Ae as it, It as j, Bt as k, Tn as l, _e as lt, _n as m, Bn as n, je as nt, An as o, Te as ot, vn as p, rt as q, Rn as r, j as rt, On as s, Se as st, Vn as t, Be as tt, wn as u, ge as ut, cn as v, Xt as w, tn as x, on as y, St as z };