@goliapkg/gds 1.4.3 → 1.5.0

package/dist/{l4-molecules-DftsX-gO.js → l4-molecules-Bnt38HxY.js}

@@ -89,7 +89,36 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			})]
 		})
 	});
-}), N = n("flex items-start gds-gap gds-radius-popover border gds-pad-x gds-pad-y gds-text-body", {
+}), N = x(function({ className: t, entries: n }, r) {
+	return /* @__PURE__ */ O("div", {
+		ref: r,
+		className: e("flex flex-col gds-gap", t),
+		"data-component": "activity-log",
+		children: n.map((e) => /* @__PURE__ */ k("div", {
+			className: "flex items-start gds-gap-sm border-l-2 border-border pl-3 py-1",
+			children: [/* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "gds-text font-medium text-fg",
+						children: e.actor
+					}),
+					/* @__PURE__ */ O("span", {
+						className: "mx-1.5 inline-block rounded bg-bg-tertiary px-1.5 py-0.5 text-xs text-fg-muted",
+						children: e.action
+					}),
+					e.target !== void 0 && /* @__PURE__ */ O("span", {
+						className: "gds-text text-fg-secondary",
+						children: e.target
+					})
+				]
+			}), /* @__PURE__ */ O("time", {
+				className: "shrink-0 text-xs text-fg-muted",
+				children: e.timestamp
+			})]
+		}, e.id))
+	});
+}), P = n("flex items-start gds-gap gds-radius-popover border gds-pad-x gds-pad-y gds-text-body", {
 	variants: { variant: {
 		default: "border-border bg-bg-secondary text-fg",
 		info: "border-accent/30 bg-accent/10 text-accent",
@@ -98,7 +127,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 		danger: "border-danger/30 bg-danger/10 text-danger"
 	} },
 	defaultVariants: { variant: "default" }
-}), P = {
+}), F = {
 	default: /* @__PURE__ */ k("svg", {
 		width: "16",
 		height: "16",
@@ -166,11 +195,11 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			r: "6.5"
 		}), /* @__PURE__ */ O("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
 	})
-}, F = x(function({ children: n, title: r, variant: i = "default", onClose: a, glass: o, className: s, ...c }, l) {
+}, ee = x(function({ children: n, title: r, variant: i = "default", onClose: a, glass: o, className: s, ...c }, l) {
 	let u = i ?? "default";
 	return /* @__PURE__ */ k("div", {
 		ref: l,
-		className: e(N({ variant: i }), o === !0 && t(o), s),
+		className: e(P({ variant: i }), o === !0 && t(o), s),
 		"data-component": "alert",
 		"data-variant": u,
 		role: "alert",
@@ -178,7 +207,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 		children: [
 			/* @__PURE__ */ O("span", {
 				className: "mt-px shrink-0",
-				children: P[u]
+				children: F[u]
 			}),
 			/* @__PURE__ */ k("div", {
 				className: "min-w-0 flex-1",
@@ -208,12 +237,12 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			})
 		]
 	});
-}), ee = {
+}), te = {
 	danger: "bg-danger/10 text-danger",
 	info: "bg-accent/10 text-accent",
 	success: "bg-success/10 text-success",
 	warning: "bg-warning/10 text-warning"
-}, te = {
+}, ne = {
 	danger: /* @__PURE__ */ k("svg", {
 		width: "16",
 		height: "16",
@@ -267,17 +296,17 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 		strokeLinecap: "round",
 		children: [/* @__PURE__ */ O("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ O("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
 	})
-}, ne = x(function({ message: n, variant: r = "info", dismissible: i = !1, onDismiss: a, glass: o, className: s }, c) {
+}, re = x(function({ message: n, variant: r = "info", dismissible: i = !1, onDismiss: a, glass: o, className: s }, c) {
 	return /* @__PURE__ */ k("div", {
 		ref: c,
-		className: e("flex w-full items-center gds-gap gds-pad-x gds-pad-y gds-text-body", ee[r], o === !0 && t(o), s),
+		className: e("flex w-full items-center gds-gap gds-pad-x gds-pad-y gds-text-body", te[r], o === !0 && t(o), s),
 		"data-component": "banner",
 		"data-variant": r,
 		role: "status",
 		children: [
 			/* @__PURE__ */ O("span", {
 				className: "shrink-0",
-				children: te[r]
+				children: ne[r]
 			}),
 			/* @__PURE__ */ O("span", {
 				className: "flex-1",
@@ -301,7 +330,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			})
 		]
 	});
-}), re = x(function({ before: t, after: n, initialPosition: r = 50, className: i }, a) {
+}), ie = x(function({ before: t, after: n, initialPosition: r = 50, className: i }, a) {
 	let [o, s] = E(r), c = T(null), l = T(!1), u = S((e) => {
 		let t = c.current;
 		if (t === null) return;
@@ -351,7 +380,14 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			})
 		]
 	});
-}), ie = /* @__PURE__ */ O("svg", {
+}), ae = x(function({ children: t, className: n }, r) {
+	return /* @__PURE__ */ O("div", {
+		ref: r,
+		className: e("fixed bottom-0 left-0 right-0 z-40 border-t border-border bg-bg flex items-center justify-around gds-pad-y", n),
+		"data-component": "bottom-bar",
+		children: t
+	});
+}), oe = /* @__PURE__ */ O("svg", {
 	width: "12",
 	height: "12",
 	viewBox: "0 0 12 12",
@@ -360,7 +396,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 	strokeWidth: "1.5",
 	strokeLinecap: "round",
 	children: /* @__PURE__ */ O("path", { d: "M4.5 3l3 3-3 3" })
-}), ae = x(function({ items: t, separator: n = ie, maxItems: r, className: i }, a) {
+}), se = x(function({ items: t, separator: n = oe, maxItems: r, className: i }, a) {
 	let o = t;
 	return r !== void 0 && t.length > r && r >= 2 && (o = [
 		t[0],
@@ -397,7 +433,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			}, `${t.label}-${r}`))
 		})
 	});
-}), oe = /* @__PURE__ */ O("svg", {
+}), ce = /* @__PURE__ */ O("svg", {
 	width: "14",
 	height: "14",
 	viewBox: "0 0 14 14",
@@ -406,7 +442,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
-}), se = x(function({ actions: t, className: n, count: r, onClear: i }, a) {
+}), le = x(function({ actions: t, className: n, count: r, onClear: i }, a) {
 	return r <= 0 ? null : /* @__PURE__ */ k("div", {
 		ref: a,
 		className: e("fixed bottom-4 left-1/2 z-40 flex -translate-x-1/2 items-center gds-gap gds-pad-x-lg gds-pad-y", "animate-popup gds-radius-popover border border-border bg-surface gds-shadow-xl", n),
@@ -425,16 +461,16 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 				className: e("shrink-0 p-0.5 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
 				onClick: i,
 				type: "button",
-				children: oe
+				children: ce
 			})
 		]
 	});
-}), ce = {
+}), ue = {
 	info: "border-l-accent bg-accent/5 text-accent",
 	tip: "border-l-success bg-success/5 text-success",
 	warning: "border-l-warning bg-warning/5 text-warning",
 	danger: "border-l-danger bg-danger/5 text-danger"
-}, le = {
+}, de = {
 	info: /* @__PURE__ */ k("svg", {
 		width: "20",
 		height: "20",
@@ -484,11 +520,11 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 			r: "8"
 		}), /* @__PURE__ */ O("path", { d: "M7 7l6 6M13 7l-6 6" })]
 	})
-}, ue = x(function({ variant: n = "info", title: r, children: i, icon: a, glass: o, className: s }, c) {
-	let l = a ?? le[n];
+}, fe = x(function({ variant: n = "info", title: r, children: i, icon: a, glass: o, className: s }, c) {
+	let l = a ?? de[n];
 	return /* @__PURE__ */ k("div", {
 		ref: c,
-		className: e("flex items-start gap-3 border-l-[3px] gds-radius-popover gds-pad-x-lg gds-pad-y-lg gds-text-body", ce[n], o === !0 && t(o), s),
+		className: e("flex items-start gap-3 border-l-[3px] gds-radius-popover gds-pad-x-lg gds-pad-y-lg gds-text-body", ue[n], o === !0 && t(o), s),
 		"data-component": "callout",
 		"data-variant": n,
 		children: [/* @__PURE__ */ O("span", {
@@ -510,7 +546,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 	sm: "gds-pad-x gds-pad-y",
 	default: "gds-pad-x-lg gds-pad-y-lg",
 	lg: "gds-pad-x-lg gds-pad-y-lg"
-}, de = x(function({ children: n, glass: r, padding: i = "default", loading: a, className: o }, s) {
+}, pe = x(function({ children: n, glass: r, padding: i = "default", loading: a, className: o }, s) {
 	return a === !0 ? /* @__PURE__ */ O("div", {
 		ref: s,
 		className: e("gds-ctx flex flex-col gds-gap animate-pulse gds-radius-card border border-border bg-bg-tertiary", I[i], o),
@@ -524,7 +560,7 @@ var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a
 		children: n
 	});
 });
-function fe({ title: t, description: n, action: r, className: i }) {
+function me({ title: t, description: n, action: r, className: i }) {
 	return /* @__PURE__ */ k("div", {
 		className: e("flex items-start justify-between gds-gap", i),
 		children: [/* @__PURE__ */ k("div", {
@@ -542,13 +578,13 @@ function fe({ title: t, description: n, action: r, className: i }) {
 		})]
 	});
 }
-function pe({ children: e, className: t }) {
+function he({ children: e, className: t }) {
 	return /* @__PURE__ */ O("div", {
 		className: t,
 		children: e
 	});
 }
-function me({ children: t, className: n }) {
+function ge({ children: t, className: n }) {
 	return /* @__PURE__ */ O("div", {
 		className: e("flex items-center gds-gap-sm border-t border-border pt-3", n),
 		children: t
@@ -556,7 +592,7 @@ function me({ children: t, className: n }) {
 }
 //#endregion
 //#region src/l4-molecules/category-tag.tsx
-var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ...o }, s) {
+var _e = x(function({ className: t, color: n, count: r, label: i, onClick: a, ...o }, s) {
 	return /* @__PURE__ */ k("div", {
 		className: e("inline-flex items-center gap-2 rounded-md border border-border bg-surface px-2.5 py-1", a !== void 0 && "cursor-pointer hover:bg-bg-tertiary", t),
 		"data-component": "category-tag",
@@ -583,24 +619,24 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 			})
 		]
 	});
-}), ge = {
+}), ve = {
 	valid: "bg-success/15 text-success border-success/20",
 	expiring: "bg-warning/15 text-warning border-warning/20",
 	expired: "bg-danger/15 text-danger border-danger/20"
-}, L = {
+}, ye = {
 	valid: "🔒",
 	expiring: "⚠️",
 	expired: "❌"
-}, _e = x(function({ className: t, domain: n, expiresAt: r, status: i, ...a }, o) {
+}, be = x(function({ className: t, domain: n, expiresAt: r, status: i, ...a }, o) {
 	return /* @__PURE__ */ k("div", {
-		className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5", ge[i], t),
+		className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5", ve[i], t),
 		"data-component": "cert-badge",
 		ref: o,
 		...a,
 		children: [
 			/* @__PURE__ */ O("span", {
 				className: "text-xs",
-				children: L[i]
+				children: ye[i]
 			}),
 			/* @__PURE__ */ O("span", {
 				className: "gds-text-label font-medium",
@@ -612,7 +648,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 			})
 		]
 	});
-}), ve = x(function({ options: t, value: n, onChange: r, exclusive: a = !1, className: o, ...s }, c) {
+}), xe = x(function({ options: t, value: n, onChange: r, exclusive: a = !1, className: o, ...s }, c) {
 	function l(e) {
 		if (a) {
 			r(n.includes(e) ? [] : [e]);
@@ -635,7 +671,36 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 			})
 		}, t.value))
 	});
-}), ye = x(function({ code: n, language: r, showLineNumbers: a = !0, maxHeight: o, glass: s, className: c }, l) {
+}), Se = x(function({ className: t, items: n, radius: r = 80, trigger: a }, o) {
+	let [s, c] = E(!1), l = S(() => c((e) => !e), []);
+	return _(s, S(() => c(!1), [])), /* @__PURE__ */ k("div", {
+		ref: o,
+		className: e("relative inline-block", t),
+		"data-component": "circular-menu",
+		children: [/* @__PURE__ */ O("div", {
+			role: "button",
+			tabIndex: 0,
+			className: e("relative z-10 cursor-pointer", i),
+			onClick: l,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
+			},
+			children: a
+		}), s && /* @__PURE__ */ O("div", {
+			className: "absolute left-1/2 top-1/2",
+			children: n.map((t, i) => {
+				let a = 2 * Math.PI * i / n.length - Math.PI / 2, o = Math.cos(a) * r, s = Math.sin(a) * r;
+				return /* @__PURE__ */ O("button", {
+					type: "button",
+					title: t.label,
+					className: e("absolute flex items-center justify-center rounded-full bg-surface border border-border", "h-10 w-10 -translate-x-1/2 -translate-y-1/2 text-fg transition-all duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+					style: { transform: `translate(${o}px, ${s}px)` },
+					children: t.icon
+				}, t.id);
+			})
+		})]
+	});
+}), Ce = x(function({ code: n, language: r, showLineNumbers: a = !0, maxHeight: o, glass: s, className: c }, l) {
 	let [u, d] = E(!1), f = S(() => {
 		navigator.clipboard.writeText(n).then(() => {
 			d(!0), setTimeout(() => d(!1), 1500);
@@ -708,7 +773,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 			})
 		})]
 	});
-}), be = x(function({ code: n, language: r, copyable: i = !0, showLineNumbers: a = !0, glass: o, className: s }, c) {
+}), we = x(function({ code: n, language: r, copyable: i = !0, showLineNumbers: a = !0, glass: o, className: s }, c) {
 	let [l, u] = E(!1), d = n.split("\n"), f = S(() => {
 		navigator.clipboard.writeText(n).then(() => {
 			u(!0), setTimeout(() => u(!1), 2e3);
@@ -775,7 +840,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 			})
 		]
 	});
-}), xe = x(function({ trigger: t, children: n, defaultOpen: r = !1, open: i, onOpenChange: a, className: o }, s) {
+}), Te = x(function({ trigger: t, children: n, defaultOpen: r = !1, open: i, onOpenChange: a, className: o }, s) {
 	let [c, l] = E(r), u = i !== void 0, d = u ? i : c;
 	function f() {
 		let e = !d;
@@ -797,7 +862,22 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 			children: d ? n : null
 		})]
 	});
