npm - @sakaniui/react - Versions diffs - 0.3.6 → 0.3.8 - Mend

@sakaniui/react 0.3.6 → 0.3.8

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

Files changed (9) hide show

package/dist/TopBar-BYeEhIpa.cjs +1 -0
package/dist/{TopBar-lEYP4HTb.js → TopBar-CGnnA39K.js} +488 -490
package/dist/blocks.cjs +1 -1
package/dist/blocks.mjs +51 -51
package/dist/index.cjs +1 -1
package/dist/index.mjs +10 -10
package/dist/style.css +1 -1
package/package.json +1 -1
package/dist/TopBar-DjB9Z6ne.cjs +0 -1

package/dist/{TopBar-lEYP4HTb.js → TopBar-CGnnA39K.js} RENAMED Viewed

@@ -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, he = {
+var O = (e, t = 1.5) => 24 / e * t, k = {
 	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, he = {
 	"item__panelWrap--open": "_item__panelWrap--open_1njer_50",
 	item__panel: "_item__panel_1njer_45",
 	item__panelInner: "_item__panelInner_1njer_53"
-}, ge = ({ title: t, children: n, open: r, defaultOpen: o = !1, className: s }) => {
+}, he = ({ title: t, children: n, open: r, defaultOpen: o = !1, className: s }) => {
 	let c = r !== void 0, [l, u] = e.useState(o), d = c ? r : l;
 	return /* @__PURE__ */ a("div", {
-		className: [he.item, s ?? ""].filter(Boolean).join(" "),
+		className: [k.item, s ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ a("button", {
 			type: "button",
-			className: he.item__header,
+			className: k.item__header,
 			"aria-expanded": d,
 			onClick: () => !c && u((e) => !e),
 			children: [/* @__PURE__ */ i("span", {
-				className: he.item__title,
+				className: k.item__title,
 				children: t
 			}), /* @__PURE__ */ i("span", {
-				className: [he.item__chevron, d ? he["item__chevron--open"] : ""].join(" "),
+				className: [k.item__chevron, d ? k["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, he = {
 				})
 			})]
 		}), /* @__PURE__ */ i("div", {
-			className: [he.item__panelWrap, d ? he["item__panelWrap--open"] : ""].join(" "),
+			className: [k.item__panelWrap, d ? k["item__panelWrap--open"] : ""].join(" "),
 			children: /* @__PURE__ */ i("div", {
-				className: he.item__panel,
+				className: k.item__panel,
 				children: /* @__PURE__ */ i("div", {
-					className: he.item__panelInner,
+					className: k.item__panelInner,
 					children: n
 				})
 			})
 		})]
 	});
-}, _e = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
-	className: [he.accordion, t ?? ""].filter(Boolean).join(" "),
+}, ge = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
+	className: [k.accordion, t ?? ""].filter(Boolean).join(" "),
 	children: e
-}), ve = {
+}), _e = {
 	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, he = {
 	avatar__image: "_avatar__image_1igqs_31",
 	avatar__initials: "_avatar__initials_1igqs_39",
 	avatar__icon: "_avatar__icon_1igqs_46"
-}, ye = {
+}, ve = {
 	sm: 14,
 	md: 18,
 	lg: 22,
 	xl: 26
-}, be = ({ px: e }) => /* @__PURE__ */ a("svg", {
+}, ye = ({ 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, he = {
 		cy: "7",
 		r: "4"
 	})]
-}), xe = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
+}), be = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
 	let c = [
-		ve.avatar,
-		ve[`avatar--${t}`],
+		_e.avatar,
+		_e[`avatar--${t}`],
 		s ?? ""
 	].filter(Boolean).join(" ");
 	if (n) return /* @__PURE__ */ i("span", {
-		className: [c, ve["avatar--bordered"]].join(" "),
+		className: [c, _e["avatar--bordered"]].join(" "),
 		children: /* @__PURE__ */ i("img", {
 			src: n,
 			alt: r,
-			className: ve.avatar__image
+			className: _e.avatar__image
 		})
 	});
 	if (a) return /* @__PURE__ */ i("span", {
@@ -103,24 +103,24 @@ var O = (e, t = 1.5) => 24 / e * t, he = {
 		role: "img",
 		"aria-label": r || a,
 		children: /* @__PURE__ */ i("span", {
-			className: ve.avatar__initials,
+			className: _e.avatar__initials,
 			children: a.slice(0, 2).toUpperCase()
 		})
 	});
-	let l = ye[t], u = e.isValidElement(o) ? e.cloneElement(o, {
+	let l = ve[t], u = e.isValidElement(o) ? e.cloneElement(o, {
 		size: l,
 		strokeWidth: O(l)
-	}) : o ?? /* @__PURE__ */ i(be, { px: l });
+	}) : o ?? /* @__PURE__ */ i(ye, { px: l });
 	return /* @__PURE__ */ i("span", {
 		className: c,
 		role: "img",
 		"aria-label": r || "avatar",
 		children: /* @__PURE__ */ i("span", {
-			className: ve.avatar__icon,
+			className: _e.avatar__icon,
 			children: u
 		})
 	});
-}, k = {
+}, A = {
 	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, he = {
 	actor: "_actor_1pvgl_88",
 	highlight: "_highlight_1pvgl_89",
 	timestamp: "_timestamp_1pvgl_92"
-}, Se = ({ children: e }) => /* @__PURE__ */ i("span", {
-	className: k.highlight,
+}, xe = ({ children: e }) => /* @__PURE__ */ i("span", {
+	className: A.highlight,
 	children: e
-}), Ce = 16, we = (t) => e.isValidElement(t) ? e.cloneElement(t, {
-	size: Ce,
-	strokeWidth: O(Ce)
-}) : t, Te = ({ items: e, variant: t = "default", className: n }) => {
+}), Se = 16, Ce = (t) => e.isValidElement(t) ? e.cloneElement(t, {
+	size: Se,
+	strokeWidth: O(Se)
+}) : t, we = ({ items: e, variant: t = "default", className: n }) => {
 	let r = t === "compact";
 	return /* @__PURE__ */ i("div", {
 		className: [
-			k.feed,
-			r ? k["feed--compact"] : "",
+			A.feed,
+			r ? A["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: k["row--compact"],
+				className: A["row--compact"],
 				children: [/* @__PURE__ */ a("div", {
-					className: k.compactLeft,
-					children: [/* @__PURE__ */ i(xe, {
+					className: A.compactLeft,
+					children: [/* @__PURE__ */ i(be, {
 						size: "sm",
 						src: t.avatarSrc,
 						alt: t.avatarAlt ?? t.actor
 					}), /* @__PURE__ */ a("p", {
-						className: k.text,
+						className: A.text,
 						children: [
 							/* @__PURE__ */ i("span", {
-								className: k.actor,
+								className: A.actor,
 								children: t.actor
 							}),
 							" ",
@@ -171,49 +171,49 @@ var O = (e, t = 1.5) => 24 / e * t, he = {
 						]
 					})]
 				}), /* @__PURE__ */ i("span", {
-					className: k.timestamp,
+					className: A.timestamp,
 					children: t.timestamp
 				})]
 			}, s) : /* @__PURE__ */ a("div", {
-				className: k["row--default"],
+				className: A["row--default"],
 				children: [/* @__PURE__ */ a("div", {
-					className: k.rail,
+					className: A.rail,
 					children: [/* @__PURE__ */ i("div", {
-						className: k.dot,
-						children: we(t.icon)
-					}), !o && /* @__PURE__ */ i("div", { className: k.connector })]
+						className: A.dot,
+						children: Ce(t.icon)
+					}), !o && /* @__PURE__ */ i("div", { className: A.connector })]
 				}), /* @__PURE__ */ a("div", {
-					className: [k.content, o ? "" : k["content--spaced"]].filter(Boolean).join(" "),
+					className: [A.content, o ? "" : A["content--spaced"]].filter(Boolean).join(" "),
 					children: [/* @__PURE__ */ a("p", {
-						className: k.text,
+						className: A.text,
 						children: [
 							/* @__PURE__ */ i("span", {
-								className: k.actor,
+								className: A.actor,
 								children: t.actor
 							}),
 							" ",
 							t.description
 						]
 					}), /* @__PURE__ */ i("span", {
-						className: k.timestamp,
+						className: A.timestamp,
 						children: t.timestamp
 					})]
 				})]
 			}, s);
 		})
 	});
-}, Ee = {
+}, Te = {
 	link: "_link_1g7dc_3",
 	link__external: "_link__external_1g7dc_34"
-}, De = e.forwardRef(({ external: e, children: t, className: n, href: r, ...o }, s) => /* @__PURE__ */ a("a", {
+}, Ee = e.forwardRef(({ external: e, children: t, className: n, href: r, ...o }, s) => /* @__PURE__ */ a("a", {
 	ref: s,
 	href: r,
-	className: [Ee.link, n ?? ""].filter(Boolean).join(" "),
+	className: [Te.link, n ?? ""].filter(Boolean).join(" "),
 	target: e ? "_blank" : o.target,
 	rel: e ? "noopener noreferrer" : o.rel,
 	...o,
 	children: [t, e && /* @__PURE__ */ i("span", {
-		className: Ee.link__external,
+		className: Te.link__external,
 		"aria-label": "(opens in new tab)",
 		children: /* @__PURE__ */ a("svg", {
 			width: 12,
@@ -238,39 +238,39 @@ var O = (e, t = 1.5) => 24 / e * t, he = {
 		})
 	})]
 }));
-De.displayName = "Link";
-var Oe = {
-	button: "_button_1ls4o_2",
-	"button--sm": "_button--sm_1ls4o_18",
-	"button--md": "_button--md_1ls4o_19",
-	"button--lg": "_button--lg_1ls4o_20",
-	"button--primary": "_button--primary_1ls4o_23",
-	"button--secondary": "_button--secondary_1ls4o_30",
-	"button--outline": "_button--outline_1ls4o_35",
-	"button--ghost": "_button--ghost_1ls4o_40",
-	"button--destructive": "_button--destructive_1ls4o_45"
-}, ke = {
+Ee.displayName = "Link";
+var De = {
+	button: "_button_e2wrf_2",
+	"button--sm": "_button--sm_e2wrf_18",
+	"button--md": "_button--md_e2wrf_19",
+	"button--lg": "_button--lg_e2wrf_20",
+	"button--primary": "_button--primary_e2wrf_23",
+	"button--secondary": "_button--secondary_e2wrf_30",
+	"button--outline": "_button--outline_e2wrf_35",
+	"button--ghost": "_button--ghost_e2wrf_40",
+	"button--destructive": "_button--destructive_e2wrf_45"
+}, Oe = {
 	sm: 16,
 	md: 18,
 	lg: 20
-}, Ae = e.forwardRef(({ icon: e, variant: t = "primary", size: n = "md", disabled: r, className: a, ...o }, s) => /* @__PURE__ */ i("button", {
+}, ke = e.forwardRef(({ icon: e, variant: t = "primary", size: n = "md", disabled: r, className: a, ...o }, s) => /* @__PURE__ */ i("button", {
 	ref: s,
 	disabled: r,
 	className: [
-		Oe.button,
-		Oe[`button--${t}`],
-		Oe[`button--${n}`],
+		De.button,
+		De[`button--${t}`],
+		De[`button--${n}`],
 		a ?? ""
 	].filter(Boolean).join(" "),
 	...o,
 	children: /* @__PURE__ */ i(e, {
-		size: ke[n],
-		strokeWidth: O(ke[n]),
+		size: Oe[n],
+		strokeWidth: O(Oe[n]),
 		"aria-hidden": "true"
 	})
 }));
-Ae.displayName = "IconButton";
-var A = {
+ke.displayName = "IconButton";
+var j = {
 	button: "_button_17bv9_21",
 	"button--primary": "_button--primary_17bv9_72",
 	"button--secondary": "_button--secondary_17bv9_99",
@@ -287,17 +287,17 @@ var A = {
 	"button--loading": "_button--loading_17bv9_251",
 	button__spinner: "_button__spinner_17bv9_255",
 	"sakani-btn-spin": "_sakani-btn-spin_17bv9_1"
-}, j = e.forwardRef(({ variant: e = "primary", size: t = "md", leftIcon: n, rightIcon: r, loading: o = !1, disabled: s, children: c, className: l, ...u }, d) => {
+}, M = 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: [
-			A.button,
-			A[`button--${e}`],
-			A[`button--${t}`],
-			o ? A["button--loading"] : "",
-			n && !o ? A["button--hasLeftIcon"] : "",
-			r && !o ? A["button--hasRightIcon"] : "",
+			j.button,
+			j[`button--${e}`],
+			j[`button--${t}`],
+			o ? j["button--loading"] : "",
+			n && !o ? j["button--hasLeftIcon"] : "",
+			r && !o ? j["button--hasRightIcon"] : "",
 			l ?? ""
 		].filter(Boolean).join(" "),
 		disabled: f,
@@ -305,7 +305,7 @@ var A = {
 		...u,
 		children: [
 			o && /* @__PURE__ */ i("span", {
-				className: [A.button__icon, A.button__spinner].join(" "),
+				className: [j.button__icon, j.button__spinner].join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i("svg", {
 					viewBox: "0 0 24 24",
@@ -317,24 +317,24 @@ var A = {
 				})
 			}),
 			n && !o && /* @__PURE__ */ i("span", {
-				className: A.button__icon,
+				className: j.button__icon,
 				"aria-hidden": "true",
 				children: n
 			}),
 			/* @__PURE__ */ i("span", {
-				className: A.button__label,
+				className: j.button__label,
 				children: c
 			}),
 			r && !o && /* @__PURE__ */ i("span", {
-				className: A.button__icon,
+				className: j.button__icon,
 				"aria-hidden": "true",
 				children: r
 			})
 		]
 	});
 });
-j.displayName = "Button";
-var M = {
+M.displayName = "Button";
+var N = {
 	wrap: "_wrap_3mj75_1",
 	"wrap--vertical": "_wrap--vertical_3mj75_7",
 	"wrap--horizontal": "_wrap--horizontal_3mj75_11",
@@ -348,36 +348,36 @@ var M = {
 	hint: "_hint_3mj75_79",
 	link: "_link_3mj75_88",
 	input: "_input_3mj75_92"
-}, 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 }) => {
+}, Ae = ({ src: t, alt: n, orientation: r = "vertical", accept: o = "image/jpeg,image/png", title: s = "Upload a photo", hint: l = "JPG or PNG, max 5MB.", onFileSelect: u, onRemove: d, className: f }) => {
 	let p = e.useRef(null), m = t !== void 0, [h, g] = e.useState(void 0), _ = m ? t : h, v = r === "horizontal", y = !!_, b = () => p.current?.click(), x = () => {
 		d?.(), m || g(void 0);
 	}, S = /* @__PURE__ */ a("div", {
-		className: [M.textStack, v ? "" : M["textStack--center"]].filter(Boolean).join(" "),
+		className: [N.textStack, v ? "" : N["textStack--center"]].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ i("p", {
-			className: M.title,
+			className: N.title,
 			children: s
 		}), /* @__PURE__ */ i("p", {
-			className: M.hint,
+			className: N.hint,
 			children: l
 		})]
 	});
 	return /* @__PURE__ */ a("div", {
 		className: [
-			M.wrap,
-			M[`wrap--${r}`],
+			N.wrap,
+			N[`wrap--${r}`],
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ a("div", {
-				className: M.circleWrap,
-				children: [/* @__PURE__ */ i(xe, {
+				className: N.circleWrap,
+				children: [/* @__PURE__ */ i(be, {
 					size: v ? "lg" : "xl",
 					src: _,
 					alt: n,
-					className: v ? void 0 : M.bigAvatar
+					className: v ? void 0 : N.bigAvatar
 				}), !v && /* @__PURE__ */ i("button", {
 					type: "button",
-					className: M.badge,
+					className: N.badge,
 					onClick: b,
 					"aria-label": "Change photo",
 					children: /* @__PURE__ */ i(c, {
@@ -387,8 +387,8 @@ var M = {
 				})]
 			}),
 			v && /* @__PURE__ */ a("div", {
-				className: M.horizontalContent,
-				children: [S, y ? /* @__PURE__ */ i(j, {
+				className: N.horizontalContent,
+				children: [S, y ? /* @__PURE__ */ i(M, {
 					variant: "outline",
 					size: "sm",
 					onClick: x,
@@ -397,19 +397,19 @@ var M = {
 						borderColor: "var(--color-danger-border)"
 					},
 					children: "Remove"
-				}) : /* @__PURE__ */ i(j, {
+				}) : /* @__PURE__ */ i(M, {
 					variant: "outline",
 					size: "sm",
 					onClick: b,
 					children: "Upload"
 				})]
 			}),
-			!v && (y ? /* @__PURE__ */ i(De, {
+			!v && (y ? /* @__PURE__ */ i(Ee, {
 				href: "#",
 				onClick: (e) => {
 					e.preventDefault(), b();
 				},
-				className: M.link,
+				className: N.link,
 				style: {
 					color: "var(--color-brand-fg)",
 					fontSize: 16,
@@ -421,7 +421,7 @@ var M = {
 				ref: p,
 				type: "file",
 				accept: o,
-				className: M.input,
+				className: N.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 M = {
 };
 //#endregion
 //#region src/lib/useThemeTick.ts
-function Me() {
+function je() {
 	let [e, r] = n(0);
 	return t(() => {
 		if (typeof document > "u") return;
@@ -444,7 +444,7 @@ function Me() {
 		}), () => e.disconnect();
 	}, []), e;
 }
-var N = {
+var P = {
 	balance: "_balance_kaxp5_1",
 	"balance--progress": "_balance--progress_kaxp5_8",
 	content: "_content_kaxp5_17",
@@ -462,14 +462,14 @@ var N = {
 	changeValue__down: "_changeValue__down_kaxp5_117",
 	changeLabel: "_changeLabel_kaxp5_124",
 	ringCard: "_ringCard_kaxp5_132"
-}, 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)) }];
+}, Me = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", Ne = 8, Pe = 6, Fe = 90, Ie = (e) => {
+	let t = Math.min(e, Ne);
+	return Array.from({ length: t }, () => Me[Math.floor(Math.random() * 36)]).join("");
+}, Le = (e) => typeof window < "u" && getComputedStyle(document.documentElement).getPropertyValue(e).trim() || void 0, Re = ({ progress: e }) => {
+	je();
+	let t = Le("--color-chart-1") ?? "#ff4700", n = Le("--color-bg-subtle") ?? "#f5f4f2", r = [{ value: Math.max(0, Math.min(100, e)) }];
 	return /* @__PURE__ */ i("div", {
-		className: N.ringCard,
+		className: P.ringCard,
 		children: /* @__PURE__ */ i(fe, {
 			width: 64,
 			height: 64,
@@ -495,7 +495,7 @@ var N = {
 			})
 		})
 	});
-}, Be = ({ label: t = "Available balance", value: n, change: r, progress: o, hidden: s, onToggleHidden: c, className: l }) => {
+}, ze = ({ label: t = "Available balance", value: n, change: r, progress: o, hidden: s, onToggleHidden: c, className: l }) => {
 	let u = s !== void 0, [d, f] = e.useState(!1), p = u ? s : d, m = o !== void 0, h = r?.direction ?? "up", g = h === "up" ? oe : ae, y = () => {
 		let e = !p;
 		c?.(e), u || f(e);
@@ -504,23 +504,23 @@ var N = {
 		if (p && !w.current) {
 			x(!0);
 			let e = 0, t = setInterval(() => {
-				e += 1, C((e) => e + 1), e >= Fe && (clearInterval(t), x(!1));
-			}, Ie);
+				e += 1, C((e) => e + 1), e >= Pe && (clearInterval(t), x(!1));
+			}, Fe);
 			return w.current = !0, () => clearInterval(t);
 		}
 		w.current = p;
 	}, [p]);
-	let T = e.useMemo(() => Le(n.length), [n, S]), ee = e.useMemo(() => r ? Le(r.value.length) : "", [r?.value, S]), E = /* @__PURE__ */ a("div", {
-		className: N.content,
+	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,
 		children: [
 			/* @__PURE__ */ a("div", {
-				className: N.labelRow,
+				className: P.labelRow,
 				children: [/* @__PURE__ */ i("p", {
-					className: N.label,
+					className: P.label,
 					children: t
 				}), /* @__PURE__ */ i("button", {
 					type: "button",
-					className: N.hideToggle,
+					className: P.hideToggle,
 					"aria-label": p ? "Show balance" : "Hide balance",
 					onClick: y,
 					children: i(p ? v : _, {
@@ -531,26 +531,26 @@ var N = {
 			}),
 			/* @__PURE__ */ i("p", {
 				className: [
-					N.value,
-					p ? N["value--hidden"] : "",
-					b ? N["value--glitching"] : ""
+					P.value,
+					p ? P["value--hidden"] : "",
+					b ? P["value--glitching"] : ""
 				].filter(Boolean).join(" "),
 				children: p ? T : n
 			}),
 			r && /* @__PURE__ */ a("div", {
-				className: N.changeRow,
+				className: P.changeRow,
 				children: [
 					/* @__PURE__ */ i(g, {
 						size: 24,
 						strokeWidth: 1.5,
-						className: h === "up" ? N.trendIcon__up : N.trendIcon__down
+						className: h === "up" ? P.trendIcon__up : P.trendIcon__down
 					}),
 					/* @__PURE__ */ i("span", {
-						className: [h === "up" ? N.changeValue__up : N.changeValue__down, b ? N["value--glitching"] : ""].filter(Boolean).join(" "),
+						className: [h === "up" ? P.changeValue__up : P.changeValue__down, b ? P["value--glitching"] : ""].filter(Boolean).join(" "),
 						children: p ? ee : r.value
 					}),
 					/* @__PURE__ */ i("span", {
-						className: N.changeLabel,
+						className: P.changeLabel,
 						children: r.label ?? "this month"
 					})
 				]
@@ -559,13 +559,13 @@ var N = {
 	});
 	return /* @__PURE__ */ a("div", {
 		className: [
-			N.balance,
-			m ? N["balance--progress"] : "",
+			P.balance,
+			m ? P["balance--progress"] : "",
 			l ?? ""
 		].filter(Boolean).join(" "),
-		children: [m && /* @__PURE__ */ i(ze, { progress: o }), E]
+		children: [m && /* @__PURE__ */ i(Re, { progress: o }), E]
 	});
-}, Ve = {
+}, Be = {
 	progress: "_progress_1qaz4_11",
 	"progress--sm": "_progress--sm_1qaz4_20",
 	"progress--md": "_progress--md_1qaz4_21",
@@ -573,7 +573,7 @@ var N = {
 	progress__fill: "_progress__fill_1qaz4_25",
 	"progress__fill--indeterminate": "_progress__fill--indeterminate_1qaz4_33",
 	"progress-scan": "_progress-scan_1qaz4_1"
-}, He = ({ value: e, size: t = "md", label: n = "Progress", className: r }) => {
+}, Ve = ({ value: e, size: t = "md", label: n = "Progress", className: r }) => {
 	let a = e === void 0, o = Math.min(100, Math.max(0, e ?? 0));
 	return /* @__PURE__ */ i("div", {
 		role: "progressbar",
@@ -582,45 +582,45 @@ var N = {
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		className: [
-			Ve.progress,
-			Ve[`progress--${t}`],
+			Be.progress,
+			Be[`progress--${t}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ i("div", {
-			className: [Ve.progress__fill, a ? Ve["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
+			className: [Be.progress__fill, a ? Be["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
 			style: a ? void 0 : { width: `${o}%` }
 		})
 	});
-}, Ue = ["dark", "force-light"];
-function We(e, r) {
+}, He = ["dark", "force-light"];
+function Ue(e, r) {
 	let [i, a] = n("");
 	return t(() => {
 		if (!r || typeof document > "u") return;
 		let t = e.current;
 		if (!t) return;
-		let n = t.closest(Ue.map((e) => `.${e}`).join(", ")), i = n ? Ue.find((e) => n.classList.contains(e)) ?? "" : "";
+		let n = t.closest(He.map((e) => `.${e}`).join(", ")), i = n ? He.find((e) => n.classList.contains(e)) ?? "" : "";
 		a(i);
 	}, [e, r]), i;
 }
-var Ge = {
+var We = {
 	"divider--horizontal": "_divider--horizontal_nem37_4",
 	"divider--labeled": "_divider--labeled_nem37_13",
 	"divider--vertical": "_divider--vertical_nem37_27",
 	divider__label: "_divider__label_nem37_38"
-}, Ke = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
+}, Ge = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
 	role: "separator",
 	"aria-orientation": e,
 	className: [
-		Ge.divider,
-		Ge[`divider--${e}`],
-		t ? Ge["divider--labeled"] : "",
+		We.divider,
+		We[`divider--${e}`],
+		t ? We["divider--labeled"] : "",
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: t && e === "horizontal" && /* @__PURE__ */ i("span", {
-		className: Ge.divider__label,
+		className: We.divider__label,
 		children: t
 	})
-}), P = {
+}), F = {
 	backdrop: "_backdrop_123ke_1",
 	card: "_card_123ke_12",
 	header: "_header_123ke_32",
@@ -639,8 +639,8 @@ var Ge = {
 	"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"
-}, 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);
+}, 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);
 	return e.useEffect(() => {
 		t && D(!0);
 	}, [t]), e.useEffect(() => {
@@ -678,9 +678,9 @@ var Ge = {
 		"aria-hidden": "true"
 	}), E && me(/* @__PURE__ */ i("div", {
 		className: [
-			P.backdrop,
+			F.backdrop,
 			ee,
-			t ? P["backdrop--entering"] : P["backdrop--exiting"]
+			t ? F["backdrop--entering"] : F["backdrop--exiting"]
 		].filter(Boolean).join(" "),
 		onMouseDown: (e) => {
 			g && e.target === e.currentTarget && n();
@@ -693,8 +693,8 @@ var Ge = {
 			"aria-label": v ? o : void 0,
 			tabIndex: -1,
 			className: [
-				P.card,
-				t ? P["card--entering"] : P["card--exiting"],
+				F.card,
+				t ? F["card--entering"] : F["card--exiting"],
 				x ?? ""
 			].filter(Boolean).join(" "),
 			onAnimationEnd: (e) => {
@@ -702,23 +702,23 @@ var Ge = {
 			},
 			children: [
 				!v && /* @__PURE__ */ a("div", {
-					className: P.header,
+					className: F.header,
 					children: [/* @__PURE__ */ a("div", {
-						className: P.titleGroup,
+						className: F.titleGroup,
 						children: [S && /* @__PURE__ */ i("span", {
-							className: P.iconWrap,
+							className: F.iconWrap,
 							"aria-hidden": "true",
 							children: l ?? /* @__PURE__ */ i(se, {
 								size: 24,
 								strokeWidth: O(24),
-								className: P.icon
+								className: F.icon
 							})
 						}), /* @__PURE__ */ i("p", {
 							id: "modal-title",
-							className: P.title,
+							className: F.title,
 							children: o
 						})]
-					}), /* @__PURE__ */ i(Ae, {
+					}), /* @__PURE__ */ i(ke, {
 						icon: ce,
 						variant: "ghost",
 						size: "lg",
@@ -727,19 +727,19 @@ var Ge = {
 					})]
 				}),
 				s && /* @__PURE__ */ i("p", {
-					className: P.description,
+					className: F.description,
 					children: s
 				}),
 				_,
-				!y && /* @__PURE__ */ i(Ke, {}),
+				!y && /* @__PURE__ */ i(Ge, {}),
 				/* @__PURE__ */ a("div", {
-					className: [P.footer, b === "between" ? P["footer--between"] : ""].filter(Boolean).join(" "),
-					children: [/* @__PURE__ */ i(j, {
+					className: [F.footer, b === "between" ? F["footer--between"] : ""].filter(Boolean).join(" "),
+					children: [/* @__PURE__ */ i(M, {
 						variant: "secondary",
 						onClick: () => (f ?? n)(),
 						style: { borderColor: "transparent" },
 						children: u
-					}), /* @__PURE__ */ i(j, {
+					}), /* @__PURE__ */ i(M, {
 						variant: S ? "destructive" : "primary",
 						onClick: p,
 						loading: m,
@@ -749,7 +749,7 @@ var Ge = {
 			]
 		})
 	}), document.body)] });
-}, F = {
+}, I = {
 	row: "_row_88l3n_2",
 	"row--unread": "_row--unread_88l3n_12",
 	iconWrapSurface: "_iconWrapSurface_88l3n_17",
@@ -763,32 +763,32 @@ var Ge = {
 	cardTop: "_cardTop_88l3n_87",
 	description: "_description_88l3n_94",
 	actions: "_actions_88l3n_102"
-}, Je = ({ icon: e, title: t, timestamp: n, read: r = !1, description: s, onDismiss: c, dismissLabel: l = "Dismiss", actionLabel: u, onAction: d, className: f }) => {
+}, qe = ({ icon: e, title: t, timestamp: n, read: r = !1, description: s, onDismiss: c, dismissLabel: l = "Dismiss", actionLabel: u, onAction: d, className: f }) => {
 	let p = s !== void 0, m = !r && !p, h = e ?? /* @__PURE__ */ i(o, {
 		size: 24,
 		strokeWidth: O(24)
 	});
 	return p ? /* @__PURE__ */ a("div", {
-		className: [F.card, f ?? ""].filter(Boolean).join(" "),
+		className: [I.card, f ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ a("div", {
-			className: F.cardTop,
+			className: I.cardTop,
 			children: [
 				/* @__PURE__ */ i("span", {
-					className: F.iconWrapCanvas,
+					className: I.iconWrapCanvas,
 					"aria-hidden": "true",
 					children: h
 				}),
 				/* @__PURE__ */ a("div", {
-					className: F.content,
+					className: I.content,
 					children: [/* @__PURE__ */ i("p", {
-						className: F.titleBold,
+						className: I.titleBold,
 						children: t
 					}), /* @__PURE__ */ i("p", {
-						className: F.description,
+						className: I.description,
 						children: s
 					})]
 				}),
-				c && /* @__PURE__ */ i(Ae, {
+				c && /* @__PURE__ */ i(ke, {
 					icon: ce,
 					variant: "ghost",
 					size: "sm",
@@ -797,13 +797,13 @@ var Ge = {
 				})
 			]
 		}), /* @__PURE__ */ a("div", {
-			className: F.actions,
-			children: [c && /* @__PURE__ */ i(j, {
+			className: I.actions,
+			children: [c && /* @__PURE__ */ i(M, {
 				variant: "ghost",
 				size: "sm",
 				onClick: c,
 				children: l
-			}), u && /* @__PURE__ */ i(j, {
+			}), u && /* @__PURE__ */ i(M, {
 				variant: "secondary",
 				size: "sm",
 				onClick: d,
@@ -812,51 +812,51 @@ var Ge = {
 			})]
 		})]
 	}) : /* @__PURE__ */ a("div", {
-		className: [F.row, m ? F["row--unread"] : ""].filter(Boolean).join(" "),
+		className: [I.row, m ? I["row--unread"] : ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("span", {
-				className: F.iconWrapSurface,
+				className: I.iconWrapSurface,
 				"aria-hidden": "true",
 				children: h
 			}),
 			/* @__PURE__ */ a("div", {
-				className: F.content,
+				className: I.content,
 				children: [/* @__PURE__ */ i("p", {
-					className: m ? F.titleBold : F.titleMuted,
+					className: m ? I.titleBold : I.titleMuted,
 					children: t
 				}), n && /* @__PURE__ */ i("p", {
-					className: F.timestamp,
+					className: I.timestamp,
 					children: n
 				})]
 			}),
 			m && /* @__PURE__ */ i("span", {
-				className: F.dot,
+				className: I.dot,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, Ye = {
+}, Je = {
 	stat: "_stat_krs8c_1",
 	labelRow: "_labelRow_krs8c_10",
 	label: "_label_krs8c_10",
 	value: "_value_krs8c_27"
-}, Xe = ({ label: e, value: t, progress: n, className: r }) => /* @__PURE__ */ a("div", {
-	className: [Ye.stat, r ?? ""].filter(Boolean).join(" "),
+}, Ye = ({ label: e, value: t, progress: n, className: r }) => /* @__PURE__ */ a("div", {
+	className: [Je.stat, r ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ a("div", {
-		className: Ye.labelRow,
+		className: Je.labelRow,
 		children: [/* @__PURE__ */ i("p", {
-			className: Ye.label,
+			className: Je.label,
 			children: e
 		}), /* @__PURE__ */ i("p", {
-			className: Ye.value,
+			className: Je.value,
 			children: t
 		})]
-	}), /* @__PURE__ */ i(He, {
+	}), /* @__PURE__ */ i(Ve, {
 		value: n,
 		size: "lg",
 		label: e
 	})]
-}), Ze = {
+}), Xe = {
 	balance: "_balance_5gcu5_1",
 	label: "_label_5gcu5_10",
 	amountRow: "_amountRow_5gcu5_19",
@@ -866,25 +866,25 @@ var Ge = {
 	fill: "_fill_5gcu5_50",
 	"fill--over": "_fill--over_5gcu5_57",
 	footer: "_footer_5gcu5_61"
-}, Qe = (e) => e.toLocaleString("en-US", {
+}, Ze = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), $e = ({ label: e = "Spent this month", spent: t, limit: n, formatAmount: r = Qe, className: o }) => {
+}), Qe = ({ label: e = "Spent this month", spent: t, limit: n, formatAmount: r = Ze, className: o }) => {
 	let s = t > n, c = s ? 100 : n > 0 ? t / n * 100 : 0, l = s ? `${r(t - n)} over your limit` : `${r(n - t)} remaining`;
 	return /* @__PURE__ */ a("div", {
-		className: [Ze.balance, o ?? ""].filter(Boolean).join(" "),
+		className: [Xe.balance, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("p", {
-				className: Ze.label,
+				className: Xe.label,
 				children: e
 			}),
 			/* @__PURE__ */ a("div", {
-				className: Ze.amountRow,
+				className: Xe.amountRow,
 				children: [/* @__PURE__ */ i("p", {
-					className: Ze.amount,
+					className: Xe.amount,
 					children: r(t)
 				}), /* @__PURE__ */ a("p", {
-					className: Ze.limit,
+					className: Xe.limit,
 					children: [
 						"of ",
 						r(n),
@@ -893,24 +893,24 @@ var Ge = {
 				})]
 			}),
 			/* @__PURE__ */ i("div", {
-				className: Ze.track,
+				className: Xe.track,
 				role: "progressbar",
 				"aria-label": e,
 				"aria-valuenow": Math.round(c),
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				children: /* @__PURE__ */ i("div", {
-					className: [Ze.fill, s ? Ze["fill--over"] : ""].filter(Boolean).join(" "),
+					className: [Xe.fill, s ? Xe["fill--over"] : ""].filter(Boolean).join(" "),
 					style: { width: `${c}%` }
 				})
 			}),
 			/* @__PURE__ */ i("p", {
-				className: Ze.footer,
+				className: Xe.footer,
 				children: l
 			})
 		]
 	});
-}, et = {
+}, $e = {
 	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 Ge = {
 	"badge--info-solid": "_badge--info-solid_a5a38_41",
 	badge__icon: "_badge__icon_a5a38_44",
 	badge__label: "_badge__label_a5a38_45"
-}, tt = ({ variant: e = "neutral", emphasis: t = "subtle", leftIcon: n, rightIcon: r, children: o, className: s }) => /* @__PURE__ */ a("span", {
+}, et = ({ variant: e = "neutral", emphasis: t = "subtle", leftIcon: n, rightIcon: r, children: o, className: s }) => /* @__PURE__ */ a("span", {
 	className: [
-		et.badge,
-		et[`badge--${e}-${t}`],
+		$e.badge,
+		$e[`badge--${e}-${t}`],
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
 		n && /* @__PURE__ */ i("span", {
-			className: et.badge__icon,
+			className: $e.badge__icon,
 			"aria-hidden": "true",
 			children: n
 		}),
 		/* @__PURE__ */ i("span", {
-			className: et.badge__label,
+			className: $e.badge__label,
 			children: o
 		}),
 		r && /* @__PURE__ */ i("span", {
-			className: et.badge__icon,
+			className: $e.badge__icon,
 			"aria-hidden": "true",
 			children: r
 		})
 	]
-}), I = {
+}), L = {
 	stepper: "_stepper_1w3rz_1",
 	stepBtn: "_stepBtn_1w3rz_10",
 	stepDivider: "_stepDivider_1w3rz_27",
@@ -967,7 +967,7 @@ var Ge = {
 	"roll-out-down": "_roll-out-down_1w3rz_1",
 	rollInDown: "_rollInDown_1w3rz_133",
 	"roll-in-down": "_roll-in-down_1w3rz_1"
-}, nt = ({ value: t }) => {
+}, tt = ({ 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 Ge = {
 		let e = setTimeout(() => o(null), 260);
 		return () => clearTimeout(e);
 	}, [r]), /* @__PURE__ */ a("span", {
-		className: I.roll,
+		className: L.roll,
 		children: [r && /* @__PURE__ */ i("span", {
-			className: [I.rollNum, r.direction === "up" ? I.rollOutUp : I.rollOutDown].join(" "),
+			className: [L.rollNum, r.direction === "up" ? L.rollOutUp : L.rollOutDown].join(" "),
 			"aria-hidden": "true",
 			children: r.value
 		}, `out-${r.value}`), /* @__PURE__ */ i("span", {
-			className: [I.rollNum, r ? r.direction === "up" ? I.rollInUp : I.rollInDown : ""].filter(Boolean).join(" "),
+			className: [L.rollNum, r ? r.direction === "up" ? L.rollInUp : L.rollInDown : ""].filter(Boolean).join(" "),
 			onAnimationEnd: () => o(null),
 			children: t
 		}, `in-${t}`)]
 	});
-}, rt = ({ quantity: t, onQuantityChange: n, min: r = 1, max: o, label: s = "Quantity", className: c }) => {
+}, nt = ({ quantity: t, onQuantityChange: n, min: r = 1, max: o, label: s = "Quantity", className: c }) => {
 	let l = t > r, u = o === void 0 || t < o, d = e.useRef(null), [f, p] = e.useState(!1), [m, h] = e.useState(String(t)), g = (e) => {
 		let t = e;
 		return r !== void 0 && (t = Math.max(r, t)), o !== void 0 && (t = Math.min(o, t)), t;
 	};
 	return /* @__PURE__ */ a("div", {
-		className: [I.stepper, c ?? ""].filter(Boolean).join(" "),
+		className: [L.stepper, c ?? ""].filter(Boolean).join(" "),
 		role: "group",
 		"aria-label": s,
 		children: [
 			/* @__PURE__ */ i("button", {
 				type: "button",
-				className: I.stepBtn,
+				className: L.stepBtn,
 				disabled: !l,
 				onClick: () => n?.(Math.max(r, t - 1)),
 				"aria-label": "Decrease quantity",
@@ -1010,17 +1010,17 @@ var Ge = {
 				})
 			}),
 			/* @__PURE__ */ i("span", {
-				className: I.stepDivider,
+				className: L.stepDivider,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ a("span", {
-				className: I.stepValue,
+				className: L.stepValue,
 				children: [/* @__PURE__ */ i("input", {
 					ref: d,
 					type: "text",
 					inputMode: "numeric",
 					size: Math.max((f ? m : String(t)).length, 1),
-					className: [I.stepInput, f ? "" : I.stepInputResting].filter(Boolean).join(" "),
+					className: [L.stepInput, f ? "" : L.stepInputResting].filter(Boolean).join(" "),
 					value: f ? m : String(t),
 					"aria-label": s,
 					onFocus: (e) => {
@@ -1039,18 +1039,18 @@ var Ge = {
 						e.key === "Enter" && (e.preventDefault(), d.current?.blur()), e.key === "Escape" && (h(String(t)), d.current?.blur());
 					}
 				}), /* @__PURE__ */ i("span", {
-					className: [I.rollOverlay, f ? I.rollOverlayHidden : ""].filter(Boolean).join(" "),
+					className: [L.rollOverlay, f ? L.rollOverlayHidden : ""].filter(Boolean).join(" "),
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ i(nt, { value: t })
+					children: /* @__PURE__ */ i(tt, { value: t })
 				})]
 			}),
 			/* @__PURE__ */ i("span", {
-				className: I.stepDivider,
+				className: L.stepDivider,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ i("button", {
 				type: "button",
-				className: I.stepBtn,
+				className: L.stepBtn,
 				disabled: !u,
 				onClick: () => n?.(o === void 0 ? t + 1 : Math.min(o, t + 1)),
 				"aria-label": "Increase quantity",
@@ -1061,7 +1061,7 @@ var Ge = {
 			})
 		]
 	});
-}, L = {
+}, R = {
 	item: "_item_15jww_1",
 	thumb: "_thumb_15jww_11",
 	info: "_info_15jww_19",
@@ -1072,31 +1072,31 @@ var Ge = {
 	priceRow: "_priceRow_15jww_67",
 	priceOriginal: "_priceOriginal_15jww_75",
 	priceSale: "_priceSale_15jww_80"
-}, it = (e) => e.toLocaleString("en-US", {
+}, rt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), 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 }) => {
+}), it = ({ image: e, imageAlt: t, name: n, variant: r, price: o, compareAtPrice: s, quantity: c, onQuantityChange: l, minQuantity: u = 1, maxQuantity: d, onRemove: f, removeLabel: p = "Remove item", formatPrice: m = rt, className: h }) => {
 	let g = s !== void 0;
 	return /* @__PURE__ */ a("div", {
-		className: [L.item, h ?? ""].filter(Boolean).join(" "),
+		className: [R.item, h ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ i("img", {
 				src: e,
 				alt: t ?? n,
-				className: L.thumb
+				className: R.thumb
 			}),
 			/* @__PURE__ */ a("div", {
-				className: L.info,
+				className: R.info,
 				children: [
 					/* @__PURE__ */ i("p", {
-						className: L.name,
+						className: R.name,
 						children: n
 					}),
 					r && /* @__PURE__ */ i("p", {
-						className: L.variant,
+						className: R.variant,
 						children: r
 					}),
-					/* @__PURE__ */ i(rt, {
+					/* @__PURE__ */ i(nt, {
 						quantity: c,
 						onQuantityChange: l,
 						min: u,
@@ -1106,20 +1106,20 @@ var Ge = {
 				]
 			}),
 			/* @__PURE__ */ a("div", {
-				className: L.right,
+				className: R.right,
 				children: [g ? /* @__PURE__ */ a("div", {
-					className: L.priceRow,
+					className: R.priceRow,
 					children: [/* @__PURE__ */ i("span", {
-						className: L.priceOriginal,
+						className: R.priceOriginal,
 						children: m(s)
 					}), /* @__PURE__ */ i("span", {
-						className: L.priceSale,
+						className: R.priceSale,
 						children: m(o)
 					})]
 				}) : /* @__PURE__ */ i("p", {
-					className: L.price,
+					className: R.price,
 					children: m(o)
-				}), /* @__PURE__ */ i(Ae, {
+				}), /* @__PURE__ */ i(ke, {
 					icon: C,
 					variant: "outline",
 					size: "sm",
@@ -1129,7 +1129,7 @@ var Ge = {
 			})
 		]
 	});
-}, R = {
+}, z = {
 	steps: "_steps_t53um_1",
 	step: "_step_t53um_1",
 	connector: "_connector_t53um_16",
@@ -1140,26 +1140,26 @@ var Ge = {
 	label: "_label_t53um_49",
 	labelActive: "_labelActive_t53um_56",
 	labelUpcoming: "_labelUpcoming_t53um_59"
-}, ot = [
+}, at = [
 	"Cart",
 	"Shipping",
 	"Payment",
 	"Confirmation"
-], st = ({ steps: t = ot, currentStep: n, className: r }) => /* @__PURE__ */ i("div", {
-	className: [R.steps, r ?? ""].filter(Boolean).join(" "),
+], ot = ({ steps: t = at, currentStep: n, className: r }) => /* @__PURE__ */ i("div", {
+	className: [z.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: R.step,
+			className: z.step,
 			role: "listitem",
 			"aria-current": s === "active" ? "step" : void 0,
 			children: [/* @__PURE__ */ i("span", {
 				className: [
-					R.circle,
-					s === "completed" ? R.circleCompleted : "",
-					s === "active" ? R.circleActive : "",
-					s === "upcoming" ? R.circleUpcoming : ""
+					z.circle,
+					s === "completed" ? z.circleCompleted : "",
+					s === "active" ? z.circleActive : "",
+					s === "upcoming" ? z.circleUpcoming : ""
 				].filter(Boolean).join(" "),
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ i(l, {
@@ -1168,46 +1168,46 @@ var Ge = {
 				})
 			}), /* @__PURE__ */ i("span", {
 				className: [
-					R.label,
-					s === "active" ? R.labelActive : "",
-					s === "upcoming" ? R.labelUpcoming : ""
+					z.label,
+					s === "active" ? z.labelActive : "",
+					s === "upcoming" ? z.labelUpcoming : ""
 				].filter(Boolean).join(" "),
 				children: r
 			})]
 		}), !c && /* @__PURE__ */ i("span", {
-			className: R.connector,
+			className: z.connector,
 			"aria-hidden": "true"
 		})] }, r);
 	})
-}), ct = "#fafaf9", lt = "#141414", ut = (e, t, n) => {
+}), st = "#fafaf9", ct = "#141414", lt = (e, t, n) => {
 	let r = (e) => {
 		let t = e / 255;
 		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 	};
 	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
-}, dt = (e, t) => {
+}, ut = (e, t) => {
 	let n = Math.max(e, t), r = Math.min(e, t);
 	return (n + .05) / (r + .05);
-}, ft = null, pt = (e) => {
-	if (typeof document > "u") return ct;
-	ft ??= document.createElement("canvas"), ft.width = 1, ft.height = 1;
-	let t = ft.getContext("2d", { willReadFrequently: !0 });
-	if (!t) return ct;
+}, dt = null, ft = (e) => {
+	if (typeof document > "u") return st;
+	dt ??= document.createElement("canvas"), dt.width = 1, dt.height = 1;
+	let t = dt.getContext("2d", { willReadFrequently: !0 });
+	if (!t) return st;
 	t.clearRect(0, 0, 1, 1), t.fillStyle = e, t.fillRect(0, 0, 1, 1);
-	let [n, r, i] = t.getImageData(0, 0, 1, 1).data, a = ut(n, r, i), o = dt(a, ut(20, 20, 20));
-	return dt(a, ut(250, 250, 249)) >= o ? ct : lt;
-}, mt = {
+	let [n, r, i] = t.getImageData(0, 0, 1, 1).data, a = lt(n, r, i), o = ut(a, lt(20, 20, 20));
+	return ut(a, lt(250, 250, 249)) >= o ? st : ct;
+}, pt = {
 	swatch: "_swatch_1i3c3_1",
 	circle: "_circle_1i3c3_22",
 	circleUnavailable: "_circleUnavailable_1i3c3_32",
 	ring: "_ring_1i3c3_39",
 	check: "_check_1i3c3_55",
 	strike: "_strike_1i3c3_66"
-}, ht = ({ color: t, label: n, selected: r = !1, available: o = !0, onSelect: s, className: c }) => {
-	let u = e.useMemo(() => pt(t), [t]);
+}, mt = ({ color: t, label: n, selected: r = !1, available: o = !0, onSelect: s, className: c }) => {
+	let u = e.useMemo(() => ft(t), [t]);
 	return /* @__PURE__ */ a("button", {
 		type: "button",
-		className: [mt.swatch, c ?? ""].filter(Boolean).join(" "),
+		className: [pt.swatch, c ?? ""].filter(Boolean).join(" "),
 		style: { "--swatch-color": t },
 		disabled: !o,
 		"aria-pressed": o ? r : void 0,
@@ -1215,49 +1215,49 @@ var Ge = {
 		onClick: s,
 		children: [
 			r && o && /* @__PURE__ */ i("span", {
-				className: mt.ring,
+				className: pt.ring,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ i("span", {
-				className: [mt.circle, o ? "" : mt.circleUnavailable].filter(Boolean).join(" "),
+				className: [pt.circle, o ? "" : pt.circleUnavailable].filter(Boolean).join(" "),
 				"aria-hidden": "true"
 			}),
 			r && o && /* @__PURE__ */ i(l, {
 				size: 14,
 				strokeWidth: O(14),
-				className: mt.check,
+				className: pt.check,
 				style: { color: u },
 				"aria-hidden": "true"
 			}),
 			!o && /* @__PURE__ */ i("span", {
-				className: mt.strike,
+				className: pt.strike,
 				style: { background: u },
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, gt = {
+}, ht = {
 	row: "_row_1r4ef_1",
 	original: "_original_1r4ef_8",
 	price: "_price_1r4ef_17",
 	priceSale: "_priceSale_1r4ef_24"
-}, _t = (e) => e.toLocaleString("en-US", {
+}, gt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), vt = ({ price: e, compareAtPrice: t, showBadge: n = !1, formatPrice: r = _t, className: o }) => {
+}), _t = ({ price: e, compareAtPrice: t, showBadge: n = !1, formatPrice: r = gt, className: o }) => {
 	let s = t !== void 0, c = s ? Math.ceil((1 - e / t) * 100) : 0;
 	return /* @__PURE__ */ a("div", {
-		className: [gt.row, o ?? ""].filter(Boolean).join(" "),
+		className: [ht.row, o ?? ""].filter(Boolean).join(" "),
 		children: [
 			s && /* @__PURE__ */ i("span", {
-				className: gt.original,
+				className: ht.original,
 				children: r(t)
 			}),
 			/* @__PURE__ */ i("span", {
-				className: [gt.price, s ? gt.priceSale : ""].filter(Boolean).join(" "),
+				className: [ht.price, s ? ht.priceSale : ""].filter(Boolean).join(" "),
 				children: r(e)
 			}),
-			s && n && /* @__PURE__ */ a(tt, {
+			s && n && /* @__PURE__ */ a(et, {
 				variant: "danger",
 				emphasis: "solid",
 				children: [
@@ -1268,17 +1268,17 @@ var Ge = {
 			})
 		]
 	});
-}, yt = {
+}, vt = {
 	button: "_button_1mp7q_1",
 	icon: "_icon_1mp7q_24",
 	iconSaved: "_iconSaved_1mp7q_27",
 	bounce: "_bounce_1mp7q_40",
 	"wishlist-bounce": "_wishlist-bounce_1mp7q_1"
-}, bt = ({ saved: t = !1, onToggle: n, label: r = "item", className: a }) => {
+}, yt = ({ saved: t = !1, onToggle: n, label: r = "item", className: a }) => {
 	let [o, s] = e.useState(!1);
 	return /* @__PURE__ */ i("button", {
 		type: "button",
-		className: [yt.button, a ?? ""].filter(Boolean).join(" "),
+		className: [vt.button, a ?? ""].filter(Boolean).join(" "),
 		"aria-pressed": t,
 		"aria-label": t ? `Remove ${r} from wishlist` : `Add ${r} to wishlist`,
 		onClick: () => {
@@ -1287,12 +1287,12 @@ var Ge = {
 		children: /* @__PURE__ */ i(x, {
 			size: 16,
 			strokeWidth: O(16),
-			className: [t ? yt.iconSaved : yt.icon, o ? yt.bounce : ""].filter(Boolean).join(" "),
+			className: [t ? vt.iconSaved : vt.icon, o ? vt.bounce : ""].filter(Boolean).join(" "),
 			fill: t ? "currentColor" : "none",
 			onAnimationEnd: () => s(!1)
 		})
 	});
-}, z = {
+}, B = {
 	card: "_card_jlv97_1",
 	imageWrap: "_imageWrap_jlv97_16",
 	image: "_image_jlv97_16",
@@ -1312,97 +1312,97 @@ var Ge = {
 	description: "_description_jlv97_118",
 	swatches: "_swatches_jlv97_131",
 	addButton: "_addButton_jlv97_136"
-}, xt = (e) => e.toLocaleString("en-US", {
+}, bt = (e) => e.toLocaleString("en-US", {
 	style: "currency",
 	currency: "USD"
-}), St = ({ image: e, imageAlt: t, name: n, description: r, price: o, compareAtPrice: s, rating: c, reviewCount: l, colors: u = [], onColorSelect: d, inStock: f = !0, wishlisted: p = !1, onWishlistToggle: m, onAddItem: h, addItemLabel: g = "Add Item", formatPrice: _ = xt, className: v }) => {
+}), xt = ({ image: e, imageAlt: t, name: n, description: r, price: o, compareAtPrice: s, rating: c, reviewCount: l, colors: u = [], onColorSelect: d, inStock: f = !0, wishlisted: p = !1, onWishlistToggle: m, onAddItem: h, addItemLabel: g = "Add Item", formatPrice: _ = bt, className: v }) => {
 	let y = s !== void 0, b = y ? Math.ceil((1 - o / s) * 100) : 0, x = c === void 0 ? 0 : Math.round(c);
 	return /* @__PURE__ */ a("div", {
-		className: [z.card, v ?? ""].filter(Boolean).join(" "),
+		className: [B.card, v ?? ""].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ a("div", {
-			className: z.imageWrap,
+			className: B.imageWrap,
 			children: [
 				/* @__PURE__ */ i("img", {
 					src: e,
 					alt: t ?? n,
-					className: [z.image, f ? "" : z.imageDimmed].filter(Boolean).join(" ")
+					className: [B.image, f ? "" : B.imageDimmed].filter(Boolean).join(" ")
 				}),
-				y && f && /* @__PURE__ */ a(tt, {
+				y && f && /* @__PURE__ */ a(et, {
 					variant: "danger",
 					emphasis: "solid",
-					className: z.saleBadge,
+					className: B.saleBadge,
 					children: [
 						"-",
 						b,
 						"%"
 					]
 				}),
-				f && /* @__PURE__ */ i(bt, {
+				f && /* @__PURE__ */ i(yt, {
 					saved: p,
 					label: n,
-					className: z.wishlistBtn,
+					className: B.wishlistBtn,
 					onToggle: m
 				}),
 				!f && /* @__PURE__ */ i("span", {
-					className: z.outOfStockLabel,
+					className: B.outOfStockLabel,
 					children: "Out of stock"
 				})
 			]
 		}), /* @__PURE__ */ a("div", {
-			className: z.body,
+			className: B.body,
 			children: [
 				c !== void 0 && /* @__PURE__ */ i("div", {
-					className: z.rating,
+					className: B.rating,
 					role: "img",
 					"aria-label": `Rated ${c} out of 5${l ? ` (${l} reviews)` : ""}`,
 					children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ i(re, {
 						size: 16,
 						strokeWidth: O(16),
-						className: t < x ? z.starFilled : z.starEmpty,
+						className: t < x ? B.starFilled : B.starEmpty,
 						fill: t < x ? "currentColor" : "none"
 					}, t))
 				}),
 				/* @__PURE__ */ a("div", {
-					className: z.titleRow,
+					className: B.titleRow,
 					children: [/* @__PURE__ */ i("p", {
-						className: z.name,
+						className: B.name,
 						children: n
 					}), /* @__PURE__ */ a("div", {
-						className: z.priceRow,
+						className: B.priceRow,
 						children: [y && /* @__PURE__ */ i("span", {
-							className: z.priceOriginal,
+							className: B.priceOriginal,
 							children: _(s)
 						}), /* @__PURE__ */ i("span", {
-							className: z.price,
+							className: B.price,
 							children: _(o)
 						})]
 					})]
 				}),
 				r && /* @__PURE__ */ i("p", {
-					className: z.description,
+					className: B.description,
 					children: r
 				}),
 				u.length > 0 && /* @__PURE__ */ i("div", {
-					className: z.swatches,
+					className: B.swatches,
 					role: "group",
 					"aria-label": "Color",
-					children: u.map((e) => /* @__PURE__ */ i(ht, {
+					children: u.map((e) => /* @__PURE__ */ i(mt, {
 						...e,
 						onSelect: () => d?.(e.id ?? e.label)
 					}, e.id ?? e.label))
 				}),
-				/* @__PURE__ */ i(j, {
+				/* @__PURE__ */ i(M, {
 					variant: "primary",
 					size: "md",
 					disabled: !f,
-					className: z.addButton,
+					className: B.addButton,
 					onClick: h,
 					children: f ? g : "Out of stock"
 				})
 			]
 		})]
 	});
-}, B = {
+}, V = {
 	gallery: "_gallery_1mrk8_1",
 	galleryBottom: "_galleryBottom_1mrk8_5",
 	galleryLeft: "_galleryLeft_1mrk8_10",
@@ -1417,11 +1417,11 @@ var Ge = {
 	thumbLeft: "_thumbLeft_1mrk8_70",
 	thumbActive: "_thumbActive_1mrk8_75",
 	thumbImage: "_thumbImage_1mrk8_79"
-}, Ct = ({ images: t, thumbsPosition: n = "bottom", activeIndex: r, defaultActiveIndex: o = 0, onActiveIndexChange: s, className: c }) => {
+}, St = ({ images: t, thumbsPosition: n = "bottom", activeIndex: r, defaultActiveIndex: o = 0, onActiveIndexChange: s, className: c }) => {
 	let l = r !== void 0, [u, d] = e.useState(o), f = l ? r : u, p = (e) => {
 		l || d(e), s?.(e);
 	}, m = t[f] ?? t[0], h = n === "left", g = /* @__PURE__ */ i("div", {
-		className: [B.thumbs, h ? B.thumbsLeft : B.thumbsBottom].filter(Boolean).join(" "),
+		className: [V.thumbs, h ? V.thumbsLeft : V.thumbsBottom].filter(Boolean).join(" "),
 		role: "tablist",
 		"aria-label": "Product images",
 		children: t.map((e, t) => /* @__PURE__ */ i("button", {
@@ -1430,56 +1430,56 @@ var Ge = {
 			"aria-selected": t === f,
 			"aria-label": e.alt ?? `Image ${t + 1}`,
 			className: [
-				B.thumb,
-				h ? B.thumbLeft : B.thumbBottom,
-				t === f ? B.thumbActive : ""
+				V.thumb,
+				h ? V.thumbLeft : V.thumbBottom,
+				t === f ? V.thumbActive : ""
 			].filter(Boolean).join(" "),
 			onClick: () => p(t),
 			children: /* @__PURE__ */ i("img", {
 				src: e.src,
 				alt: "",
-				className: B.thumbImage
+				className: V.thumbImage
 			})
 		}, e.src + t))
 	});
 	return /* @__PURE__ */ a("div", {
 		className: [
-			B.gallery,
-			h ? B.galleryLeft : B.galleryBottom,
+			V.gallery,
+			h ? V.galleryLeft : V.galleryBottom,
 			c ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			!h && m && /* @__PURE__ */ i("div", {
-				className: B.mainBottom,
+				className: V.mainBottom,
 				children: /* @__PURE__ */ i("img", {
 					src: m.src,
 					alt: m.alt ?? "",
-					className: B.mainImage
+					className: V.mainImage
 				})
 			}),
 			g,
 			h && m && /* @__PURE__ */ i("div", {
-				className: B.mainLeft,
+				className: V.mainLeft,
 				children: /* @__PURE__ */ i("img", {
 					src: m.src,
 					alt: m.alt ?? "",
-					className: B.mainImage
+					className: V.mainImage
 				})
 			})
 		]
 	});
-}, wt = {
+}, Ct = {
 	button: "_button_1vgn5_1",
 	unselected: "_unselected_1vgn5_23",
 	selected: "_selected_1vgn5_32",
 	unavailable: "_unavailable_1vgn5_37",
 	label: "_label_1vgn5_44",
 	strike: "_strike_1vgn5_55"
-}, Tt = ({ size: e, selected: t = !1, available: n = !0, onSelect: r, className: o }) => /* @__PURE__ */ a("button", {
+}, wt = ({ size: e, selected: t = !1, available: n = !0, onSelect: r, className: o }) => /* @__PURE__ */ a("button", {
 	type: "button",
 	className: [
-		wt.button,
-		n ? t ? wt.selected : wt.unselected : wt.unavailable,
+		Ct.button,
+		n ? t ? Ct.selected : Ct.unselected : Ct.unavailable,
 		o ?? ""
 	].filter(Boolean).join(" "),
 	disabled: !n,
@@ -1487,13 +1487,13 @@ var Ge = {
 	"aria-label": n ? `Size ${e}` : `Size ${e} (out of stock)`,
 	onClick: r,
 	children: [/* @__PURE__ */ i("span", {
-		className: wt.label,
+		className: Ct.label,
 		children: e
 	}), !n && /* @__PURE__ */ i("span", {
-		className: wt.strike,
+		className: Ct.strike,
 		"aria-hidden": "true"
 	})]
-}), Et = {
+}), Tt = {
 	row: "_row_1snsi_1",
 	rowVertical: "_rowVertical_1snsi_8",
 	stars: "_stars_1snsi_13",
@@ -1502,40 +1502,40 @@ var Ge = {
 	label: "_label_1snsi_29",
 	value: "_value_1snsi_38",
 	count: "_count_1snsi_43"
-}, Dt = (e) => e.toLocaleString("en-US"), Ot = ({ rating: e, reviewCount: t, showLabel: n = !0, orientation: r = "horizontal", formatReviewCount: o = Dt, className: s }) => {
+}, Et = (e) => e.toLocaleString("en-US"), Dt = ({ rating: e, reviewCount: t, showLabel: n = !0, orientation: r = "horizontal", formatReviewCount: o = Et, className: s }) => {
 	let c = Math.max(0, Math.min(5, e)), l = Math.round(c * 2) / 2, u = Math.floor(l), d = l - u === .5, f = 5 - u - !!d, p = /* @__PURE__ */ a("div", {
-		className: Et.stars,
+		className: Tt.stars,
 		role: "img",
 		"aria-label": `${c} out of 5 stars`,
 		children: [
 			Array.from({ length: u }, (e, t) => /* @__PURE__ */ i(re, {
 				size: 24,
 				strokeWidth: O(24),
-				className: Et.starFull,
+				className: Tt.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}, `full-${t}`)),
 			d && /* @__PURE__ */ i(ie, {
 				size: 24,
 				strokeWidth: O(24),
-				className: Et.starFull,
+				className: Tt.starFull,
 				fill: "currentColor",
 				"aria-hidden": "true"
 			}),
 			Array.from({ length: f }, (e, t) => /* @__PURE__ */ i(re, {
 				size: 24,
 				strokeWidth: O(24),
-				className: Et.starEmpty,
+				className: Tt.starEmpty,
 				"aria-hidden": "true"
 			}, `empty-${t}`))
 		]
 	}), m = n && /* @__PURE__ */ a("div", {
-		className: Et.label,
+		className: Tt.label,
 		children: [/* @__PURE__ */ i("span", {
-			className: Et.value,
+			className: Tt.value,
 			children: c.toFixed(1)
 		}), t !== void 0 && /* @__PURE__ */ a("span", {
-			className: Et.count,
+			className: Tt.count,
 			children: [
 				"(",
 				o(t),
@@ -1543,8 +1543,8 @@ var Ge = {
 			]
 		})]
 	}), h = [
-		Et.row,
-		r === "vertical" ? Et.rowVertical : "",
+		Tt.row,
+		r === "vertical" ? Tt.rowVertical : "",
 		s ?? ""
 	].filter(Boolean).join(" ");
 	return r === "horizontal-reverse" ? /* @__PURE__ */ a("div", {
@@ -1554,15 +1554,15 @@ var Ge = {
 		className: h,
 		children: [p, m]
 	});
-}, kt = ({ quantity: e, lowStockThreshold: t = 5, label: n, className: r }) => {
+}, Ot = ({ 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(tt, {
+	return /* @__PURE__ */ i(et, {
 		variant: s,
 		emphasis: "subtle",
 		className: r,
 		children: n ?? c
 	});
-}, V = {
+}, H = {
 	card: "_card_1w9hp_1",
 	cardDefault: "_cardDefault_1w9hp_8",
 	imageDefault: "_imageDefault_1w9hp_19",
@@ -1577,55 +1577,55 @@ var Ge = {
 	excerpt: "_excerpt_1w9hp_114",
 	author: "_author_1w9hp_123",
 	authorText: "_authorText_1w9hp_130"
-}, At = ({ image: e, imageAlt: t, category: n, readTime: r, title: o, excerpt: s, author: c, layout: l = "default", className: u }) => {
+}, kt = ({ image: e, imageAlt: t, category: n, readTime: r, title: o, excerpt: s, author: c, layout: l = "default", className: u }) => {
 	let d = l === "horizontal";
 	return /* @__PURE__ */ a("div", {
 		className: [
-			V.card,
-			d ? V.cardHorizontal : V.cardDefault,
+			H.card,
+			d ? H.cardHorizontal : H.cardDefault,
 			u ?? ""
 		].filter(Boolean).join(" "),
 		children: [d ? /* @__PURE__ */ i("span", {
-			className: V.imageWrapHorizontal,
+			className: H.imageWrapHorizontal,
 			children: /* @__PURE__ */ i("img", {
 				src: e,
 				alt: t ?? "",
-				className: V.image
+				className: H.image
 			})
 		}) : /* @__PURE__ */ i("img", {
 			src: e,
 			alt: t ?? "",
-			className: V.imageDefault
+			className: H.imageDefault
 		}), /* @__PURE__ */ a("div", {
-			className: d ? V.bodyHorizontal : V.bodyDefault,
+			className: d ? H.bodyHorizontal : H.bodyDefault,
 			children: [
 				/* @__PURE__ */ a("div", {
-					className: V.metaRow,
-					children: [/* @__PURE__ */ i(tt, {
+					className: H.metaRow,
+					children: [/* @__PURE__ */ i(et, {
 						variant: "accent",
 						emphasis: "subtle",
 						children: n
 					}), /* @__PURE__ */ i("span", {
-						className: V.readTime,
+						className: H.readTime,
 						children: r
 					})]
 				}),
 				/* @__PURE__ */ i("p", {
-					className: V.title,
+					className: H.title,
 					children: o
 				}),
 				/* @__PURE__ */ i("p", {
-					className: V.excerpt,
+					className: H.excerpt,
 					children: s
 				}),
 				/* @__PURE__ */ a("div", {
-					className: V.author,
-					children: [/* @__PURE__ */ i(xe, {
+					className: H.author,
+					children: [/* @__PURE__ */ i(be, {
 						size: "sm",
 						src: c.avatarSrc,
 						alt: c.avatarAlt ?? c.name
 					}), /* @__PURE__ */ a("p", {
-						className: V.authorText,
+						className: H.authorText,
 						children: [
 							c.name,
 							" · ",
@@ -1636,7 +1636,7 @@ var Ge = {
 			]
 		})]
 	});
-}, H = {
+}, U = {
 	card: "_card_8cf5b_1",
 	cardHorizontal: "_cardHorizontal_8cf5b_12",
 	cardVertical: "_cardVertical_8cf5b_20",
@@ -1648,52 +1648,52 @@ var Ge = {
 	footer: "_footer_8cf5b_86",
 	author: "_author_8cf5b_94",
 	authorText: "_authorText_8cf5b_101"
-}, jt = ({ image: e, imageAlt: t, badgeLabel: n = "Featured", title: r, excerpt: o, author: s, ctaLabel: c = "Read article", onCtaClick: l, orientation: u = "horizontal", className: d }) => {
+}, At = ({ image: e, imageAlt: t, badgeLabel: n = "Featured", title: r, excerpt: o, author: s, ctaLabel: c = "Read article", onCtaClick: l, orientation: u = "horizontal", className: d }) => {
 	let f = u === "vertical";
 	return /* @__PURE__ */ a("div", {
 		className: [
-			H.card,
-			f ? H.cardVertical : H.cardHorizontal,
+			U.card,
+			f ? U.cardVertical : U.cardHorizontal,
 			d ?? ""
 		].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ i("img", {
 			src: e,
 			alt: t ?? "",
-			className: H.image
+			className: U.image
 		}), /* @__PURE__ */ a("div", {
-			className: f ? H.bodyVertical : H.bodyHorizontal,
+			className: f ? U.bodyVertical : U.bodyHorizontal,
 			children: [
-				/* @__PURE__ */ i(tt, {
+				/* @__PURE__ */ i(et, {
 					variant: "accent",
 					emphasis: "subtle",
 					children: n
 				}),
 				/* @__PURE__ */ i("p", {
-					className: H.title,
+					className: U.title,
 					children: r
 				}),
 				/* @__PURE__ */ i("p", {
-					className: H.excerpt,
+					className: U.excerpt,
 					children: o
 				}),
 				/* @__PURE__ */ a("div", {
-					className: H.footer,
+					className: U.footer,
 					children: [/* @__PURE__ */ a("div", {
-						className: H.author,
-						children: [/* @__PURE__ */ i(xe, {
+						className: U.author,
+						children: [/* @__PURE__ */ i(be, {
 							size: "md",
 							src: s.avatarSrc,
 							alt: s.avatarAlt ?? s.name,
 							initials: s.initials
 						}), /* @__PURE__ */ a("p", {
-							className: H.authorText,
+							className: U.authorText,
 							children: [
 								s.name,
 								" · ",
 								s.date
 							]
 						})]
-					}), /* @__PURE__ */ i(j, {
+					}), /* @__PURE__ */ i(M, {
 						variant: "secondary",
 						size: "sm",
 						onClick: l,
@@ -1703,7 +1703,7 @@ var Ge = {
 			]
 		})]
 	});
-}, Mt = {
+}, jt = {
 	chip: "_chip_scl8l_1",
 	"chip--sm": "_chip--sm_scl8l_11",
 	"chip--md": "_chip--md_scl8l_17",
@@ -1712,26 +1712,26 @@ var Ge = {
 	"chip--outline": "_chip--outline_scl8l_35",
 	"chip--solid": "_chip--solid_scl8l_39",
 	"chip--subtle": "_chip--subtle_scl8l_43"
-}, Nt = {
+}, Mt = {
 	sm: 16,
 	md: 20,
 	lg: 24
-}, Pt = ({ icon: t, size: n = "md", variant: r = "light", className: a }) => {
-	let o = Nt[n], s = e.isValidElement(t) ? e.cloneElement(t, {
+}, Nt = ({ icon: t, size: n = "md", variant: r = "light", className: a }) => {
+	let o = Mt[n], s = e.isValidElement(t) ? e.cloneElement(t, {
 		size: o,
 		strokeWidth: O(o)
 	}) : t;
 	return /* @__PURE__ */ i("div", {
 		className: [
-			Mt.chip,
-			Mt[`chip--${n}`],
-			Mt[`chip--${r}`],
+			jt.chip,
+			jt[`chip--${n}`],
+			jt[`chip--${r}`],
 			a ?? ""
 		].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: s
 	});
-}, Ft = {
+}, Pt = {
 	group: "_group_mvlh4_3",
 	group__item: "_group__item_mvlh4_6",
 	"group--sm": "_group--sm_mvlh4_9",
@@ -1742,42 +1742,42 @@ var Ge = {
 	"overflow--md": "_overflow--md_mvlh4_26",
 	"overflow--lg": "_overflow--lg_mvlh4_27",
 	"overflow--xl": "_overflow--xl_mvlh4_28"
-}, It = ({ size: e = "md", max: t = 4, avatars: n, className: r }) => {
+}, Ft = ({ size: e = "md", max: t = 4, avatars: n, className: r }) => {
 	let o = n.slice(0, t), s = n.length - o.length;
 	return /* @__PURE__ */ a("div", {
 		className: [
-			Ft.group,
-			Ft[`group--${e}`],
+			Pt.group,
+			Pt[`group--${e}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
 		children: [o.map((t, n) => /* @__PURE__ */ i("span", {
-			className: Ft.group__item,
-			children: /* @__PURE__ */ i(xe, {
+			className: Pt.group__item,
+			children: /* @__PURE__ */ i(be, {
 				size: e,
 				src: t.src,
 				initials: t.initials,
 				alt: t.alt
 			})
 		}, n)), s > 0 && /* @__PURE__ */ i("span", {
-			className: Ft.group__item,
+			className: Pt.group__item,
 			children: /* @__PURE__ */ a("span", {
-				className: [Ft.overflow, Ft[`overflow--${e}`]].join(" "),
+				className: [Pt.overflow, Pt[`overflow--${e}`]].join(" "),
 				children: ["+", s]
 			})
 		})]
 	});
-}, Lt = {
+}, It = {
 	root: "_root_165je_1",
 	dot: "_dot_165je_13",
 	dotActive: "_dotActive_165je_21",
 	dotRemote: "_dotRemote_165je_25"
-}, Rt = ({ location: e, status: t = "active", className: n }) => /* @__PURE__ */ a("span", {
-	className: [Lt.root, n ?? ""].filter(Boolean).join(" "),
+}, Lt = ({ location: e, status: t = "active", className: n }) => /* @__PURE__ */ a("span", {
+	className: [It.root, n ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ i("span", {
-		className: [Lt.dot, t === "active" ? Lt.dotActive : Lt.dotRemote].join(" "),
+		className: [It.dot, t === "active" ? It.dotActive : It.dotRemote].join(" "),
 		"aria-hidden": "true"
 	}), e]
-}), zt = {
+}), Rt = {
 	root: "_root_15jaa_1",
 	rootCard: "_rootCard_15jaa_9",
 	rootRow: "_rootRow_15jaa_21",
@@ -1787,30 +1787,30 @@ var Ge = {
 	description: "_description_15jaa_56",
 	metaRow: "_metaRow_15jaa_65",
 	applyBtn: "_applyBtn_15jaa_72"
-}, Bt = ({ title: e, description: t, department: n, employmentType: o, location: s, locationStatus: c = "remote", onApply: l, applyLabel: u = "Apply now", layout: d = "card", className: f }) => {
+}, zt = ({ title: e, description: t, department: n, employmentType: o, location: s, locationStatus: c = "remote", onApply: l, applyLabel: u = "Apply now", layout: d = "card", className: f }) => {
 	let p = d === "row", m = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
-		className: zt.titleGroup,
+		className: Rt.titleGroup,
 		children: [/* @__PURE__ */ i("p", {
-			className: zt.title,
+			className: Rt.title,
 			children: e
 		}), /* @__PURE__ */ i("p", {
-			className: zt.description,
+			className: Rt.description,
 			children: t
 		})]
 	}), /* @__PURE__ */ a("div", {
-		className: zt.metaRow,
+		className: Rt.metaRow,
 		children: [
-			/* @__PURE__ */ i(tt, {
+			/* @__PURE__ */ i(et, {
 				variant: "accent",
 				emphasis: "subtle",
 				children: n
 			}),
-			/* @__PURE__ */ i(tt, {
+			/* @__PURE__ */ i(et, {
 				variant: "neutral",
 				emphasis: "subtle",
 				children: o
 			}),
-			/* @__PURE__ */ i(Rt, {
+			/* @__PURE__ */ i(Lt, {
 				location: s,
 				status: c
 			})
@@ -1818,61 +1818,61 @@ var Ge = {
 	})] });
 	return p ? /* @__PURE__ */ a("div", {
 		className: [
-			zt.root,
-			zt.rootRow,
+			Rt.root,
+			Rt.rootRow,
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ i("div", {
-			className: zt.rowLeft,
+			className: Rt.rowLeft,
 			children: m
-		}), /* @__PURE__ */ i(j, {
+		}), /* @__PURE__ */ i(M, {
 			variant: "secondary",
 			size: "sm",
-			className: zt.applyBtn,
+			className: Rt.applyBtn,
 			onClick: l,
 			children: u
 		})]
 	}) : /* @__PURE__ */ a("div", {
 		className: [
-			zt.root,
-			zt.rootCard,
+			Rt.root,
+			Rt.rootCard,
 			f ?? ""
 		].filter(Boolean).join(" "),
-		children: [m, /* @__PURE__ */ i(j, {
+		children: [m, /* @__PURE__ */ i(M, {
 			variant: "secondary",
 			size: "sm",
 			onClick: l,
 			children: u
 		})]
 	});
-}, Vt = {
+}, Bt = {
 	root: "_root_3bf2n_1",
 	rootCenter: "_rootCenter_3bf2n_9",
 	rootLeft: "_rootLeft_3bf2n_14",
 	title: "_title_3bf2n_19",
 	subtitle: "_subtitle_3bf2n_28"
-}, Ht = ({ eyebrow: e, title: t, subtitle: n, align: r = "center", titleAs: o = "h2", className: s }) => /* @__PURE__ */ a("div", {
+}, Vt = ({ eyebrow: e, title: t, subtitle: n, align: r = "center", titleAs: o = "h2", className: s }) => /* @__PURE__ */ a("div", {
 	className: [
-		Vt.root,
-		r === "left" ? Vt.rootLeft : Vt.rootCenter,
+		Bt.root,
+		r === "left" ? Bt.rootLeft : Bt.rootCenter,
 		s ?? ""
 	].filter(Boolean).join(" "),
 	children: [
-		e && /* @__PURE__ */ i(tt, {
+		e && /* @__PURE__ */ i(et, {
 			variant: "accent",
 			emphasis: "subtle",
 			children: e
 		}),
 		/* @__PURE__ */ i(o, {
-			className: Vt.title,
+			className: Bt.title,
 			children: t
 		}),
 		n && /* @__PURE__ */ i("p", {
-			className: Vt.subtitle,
+			className: Bt.subtitle,
 			children: n
 		})
 	]
-}), U = {
+}), W = {
 	card: "_card_1ye9i_1",
 	imageWrap: "_imageWrap_1ye9i_16",
 	image: "_image_1ye9i_16",
@@ -1885,42 +1885,42 @@ var Ge = {
 	role: "_role_1ye9i_99",
 	social: "_social_1ye9i_108",
 	bio: "_bio_1ye9i_116"
-}, Ut = ({ image: e, imageAlt: t, name: n, role: r, location: o, locationStatus: s = "active", bio: c, socialLinks: l = [], className: u }) => /* @__PURE__ */ a("div", {
-	className: [U.card, u ?? ""].filter(Boolean).join(" "),
+}, Ht = ({ image: e, imageAlt: t, name: n, role: r, location: o, locationStatus: s = "active", bio: c, socialLinks: l = [], className: u }) => /* @__PURE__ */ a("div", {
+	className: [W.card, u ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ a("div", {
-		className: U.imageWrap,
+		className: W.imageWrap,
 		children: [/* @__PURE__ */ i("img", {
 			src: e,
 			alt: t ?? n,
-			className: U.image
+			className: W.image
 		}), /* @__PURE__ */ i("div", {
-			className: U.locationBar,
-			children: /* @__PURE__ */ i(Rt, {
+			className: W.locationBar,
+			children: /* @__PURE__ */ i(Lt, {
 				location: o,
 				status: s,
-				className: U.locationDot
+				className: W.locationDot
 			})
 		})]
 	}), /* @__PURE__ */ a("div", {
-		className: U.info,
+		className: W.info,
 		children: [/* @__PURE__ */ a("div", {
-			className: U.metaRow,
+			className: W.metaRow,
 			children: [/* @__PURE__ */ a("div", {
-				className: U.identity,
+				className: W.identity,
 				children: [/* @__PURE__ */ i("p", {
-					className: U.name,
+					className: W.name,
 					children: n
 				}), /* @__PURE__ */ i("p", {
-					className: U.role,
+					className: W.role,
 					children: r
 				})]
 			}), l.length > 0 && /* @__PURE__ */ i("div", {
-				className: U.social,
+				className: W.social,
 				children: l.map((e, t) => /* @__PURE__ */ i("a", {
 					href: e.href,
 					onClick: e.onClick,
 					"aria-label": e.label,
-					children: /* @__PURE__ */ i(Pt, {
+					children: /* @__PURE__ */ i(Nt, {
 						icon: e.icon,
 						size: "sm",
 						variant: "subtle"
@@ -1928,11 +1928,11 @@ var Ge = {
 				}, e.label ?? t))
 			})]
 		}), c && /* @__PURE__ */ i("p", {
-			className: U.bio,
+			className: W.bio,
 			children: c
 		})]
 	})]
-}), Wt = {
+}), Ut = {
 	alert: "_alert_1hjs5_3",
 	alert__icon: "_alert__icon_1hjs5_12",
 	alert__content: "_alert__content_1hjs5_13",
@@ -1943,7 +1943,7 @@ var Ge = {
 	"alert--warning": "_alert--warning_1hjs5_24",
 	"alert--danger": "_alert--danger_1hjs5_27",
 	"alert--neutral": "_alert--neutral_1hjs5_30"
-}, Gt = {
+}, Wt = {
 	info: /* @__PURE__ */ a(r, { children: [
 		/* @__PURE__ */ i("circle", {
 			cx: "12",
@@ -2017,15 +2017,15 @@ var Ge = {
 			y2: "8"
 		})
 	] })
-}, Kt = ({ color: e = "info", title: t, description: n, icon: r, className: o }) => /* @__PURE__ */ a("div", {
+}, Gt = ({ color: e = "info", title: t, description: n, icon: r, className: o }) => /* @__PURE__ */ a("div", {
 	role: "alert",
 	className: [
-		Wt.alert,
-		Wt[`alert--${e}`],
+		Ut.alert,
+		Ut[`alert--${e}`],
 		o ?? ""
 	].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ i("span", {
-		className: Wt.alert__icon,
+		className: Ut.alert__icon,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ i("svg", {
 			viewBox: "0 0 24 24",
@@ -2036,19 +2036,19 @@ var Ge = {
 			strokeLinejoin: "round",
 			width: 18,
 			height: 18,
-			children: r ?? Gt[e]
+			children: r ?? Wt[e]
 		})
 	}), /* @__PURE__ */ a("div", {
-		className: Wt.alert__content,
+		className: Ut.alert__content,
 		children: [t && /* @__PURE__ */ i("div", {
-			className: Wt.alert__title,
+			className: Ut.alert__title,
 			children: t
 		}), n && /* @__PURE__ */ i("div", {
-			className: Wt.alert__description,
+			className: Ut.alert__description,
 			children: n
 		})]
 	})]
-}), W = {
+}), G = {
 	card: "_card_6iftf_2",
 	"card--hover": "_card--hover_6iftf_15",
 	"card--selected": "_card--selected_6iftf_16",
@@ -2065,60 +2065,60 @@ var Ge = {
 	card__footer: "_card__footer_6iftf_47",
 	card__meta: "_card__meta_6iftf_48",
 	card__assignees: "_card__assignees_6iftf_49"
-}, qt = ({ type: e = "default", state: t = "default", cover: n, leading: o, title: s, trailing: c, description: l, tags: u, meta: d, assignees: f, onClick: p, className: m }) => {
+}, Kt = ({ type: e = "default", state: t = "default", cover: n, leading: o, title: s, trailing: c, description: l, tags: u, meta: d, assignees: f, onClick: p, className: m }) => {
 	let h = e !== "compact", g = d || f;
 	return /* @__PURE__ */ a("div", {
 		onClick: p,
 		"aria-selected": t === "selected" || void 0,
 		className: [
-			W.card,
-			W[`card--${e}`],
-			W[`card--${t}`],
+			G.card,
+			G[`card--${e}`],
+			G[`card--${t}`],
 			m ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			e === "cover" && /* @__PURE__ */ i("div", {
-				className: W.card__cover,
+				className: G.card__cover,
 				children: n
 			}),
 			/* @__PURE__ */ a("div", {
-				className: W.card__header,
+				className: G.card__header,
 				children: [
 					o && /* @__PURE__ */ i("span", {
-						className: W.card__leading,
+						className: G.card__leading,
 						children: o
 					}),
 					/* @__PURE__ */ i("span", {
-						className: W.card__title,
+						className: G.card__title,
 						children: s
 					}),
 					c && /* @__PURE__ */ i("span", {
-						className: W.card__trailing,
+						className: G.card__trailing,
 						children: c
 					})
 				]
 			}),
 			h && l && /* @__PURE__ */ i("p", {
-				className: W.card__desc,
+				className: G.card__desc,
 				children: l
 			}),
 			h && u && /* @__PURE__ */ i("div", {
-				className: W.card__tags,
+				className: G.card__tags,
 				children: u
 			}),
-			g && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: W.card__divider }), /* @__PURE__ */ a("div", {
-				className: W.card__footer,
+			g && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: G.card__divider }), /* @__PURE__ */ a("div", {
+				className: G.card__footer,
 				children: [d && /* @__PURE__ */ i("div", {
-					className: W.card__meta,
+					className: G.card__meta,
 					children: d
 				}), f && /* @__PURE__ */ i("div", {
-					className: W.card__assignees,
+					className: G.card__assignees,
 					children: f
 				})]
 			})] })
 		]
 	});
-}, Jt = {
+}, qt = {
 	breadcrumb: "_breadcrumb_1uzuh_3",
 	list: "_list_1uzuh_5",
 	item: "_item_1uzuh_15",
@@ -2127,8 +2127,8 @@ var Ge = {
 	separator: "_separator_1uzuh_33",
 	"list--button": "_list--button_1uzuh_38",
 	chip: "_chip_1uzuh_41"
-}, Yt = ({ size: e }) => /* @__PURE__ */ i("span", {
-	className: Jt.separator,
+}, Jt = ({ size: e }) => /* @__PURE__ */ i("span", {
+	className: qt.separator,
 	"aria-hidden": "true",
 	children: /* @__PURE__ */ i("svg", {
 		viewBox: "0 0 24 24",
@@ -2141,17 +2141,17 @@ var Ge = {
 		height: e,
 		children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
 	})
-}), Xt = ({ items: e, variant: t = "text", className: n }) => {
+}), Yt = ({ items: e, variant: t = "text", className: n }) => {
 	let r = t === "button";
 	return /* @__PURE__ */ i("nav", {
 		"aria-label": "Breadcrumb",
-		className: [Jt.breadcrumb, n ?? ""].filter(Boolean).join(" "),
+		className: [qt.breadcrumb, n ?? ""].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ i("ol", {
-			className: [Jt.list, r ? Jt["list--button"] : ""].filter(Boolean).join(" "),
+			className: [qt.list, r ? qt["list--button"] : ""].filter(Boolean).join(" "),
 			children: e.map((t, n) => {
-				let o = n === e.length - 1, s = r ? Jt.chip : o ? Jt.current : Jt.crumb;
+				let o = n === e.length - 1, s = r ? qt.chip : o ? qt.current : qt.crumb;
 				return /* @__PURE__ */ a("li", {
-					className: Jt.item,
+					className: qt.item,
 					children: [o || !t.href ? /* @__PURE__ */ i("span", {
 						className: s,
 						"aria-current": o ? "page" : void 0,
@@ -2160,40 +2160,39 @@ var Ge = {
 						href: t.href,
 						className: s,
 						children: t.label
-					}), !o && /* @__PURE__ */ i(Yt, { size: r ? 14 : 16 })]
+					}), !o && /* @__PURE__ */ i(Jt, { size: r ? 14 : 16 })]
 				}, n);
 			})
 		})
 	});
-}, Zt = {
+}, Xt = {
 	meta: "_meta_g1mpv_2",
 	meta__icon: "_meta__icon_g1mpv_3",
 	meta__label: "_meta__label_g1mpv_4"
-}, Qt = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ a("span", {
-	className: [Zt.meta, n ?? ""].filter(Boolean).join(" "),
+}, Zt = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ a("span", {
+	className: [Xt.meta, n ?? ""].filter(Boolean).join(" "),
 	children: [/* @__PURE__ */ i("span", {
-		className: Zt.meta__icon,
+		className: Xt.meta__icon,
 		"aria-hidden": "true",
 		children: e
 	}), /* @__PURE__ */ i("span", {
-		className: Zt.meta__label,
+		className: Xt.meta__label,
 		children: t
 	})]
-}), G = {
-	composer: "_composer_vd2eo_2",
-	"composer--typing": "_composer--typing_vd2eo_15",
-	input: "_input_vd2eo_22",
-	"composer--disabled": "_composer--disabled_vd2eo_23",
-	upload: "_upload_vd2eo_25",
-	upload__icon: "_upload__icon_vd2eo_30",
-	upload__body: "_upload__body_vd2eo_31",
-	upload__name: "_upload__name_vd2eo_32",
-	upload__track: "_upload__track_vd2eo_33",
-	upload__fill: "_upload__fill_vd2eo_34",
-	row: "_row_vd2eo_36",
-	sendButton: "_sendButton_vd2eo_40",
-	icon: "_icon_vd2eo_41",
-	send: "_send_vd2eo_40"
+}), Qt = {
+	composer: "_composer_1yt54_2",
+	"composer--typing": "_composer--typing_1yt54_15",
+	input: "_input_1yt54_22",
+	"composer--disabled": "_composer--disabled_1yt54_23",
+	upload: "_upload_1yt54_25",
+	upload__icon: "_upload__icon_1yt54_30",
+	upload__body: "_upload__body_1yt54_31",
+	upload__name: "_upload__name_1yt54_32",
+	upload__track: "_upload__track_1yt54_33",
+	upload__fill: "_upload__fill_1yt54_34",
+	row: "_row_1yt54_36",
+	icon: "_icon_1yt54_37",
+	send: "_send_1yt54_52"
 }, $t = ({ state: t = "default", value: n, placeholder: r = "Message...", onChange: o, onSend: s, onAttachmentsChange: c, uploadName: l, uploadProgress: u = 0, onCancelUpload: d, className: f }) => {
 	let p = t === "disabled", [m, h] = e.useState(""), [g, _] = e.useState(!1), [v, b] = e.useState({
 		top: 0,
@@ -2244,34 +2243,34 @@ var Ge = {
 		c?.(x);
 	}, [x, c]), /* @__PURE__ */ a("div", {
 		className: [
-			G.composer,
-			G[`composer--${t}`],
+			Qt.composer,
+			Qt[`composer--${t}`],
 			f ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			t === "uploading" && /* @__PURE__ */ a("div", {
-				className: G.upload,
+				className: Qt.upload,
 				children: [
 					/* @__PURE__ */ i(y, {
 						size: 16,
 						strokeWidth: O(16),
-						className: G.upload__icon,
+						className: Qt.upload__icon,
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ a("div", {
-						className: G.upload__body,
+						className: Qt.upload__body,
 						children: [/* @__PURE__ */ i("span", {
-							className: G.upload__name,
+							className: Qt.upload__name,
 							children: l
 						}), /* @__PURE__ */ i("div", {
-							className: G.upload__track,
+							className: Qt.upload__track,
 							children: /* @__PURE__ */ i("div", {
-								className: G.upload__fill,
+								className: Qt.upload__fill,
 								style: { width: `${u}%` }
 							})
 						})]
 					}),
-					/* @__PURE__ */ i(Ae, {
+					/* @__PURE__ */ i(ke, {
 						icon: ce,
 						variant: "ghost",
 						size: "md",
@@ -2360,9 +2359,9 @@ var Ge = {
 				style: { display: "none" }
 			}),
 			/* @__PURE__ */ a("div", {
-				className: G.row,
+				className: Qt.row,
 				children: [
-					/* @__PURE__ */ i(Ae, {
+					/* @__PURE__ */ i(ke, {
 						icon: ee,
 						variant: "ghost",
 						size: "sm",
@@ -2373,7 +2372,7 @@ var Ge = {
 					/* @__PURE__ */ i("input", {
 						ref: C,
 						type: "text",
-						className: G.input,
+						className: Qt.input,
 						value: D,
 						placeholder: p ? "You can't reply to this conversation" : r,
 						disabled: p,
@@ -2384,7 +2383,7 @@ var Ge = {
 							e.key === "Enter" && re && (e.preventDefault(), s?.());
 						}
 					}),
-					/* @__PURE__ */ i(Ae, {
+					/* @__PURE__ */ i(ke, {
 						ref: T,
 						icon: ne,
 						variant: "ghost",
@@ -2447,11 +2446,10 @@ var Ge = {
 							children: e
 						}, e))
 					}), document.body),
-					/* @__PURE__ */ i(Ae, {
+					/* @__PURE__ */ i(ke, {
 						icon: te,
 						variant: "primary",
 						size: "sm",
-						className: G.sendButton,
 						onClick: s,
 						disabled: !re,
 						"aria-label": "Send message"
@@ -3013,7 +3011,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 = We(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 = Ue(te, T), [ae, oe] = e.useState(null);
 	e.useEffect(() => {
 		C && ee(!0);
 	}, [C]), e.useLayoutEffect(() => {
@@ -3847,4 +3845,4 @@ var Ln = {
 	});
 };
 //#endregion
-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 };
+export { Ge as $, Lt as A, yt as B, Zt as C, Ht as D, Gt as E, Ot as F, at as G, mt as H, Dt as I, et as J, it as K, wt as L, Nt as M, At as N, Vt as O, kt as P, Ke as Q, St as R, $t as S, Kt as T, ft as U, _t as V, ot 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, Ft as j, zt 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, Yt as w, tn as x, on as y, xt as z };