@sakaniui/react 0.1.0 → 0.3.1

package/dist/TopBar-B88BmNES.js

@@ -0,0 +1,3777 @@
+import e, { useEffect as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Bell as o, BellOff as s, Camera as c, Check as l, CheckCheck as u, ChevronDown as d, ChevronLeft as f, ChevronRight as p, CircleAlert as m, CircleHelp as h, Download as g, Eye as _, EyeOff as v, File as y, Heart as b, Inbox as x, Minus as S, PanelLeft as C, PanelLeftClose as w, Paperclip as T, Plus as E, Search as ee, Send as te, Smile as ne, Star as re, StarHalf as ie, TrendingDown as ae, TrendingUp as oe, TriangleAlert as se, X as ce } from "lucide-react";
+import { PolarAngleAxis as le, RadialBar as ue, RadialBarChart as de, ResponsiveContainer as fe } from "recharts";
+import pe, { createPortal as me } from "react-dom";
+//#region src/lib/iconStrokeWidth.ts
+var D = (e, t = 1.5) => 24 / e * t, he = {
+	accordion: "_accordion_1njer_3",
+	item: "_item_1njer_10",
+	item__header: "_item__header_1njer_12",
+	item__title: "_item__title_1njer_29",
+	item__chevron: "_item__chevron_1njer_36",
+	"item__chevron--open": "_item__chevron--open_1njer_42",
+	item__panelWrap: "_item__panelWrap_1njer_45",
+	"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 }) => {
+	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(" "),
+		children: [/* @__PURE__ */ a("button", {
+			type: "button",
+			className: he.item__header,
+			"aria-expanded": d,
+			onClick: () => !c && u((e) => !e),
+			children: [/* @__PURE__ */ i("span", {
+				className: he.item__title,
+				children: t
+			}), /* @__PURE__ */ i("span", {
+				className: [he.item__chevron, d ? he["item__chevron--open"] : ""].join(" "),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ i("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: D(18),
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					width: 18,
+					height: 18,
+					children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" })
+				})
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: [he.item__panelWrap, d ? he["item__panelWrap--open"] : ""].join(" "),
+			children: /* @__PURE__ */ i("div", {
+				className: he.item__panel,
+				children: /* @__PURE__ */ i("div", {
+					className: he.item__panelInner,
+					children: n
+				})
+			})
+		})]
+	});
+}, _e = ({ children: e, className: t }) => /* @__PURE__ */ i("div", {
+	className: [he.accordion, t ?? ""].filter(Boolean).join(" "),
+	children: e
+}), ve = {
+	avatar: "_avatar_1igqs_3",
+	"avatar--sm": "_avatar--sm_1igqs_17",
+	"avatar--md": "_avatar--md_1igqs_18",
+	"avatar--lg": "_avatar--lg_1igqs_19",
+	"avatar--xl": "_avatar--xl_1igqs_20",
+	"avatar--bordered": "_avatar--bordered_1igqs_25",
+	avatar__image: "_avatar__image_1igqs_31",
+	avatar__initials: "_avatar__initials_1igqs_39",
+	avatar__icon: "_avatar__icon_1igqs_46"
+}, ye = {
+	sm: 14,
+	md: 18,
+	lg: 22,
+	xl: 26
+}, be = ({ px: e }) => /* @__PURE__ */ a("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: D(e),
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: [/* @__PURE__ */ i("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ i("circle", {
+		cx: "12",
+		cy: "7",
+		r: "4"
+	})]
+}), xe = ({ size: t = "md", src: n, alt: r = "", initials: a, icon: o, className: s }) => {
+	let c = [
+		ve.avatar,
+		ve[`avatar--${t}`],
+		s ?? ""
+	].filter(Boolean).join(" ");
+	if (n) return /* @__PURE__ */ i("span", {
+		className: [c, ve["avatar--bordered"]].join(" "),
+		children: /* @__PURE__ */ i("img", {
+			src: n,
+			alt: r,
+			className: ve.avatar__image
+		})
+	});
+	if (a) return /* @__PURE__ */ i("span", {
+		className: c,
+		role: "img",
+		"aria-label": r || a,
+		children: /* @__PURE__ */ i("span", {
+			className: ve.avatar__initials,
+			children: a.slice(0, 2).toUpperCase()
+		})
+	});
+	let l = ye[t], u = e.isValidElement(o) ? e.cloneElement(o, {
+		size: l,
+		strokeWidth: D(l)
+	}) : o ?? /* @__PURE__ */ i(be, { px: l });
+	return /* @__PURE__ */ i("span", {
+		className: c,
+		role: "img",
+		"aria-label": r || "avatar",
+		children: /* @__PURE__ */ i("span", {
+			className: ve.avatar__icon,
+			children: u
+		})
+	});
+}, O = {
+	feed: "_feed_1pvgl_1",
+	"feed--compact": "_feed--compact_1pvgl_8",
+	"row--default": "_row--default_1pvgl_13",
+	rail: "_rail_1pvgl_19",
+	dot: "_dot_1pvgl_26",
+	connector: "_connector_1pvgl_42",
+	content: "_content_1pvgl_49",
+	"content--spaced": "_content--spaced_1pvgl_56",
+	"row--compact": "_row--compact_1pvgl_61",
+	compactLeft: "_compactLeft_1pvgl_68",
+	text: "_text_1pvgl_74",
+	actor: "_actor_1pvgl_88",
+	highlight: "_highlight_1pvgl_89",
+	timestamp: "_timestamp_1pvgl_92"
+}, Se = ({ children: e }) => /* @__PURE__ */ i("span", {
+	className: O.highlight,
+	children: e
+}), Ce = 16, we = (t) => e.isValidElement(t) ? e.cloneElement(t, {
+	size: Ce,
+	strokeWidth: D(Ce)
+}) : t, Te = ({ items: e, variant: t = "default", className: n }) => {
+	let r = t === "compact";
+	return /* @__PURE__ */ i("div", {
+		className: [
+			O.feed,
+			r ? O["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: O["row--compact"],
+				children: [/* @__PURE__ */ a("div", {
+					className: O.compactLeft,
+					children: [/* @__PURE__ */ i(xe, {
+						size: "sm",
+						src: t.avatarSrc,
+						alt: t.avatarAlt ?? t.actor
+					}), /* @__PURE__ */ a("p", {
+						className: O.text,
+						children: [
+							/* @__PURE__ */ i("span", {
+								className: O.actor,
+								children: t.actor
+							}),
+							" ",
+							t.description
+						]
+					})]
+				}), /* @__PURE__ */ i("span", {
+					className: O.timestamp,
+					children: t.timestamp
+				})]
+			}, s) : /* @__PURE__ */ a("div", {
+				className: O["row--default"],
+				children: [/* @__PURE__ */ a("div", {
+					className: O.rail,
+					children: [/* @__PURE__ */ i("div", {
+						className: O.dot,
+						children: we(t.icon)
+					}), !o && /* @__PURE__ */ i("div", { className: O.connector })]
+				}), /* @__PURE__ */ a("div", {
+					className: [O.content, o ? "" : O["content--spaced"]].filter(Boolean).join(" "),
+					children: [/* @__PURE__ */ a("p", {
+						className: O.text,
+						children: [
+							/* @__PURE__ */ i("span", {
+								className: O.actor,
+								children: t.actor
+							}),
+							" ",
+							t.description
+						]
+					}), /* @__PURE__ */ i("span", {
+						className: O.timestamp,
+						children: t.timestamp
+					})]
+				})]
+			}, s);
+		})
+	});
+}, Ee = {
+	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", {
+	ref: s,
+	href: r,
+	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: Ee.link__external,
+		"aria-label": "(opens in new tab)",
+		children: /* @__PURE__ */ a("svg", {
+			width: 12,
+			height: 12,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: D(12),
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ i("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+				/* @__PURE__ */ i("polyline", { points: "15 3 21 3 21 9" }),
+				/* @__PURE__ */ i("line", {
+					x1: "10",
+					y1: "14",
+					x2: "21",
+					y2: "3"
+				})
+			]
+		})
+	})]
+}));
+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 = {
+	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", {
+	ref: s,
+	disabled: r,
+	className: [
+		Oe.button,
+		Oe[`button--${t}`],
+		Oe[`button--${n}`],
+		a ?? ""
+	].filter(Boolean).join(" "),
+	...o,
+	children: /* @__PURE__ */ i(e, {
+		size: ke[n],
+		strokeWidth: D(ke[n]),
+		"aria-hidden": "true"
+	})
+}));
+Ae.displayName = "IconButton";
+var k = {
+	button: "_button_17bv9_21",
+	"button--primary": "_button--primary_17bv9_72",
+	"button--secondary": "_button--secondary_17bv9_99",
+	"button--outline": "_button--outline_17bv9_122",
+	"button--ghost": "_button--ghost_17bv9_144",
+	"button--destructive": "_button--destructive_17bv9_165",
+	"button--sm": "_button--sm_17bv9_189",
+	"button--md": "_button--md_17bv9_199",
+	"button--lg": "_button--lg_17bv9_209",
+	"button--hasLeftIcon": "_button--hasLeftIcon_17bv9_220",
+	"button--hasRightIcon": "_button--hasRightIcon_17bv9_221",
+	button__icon: "_button__icon_17bv9_234",
+	button__label: "_button__label_17bv9_241",
+	"button--loading": "_button--loading_17bv9_251",
+	button__spinner: "_button__spinner_17bv9_255",
+	"sakani-btn-spin": "_sakani-btn-spin_17bv9_1"
+}, A = 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: [
+			k.button,
+			k[`button--${e}`],
+			k[`button--${t}`],
+			o ? k["button--loading"] : "",
+			n && !o ? k["button--hasLeftIcon"] : "",
+			r && !o ? k["button--hasRightIcon"] : "",
+			l ?? ""
+		].filter(Boolean).join(" "),
+		disabled: f,
+		"aria-busy": o,
+		...u,
+		children: [
+			o && /* @__PURE__ */ i("span", {
+				className: [k.button__icon, k.button__spinner].join(" "),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ i("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: 2.5,
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ i("path", { d: "M12 3a9 9 0 1 1-6.36 2.64" })
+				})
+			}),
+			n && !o && /* @__PURE__ */ i("span", {
+				className: k.button__icon,
+				"aria-hidden": "true",
+				children: n
+			}),
+			/* @__PURE__ */ i("span", {
+				className: k.button__label,
+				children: c
+			}),
+			r && !o && /* @__PURE__ */ i("span", {
+				className: k.button__icon,
+				"aria-hidden": "true",
+				children: r
+			})
+		]
+	});
+});
+A.displayName = "Button";
+var j = {
+	wrap: "_wrap_3mj75_1",
+	"wrap--vertical": "_wrap--vertical_3mj75_7",
+	"wrap--horizontal": "_wrap--horizontal_3mj75_11",
+	circleWrap: "_circleWrap_3mj75_21",
+	bigAvatar: "_bigAvatar_3mj75_26",
+	badge: "_badge_3mj75_31",
+	horizontalContent: "_horizontalContent_3mj75_53",
+	textStack: "_textStack_3mj75_60",
+	"textStack--center": "_textStack--center_3mj75_66",
+	title: "_title_3mj75_71",
+	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 }) => {
+	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: [j.textStack, v ? "" : j["textStack--center"]].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ i("p", {
+			className: j.title,
+			children: s
+		}), /* @__PURE__ */ i("p", {
+			className: j.hint,
+			children: l
+		})]
+	});
+	return /* @__PURE__ */ a("div", {
+		className: [
+			j.wrap,
+			j[`wrap--${r}`],
+			f ?? ""
+		].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: j.circleWrap,
+				children: [/* @__PURE__ */ i(xe, {
+					size: v ? "lg" : "xl",
+					src: _,
+					alt: n,
+					className: v ? void 0 : j.bigAvatar
+				}), !v && /* @__PURE__ */ i("button", {
+					type: "button",
+					className: j.badge,
+					onClick: b,
+					"aria-label": "Change photo",
+					children: /* @__PURE__ */ i(c, {
+						size: 16,
+						strokeWidth: D(16)
+					})
+				})]
+			}),
+			v && /* @__PURE__ */ a("div", {
+				className: j.horizontalContent,
+				children: [S, y ? /* @__PURE__ */ i(A, {
+					variant: "outline",
+					size: "sm",
+					onClick: x,
+					style: {
+						color: "var(--color-danger-fg)",
+						borderColor: "var(--color-danger-border)"
+					},
+					children: "Remove"
+				}) : /* @__PURE__ */ i(A, {
+					variant: "outline",
+					size: "sm",
+					onClick: b,
+					children: "Upload"
+				})]
+			}),
+			!v && (y ? /* @__PURE__ */ i(De, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault(), b();
+				},
+				className: j.link,
+				style: {
+					color: "var(--color-brand-fg)",
+					fontSize: 16,
+					lineHeight: "24px"
+				},
+				children: "Change photo"
+			}) : S),
+			/* @__PURE__ */ i("input", {
+				ref: p,
+				type: "file",
+				accept: o,
+				className: j.input,
+				onChange: (e) => {
+					let t = e.target.files?.[0];
+					t && (u?.(t), m || g(URL.createObjectURL(t))), e.target.value = "";
+				}
+			})
+		]
+	});
+};
+//#endregion
+//#region src/lib/useThemeTick.ts
+function Me() {
+	let [e, r] = n(0);
+	return t(() => {
+		if (typeof document > "u") return;
+		let e = new MutationObserver(() => r((e) => e + 1));
+		return e.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}), () => e.disconnect();
+	}, []), e;
+}
+var M = {
+	balance: "_balance_kaxp5_1",
+	"balance--progress": "_balance--progress_kaxp5_8",
+	content: "_content_kaxp5_17",
+	labelRow: "_labelRow_kaxp5_33",
+	label: "_label_kaxp5_33",
+	hideToggle: "_hideToggle_kaxp5_50",
+	value: "_value_kaxp5_71",
+	"value--hidden": "_value--hidden_kaxp5_83",
+	"value--glitching": "_value--glitching_kaxp5_90",
+	"balance-glitch": "_balance-glitch_kaxp5_1",
+	changeRow: "_changeRow_kaxp5_101",
+	trendIcon__up: "_trendIcon__up_kaxp5_108",
+	trendIcon__down: "_trendIcon__down_kaxp5_109",
+	changeValue__up: "_changeValue__up_kaxp5_110",
+	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)) }];
+	return /* @__PURE__ */ i("div", {
+		className: M.ringCard,
+		children: /* @__PURE__ */ i(fe, {
+			width: 64,
+			height: 64,
+			children: /* @__PURE__ */ a(de, {
+				data: r,
+				startAngle: 90,
+				endAngle: -270,
+				innerRadius: "72%",
+				outerRadius: "100%",
+				barSize: 10,
+				children: [/* @__PURE__ */ i(le, {
+					type: "number",
+					domain: [0, 100],
+					tick: !1,
+					axisLine: !1
+				}), /* @__PURE__ */ i(ue, {
+					dataKey: "value",
+					cornerRadius: 5,
+					fill: t,
+					background: { fill: n },
+					isAnimationActive: !1
+				})]
+			})
+		})
+	});
+}, 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);
+	}, [b, x] = e.useState(!1), [S, C] = e.useState(0), w = e.useRef(!1);
+	e.useEffect(() => {
+		if (p && !w.current) {
+			x(!0);
+			let e = 0, t = setInterval(() => {
+				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(() => Le(n.length), [n, S]), E = e.useMemo(() => r ? Le(r.value.length) : "", [r?.value, S]), ee = /* @__PURE__ */ a("div", {
+		className: M.content,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: M.labelRow,
+				children: [/* @__PURE__ */ i("p", {
+					className: M.label,
+					children: t
+				}), /* @__PURE__ */ i("button", {
+					type: "button",
+					className: M.hideToggle,
+					"aria-label": p ? "Show balance" : "Hide balance",
+					onClick: y,
+					children: i(p ? v : _, {
+						size: 16,
+						strokeWidth: D(16)
+					})
+				})]
+			}),
+			/* @__PURE__ */ i("p", {
+				className: [
+					M.value,
+					p ? M["value--hidden"] : "",
+					b ? M["value--glitching"] : ""
+				].filter(Boolean).join(" "),
+				children: p ? T : n
+			}),
+			r && /* @__PURE__ */ a("div", {
+				className: M.changeRow,
+				children: [
+					/* @__PURE__ */ i(g, {
+						size: 24,
+						strokeWidth: 1.5,
+						className: h === "up" ? M.trendIcon__up : M.trendIcon__down
+					}),
+					/* @__PURE__ */ i("span", {
+						className: [h === "up" ? M.changeValue__up : M.changeValue__down, b ? M["value--glitching"] : ""].filter(Boolean).join(" "),
+						children: p ? E : r.value
+					}),
+					/* @__PURE__ */ i("span", {
+						className: M.changeLabel,
+						children: r.label ?? "this month"
+					})
+				]
+			})
+		]
+	});
+	return /* @__PURE__ */ a("div", {
+		className: [
+			M.balance,
+			m ? M["balance--progress"] : "",
+			l ?? ""
+		].filter(Boolean).join(" "),
+		children: [m && /* @__PURE__ */ i(ze, { progress: o }), ee]
+	});
+}, Ve = {
+	progress: "_progress_1qaz4_11",
+	"progress--sm": "_progress--sm_1qaz4_20",
+	"progress--md": "_progress--md_1qaz4_21",
+	"progress--lg": "_progress--lg_1qaz4_22",
+	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 }) => {
+	let a = e === void 0, o = Math.min(100, Math.max(0, e ?? 0));
+	return /* @__PURE__ */ i("div", {
+		role: "progressbar",
+		"aria-label": n,
+		"aria-valuenow": a ? void 0 : o,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		className: [
+			Ve.progress,
+			Ve[`progress--${t}`],
+			r ?? ""
+		].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ i("div", {
+			className: [Ve.progress__fill, a ? Ve["progress__fill--indeterminate"] : ""].filter(Boolean).join(" "),
+			style: a ? void 0 : { width: `${o}%` }
+		})
+	});
+}, Ue = {
+	"divider--horizontal": "_divider--horizontal_nem37_4",
+	"divider--labeled": "_divider--labeled_nem37_13",
+	"divider--vertical": "_divider--vertical_nem37_27",
+	divider__label: "_divider__label_nem37_38"
+}, We = ({ orientation: e = "horizontal", label: t, className: n }) => /* @__PURE__ */ i("div", {
+	role: "separator",
+	"aria-orientation": e,
+	className: [
+		Ue.divider,
+		Ue[`divider--${e}`],
+		t ? Ue["divider--labeled"] : "",
+		n ?? ""
+	].filter(Boolean).join(" "),
+	children: t && e === "horizontal" && /* @__PURE__ */ i("span", {
+		className: Ue.divider__label,
+		children: t
+	})
+}), Ge = {
+	backdrop: "_backdrop_7uc99_1",
+	card: "_card_7uc99_12",
+	header: "_header_7uc99_32",
+	titleGroup: "_titleGroup_7uc99_40",
+	iconWrap: "_iconWrap_7uc99_47",
+	icon: "_icon_7uc99_47",
+	title: "_title_7uc99_40",
+	description: "_description_7uc99_73",
+	footer: "_footer_7uc99_81",
+	"footer--between": "_footer--between_7uc99_92"
+}, Ke = ({ open: t, onClose: n, title: o, description: s, variant: c = "default", icon: l, cancelLabel: u = "Cancel", confirmLabel: d, onCancel: f, onConfirm: p, confirmLoading: m, closeOnEscape: h = !0, closeOnBackdropClick: g = !0, children: _, hideHeader: v = !1, hideFooterDivider: y = !1, footerJustify: b = "end", className: x }) => {
+	let S = c === "destructive", C = e.useRef(null), w = e.useRef(null), T = e.useRef(null), [E, ee] = e.useState(!1);
+	return e.useEffect(() => {
+		t && ee(!!T.current?.closest(".dark"));
+	}, [t]), e.useEffect(() => {
+		if (!t) return;
+		let e = (e) => {
+			if (h && e.key === "Escape") {
+				n();
+				return;
+			}
+			if (e.key !== "Tab" || !C.current) return;
+			let t = C.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+			if (t.length === 0) return;
+			let r = t[0], i = t[t.length - 1];
+			e.shiftKey && document.activeElement === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), r.focus());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		t,
+		h,
+		n
+	]), e.useEffect(() => {
+		if (!t) return;
+		w.current = document.activeElement;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", C.current?.focus(), () => {
+			document.body.style.overflow = e, w.current?.focus();
+		};
+	}, [t]), /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+		ref: T,
+		style: { display: "none" },
+		"aria-hidden": "true"
+	}), t && me(/* @__PURE__ */ i("div", {
+		className: [Ge.backdrop, E ? "dark" : ""].filter(Boolean).join(" "),
+		onMouseDown: (e) => {
+			g && e.target === e.currentTarget && n();
+		},
+		children: /* @__PURE__ */ a("div", {
+			ref: C,
+			role: "alertdialog",
+			"aria-modal": "true",
+			"aria-labelledby": v ? void 0 : "modal-title",
+			"aria-label": v ? o : void 0,
+			tabIndex: -1,
+			className: [Ge.card, x ?? ""].filter(Boolean).join(" "),
+			children: [
+				!v && /* @__PURE__ */ a("div", {
+					className: Ge.header,
+					children: [/* @__PURE__ */ a("div", {
+						className: Ge.titleGroup,
+						children: [S && /* @__PURE__ */ i("span", {
+							className: Ge.iconWrap,
+							"aria-hidden": "true",
+							children: l ?? /* @__PURE__ */ i(se, {
+								size: 24,
+								strokeWidth: D(24),
+								className: Ge.icon
+							})
+						}), /* @__PURE__ */ i("p", {
+							id: "modal-title",
+							className: Ge.title,
+							children: o
+						})]
+					}), /* @__PURE__ */ i(Ae, {
+						icon: ce,
+						variant: "ghost",
+						size: "lg",
+						"aria-label": "Close",
+						onClick: n
+					})]
+				}),
+				s && /* @__PURE__ */ i("p", {
+					className: Ge.description,
+					children: s
+				}),
+				_,
+				!y && /* @__PURE__ */ i(We, {}),
+				/* @__PURE__ */ a("div", {
+					className: [Ge.footer, b === "between" ? Ge["footer--between"] : ""].filter(Boolean).join(" "),
+					children: [/* @__PURE__ */ i(A, {
+						variant: "secondary",
+						onClick: () => (f ?? n)(),
+						style: { borderColor: "transparent" },
+						children: u
+					}), /* @__PURE__ */ i(A, {
+						variant: S ? "destructive" : "primary",
+						onClick: p,
+						loading: m,
+						children: d ?? (S ? "Delete" : "Confirm")
+					})]
+				})
+			]
+		})
+	}), document.body)] });
+}, N = {
+	row: "_row_88l3n_2",
+	"row--unread": "_row--unread_88l3n_12",
+	iconWrapSurface: "_iconWrapSurface_88l3n_17",
+	iconWrapCanvas: "_iconWrapCanvas_88l3n_18",
+	content: "_content_88l3n_31",
+	titleBold: "_titleBold_88l3n_39",
+	titleMuted: "_titleMuted_88l3n_46",
+	timestamp: "_timestamp_88l3n_53",
+	dot: "_dot_88l3n_62",
+	card: "_card_88l3n_71",
+	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 }) => {
+	let p = s !== void 0, m = !r && !p, h = e ?? /* @__PURE__ */ i(o, {
+		size: 24,
+		strokeWidth: D(24)
+	});
+	return p ? /* @__PURE__ */ a("div", {
+		className: [N.card, f ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ a("div", {
+			className: N.cardTop,
+			children: [
+				/* @__PURE__ */ i("span", {
+					className: N.iconWrapCanvas,
+					"aria-hidden": "true",
+					children: h
+				}),
+				/* @__PURE__ */ a("div", {
+					className: N.content,
+					children: [/* @__PURE__ */ i("p", {
+						className: N.titleBold,
+						children: t
+					}), /* @__PURE__ */ i("p", {
+						className: N.description,
+						children: s
+					})]
+				}),
+				c && /* @__PURE__ */ i(Ae, {
+					icon: ce,
+					variant: "ghost",
+					size: "sm",
+					"aria-label": "Close",
+					onClick: c
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: N.actions,
+			children: [c && /* @__PURE__ */ i(A, {
+				variant: "ghost",
+				size: "sm",
+				onClick: c,
+				children: l
+			}), u && /* @__PURE__ */ i(A, {
+				variant: "secondary",
+				size: "sm",
+				onClick: d,
+				style: { borderColor: "transparent" },
+				children: u
+			})]
+		})]
+	}) : /* @__PURE__ */ a("div", {
+		className: [N.row, m ? N["row--unread"] : ""].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: N.iconWrapSurface,
+				"aria-hidden": "true",
+				children: h
+			}),
+			/* @__PURE__ */ a("div", {
+				className: N.content,
+				children: [/* @__PURE__ */ i("p", {
+					className: m ? N.titleBold : N.titleMuted,
+					children: t
+				}), n && /* @__PURE__ */ i("p", {
+					className: N.timestamp,
+					children: n
+				})]
+			}),
+			m && /* @__PURE__ */ i("span", {
+				className: N.dot,
+				"aria-hidden": "true"
+			})
+		]
+	});
+}, Je = {
+	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(" "),
+	children: [/* @__PURE__ */ a("div", {
+		className: Je.labelRow,
+		children: [/* @__PURE__ */ i("p", {
+			className: Je.label,
+			children: e
+		}), /* @__PURE__ */ i("p", {
+			className: Je.value,
+			children: t
+		})]
+	}), /* @__PURE__ */ i(He, {
+		value: n,
+		size: "lg",
+		label: e
+	})]
+}), Xe = {
+	balance: "_balance_5gcu5_1",
+	label: "_label_5gcu5_10",
+	amountRow: "_amountRow_5gcu5_19",
+	amount: "_amount_5gcu5_19",
+	limit: "_limit_5gcu5_34",
+	track: "_track_5gcu5_43",
+	fill: "_fill_5gcu5_50",
+	"fill--over": "_fill--over_5gcu5_57",
+	footer: "_footer_5gcu5_61"
+}, Ze = (e) => e.toLocaleString("en-US", {
+	style: "currency",
+	currency: "USD"
+}), 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: [Xe.balance, o ?? ""].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ i("p", {
+				className: Xe.label,
+				children: e
+			}),
+			/* @__PURE__ */ a("div", {
+				className: Xe.amountRow,
+				children: [/* @__PURE__ */ i("p", {
+					className: Xe.amount,
+					children: r(t)
+				}), /* @__PURE__ */ a("p", {
+					className: Xe.limit,
+					children: [
+						"of ",
+						r(n),
+						" limit"
+					]
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: Xe.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(" "),
+					style: { width: `${c}%` }
+				})
+			}),
+			/* @__PURE__ */ i("p", {
+				className: Xe.footer,
+				children: l
+			})
+		]
+	});
+}, $e = {
+	badge: "_badge_a5a38_6",
+	"badge--neutral-subtle": "_badge--neutral-subtle_a5a38_20",
+	"badge--neutral-solid": "_badge--neutral-solid_a5a38_21",
+	"badge--accent-subtle": "_badge--accent-subtle_a5a38_24",
+	"badge--accent-solid": "_badge--accent-solid_a5a38_25",
+	"badge--success-subtle": "_badge--success-subtle_a5a38_28",
+	"badge--success-solid": "_badge--success-solid_a5a38_29",
+	"badge--warning-subtle": "_badge--warning-subtle_a5a38_32",
+	"badge--warning-solid": "_badge--warning-solid_a5a38_33",
+	"badge--danger-subtle": "_badge--danger-subtle_a5a38_36",
+	"badge--danger-solid": "_badge--danger-solid_a5a38_37",
+	"badge--info-subtle": "_badge--info-subtle_a5a38_40",
+	"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", {
+	className: [
+		$e.badge,
+		$e[`badge--${e}-${t}`],
+		s ?? ""
+	].filter(Boolean).join(" "),
+	children: [
+		n && /* @__PURE__ */ i("span", {
+			className: $e.badge__icon,
+			"aria-hidden": "true",
+			children: n
+		}),
+		/* @__PURE__ */ i("span", {
+			className: $e.badge__label,
+			children: o
+		}),
+		r && /* @__PURE__ */ i("span", {
+			className: $e.badge__icon,
+			"aria-hidden": "true",
+			children: r
+		})
+	]
+}), P = {
+	stepper: "_stepper_1w3rz_1",
+	stepBtn: "_stepBtn_1w3rz_10",
+	stepDivider: "_stepDivider_1w3rz_27",
+	stepValue: "_stepValue_1w3rz_39",
+	stepInput: "_stepInput_1w3rz_61",
+	stepInputResting: "_stepInputResting_1w3rz_75",
+	rollOverlay: "_rollOverlay_1w3rz_58",
+	rollOverlayHidden: "_rollOverlayHidden_1w3rz_92",
+	roll: "_roll_1w3rz_35",
+	rollNum: "_rollNum_1w3rz_35",
+	rollOutUp: "_rollOutUp_1w3rz_130",
+	"roll-out-up": "_roll-out-up_1w3rz_1",
+	rollInUp: "_rollInUp_1w3rz_131",
+	"roll-in-up": "_roll-in-up_1w3rz_1",
+	rollOutDown: "_rollOutDown_1w3rz_132",
+	"roll-out-down": "_roll-out-down_1w3rz_1",
+	rollInDown: "_rollInDown_1w3rz_133",
+	"roll-in-down": "_roll-in-down_1w3rz_1"
+}, tt = ({ value: t }) => {
+	let n = e.useRef(t), [r, o] = e.useState(null);
+	return t !== n.current && (o({
+		value: n.current,
+		direction: t > n.current ? "up" : "down"
+	}), n.current = t), e.useEffect(() => {
+		if (!r) return;
+		let e = setTimeout(() => o(null), 260);
+		return () => clearTimeout(e);
+	}, [r]), /* @__PURE__ */ a("span", {
+		className: P.roll,
+		children: [r && /* @__PURE__ */ i("span", {
+			className: [P.rollNum, r.direction === "up" ? P.rollOutUp : P.rollOutDown].join(" "),
+			"aria-hidden": "true",
+			children: r.value
+		}, `out-${r.value}`), /* @__PURE__ */ i("span", {
+			className: [P.rollNum, r ? r.direction === "up" ? P.rollInUp : P.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 }) => {
+	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: [P.stepper, c ?? ""].filter(Boolean).join(" "),
+		role: "group",
+		"aria-label": s,
+		children: [
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				className: P.stepBtn,
+				disabled: !l,
+				onClick: () => n?.(Math.max(r, t - 1)),
+				"aria-label": "Decrease quantity",
+				children: /* @__PURE__ */ i(S, {
+					size: 14,
+					strokeWidth: D(14)
+				})
+			}),
+			/* @__PURE__ */ i("span", {
+				className: P.stepDivider,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ a("span", {
+				className: P.stepValue,
+				children: [/* @__PURE__ */ i("input", {
+					ref: d,
+					type: "text",
+					inputMode: "numeric",
+					size: Math.max((f ? m : String(t)).length, 1),
+					className: [P.stepInput, f ? "" : P.stepInputResting].filter(Boolean).join(" "),
+					value: f ? m : String(t),
+					"aria-label": s,
+					onFocus: (e) => {
+						h(String(t)), p(!0), e.target.select();
+					},
+					onChange: (e) => h(e.target.value.replace(/\D/g, "")),
+					onBlur: () => {
+						p(!1);
+						let e = Number.parseInt(m, 10);
+						if (!Number.isNaN(e)) {
+							let r = g(e);
+							r !== t && n?.(r);
+						}
+					},
+					onKeyDown: (e) => {
+						e.key === "Enter" && (e.preventDefault(), d.current?.blur()), e.key === "Escape" && (h(String(t)), d.current?.blur());
+					}
+				}), /* @__PURE__ */ i("span", {
+					className: [P.rollOverlay, f ? P.rollOverlayHidden : ""].filter(Boolean).join(" "),
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ i(tt, { value: t })
+				})]
+			}),
+			/* @__PURE__ */ i("span", {
+				className: P.stepDivider,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				className: P.stepBtn,
+				disabled: !u,
+				onClick: () => n?.(o === void 0 ? t + 1 : Math.min(o, t + 1)),
+				"aria-label": "Increase quantity",
+				children: /* @__PURE__ */ i(E, {
+					size: 14,
+					strokeWidth: D(14)
+				})
+			})
+		]
+	});
+}, F = {
+	item: "_item_15jww_1",
+	thumb: "_thumb_15jww_11",
+	info: "_info_15jww_19",
+	name: "_name_15jww_28",
+	variant: "_variant_15jww_40",
+	right: "_right_15jww_50",
+	price: "_price_15jww_58",
+	priceRow: "_priceRow_15jww_67",
+	priceOriginal: "_priceOriginal_15jww_75",
+	priceSale: "_priceSale_15jww_80"
+}, rt = (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 }) => {
+	let g = s !== void 0;
+	return /* @__PURE__ */ a("div", {
+		className: [F.item, h ?? ""].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ i("img", {
+				src: e,
+				alt: t ?? n,
+				className: F.thumb
+			}),
+			/* @__PURE__ */ a("div", {
+				className: F.info,
+				children: [
+					/* @__PURE__ */ i("p", {
+						className: F.name,
+						children: n
+					}),
+					r && /* @__PURE__ */ i("p", {
+						className: F.variant,
+						children: r
+					}),
+					/* @__PURE__ */ i(nt, {
+						quantity: c,
+						onQuantityChange: l,
+						min: u,
+						max: d,
+						label: `Quantity for ${n}`
+					})
+				]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: F.right,
+				children: [g ? /* @__PURE__ */ a("div", {
+					className: F.priceRow,
+					children: [/* @__PURE__ */ i("span", {
+						className: F.priceOriginal,
+						children: m(s)
+					}), /* @__PURE__ */ i("span", {
+						className: F.priceSale,
+						children: m(o)
+					})]
+				}) : /* @__PURE__ */ i("p", {
+					className: F.price,
+					children: m(o)
+				}), /* @__PURE__ */ i(Ae, {
+					icon: S,
+					variant: "outline",
+					size: "sm",
+					"aria-label": p,
+					onClick: f
+				})]
+			})
+		]
+	});
+}, I = {
+	steps: "_steps_t53um_1",
+	step: "_step_t53um_1",
+	connector: "_connector_t53um_16",
+	circle: "_circle_t53um_23",
+	circleCompleted: "_circleCompleted_t53um_34",
+	circleActive: "_circleActive_t53um_38",
+	circleUpcoming: "_circleUpcoming_t53um_43",
+	label: "_label_t53um_49",
+	labelActive: "_labelActive_t53um_56",
+	labelUpcoming: "_labelUpcoming_t53um_59"
+}, at = [
+	"Cart",
+	"Shipping",
+	"Payment",
+	"Confirmation"
+], ot = ({ steps: t = at, currentStep: n, className: r }) => /* @__PURE__ */ i("div", {
+	className: [I.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: I.step,
+			role: "listitem",
+			"aria-current": s === "active" ? "step" : void 0,
+			children: [/* @__PURE__ */ i("span", {
+				className: [
+					I.circle,
+					s === "completed" ? I.circleCompleted : "",
+					s === "active" ? I.circleActive : "",
+					s === "upcoming" ? I.circleUpcoming : ""
+				].filter(Boolean).join(" "),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ i(l, {
+					size: 14,
+					strokeWidth: D(14)
+				})
+			}), /* @__PURE__ */ i("span", {
+				className: [
+					I.label,
+					s === "active" ? I.labelActive : "",
+					s === "upcoming" ? I.labelUpcoming : ""
+				].filter(Boolean).join(" "),
+				children: r
+			})]
+		}), !c && /* @__PURE__ */ i("span", {
+			className: I.connector,
+			"aria-hidden": "true"
+		})] }, r);
+	})
+}), 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);
+}, ut = (e, t) => {
+	let n = Math.max(e, t), r = Math.min(e, t);
+	return (n + .05) / (r + .05);
+}, dt = null, ft = (e) => {
+	if (typeof document > "u") return st;
+	dt ??= document.createElement("canvas"), dt.width = 1, dt.height = 1;
+	let t = dt.getContext("2d", { willReadFrequently: !0 });
+	if (!t) return st;
+	t.clearRect(0, 0, 1, 1), t.fillStyle = e, t.fillRect(0, 0, 1, 1);
+	let [n, r, i] = t.getImageData(0, 0, 1, 1).data, a = lt(n, r, i), o = ut(a, lt(20, 20, 20));
+	return ut(a, lt(250, 250, 249)) >= o ? st : ct;
+}, pt = {
+	swatch: "_swatch_1i3c3_1",
+	circle: "_circle_1i3c3_22",
+	circleUnavailable: "_circleUnavailable_1i3c3_32",
+	ring: "_ring_1i3c3_39",
+	check: "_check_1i3c3_55",
+	strike: "_strike_1i3c3_66"
+}, mt = ({ color: t, label: n, selected: r = !1, available: o = !0, onSelect: s, className: c }) => {
+	let u = e.useMemo(() => ft(t), [t]);
+	return /* @__PURE__ */ a("button", {
+		type: "button",
+		className: [pt.swatch, c ?? ""].filter(Boolean).join(" "),
+		style: { "--swatch-color": t },
+		disabled: !o,
+		"aria-pressed": o ? r : void 0,
+		"aria-label": o ? n : `${n} (out of stock)`,
+		onClick: s,
+		children: [
+			r && o && /* @__PURE__ */ i("span", {
+				className: pt.ring,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ i("span", {
+				className: [pt.circle, o ? "" : pt.circleUnavailable].filter(Boolean).join(" "),
+				"aria-hidden": "true"
+			}),
+			r && o && /* @__PURE__ */ i(l, {
+				size: 14,
+				strokeWidth: D(14),
+				className: pt.check,
+				style: { color: u },
+				"aria-hidden": "true"
+			}),
+			!o && /* @__PURE__ */ i("span", {
+				className: pt.strike,
+				style: { background: u },
+				"aria-hidden": "true"
+			})
+		]
+	});
+}, ht = {
+	row: "_row_1r4ef_1",
+	original: "_original_1r4ef_8",
+	price: "_price_1r4ef_17",
+	priceSale: "_priceSale_1r4ef_24"
+}, gt = (e) => e.toLocaleString("en-US", {
+	style: "currency",
+	currency: "USD"
+}), _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: [ht.row, o ?? ""].filter(Boolean).join(" "),
+		children: [
+			s && /* @__PURE__ */ i("span", {
+				className: ht.original,
+				children: r(t)
+			}),
+			/* @__PURE__ */ i("span", {
+				className: [ht.price, s ? ht.priceSale : ""].filter(Boolean).join(" "),
+				children: r(e)
+			}),
+			s && n && /* @__PURE__ */ a(et, {
+				variant: "danger",
+				emphasis: "solid",
+				children: [
+					"Save ",
+					c,
+					"%"
+				]
+			})
+		]
+	});
+}, vt = {
+	button: "_button_1mp7q_1",
+	icon: "_icon_1mp7q_24",
+	iconSaved: "_iconSaved_1mp7q_27",
+	bounce: "_bounce_1mp7q_40",
+	"wishlist-bounce": "_wishlist-bounce_1mp7q_1"
+}, yt = ({ saved: t = !1, onToggle: n, label: r = "item", className: a }) => {
+	let [o, s] = e.useState(!1);
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		className: [vt.button, a ?? ""].filter(Boolean).join(" "),
+		"aria-pressed": t,
+		"aria-label": t ? `Remove ${r} from wishlist` : `Add ${r} to wishlist`,
+		onClick: () => {
+			t || s(!0), n?.(!t);
+		},
+		children: /* @__PURE__ */ i(b, {
+			size: 16,
+			strokeWidth: D(16),
+			className: [t ? vt.iconSaved : vt.icon, o ? vt.bounce : ""].filter(Boolean).join(" "),
+			fill: t ? "currentColor" : "none",
+			onAnimationEnd: () => s(!1)
+		})
+	});
+}, L = {
+	card: "_card_jlv97_1",
+	imageWrap: "_imageWrap_jlv97_16",
+	image: "_image_jlv97_16",
+	imageDimmed: "_imageDimmed_jlv97_32",
+	saleBadge: "_saleBadge_jlv97_36",
+	wishlistBtn: "_wishlistBtn_jlv97_42",
+	outOfStockLabel: "_outOfStockLabel_jlv97_48",
+	body: "_body_jlv97_61",
+	rating: "_rating_jlv97_69",
+	starFilled: "_starFilled_jlv97_73",
+	starEmpty: "_starEmpty_jlv97_74",
+	titleRow: "_titleRow_jlv97_76",
+	name: "_name_jlv97_83",
+	priceRow: "_priceRow_jlv97_96",
+	priceOriginal: "_priceOriginal_jlv97_102",
+	price: "_price_jlv97_96",
+	description: "_description_jlv97_118",
+	swatches: "_swatches_jlv97_131",
+	addButton: "_addButton_jlv97_136"
+}, bt = (e) => e.toLocaleString("en-US", {
+	style: "currency",
+	currency: "USD"
+}), xt = ({ image: e, imageAlt: t, name: n, description: r, price: o, compareAtPrice: s, rating: c, reviewCount: l, colors: u = [], onColorSelect: d, inStock: f = !0, wishlisted: p = !1, onWishlistToggle: m, onAddItem: h, addItemLabel: g = "Add Item", formatPrice: _ = bt, className: v }) => {
+	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: [L.card, v ?? ""].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ a("div", {
+			className: L.imageWrap,
+			children: [
+				/* @__PURE__ */ i("img", {
+					src: e,
+					alt: t ?? n,
+					className: [L.image, f ? "" : L.imageDimmed].filter(Boolean).join(" ")
+				}),
+				y && f && /* @__PURE__ */ a(et, {
+					variant: "danger",
+					emphasis: "solid",
+					className: L.saleBadge,
+					children: [
+						"-",
+						b,
+						"%"
+					]
+				}),
+				f && /* @__PURE__ */ i(yt, {
+					saved: p,
+					label: n,
+					className: L.wishlistBtn,
+					onToggle: m
+				}),
+				!f && /* @__PURE__ */ i("span", {
+					className: L.outOfStockLabel,
+					children: "Out of stock"
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: L.body,
+			children: [
+				c !== void 0 && /* @__PURE__ */ i("div", {
+					className: L.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: D(16),
+						className: t < x ? L.starFilled : L.starEmpty,
+						fill: t < x ? "currentColor" : "none"
+					}, t))
+				}),
+				/* @__PURE__ */ a("div", {
+					className: L.titleRow,
+					children: [/* @__PURE__ */ i("p", {
+						className: L.name,
+						children: n
+					}), /* @__PURE__ */ a("div", {
+						className: L.priceRow,
+						children: [y && /* @__PURE__ */ i("span", {
+							className: L.priceOriginal,
+							children: _(s)
+						}), /* @__PURE__ */ i("span", {
+							className: L.price,
+							children: _(o)
+						})]
+					})]
+				}),
+				r && /* @__PURE__ */ i("p", {
+					className: L.description,
+					children: r
+				}),
+				u.length > 0 && /* @__PURE__ */ i("div", {
+					className: L.swatches,
+					role: "group",
+					"aria-label": "Color",
+					children: u.map((e) => /* @__PURE__ */ i(mt, {
+						...e,
+						onSelect: () => d?.(e.id ?? e.label)
+					}, e.id ?? e.label))
+				}),
+				/* @__PURE__ */ i(A, {
+					variant: "primary",
+					size: "md",
+					disabled: !f,
+					className: L.addButton,
+					onClick: h,
+					children: f ? g : "Out of stock"
+				})
+			]
+		})]
+	});
+}, R = {
+	gallery: "_gallery_1mrk8_1",
+	galleryBottom: "_galleryBottom_1mrk8_5",
+	galleryLeft: "_galleryLeft_1mrk8_10",
+	mainImage: "_mainImage_1mrk8_16",
+	mainBottom: "_mainBottom_1mrk8_23",
+	mainLeft: "_mainLeft_1mrk8_31",
+	thumbs: "_thumbs_1mrk8_41",
+	thumbsBottom: "_thumbsBottom_1mrk8_45",
+	thumbsLeft: "_thumbsLeft_1mrk8_50",
+	thumb: "_thumb_1mrk8_41",
+	thumbBottom: "_thumbBottom_1mrk8_65",
+	thumbLeft: "_thumbLeft_1mrk8_70",
+	thumbActive: "_thumbActive_1mrk8_75",
+	thumbImage: "_thumbImage_1mrk8_79"
+}, St = ({ images: t, thumbsPosition: n = "bottom", activeIndex: r, defaultActiveIndex: o = 0, onActiveIndexChange: s, className: c }) => {
+	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: [R.thumbs, h ? R.thumbsLeft : R.thumbsBottom].filter(Boolean).join(" "),
+		role: "tablist",
+		"aria-label": "Product images",
+		children: t.map((e, t) => /* @__PURE__ */ i("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": t === f,
+			"aria-label": e.alt ?? `Image ${t + 1}`,
+			className: [
+				R.thumb,
+				h ? R.thumbLeft : R.thumbBottom,
+				t === f ? R.thumbActive : ""
+			].filter(Boolean).join(" "),
+			onClick: () => p(t),
+			children: /* @__PURE__ */ i("img", {
+				src: e.src,
+				alt: "",
+				className: R.thumbImage
+			})
+		}, e.src + t))
+	});
+	return /* @__PURE__ */ a("div", {
+		className: [
+			R.gallery,
+			h ? R.galleryLeft : R.galleryBottom,
+			c ?? ""
+		].filter(Boolean).join(" "),
+		children: [
+			!h && m && /* @__PURE__ */ i("div", {
+				className: R.mainBottom,
+				children: /* @__PURE__ */ i("img", {
+					src: m.src,
+					alt: m.alt ?? "",
+					className: R.mainImage
+				})
+			}),
+			g,
+			h && m && /* @__PURE__ */ i("div", {
+				className: R.mainLeft,
+				children: /* @__PURE__ */ i("img", {
+					src: m.src,
+					alt: m.alt ?? "",
+					className: R.mainImage
+				})
+			})
+		]
+	});
+}, 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"
+}, wt = ({ size: e, selected: t = !1, available: n = !0, onSelect: r, className: o }) => /* @__PURE__ */ a("button", {
+	type: "button",
+	className: [
+		Ct.button,
+		n ? t ? Ct.selected : Ct.unselected : Ct.unavailable,
+		o ?? ""
+	].filter(Boolean).join(" "),
+	disabled: !n,
+	"aria-pressed": n ? t : void 0,
+	"aria-label": n ? `Size ${e}` : `Size ${e} (out of stock)`,
+	onClick: r,
+	children: [/* @__PURE__ */ i("span", {
+		className: Ct.label,
+		children: e
+	}), !n && /* @__PURE__ */ i("span", {
+		className: Ct.strike,
+		"aria-hidden": "true"
+	})]
+}), Tt = {
+	row: "_row_1snsi_1",
+	rowVertical: "_rowVertical_1snsi_8",
+	stars: "_stars_1snsi_13",
+	starFull: "_starFull_1snsi_19",
+	starEmpty: "_starEmpty_1snsi_24",
+	label: "_label_1snsi_29",
+	value: "_value_1snsi_38",
+	count: "_count_1snsi_43"
+}, Et = (e) => e.toLocaleString("en-US"), Dt = ({ rating: e, reviewCount: t, showLabel: n = !0, orientation: r = "horizontal", formatReviewCount: o = Et, className: s }) => {
+	let c = Math.max(0, Math.min(5, e)), l = Math.round(c * 2) / 2, u = Math.floor(l), d = l - u === .5, f = 5 - u - !!d, p = /* @__PURE__ */ a("div", {
+		className: Tt.stars,
+		role: "img",
+		"aria-label": `${c} out of 5 stars`,
+		children: [
+			Array.from({ length: u }, (e, t) => /* @__PURE__ */ i(re, {
+				size: 24,
+				strokeWidth: D(24),
+				className: Tt.starFull,
+				fill: "currentColor",
+				"aria-hidden": "true"
+			}, `full-${t}`)),
+			d && /* @__PURE__ */ i(ie, {
+				size: 24,
+				strokeWidth: D(24),
+				className: Tt.starFull,
+				fill: "currentColor",
+				"aria-hidden": "true"
+			}),
+			Array.from({ length: f }, (e, t) => /* @__PURE__ */ i(re, {
+				size: 24,
+				strokeWidth: D(24),
+				className: Tt.starEmpty,
+				"aria-hidden": "true"
+			}, `empty-${t}`))
+		]
+	}), m = n && /* @__PURE__ */ a("div", {
+		className: Tt.label,
+		children: [/* @__PURE__ */ i("span", {
+			className: Tt.value,
+			children: c.toFixed(1)
+		}), t !== void 0 && /* @__PURE__ */ a("span", {
+			className: Tt.count,
+			children: [
+				"(",
+				o(t),
+				" reviews)"
+			]
+		})]
+	}), h = [
+		Tt.row,
+		r === "vertical" ? Tt.rowVertical : "",
+		s ?? ""
+	].filter(Boolean).join(" ");
+	return r === "horizontal-reverse" ? /* @__PURE__ */ a("div", {
+		className: h,
+		children: [m, p]
+	}) : /* @__PURE__ */ a("div", {
+		className: h,
+		children: [p, m]
+	});
+}, 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(et, {
+		variant: s,
+		emphasis: "subtle",
+		className: r,
+		children: n ?? c
+	});
+}, z = {
+	card: "_card_1w9hp_1",
+	cardDefault: "_cardDefault_1w9hp_8",
+	imageDefault: "_imageDefault_1w9hp_19",
+	bodyDefault: "_bodyDefault_1w9hp_27",
+	cardHorizontal: "_cardHorizontal_1w9hp_53",
+	imageWrapHorizontal: "_imageWrapHorizontal_1w9hp_61",
+	image: "_image_1w9hp_19",
+	bodyHorizontal: "_bodyHorizontal_1w9hp_77",
+	metaRow: "_metaRow_1w9hp_89",
+	readTime: "_readTime_1w9hp_96",
+	title: "_title_1w9hp_105",
+	excerpt: "_excerpt_1w9hp_114",
+	author: "_author_1w9hp_123",
+	authorText: "_authorText_1w9hp_130"
+}, kt = ({ image: e, imageAlt: t, category: n, readTime: r, title: o, excerpt: s, author: c, layout: l = "default", className: u }) => {
+	let d = l === "horizontal";
+	return /* @__PURE__ */ a("div", {
+		className: [
+			z.card,
+			d ? z.cardHorizontal : z.cardDefault,
+			u ?? ""
+		].filter(Boolean).join(" "),
+		children: [d ? /* @__PURE__ */ i("span", {
+			className: z.imageWrapHorizontal,
+			children: /* @__PURE__ */ i("img", {
+				src: e,
+				alt: t ?? "",
+				className: z.image
+			})
+		}) : /* @__PURE__ */ i("img", {
+			src: e,
+			alt: t ?? "",
+			className: z.imageDefault
+		}), /* @__PURE__ */ a("div", {
+			className: d ? z.bodyHorizontal : z.bodyDefault,
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: z.metaRow,
+					children: [/* @__PURE__ */ i(et, {
+						variant: "accent",
+						emphasis: "subtle",
+						children: n
+					}), /* @__PURE__ */ i("span", {
+						className: z.readTime,
+						children: r
+					})]
+				}),
+				/* @__PURE__ */ i("p", {
+					className: z.title,
+					children: o
+				}),
+				/* @__PURE__ */ i("p", {
+					className: z.excerpt,
+					children: s
+				}),
+				/* @__PURE__ */ a("div", {
+					className: z.author,
+					children: [/* @__PURE__ */ i(xe, {
+						size: "sm",
+						src: c.avatarSrc,
+						alt: c.avatarAlt ?? c.name
+					}), /* @__PURE__ */ a("p", {
+						className: z.authorText,
+						children: [
+							c.name,
+							" · ",
+							c.date
+						]
+					})]
+				})
+			]
+		})]
+	});
+}, B = {
+	card: "_card_8cf5b_1",
+	cardHorizontal: "_cardHorizontal_8cf5b_12",
+	cardVertical: "_cardVertical_8cf5b_20",
+	image: "_image_8cf5b_32",
+	bodyHorizontal: "_bodyHorizontal_8cf5b_43",
+	bodyVertical: "_bodyVertical_8cf5b_56",
+	title: "_title_8cf5b_67",
+	excerpt: "_excerpt_8cf5b_77",
+	footer: "_footer_8cf5b_86",
+	author: "_author_8cf5b_94",
+	authorText: "_authorText_8cf5b_101"
+}, At = ({ image: e, imageAlt: t, badgeLabel: n = "Featured", title: r, excerpt: o, author: s, ctaLabel: c = "Read article", onCtaClick: l, orientation: u = "horizontal", className: d }) => {
+	let f = u === "vertical";
+	return /* @__PURE__ */ a("div", {
+		className: [
+			B.card,
+			f ? B.cardVertical : B.cardHorizontal,
+			d ?? ""
+		].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ i("img", {
+			src: e,
+			alt: t ?? "",
+			className: B.image
+		}), /* @__PURE__ */ a("div", {
+			className: f ? B.bodyVertical : B.bodyHorizontal,
+			children: [
+				/* @__PURE__ */ i(et, {
+					variant: "accent",
+					emphasis: "subtle",
+					children: n
+				}),
+				/* @__PURE__ */ i("p", {
+					className: B.title,
+					children: r
+				}),
+				/* @__PURE__ */ i("p", {
+					className: B.excerpt,
+					children: o
+				}),
+				/* @__PURE__ */ a("div", {
+					className: B.footer,
+					children: [/* @__PURE__ */ a("div", {
+						className: B.author,
+						children: [/* @__PURE__ */ i(xe, {
+							size: "md",
+							src: s.avatarSrc,
+							alt: s.avatarAlt ?? s.name,
+							initials: s.initials
+						}), /* @__PURE__ */ a("p", {
+							className: B.authorText,
+							children: [
+								s.name,
+								" · ",
+								s.date
+							]
+						})]
+					}), /* @__PURE__ */ i(A, {
+						variant: "secondary",
+						size: "sm",
+						onClick: l,
+						children: c
+					})]
+				})
+			]
+		})]
+	});
+}, jt = {
+	chip: "_chip_scl8l_1",
+	"chip--sm": "_chip--sm_scl8l_11",
+	"chip--md": "_chip--md_scl8l_17",
+	"chip--lg": "_chip--lg_scl8l_23",
+	"chip--light": "_chip--light_scl8l_31",
+	"chip--outline": "_chip--outline_scl8l_35",
+	"chip--solid": "_chip--solid_scl8l_39",
+	"chip--subtle": "_chip--subtle_scl8l_43"
+}, Mt = {
+	sm: 16,
+	md: 20,
+	lg: 24
+}, Nt = ({ icon: t, size: n = "md", variant: r = "light", className: a }) => {
+	let o = Mt[n], s = e.isValidElement(t) ? e.cloneElement(t, {
+		size: o,
+		strokeWidth: D(o)
+	}) : t;
+	return /* @__PURE__ */ i("div", {
+		className: [
+			jt.chip,
+			jt[`chip--${n}`],
+			jt[`chip--${r}`],
+			a ?? ""
+		].filter(Boolean).join(" "),
+		"aria-hidden": "true",
+		children: s
+	});
+}, Pt = {
+	group: "_group_mvlh4_3",
+	group__item: "_group__item_mvlh4_6",
+	"group--sm": "_group--sm_mvlh4_9",
+	"group--lg": "_group--lg_mvlh4_10",
+	"group--xl": "_group--xl_mvlh4_11",
+	overflow: "_overflow_mvlh4_14",
+	"overflow--sm": "_overflow--sm_mvlh4_25",
+	"overflow--md": "_overflow--md_mvlh4_26",
+	"overflow--lg": "_overflow--lg_mvlh4_27",
+	"overflow--xl": "_overflow--xl_mvlh4_28"
+}, Ft = ({ size: e = "md", max: t = 4, avatars: n, className: r }) => {
+	let o = n.slice(0, t), s = n.length - o.length;
+	return /* @__PURE__ */ a("div", {
+		className: [
+			Pt.group,
+			Pt[`group--${e}`],
+			r ?? ""
+		].filter(Boolean).join(" "),
+		children: [o.map((t, n) => /* @__PURE__ */ i("span", {
+			className: Pt.group__item,
+			children: /* @__PURE__ */ i(xe, {
+				size: e,
+				src: t.src,
+				initials: t.initials,
+				alt: t.alt
+			})
+		}, n)), s > 0 && /* @__PURE__ */ i("span", {
+			className: Pt.group__item,
+			children: /* @__PURE__ */ a("span", {
+				className: [Pt.overflow, Pt[`overflow--${e}`]].join(" "),
+				children: ["+", s]
+			})
+		})]
+	});
+}, It = {
+	root: "_root_165je_1",
+	dot: "_dot_165je_13",
+	dotActive: "_dotActive_165je_21",
+	dotRemote: "_dotRemote_165je_25"
+}, Lt = ({ location: e, status: t = "active", className: n }) => /* @__PURE__ */ a("span", {
+	className: [It.root, n ?? ""].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ i("span", {
+		className: [It.dot, t === "active" ? It.dotActive : It.dotRemote].join(" "),
+		"aria-hidden": "true"
+	}), e]
+}), V = {
+	root: "_root_15jaa_1",
+	rootCard: "_rootCard_15jaa_9",
+	rootRow: "_rootRow_15jaa_21",
+	rowLeft: "_rowLeft_15jaa_27",
+	titleGroup: "_titleGroup_15jaa_36",
+	title: "_title_15jaa_36",
+	description: "_description_15jaa_56",
+	metaRow: "_metaRow_15jaa_65",
+	applyBtn: "_applyBtn_15jaa_72"
+}, Rt = ({ 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: V.titleGroup,
+		children: [/* @__PURE__ */ i("p", {
+			className: V.title,
+			children: e
+		}), /* @__PURE__ */ i("p", {
+			className: V.description,
+			children: t
+		})]
+	}), /* @__PURE__ */ a("div", {
+		className: V.metaRow,
+		children: [
+			/* @__PURE__ */ i(et, {
+				variant: "accent",
+				emphasis: "subtle",
+				children: n
+			}),
+			/* @__PURE__ */ i(et, {
+				variant: "neutral",
+				emphasis: "subtle",
+				children: o
+			}),
+			/* @__PURE__ */ i(Lt, {
+				location: s,
+				status: c
+			})
+		]
+	})] });
+	return p ? /* @__PURE__ */ a("div", {
+		className: [
+			V.root,
+			V.rootRow,
+			f ?? ""
+		].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ i("div", {
+			className: V.rowLeft,
+			children: m
+		}), /* @__PURE__ */ i(A, {
+			variant: "secondary",
+			size: "sm",
+			className: V.applyBtn,
+			onClick: l,
+			children: u
+		})]
+	}) : /* @__PURE__ */ a("div", {
+		className: [
+			V.root,
+			V.rootCard,
+			f ?? ""
+		].filter(Boolean).join(" "),
+		children: [m, /* @__PURE__ */ i(A, {
+			variant: "secondary",
+			size: "sm",
+			onClick: l,
+			children: u
+		})]
+	});
+}, zt = {
+	root: "_root_3bf2n_1",
+	rootCenter: "_rootCenter_3bf2n_9",
+	rootLeft: "_rootLeft_3bf2n_14",
+	title: "_title_3bf2n_19",
+	subtitle: "_subtitle_3bf2n_28"
+}, Bt = ({ eyebrow: e, title: t, subtitle: n, align: r = "center", titleAs: o = "h2", className: s }) => /* @__PURE__ */ a("div", {
+	className: [
+		zt.root,
+		r === "left" ? zt.rootLeft : zt.rootCenter,
+		s ?? ""
+	].filter(Boolean).join(" "),
+	children: [
+		e && /* @__PURE__ */ i(et, {
+			variant: "accent",
+			emphasis: "subtle",
+			children: e
+		}),
+		/* @__PURE__ */ i(o, {
+			className: zt.title,
+			children: t
+		}),
+		n && /* @__PURE__ */ i("p", {
+			className: zt.subtitle,
+			children: n
+		})
+	]
+}), H = {
+	card: "_card_1ye9i_1",
+	imageWrap: "_imageWrap_1ye9i_16",
+	image: "_image_1ye9i_16",
+	locationBar: "_locationBar_1ye9i_36",
+	locationDot: "_locationDot_1ye9i_56",
+	info: "_info_1ye9i_63",
+	metaRow: "_metaRow_1ye9i_74",
+	identity: "_identity_1ye9i_82",
+	name: "_name_1ye9i_90",
+	role: "_role_1ye9i_99",
+	social: "_social_1ye9i_108",
+	bio: "_bio_1ye9i_116"
+}, Vt = ({ image: e, imageAlt: t, name: n, role: r, location: o, locationStatus: s = "active", bio: c, socialLinks: l = [], className: u }) => /* @__PURE__ */ a("div", {
+	className: [H.card, u ?? ""].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ a("div", {
+		className: H.imageWrap,
+		children: [/* @__PURE__ */ i("img", {
+			src: e,
+			alt: t ?? n,
+			className: H.image
+		}), /* @__PURE__ */ i("div", {
+			className: H.locationBar,
+			children: /* @__PURE__ */ i(Lt, {
+				location: o,
+				status: s,
+				className: H.locationDot
+			})
+		})]
+	}), /* @__PURE__ */ a("div", {
+		className: H.info,
+		children: [/* @__PURE__ */ a("div", {
+			className: H.metaRow,
+			children: [/* @__PURE__ */ a("div", {
+				className: H.identity,
+				children: [/* @__PURE__ */ i("p", {
+					className: H.name,
+					children: n
+				}), /* @__PURE__ */ i("p", {
+					className: H.role,
+					children: r
+				})]
+			}), l.length > 0 && /* @__PURE__ */ i("div", {
+				className: H.social,
+				children: l.map((e, t) => /* @__PURE__ */ i("a", {
+					href: e.href,
+					onClick: e.onClick,
+					"aria-label": e.label,
+					children: /* @__PURE__ */ i(Nt, {
+						icon: e.icon,
+						size: "sm",
+						variant: "subtle"
+					})
+				}, e.label ?? t))
+			})]
+		}), c && /* @__PURE__ */ i("p", {
+			className: H.bio,
+			children: c
+		})]
+	})]
+}), Ht = {
+	alert: "_alert_1hjs5_3",
+	alert__icon: "_alert__icon_1hjs5_12",
+	alert__content: "_alert__content_1hjs5_13",
+	alert__title: "_alert__title_1hjs5_14",
+	alert__description: "_alert__description_1hjs5_15",
+	"alert--info": "_alert--info_1hjs5_18",
+	"alert--success": "_alert--success_1hjs5_21",
+	"alert--warning": "_alert--warning_1hjs5_24",
+	"alert--danger": "_alert--danger_1hjs5_27",
+	"alert--neutral": "_alert--neutral_1hjs5_30"
+}, Ut = {
+	info: /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ i("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "12",
+			y1: "16",
+			x2: "12",
+			y2: "12"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "12",
+			y1: "8",
+			x2: "12.01",
+			y2: "8"
+		})
+	] }),
+	success: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ i("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
+	warning: /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ i("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+		/* @__PURE__ */ i("line", {
+			x1: "12",
+			y1: "9",
+			x2: "12",
+			y2: "13"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "12",
+			y1: "17",
+			x2: "12.01",
+			y2: "17"
+		})
+	] }),
+	danger: /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ i("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "15",
+			y1: "9",
+			x2: "9",
+			y2: "15"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "9",
+			y1: "9",
+			x2: "15",
+			y2: "15"
+		})
+	] }),
+	neutral: /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ i("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "12",
+			y1: "16",
+			x2: "12",
+			y2: "12"
+		}),
+		/* @__PURE__ */ i("line", {
+			x1: "12",
+			y1: "8",
+			x2: "12.01",
+			y2: "8"
+		})
+	] })
+}, Wt = ({ color: e = "info", title: t, description: n, icon: r, className: o }) => /* @__PURE__ */ a("div", {
+	role: "alert",
+	className: [
+		Ht.alert,
+		Ht[`alert--${e}`],
+		o ?? ""
+	].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ i("span", {
+		className: Ht.alert__icon,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ i("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: D(18),
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			width: 18,
+			height: 18,
+			children: r ?? Ut[e]
+		})
+	}), /* @__PURE__ */ a("div", {
+		className: Ht.alert__content,
+		children: [t && /* @__PURE__ */ i("div", {
+			className: Ht.alert__title,
+			children: t
+		}), n && /* @__PURE__ */ i("div", {
+			className: Ht.alert__description,
+			children: n
+		})]
+	})]
+}), U = {
+	card: "_card_6iftf_2",
+	"card--hover": "_card--hover_6iftf_15",
+	"card--selected": "_card--selected_6iftf_16",
+	"card--dragging": "_card--dragging_6iftf_17",
+	"card--done": "_card--done_6iftf_18",
+	card__cover: "_card__cover_6iftf_20",
+	card__header: "_card__header_6iftf_26",
+	card__leading: "_card__leading_6iftf_27",
+	card__title: "_card__title_6iftf_28",
+	card__trailing: "_card__trailing_6iftf_37",
+	card__desc: "_card__desc_6iftf_38",
+	card__tags: "_card__tags_6iftf_45",
+	card__divider: "_card__divider_6iftf_46",
+	card__footer: "_card__footer_6iftf_47",
+	card__meta: "_card__meta_6iftf_48",
+	card__assignees: "_card__assignees_6iftf_49"
+}, Gt = ({ 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: [
+			U.card,
+			U[`card--${e}`],
+			U[`card--${t}`],
+			m ?? ""
+		].filter(Boolean).join(" "),
+		children: [
+			e === "cover" && /* @__PURE__ */ i("div", {
+				className: U.card__cover,
+				children: n
+			}),
+			/* @__PURE__ */ a("div", {
+				className: U.card__header,
+				children: [
+					o && /* @__PURE__ */ i("span", {
+						className: U.card__leading,
+						children: o
+					}),
+					/* @__PURE__ */ i("span", {
+						className: U.card__title,
+						children: s
+					}),
+					c && /* @__PURE__ */ i("span", {
+						className: U.card__trailing,
+						children: c
+					})
+				]
+			}),
+			h && l && /* @__PURE__ */ i("p", {
+				className: U.card__desc,
+				children: l
+			}),
+			h && u && /* @__PURE__ */ i("div", {
+				className: U.card__tags,
+				children: u
+			}),
+			g && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: U.card__divider }), /* @__PURE__ */ a("div", {
+				className: U.card__footer,
+				children: [d && /* @__PURE__ */ i("div", {
+					className: U.card__meta,
+					children: d
+				}), f && /* @__PURE__ */ i("div", {
+					className: U.card__assignees,
+					children: f
+				})]
+			})] })
+		]
+	});
+}, Kt = {
+	breadcrumb: "_breadcrumb_1uzuh_3",
+	list: "_list_1uzuh_5",
+	item: "_item_1uzuh_15",
+	crumb: "_crumb_1uzuh_17",
+	current: "_current_1uzuh_26",
+	separator: "_separator_1uzuh_33",
+	"list--button": "_list--button_1uzuh_38",
+	chip: "_chip_1uzuh_41"
+}, qt = ({ size: e }) => /* @__PURE__ */ i("span", {
+	className: Kt.separator,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ i("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: D(e),
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		width: e,
+		height: e,
+		children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
+	})
+}), Jt = ({ items: e, variant: t = "text", className: n }) => {
+	let r = t === "button";
+	return /* @__PURE__ */ i("nav", {
+		"aria-label": "Breadcrumb",
+		className: [Kt.breadcrumb, n ?? ""].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ i("ol", {
+			className: [Kt.list, r ? Kt["list--button"] : ""].filter(Boolean).join(" "),
+			children: e.map((t, n) => {
+				let o = n === e.length - 1, s = r ? Kt.chip : o ? Kt.current : Kt.crumb;
+				return /* @__PURE__ */ a("li", {
+					className: Kt.item,
+					children: [o || !t.href ? /* @__PURE__ */ i("span", {
+						className: s,
+						"aria-current": o ? "page" : void 0,
+						children: t.label
+					}) : /* @__PURE__ */ i("a", {
+						href: t.href,
+						className: s,
+						children: t.label
+					}), !o && /* @__PURE__ */ i(qt, { size: r ? 14 : 16 })]
+				}, n);
+			})
+		})
+	});
+}, Yt = {
+	meta: "_meta_g1mpv_2",
+	meta__icon: "_meta__icon_g1mpv_3",
+	meta__label: "_meta__label_g1mpv_4"
+}, Xt = ({ icon: e, children: t, className: n }) => /* @__PURE__ */ a("span", {
+	className: [Yt.meta, n ?? ""].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ i("span", {
+		className: Yt.meta__icon,
+		"aria-hidden": "true",
+		children: e
+	}), /* @__PURE__ */ i("span", {
+		className: Yt.meta__label,
+		children: t
+	})]
+}), W = {
+	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"
+}, Zt = ({ 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,
+		right: 0
+	}), [x, S] = e.useState([]), C = e.useRef(null), w = e.useRef(null), E = e.useRef(null), ee = e.useRef(null), re = n === void 0 ? m : n, ie = !p && (re.trim().length > 0 || t === "typing" || x.length > 0), ae = () => {
+		w.current?.click();
+	}, oe = (e) => {
+		let t = e.target.files;
+		t && (Array.from(t).forEach((e) => {
+			if (e.type.startsWith("image/") || e.type.startsWith("video/")) {
+				let t = new FileReader();
+				t.onload = (t) => {
+					let n = t.target?.result;
+					S((t) => [...t, {
+						name: e.name,
+						type: e.type,
+						dataUrl: n
+					}]);
+				}, t.readAsDataURL(e);
+			}
+		}), e.target.value = "");
+	}, se = (e) => {
+		S((t) => t.filter((t, n) => n !== e));
+	}, le = () => {
+		if (!g && C.current) {
+			let e = C.current.getBoundingClientRect();
+			b({
+				top: e.top - 104 - 4,
+				right: 20
+			});
+		}
+		_(!g);
+	}, ue = (e) => {
+		if (C.current) {
+			let t = C.current.selectionStart || re.length, n = re.slice(0, t) + e + re.slice(t);
+			h(n), o?.(n), C.current.focus(), C.current.setSelectionRange(t + e.length, t + e.length);
+		}
+		_(!1);
+	};
+	return e.useEffect(() => {
+		let e = (e) => {
+			ee.current && !ee.current.contains(e.target) && E.current && !E.current.contains(e.target) && _(!1);
+		};
+		return g && document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [g]), e.useEffect(() => {
+		c?.(x);
+	}, [x, c]), /* @__PURE__ */ a("div", {
+		className: [
+			W.composer,
+			W[`composer--${t}`],
+			f ?? ""
+		].filter(Boolean).join(" "),
+		children: [
+			t === "uploading" && /* @__PURE__ */ a("div", {
+				className: W.upload,
+				children: [
+					/* @__PURE__ */ i(y, {
+						size: 16,
+						strokeWidth: D(16),
+						className: W.upload__icon,
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ a("div", {
+						className: W.upload__body,
+						children: [/* @__PURE__ */ i("span", {
+							className: W.upload__name,
+							children: l
+						}), /* @__PURE__ */ i("div", {
+							className: W.upload__track,
+							children: /* @__PURE__ */ i("div", {
+								className: W.upload__fill,
+								style: { width: `${u}%` }
+							})
+						})]
+					}),
+					/* @__PURE__ */ i(Ae, {
+						icon: ce,
+						variant: "ghost",
+						size: "md",
+						onClick: d,
+						"aria-label": "Cancel upload"
+					})
+				]
+			}),
+			x.length > 0 && /* @__PURE__ */ i("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: "8px",
+					padding: "8px",
+					backgroundColor: "var(--color-bg-subtle)",
+					borderRadius: "8px"
+				},
+				children: x.map((e, t) => /* @__PURE__ */ a("div", {
+					style: {
+						position: "relative",
+						display: "inline-flex",
+						alignItems: "center",
+						justifyContent: "center",
+						width: "80px",
+						height: "80px",
+						borderRadius: "8px",
+						overflow: "hidden",
+						backgroundColor: "var(--color-bg-muted)",
+						border: "1px solid var(--color-border-default)"
+					},
+					children: [e.type.startsWith("image/") ? /* @__PURE__ */ i("img", {
+						src: e.dataUrl,
+						alt: e.name,
+						style: {
+							width: "100%",
+							height: "100%",
+							objectFit: "cover"
+						}
+					}) : /* @__PURE__ */ a("div", {
+						style: {
+							textAlign: "center",
+							padding: "8px"
+						},
+						children: [/* @__PURE__ */ i(y, {
+							size: 24,
+							strokeWidth: 1.5
+						}), /* @__PURE__ */ i("div", {
+							style: {
+								fontSize: "10px",
+								marginTop: "4px",
+								color: "var(--color-fg-muted)"
+							},
+							children: e.name.split(".").pop()?.toUpperCase()
+						})]
+					}), /* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: () => se(t),
+						style: {
+							position: "absolute",
+							top: "-8px",
+							right: "-8px",
+							width: "24px",
+							height: "24px",
+							borderRadius: "50%",
+							background: "var(--color-accent-default)",
+							border: "none",
+							color: "white",
+							cursor: "pointer",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center",
+							fontSize: "16px",
+							lineHeight: "1"
+						},
+						"aria-label": "Remove file",
+						children: "x"
+					})]
+				}, t))
+			}),
+			/* @__PURE__ */ i("input", {
+				ref: w,
+				type: "file",
+				multiple: !0,
+				accept: "image/*,video/*",
+				onChange: oe,
+				style: { display: "none" }
+			}),
+			/* @__PURE__ */ a("div", {
+				className: W.row,
+				children: [
+					/* @__PURE__ */ i(Ae, {
+						icon: T,
+						variant: "ghost",
+						size: "sm",
+						onClick: ae,
+						disabled: p,
+						"aria-label": "Attach file"
+					}),
+					/* @__PURE__ */ i("input", {
+						ref: C,
+						type: "text",
+						className: W.input,
+						value: re,
+						placeholder: p ? "You can't reply to this conversation" : r,
+						disabled: p,
+						onChange: (e) => {
+							n === void 0 && h(e.target.value), o?.(e.target.value);
+						},
+						onKeyDown: (e) => {
+							e.key === "Enter" && ie && (e.preventDefault(), s?.());
+						}
+					}),
+					/* @__PURE__ */ i(Ae, {
+						ref: E,
+						icon: ne,
+						variant: "ghost",
+						size: "sm",
+						onClick: le,
+						disabled: p,
+						"aria-label": "Add emoji"
+					}),
+					g && !p && pe.createPortal(/* @__PURE__ */ i("div", {
+						ref: ee,
+						style: {
+							position: "fixed",
+							top: `${v.top}px`,
+							right: `${v.right}px`,
+							zIndex: 1e4,
+							boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)",
+							borderRadius: "8px",
+							backgroundColor: "var(--color-bg-surface)",
+							border: "1px solid var(--color-border-default)",
+							padding: "12px",
+							display: "grid",
+							gridTemplateColumns: "repeat(8, 1fr)",
+							gap: "4px",
+							width: "280px"
+						},
+						children: [
+							"😀",
+							"😂",
+							"❤️",
+							"👍",
+							"🎉",
+							"✨",
+							"😍",
+							"🤔",
+							"👏",
+							"🚀",
+							"🔥",
+							"💯",
+							"😢",
+							"😱",
+							"🤗",
+							"😎"
+						].map((e) => /* @__PURE__ */ i("button", {
+							onClick: () => ue(e),
+							style: {
+								background: "none",
+								border: "none",
+								fontSize: "24px",
+								cursor: "pointer",
+								padding: "4px",
+								borderRadius: "4px",
+								transition: "background-color 0.2s"
+							},
+							onMouseEnter: (e) => {
+								e.currentTarget.style.backgroundColor = "var(--color-bg-subtle)";
+							},
+							onMouseLeave: (e) => {
+								e.currentTarget.style.backgroundColor = "transparent";
+							},
+							children: e
+						}, e))
+					}), document.body),
+					/* @__PURE__ */ i(Ae, {
+						icon: te,
+						variant: "primary",
+						size: "sm",
+						className: W.sendButton,
+						onClick: s,
+						disabled: !ie,
+						"aria-label": "Send message"
+					})
+				]
+			})
+		]
+	});
+}, G = {
+	wrapper: "_wrapper_1nmcn_3",
+	"wrapper--disabled": "_wrapper--disabled_1nmcn_11",
+	input: "_input_1nmcn_14",
+	box: "_box_1nmcn_21",
+	check: "_check_1nmcn_42",
+	dash: "_dash_1nmcn_53",
+	text: "_text_1nmcn_71",
+	text__label: "_text__label_1nmcn_72",
+	text__description: "_text__description_1nmcn_73",
+	checkbox: "_checkbox_1nmcn_77",
+	"wrapper--withDescription": "_wrapper--withDescription_1nmcn_81"
+}, Qt = e.forwardRef(({ label: t, description: n, indeterminate: r, disabled: o, id: s, className: c, ...l }, u) => {
+	let d = e.useId(), f = s ?? d, p = e.useRef(null);
+	return e.useImperativeHandle(u, () => p.current), e.useEffect(() => {
+		p.current && (p.current.indeterminate = !!r);
+	}, [r]), /* @__PURE__ */ a("label", {
+		htmlFor: f,
+		className: [
+			G.wrapper,
+			n ? G["wrapper--withDescription"] : "",
+			o ? G["wrapper--disabled"] : "",
+			c ?? ""
+		].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ i("input", {
+				ref: p,
+				id: f,
+				type: "checkbox",
+				disabled: o,
+				className: G.input,
+				...l
+			}),
+			/* @__PURE__ */ a("span", {
+				className: G.box,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ i("svg", {
+					className: G.check,
+					width: 12,
+					height: 12,
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: 3,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ i("polyline", { points: "20 6 9 17 4 12" })
+				}), /* @__PURE__ */ i("span", { className: G.dash })]
+			}),
+			(t || n) && /* @__PURE__ */ a("span", {
+				className: G.text,
+				children: [t && /* @__PURE__ */ i("span", {
+					className: G.text__label,
+					children: t
+				}), n && /* @__PURE__ */ i("span", {
+					className: G.text__description,
+					children: n
+				})]
+			})
+		]
+	});
+});
+Qt.displayName = "Checkbox";
+var K = {
+	item: "_item_1hp9t_2",
+	"item--hover": "_item--hover_1hp9t_12",
+	"item--active": "_item--active_1hp9t_13",
+	item__avatar: "_item__avatar_1hp9t_16",
+	item__presence: "_item__presence_1hp9t_17",
+	item__body: "_item__body_1hp9t_22",
+	item__row: "_item__row_1hp9t_23",
+	item__name: "_item__name_1hp9t_24",
+	"item--unread": "_item--unread_1hp9t_28",
+	item__mute: "_item__mute_1hp9t_29",
+	item__time: "_item__time_1hp9t_30",
+	item__preview: "_item__preview_1hp9t_31",
+	item__typing: "_item__typing_1hp9t_36",
+	item__badge: "_item__badge_1hp9t_37"
+}, $t = ({ state: e = "default", avatar: t, name: n, timestamp: r, preview: o, unreadCount: c, onClick: l, className: u }) => /* @__PURE__ */ a("div", {
+	role: "button",
+	tabIndex: 0,
+	onClick: l,
+	onKeyDown: (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l?.());
+	},
+	"aria-current": e === "active" || void 0,
+	className: [
+		K.item,
+		K[`item--${e}`],
+		u ?? ""
+	].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ a("span", {
+		className: K.item__avatar,
+		children: [t, e !== "muted" && /* @__PURE__ */ i("span", {
+			className: K.item__presence,
+			"aria-hidden": "true"
+		})]
+	}), /* @__PURE__ */ a("span", {
+		className: K.item__body,
+		children: [/* @__PURE__ */ a("span", {
+			className: K.item__row,
+			children: [
+				/* @__PURE__ */ i("span", {
+					className: K.item__name,
+					children: n
+				}),
+				e === "muted" && /* @__PURE__ */ i(s, {
+					size: 12,
+					strokeWidth: D(12),
+					className: K.item__mute,
+					"aria-hidden": "true"
+				}),
+				r && /* @__PURE__ */ i("span", {
+					className: K.item__time,
+					children: r
+				})
+			]
+		}), /* @__PURE__ */ a("span", {
+			className: K.item__row,
+			children: [e === "typing" ? /* @__PURE__ */ i("span", {
+				className: K.item__typing,
+				children: "typing..."
+			}) : /* @__PURE__ */ i("span", {
+				className: K.item__preview,
+				children: o
+			}), e === "unread" && c != null && /* @__PURE__ */ i("span", {
+				className: K.item__badge,
+				children: c
+			})]
+		})]
+	})]
+}), en = {
+	empty: "_empty_15v2t_2",
+	empty__chip: "_empty__chip_15v2t_12",
+	"empty__chip--error": "_empty__chip--error_15v2t_22",
+	empty__title: "_empty__title_15v2t_23",
+	empty__desc: "_empty__desc_15v2t_31",
+	empty__action: "_empty__action_15v2t_39"
+}, tn = {
+	"no-data": {
+		icon: /* @__PURE__ */ i(x, {
+			size: 18,
+			strokeWidth: D(18)
+		}),
+		title: "No data yet",
+		description: "Records will appear here once they are added."
+	},
+	"no-results": {
+		icon: /* @__PURE__ */ i(ee, {
+			size: 18,
+			strokeWidth: D(18)
+		}),
+		title: "No results found",
+		description: "Try adjusting your search or removing filters."
+	},
+	error: {
+		icon: /* @__PURE__ */ i(m, {
+			size: 18,
+			strokeWidth: D(18)
+		}),
+		title: "Couldn't load data",
+		description: "Something went wrong while fetching records."
+	}
+}, nn = ({ type: e = "no-data", title: t, description: n, actionLabel: r, onAction: o, icon: s, className: c }) => {
+	let l = tn[e];
+	return /* @__PURE__ */ a("div", {
+		className: [en.empty, c ?? ""].filter(Boolean).join(" "),
+		role: "status",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: [en.empty__chip, en[`empty__chip--${e}`]].join(" "),
+				"aria-hidden": "true",
+				children: s ?? l.icon
+			}),
+			/* @__PURE__ */ i("p", {
+				className: en.empty__title,
+				children: t ?? l.title
+			}),
+			/* @__PURE__ */ i("p", {
+				className: en.empty__desc,
+				children: n ?? l.description
+			}),
+			r && /* @__PURE__ */ i("button", {
+				type: "button",
+				className: en.empty__action,
+				onClick: o,
+				children: r
+			})
+		]
+	});
+}, rn = {
+	chip: "_chip_rpkox_2",
+	chip__lead: "_chip__lead_rpkox_20",
+	chip__trail: "_chip__trail_rpkox_20",
+	"chip--active": "_chip--active_rpkox_22",
+	chip__remove: "_chip__remove_rpkox_29",
+	"chip--add": "_chip--add_rpkox_38"
+}, an = ({ type: e = "default", children: t, onClick: n, onRemove: r, className: o }) => /* @__PURE__ */ a("button", {
+	type: "button",
+	onClick: n,
+	className: [
+		rn.chip,
+		rn[`chip--${e}`],
+		o ?? ""
+	].filter(Boolean).join(" "),
+	children: [
+		e === "add" && /* @__PURE__ */ i(E, {
+			size: 14,
+			strokeWidth: D(14),
+			className: rn.chip__lead,
+			"aria-hidden": "true"
+		}),
+		/* @__PURE__ */ i("span", {
+			className: rn.chip__label,
+			children: t
+		}),
+		e === "default" && /* @__PURE__ */ i(d, {
+			size: 14,
+			strokeWidth: D(14),
+			className: rn.chip__trail,
+			"aria-hidden": "true"
+		}),
+		e === "active" && /* @__PURE__ */ i("span", {
+			role: "button",
+			"aria-label": "Remove filter",
+			className: rn.chip__remove,
+			onClick: (e) => {
+				e.stopPropagation(), r?.();
+			},
+			children: /* @__PURE__ */ i(ce, {
+				size: 14,
+				strokeWidth: D(14),
+				"aria-hidden": "true"
+			})
+		})
+	]
+}), q = {
+	field: "_field_14s0o_10",
+	field__label: "_field__label_14s0o_18",
+	field__description: "_field__description_14s0o_26",
+	field__error: "_field__error_14s0o_31",
+	input: "_input_14s0o_38",
+	"input--sm": "_input--sm_14s0o_49",
+	"input--md": "_input--md_14s0o_50",
+	"input--lg": "_input--lg_14s0o_51",
+	"input--error": "_input--error_14s0o_60",
+	"input--disabled": "_input--disabled_14s0o_67",
+	input__control: "_input__control_14s0o_74",
+	input__icon: "_input__icon_14s0o_103",
+	"input--unstyled": "_input--unstyled_14s0o_113"
+}, on = 16, sn = (t) => e.isValidElement(t) ? e.cloneElement(t, {
+	size: on,
+	strokeWidth: D(on)
+}) : t, cn = e.forwardRef(({ label: t, description: n, error: r, size: o = "md", unstyled: s, leadingIcon: c, trailingIcon: l, disabled: u, id: d, className: f, ...p }, m) => {
+	let h = e.useId(), g = d ?? h, _ = !!r;
+	return /* @__PURE__ */ a("div", {
+		className: [q.field, f ?? ""].filter(Boolean).join(" "),
+		children: [
+			t && /* @__PURE__ */ i("label", {
+				htmlFor: g,
+				className: q.field__label,
+				children: t
+			}),
+			/* @__PURE__ */ a("div", {
+				className: [
+					q.input,
+					q[`input--${o}`],
+					_ ? q["input--error"] : "",
+					u ? q["input--disabled"] : ""
+				].filter(Boolean).join(" "),
+				children: [
+					c && /* @__PURE__ */ i("span", {
+						className: q.input__icon,
+						"aria-hidden": "true",
+						children: sn(c)
+					}),
+					/* @__PURE__ */ i("input", {
+						ref: m,
+						id: g,
+						className: q.input__control,
+						disabled: u,
+						"aria-invalid": _ || void 0,
+						"aria-describedby": n || r ? `${g}-desc` : void 0,
+						...p
+					}),
+					l && /* @__PURE__ */ i("span", {
+						className: q.input__icon,
+						"aria-hidden": "true",
+						children: sn(l)
+					})
+				]
+			}),
+			(n || r) && /* @__PURE__ */ i("span", {
+				id: `${g}-desc`,
+				className: _ ? q.field__error : q.field__description,
+				children: r || n
+			})
+		]
+	});
+});
+cn.displayName = "Input";
+var J = {
+	row: "_row_1q1m5_2",
+	"row--sent": "_row--sent_1q1m5_3",
+	row__avatar: "_row__avatar_1q1m5_4",
+	col: "_col_1q1m5_5",
+	meta: "_meta_1q1m5_7",
+	meta__name: "_meta__name_1q1m5_8",
+	meta__time: "_meta__time_1q1m5_9",
+	bubble: "_bubble_1q1m5_11",
+	"bubble--received": "_bubble--received_1q1m5_17",
+	"bubble--sent": "_bubble--sent_1q1m5_18",
+	bubble__text: "_bubble__text_1q1m5_19",
+	bubble__image: "_bubble__image_1q1m5_20",
+	file: "_file_1q1m5_23",
+	file__icon: "_file__icon_1q1m5_24",
+	file__meta: "_file__meta_1q1m5_25",
+	file__name: "_file__name_1q1m5_26",
+	file__size: "_file__size_1q1m5_27",
+	file__dl: "_file__dl_1q1m5_28",
+	foot: "_foot_1q1m5_30",
+	foot__time: "_foot__time_1q1m5_31",
+	foot__receipt: "_foot__receipt_1q1m5_32",
+	system: "_system_1q1m5_34",
+	system__pill: "_system__pill_1q1m5_35"
+}, ln = ({ type: e = "received", content: t = "text", avatar: n, authorName: o, timestamp: s, children: c, image: l, fileName: d, fileSize: f, reactions: p, read: m, className: h }) => {
+	if (e === "system") return /* @__PURE__ */ i("div", {
+		className: [J.system, h ?? ""].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ i("span", {
+			className: J.system__pill,
+			children: c
+		})
+	});
+	let _ = e === "sent";
+	return /* @__PURE__ */ a("div", {
+		className: [
+			J.row,
+			_ ? J["row--sent"] : J["row--received"],
+			h ?? ""
+		].filter(Boolean).join(" "),
+		children: [!_ && n && /* @__PURE__ */ i("span", {
+			className: J.row__avatar,
+			children: n
+		}), /* @__PURE__ */ a("div", {
+			className: J.col,
+			children: [
+				!_ && (o || s) && /* @__PURE__ */ a("div", {
+					className: J.meta,
+					children: [o && /* @__PURE__ */ i("span", {
+						className: J.meta__name,
+						children: o
+					}), s && /* @__PURE__ */ i("span", {
+						className: J.meta__time,
+						children: s
+					})]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: [J.bubble, _ ? J["bubble--sent"] : J["bubble--received"]].join(" "),
+					children: [
+						t === "image" && /* @__PURE__ */ i("div", {
+							className: J.bubble__image,
+							children: l
+						}),
+						t === "file" && /* @__PURE__ */ a("div", {
+							className: J.file,
+							children: [
+								/* @__PURE__ */ i(y, {
+									size: 18,
+									strokeWidth: D(18),
+									className: J.file__icon,
+									"aria-hidden": "true"
+								}),
+								/* @__PURE__ */ a("span", {
+									className: J.file__meta,
+									children: [/* @__PURE__ */ i("span", {
+										className: J.file__name,
+										children: d
+									}), /* @__PURE__ */ i("span", {
+										className: J.file__size,
+										children: f
+									})]
+								}),
+								/* @__PURE__ */ i(g, {
+									size: 16,
+									strokeWidth: D(16),
+									className: J.file__dl,
+									"aria-hidden": "true"
+								})
+							]
+						}),
+						c && /* @__PURE__ */ i("span", {
+							className: J.bubble__text,
+							children: c
+						})
+					]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: J.foot,
+					children: [!_ && p, _ && /* @__PURE__ */ a(r, { children: [s && /* @__PURE__ */ i("span", {
+						className: J.foot__time,
+						children: s
+					}), m && /* @__PURE__ */ i(u, {
+						size: 13,
+						strokeWidth: D(13),
+						className: J.foot__receipt,
+						"aria-hidden": "true"
+					})] })]
+				})
+			]
+		})]
+	});
+}, un = {
+	pagination: "_pagination_on2nb_2",
+	page: "_page_on2nb_9",
+	arrow: "_arrow_on2nb_9",
+	"page--active": "_page--active_on2nb_26",
+	ellipsis: "_ellipsis_on2nb_40"
+};
+//#endregion
+//#region src/components/Pagination/Pagination.tsx
+function dn(e, t, n) {
+	let r = t, i = Math.min(t + n, e), a = /* @__PURE__ */ new Set([1, e]);
+	for (let e = r; e <= i; e++) a.add(e);
+	let o = Array.from(a).sort((e, t) => e - t), s = [];
+	return o.forEach((e, t) => {
+		t > 0 && e - o[t - 1] > 1 && s.push("ellipsis"), s.push(e);
+	}), s;
+}
+var fn = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: o }) => {
+	let s = dn(e, t, r);
+	return /* @__PURE__ */ a("nav", {
+		className: [un.pagination, o ?? ""].filter(Boolean).join(" "),
+		"aria-label": "Pagination",
+		children: [
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				className: un.arrow,
+				disabled: t <= 1,
+				onClick: () => n(t - 1),
+				"aria-label": "Previous page",
+				children: /* @__PURE__ */ i(f, {
+					size: 16,
+					strokeWidth: D(16)
+				})
+			}),
+			s.map((e, r) => e === "ellipsis" ? /* @__PURE__ */ i("span", {
+				className: un.ellipsis,
+				"aria-hidden": "true",
+				children: "…"
+			}, `e${r}`) : /* @__PURE__ */ i("button", {
+				type: "button",
+				className: [un.page, e === t ? un["page--active"] : ""].filter(Boolean).join(" "),
+				"aria-current": e === t ? "page" : void 0,
+				onClick: () => n(e),
+				children: e
+			}, e)),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				className: un.arrow,
+				disabled: t >= e,
+				onClick: () => n(t + 1),
+				"aria-label": "Next page",
+				children: /* @__PURE__ */ i(p, {
+					size: 16,
+					strokeWidth: D(16)
+				})
+			})
+		]
+	});
+}, pn = {
+	track: "_track_13bev_2",
+	segment: "_segment_13bev_12",
+	"segment--active": "_segment--active_13bev_32",
+	thumb: "_thumb_13bev_38",
+	"thumb--animated": "_thumb--animated_13bev_52",
+	"track--fullWidth": "_track--fullWidth_13bev_58"
+}, mn = ({ options: t, value: n, defaultValue: r, onChange: o, fullWidth: s, className: c }) => {
+	let l = n !== void 0, [u, d] = e.useState(r ?? t[0]?.value), f = l ? n : u, p = (e) => {
+		l || d(e), o?.(e);
+	}, m = e.useRef(null), h = e.useRef({}), [g, _] = e.useState(null), [v, y] = e.useState(!1);
+	return e.useLayoutEffect(() => {
+		let e = () => {
+			let e = h.current[f], t = m.current;
+			!e || !t || _({
+				left: e.offsetLeft,
+				width: e.offsetWidth
+			});
+		};
+		e();
+		let t = window.requestAnimationFrame(() => y(!0)), n = new ResizeObserver(e);
+		return m.current && n.observe(m.current), () => {
+			window.cancelAnimationFrame(t), n.disconnect();
+		};
+	}, [f, t]), /* @__PURE__ */ a("div", {
+		ref: m,
+		role: "tablist",
+		className: [
+			pn.track,
+			s ? pn["track--fullWidth"] : "",
+			c ?? ""
+		].filter(Boolean).join(" "),
+		children: [g && /* @__PURE__ */ i("span", {
+			"aria-hidden": "true",
+			className: [pn.thumb, v ? pn["thumb--animated"] : ""].filter(Boolean).join(" "),
+			style: {
+				transform: `translateX(${g.left}px)`,
+				width: g.width
+			}
+		}), t.map((e) => {
+			let t = e.value === f;
+			return /* @__PURE__ */ i("button", {
+				ref: (t) => {
+					h.current[e.value] = t;
+				},
+				role: "tab",
+				type: "button",
+				"aria-selected": t,
+				className: [pn.segment, t ? pn["segment--active"] : ""].filter(Boolean).join(" "),
+				onClick: () => p(e.value),
+				children: e.label
+			}, e.value);
+		})]
+	});
+}, Y = {
+	field: "_field_wvw9t_6",
+	field__label: "_field__label_wvw9t_8",
+	field__description: "_field__description_wvw9t_9",
+	field__error: "_field__error_wvw9t_10",
+	select: "_select_wvw9t_12",
+	"select--sm": "_select--sm_wvw9t_23",
+	"select--md": "_select--md_wvw9t_24",
+	"select--lg": "_select--lg_wvw9t_25",
+	"select--open": "_select--open_wvw9t_27",
+	"select--error": "_select--error_wvw9t_34",
+	"select--disabled": "_select--disabled_wvw9t_39",
+	select__control: "_select__control_wvw9t_46",
+	select__chevron: "_select__chevron_wvw9t_67",
+	anchor: "_anchor_wvw9t_78",
+	select__value: "_select__value_wvw9t_82",
+	"select__value--placeholder": "_select__value--placeholder_wvw9t_92",
+	"select__chevron--open": "_select__chevron--open_wvw9t_95",
+	panel: "_panel_wvw9t_106",
+	"panel--entering": "_panel--entering_wvw9t_131",
+	"sakani-select-panel-in": "_sakani-select-panel-in_wvw9t_1",
+	"panel--exiting": "_panel--exiting_wvw9t_132",
+	"sakani-select-panel-out": "_sakani-select-panel-out_wvw9t_1",
+	option: "_option_wvw9t_143",
+	"option--disabled": "_option--disabled_wvw9t_157",
+	"option--active": "_option--active_wvw9t_158",
+	"option--selected": "_option--selected_wvw9t_159",
+	option__label: "_option__label_wvw9t_161",
+	option__check: "_option__check_wvw9t_162"
+}, hn = ({ label: t, description: n, error: r, size: o = "md", placeholder: s = "Select an option", options: c, value: l, defaultValue: u, onChange: d, disabled: f, id: p, className: m }) => {
+	let h = e.useId(), g = `${p ?? h}-trigger`, _ = `${p ?? h}-panel`, v = !!r, [y, b] = e.useState(u), x = l === void 0 ? y : l, S = c.find((e) => e.value === x), [C, w] = e.useState(!1), [T, E] = e.useState(!1), [ee, te] = e.useState(0), ne = e.useRef(null), re = e.useRef(null), ie = e.useRef(null), [ae, oe] = e.useState(null);
+	e.useEffect(() => {
+		C && E(!0);
+	}, [C]), e.useLayoutEffect(() => {
+		if (!C) return;
+		let e = () => {
+			let e = re.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			oe({
+				top: t.bottom + 4,
+				left: t.left,
+				width: t.width
+			});
+		};
+		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [C]), e.useEffect(() => {
+		if (!C) return;
+		let e = (e) => {
+			let t = e.target;
+			ne.current?.contains(t) || ie.current?.contains(t) || w(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [C]), e.useEffect(() => {
+		if (!C) return;
+		let e = c.findIndex((e) => e.value === x);
+		te(e >= 0 ? e : 0);
+	}, [
+		C,
+		c,
+		x
+	]);
+	let se = (e) => {
+		e.disabled || (l === void 0 && b(e.value), d?.(e.value), w(!1));
+	}, ce = (e) => {
+		te((t) => {
+			let n = t;
+			for (let t = 0; t < c.length; t += 1) if (n = (n + e + c.length) % c.length, !c[n]?.disabled) return n;
+			return t;
+		});
+	};
+	return /* @__PURE__ */ a("div", {
+		className: [Y.field, m ?? ""].filter(Boolean).join(" "),
+		ref: ne,
+		children: [
+			t && /* @__PURE__ */ i("label", {
+				htmlFor: g,
+				className: Y.field__label,
+				children: t
+			}),
+			/* @__PURE__ */ a("div", {
+				className: Y.anchor,
+				children: [/* @__PURE__ */ a("div", {
+					ref: re,
+					id: g,
+					role: "combobox",
+					tabIndex: f ? -1 : 0,
+					"aria-haspopup": "listbox",
+					"aria-expanded": C,
+					"aria-controls": _,
+					"aria-invalid": v || void 0,
+					"aria-disabled": f || void 0,
+					"aria-activedescendant": C ? `${_}-opt-${ee}` : void 0,
+					onClick: () => !f && w((e) => !e),
+					onKeyDown: (e) => {
+						if (!f) {
+							if (!C && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown")) {
+								e.preventDefault(), w(!0);
+								return;
+							}
+							if (C) if (e.key === "ArrowDown") e.preventDefault(), ce(1);
+							else if (e.key === "ArrowUp") e.preventDefault(), ce(-1);
+							else if (e.key === "Home") e.preventDefault(), te(0);
+							else if (e.key === "End") e.preventDefault(), te(c.length - 1);
+							else if (e.key === "Enter" || e.key === " ") {
+								e.preventDefault();
+								let t = c[ee];
+								t && se(t);
+							} else e.key === "Escape" && (e.preventDefault(), w(!1));
+						}
+					},
+					className: [
+						Y.select,
+						Y[`select--${o}`],
+						C ? Y["select--open"] : "",
+						v ? Y["select--error"] : "",
+						f ? Y["select--disabled"] : ""
+					].filter(Boolean).join(" "),
+					children: [/* @__PURE__ */ i("span", {
+						className: [Y.select__value, S ? "" : Y["select__value--placeholder"]].filter(Boolean).join(" "),
+						children: S ? S.label : s
+					}), /* @__PURE__ */ i("span", {
+						className: [Y.select__chevron, C ? Y["select__chevron--open"] : ""].filter(Boolean).join(" "),
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ i("svg", {
+							width: 16,
+							height: 16,
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: D(16),
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" })
+						})
+					})]
+				}), T && ae && me(/* @__PURE__ */ i("div", {
+					ref: ie,
+					id: _,
+					role: "listbox",
+					className: [Y.panel, C ? Y["panel--entering"] : Y["panel--exiting"]].filter(Boolean).join(" "),
+					style: {
+						position: "fixed",
+						top: ae.top,
+						left: ae.left,
+						width: ae.width
+					},
+					onAnimationEnd: () => {
+						C || E(!1);
+					},
+					children: c.map((e, t) => /* @__PURE__ */ a("div", {
+						id: `${_}-opt-${t}`,
+						role: "option",
+						"aria-selected": e.value === x,
+						"aria-disabled": e.disabled || void 0,
+						onMouseEnter: () => !e.disabled && te(t),
+						onClick: () => se(e),
+						className: [
+							Y.option,
+							t === ee ? Y["option--active"] : "",
+							e.value === x ? Y["option--selected"] : "",
+							e.disabled ? Y["option--disabled"] : ""
+						].filter(Boolean).join(" "),
+						children: [/* @__PURE__ */ i("span", {
+							className: Y.option__label,
+							children: e.label
+						}), e.value === x && /* @__PURE__ */ i("span", {
+							className: Y.option__check,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ i("svg", {
+								width: 16,
+								height: 16,
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ i("path", { d: "M20 6 9 17l-5-5" })
+							})
+						})]
+					}, e.value))
+				}), document.body)]
+			}),
+			(n || r) && /* @__PURE__ */ i("span", {
+				className: v ? Y.field__error : Y.field__description,
+				children: r || n
+			})
+		]
+	});
+}, gn = {
+	sidebar: "_sidebar_14oy8_4",
+	"sidebar--collapsed": "_sidebar--collapsed_14oy8_20"
+}, _n = ({ collapsed: e = !1, children: t, className: n }) => /* @__PURE__ */ i("nav", {
+	className: [
+		gn.sidebar,
+		e ? gn["sidebar--collapsed"] : "",
+		n ?? ""
+	].filter(Boolean).join(" "),
+	"data-collapsed": e,
+	children: t
+}), vn = { divider: "_divider_18c5j_1" }, yn = () => /* @__PURE__ */ i("div", {
+	className: vn.divider,
+	role: "separator"
+}), bn = { groupLabel: "_groupLabel_62q1j_2" }, xn = ({ children: e }) => /* @__PURE__ */ i("div", {
+	className: bn.groupLabel,
+	children: e
+}), X = {
+	header: "_header_1wyz2_2",
+	"header--collapsed": "_header--collapsed_1wyz2_12",
+	header__logoWrap: "_header__logoWrap_1wyz2_15",
+	header__logo: "_header__logo_1wyz2_14",
+	header__logoContent: "_header__logoContent_1wyz2_43",
+	header__logoIcon: "_header__logoIcon_1wyz2_44",
+	header__text: "_header__text_1wyz2_50",
+	"header__text--collapsed": "_header__text--collapsed_1wyz2_61",
+	header__title: "_header__title_1wyz2_65",
+	header__subtitle: "_header__subtitle_1wyz2_66",
+	header__toggle: "_header__toggle_1wyz2_67"
+}, Sn = ({ type: e = "brand", title: t, subtitle: n, logo: r, collapsed: o, onToggle: s, toggleIcon: c = w }) => /* @__PURE__ */ a("div", {
+	className: [X.header, o ? X["header--collapsed"] : ""].filter(Boolean).join(" "),
+	children: [
+		r && (o && e === "brand-toggle" && s ? /* @__PURE__ */ i("button", {
+			type: "button",
+			className: X.header__logoWrap,
+			onClick: s,
+			"aria-label": "Expand sidebar",
+			children: /* @__PURE__ */ a("span", {
+				className: X.header__logo,
+				children: [/* @__PURE__ */ i("span", {
+					className: X.header__logoContent,
+					children: r
+				}), /* @__PURE__ */ i("span", {
+					className: X.header__logoIcon,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ i(c, {
+						size: 16,
+						strokeWidth: D(16)
+					})
+				})]
+			})
+		}) : /* @__PURE__ */ i("span", {
+			className: X.header__logoWrap,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ i("span", {
+				className: X.header__logo,
+				children: r
+			})
+		})),
+		/* @__PURE__ */ a("span", {
+			className: [X.header__text, o ? X["header__text--collapsed"] : ""].filter(Boolean).join(" "),
+			children: [/* @__PURE__ */ i("span", {
+				className: X.header__title,
+				children: t
+			}), (e === "workspace" || n) && n && /* @__PURE__ */ i("span", {
+				className: X.header__subtitle,
+				children: n
+			})]
+		}),
+		!o && e === "brand-toggle" && /* @__PURE__ */ i("button", {
+			type: "button",
+			className: X.header__toggle,
+			onClick: s,
+			"aria-label": "Collapse sidebar",
+			children: /* @__PURE__ */ i(c, {
+				size: 18,
+				strokeWidth: D(18)
+			})
+		})
+	]
+}), Z = {
+	item: "_item_1k6es_5",
+	"item--disabled": "_item--disabled_1k6es_29",
+	"item--active": "_item--active_1k6es_29",
+	"item--active-flat": "_item--active-flat_1k6es_29",
+	item__icon: "_item__icon_1k6es_30",
+	item__bar: "_item__bar_1k6es_41",
+	item__chevron: "_item__chevron_1k6es_70",
+	item__badge: "_item__badge_1k6es_72",
+	"item--collapsed": "_item--collapsed_1k6es_88",
+	item__label: "_item__label_1k6es_114",
+	"item__label--collapsed": "_item__label--collapsed_1k6es_123"
+}, Cn = ({ icon: e, label: t, active: n, activeIndicator: o = !0, disabled: s, badge: c, hasSubmenu: l, collapsed: u, onClick: d, href: f, nativeTooltip: m = !0 }) => {
+	let h = n && (u || o), g = n && !u && !o, _ = [
+		Z.item,
+		h ? Z["item--active"] : "",
+		g ? Z["item--active-flat"] : "",
+		s ? Z["item--disabled"] : "",
+		u ? Z["item--collapsed"] : ""
+	].filter(Boolean).join(" "), v = /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ i("span", {
+			className: Z.item__bar,
+			"aria-hidden": "true"
+		}),
+		e && /* @__PURE__ */ i("span", {
+			className: Z.item__icon,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ i(e, {
+				size: 18,
+				strokeWidth: D(18)
+			})
+		}),
+		/* @__PURE__ */ i("span", {
+			className: [Z.item__label, u ? Z["item__label--collapsed"] : ""].filter(Boolean).join(" "),
+			children: t
+		}),
+		!u && c && /* @__PURE__ */ i("span", {
+			className: Z.item__badge,
+			children: c
+		}),
+		!u && l && /* @__PURE__ */ i("span", {
+			className: Z.item__chevron,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ i(p, {
+				size: 16,
+				strokeWidth: D(16)
+			})
+		})
+	] }), y = {
+		className: _,
+		title: u && m ? t : void 0,
+		"aria-label": u ? t : void 0,
+		"aria-current": n ? "page" : void 0
+	};
+	return f && !s ? /* @__PURE__ */ i("a", {
+		href: f,
+		...y,
+		children: v
+	}) : /* @__PURE__ */ i("button", {
+		type: "button",
+		disabled: s,
+		onClick: d,
+		...y,
+		children: v
+	});
+}, wn = {
+	subItem: "_subItem_b3cst_2",
+	"subItem--disabled": "_subItem--disabled_b3cst_24",
+	"subItem--active": "_subItem--active_b3cst_25",
+	subItem__dot: "_subItem__dot_b3cst_29",
+	subItem__label: "_subItem__label_b3cst_39"
+}, Tn = ({ label: e, active: t, disabled: n, onClick: o, href: s }) => {
+	let c = {
+		className: [
+			wn.subItem,
+			t ? wn["subItem--active"] : "",
+			n ? wn["subItem--disabled"] : ""
+		].filter(Boolean).join(" "),
+		"aria-current": t ? "page" : void 0
+	}, l = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+		className: wn.subItem__dot,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ i("span", {
+		className: wn.subItem__label,
+		children: e
+	})] });
+	return s && !n ? /* @__PURE__ */ i("a", {
+		href: s,
+		...c,
+		children: l
+	}) : /* @__PURE__ */ i("button", {
+		type: "button",
+		disabled: n,
+		onClick: o,
+		...c,
+		children: l
+	});
+}, En = {
+	skeleton: "_skeleton_94hr3_9",
+	"skeleton-shimmer": "_skeleton-shimmer_94hr3_1",
+	"skeleton--text": "_skeleton--text_94hr3_22",
+	"skeleton--rect": "_skeleton--rect_94hr3_29",
+	"skeleton--circle": "_skeleton--circle_94hr3_35"
+}, Dn = ({ variant: e = "text", width: t, height: n, className: r }) => {
+	let a = {};
+	return t !== void 0 && (a.width = typeof t == "number" ? `${t}px` : t), n !== void 0 && (a.height = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ i("span", {
+		"aria-hidden": "true",
+		className: [
+			En.skeleton,
+			En[`skeleton--${e}`],
+			r ?? ""
+		].filter(Boolean).join(" "),
+		style: a
+	});
+}, On = {
+	field: "_field_drnb1_3",
+	header: "_header_drnb1_4",
+	label: "_label_drnb1_5",
+	value: "_value_drnb1_6",
+	slider: "_slider_drnb1_8"
+}, kn = e.forwardRef(({ label: t, showValue: n, min: r = 0, max: o = 100, value: s, defaultValue: c, disabled: l, id: u, className: d, onChange: f, ...p }, m) => {
+	let h = e.useId(), g = u ?? h, _ = Number(s ?? c ?? r), [v, y] = e.useState(_), b = s === void 0 ? v : Number(s), x = (b - r) / (o - r) * 100;
+	return /* @__PURE__ */ a("div", {
+		className: [On.field, d ?? ""].filter(Boolean).join(" "),
+		children: [(t || n) && /* @__PURE__ */ a("div", {
+			className: On.header,
+			children: [t && /* @__PURE__ */ i("label", {
+				htmlFor: g,
+				className: On.label,
+				children: t
+			}), n && /* @__PURE__ */ i("span", {
+				className: On.value,
+				children: b
+			})]
+		}), /* @__PURE__ */ i("input", {
+			ref: m,
+			id: g,
+			type: "range",
+			min: r,
+			max: o,
+			value: s,
+			defaultValue: s === void 0 ? c : void 0,
+			disabled: l,
+			onChange: (e) => {
+				s === void 0 && y(Number(e.target.value)), f?.(e);
+			},
+			className: On.slider,
+			style: { "--pct": `${x}%` },
+			...p
+		})]
+	});
+});
+kn.displayName = "Slider";
+var Q = {
+	wrap: "_wrap_okjfz_6",
+	"wrap--bordered": "_wrap--bordered_okjfz_17",
+	table: "_table_okjfz_22",
+	headerRow: "_headerRow_okjfz_44",
+	headerCell: "_headerCell_okjfz_45",
+	bodyRow: "_bodyRow_okjfz_61",
+	"bodyRow--selected": "_bodyRow--selected_okjfz_66",
+	bodyCell: "_bodyCell_okjfz_68",
+	checkCell: "_checkCell_okjfz_80",
+	checkbox: "_checkbox_okjfz_104",
+	checkbox__input: "_checkbox__input_okjfz_111",
+	checkbox__box: "_checkbox__box_okjfz_113",
+	checkbox__check: "_checkbox__check_okjfz_134",
+	checkbox__dash: "_checkbox__dash_okjfz_141",
+	stackedList: "_stackedList_okjfz_160",
+	card: "_card_okjfz_167",
+	"card--selected": "_card--selected_okjfz_177",
+	card__field: "_card__field_okjfz_179",
+	card__label: "_card__label_okjfz_187",
+	card__value: "_card__value_okjfz_193",
+	card__selectRow: "_card__selectRow_okjfz_203",
+	"bodyRow--draggable": "_bodyRow--draggable_okjfz_213",
+	"bodyRow--dragging": "_bodyRow--dragging_okjfz_215",
+	"bodyRow--dropTarget": "_bodyRow--dropTarget_okjfz_216"
+}, An = 640;
+function jn(t) {
+	let [n, r] = e.useState(!1);
+	return e.useEffect(() => {
+		if (t !== "auto") return;
+		let e = window.matchMedia(`(max-width: ${An}px)`);
+		r(e.matches);
+		let n = (e) => r(e.matches);
+		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+	}, [t]), t === "default" ? "default" : t === "stacked" || n ? "stacked" : "default";
+}
+var Mn = ({ checked: t, indeterminate: n, onChange: r, label: o }) => {
+	let s = e.useRef(null);
+	return e.useEffect(() => {
+		s.current && (s.current.indeterminate = !!n);
+	}, [n]), /* @__PURE__ */ a("label", {
+		className: Q.checkbox,
+		children: [/* @__PURE__ */ i("input", {
+			ref: s,
+			type: "checkbox",
+			checked: t,
+			onChange: r,
+			className: Q.checkbox__input,
+			"aria-label": o
+		}), /* @__PURE__ */ a("span", {
+			className: Q.checkbox__box,
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ i("svg", {
+				className: Q.checkbox__check,
+				width: 12,
+				height: 12,
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ i("polyline", { points: "20 6 9 17 4 12" })
+			}), /* @__PURE__ */ i("span", { className: Q.checkbox__dash })]
+		})]
+	});
+};
+function Nn({ columns: t, rows: n, selectable: r, selectedRows: o, onSelectionChange: s, rowKey: c, reorderable: l, onReorder: u, bordered: d = !0, responsive: f = "auto", className: p }) {
+	let m = jn(f), h = o !== void 0, [g, _] = e.useState([]), v = h ? o : g, y = (e) => {
+		h || _(e), s?.(e);
+	}, b = n.length > 0 && v.length === n.length, x = v.length > 0 && !b, [S, C] = e.useState(null), [w, T] = e.useState(null), E = () => {
+		if (S === null || w === null || S === w) {
+			C(null), T(null);
+			return;
+		}
+		let e = [...n], [t] = e.splice(S, 1);
+		e.splice(w, 0, t), u?.(e), C(null), T(null);
+	}, ee = () => y(b ? [] : n.map((e, t) => t)), te = (e) => y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]);
+	return m === "stacked" ? /* @__PURE__ */ i("div", {
+		className: [Q.stackedList, p ?? ""].filter(Boolean).join(" "),
+		role: "list",
+		children: n.map((e, n) => {
+			let o = v.includes(n);
+			return /* @__PURE__ */ a("div", {
+				role: "listitem",
+				className: [Q.card, o ? Q["card--selected"] : ""].filter(Boolean).join(" "),
+				children: [r && /* @__PURE__ */ i("div", {
+					className: Q.card__selectRow,
+					children: /* @__PURE__ */ i(Mn, {
+						checked: o,
+						onChange: () => te(n),
+						label: `Select row ${n + 1}`
+					})
+				}), t.map((t) => /* @__PURE__ */ a("div", {
+					className: Q.card__field,
+					children: [/* @__PURE__ */ i("span", {
+						className: Q.card__label,
+						children: t.header
+					}), /* @__PURE__ */ i("span", {
+						className: Q.card__value,
+						children: t.render ? t.render(e) : String(e[t.key] ?? "")
+					})]
+				}, t.key))]
+			}, c ? c(e, n) : n);
+		})
+	}) : /* @__PURE__ */ i("div", {
+		className: [
+			Q.wrap,
+			d ? Q["wrap--bordered"] : "",
+			p ?? ""
+		].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ a("table", {
+			className: Q.table,
+			children: [/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ a("tr", {
+				className: Q.headerRow,
+				children: [r && /* @__PURE__ */ i("th", {
+					className: Q.checkCell,
+					children: /* @__PURE__ */ i(Mn, {
+						checked: b,
+						indeterminate: x,
+						onChange: ee,
+						label: "Select all rows"
+					})
+				}), t.map((e) => /* @__PURE__ */ i("th", {
+					className: Q.headerCell,
+					style: {
+						textAlign: e.align ?? "left",
+						width: e.width
+					},
+					children: e.header
+				}, e.key))]
+			}) }), /* @__PURE__ */ i("tbody", { children: n.map((e, n) => {
+				let o = v.includes(n);
+				return /* @__PURE__ */ a("tr", {
+					draggable: l || void 0,
+					onDragStart: l ? () => C(n) : void 0,
+					onDragOver: l ? (e) => {
+						e.preventDefault(), T(n);
+					} : void 0,
+					onDrop: l ? E : void 0,
+					onDragEnd: l ? () => {
+						C(null), T(null);
+					} : void 0,
+					className: [
+						Q.bodyRow,
+						o ? Q["bodyRow--selected"] : "",
+						l ? Q["bodyRow--draggable"] : "",
+						w === n && S !== null && S !== n ? Q["bodyRow--dropTarget"] : "",
+						S === n ? Q["bodyRow--dragging"] : ""
+					].filter(Boolean).join(" "),
+					children: [r && /* @__PURE__ */ i("td", {
+						className: Q.checkCell,
+						children: /* @__PURE__ */ i(Mn, {
+							checked: o,
+							onChange: () => te(n),
+							label: `Select row ${n + 1}`
+						})
+					}), t.map((t) => /* @__PURE__ */ i("td", {
+						className: Q.bodyCell,
+						style: { textAlign: t.align ?? "left" },
+						children: t.render ? t.render(e) : String(e[t.key] ?? "")
+					}, t.key))]
+				}, c ? c(e, n) : n);
+			}) })]
+		})
+	});
+}
+var Pn = {
+	tabs: "_tabs_1122j_3",
+	"tabs--borderless": "_tabs--borderless_1122j_16",
+	"tabs--fill": "_tabs--fill_1122j_21",
+	tab: "_tab_1122j_3",
+	"tab--disabled": "_tab--disabled_1122j_61",
+	"tab--active": "_tab--active_1122j_63",
+	indicator: "_indicator_1122j_74",
+	"indicator--animated": "_indicator--animated_1122j_88"
+}, Fn = ({ items: t, value: n, defaultValue: r, onChange: o, bordered: s = !0, fill: c = !1, className: l }) => {
+	let u = n !== void 0, [d, f] = e.useState(r ?? t[0]?.value), p = u ? n : d, m = (e) => {
+		u || f(e), o?.(e);
+	}, h = e.useRef(null), g = e.useRef({}), [_, v] = e.useState(null), [y, b] = e.useState(!1);
+	return e.useLayoutEffect(() => {
+		let e = () => {
+			let e = g.current[p];
+			!e || !h.current || v({
+				left: e.offsetLeft,
+				width: e.offsetWidth
+			});
+		};
+		e();
+		let t = window.requestAnimationFrame(() => b(!0)), n = new ResizeObserver(e);
+		return h.current && n.observe(h.current), () => {
+			window.cancelAnimationFrame(t), n.disconnect();
+		};
+	}, [p, t]), /* @__PURE__ */ a("div", {
+		ref: h,
+		role: "tablist",
+		className: [
+			Pn.tabs,
+			s ? "" : Pn["tabs--borderless"],
+			c ? Pn["tabs--fill"] : "",
+			l ?? ""
+		].filter(Boolean).join(" "),
+		children: [t.map((e) => {
+			let t = e.value === p, n = e.icon;
+			return /* @__PURE__ */ a("button", {
+				ref: (t) => {
+					g.current[e.value] = t;
+				},
+				role: "tab",
+				type: "button",
+				"aria-selected": t,
+				disabled: e.disabled,
+				className: [
+					Pn.tab,
+					t ? Pn["tab--active"] : "",
+					e.disabled ? Pn["tab--disabled"] : ""
+				].filter(Boolean).join(" "),
+				onClick: () => m(e.value),
+				children: [n && /* @__PURE__ */ i(n, {
+					size: 16,
+					strokeWidth: D(16),
+					"aria-hidden": "true"
+				}), e.label]
+			}, e.value);
+		}), _ && /* @__PURE__ */ i("span", {
+			"aria-hidden": "true",
+			className: [Pn.indicator, y ? Pn["indicator--animated"] : ""].filter(Boolean).join(" "),
+			style: {
+				transform: `translateX(${_.left}px)`,
+				width: _.width
+			}
+		})]
+	});
+}, In = {
+	wrapper: "_wrapper_w6wtp_8",
+	bubble: "_bubble_w6wtp_8",
+	bubble__title: "_bubble__title_w6wtp_46",
+	bubble__subtitle: "_bubble__subtitle_w6wtp_53",
+	caret: "_caret_w6wtp_66",
+	"bubble--top-left": "_bubble--top-left_w6wtp_69",
+	"bubble--top-center": "_bubble--top-center_w6wtp_70",
+	"bubble--top-right": "_bubble--top-right_w6wtp_71",
+	"caret--top-left": "_caret--top-left_w6wtp_78",
+	"caret--top-center": "_caret--top-center_w6wtp_79",
+	"caret--top-right": "_caret--top-right_w6wtp_80",
+	"bubble--bottom-left": "_bubble--bottom-left_w6wtp_91",
+	"bubble--bottom-center": "_bubble--bottom-center_w6wtp_92",
+	"bubble--bottom-right": "_bubble--bottom-right_w6wtp_93",
+	"caret--bottom-left": "_caret--bottom-left_w6wtp_100",
+	"caret--bottom-center": "_caret--bottom-center_w6wtp_101",
+	"caret--bottom-right": "_caret--bottom-right_w6wtp_102",
+	"bubble--center-left": "_bubble--center-left_w6wtp_113",
+	"caret--center-left": "_caret--center-left_w6wtp_121",
+	"bubble--center-right": "_bubble--center-right_w6wtp_131",
+	"caret--center-right": "_caret--center-right_w6wtp_139"
+}, Ln = ({ title: t, subtitle: n, pointer: r = "top-center", children: o, className: s }) => {
+	let [c, l] = e.useState(!1);
+	return e.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && l(!0);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, []), /* @__PURE__ */ a("span", {
+		className: [In.wrapper, s ?? ""].filter(Boolean).join(" "),
+		"data-dismissed": c || void 0,
+		onMouseLeave: () => l(!1),
+		onBlur: () => l(!1),
+		children: [o, /* @__PURE__ */ a("span", {
+			role: "tooltip",
+			className: [In.bubble, In[`bubble--${r}`]].join(" "),
+			children: [
+				/* @__PURE__ */ i("span", {
+					className: In.bubble__title,
+					children: t
+				}),
+				n && /* @__PURE__ */ i("span", {
+					className: In.bubble__subtitle,
+					children: n
+				}),
+				/* @__PURE__ */ i("span", {
+					className: [In.caret, In[`caret--${r}`]].join(" "),
+					"aria-hidden": "true"
+				})
+			]
+		})]
+	});
+}, $ = {
+	bar: "_bar_1fiq0_2",
+	"bar--md": "_bar--md_1fiq0_11",
+	"bar--sm": "_bar--sm_1fiq0_12",
+	bar__leftGroup: "_bar__leftGroup_1fiq0_20",
+	bar__left: "_bar__left_1fiq0_20",
+	bar__spacer: "_bar__spacer_1fiq0_27",
+	bar__right: "_bar__right_1fiq0_30",
+	bar__icon: "_bar__icon_1fiq0_36",
+	bar__bell: "_bar__bell_1fiq0_43",
+	bar__dot: "_bar__dot_1fiq0_44",
+	bar__divider: "_bar__divider_1fiq0_49",
+	bar__account: "_bar__account_1fiq0_50",
+	"bar--chat": "_bar--chat_1fiq0_56",
+	bar__chatAvatar: "_bar__chatAvatar_1fiq0_64",
+	bar__chatMeta: "_bar__chatMeta_1fiq0_65",
+	bar__chatTitle: "_bar__chatTitle_1fiq0_66",
+	bar__chatSubtitle: "_bar__chatSubtitle_1fiq0_71",
+	bar__chatActions: "_bar__chatActions_1fiq0_75",
+	"bar__left--search": "_bar__left--search_1fiq0_79",
+	bar__accountChevron: "_bar__accountChevron_1fiq0_91",
+	"bar__accountChevron--open": "_bar__accountChevron--open_1fiq0_97"
+}, Rn = ({ type: e = "search", density: t = "md", left: n, showToggle: s = !0, onToggle: c, toggleIcon: l = C, showActions: u = !0, showHelp: f = !0, hasUnread: p = !1, rightSlot: m, account: g, accountOpen: _ = !1, avatar: v, title: y, subtitle: b, actions: x, className: S }) => {
+	let w = t === "md" ? 20 : 18, T = D(w);
+	return /* @__PURE__ */ i("header", {
+		className: [
+			$.bar,
+			$[`bar--${t}`],
+			$[`bar--${e}`],
+			S ?? ""
+		].filter(Boolean).join(" "),
+		children: e === "chat" ? /* @__PURE__ */ a(r, { children: [
+			v && /* @__PURE__ */ i("span", {
+				className: $.bar__chatAvatar,
+				children: v
+			}),
+			/* @__PURE__ */ a("span", {
+				className: $.bar__chatMeta,
+				children: [y && /* @__PURE__ */ i("span", {
+					className: $.bar__chatTitle,
+					children: y
+				}), b && /* @__PURE__ */ i("span", {
+					className: $.bar__chatSubtitle,
+					children: b
+				})]
+			}),
+			/* @__PURE__ */ i("div", { className: $.bar__spacer }),
+			x && /* @__PURE__ */ i("div", {
+				className: $.bar__chatActions,
+				children: x
+			})
+		] }) : /* @__PURE__ */ a(r, { children: [
+			/* @__PURE__ */ a("div", {
+				className: $.bar__leftGroup,
+				children: [s && /* @__PURE__ */ i("button", {
+					type: "button",
+					className: $.bar__icon,
+					onClick: c,
+					"aria-label": "Toggle sidebar",
+					children: /* @__PURE__ */ i(l, {
+						size: w,
+						strokeWidth: T
+					})
+				}), /* @__PURE__ */ i("div", {
+					className: [$.bar__left, e === "search" ? $["bar__left--search"] : ""].filter(Boolean).join(" "),
+					"data-type": e,
+					children: n
+				})]
+			}),
+			/* @__PURE__ */ i("div", { className: $.bar__spacer }),
+			/* @__PURE__ */ a("div", {
+				className: $.bar__right,
+				children: [
+					m,
+					u && /* @__PURE__ */ a(r, { children: [
+						f && /* @__PURE__ */ i("button", {
+							type: "button",
+							className: $.bar__icon,
+							"aria-label": "Help",
+							children: /* @__PURE__ */ i(h, {
+								size: w,
+								strokeWidth: T
+							})
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							className: $.bar__icon,
+							"aria-label": "Notifications",
+							children: /* @__PURE__ */ a("span", {
+								className: $.bar__bell,
+								children: [/* @__PURE__ */ i(o, {
+									size: w,
+									strokeWidth: T
+								}), p && /* @__PURE__ */ i("span", {
+									className: $.bar__dot,
+									"aria-hidden": "true"
+								})]
+							})
+						}),
+						/* @__PURE__ */ i("span", { className: $.bar__divider })
+					] }),
+					g && /* @__PURE__ */ a("div", {
+						className: $.bar__account,
+						children: [g, /* @__PURE__ */ i(d, {
+							size: 16,
+							strokeWidth: D(16),
+							className: [$.bar__accountChevron, _ ? $["bar__accountChevron--open"] : ""].filter(Boolean).join(" ")
+						})]
+					})
+				]
+			})
+		] })
+	});
+};
+//#endregion
+export { We as $, Lt as A, yt as B, Xt as C, Vt as D, Wt 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, Bt as O, kt as P, Ke as Q, St as R, Zt as S, Gt as T, ft as U, _t as V, ot as W, Ye as X, Qe as Y, qe as Z, cn as _, kn as a, Ae as at, $t as b, Cn as c, Se as ct, yn as d, ge as dt, He as et, _n as f, D as ft, ln as g, fn as h, Nn as i, A as it, Ft as j, Rt as k, Sn as l, xe as lt, mn as m, Ln as n, Me as nt, Dn as o, De as ot, hn as p, nt as q, Fn as r, je as rt, Tn as s, Te as st, Rn as t, Be as tt, xn as u, _e as ut, an as v, Jt as w, Qt as x, nn as y, xt as z };