-}), Se = [
+});
+function Ee({ children: e, className: t }) {
+	return /* @__PURE__ */ O("div", {
+		className: t,
+		children: e
+	});
+}
+function De({ children: e, className: t }) {
+	return /* @__PURE__ */ O("div", {
+		className: t,
+		children: e
+	});
+}
+//#endregion
+//#region src/l4-molecules/color-picker.tsx
+var Oe = [
 	"#ef4444",
 	"#f97316",
 	"#eab308",
@@ -808,12 +888,12 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 	"#ec4899",
 	"#64748b",
 	"#ffffff"
-], Ce = /^#[0-9a-fA-F]{6}$/, we = x(function({ value: t, onChange: n, presets: r, showInput: a = !0, disabled: o = !1, className: s }, c) {
-	let l = r ?? Se, [u, d] = E(t), f = S((e) => {
+], ke = /^#[0-9a-fA-F]{6}$/, Ae = x(function({ value: t, onChange: n, presets: r, showInput: a = !0, disabled: o = !1, className: s }, c) {
+	let l = r ?? Oe, [u, d] = E(t), f = S((e) => {
 		o || (n(e), d(e));
 	}, [o, n]), p = S((e) => {
 		let t = e.startsWith("#") ? e : `#${e}`;
-		d(t), Ce.test(t) && n(t);
+		d(t), ke.test(t) && n(t);
 	}, [n]);
 	return /* @__PURE__ */ k("div", {
 		ref: c,
@@ -863,7 +943,7 @@ var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ..
 });
 //#endregion
 //#region src/l4-molecules/combobox-list.tsx
-function Te({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onSelect: o, query: s, searchPlaceholder: c, searchRef: l, setHighlightedIndex: u, value: d }) {
+function je({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onSelect: o, query: s, searchPlaceholder: c, searchRef: l, setHighlightedIndex: u, value: d }) {
 	let f = S((e) => {
 		if (e.key === "ArrowDown" && (e.preventDefault(), u(i >= n.length - 1 ? 0 : i + 1)), e.key === "ArrowUp" && (e.preventDefault(), u(i <= 0 ? n.length - 1 : i - 1)), e.key === "Enter") {
 			e.preventDefault();
@@ -909,7 +989,7 @@ function Te({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onS
 }
 //#endregion
 //#region src/l4-molecules/combobox.tsx
-function Ee({ open: t }) {
+function Me({ open: t }) {
 	return /* @__PURE__ */ O("svg", {
 		className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
 		fill: "none",
@@ -921,7 +1001,7 @@ function Ee({ open: t }) {
 		children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
 	});
 }
-var De = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, onChange: s, options: c, placeholder: l = "Select...", searchPlaceholder: u = "Search...", value: d }, f) {
+var Ne = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, onChange: s, options: c, placeholder: l = "Select...", searchPlaceholder: u = "Search...", value: d }, f) {
 	let [p, m] = E(!1), [h, g] = E(""), [v, y] = E(0), x = T(null), C = T(null), D = f ?? x, A = w(() => {
 		if (h === "") return c;
 		let e = h.toLowerCase();
@@ -950,8 +1030,8 @@ var De = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, o
 			children: [/* @__PURE__ */ O("span", {
 				className: e(j === void 0 ? "text-fg-muted" : "text-fg"),
 				children: j === void 0 ? l : j.label
-			}), /* @__PURE__ */ O(Ee, { open: p })]
-		}), p && /* @__PURE__ */ O(Te, {
+			}), /* @__PURE__ */ O(Me, { open: p })]
+		}), p && /* @__PURE__ */ O(je, {
 			filtered: A,
 			glass: o,
 			highlightedIndex: v,
@@ -964,10 +1044,90 @@ var De = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, o
 			value: d
 		})]
 	});
+}), Pe = /* @__PURE__ */ O("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
+}), Fe = x(function({ actions: t, className: n, onAction: r, onClear: a, selectedCount: o }, s) {
+	return o <= 0 ? null : /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("flex items-center gds-gap gds-pad-x gds-pad-y border border-border bg-surface gds-radius", n),
+		"data-component": "command-bar",
+		children: [
+			/* @__PURE__ */ k("span", {
+				className: "gds-text select-none whitespace-nowrap font-medium text-fg",
+				children: [o, " selected"]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center gds-gap-sm",
+				children: t.map((t) => /* @__PURE__ */ k("button", {
+					type: "button",
+					className: e("flex items-center gds-gap-sm gds-text px-2 py-1 rounded transition-colors", t.danger === !0 ? "text-danger hover:bg-danger/10" : "text-fg hover:bg-bg-tertiary", i),
+					onClick: () => r(t.id),
+					children: [t.icon !== void 0 && /* @__PURE__ */ O("span", {
+						className: "shrink-0",
+						children: t.icon
+					}), t.label]
+				}, t.id))
+			}),
+			/* @__PURE__ */ O("button", {
+				"aria-label": "Clear selection",
+				className: e("ml-auto shrink-0 p-1 text-fg-muted hover:text-fg", i),
+				onClick: a,
+				type: "button",
+				children: Pe
+			})
+		]
+	});
+}), Ie = x(function({ actions: t, className: n }, r) {
+	let [a, o] = E(!1), s = S(() => o((e) => !e), []), c = S(() => o(!1), []);
+	return _(a, c), /* @__PURE__ */ k("div", {
+		ref: r,
+		className: e("fixed bottom-6 right-6 z-40 flex flex-col-reverse items-end gap-3", n),
+		"data-component": "command-bar-float",
+		children: [/* @__PURE__ */ O("button", {
+			type: "button",
+			"aria-label": a ? "Close menu" : "Open menu",
+			className: e("flex h-14 w-14 items-center justify-center rounded-full bg-accent text-on-accent shadow-lg transition-transform duration-200", i),
+			style: { transform: a ? "rotate(45deg)" : "rotate(0deg)" },
+			onClick: s,
+			children: /* @__PURE__ */ O("svg", {
+				width: "24",
+				height: "24",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				children: /* @__PURE__ */ O("path", { d: "M12 5v14M5 12h14" })
+			})
+		}), a && /* @__PURE__ */ O("div", {
+			className: "flex flex-col-reverse items-end gap-2",
+			children: t.map((t) => /* @__PURE__ */ k("button", {
+				type: "button",
+				className: e("flex items-center gds-gap-sm rounded-full bg-surface border border-border px-4 py-2 text-fg shadow-md transition-colors hover:bg-bg-tertiary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				onClick: () => {
+					t.onClick(), c();
+				},
+				children: [/* @__PURE__ */ O("span", {
+					className: "shrink-0",
+					children: t.icon
+				}), /* @__PURE__ */ O("span", {
+					className: "gds-text whitespace-nowrap",
+					children: t.label
+				})]
+			}, t.id))
+		})]
+	});
 });
 //#endregion
 //#region src/l4-molecules/command-menu.tsx
-function Oe({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type a command...", glass: o, className: s }) {
+function Le({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type a command...", glass: o, className: s }) {
 	let [c, l] = E(""), [u, d] = E(0), f = w(() => {
 		if (c === "") return n;
 		let e = c.toLowerCase();
@@ -1045,14 +1205,55 @@ function Oe({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type
 	});
 }
 //#endregion
-//#region src/l4-molecules/dialog.tsx
-var ke = {
+//#region src/l4-molecules/comparison-bar.tsx
+var Re = x(function({ className: t, height: n = 24, segments: r, showLabels: i }, a) {
+	let o = w(() => r.reduce((e, t) => e + t.value, 0), [r]);
+	if (o <= 0) return null;
+	let s = 0;
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("w-full", t),
+		"data-component": "comparison-bar",
+		children: [/* @__PURE__ */ O("svg", {
+			width: "100%",
+			height: n,
+			className: "overflow-visible rounded",
+			children: r.map((e) => {
+				let t = e.value / o * 100, r = s;
+				return s += t, /* @__PURE__ */ O("rect", {
+					x: `${r}%`,
+					y: 0,
+					width: `${t}%`,
+					height: n,
+					fill: e.color,
+					rx: 0
+				}, e.label);
+			})
+		}), i === !0 && /* @__PURE__ */ O("div", {
+			className: "mt-2 flex flex-wrap gds-gap-sm",
+			children: r.map((e) => /* @__PURE__ */ k("div", {
+				className: "flex items-center gds-gap-sm text-xs text-fg-muted",
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "inline-block h-2.5 w-2.5 rounded-sm",
+						style: { backgroundColor: e.color }
+					}),
+					/* @__PURE__ */ O("span", { children: e.label }),
+					/* @__PURE__ */ k("span", {
+						className: "font-medium text-fg",
+						children: [Math.round(e.value / o * 100), "%"]
+					})
+				]
+			}, e.label))
+		})]
+	});
+}), ze = {
 	sm: "max-w-sm",
 	md: "max-w-lg",
 	default: "max-w-lg",
 	lg: "max-w-2xl",
 	xl: "max-w-4xl"
-}, R = x(function({ open: n, onClose: r, title: i, description: a, children: o, glass: s, width: c = "default", className: l }, d) {
+}, L = x(function({ open: n, onClose: r, title: i, description: a, children: o, glass: s, width: c = "default", className: l }, d) {
 	let f = v(n);
 	return y(n), _(n, r), n ? u(/* @__PURE__ */ O("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
@@ -1065,7 +1266,7 @@ var ke = {
 			ref: (e) => {
 				f.current = e, typeof d == "function" ? d(e) : d != null && (d.current = e);
 			},
-			className: e("gds-ctx w-full animate-popup gds-radius-card border gds-shadow-xl", s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", ke[c], l),
+			className: e("gds-ctx w-full animate-popup gds-radius-card border gds-shadow-xl", s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", ze[c], l),
 			children: [(i !== void 0 || a !== void 0) && /* @__PURE__ */ k("div", {
 				className: "flex items-start justify-between gds-gap border-b border-border gds-pad-x-lg gds-pad-y-lg",
 				children: [/* @__PURE__ */ k("div", {
@@ -1100,7 +1301,7 @@ var ke = {
 		})
 	})) : null;
 });
-function Ae({ children: t, className: n }) {
+function Be({ children: t, className: n }) {
 	return /* @__PURE__ */ O("div", {
 		className: e("flex items-center justify-end gds-gap-sm border-t border-border gds-pad-x-lg gds-pad-y", n),
 		children: t
@@ -1108,8 +1309,8 @@ function Ae({ children: t, className: n }) {
 }
 //#endregion
 //#region src/l4-molecules/confirm-dialog.tsx
-var je = x(function({ cancelLabel: e = "Cancel", className: t, confirmLabel: n = "Confirm", loading: i = !1, message: a, onClose: o, onConfirm: s, open: c, title: l = "Confirm", variant: u = "default" }, d) {
-	return /* @__PURE__ */ O(R, {
+var Ve = x(function({ cancelLabel: e = "Cancel", className: t, confirmLabel: n = "Confirm", loading: i = !1, message: a, onClose: o, onConfirm: s, open: c, title: l = "Confirm", variant: u = "default" }, d) {
+	return /* @__PURE__ */ O(L, {
 		className: t,
 		onClose: o,
 		open: c,
@@ -1144,7 +1345,7 @@ var je = x(function({ cancelLabel: e = "Cancel", className: t, confirmLabel: n =
 });
 //#endregion
 //#region src/l4-molecules/context-menu.tsx
-function Me({ trigger: t, items: n, onSelect: r, className: i }) {
+function He({ trigger: t, items: n, onSelect: r, className: i }) {
 	let [a, o] = E(!1), [s, c] = E({
 		x: 0,
 		y: 0
@@ -1195,7 +1396,7 @@ function Me({ trigger: t, items: n, onSelect: r, className: i }) {
 }
 //#endregion
 //#region src/l4-molecules/copy-field.tsx
-var Ne = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
+var Ue = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
 	let [o, s] = E(!1), [c, l] = E(!1), u = T(null);
 	C(() => () => {
 		u.current !== null && clearTimeout(u.current);
@@ -1248,7 +1449,7 @@ var Ne = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
 			})]
 		})]
 	});
-}), Pe = x(function({ children: t, value: n, feedback: r = "Copied!", className: a }, o) {
+}), We = x(function({ children: t, value: n, feedback: r = "Copied!", className: a }, o) {
 	let [s, c] = E(!1), l = T(null), u = S(() => {
 		navigator.clipboard.writeText(n).then(() => {
 			c(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => {
@@ -1271,7 +1472,48 @@ var Ne = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
 			children: r
 		})]
 	});
-}), Fe = x(function({ amount: t, change: n, className: r, currency: i = "¥", period: a, ...o }, s) {
+});
+//#endregion
+//#region src/l4-molecules/countdown-timer.tsx
+function R(e) {
+	let t = Math.max(0, e.getTime() - Date.now()), n = t <= 0, r = Math.floor(t / 1e3);
+	return {
+		dd: String(Math.floor(r / 86400)).padStart(2, "0"),
+		hh: String(Math.floor(r % 86400 / 3600)).padStart(2, "0"),
+		mm: String(Math.floor(r % 3600 / 60)).padStart(2, "0"),
+		ss: String(r % 60).padStart(2, "0"),
+		done: n
+	};
+}
+var Ge = x(function({ className: t, label: n, onComplete: r, target: i }, a) {
+	let [o, s] = E(() => R(i));
+	return C(() => {
+		let e = setInterval(() => {
+			let t = R(i);
+			s(t), t.done && (clearInterval(e), r?.());
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [i, r]), /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("flex flex-col items-center gds-gap-sm", t),
+		"data-component": "countdown-timer",
+		children: [n !== void 0 && /* @__PURE__ */ O("span", {
+			className: "gds-text text-fg-muted",
+			children: n
+		}), /* @__PURE__ */ k("div", {
+			className: "flex items-center gap-1 font-mono text-2xl font-bold text-fg tabular-nums",
+			children: [
+				/* @__PURE__ */ O("span", { children: o.dd }),
+				":",
+				/* @__PURE__ */ O("span", { children: o.hh }),
+				":",
+				/* @__PURE__ */ O("span", { children: o.mm }),
+				":",
+				/* @__PURE__ */ O("span", { children: o.ss })
+			]
+		})]
+	});
+}), Ke = x(function({ amount: t, change: n, className: r, currency: i = "¥", period: a, ...o }, s) {
 	let c = t.toLocaleString();
 	return /* @__PURE__ */ k("div", {
 		className: e("flex items-baseline gds-gap", r),
@@ -1300,15 +1542,15 @@ var Ne = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
 });
 //#endregion
 //#region src/l4-molecules/currency-input.tsx
-function Ie(e, t) {
+function qe(e, t) {
 	return new Intl.NumberFormat(t).format(e);
 }
-function Le(e, t, n) {
+function Je(e, t, n) {
 	let r = e;
 	return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
 }
-var Re = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja-JP", min: o, max: s, disabled: c = !1, error: l = !1, placeholder: u = "0", className: d }, f) {
-	let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" : Ie(t, a), v = S(() => {
+var Ye = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja-JP", min: o, max: s, disabled: c = !1, error: l = !1, placeholder: u = "0", className: d }, f) {
+	let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" : qe(t, a), v = S(() => {
 		m(!0), g(t === null ? "" : String(t));
 	}, [t]), y = S(() => {
 		m(!1);
@@ -1322,7 +1564,7 @@ var Re = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
 			n(null);
 			return;
 		}
-		n(Le(t, o, s));
+		n(Je(t, o, s));
 	}, [
 		h,
 		s,
@@ -1353,11 +1595,11 @@ var Re = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
 			"aria-label": "Currency amount"
 		})]
 	});
-}), ze = {
+}), Xe = {
 	down: "text-danger",
 	neutral: "text-fg-muted",
 	up: "text-success"
-}, Be = x(function({ title: n, value: r, change: i, changeType: a = "neutral", icon: o, footer: s, glass: c, className: l }, u) {
+}, Ze = x(function({ title: n, value: r, change: i, changeType: a = "neutral", icon: o, footer: s, glass: c, className: l }, u) {
 	return /* @__PURE__ */ k("div", {
 		ref: u,
 		className: e("gds-ctx gds-radius border border-border/40 bg-surface gds-pad select-none", c === !0 && t(c), l),
@@ -1378,7 +1620,7 @@ var Re = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja
 				children: r
 			}),
 			i !== void 0 && /* @__PURE__ */ k("div", {
-				className: e("mt-1 flex items-center gap-1 text-[11px]", ze[a]),
+				className: e("mt-1 flex items-center gap-1 text-[11px]", Xe[a]),
 				children: [
 					a === "up" && /* @__PURE__ */ k("svg", {
 						width: "12",
@@ -1425,10 +1667,10 @@ function z(e) {
 function B(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", className: r }, i) {
+var Qe = 10080 * 60 * 1e3, $e = x(function({ date: t, format: n = "auto", className: r }, i) {
 	let a = w(() => {
 		let e = t instanceof Date ? t : new Date(t), r = Date.now() - e.getTime();
-		return n === "relative" ? z(r) : n === "absolute" ? B(e) : r < Ve ? z(r) : B(e);
+		return n === "relative" ? z(r) : n === "absolute" ? B(e) : r < Qe ? z(r) : B(e);
 	}, [t, n]), o = t instanceof Date ? t : new Date(t);
 	return /* @__PURE__ */ O("span", {
 		ref: i,
@@ -1437,7 +1679,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 		title: o.toISOString(),
 		children: a
 	});
-}), Ue = x(function({ className: t, disabled: n = !1, endDate: r, error: i = !1, onChange: a, placeholder: o, startDate: s }, c) {
+}), et = x(function({ className: t, disabled: n = !1, endDate: r, error: i = !1, onChange: a, placeholder: o, startDate: s }, c) {
 	return /* @__PURE__ */ k("div", {
 		className: e("flex items-center gds-radius-input border bg-bg transition-colors", i ? "border-danger" : "border-border hover:border-border-strong", n && "cursor-not-allowed opacity-50", t),
 		"data-component": "date-range-input",
@@ -1473,7 +1715,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 			})
 		]
 	});
-}), We = x(function({ children: t, title: n, className: r }, i) {
+}), tt = x(function({ children: t, title: n, className: r }, i) {
 	return /* @__PURE__ */ k("div", {
 		ref: i,
 		className: e("space-y-0.5", r),
@@ -1486,7 +1728,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 			children: t
 		})]
 	});
-}), Ge = x(function({ className: n, glass: r = !0, items: i, onSelect: a, ...o }, s) {
+}), nt = x(function({ className: n, glass: r = !0, items: i, onSelect: a, ...o }, s) {
 	let [c, l] = E(null);
 	return /* @__PURE__ */ O("div", {
 		className: e("inline-flex items-end gap-1 gds-radius-card p-2", "border border-white/[0.06] bg-bg-secondary/80", t(r === !0 ? !0 : void 0), r === !0 && "border-white/10", n),
@@ -1520,7 +1762,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 			}, t.id);
 		})
 	});
-}), Ke = x(function({ label: t, progress: n, complete: r = !1, onClick: a, disabled: o = !1, className: s }, c) {
+}), rt = x(function({ label: t, progress: n, complete: r = !1, onClick: a, disabled: o = !1, className: s }, c) {
 	let l = n !== void 0 && !r, u = o || l;
 	return /* @__PURE__ */ k("button", {
 		ref: c,
@@ -1568,12 +1810,12 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 			}), /* @__PURE__ */ O("span", { children: t })] })
 		]
 	});
-}), qe = {
+}), it = {
 	sm: "h-[30vh]",
 	default: "h-[50vh]",
 	lg: "h-[75vh]",
 	full: "h-screen"
-}, Je = x(function({ open: n, onClose: r, title: i, children: a, height: o = "default", glass: s, className: c }, l) {
+}, at = x(function({ open: n, onClose: r, title: i, children: a, height: o = "default", glass: s, className: c }, l) {
 	let u = v(n);
 	return y(n), _(n, r), n ? /* @__PURE__ */ O("div", {
 		className: "fixed inset-0 z-50 bg-black/50",
@@ -1584,7 +1826,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 		"data-state": "open",
 		children: /* @__PURE__ */ k("div", {
 			ref: g(l, u),
-			className: e("gds-ctx fixed inset-x-0 bottom-0 flex flex-col rounded-t-xl border-t transition-transform duration-200", qe[o], s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", c),
+			className: e("gds-ctx fixed inset-x-0 bottom-0 flex flex-col rounded-t-xl border-t transition-transform duration-200", it[o], s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", c),
 			children: [
 				/* @__PURE__ */ O("div", {
 					className: "flex justify-center py-2",
@@ -1622,7 +1864,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 			]
 		})
 	}) : null;
-}), Ye = x(function({ onDrop: n, accept: r, active: a, children: o, glass: s, className: c }, l) {
+}), ot = x(function({ onDrop: n, accept: r, active: a, children: o, glass: s, className: c }, l) {
 	let [u, d] = E(!1), f = a === !0 || u, p = S((e) => {
 		e.preventDefault(), d(!0);
 	}, []), m = S((e) => {
@@ -1649,7 +1891,7 @@ var Ve = 10080 * 60 * 1e3, He = x(function({ date: t, format: n = "auto", classN
 });
 //#endregion
 //#region src/l4-molecules/dropdown.tsx
-function Xe({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, className: c }) {
+function st({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, className: c }) {
 	let [l, u] = E(!1), d = T(null);
 	return b(d, l, () => u(!1)), _(l, () => u(!1)), /* @__PURE__ */ k("div", {
 		ref: d,
@@ -1690,7 +1932,7 @@ function Xe({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, c
 }
 //#endregion
 //#region src/l4-molecules/editable.tsx
-var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", disabled: a, className: o }, s) {
+var ct = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", disabled: a, className: o }, s) {
 	let [c, l] = E(!1), [u, d] = E(t), f = T(null), p = S(() => {
 		a !== !0 && (d(t), l(!0));
 	}, [a, t]), m = S(() => {
@@ -1726,7 +1968,7 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 		tabIndex: a === !0 ? -1 : 0,
 		children: _ ? r : t
 	});
-}), Qe = [
+}), lt = [
 	{
 		name: "Smileys",
 		emojis: [
@@ -1795,7 +2037,7 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 			"✅"
 		]
 	}
-], $e = x(function({ onSelect: t, categories: n = Qe, columns: r = 8, glass: i = !1, className: a, ...o }, s) {
+], ut = x(function({ onSelect: t, categories: n = lt, columns: r = 8, glass: i = !1, className: a, ...o }, s) {
 	let [c, l] = E(0), [u, d] = E(""), f = w(() => u === "" ? n[c]?.emojis ?? [] : n.flatMap((e) => e.emojis), [
 		u,
 		c,
@@ -1833,7 +2075,7 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 			})
 		]
 	});
-}), et = x(function({ message: t, icon: n, action: r, className: i }, a) {
+}), dt = x(function({ message: t, icon: n, action: r, className: i }, a) {
 	return /* @__PURE__ */ k("div", {
 		ref: a,
 		className: e("flex flex-col items-center justify-center gap-2 py-6 select-none", i),
@@ -1853,7 +2095,7 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 			})
 		]
 	});
-}), tt = x(function({ query: t, suggestions: n, className: r }, i) {
+}), ft = x(function({ query: t, suggestions: n, className: r }, i) {
 	return /* @__PURE__ */ k("div", {
 		ref: i,
 		className: e("flex flex-col items-center justify-center py-12 text-center select-none", r),
@@ -1893,29 +2135,53 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 			})
 		]
 	});
-}), nt = {
+}), pt = {
 	production: "bg-success/15 text-success",
 	staging: "bg-warning/15 text-warning",
 	development: "bg-accent/15 text-accent",
 	local: "bg-bg-tertiary text-fg-muted"
-}, rt = {
+}, mt = {
 	production: "bg-success",
 	staging: "bg-warning",
 	development: "bg-accent",
 	local: "bg-fg-muted"
-}, it = x(function({ className: t, env: n, showDot: r = !0, ...i }, a) {
+}, ht = x(function({ className: t, env: n, showDot: r = !0, ...i }, a) {
 	return /* @__PURE__ */ k("span", {
-		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", nt[n], t),
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", pt[n], t),
 		"data-component": "environment-badge",
 		ref: a,
 		...i,
-		children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full", rt[n]) }), n]
+		children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full", mt[n]) }), n]
 	});
-}), at = {
+}), gt = x(function({ className: t, description: n, enabled: r, name: i }, a) {
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("flex items-center gds-gap gds-pad-x gds-pad-y", t),
+		"data-component": "feature-flag",
+		"data-state": r ? "enabled" : "disabled",
+		children: [
+			/* @__PURE__ */ O("span", { className: e("inline-block h-2.5 w-2.5 shrink-0 rounded-full", r ? "bg-success" : "bg-fg-muted/40") }),
+			/* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ O("span", {
+					className: e("gds-text font-medium", r ? "text-fg" : "text-fg-muted"),
+					children: i
+				}), n !== void 0 && /* @__PURE__ */ O("p", {
+					className: "mt-0.5 text-xs text-fg-muted",
+					children: n
+				})]
+			}),
+			/* @__PURE__ */ O("span", {
+				className: e("text-xs font-medium", r ? "text-success" : "text-fg-muted"),
+				children: r ? "ON" : "OFF"
+			})
+		]
+	});
+}), _t = {
 	1: "grid-cols-1",
 	2: "grid-cols-1 md:grid-cols-2",
 	3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-}, ot = x(function({ children: t, columns: n = 1, title: r, description: i, className: a }, o) {
+}, vt = x(function({ children: t, columns: n = 1, title: r, description: i, className: a }, o) {
 	return /* @__PURE__ */ k("fieldset", {
 		ref: o,
 		className: e("space-y-4", a),
@@ -1927,11 +2193,11 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 			className: "mt-0.5 gds-text-body text-fg-muted",
 			children: i
 		})] }), /* @__PURE__ */ O("div", {
-			className: e("grid gds-gap", at[n]),
+			className: e("grid gds-gap", _t[n]),
 			children: t
 		})]
 	});
-}), st = x(function({ children: t, legend: n, disabled: r = !1, className: i }, a) {
+}), yt = x(function({ children: t, legend: n, disabled: r = !1, className: i }, a) {
 	return /* @__PURE__ */ k("fieldset", {
 		ref: a,
 		className: e("gds-radius border border-border gds-pad", r && "cursor-not-allowed opacity-50", i),
@@ -1945,10 +2211,10 @@ var Ze = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", d
 });
 //#endregion
 //#region src/l4-molecules/file-upload.tsx
-function ct(e, t) {
+function bt(e, t) {
 	return t === void 0 ? e : e.filter((e) => e.size <= t);
 }
-function lt() {
+function xt() {
 	return /* @__PURE__ */ k("svg", {
 		className: "h-8 w-8 text-fg-muted/40",
 		fill: "none",
@@ -1969,9 +2235,9 @@ function lt() {
 		]
 	});
 }
-var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, glass: o, maxSize: s, multiple: c = !1, onFiles: l }, u) {
+var St = x(function({ accept: n, children: r, className: i, disabled: a = !1, glass: o, maxSize: s, multiple: c = !1, onFiles: l }, u) {
 	let [d, f] = E(!1), [p, m] = E([]), h = T(null), g = S((e) => {
-		let t = ct(Array.from(e), s);
+		let t = bt(Array.from(e), s);
 		m(t), l(t);
 	}, [s, l]), _ = S(() => {
 		a || h.current?.click();
@@ -2001,7 +2267,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			ref: h,
 			type: "file"
 		}), r === void 0 ? /* @__PURE__ */ k(D, { children: [
-			/* @__PURE__ */ O(lt, {}),
+			/* @__PURE__ */ O(xt, {}),
 			/* @__PURE__ */ O("div", {
 				className: "text-sm text-fg-muted",
 				children: "Drop files here or click to browse"
@@ -2017,7 +2283,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			})
 		] }) : r]
 	});
-}), dt = x(function({ className: t, filters: n, onChange: r, onClear: a, ...o }, s) {
+}), Ct = x(function({ className: t, filters: n, onChange: r, onClear: a, ...o }, s) {
 	let c = n.some((e) => e.active);
 	return /* @__PURE__ */ k("div", {
 		className: e("flex flex-wrap items-center gds-gap", t),
@@ -2039,7 +2305,40 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			children: "Clear all"
 		})]
 	});
-}), ft = x(function({ className: t, disabled: n, loading: i, onCancel: a, onReset: o, onSave: s, saveLabel: c = "Save", ...l }, u) {
+}), wt = x(function({ back: t, className: n, front: r, trigger: i = "click" }, a) {
+	let [o, s] = E(!1), c = i === "hover" ? {
+		onMouseEnter: () => s(!0),
+		onMouseLeave: () => s(!1)
+	} : {}, l = i === "click" ? { onClick: () => s((e) => !e) } : {};
+	return /* @__PURE__ */ O("div", {
+		ref: a,
+		className: e("relative cursor-pointer", n),
+		style: { perspective: "1000px" },
+		"data-component": "flip-card",
+		"data-state": o ? "flipped" : "front",
+		...c,
+		...l,
+		children: /* @__PURE__ */ k("div", {
+			className: "relative w-full transition-transform duration-500",
+			style: {
+				transformStyle: "preserve-3d",
+				transform: o ? "rotateY(180deg)" : "rotateY(0deg)"
+			},
+			children: [/* @__PURE__ */ O("div", {
+				className: "relative",
+				style: { backfaceVisibility: "hidden" },
+				children: r
+			}), /* @__PURE__ */ O("div", {
+				className: "absolute inset-0",
+				style: {
+					backfaceVisibility: "hidden",
+					transform: "rotateY(180deg)"
+				},
+				children: t
+			})]
+		})
+	});
+}), Tt = x(function({ className: t, disabled: n, loading: i, onCancel: a, onReset: o, onSave: s, saveLabel: c = "Save", ...l }, u) {
 	return /* @__PURE__ */ k("div", {
 		className: e("flex items-center justify-end gds-gap", t),
 		"data-component": "form-actions",
@@ -2069,7 +2368,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			})
 		]
 	});
-}), pt = x(function({ children: t, className: n, error: r, helperText: i, label: a, required: o, ...c }, l) {
+}), Et = x(function({ children: t, className: n, error: r, helperText: i, label: a, required: o, ...c }, l) {
 	let u = r !== void 0 && r !== "";
 	return /* @__PURE__ */ k("div", {
 		className: e("flex flex-col gds-gap-sm", n),
@@ -2109,7 +2408,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 		variant: "default",
 		size: "default"
 	}
-}), mt = x(function({ children: t, className: n, size: r, variant: i, ...a }, o) {
+}), Dt = x(function({ children: t, className: n, size: r, variant: i, ...a }, o) {
 	return /* @__PURE__ */ O("button", {
 		ref: o,
 		className: e(V({
@@ -2127,19 +2426,32 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 		lg: "gds-glass-lg border-border/15"
 	} },
 	defaultVariants: { blur: "default" }
-}), ht = x(function({ blur: t, children: n, className: r }, i) {
+}), Ot = x(function({ blur: t, children: n, className: r }, i) {
 	return /* @__PURE__ */ O("div", {
 		ref: i,
 		className: e(H({ blur: t }), r),
 		"data-component": "glass-card",
 		children: n
 	});
-}), gt = {
+}), kt = {
+	sm: "gds-glitch-sm",
+	default: "gds-glitch",
+	lg: "gds-glitch-lg"
+}, At = x(function({ active: t = !0, className: n, intensity: r = "default", text: i }, a) {
+	return /* @__PURE__ */ O("span", {
+		ref: a,
+		className: e("relative inline-block font-bold text-fg select-none", t && kt[r], n),
+		"data-component": "glitch-text",
+		"data-text": i,
+		"aria-label": i,
+		children: i
+	});
+}), jt = {
 	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
 	left: "right-full top-1/2 -translate-y-1/2 mr-2",
 	right: "left-full top-1/2 -translate-y-1/2 ml-2",
 	top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
-}, _t = x(function({ trigger: t, children: n, delay: r = 300, placement: i = "bottom", className: a, ...o }, s) {
+}, Mt = x(function({ trigger: t, children: n, delay: r = 300, placement: i = "bottom", className: a, ...o }, s) {
 	let [c, l] = E(!1), u = T(void 0), d = T(void 0), f = S(() => {
 		clearTimeout(d.current), u.current = setTimeout(() => l(!0), r);
 	}, [r]), p = S(() => {
@@ -2154,13 +2466,13 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 		onMouseLeave: p,
 		...o,
 		children: [t, c && /* @__PURE__ */ O("div", {
-			className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", gt[i]),
+			className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", jt[i]),
 			onMouseEnter: f,
 			onMouseLeave: p,
 			children: n
 		})]
 	});
-}), vt = x(function({ label: t, value: n, icon: r, className: i }, a) {
+}), Nt = x(function({ label: t, value: n, icon: r, className: i }, a) {
 	return /* @__PURE__ */ k("div", {
 		ref: a,
 		className: e("flex items-center gap-2 gds-text-body select-none", i),
@@ -2180,7 +2492,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			})
 		]
 	});
-}), yt = x(function({ prefix: t, suffix: n, error: r, disabled: i, className: a, children: o, ...s }, c) {
+}), Pt = x(function({ prefix: t, suffix: n, error: r, disabled: i, className: a, children: o, ...s }, c) {
 	return /* @__PURE__ */ k("div", {
 		ref: c,
 		"data-component": "input-group",
@@ -2198,7 +2510,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			})
 		]
 	});
-}), bt = x(function({ buttonLabel: t, className: n, disabled: r = !1, onChange: i, onSubmit: a, placeholder: o, value: s, ...c }, l) {
+}), Ft = x(function({ buttonLabel: t, className: n, disabled: r = !1, onChange: i, onSubmit: a, placeholder: o, value: s, ...c }, l) {
 	return /* @__PURE__ */ k("div", {
 		className: e("inline-flex items-center overflow-hidden rounded-md border border-border", n),
 		"data-component": "input-with-button",
@@ -2222,7 +2534,7 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			children: t
 		})]
 	});
-}), xt = x(function({ items: t, columns: n = 1, className: r }, i) {
+}), It = x(function({ items: t, columns: n = 1, className: r }, i) {
 	return /* @__PURE__ */ O("div", {
 		ref: i,
 		className: e("grid gap-x-8 gap-y-2", n === 2 ? "grid-cols-2" : "grid-cols-1", r),
@@ -2238,20 +2550,20 @@ var ut = x(function({ accept: n, children: r, className: i, disabled: a = !1, gl
 			})]
 		}, e.key))
 	});
-}), St = x(function({ items: t, columns: n = 1, striped: r, className: i }, a) {
+}), Lt = x(function({ items: t, columns: n = 1, striped: r, className: i }, a) {
 	let o = n === 2;
 	return /* @__PURE__ */ O("div", {
 		ref: a,
 		className: e("gds-text-body", o && "grid grid-cols-2 gap-x-6", i),
 		"data-component": "kv-table",
 		"data-variant": o ? "2col" : "1col",
-		children: t.map((e, t) => /* @__PURE__ */ O(Ct, {
+		children: t.map((e, t) => /* @__PURE__ */ O(Rt, {
 			item: e,
 			striped: r === !0 && t % 2 == 1
 		}, e.key))
 	});
 });
-function Ct({ item: t, striped: n }) {
+function Rt({ item: t, striped: n }) {
 	let [r, i] = E(!1);
 	return /* @__PURE__ */ k("div", {
 		className: e("group flex items-baseline justify-between gap-4 gds-pad-x gds-pad-y-sm", n && "bg-bg-tertiary/40"),
@@ -2274,7 +2586,7 @@ function Ct({ item: t, striped: n }) {
 }
 //#endregion
 //#region src/l4-molecules/link-preview.tsx
-var wt = x(function({ title: n, url: r, description: i, domain: a, image: o, glass: s, className: c }, l) {
+var zt = x(function({ title: n, url: r, description: i, domain: a, image: o, glass: s, className: c }, l) {
 	return /* @__PURE__ */ k("a", {
 		ref: l,
 		className: e("flex gds-gap gds-radius border-l-4 border-accent bg-bg-secondary gds-pad transition-colors select-none hover:bg-bg-tertiary", s === !0 && t(s), c),
@@ -2304,7 +2616,32 @@ var wt = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
 			src: o
 		})]
 	});
-}), Tt = x(function({ visible: n, message: r, glass: i = !0, className: a }, o) {
+}), Bt = x(function({ className: t, label: n, pulse: r, unit: i, value: a }, o) {
+	return /* @__PURE__ */ k("div", {
+		ref: o,
+		className: e("flex flex-col gds-gap-sm gds-pad gds-radius border border-border bg-surface", t),
+		"data-component": "live-metric",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-center gds-gap-sm",
+			children: [r === !0 && /* @__PURE__ */ k("span", {
+				className: "relative flex h-2.5 w-2.5 shrink-0",
+				children: [/* @__PURE__ */ O("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-success opacity-75" }), /* @__PURE__ */ O("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-success" })]
+			}), /* @__PURE__ */ O("span", {
+				className: "text-xs text-fg-muted",
+				children: n
+			})]
+		}), /* @__PURE__ */ k("div", {
+			className: "flex items-baseline gap-1",
+			children: [/* @__PURE__ */ O("span", {
+				className: "text-2xl font-bold tabular-nums text-fg",
+				children: a
+			}), i !== void 0 && /* @__PURE__ */ O("span", {
+				className: "text-sm text-fg-muted",
+				children: i
+			})]
+		})]
+	});
+}), Vt = x(function({ visible: n, message: r, glass: i = !0, className: a }, o) {
 	return n ? /* @__PURE__ */ k("div", {
 		ref: o,
 		className: e("absolute inset-0 z-10 flex flex-col items-center justify-center", i === !0 ? t(!0) : "bg-bg/80", a),
@@ -2314,7 +2651,72 @@ var wt = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
 			children: r
 		})]
 	}) : null;
-}), Et = x(function({ align: t = "top", children: n, className: r, media: i, reverse: a = !1 }, o) {
+}), Ht = x(function({ active: t = !0, className: n, color: r = "#00ff41", density: i = 20, speed: a = 50 }, o) {
+	let s = T(null), c = T(0);
+	return C(() => {
+		let e = s.current;
+		if (e === null || !t) return;
+		let n = e.getContext("2d");
+		if (n === null) return;
+		let o = () => {
+			e.width = e.offsetWidth, e.height = e.offsetHeight;
+		};
+		o(), window.addEventListener("resize", o);
+		let l = Math.floor(e.width / i), u = Array(l).fill(1), d = 0, f = (t) => {
+			if (t - d < a) {
+				c.current = requestAnimationFrame(f);
+				return;
+			}
+			d = t, n.fillStyle = "rgba(0, 0, 0, 0.05)", n.fillRect(0, 0, e.width, e.height), n.fillStyle = r, n.font = "14px monospace";
+			for (let t = 0; t < u.length; t++) {
+				let r = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*"[Math.floor(Math.random() * 69)];
+				n.fillText(r, t * i, u[t] * 14), u[t] * 14 > e.height && Math.random() > .975 && (u[t] = 0), u[t]++;
+			}
+			c.current = requestAnimationFrame(f);
+		};
+		return c.current = requestAnimationFrame(f), () => {
+			cancelAnimationFrame(c.current), window.removeEventListener("resize", o);
+		};
+	}, [
+		t,
+		r,
+		i,
+		a
+	]), /* @__PURE__ */ O("canvas", {
+		ref: (e) => {
+			s.current = e, typeof o == "function" ? o(e) : o != null && (o.current = e);
+		},
+		className: e("block h-full w-full bg-black", n),
+		"data-component": "matrix-rain"
+	});
+}), Ut = x(function({ alt: t, aspectRatio: n, className: r, rounded: i, src: a, type: o }, s) {
+	return /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("relative w-full", i === !0 ? "rounded-lg overflow-hidden" : "", r),
+		style: n === void 0 ? void 0 : { aspectRatio: String(n) },
+		"data-component": "media-container",
+		"data-variant": o,
+		children: [
+			o === "image" && /* @__PURE__ */ O("img", {
+				src: a,
+				alt: t ?? "",
+				className: "h-full w-full object-cover"
+			}),
+			o === "video" && /* @__PURE__ */ O("video", {
+				src: a,
+				controls: !0,
+				className: "h-full w-full object-cover",
+				"aria-label": t
+			}),
+			o === "audio" && /* @__PURE__ */ O("audio", {
+				src: a,
+				controls: !0,
+				className: "w-full",
+				"aria-label": t
+			})
+		]
+	});
+}), Wt = x(function({ align: t = "top", children: n, className: r, media: i, reverse: a = !1 }, o) {
 	return /* @__PURE__ */ k("div", {
 		ref: o,
 		className: e("flex gds-gap", t === "center" && "items-center", t === "top" && "items-start", a === !0 && "flex-row-reverse", r),
@@ -2330,7 +2732,7 @@ var wt = x(function({ title: n, url: r, description: i, domain: a, image: o, gla
 });
 //#endregion
 //#region src/l4-molecules/mention-list.tsx
-function Dt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
+function Gt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
 	return /* @__PURE__ */ O("div", {
 		className: "absolute left-0 right-0 top-full z-50 mt-1 gds-radius-popover border border-border bg-surface shadow-lg",
 		role: "listbox",
@@ -2352,7 +2754,7 @@ function Dt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
 }
 //#endregion
 //#region src/l4-molecules/mention-input.tsx
-var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", placeholder: o, disabled: s, className: c }, l) {
+var Kt = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", placeholder: o, disabled: s, className: c }, l) {
 	let [u, d] = E(!1), [f, p] = E(""), [m, h] = E(0), g = T(null), _ = r.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())), v = S((e) => {
 		let t = e.lastIndexOf(a);
 		return t < 0 || t > 0 && e[t - 1] !== " " || e.slice(t + a.length).includes(" ") ? -1 : t;
@@ -2400,19 +2802,19 @@ var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
 			placeholder: o,
 			disabled: s,
 			className: e("w-full gds-radius-button border border-border bg-bg-secondary px-3 py-2 text-sm text-fg", "placeholder:text-fg-muted/50", s === !0 && "pointer-events-none opacity-50", i, c)
-		}), u && _.length > 0 && /* @__PURE__ */ O(Dt, {
+		}), u && _.length > 0 && /* @__PURE__ */ O(Gt, {
 			filtered: _,
 			highlightedIndex: m,
 			onSelect: b,
 			trigger: a
 		})]
 	});
-}), kt = {
+}), qt = {
 	default: "text-fg",
 	success: "text-success",
 	warning: "text-warning",
 	danger: "text-danger"
-}, At = x(function({ metrics: t, className: n }, r) {
+}, Jt = x(function({ metrics: t, className: n }, r) {
 	return /* @__PURE__ */ O("div", {
 		ref: r,
 		className: e("flex items-center gds-gap gds-text-body select-none", n),
@@ -2423,7 +2825,7 @@ var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
 				className: "text-fg-muted",
 				children: t.label
 			}), /* @__PURE__ */ k("span", {
-				className: e("font-semibold", kt[t.variant ?? "default"]),
+				className: e("font-semibold", qt[t.variant ?? "default"]),
 				children: [t.value, t.unit !== void 0 && /* @__PURE__ */ O("span", {
 					className: "ml-0.5 font-normal text-fg-muted",
 					children: t.unit
@@ -2431,19 +2833,19 @@ var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
 			})]
 		}, t.label))
 	});
-}), jt = {
+}), Yt = {
 	default: "text-fg",
 	success: "text-success",
 	warning: "text-warning",
 	danger: "text-danger"
-}, Mt = x(function({ className: t, label: n, unit: r, value: i, variant: a = "default", ...o }, s) {
+}, Xt = x(function({ className: t, label: n, unit: r, value: i, variant: a = "default", ...o }, s) {
 	return /* @__PURE__ */ k("div", {
 		className: e("flex flex-col items-center gds-pad gds-radius bg-surface", t),
 		"data-component": "metric-tile",
 		ref: s,
 		...o,
 		children: [/* @__PURE__ */ k("span", {
-			className: e("text-lg font-bold tabular-nums", jt[a]),
+			className: e("text-lg font-bold tabular-nums", Yt[a]),
 			children: [i, r !== void 0 && /* @__PURE__ */ O("span", {
 				className: "ml-0.5 text-xs font-normal text-fg-muted",
 				children: r
@@ -2453,10 +2855,31 @@ var Ot = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", p
 			children: n
 		})]
 	});
+}), Zt = {
+	circle: "M50 10 A40 40 0 1 1 49.99 10 Z",
+	square: "M15 15 H85 V85 H15 Z",
+	star: "M50 5 L61 35 L95 35 L68 57 L79 90 L50 70 L21 90 L32 57 L5 35 L39 35 Z",
+	blob: "M50 10 C75 5 95 25 90 50 C95 75 75 95 50 90 C25 95 5 75 10 50 C5 25 25 5 50 10 Z"
+}, Qt = x(function({ className: t, color: n = "currentColor", size: r = 100, variant: i }, a) {
+	let o = w(() => Zt[i], [i]);
+	return /* @__PURE__ */ O("svg", {
+		ref: a,
+		width: r,
+		height: r,
+		viewBox: "0 0 100 100",
+		className: e("text-fg", t),
+		"data-component": "morphing-shape",
+		"data-variant": i,
+		children: /* @__PURE__ */ O("path", {
+			d: o,
+			fill: n,
+			style: { transition: "d 0.4s ease" }
+		})
+	});
 });
 //#endregion
 //#region src/l4-molecules/multi-select-list.tsx
-function Nt() {
+function $t() {
 	return /* @__PURE__ */ O("svg", {
 		className: "h-3.5 w-3.5 text-accent",
 		fill: "none",
@@ -2468,7 +2891,7 @@ function Nt() {
 		children: /* @__PURE__ */ O("path", { d: "M3.5 8l3 3 6-6" })
 	});
 }
-function Pt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery: o, searchRef: s, value: c }) {
+function en({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery: o, searchRef: s, value: c }) {
 	return /* @__PURE__ */ k("div", {
 		className: e("absolute left-0 right-0 z-50 mt-1 animate-popup gds-radius-popover border gds-shadow-lg", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface"),
 		children: [/* @__PURE__ */ O("div", {
@@ -2494,7 +2917,7 @@ function Pt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery
 					type: "button",
 					children: [/* @__PURE__ */ O("span", {
 						className: e("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors", n ? "border-accent bg-accent/10" : "border-border"),
-						children: n && /* @__PURE__ */ O(Nt, {})
+						children: n && /* @__PURE__ */ O($t, {})
 					}), t.label]
 				}, t.value);
 			})]
@@ -2503,7 +2926,7 @@ function Pt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery
 }
 //#endregion
 //#region src/l4-molecules/multi-select.tsx
-function Ft({ open: t }) {
+function tn({ open: t }) {
 	return /* @__PURE__ */ O("svg", {
 		className: e("h-3 w-3 shrink-0 text-fg-muted transition-transform", t && "rotate-180"),
 		fill: "none",
@@ -2515,7 +2938,7 @@ function Ft({ open: t }) {
 		children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
 	});
 }
-var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, maxDisplay: s = 3, onChange: c, options: l, placeholder: u = "Select...", value: d }, f) {
+var nn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, maxDisplay: s = 3, onChange: c, options: l, placeholder: u = "Select...", value: d }, f) {
 	let [p, m] = E(!1), [h, g] = E(""), v = T(null), y = T(null), x = f ?? v, C = w(() => {
 		if (h === "") return l;
 		let e = h.toLowerCase();
@@ -2561,8 +2984,8 @@ var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 						]
 					})
 				]
-			}), /* @__PURE__ */ O(Ft, { open: p })]
-		}), p && /* @__PURE__ */ O(Pt, {
+			}), /* @__PURE__ */ O(tn, { open: p })]
+		}), p && /* @__PURE__ */ O(en, {
 			filtered: C,
 			glass: o,
 			onSearchChange: g,
@@ -2572,7 +2995,7 @@ var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			value: d
 		})]
 	});
-}), Lt = x(function({ icon: t, label: n, active: r, badge: i, onClick: a, collapsed: o, className: s }, c) {
+}), rn = x(function({ icon: t, label: n, active: r, badge: i, onClick: a, collapsed: o, className: s }, c) {
 	return /* @__PURE__ */ k("button", {
 		ref: c,
 		type: "button",
@@ -2596,7 +3019,63 @@ var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			})
 		]
 	});
-}), Rt = x(function({ unread: t, onClick: n, className: r }, a) {
+}), an = {
+	online: {
+		color: "bg-success",
+		label: "Online"
+	},
+	offline: {
+		color: "bg-danger",
+		label: "Offline"
+	},
+	slow: {
+		color: "bg-warning",
+		label: "Slow"
+	}
+}, on = x(function({ className: t, status: n }, r) {
+	let i = an[n];
+	return /* @__PURE__ */ k("div", {
+		ref: r,
+		className: e("flex items-center gds-gap-sm", t),
+		"data-component": "network-status",
+		"data-state": n,
+		children: [/* @__PURE__ */ O("span", { className: e("inline-block h-2 w-2 shrink-0 rounded-full", i.color) }), /* @__PURE__ */ O("span", {
+			className: "gds-text text-fg-muted",
+			children: i.label
+		})]
+	});
+}), sn = x(function({ animated: t, className: n, opacity: r = .05 }, i) {
+	return /* @__PURE__ */ O("div", {
+		ref: i,
+		className: e("pointer-events-none absolute inset-0 overflow-hidden", n),
+		style: { opacity: r },
+		"data-component": "noise-overlay",
+		children: /* @__PURE__ */ k("svg", {
+			className: "h-full w-full",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ O("filter", {
+				id: "gds-noise",
+				children: /* @__PURE__ */ O("feTurbulence", {
+					type: "fractalNoise",
+					baseFrequency: "0.8",
+					numOctaves: "4",
+					stitchTiles: "stitch",
+					children: t === !0 && /* @__PURE__ */ O("animate", {
+						attributeName: "seed",
+						from: "0",
+						to: "100",
+						dur: "1s",
+						repeatCount: "indefinite"
+					})
+				})
+			}), /* @__PURE__ */ O("rect", {
+				width: "100%",
+				height: "100%",
+				filter: "url(#gds-noise)"
+			})]
+		})
+	});
+}), cn = x(function({ unread: t, onClick: n, className: r }, a) {
 	return /* @__PURE__ */ k("button", {
 		ref: a,
 		type: "button",
@@ -2620,10 +3099,10 @@ var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			children: t > 99 ? "99+" : t
 		})]
 	});
-}), zt = {
+}), ln = {
 	danger: "bg-danger text-white",
 	accent: "bg-accent text-accent-fg"
-}, Bt = x(function({ children: t, count: n = 0, max: r = 99, variant: i = "danger", className: a, ...o }, s) {
+}, un = x(function({ children: t, count: n = 0, max: r = 99, variant: i = "danger", className: a, ...o }, s) {
 	let c = n > 0, l = n > r ? `${r}+` : String(n);
 	return /* @__PURE__ */ k("div", {
 		ref: s,
@@ -2631,11 +3110,105 @@ var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 		"data-component": "notification-dot",
 		...o,
 		children: [t, c && /* @__PURE__ */ O("span", {
-			className: e("absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold leading-none", zt[i]),
+			className: e("absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold leading-none", ln[i]),
 			children: l
 		})]
 	});
-}), Vt = x(function({ items: t, onSelect: n, className: r, ...a }, o) {
+});
+//#endregion
+//#region src/l4-molecules/num-table.tsx
+function dn(e, t) {
+	return e == null ? t === void 0 ? "—" : t(null) : typeof e == "number" ? t === void 0 ? String(e) : t(e) : String(e);
+}
+var fn = x(function({ className: t, columns: n, emptyMessage: r, getRowHighlight: i, labelHeader: a, labelKey: o, rowKey: s, rows: c }, l) {
+	let u = n.some((e) => e.footer !== void 0);
+	return /* @__PURE__ */ k("table", {
+		ref: l,
+		className: e("w-full border-collapse gds-text", t),
+		"data-component": "num-table",
+		children: [
+			/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
+				className: "border-b border-border",
+				children: [/* @__PURE__ */ O("th", {
+					className: "gds-pad-y px-2 text-left text-xs font-medium text-fg-muted",
+					children: a
+				}), n.map((e) => /* @__PURE__ */ O("th", {
+					className: "gds-pad-y px-2 text-right text-xs font-medium text-fg-muted",
+					style: e.width === void 0 ? void 0 : { width: e.width },
+					children: e.label
+				}, e.key))]
+			}) }),
+			/* @__PURE__ */ k("tbody", { children: [c.length === 0 && r !== void 0 && /* @__PURE__ */ O("tr", { children: /* @__PURE__ */ O("td", {
+				colSpan: n.length + 1,
+				className: "gds-pad-y px-2 text-center text-fg-muted",
+				children: r
+			}) }), c.map((t, r) => {
+				let a = String(s === void 0 ? r : t[s]), c = i?.(t);
+				return /* @__PURE__ */ k("tr", {
+					className: e("border-b border-border/50", c),
+					children: [/* @__PURE__ */ O("td", {
+						className: "gds-pad-y px-2 text-left text-fg",
+						children: String(t[o] ?? "")
+					}), n.map((e) => /* @__PURE__ */ O("td", {
+						className: "gds-pad-y px-2 text-right tabular-nums text-fg",
+						children: dn(t[e.key], e.format)
+					}, e.key))]
+				}, a);
+			})] }),
+			u && /* @__PURE__ */ O("tfoot", { children: /* @__PURE__ */ k("tr", {
+				className: "border-t border-border font-medium",
+				children: [/* @__PURE__ */ O("td", { className: "gds-pad-y px-2" }), n.map((e) => /* @__PURE__ */ O("td", {
+					className: "gds-pad-y px-2 text-right tabular-nums text-fg",
+					children: e.footer ?? ""
+				}, e.key))]
+			}) })
+		]
+	});
+}), pn = x(function({ className: t, disabled: n, error: r, length: a = 6, onComplete: o }, s) {
+	let [c, l] = E(() => Array(a).fill("")), u = T([]), d = S((e) => {
+		u.current[e]?.focus();
+	}, []), f = S((e, t) => {
+		let n = t.replace(/\D/g, "").slice(-1), r = [...c];
+		r[e] = n, l(r), n !== "" && e < a - 1 && d(e + 1);
+		let i = r.join("");
+		i.length === a && r.every((e) => e !== "") && o(i);
+	}, [
+		c,
+		a,
+		o,
+		d
+	]), p = S((e, t) => {
+		t.key === "Backspace" && c[e] === "" && e > 0 && d(e - 1);
+	}, [c, d]), m = S((e) => {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, a), n = Array(a).fill("");
+		for (let e = 0; e < t.length; e++) n[e] = t[e];
+		l(n), d(Math.min(t.length, a - 1)), t.length === a && o(t);
+	}, [
+		a,
+		o,
+		d
+	]);
+	return /* @__PURE__ */ O("div", {
+		ref: s,
+		className: e("flex items-center gds-gap-sm", t),
+		"data-component": "otp-input",
+		children: c.map((t, a) => /* @__PURE__ */ O("input", {
+			ref: (e) => {
+				u.current[a] = e;
+			},
+			type: "text",
+			inputMode: "numeric",
+			maxLength: 1,
+			value: t,
+			disabled: n,
+			className: e("h-12 w-10 rounded border text-center text-lg font-semibold tabular-nums text-fg bg-bg", r === !0 ? "border-danger" : "border-border", n === !0 && "opacity-50 cursor-not-allowed", i),
+			onChange: (e) => f(a, e.target.value),
+			onKeyDown: (e) => p(a, e),
+			onPaste: a === 0 ? m : void 0
+		}, a))
+	});
+}), mn = x(function({ items: t, onSelect: n, className: r, ...a }, o) {
 	let [s, c] = E(!1), l = T(null);
 	return b(l, s, () => c(!1)), _(s, () => c(!1)), /* @__PURE__ */ k("div", {
 		ref: g(o, l),
@@ -2661,7 +3234,7 @@ var It = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			}, t.id))
 		})]
 	});
-}), U = e("flex items-center gap-1.5 gds-radius-button gds-pad-x gds-pad-y gds-text-body text-fg-muted hover:text-fg transition-colors", i), Ht = x(function({ prev: t, next: n, className: r, ...i }, a) {
+}), U = e("flex items-center gap-1.5 gds-radius-button gds-pad-x gds-pad-y gds-text-body text-fg-muted hover:text-fg transition-colors", i), hn = x(function({ prev: t, next: n, className: r, ...i }, a) {
 	return /* @__PURE__ */ k("nav", {
 		ref: a,
 		className: e("flex w-full items-center justify-between", r),
@@ -2707,7 +3280,7 @@ function W(e, t) {
 	for (let r = e; r <= t; r++) n.push(r);
 	return n;
 }
-var Ut = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1, className: o, ...s }, c) {
+var gn = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1, className: o, ...s }, c) {
 	let l = w(() => {
 		let e = n;
 		if (e <= a + 3 + 2) return W(1, e);
@@ -2770,7 +3343,7 @@ var Ut = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1,
 });
 //#endregion
 //#region src/l4-molecules/panel.tsx
-function Wt({ open: t }) {
+function _n({ open: t }) {
 	return /* @__PURE__ */ O("svg", {
 		className: e("h-3.5 w-3.5 shrink-0 text-fg-muted transition-transform duration-200", t && "rotate-90"),
 		fill: "none",
@@ -2781,7 +3354,7 @@ function Wt({ open: t }) {
 		children: /* @__PURE__ */ O("path", { d: "M9 5l7 7-7 7" })
 	});
 }
-var Gt = x(function({ children: n, className: r, collapsible: a = !0, defaultOpen: o = !0, glass: s, headerAction: c, title: l, ...u }, d) {
+var vn = x(function({ children: n, className: r, collapsible: a = !0, defaultOpen: o = !0, glass: s, headerAction: c, title: l, ...u }, d) {
 	let [f, p] = E(o), m = a ? f : !0;
 	return /* @__PURE__ */ k("div", {
 		className: e("gds-ctx gds-radius-popover border border-border bg-surface", t(s), s === !0 && "border-white/10 bg-white/5", r),
@@ -2795,7 +3368,7 @@ var Gt = x(function({ children: n, className: r, collapsible: a = !0, defaultOpe
 				className: e("flex flex-1 items-center gap-2 text-left text-sm font-medium text-fg", i),
 				onClick: () => p((e) => !e),
 				type: "button",
-				children: [/* @__PURE__ */ O(Wt, { open: m }), /* @__PURE__ */ O("span", { children: l })]
+				children: [/* @__PURE__ */ O(_n, { open: m }), /* @__PURE__ */ O("span", { children: l })]
 			}) : /* @__PURE__ */ O("span", {
 				className: "flex-1 text-sm font-medium text-fg",
 				children: l
@@ -2808,10 +3381,50 @@ var Gt = x(function({ children: n, className: r, collapsible: a = !0, defaultOpe
 			children: n
 		})]
 	});
+}), yn = x(function({ className: t, color: n = "#888888", connected: r, count: i = 60, speed: a = .5 }, o) {
+	let s = T(null), c = T(0);
+	return C(() => {
+		let e = s.current;
+		if (e === null) return;
+		let t = e.getContext("2d");
+		if (t === null) return;
+		let o = () => {
+			e.width = e.offsetWidth, e.height = e.offsetHeight;
+		};
+		o(), window.addEventListener("resize", o);
+		let l = Array.from({ length: i }, () => ({
+			x: Math.random() * e.width,
+			y: Math.random() * e.height,
+			vx: (Math.random() - .5) * a,
+			vy: (Math.random() - .5) * a
+		})), u = () => {
+			t.clearRect(0, 0, e.width, e.height);
+			for (let r of l) r.x += r.vx, r.y += r.vy, (r.x < 0 || r.x > e.width) && (r.vx *= -1), (r.y < 0 || r.y > e.height) && (r.vy *= -1), t.beginPath(), t.arc(r.x, r.y, 2, 0, Math.PI * 2), t.fillStyle = n, t.fill();
+			if (r === !0) for (let e = 0; e < l.length; e++) for (let r = e + 1; r < l.length; r++) {
+				let i = l[e].x - l[r].x, a = l[e].y - l[r].y, o = Math.sqrt(i * i + a * a);
+				o < 120 && (t.beginPath(), t.moveTo(l[e].x, l[e].y), t.lineTo(l[r].x, l[r].y), t.strokeStyle = n, t.globalAlpha = 1 - o / 120, t.stroke(), t.globalAlpha = 1);
+			}
+			c.current = requestAnimationFrame(u);
+		};
+		return c.current = requestAnimationFrame(u), () => {
+			cancelAnimationFrame(c.current), window.removeEventListener("resize", o);
+		};
+	}, [
+		n,
+		r,
+		i,
+		a
+	]), /* @__PURE__ */ O("canvas", {
+		ref: (e) => {
+			s.current = e, typeof o == "function" ? o(e) : o != null && (o.current = e);
+		},
+		className: e("block h-full w-full", t),
+		"data-component": "particle-field"
+	});
 });
 //#endregion
 //#region src/l4-molecules/password-input.tsx
-function Kt(e) {
+function bn(e) {
 	if (e.length === 0) return "none";
 	let t = 0;
 	return e.length >= 8 && (t += 1), /[a-z]/.test(e) && /[A-Z]/.test(e) && (t += 1), /\d/.test(e) && (t += 1), /[^a-zA-Z0-9]/.test(e) && (t += 1), t <= 1 ? "weak" : t <= 2 ? "fair" : "strong";
@@ -2832,7 +3445,7 @@ var G = {
 		value: 100,
 		variant: "success"
 	}
-}, qt = /* @__PURE__ */ k("svg", {
+}, xn = /* @__PURE__ */ k("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -2844,7 +3457,7 @@ var G = {
 		cy: "12",
 		r: "3"
 	})]
-}), Jt = /* @__PURE__ */ k("svg", {
+}), Sn = /* @__PURE__ */ k("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -2857,14 +3470,14 @@ var G = {
 		x2: "23",
 		y2: "23"
 	})]
-}), Yt = x(function({ className: t, showStrength: n = !1, ...r }, i) {
-	let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ? Kt(c) : "none", d = /* @__PURE__ */ O("button", {
+}), Cn = x(function({ className: t, showStrength: n = !1, ...r }, i) {
+	let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ? bn(c) : "none", d = /* @__PURE__ */ O("button", {
 		"aria-label": a ? "Hide password" : "Show password",
 		className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
 		onClick: () => s((e) => !e),
 		tabIndex: -1,
 		type: "button",
-		children: a ? Jt : qt
+		children: a ? Sn : xn
 	});
 	return /* @__PURE__ */ k("div", {
 		className: e("flex flex-col gap-1.5", t),
@@ -2886,7 +3499,7 @@ var G = {
 			})]
 		})]
 	});
-}), Xt = [
+}), wn = [
 	{
 		code: "+1",
 		label: "US",
@@ -2912,8 +3525,8 @@ var G = {
 		label: "KR",
 		flag: "🇰🇷"
 	}
-], Zt = x(function({ value: t, onChange: n, defaultCountry: r = "+81", countries: a, disabled: o = !1, error: s = !1, placeholder: c = "Phone number", className: l }, u) {
-	let d = a ?? Xt, [f, p] = E(r), [m, h] = E(!1), g = T(null);
+], Tn = x(function({ value: t, onChange: n, defaultCountry: r = "+81", countries: a, disabled: o = !1, error: s = !1, placeholder: c = "Phone number", className: l }, u) {
+	let d = a ?? wn, [f, p] = E(r), [m, h] = E(!1), g = T(null);
 	b(g, m, () => h(!1));
 	let _ = d.find((e) => e.code === f) ?? d[0], v = S((e) => {
 		p(e), h(!1);
@@ -2968,7 +3581,7 @@ var G = {
 			"aria-label": "Phone number"
 		})]
 	});
-}), Qt = x(function({ className: t, disabled: n = !1, error: r = !1, length: a = 4, mask: o = !1, numeric: s = !1, onChange: c, onComplete: l, value: u, ...d }, f) {
+}), En = x(function({ className: t, disabled: n = !1, error: r = !1, length: a = 4, mask: o = !1, numeric: s = !1, onChange: c, onComplete: l, value: u, ...d }, f) {
 	let [p, m] = E(() => Array.from({ length: a }, () => "")), h = u !== void 0, g = T([]), _ = S((e) => (t) => {
 		g.current[e] = t;
 	}, []), v = S((e) => {
@@ -3059,7 +3672,7 @@ var G = {
 			value: o && D[a] !== void 0 && D[a] !== "" ? "•" : D[a] ?? ""
 		}, a))
 	});
-}), $t = {
+}), Dn = {
 	bottom: {
 		center: "top-full left-1/2 -translate-x-1/2 mt-2",
 		end: "top-full right-0 mt-2",
@@ -3080,7 +3693,7 @@ var G = {
 		end: "bottom-full right-0 mb-2",
 		start: "bottom-full left-0 mb-2"
 	}
-}, en = x(function({ align: t = "start", className: n, content: r, placement: i = "bottom", trigger: a, ...o }, s) {
+}, On = x(function({ align: t = "start", className: n, content: r, placement: i = "bottom", trigger: a, ...o }, s) {
 	let [c, l] = E(!1), u = T(null);
 	return b(u, c, () => l(!1)), _(c, () => l(!1)), /* @__PURE__ */ k("div", {
 		className: e("relative inline-flex", n),
@@ -3099,11 +3712,11 @@ var G = {
 			tabIndex: 0,
 			children: a
 		}), c && /* @__PURE__ */ O("div", {
-			className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", $t[i]?.[t]),
+			className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", Dn[i]?.[t]),
 			children: r
 		})]
 	});
-}), tn = x(function({ className: t, icon: n, label: r, trend: i, value: a, ...o }, s) {
+}), kn = x(function({ className: t, icon: n, label: r, trend: i, value: a, ...o }, s) {
 	let c = i !== void 0 && i > 0 ? "text-success" : i !== void 0 && i < 0 ? "text-danger" : "text-fg-muted";
 	return /* @__PURE__ */ k("div", {
 		className: e("inline-flex items-center gap-3 select-none", t),
@@ -3134,14 +3747,14 @@ var G = {
 			})]
 		})]
 	});
-}), nn = {
+}), An = {
 	1: "grid-cols-1",
 	2: "grid-cols-2",
 	3: "grid-cols-3"
-}, rn = x(function({ options: n, value: r, onChange: i, columns: a = 1, disabled: o, glass: s, className: c }, l) {
+}, jn = x(function({ options: n, value: r, onChange: i, columns: a = 1, disabled: o, glass: s, className: c }, l) {
 	return /* @__PURE__ */ O("div", {
 		ref: l,
-		className: e("grid gds-gap", nn[a], c),
+		className: e("grid gds-gap", An[a], c),
 		"data-component": "radio-card",
 		role: "radiogroup",
 		children: n.map((n) => {
@@ -3179,7 +3792,46 @@ var G = {
 			}, n.value);
 		})
 	});
-}), an = /* @__PURE__ */ k("svg", {
+}), Mn = {
+	top: "translate-y-[-20px]",
+	bottom: "translate-y-[20px]",
+	left: "translate-x-[-20px]",
+	right: "translate-x-[20px]"
+}, Nn = x(function({ active: t, children: n, className: r, direction: i = "bottom" }, a) {
+	return /* @__PURE__ */ O("div", {
+		ref: a,
+		className: e("transition-all duration-300 ease-out", t ? "opacity-100 translate-x-0 translate-y-0" : e("opacity-0", Mn[i]), r),
+		"data-component": "reveal",
+		"data-state": t ? "visible" : "hidden",
+		children: n
+	});
+}), Pn = x(function({ className: t, label: n, max: r = 100, score: i }, a) {
+	let o = w(() => r <= 0 ? 0 : Math.min(100, Math.max(0, i / r * 100)), [i, r]);
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("flex flex-col gds-gap-sm", t),
+		"data-component": "scoreboard",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-baseline justify-between",
+			children: [/* @__PURE__ */ O("span", {
+				className: "gds-text text-fg-muted",
+				children: n
+			}), /* @__PURE__ */ k("span", {
+				className: "text-lg font-bold tabular-nums text-fg",
+				children: [i, /* @__PURE__ */ k("span", {
+					className: "text-sm font-normal text-fg-muted",
+					children: ["/", r]
+				})]
+			})]
+		}), /* @__PURE__ */ O("div", {
+			className: "h-2 w-full overflow-hidden rounded-full bg-bg-tertiary",
+			children: /* @__PURE__ */ O("div", {
+				className: "h-full rounded-full bg-accent transition-all duration-300",
+				style: { width: `${o}%` }
+			})
+		})]
+	});
+}), Fn = /* @__PURE__ */ k("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -3196,7 +3848,7 @@ var G = {
 		x2: "16.65",
 		y2: "16.65"
 	})]
-}), on = /* @__PURE__ */ k("svg", {
+}), In = /* @__PURE__ */ k("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -3214,14 +3866,14 @@ var G = {
 		x2: "18",
 		y2: "18"
 	})]
-}), sn = x(function({ className: t, clearable: n = !0, disabled: r = !1, inputSize: i, loading: a = !1, onChange: s, onSearch: l, placeholder: u = "Search...", value: d }, f) {
-	let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) : an, m = n && d.length > 0 ? /* @__PURE__ */ O("button", {
+}), Ln = x(function({ className: t, clearable: n = !0, disabled: r = !1, inputSize: i, loading: a = !1, onChange: s, onSearch: l, placeholder: u = "Search...", value: d }, f) {
+	let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) : Fn, m = n && d.length > 0 ? /* @__PURE__ */ O("button", {
 		"aria-label": "Clear search",
 		className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
 		onClick: () => s(""),
 		tabIndex: -1,
 		type: "button",
-		children: on
+		children: In
 	}) : void 0;
 	return /* @__PURE__ */ O(o, {
 		className: e(t),
@@ -3258,7 +3910,7 @@ var G = {
 		error: !1,
 		inputSize: "default"
 	}
-}), cn = x(function({ error: n, inputSize: r, glass: i, className: a, children: o, ...s }, c) {
+}), Rn = x(function({ error: n, inputSize: r, glass: i, className: a, children: o, ...s }, c) {
 	return /* @__PURE__ */ k("div", {
 		className: "relative",
 		"data-component": "select",
@@ -3285,7 +3937,7 @@ var G = {
 			})
 		})]
 	});
-}), ln = x(function({ open: n, onClose: r, children: i, side: a = "right", title: o, description: s, glass: c, width: l = 320, className: u }, d) {
+}), zn = x(function({ open: n, onClose: r, children: i, side: a = "right", title: o, description: s, glass: c, width: l = 320, className: u }, d) {
 	let f = v(n);
 	if (y(n), _(n, r), !n) return null;
 	let p = a === "right", m = { width: typeof l == "number" ? `${l}px` : l };
@@ -3333,7 +3985,7 @@ var G = {
 			})]
 		})
 	});
-}), un = x(function({ label: t, value: n, onChange: r, min: i = 0, max: a = 100, step: o = 1, unit: s, className: c, ...l }, u) {
+}), Bn = x(function({ label: t, value: n, onChange: r, min: i = 0, max: a = 100, step: o = 1, unit: s, className: c, ...l }, u) {
 	return /* @__PURE__ */ k("div", {
 		ref: u,
 		className: e("flex flex-col gap-1.5", c),
@@ -3356,7 +4008,7 @@ var G = {
 			step: o
 		})]
 	});
-}), dn = x(function({ label: t, direction: n, onSort: r, className: a }, o) {
+}), Vn = x(function({ label: t, direction: n, onSort: r, className: a }, o) {
 	return /* @__PURE__ */ O("th", {
 		ref: o,
 		className: e("px-3 py-2 text-left text-xs font-medium transition-colors select-none", i, n === null ? "text-fg-muted" : "text-accent", "cursor-pointer hover:text-accent", a),
@@ -3398,7 +4050,7 @@ var G = {
 	primary: "bg-accent text-accent-fg hover:bg-accent/90",
 	secondary: "bg-bg-secondary text-fg border border-border hover:bg-bg-tertiary",
 	danger: "bg-danger text-white hover:bg-danger/90"
-}, fn = {
+}, Hn = {
 	primary: "border-l-white/20",
 	secondary: "border-l-border",
 	danger: "border-l-white/20"
@@ -3415,7 +4067,7 @@ var G = {
 		main: "px-4 py-2 text-sm",
 		trigger: "px-2.5 py-2"
 	}
-}, pn = x(function({ children: t, variant: n = "primary", size: r = "default", items: a, onSelect: o, onClick: s, disabled: c, className: l, ...u }, d) {
+}, Un = x(function({ children: t, variant: n = "primary", size: r = "default", items: a, onSelect: o, onClick: s, disabled: c, className: l, ...u }, d) {
 	let [f, p] = E(!1), m = T(null);
 	b(m, f, () => p(!1)), _(f, () => p(!1));
 	let h = n ?? "primary", v = r ?? "default";
@@ -3439,7 +4091,7 @@ var G = {
 				disabled: c,
 				onClick: () => p((e) => !e),
 				"aria-label": "More actions",
-				className: e("inline-flex select-none items-center border-l font-medium transition-colors rounded-r-md", q[h], fn[h], J[v].trigger, i, c === !0 && "pointer-events-none opacity-50"),
+				className: e("inline-flex select-none items-center border-l font-medium transition-colors rounded-r-md", q[h], Hn[h], J[v].trigger, i, c === !0 && "pointer-events-none opacity-50"),
 				children: /* @__PURE__ */ O("svg", {
 					width: "12",
 					height: "12",
@@ -3470,7 +4122,7 @@ var G = {
 	"var(--color-warning)",
 	"var(--color-danger)",
 	"var(--color-fg-muted)"
-], mn = x(function({ segments: t, showLabels: n = !0, className: r }, i) {
+], Wn = x(function({ segments: t, showLabels: n = !0, className: r }, i) {
 	let a = t.reduce((e, t) => e + t.value, 0);
 	return /* @__PURE__ */ k("div", {
 		ref: i,
@@ -3511,7 +4163,7 @@ var G = {
 			})
 		})]
 	});
-}), hn = x(function({ className: t, highlight: n = "none", left: r, right: i, ...a }, o) {
+}), Gn = x(function({ className: t, highlight: n = "none", left: r, right: i, ...a }, o) {
 	let s = (t) => e("flex flex-1 flex-col items-center rounded-lg border border-border p-3", n === t && "border-accent bg-accent/5");
 	return /* @__PURE__ */ k("div", {
 		className: e("flex items-center gds-gap", t),
@@ -3545,7 +4197,78 @@ var G = {
 			})
 		]
 	});
-}), gn = x(function({ items: t, className: n }, r) {
+});
+//#endregion
+//#region src/l4-molecules/stat-trend.tsx
+function Kn({ data: e, className: t }) {
+	if (e.length < 2) return null;
+	let n = Math.min(...e), r = Math.max(...e) - n || 1, i = 60 / (e.length - 1);
+	return /* @__PURE__ */ O("svg", {
+		width: 60,
+		height: 20,
+		className: t,
+		viewBox: "0 0 60 20",
+		children: /* @__PURE__ */ O("polyline", {
+			points: e.map((e, t) => `${t * i},${20 - (e - n) / r * 20}`).join(" "),
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinejoin: "round"
+		})
+	});
+}
+var qn = x(function({ className: t, label: n, trend: r, trendData: i, value: a }, o) {
+	let s = r >= 0, c = w(() => s ? /* @__PURE__ */ O("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ O("path", { d: "M2 8l4-4 4 4" })
+	}) : /* @__PURE__ */ O("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ O("path", { d: "M2 4l4 4 4-4" })
+	}), [s]);
+	return /* @__PURE__ */ k("div", {
+		ref: o,
+		className: e("flex flex-col gds-gap-sm gds-pad gds-radius border border-border bg-surface", t),
+		"data-component": "stat-trend",
+		children: [
+			/* @__PURE__ */ O("span", {
+				className: "text-xs text-fg-muted",
+				children: n
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "flex items-end justify-between gds-gap",
+				children: [/* @__PURE__ */ O("span", {
+					className: "text-2xl font-bold tabular-nums text-fg",
+					children: a
+				}), i !== void 0 && i.length >= 2 && /* @__PURE__ */ O(Kn, {
+					data: i,
+					className: s ? "text-success" : "text-danger"
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: e("flex items-center gds-gap-sm text-xs font-medium", s ? "text-success" : "text-danger"),
+				children: [c, /* @__PURE__ */ k("span", { children: [
+					s ? "+" : "",
+					r,
+					"%"
+				] })]
+			})
+		]
+	});
+}), Jn = x(function({ items: t, className: n }, r) {
 	return /* @__PURE__ */ O("div", {
 		ref: r,
 		className: e("flex h-7 items-center border-t border-border bg-surface px-3 text-xs text-fg-muted select-none", n),
@@ -3597,7 +4320,7 @@ function Z({ tabs: n, active: r, onChange: i, glass: a, size: o = "default", cla
 }
 //#endregion
 //#region src/l4-molecules/tab-group.tsx
-function _n({ tabs: n, defaultTab: r, glass: i, className: a }) {
+function Yn({ tabs: n, defaultTab: r, glass: i, className: a }) {
 	let [o, s] = E(r ?? (n.length > 0 ? n[0].id : "")), c = n.map((e) => ({
 		id: e.id,
 		label: e.label
@@ -3621,7 +4344,7 @@ function _n({ tabs: n, defaultTab: r, glass: i, className: a }) {
 }
 //#endregion
 //#region src/l4-molecules/tag-input.tsx
-function vn() {
+function Xn() {
 	return /* @__PURE__ */ O("svg", {
 		className: "h-3 w-3",
 		fill: "none",
@@ -3635,7 +4358,7 @@ function vn() {
 		})
 	});
 }
-var yn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, maxTags: o, onChange: s, placeholder: c, value: l, ...u }, d) {
+var Zn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, maxTags: o, onChange: s, placeholder: c, value: l, ...u }, d) {
 	let [f, p] = E(""), [m, h] = E(!1), g = T(null), _ = d ?? g, v = o !== void 0 && l.length >= o, y = S((e) => {
 		let t = e.trim();
 		t !== "" && (l.includes(t) || v || (s([...l, t]), p("")));
@@ -3669,7 +4392,7 @@ var yn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, m
 				},
 				tabIndex: -1,
 				type: "button",
-				children: /* @__PURE__ */ O(vn, {})
+				children: /* @__PURE__ */ O(Xn, {})
 			})]
 		}, t)), !v && /* @__PURE__ */ O("input", {
 			className: "min-w-[60px] flex-1 border-none bg-transparent text-fg outline-none gds-text-body placeholder:text-fg-muted/50 disabled:cursor-not-allowed",
@@ -3685,13 +4408,74 @@ var yn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, m
 			...u
 		})]
 	});
+}), Qn = x(function({ by: t = "word", className: n, staggerDelay: r = 50, text: i }, a) {
+	let o = w(() => t === "character" ? i.split("") : i.split(" "), [t, i]);
+	return /* @__PURE__ */ O("span", {
+		ref: a,
+		className: e("inline", n),
+		"data-component": "text-reveal",
+		"aria-label": i,
+		children: o.map((e, n) => /* @__PURE__ */ k("span", {
+			className: "inline-block animate-fadeIn opacity-0",
+			style: {
+				animationDelay: `${n * r}ms`,
+				animationFillMode: "forwards"
+			},
+			"aria-hidden": !0,
+			children: [e, t === "word" && n < o.length - 1 ? "\xA0" : ""]
+		}, `${n}-${e}`))
+	});
+}), $n = x(function({ characters: t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%", className: n, speed: r = 50, text: i }, a) {
+	let [o, s] = E(i), c = T(0);
+	return C(() => {
+		let e = 0, n = i, a = setInterval(() => {
+			s(n.split("").map((r, i) => i < e ? n[i] : t[Math.floor(Math.random() * t.length)]).join("")), e += 1 / 3, e >= n.length && (clearInterval(a), s(n));
+		}, r);
+		return () => clearInterval(a);
+	}, [
+		i,
+		t,
+		r
+	]), C(() => {
+		let e = c;
+		return () => cancelAnimationFrame(e.current);
+	}, []), /* @__PURE__ */ O("span", {
+		ref: a,
+		className: e("inline-block font-mono text-fg", n),
+		"data-component": "text-scramble",
+		"aria-label": i,
+		children: o
+	});
+}), er = x(function({ children: t, className: n, glare: r, maxTilt: i = 15 }, a) {
+	let o = T(null), [s, c] = E("perspective(800px) rotateX(0deg) rotateY(0deg)"), [l, u] = E({}), d = S((e) => {
+		let t = o.current;
+		if (t === null) return;
+		let n = t.getBoundingClientRect(), a = (e.clientX - n.left) / n.width, s = (e.clientY - n.top) / n.height;
+		c(`perspective(800px) rotateX(${(.5 - s) * i * 2}deg) rotateY(${(a - .5) * i * 2}deg)`), r === !0 && u({ background: `radial-gradient(circle at ${a * 100}% ${s * 100}%, rgba(255,255,255,0.15), transparent 60%)` });
+	}, [i, r]), f = S(() => {
+		c("perspective(800px) rotateX(0deg) rotateY(0deg)"), u({});
+	}, []);
+	return /* @__PURE__ */ k("div", {
+		ref: (e) => {
+			o.current = e, typeof a == "function" ? a(e) : a != null && (a.current = e);
+		},
+		className: e("relative overflow-hidden transition-transform duration-150 ease-out", n),
+		style: { transform: s },
+		onMouseMove: d,
+		onMouseLeave: f,
+		"data-component": "tilt-card",
+		children: [t, r === !0 && /* @__PURE__ */ O("div", {
+			className: "pointer-events-none absolute inset-0",
+			style: l
+		})]
+	});
 });
 //#endregion
 //#region src/l4-molecules/time-picker-grid.tsx
 function Q(e) {
 	return e < 10 ? `0${e}` : `${e}`;
 }
-function bn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o, selectedHour: s, selectedMinute: c }) {
+function $({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o, selectedHour: s, selectedMinute: c }) {
 	return /* @__PURE__ */ k("div", {
 		className: e("absolute left-0 right-0 z-50 mt-1 flex animate-popup gds-radius-popover border gds-shadow-lg", n ? e(t(n), "border-white/10 bg-bg/60") : "border-border bg-surface"),
 		children: [/* @__PURE__ */ k("div", {
@@ -3723,7 +4507,7 @@ function bn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o,
 }
 //#endregion
 //#region src/l4-molecules/time-picker.tsx
-function xn({ open: t }) {
+function tr({ open: t }) {
 	return /* @__PURE__ */ O("svg", {
 		className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
 		fill: "none",
@@ -3735,7 +4519,7 @@ function xn({ open: t }) {
 		children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
 	});
 }
-var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, minuteStep: s = 15, onChange: c, placeholder: l = "Select time", value: u }, d) {
+var nr = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, minuteStep: s = 15, onChange: c, placeholder: l = "Select time", value: u }, d) {
 	let [f, p] = E(!1), m = T(null), h = d ?? m, g = w(() => Array.from({ length: 24 }, (e, t) => t), []), v = w(() => {
 		let e = Math.max(1, Math.min(60, s)), t = [], n = 0;
 		for (; n < 60;) t.push(n), n += e;
@@ -3771,8 +4555,8 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			children: [/* @__PURE__ */ O("span", {
 				className: e(u === null ? "text-fg-muted" : "text-fg"),
 				children: u ?? l
-			}), /* @__PURE__ */ O(xn, { open: f })]
-		}), f && /* @__PURE__ */ O(bn, {
+			}), /* @__PURE__ */ O(tr, { open: f })]
+		}), f && /* @__PURE__ */ O($, {
 			glass: o,
 			hours: g,
 			minutes: v,
@@ -3782,12 +4566,12 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			selectedMinute: x
 		})]
 	});
-}), Cn = {
+}), rr = {
 	default: "bg-fg-muted/40",
 	success: "bg-success",
 	warning: "bg-warning",
 	danger: "bg-danger"
-}, wn = x(function({ children: t, className: n, icon: r, last: i = !1, variant: a = "default", ...o }, s) {
+}, ir = x(function({ children: t, className: n, icon: r, last: i = !1, variant: a = "default", ...o }, s) {
 	return /* @__PURE__ */ k("div", {
 		className: e("relative flex gap-3", n),
 		"data-component": "timeline-entry",
@@ -3795,7 +4579,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 		...o,
 		children: [/* @__PURE__ */ k("div", {
 			className: "flex flex-col items-center",
-			children: [r === void 0 ? /* @__PURE__ */ O("span", { className: e("mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full", Cn[a]) }) : /* @__PURE__ */ O("span", {
+			children: [r === void 0 ? /* @__PURE__ */ O("span", { className: e("mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full", rr[a]) }) : /* @__PURE__ */ O("span", {
 				className: "flex h-5 w-5 shrink-0 items-center justify-center",
 				children: r
 			}), !i && /* @__PURE__ */ O("span", { className: "mt-1 w-px flex-1 bg-border" })]
@@ -3804,7 +4588,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			children: t
 		})]
 	});
-}), Tn = x(function({ label: t, description: n, checked: r, onChange: i, disabled: a, className: o, ...s }, c) {
+}), ar = x(function({ label: t, description: n, checked: r, onChange: i, disabled: a, className: o, ...s }, c) {
 	return /* @__PURE__ */ k("div", {
 		ref: c,
 		className: e("flex items-center justify-between gap-4", o),
@@ -3825,7 +4609,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			disabled: a
 		})]
 	});
-}), En = x(function({ children: n, variant: r = "default", glass: i, className: a }, o) {
+}), or = x(function({ children: n, variant: r = "default", glass: i, className: a }, o) {
 	return /* @__PURE__ */ O("div", {
 		ref: o,
 		className: e("flex items-center gds-gap px-3 py-2 select-none", r === "floating" ? "gds-radius border border-border bg-surface shadow-md" : "border-b border-border bg-bg", i === !0 && t(i), a),
@@ -3834,13 +4618,13 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 		role: "toolbar",
 		children: n
 	});
-}), Dn = x(function(e, t) {
+}), sr = x(function(e, t) {
 	return /* @__PURE__ */ O("div", {
 		ref: t,
 		className: "h-4 w-px bg-border/50",
 		"data-component": "toolbar-separator"
 	});
-}), On = x(function({ children: t, className: n, ...r }, i) {
+}), cr = x(function({ children: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ O("div", {
 		className: e("inline-flex items-center overflow-hidden rounded-md border border-border", "[&>*]:rounded-none [&>*]:border-0 [&>*]:border-r [&>*]:border-border [&>*:last-child]:border-r-0", n),
 		"data-component": "toolbar-group",
@@ -3849,12 +4633,108 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 		...r,
 		children: t
 	});
-}), $ = {
+}), lr = /* @__PURE__ */ O("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ O("path", { d: "M3 8l3 3 7-7" })
+}), ur = /* @__PURE__ */ k("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	children: [/* @__PURE__ */ O("circle", {
+		cx: "8",
+		cy: "8",
+		r: "6"
+	}), /* @__PURE__ */ O("path", { d: "M8 5v3M8 10.5v.5" })]
+}), dr = /* @__PURE__ */ O("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
+}), fr = /* @__PURE__ */ k("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ O("path", { d: "M1 2v4h4M13 12V8H9" }), /* @__PURE__ */ O("path", { d: "M3.5 9A5 5 0 0112.5 7M10.5 5A5 5 0 001.5 7" })]
+}), pr = x(function({ className: t, files: n, onCancel: r, onRetry: i }, a) {
+	return /* @__PURE__ */ O("div", {
+		ref: a,
+		className: e("flex flex-col gds-gap-sm", t),
+		"data-component": "upload-progress",
+		children: n.map((t) => /* @__PURE__ */ k("div", {
+			className: "flex flex-col gds-gap-sm gds-pad-x gds-pad-y rounded border border-border bg-surface",
+			children: [
+				/* @__PURE__ */ k("div", {
+					className: "flex items-center gds-gap-sm",
+					children: [
+						t.status === "done" && /* @__PURE__ */ O("span", {
+							className: "shrink-0 text-success",
+							children: lr
+						}),
+						t.status === "error" && /* @__PURE__ */ O("span", {
+							className: "shrink-0 text-danger",
+							children: ur
+						}),
+						t.status === "uploading" && /* @__PURE__ */ O("span", { className: "shrink-0 h-4 w-4 animate-spin rounded-full border-2 border-accent border-t-transparent" }),
+						/* @__PURE__ */ O("span", {
+							className: "min-w-0 flex-1 truncate gds-text text-fg",
+							children: t.name
+						}),
+						t.status === "uploading" && r !== void 0 && /* @__PURE__ */ O("button", {
+							type: "button",
+							"aria-label": `Cancel ${t.name}`,
+							className: e("shrink-0 p-0.5 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+							onClick: () => r(t.name),
+							children: dr
+						}),
+						t.status === "error" && i !== void 0 && /* @__PURE__ */ O("button", {
+							type: "button",
+							"aria-label": `Retry ${t.name}`,
+							className: e("shrink-0 p-0.5 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+							onClick: () => i(t.name),
+							children: fr
+						})
+					]
+				}),
+				t.status === "uploading" && /* @__PURE__ */ O("div", {
+					className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-tertiary",
+					children: /* @__PURE__ */ O("div", {
+						className: "h-full rounded-full bg-accent transition-all duration-300",
+						style: { width: `${Math.min(100, Math.max(0, t.progress))}%` }
+					})
+				}),
+				t.status === "error" && t.error !== void 0 && /* @__PURE__ */ O("span", {
+					className: "text-xs text-danger",
+					children: t.error
+				})
+			]
+		}, t.name))
+	});
+}), mr = {
 	away: "bg-warning",
 	busy: "bg-danger",
 	offline: "bg-fg-muted/40",
 	online: "bg-success"
-}, kn = x(function({ name: n, avatar: r, role: i, department: a, email: o, status: s, glass: c, className: l, children: u }, d) {
+}, hr = x(function({ name: n, avatar: r, role: i, department: a, email: o, status: s, glass: c, className: l, children: u }, d) {
 	let f = (n ?? "").split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
 	return /* @__PURE__ */ k("div", {
 		ref: d,
@@ -3870,7 +4750,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 					src: r,
 					alt: n,
 					className: "h-9 w-9 rounded-full object-cover"
-				}), s !== void 0 && /* @__PURE__ */ O("span", { className: e("absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-surface", $[s]) })]
+				}), s !== void 0 && /* @__PURE__ */ O("span", { className: e("absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-surface", mr[s]) })]
 			}),
 			/* @__PURE__ */ k("div", {
 				className: "flex min-w-0 flex-col gap-0.5",
@@ -3918,7 +4798,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			u
 		]
 	});
-}), An = x(function({ avatar: t, className: n, name: r, role: i, size: a = "default", ...o }, s) {
+}), gr = x(function({ avatar: t, className: n, name: r, role: i, size: a = "default", ...o }, s) {
 	let c = a === "sm" ? "sm" : "default", l = a === "sm" ? "text-xs" : "text-sm";
 	return /* @__PURE__ */ k("div", {
 		className: e("inline-flex items-center gap-2 select-none", n),
@@ -3940,7 +4820,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			})]
 		})]
 	});
-}), jn = x(function({ name: t, avatar: n, role: r, items: i, onSelect: a, className: o }, s) {
+}), _r = x(function({ name: t, avatar: n, role: r, items: i, onSelect: a, className: o }, s) {
 	let [c, l] = E(!1), u = t.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
 	return /* @__PURE__ */ k("div", {
 		ref: s,
@@ -3981,7 +4861,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			}, t.id))]
 		})]
 	});
-}), Mn = x(function({ className: t, latest: n, version: r, ...i }, a) {
+}), vr = x(function({ className: t, latest: n, version: r, ...i }, a) {
 	let o = n !== void 0 && n !== r;
 	return /* @__PURE__ */ k("span", {
 		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium tabular-nums", o ? "bg-warning/15 text-warning" : "bg-surface text-fg-muted", t),
@@ -4009,7 +4889,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			})
 		]
 	});
-}), Nn = x(function({ children: t, text: n, opacity: r = .1, className: i }, a) {
+}), yr = x(function({ children: t, text: n, opacity: r = .1, className: i }, a) {
 	return /* @__PURE__ */ k("div", {
 		ref: a,
 		className: e("relative overflow-hidden", i),
@@ -4027,7 +4907,7 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 			})
 		})]
 	});
-}), Pn = x(function({ steps: t, currentStep: n, onStepChange: r, className: i, ...a }, o) {
+}), br = x(function({ steps: t, currentStep: n, onStepChange: r, className: i, ...a }, o) {
 	let [s, c] = E(0), l = n ?? s;
 	function u(e) {
 		r === void 0 ? c(e) : r(e);
@@ -4062,6 +4942,6 @@ var Sn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, m
 	});
 });
 //#endregion
-export { ht as $, Qt as A, Ae as At, It as B, de as Bt, ln as C, Re as Ct, rn as D, Me as Dt, sn as E, Ne as Et, Ht as F, be as Ft, Tt as G, se as Gt, At as H, me as Ht, Vt as I, ye as It, xt as J, ne as Jt, wt as K, ae as Kt, Bt as L, ve as Lt, Yt as M, De as Mt, Gt as N, we as Nt, tn as O, je as Ot, Ut as P, xe as Pt, _t as Q, A as Qt, Rt as R, _e as Rt, un as S, Be as St, K as T, Pe as Tt, Ot as U, fe as Ut, Mt as V, pe as Vt, Et as W, ue as Wt, yt as X, N as Xt, bt as Y, F as Yt, vt as Z, M as Zt, gn as _, Ke as _t, An as a, dt as at, pn as b, Ue as bt, En as c, ot as ct, wn as d, et as dt, H as et, Sn as f, $e as ft, X as g, Je as gt, Z as h, Ye as ht, jn as i, ft as it, Zt as j, Oe as jt, en as k, R as kt, Dn as l, it as lt, _n as m, Xe as mt, Nn as n, V as nt, kn as o, ut as ot, yn as p, Ze as pt, St as q, re as qt, Mn as r, pt as rt, On as s, st, Pn as t, mt as tt, Tn as u, tt as ut, hn as v, Ge as vt, cn as w, Fe as wt, dn as x, He as xt, mn as y, We as yt, Lt as z, he as zt };
+export { Qt as $, Ie as $t, K as A, dt as At, yn as B, $e as Bt, Gn as C, P as Cn, Ct, Bn as D, gt as Dt, Vn as E, A as En, vt as Et, kn as F, at as Ft, pn as G, We as Gt, gn as H, Ye as Ht, On as I, rt as It, cn as J, Ve as Jt, fn as K, Ue as Kt, En as L, nt as Lt, Pn as M, ct as Mt, Nn as N, st as Nt, zn as O, ht as Ot, jn as P, ot as Pt, nn as Q, Le as Qt, Tn as R, tt as Rt, qn as S, ee as Sn, wt as St, Un as T, M as Tn, yt as Tt, hn as U, Ke as Ut, vn as V, Ze as Vt, mn as W, Ge as Wt, on as X, Be as Xt, sn as Y, L as Yt, rn as Z, Re as Zt, Zn as _, le as _n, H as _t, gr as a, Ee as an, Ht as at, X as b, ie as bn, Et as bt, cr as c, Se as cn, zt as ct, ar as d, _e as dn, Ft as dt, Fe as en, Xt as et, ir as f, pe as fn, Pt as ft, Qn as g, fe as gn, Ot as gt, $n as h, me as hn, At as ht, _r as i, De as in, Ut as it, Ln as j, ut as jt, Rn as k, ft as kt, or as l, xe as ln, Lt as lt, er as m, ge as mn, Mt as mt, yr as n, Ae as nn, Kt as nt, hr as o, we as on, Vt as ot, nr as p, he as pn, Nt as pt, un as q, He as qt, vr as r, Te as rn, Wt as rt, pr as s, Ce as sn, Bt as st, br as t, Ne as tn, Jt as tt, sr as u, be as un, It as ut, Yn as v, se as vn, Dt as vt, Wn as w, N as wn, St as wt, Jn as x, re as xn, Tt as xt, Z as y, ae as yn, V as yt, Cn as z, et as zt };
 
-//# sourceMappingURL=l4-molecules-DftsX-gO.js.map
+//# sourceMappingURL=l4-molecules-Bnt38HxY.js.map