@goliapkg/gds 0.9.3 → 0.9.5

package/dist/l5-organisms-8KB_8a-H.js

@@ -0,0 +1,3798 @@
+import { n as e, r as t, t as n } from "./glass-CQTlX7IO.js";
+import { t as r } from "./button-avu-rQU4.js";
+import { r as i } from "./motion-DUPegem-.js";
+import { t as a } from "./badge-DTJq6AXr.js";
+import { t as o } from "./highlight-BAGZc-4h.js";
+import { t as s } from "./progress-wAKN3Czz.js";
+import { t as c } from "./portal-Bbl6F_Wj.js";
+import { t as l } from "./avatar-By0U5Vts.js";
+import { r as u } from "./dom-17XgfxMq.js";
+import { t as d } from "./loading-dots-fB4X_Zh0.js";
+import { n as f, s as p, t as m } from "./hooks-BE-_EmDI.js";
+import { a as h, i as g, n as _, o as v, r as y, t as b } from "./toast-DN5xANLM.js";
+import { Children as x, Component as S, forwardRef as C, useCallback as w, useEffect as T, useMemo as E, useRef as D, useState as O, useSyncExternalStore as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/l5-organisms/activity-feed.tsx
+var N = C(function({ className: e, items: n }, r) {
+	return /* @__PURE__ */ j("div", {
+		ref: r,
+		className: t("flex flex-col", e),
+		"data-component": "activity-feed",
+		role: "list",
+		children: n.map((e) => /* @__PURE__ */ M("div", {
+			className: "flex items-start gap-3 gds-pad-x gds-pad-y-sm",
+			role: "listitem",
+			children: [/* @__PURE__ */ j(l, {
+				name: e.user,
+				src: e.avatar,
+				size: "sm"
+			}), /* @__PURE__ */ M("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ M("div", {
+					className: "gds-text-body",
+					children: [
+						/* @__PURE__ */ j("span", {
+							className: "font-medium text-fg",
+							children: e.user
+						}),
+						/* @__PURE__ */ M("span", {
+							className: "text-fg-muted",
+							children: [" ", e.action]
+						}),
+						e.target !== void 0 && /* @__PURE__ */ M("span", {
+							className: "font-medium text-fg",
+							children: [" ", e.target]
+						})
+					]
+				}), /* @__PURE__ */ j("div", {
+					className: "mt-0.5 gds-text-caption text-fg-muted",
+					children: e.timestamp
+				})]
+			})]
+		}, e.id))
+	});
+}), P = {
+	fade: "animate-fade-in",
+	scale: "animate-scale-in",
+	"slide-up": "animate-slide-up",
+	"slide-down": "animate-slide-down"
+}, F = {
+	fade: "animate-fade-out",
+	scale: "animate-scale-out",
+	"slide-up": "animate-slide-down",
+	"slide-down": "animate-slide-up"
+}, ee = C(function({ children: e, animation: n = "fade", duration: r = 200, className: i }, a) {
+	let [o, s] = O(e != null && e !== !1), [c, l] = O(!1), u = D(e), d = D(null), f = e != null && e !== !1;
+	if (T(() => {
+		f ? (d.current !== null && (clearTimeout(d.current), d.current = null), l(!1), s(!0), u.current = e) : o && !c && (l(!0), d.current = setTimeout(() => {
+			s(!1), l(!1), d.current = null;
+		}, r));
+	}, [
+		f,
+		e,
+		r,
+		o,
+		c
+	]), T(() => () => {
+		d.current !== null && clearTimeout(d.current);
+	}, []), !o) return null;
+	let p = c ? F[n] : P[n], m = c ? u.current : e;
+	return /* @__PURE__ */ j("div", {
+		ref: a,
+		className: t(p, i),
+		style: { animationDuration: `${r}ms` },
+		"data-component": "animate-presence",
+		"data-state": c ? "exiting" : "entering",
+		children: m
+	});
+}), te = {
+	fade: "animate-fade-in",
+	scale: "animate-scale-in",
+	"slide-left": "animate-slide-left",
+	"slide-up": "animate-slide-up"
+}, ne = C(function({ animation: e = "slide-up", children: n, className: r, stagger: i = 50, ...a }, o) {
+	let s = x.toArray(n);
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col", r),
+		"data-component": "animated-list",
+		ref: o,
+		...a,
+		children: s.map((t, n) => /* @__PURE__ */ j("div", {
+			className: te[e],
+			style: { animationDelay: `${n * i}ms` },
+			children: t
+		}, n))
+	});
+});
+//#endregion
+//#region src/l5-organisms/audio-player.tsx
+function I(e) {
+	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
+}
+var re = C(function({ src: e, title: r, glass: a, className: o }, s) {
+	let c = D(null), [l, u] = O(!1), [d, f] = O(0), [p, m] = O(0), h = w(() => {
+		let e = c.current;
+		e !== null && (e.paused ? (e.play().catch(() => {}), u(!0)) : (e.pause(), u(!1)));
+	}, []), g = w(() => {
+		let e = c.current;
+		e !== null && f(e.currentTime);
+	}, []), _ = w(() => {
+		let e = c.current;
+		e !== null && m(e.duration);
+	}, []), v = w(() => {
+		u(!1);
+	}, []), y = w((e) => {
+		let t = c.current;
+		if (t === null) return;
+		let n = e.currentTarget.getBoundingClientRect();
+		t.currentTime = (e.clientX - n.left) / n.width * p;
+	}, [p]), b = p > 0 ? d / p * 100 : 0;
+	return /* @__PURE__ */ M("div", {
+		ref: s,
+		className: t("flex items-center gap-2 gds-radius-card gds-pad-x gds-pad-y", "border border-border bg-bg-secondary", n(a), a === !0 && "border-white/10 bg-bg/60", o),
+		"data-component": "audio-player",
+		children: [
+			/* @__PURE__ */ j("audio", {
+				ref: c,
+				src: e,
+				onTimeUpdate: g,
+				onLoadedMetadata: _,
+				onEnded: v,
+				"data-testid": "audio-element"
+			}),
+			/* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: h,
+				className: t("shrink-0 text-fg", i),
+				"aria-label": l ? "Pause" : "Play",
+				"data-testid": "play-button",
+				children: l ? /* @__PURE__ */ M("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "currentColor",
+					children: [/* @__PURE__ */ j("rect", {
+						x: "3",
+						y: "2",
+						width: "4",
+						height: "12",
+						rx: "1"
+					}), /* @__PURE__ */ j("rect", {
+						x: "9",
+						y: "2",
+						width: "4",
+						height: "12",
+						rx: "1"
+					})]
+				}) : /* @__PURE__ */ j("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "currentColor",
+					children: /* @__PURE__ */ j("path", { d: "M4 2l10 6-10 6V2z" })
+				})
+			}),
+			r !== void 0 && /* @__PURE__ */ j("span", {
+				className: "shrink-0 select-none text-xs text-fg-muted",
+				"data-testid": "title",
+				children: r
+			}),
+			/* @__PURE__ */ j("div", {
+				className: t("relative h-1 flex-1 cursor-pointer rounded-full bg-bg-tertiary", i),
+				onClick: y,
+				role: "slider",
+				"aria-label": "Seek",
+				"aria-valuemin": 0,
+				"aria-valuemax": Math.floor(p),
+				"aria-valuenow": Math.floor(d),
+				tabIndex: 0,
+				"data-testid": "progress-bar",
+				children: /* @__PURE__ */ j("div", {
+					className: "absolute inset-y-0 left-0 rounded-full bg-accent",
+					style: { width: `${b}%` }
+				})
+			}),
+			/* @__PURE__ */ M("span", {
+				className: "shrink-0 select-none text-xs tabular-nums text-fg-muted",
+				"data-testid": "time-display",
+				children: [
+					I(d),
+					" / ",
+					I(p)
+				]
+			})
+		]
+	});
+}), ie = C(function({ className: e, entries: n, ...r }, i) {
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col", e),
+		"data-component": "audit-log",
+		ref: i,
+		...r,
+		children: n.map((e, n) => /* @__PURE__ */ j("div", {
+			className: t("gds-pad-x gds-pad-y", n % 2 == 1 && "bg-surface/50"),
+			children: /* @__PURE__ */ j(v, {
+				action: e.action,
+				target: e.target,
+				timestamp: e.timestamp,
+				user: e.user,
+				variant: e.variant ?? "default"
+			})
+		}, e.id))
+	});
+}), ae = C(function({ users: e, onSelect: r, compact: i = !1, glass: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ j("div", {
+		className: t("gds-radius-popover overflow-hidden border border-border", n(a), o),
+		"data-component": "avatar-list",
+		ref: c,
+		...s,
+		children: e.map((e) => {
+			let n = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(l, {
+				name: e.name,
+				src: e.src,
+				status: e.status,
+				size: "sm"
+			}), /* @__PURE__ */ M("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ j("div", {
+					className: "truncate gds-text-body font-medium text-fg",
+					children: e.name
+				}), i !== !0 && e.role !== void 0 && /* @__PURE__ */ j("div", {
+					className: "truncate gds-text-caption text-fg-muted",
+					children: e.role
+				})]
+			})] }), a = t("flex items-center gds-gap gds-pad-x gds-pad-y", "border-b border-border last:border-b-0", r !== void 0 && "cursor-pointer transition-colors hover:bg-bg-tertiary/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg");
+			return r === void 0 ? /* @__PURE__ */ j("div", {
+				className: a,
+				children: n
+			}, e.name) : /* @__PURE__ */ j("button", {
+				type: "button",
+				className: t(a, "w-full text-left"),
+				onClick: () => r(e.name),
+				children: n
+			}, e.name);
+		})
+	});
+}), oe = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], se = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+function L(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function ce(e, t, n) {
+	return t !== void 0 && e < new Date(t.getFullYear(), t.getMonth(), t.getDate()) || n !== void 0 && e > new Date(n.getFullYear(), n.getMonth(), n.getDate());
+}
+function le(e, t) {
+	let n = [], r = new Date(e, t, 1);
+	for (; r.getMonth() === t;) n.push(new Date(r)), r.setDate(r.getDate() + 1);
+	return n;
+}
+function ue(e, t) {
+	let n = le(e, t), r = n[0].getDay(), i = Array.from({ length: r }, () => null);
+	for (i.push(...n); i.length < 42;) i.push(null);
+	return i;
+}
+//#endregion
+//#region src/l5-organisms/calendar.tsx
+var R = C(function({ value: e, onChange: n, min: r, max: a, className: o }, s) {
+	let c = /* @__PURE__ */ new Date(), l = e ?? c, [u, d] = O(l.getFullYear()), [f, p] = O(l.getMonth()), m = ue(u, f), h = () => {
+		f === 0 ? (d((e) => e - 1), p(11)) : p((e) => e - 1);
+	}, g = () => {
+		f === 11 ? (d((e) => e + 1), p(0)) : p((e) => e + 1);
+	};
+	return /* @__PURE__ */ M("div", {
+		ref: s,
+		className: t("w-64 gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y select-none", o),
+		"data-component": "calendar",
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "mb-2 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ j("button", {
+						type: "button",
+						className: t("rounded p-1 text-fg-muted hover:bg-bg-secondary hover:text-fg", i),
+						onClick: h,
+						"aria-label": "Previous month",
+						children: /* @__PURE__ */ j("svg", {
+							className: "h-4 w-4",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ j("path", { d: "M10 4L6 8L10 12" })
+						})
+					}),
+					/* @__PURE__ */ M("span", {
+						className: "text-sm font-medium text-fg",
+						children: [
+							se[f],
+							" ",
+							u
+						]
+					}),
+					/* @__PURE__ */ j("button", {
+						type: "button",
+						className: t("rounded p-1 text-fg-muted hover:bg-bg-secondary hover:text-fg", i),
+						onClick: g,
+						"aria-label": "Next month",
+						children: /* @__PURE__ */ j("svg", {
+							className: "h-4 w-4",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ j("path", { d: "M6 4L10 8L6 12" })
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "grid grid-cols-7 gds-gap-xs text-center gds-text-body text-fg-muted",
+				children: oe.map((e) => /* @__PURE__ */ j("div", {
+					className: "gds-pad-y-sm font-medium",
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "grid grid-cols-7 gds-gap-xs text-center gds-text-body",
+				children: m.map((o, s) => {
+					if (o === null) return /* @__PURE__ */ j("div", { className: "gds-pad-y-sm" }, `e-${s}`);
+					let l = ce(o, r, a), u = e !== void 0 && L(o, e), d = L(o, c);
+					return /* @__PURE__ */ j("button", {
+						type: "button",
+						disabled: l,
+						className: t("gds-radius-badge gds-pad-y-sm transition-colors", i, l && "cursor-not-allowed opacity-30", !l && !u && "hover:bg-bg-secondary", u && "bg-accent text-accent-fg", !u && d && "ring-1 ring-accent", !l && "text-fg"),
+						onClick: () => {
+							!l && n !== void 0 && n(o);
+						},
+						children: o.getDate()
+					}, o.toISOString());
+				})
+			})
+		]
+	});
+}), de = () => /* @__PURE__ */ j("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ j("path", { d: "M10 3L5 8l5 5" })
+}), fe = () => /* @__PURE__ */ j("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ j("path", { d: "M6 3l5 5-5 5" })
+}), pe = C(function({ children: e, autoPlay: r = !1, interval: i = 5e3, showDots: a = !0, showArrows: o = !0, glass: s = !1, className: c }, l) {
+	let u = x.toArray(e), d = u.length, [f, p] = O(0), m = D(!1), h = D(null), g = w((e) => {
+		p((e % d + d) % d);
+	}, [d]), _ = w(() => g(f - 1), [f, g]), v = w(() => g(f + 1), [f, g]);
+	T(() => {
+		if (!r || d <= 1) return;
+		let e = setInterval(() => {
+			m.current || p((e) => (e + 1) % d);
+		}, i);
+		return () => clearInterval(e);
+	}, [
+		r,
+		i,
+		d
+	]);
+	let y = w((e) => {
+		h.current = e.touches[0].clientX;
+	}, []), b = w((e) => {
+		if (h.current === null) return;
+		let t = e.changedTouches[0].clientX - h.current;
+		Math.abs(t) > 50 && (t < 0 ? v() : _()), h.current = null;
+	}, [v, _]);
+	return /* @__PURE__ */ M("div", {
+		ref: l,
+		className: t("relative overflow-hidden gds-radius", s && n(s), c),
+		"data-component": "carousel",
+		onMouseEnter: () => {
+			m.current = !0;
+		},
+		onMouseLeave: () => {
+			m.current = !1;
+		},
+		onTouchStart: y,
+		onTouchEnd: b,
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex transition-transform duration-300 ease-out",
+				style: { transform: `translateX(-${f * 100}%)` },
+				children: u.map((e, t) => /* @__PURE__ */ j("div", {
+					className: "w-full shrink-0",
+					"data-slide": t,
+					children: e
+				}, t))
+			}),
+			o && d > 1 && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: _,
+				className: t("absolute left-2 top-1/2 -translate-y-1/2 rounded-full border border-border bg-bg/80 p-1.5 text-fg transition-colors hover:bg-bg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				"aria-label": "Previous slide",
+				children: /* @__PURE__ */ j(de, {})
+			}), /* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: v,
+				className: t("absolute right-2 top-1/2 -translate-y-1/2 rounded-full border border-border bg-bg/80 p-1.5 text-fg transition-colors hover:bg-bg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				"aria-label": "Next slide",
+				children: /* @__PURE__ */ j(fe, {})
+			})] }),
+			a && d > 1 && /* @__PURE__ */ j("div", {
+				className: "absolute bottom-2 left-1/2 flex -translate-x-1/2 gap-1.5",
+				role: "tablist",
+				children: u.map((e, n) => /* @__PURE__ */ j("button", {
+					type: "button",
+					onClick: () => g(n),
+					role: "tab",
+					"aria-selected": n === f,
+					"aria-label": `Slide ${n + 1}`,
+					className: t("h-2 w-2 rounded-full transition-all", n === f ? "bg-accent scale-125" : "bg-fg-muted/30 hover:bg-fg-muted/50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg")
+				}, n))
+			})
+		]
+	});
+}), me = {
+	added: "bg-success/15 text-success",
+	changed: "bg-accent/15 text-accent",
+	fixed: "bg-warning/15 text-warning",
+	removed: "bg-danger/15 text-danger"
+}, z = C(function({ entries: e, className: n, ...r }, i) {
+	return /* @__PURE__ */ j("div", {
+		ref: i,
+		className: t("flex flex-col gap-6", n),
+		"data-component": "changelog",
+		...r,
+		children: e.map((e) => /* @__PURE__ */ M("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ M("div", {
+				className: "flex items-baseline gap-2",
+				children: [/* @__PURE__ */ j("span", {
+					className: "font-semibold text-fg gds-heading",
+					children: e.version
+				}), /* @__PURE__ */ j("span", {
+					className: "text-xs text-fg-muted",
+					children: e.date
+				})]
+			}), /* @__PURE__ */ j("ul", {
+				className: "flex flex-col gap-1",
+				children: e.changes.map((e, n) => /* @__PURE__ */ M("li", {
+					className: "flex items-start gap-2 gds-text text-fg",
+					children: [/* @__PURE__ */ j("span", {
+						className: t("mt-0.5 shrink-0 rounded-full px-1.5 py-px text-[9px] font-bold uppercase leading-tight", me[e.type]),
+						children: e.type
+					}), /* @__PURE__ */ j("span", { children: e.text })]
+				}, n))
+			})]
+		}, e.version))
+	});
+});
+//#endregion
+//#region src/l5-organisms/command-palette-list.tsx
+function he({ groups: e, activeIndex: n, filteredCount: r, onSelect: i }) {
+	let a = -1;
+	return r === 0 ? /* @__PURE__ */ j("div", {
+		className: "py-8 text-center text-sm text-fg-muted/40",
+		children: "No results found"
+	}) : /* @__PURE__ */ j(A, { children: Array.from(e.entries()).map(([e, r]) => /* @__PURE__ */ M("div", { children: [e !== "" && /* @__PURE__ */ j("div", {
+		className: "px-3 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-[0.1em] text-fg-muted/30",
+		children: e
+	}), r.map((e) => {
+		a++;
+		let r = a === n;
+		return /* @__PURE__ */ M("button", {
+			className: t("flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-[13px] transition-colors select-none", r ? "bg-accent/15 text-accent" : "text-fg hover:bg-white/[0.04]"),
+			onClick: () => i(e.id),
+			"data-active": r,
+			children: [
+				e.icon !== void 0 && /* @__PURE__ */ j("span", {
+					className: "flex h-5 w-5 shrink-0 items-center justify-center text-fg-muted/50",
+					children: e.icon
+				}),
+				/* @__PURE__ */ j("span", {
+					className: "flex-1 truncate",
+					children: e.label
+				}),
+				e.group !== void 0 && /* @__PURE__ */ j("span", {
+					className: "shrink-0 text-[11px] text-fg-muted/25",
+					children: e.group
+				}),
+				e.shortcut !== void 0 && /* @__PURE__ */ j("kbd", {
+					className: "shrink-0 rounded border border-white/[0.06] bg-white/[0.03] px-1.5 py-px text-[10px] text-fg-muted/30",
+					children: e.shortcut
+				})
+			]
+		}, e.id);
+	})] }, e)) });
+}
+//#endregion
+//#region src/l5-organisms/command-palette.tsx
+function ge({ open: e, onClose: n, items: r, onSelect: i, placeholder: a = "Search components, patterns, tokens...", className: o }) {
+	let [s, l] = O(""), [u, d] = O(0), m = D(null), h = D(null);
+	p(e), f(e, n), T(() => {
+		e && (l(""), d(0), requestAnimationFrame(() => m.current?.focus()));
+	}, [e]);
+	let g = E(() => {
+		if (s === "") return r;
+		let e = s.toLowerCase();
+		return r.filter((t) => t.label.toLowerCase().includes(e));
+	}, [r, s]), _ = E(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of g) {
+			let n = t.group ?? "", r = e.get(n);
+			r === void 0 ? e.set(n, [t]) : r.push(t);
+		}
+		return e;
+	}, [g]);
+	T(() => {
+		(h.current?.querySelector("[data-active=\"true\"]"))?.scrollIntoView({ block: "nearest" });
+	}, [u]);
+	let v = w((e) => {
+		i(e), n();
+	}, [i, n]), y = w((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), d((e) => (e + 1) % Math.max(g.length, 1))) : e.key === "ArrowUp" ? (e.preventDefault(), d((e) => (e - 1 + g.length) % Math.max(g.length, 1))) : e.key === "Enter" && g[u] !== void 0 && (e.preventDefault(), v(g[u].id));
+	}, [
+		g,
+		u,
+		v
+	]);
+	return e ? c(/* @__PURE__ */ j("div", {
+		className: "fixed inset-0 z-50 flex items-start justify-center bg-black/60 pt-[15vh]",
+		"data-component": "command-palette",
+		"data-state": "open",
+		onClick: (e) => {
+			e.target === e.currentTarget && n();
+		},
+		onKeyDown: y,
+		children: /* @__PURE__ */ M("div", {
+			className: t("w-full max-w-xl animate-scale-in rounded-xl border border-white/[0.06] bg-bg-secondary shadow-2xl", o),
+			children: [
+				/* @__PURE__ */ M("div", {
+					className: "flex items-center gap-3 border-b border-white/[0.06] px-4",
+					children: [
+						/* @__PURE__ */ M("svg", {
+							className: "h-4 w-4 shrink-0 text-fg-muted/40",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							viewBox: "0 0 24 24",
+							children: [/* @__PURE__ */ j("circle", {
+								cx: "11",
+								cy: "11",
+								r: "8"
+							}), /* @__PURE__ */ j("path", {
+								d: "m21 21-4.35-4.35",
+								strokeLinecap: "round"
+							})]
+						}),
+						/* @__PURE__ */ j("input", {
+							ref: m,
+							type: "text",
+							value: s,
+							onChange: (e) => {
+								l(e.target.value), d(0);
+							},
+							placeholder: a,
+							className: "flex-1 bg-transparent py-3.5 text-sm text-fg placeholder:text-fg-muted/30 outline-none"
+						}),
+						/* @__PURE__ */ j("kbd", {
+							className: "shrink-0 rounded border border-white/[0.08] bg-white/[0.04] px-1.5 py-0.5 text-[10px] font-medium text-fg-muted/40",
+							children: "ESC"
+						})
+					]
+				}),
+				/* @__PURE__ */ j("div", {
+					ref: h,
+					className: "max-h-80 overflow-y-auto p-1.5",
+					children: /* @__PURE__ */ j(he, {
+						groups: _,
+						activeIndex: u,
+						filteredCount: g.length,
+						onSelect: v
+					})
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "flex items-center justify-between border-t border-white/[0.06] px-4 py-2 text-[10px] text-fg-muted/25",
+					children: [/* @__PURE__ */ M("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ j("span", { children: "↑↓ navigate" }),
+							/* @__PURE__ */ j("span", { children: "↵ select" }),
+							/* @__PURE__ */ j("span", { children: "esc close" })
+						]
+					}), /* @__PURE__ */ M("span", { children: [r.length, " commands"] })]
+				})
+			]
+		})
+	})) : null;
+}
+//#endregion
+//#region src/l5-organisms/comment-thread.tsx
+function B({ comment: e, depth: n = 0 }) {
+	return /* @__PURE__ */ M("div", {
+		className: t(n > 0 && "ml-8 border-l border-border pl-4"),
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-start gds-gap",
+			children: [/* @__PURE__ */ j("div", {
+				className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-accent/10 text-xs font-medium text-accent",
+				children: e.avatar ?? e.author.charAt(0).toUpperCase()
+			}), /* @__PURE__ */ M("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ M("div", {
+					className: "flex items-baseline gds-gap-sm",
+					children: [/* @__PURE__ */ j("span", {
+						className: "text-sm font-medium text-fg",
+						children: e.author
+					}), /* @__PURE__ */ j("span", {
+						className: "gds-text-label text-fg-muted",
+						children: e.timestamp
+					})]
+				}), /* @__PURE__ */ j("p", {
+					className: "mt-1 text-sm text-fg-muted",
+					children: e.content
+				})]
+			})]
+		}), e.replies !== void 0 && e.replies.length > 0 && /* @__PURE__ */ j("div", {
+			className: "mt-3 flex flex-col gds-gap",
+			children: e.replies.map((e) => /* @__PURE__ */ j(B, {
+				comment: e,
+				depth: n + 1
+			}, e.id))
+		})]
+	});
+}
+var _e = C(function({ className: e, comments: n, ...r }, i) {
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col gds-gap", e),
+		"data-component": "comment-thread",
+		ref: i,
+		role: "list",
+		...r,
+		children: n.map((e) => /* @__PURE__ */ j("div", {
+			role: "listitem",
+			children: /* @__PURE__ */ j(B, { comment: e })
+		}, e.id))
+	});
+});
+//#endregion
+//#region src/l5-organisms/confetti-physics.ts
+function ve(e, t) {
+	return {
+		x: Math.random() * e,
+		y: -10,
+		vx: (Math.random() - .5) * 8,
+		vy: Math.random() * -6 - 4,
+		size: Math.random() * 6 + 4,
+		color: t[Math.floor(Math.random() * t.length)],
+		rotation: Math.random() * 360,
+		rotationSpeed: (Math.random() - .5) * 10,
+		gravity: .15,
+		drag: .98
+	};
+}
+function ye(e) {
+	return {
+		...e,
+		x: e.x + e.vx,
+		y: e.y + e.vy,
+		vx: e.vx * e.drag,
+		vy: (e.vy + e.gravity) * e.drag,
+		rotation: e.rotation + e.rotationSpeed
+	};
+}
+function be(e, t) {
+	e.save(), e.translate(t.x, t.y), e.rotate(t.rotation * Math.PI / 180), e.fillStyle = t.color, e.fillRect(-t.size / 2, -t.size / 2, t.size, t.size * .6), e.restore();
+}
+//#endregion
+//#region src/l5-organisms/confetti.tsx
+var xe = [
+	"#6366f1",
+	"#ec4899",
+	"#14b8a6",
+	"#f59e0b",
+	"#8b5cf6",
+	"#ef4444",
+	"#22c55e",
+	"#3b82f6"
+];
+function Se({ active: e, className: n, colors: r = xe, duration: i = 3e3, particleCount: a = 100 }) {
+	let o = D(null), s = D([]), l = D(0), u = D(0);
+	return T(() => {
+		if (!e) {
+			s.current = [];
+			return;
+		}
+		let t = o.current;
+		if (t === null) return;
+		let n = t.getContext("2d");
+		if (n === null) return;
+		t.width = window.innerWidth, t.height = window.innerHeight, s.current = [], u.current = performance.now();
+		let c = 0;
+		function d(e) {
+			if (t === null || n === null) return;
+			let o = e - u.current;
+			if (n.clearRect(0, 0, t.width, t.height), o < i) {
+				let e = Math.min(a, Math.floor(o / i * a));
+				for (; c < e;) s.current = [...s.current, ve(t.width, r)], c += 1;
+			}
+			s.current = s.current.map(ye).filter((e) => e.y < t.height + 20);
+			for (let e of s.current) be(n, e);
+			(s.current.length > 0 || o < i) && (l.current = requestAnimationFrame(d));
+		}
+		return l.current = requestAnimationFrame(d), () => {
+			cancelAnimationFrame(l.current);
+		};
+	}, [
+		e,
+		r,
+		i,
+		a
+	]), e ? c(/* @__PURE__ */ j("canvas", {
+		ref: o,
+		className: t("fixed inset-0 pointer-events-none z-[9999]", n),
+		"data-component": "confetti"
+	})) : null;
+}
+//#endregion
+//#region src/l5-organisms/contact-card.tsx
+var Ce = C(function({ actions: e, avatar: n, className: r, email: i, name: a, phone: o, role: s, ...c }, l) {
+	let u = a.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
+	return /* @__PURE__ */ M("div", {
+		className: t("gds-ctx gds-radius-card border border-border bg-surface gds-pad text-center", r),
+		"data-component": "contact-card",
+		ref: l,
+		...c,
+		children: [
+			n === void 0 ? /* @__PURE__ */ j("div", {
+				className: "mx-auto flex h-14 w-14 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent",
+				children: u
+			}) : /* @__PURE__ */ j("img", {
+				src: n,
+				alt: a,
+				className: "mx-auto h-14 w-14 rounded-full object-cover"
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "mt-3 font-semibold text-fg",
+				children: a
+			}),
+			s !== void 0 && /* @__PURE__ */ j("div", {
+				className: "mt-0.5 text-xs text-fg-muted",
+				children: s
+			}),
+			i !== void 0 && /* @__PURE__ */ j("div", {
+				className: "mt-2 text-xs text-fg-muted",
+				children: i
+			}),
+			o !== void 0 && /* @__PURE__ */ j("div", {
+				className: "mt-0.5 text-xs text-fg-muted",
+				children: o
+			}),
+			e !== void 0 && /* @__PURE__ */ j("div", {
+				className: "mt-3 flex justify-center gap-2",
+				children: e
+			})
+		]
+	});
+}), we = {
+	running: "bg-success",
+	stopped: "bg-danger",
+	paused: "bg-warning"
+}, Te = C(function({ className: e, containers: n, ...r }, i) {
+	return /* @__PURE__ */ j("div", {
+		className: t("gds-radius-popover overflow-hidden border border-border", e),
+		"data-component": "container-list",
+		ref: i,
+		...r,
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full",
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", {
+				className: "bg-bg-tertiary/50 text-left gds-text-body text-fg-muted",
+				children: [
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Name"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Image"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Status"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Ports"
+					})
+				]
+			}) }), /* @__PURE__ */ j("tbody", { children: n.map((e) => /* @__PURE__ */ M("tr", {
+				className: "border-t border-border gds-text-body hover:bg-bg-tertiary/30 transition-colors",
+				children: [
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 font-medium text-fg",
+						children: e.name
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 font-mono text-fg-muted text-xs",
+						children: e.image
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5",
+						children: /* @__PURE__ */ M("span", {
+							className: "inline-flex items-center gap-1.5",
+							children: [/* @__PURE__ */ j("span", { className: t("h-2 w-2 rounded-full", we[e.status]) }), /* @__PURE__ */ j("span", {
+								className: "text-fg-muted",
+								children: e.status
+							})]
+						})
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 font-mono text-fg-muted text-xs",
+						children: e.ports ?? "—"
+					})
+				]
+			}, e.name)) })]
+		})
+	});
+}), Ee = "We use cookies to improve your experience. By continuing to use this site, you agree to our use of cookies.", De = C(function({ onAccept: e, onReject: n, message: i, className: a }, o) {
+	return /* @__PURE__ */ M("div", {
+		ref: o,
+		className: t("fixed inset-x-0 bottom-0 z-50 flex items-center justify-between gap-4 border-t border-border bg-surface/80 px-6 py-4 backdrop-blur-lg", a),
+		"data-component": "cookie-banner",
+		role: "banner",
+		children: [/* @__PURE__ */ j("p", {
+			className: "text-sm text-fg-muted flex-1",
+			children: i ?? Ee
+		}), /* @__PURE__ */ M("div", {
+			className: "flex shrink-0 gap-2",
+			children: [n !== void 0 && /* @__PURE__ */ j(r, {
+				variant: "ghost",
+				size: "sm",
+				onClick: n,
+				children: "Reject"
+			}), /* @__PURE__ */ j(r, {
+				variant: "primary",
+				size: "sm",
+				onClick: e,
+				children: "Accept"
+			})]
+		})]
+	});
+}), Oe = C(function(e, t) {
+	return c(/* @__PURE__ */ j(De, {
+		...e,
+		ref: t
+	}));
+}), ke = [
+	"Sunday",
+	"Monday",
+	"Tuesday",
+	"Wednesday",
+	"Thursday",
+	"Friday",
+	"Saturday"
+];
+function Ae(e) {
+	let t = e.trim().split(/\s+/);
+	if (t.length !== 5) return `Cron: ${e}`;
+	let [n, r, i, , a] = t, o = r !== "*" && n !== "*" ? `${r.padStart(2, "0")}:${n.padStart(2, "0")}` : null;
+	if (a !== "*" && a !== "?") {
+		let e = parseInt(a, 10), t = isNaN(e) ? a : ke[e % 7] ?? a;
+		return o === null ? `Every ${t}` : `Every ${t} at ${o}`;
+	}
+	return i !== "*" && i !== "?" ? o === null ? `Day ${i} of every month` : `Day ${i} of every month at ${o}` : r === "*" && n === "*" ? "Every minute" : r === "*" ? `Every hour at minute ${n}` : n === "0" && r === "0" ? "Every day at midnight" : o === null ? `Cron: ${e}` : `Every day at ${o}`;
+}
+var je = C(function({ expression: e, className: n, ...r }, i) {
+	let a = E(() => Ae(e), [e]);
+	return /* @__PURE__ */ M("div", {
+		ref: i,
+		className: t("flex items-center gap-3", n),
+		"data-component": "cron-schedule",
+		...r,
+		children: [/* @__PURE__ */ j("code", {
+			className: "rounded bg-bg-secondary px-2 py-1 text-xs text-fg-muted font-mono",
+			children: e
+		}), /* @__PURE__ */ j("span", {
+			className: "gds-text-body text-fg",
+			children: a
+		})]
+	});
+}), V = {
+	center: "text-center",
+	left: "text-left",
+	right: "text-right"
+}, Me = C(function({ columns: e, rows: r, compact: i = !1, striped: a = !1, glass: o, className: s }, c) {
+	let l = i ? "px-3 py-1" : "px-3 py-2";
+	return /* @__PURE__ */ j("div", {
+		className: t("w-full overflow-auto", o === !0 && n(o), s),
+		"data-component": "data-grid",
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full text-sm",
+			ref: c,
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ j("tr", {
+				className: "border-b border-border/40",
+				children: e.map((e) => /* @__PURE__ */ j("th", {
+					className: t("font-medium text-fg-muted select-none", l, V[e.align ?? "left"]),
+					style: e.width === void 0 ? void 0 : { width: e.width },
+					children: e.label
+				}, e.key))
+			}) }), /* @__PURE__ */ M("tbody", { children: [r.length === 0 && /* @__PURE__ */ j("tr", { children: /* @__PURE__ */ j("td", {
+				className: "px-3 py-8 text-center text-fg-muted",
+				colSpan: e.length,
+				children: "No data"
+			}) }), r.map((n, r) => /* @__PURE__ */ j("tr", {
+				className: t("border-b border-border/20", a && r % 2 == 1 && "bg-bg-secondary/30"),
+				children: e.map((e) => /* @__PURE__ */ j("td", {
+					className: t("text-fg", l, V[e.align ?? "left"]),
+					children: n[e.key]
+				}, e.key))
+			}, r))] })]
+		})
+	});
+});
+//#endregion
+//#region src/l5-organisms/data-list.tsx
+function Ne({ items: e, layout: r = "vertical", striped: i = !1, glass: a, className: o }) {
+	let s = r === "horizontal";
+	return /* @__PURE__ */ j("div", {
+		className: t("gds-radius-popover border border-border overflow-hidden", a !== void 0 && a !== !1 ? t("border-white/10 bg-bg/60", n(a)) : "", o),
+		"data-component": "data-list",
+		"data-variant": r,
+		children: e.map((n, r) => /* @__PURE__ */ M("div", {
+			className: t("gds-pad-x gds-pad-y-sm", r < e.length - 1 ? "border-b border-border" : "", s ? "flex items-center justify-between gap-4" : "", i && r % 2 == 1 ? "bg-bg-tertiary/20" : ""),
+			children: [/* @__PURE__ */ j("div", {
+				className: "gds-text-body font-medium text-fg-muted",
+				children: n.label
+			}), /* @__PURE__ */ j("div", {
+				className: t("text-fg gds-text-body", s ? "" : "mt-1"),
+				children: n.value
+			})]
+		}, n.label))
+	});
+}
+//#endregion
+//#region src/l5-organisms/data-table.tsx
+function Pe({ dir: e }) {
+	return e === void 0 ? /* @__PURE__ */ M("svg", {
+		className: "ml-1 inline h-3 w-3 text-fg-muted/40",
+		viewBox: "0 0 12 12",
+		fill: "currentColor",
+		children: [/* @__PURE__ */ j("path", { d: "M6 2L9 5H3L6 2Z" }), /* @__PURE__ */ j("path", { d: "M6 10L3 7H9L6 10Z" })]
+	}) : /* @__PURE__ */ j("svg", {
+		className: "ml-1 inline h-3 w-3 text-fg-muted",
+		viewBox: "0 0 12 12",
+		fill: "currentColor",
+		children: e === "asc" ? /* @__PURE__ */ j("path", { d: "M6 2L9 5H3L6 2Z" }) : /* @__PURE__ */ j("path", { d: "M6 10L3 7H9L6 10Z" })
+	});
+}
+function Fe({ columns: e }) {
+	return /* @__PURE__ */ j(A, { children: Array.from({ length: 5 }, (t, n) => /* @__PURE__ */ j("tr", {
+		className: "border-b border-border",
+		children: e.map((e) => /* @__PURE__ */ j("td", {
+			className: "gds-pad-x gds-pad-y",
+			children: /* @__PURE__ */ j("div", { className: "h-4 animate-pulse rounded bg-bg-tertiary" })
+		}, e.key))
+	}, n)) });
+}
+function Ie({ colSpan: e, text: t }) {
+	return /* @__PURE__ */ j("tr", { children: /* @__PURE__ */ j("td", {
+		colSpan: e,
+		className: "gds-pad-x py-12 text-center text-sm text-fg-muted",
+		children: t
+	}) });
+}
+function Le({ columns: n, data: r, className: i, onRowClick: a, sortKey: o, sortDir: s, onSort: c, emptyText: l = "No data", loading: u, glass: d }, f) {
+	let p = (e) => {
+		e.sortable !== !0 || c === void 0 || c(e.key);
+	};
+	return /* @__PURE__ */ j("div", {
+		ref: f,
+		className: t("overflow-auto gds-radius-popover border", d === !0 ? t(e(d), "bg-bg/60") : "border-border bg-surface", i),
+		"data-component": "data-table",
+		"data-state": u === !0 ? "loading" : void 0,
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full border-collapse text-sm",
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ j("tr", {
+				className: "border-b border-border bg-bg-secondary/50",
+				children: n.map((e) => /* @__PURE__ */ M("th", {
+					className: t("gds-pad-x gds-pad-y text-left gds-text-body font-medium uppercase tracking-wider text-fg-muted select-none", e.sortable === !0 && "cursor-pointer hover:text-fg"),
+					style: e.width === void 0 ? void 0 : { width: e.width },
+					onClick: () => p(e),
+					children: [e.header, e.sortable === !0 && /* @__PURE__ */ j(Pe, { dir: o === e.key ? s : void 0 })]
+				}, e.key))
+			}) }), /* @__PURE__ */ M("tbody", { children: [
+				u === !0 && /* @__PURE__ */ j(Fe, { columns: n }),
+				u !== !0 && r.length === 0 && /* @__PURE__ */ j(Ie, {
+					colSpan: n.length,
+					text: l
+				}),
+				u !== !0 && r.map((e, r) => /* @__PURE__ */ j("tr", {
+					className: t("border-b border-border transition-colors", r % 2 == 1 && "bg-bg-secondary/30", a !== void 0 && "cursor-pointer hover:bg-bg-secondary/60"),
+					onClick: a === void 0 ? void 0 : () => a(e),
+					children: n.map((t) => /* @__PURE__ */ j("td", {
+						className: "gds-pad-x gds-pad-y text-fg",
+						children: t.render === void 0 ? String(e[t.key] ?? "") : t.render(e)
+					}, t.key))
+				}, r))
+			] })]
+		})
+	});
+}
+var Re = C(Le);
+//#endregion
+//#region src/l5-organisms/date-picker.tsx
+function ze(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+var Be = C(function({ value: e, onChange: r, placeholder: a = "Select date", min: o, max: s, glass: c, className: l }, u) {
+	let [d, p] = O(!1), h = D(null), g = w(() => p(!1), []);
+	m(h, d, g), f(d, g);
+	let _ = (e) => {
+		r !== void 0 && r(e), p(!1);
+	};
+	return /* @__PURE__ */ j("div", {
+		ref: u,
+		className: t("relative inline-block", l),
+		"data-component": "date-picker",
+		"data-state": d ? "open" : "closed",
+		children: /* @__PURE__ */ M("div", {
+			ref: h,
+			children: [/* @__PURE__ */ M("button", {
+				type: "button",
+				className: t("flex gds-h-lg items-center gds-gap-sm gds-radius-button border gds-pad-x text-sm transition-colors", i, c === !0 ? t(n(c), "border-white/10 bg-bg/60") : "border-border bg-surface", e === void 0 ? "text-fg-muted" : "text-fg"),
+				onClick: () => p((e) => !e),
+				children: [/* @__PURE__ */ M("svg", {
+					className: "h-4 w-4 text-fg-muted",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					children: [/* @__PURE__ */ j("rect", {
+						x: "2",
+						y: "3",
+						width: "12",
+						height: "11",
+						rx: "1.5"
+					}), /* @__PURE__ */ j("path", { d: "M2 6.5H14M5 1.5V4M11 1.5V4" })]
+				}), e === void 0 ? a : ze(e)]
+			}), d && /* @__PURE__ */ j("div", {
+				className: "absolute left-0 top-full z-50 mt-1 animate-popup",
+				children: /* @__PURE__ */ j(R, {
+					value: e,
+					onChange: _,
+					min: o,
+					max: s
+				})
+			})]
+		})
+	});
+}), Ve = {
+	success: "bg-success/15 text-success",
+	failure: "bg-danger/15 text-danger",
+	pending: "bg-warning/15 text-warning"
+}, He = C(function({ entries: e, className: n }, r) {
+	return /* @__PURE__ */ j("div", {
+		ref: r,
+		className: t("gds-radius-popover overflow-hidden border border-border", n),
+		"data-component": "deploy-log",
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full",
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", {
+				className: "bg-bg-tertiary/50 text-left gds-text-body text-fg-muted",
+				children: [
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Project"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Device"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Version"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Status"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "px-3 py-1.5 font-medium",
+						children: "Time"
+					})
+				]
+			}) }), /* @__PURE__ */ j("tbody", { children: e.map((e, n) => /* @__PURE__ */ M("tr", {
+				className: "border-t border-border gds-text-body hover:bg-bg-tertiary/30 transition-colors",
+				children: [
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 font-medium text-fg",
+						children: e.project
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 text-fg-muted",
+						children: e.device
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 font-mono text-fg-muted",
+						children: e.version
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5",
+						children: /* @__PURE__ */ j("span", {
+							className: t("rounded-full px-2 py-0.5 text-[10px] font-medium", Ve[e.status]),
+							children: e.status
+						})
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "px-3 py-1.5 text-fg-muted",
+						children: e.timestamp
+					})
+				]
+			}, n)) })]
+		})
+	});
+});
+//#endregion
+//#region src/l5-organisms/description-list.tsx
+function Ue({ items: e, layout: n = "stacked", dividers: r = !0, className: i }) {
+	let a = n === "horizontal";
+	return /* @__PURE__ */ j("dl", {
+		className: t("gds-text-body", i),
+		"data-component": "description-list",
+		"data-variant": n,
+		children: e.map((n, i) => /* @__PURE__ */ M("div", {
+			className: t("gds-pad-x gds-pad-y-sm", a && "grid grid-cols-[1fr_2fr] gap-4", r && i < e.length - 1 && "border-b border-border"),
+			children: [/* @__PURE__ */ j("dt", {
+				className: "font-medium text-fg-muted",
+				children: n.term
+			}), /* @__PURE__ */ j("dd", {
+				className: t("text-fg", a ? "" : "mt-1"),
+				children: n.description
+			})]
+		}, n.term))
+	});
+}
+//#endregion
+//#region src/l5-organisms/diff-algorithm.ts
+function We(e, t) {
+	let n = e.length, r = t.length, i = Array.from({ length: n + 1 }, () => Array(r + 1).fill(0));
+	for (let a = 1; a <= n; a++) for (let n = 1; n <= r; n++) e[a - 1] === t[n - 1] ? i[a][n] = i[a - 1][n - 1] + 1 : i[a][n] = Math.max(i[a - 1][n], i[a][n - 1]);
+	let a = [], o = n, s = r;
+	for (; o > 0 && s > 0;) e[o - 1] === t[s - 1] ? (a.unshift({
+		type: "unchanged",
+		content: e[o - 1],
+		oldLineNum: o,
+		newLineNum: s
+	}), o--, s--) : i[o - 1][s] >= i[o][s - 1] ? (a.unshift({
+		type: "removed",
+		content: e[o - 1],
+		oldLineNum: o,
+		newLineNum: null
+	}), o--) : (a.unshift({
+		type: "added",
+		content: t[s - 1],
+		oldLineNum: null,
+		newLineNum: s
+	}), s--);
+	for (; o > 0;) a.unshift({
+		type: "removed",
+		content: e[o - 1],
+		oldLineNum: o,
+		newLineNum: null
+	}), o--;
+	for (; s > 0;) a.unshift({
+		type: "added",
+		content: t[s - 1],
+		oldLineNum: null,
+		newLineNum: s
+	}), s--;
+	return a;
+}
+function H(e) {
+	return e === "added" ? "bg-success/10" : e === "removed" ? "bg-danger/10" : "";
+}
+function Ge(e) {
+	return e === "added" ? "+" : e === "removed" ? "-" : " ";
+}
+//#endregion
+//#region src/l5-organisms/diff-viewer.tsx
+function Ke({ lines: e }) {
+	return /* @__PURE__ */ j("table", {
+		className: "w-full border-collapse font-mono text-xs",
+		children: /* @__PURE__ */ j("tbody", { children: e.map((e, t) => /* @__PURE__ */ M("tr", {
+			className: H(e.type),
+			children: [
+				/* @__PURE__ */ j("td", {
+					className: "w-10 select-none pr-2 text-right text-fg-muted/50",
+					children: e.oldLineNum ?? ""
+				}),
+				/* @__PURE__ */ j("td", {
+					className: "w-10 select-none pr-2 text-right text-fg-muted/50",
+					children: e.newLineNum ?? ""
+				}),
+				/* @__PURE__ */ j("td", {
+					className: "w-4 select-none text-center text-fg-muted/70",
+					children: Ge(e.type)
+				}),
+				/* @__PURE__ */ j("td", {
+					className: "whitespace-pre px-2",
+					children: e.content
+				})
+			]
+		}, t)) })
+	});
+}
+function qe({ lines: e, oldTitle: t, newTitle: n }) {
+	let r = [], i = [];
+	for (let t of e) t.type === "unchanged" ? (r.push(t), i.push(t)) : t.type === "removed" ? (r.push(t), i.push(null)) : (r.push(null), i.push(t));
+	return /* @__PURE__ */ M("div", {
+		className: "grid grid-cols-2 divide-x divide-border",
+		children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("div", {
+			className: "border-b border-border px-3 py-1.5 text-[10px] font-medium text-fg-muted select-none",
+			children: t
+		}), /* @__PURE__ */ j("table", {
+			className: "w-full border-collapse font-mono text-xs",
+			children: /* @__PURE__ */ j("tbody", { children: r.map((e, t) => /* @__PURE__ */ M("tr", {
+				className: e === null ? "" : H(e.type),
+				children: [/* @__PURE__ */ j("td", {
+					className: "w-10 select-none pr-2 text-right text-fg-muted/50",
+					children: e?.oldLineNum ?? ""
+				}), /* @__PURE__ */ j("td", {
+					className: "whitespace-pre px-2",
+					children: e?.content ?? ""
+				})]
+			}, t)) })
+		})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("div", {
+			className: "border-b border-border px-3 py-1.5 text-[10px] font-medium text-fg-muted select-none",
+			children: n
+		}), /* @__PURE__ */ j("table", {
+			className: "w-full border-collapse font-mono text-xs",
+			children: /* @__PURE__ */ j("tbody", { children: i.map((e, t) => /* @__PURE__ */ M("tr", {
+				className: e === null ? "" : H(e.type),
+				children: [/* @__PURE__ */ j("td", {
+					className: "w-10 select-none pr-2 text-right text-fg-muted/50",
+					children: e?.newLineNum ?? ""
+				}), /* @__PURE__ */ j("td", {
+					className: "whitespace-pre px-2",
+					children: e?.content ?? ""
+				})]
+			}, t)) })
+		})] })]
+	});
+}
+var Je = C(function({ oldText: e, newText: n, mode: r = "unified", oldTitle: i = "Old", newTitle: a = "New", glass: o, className: s }, c) {
+	let l = E(() => We(e.split("\n"), n.split("\n")), [e, n]);
+	return /* @__PURE__ */ j("div", {
+		ref: c,
+		className: t("overflow-auto gds-radius-popover border border-border", o === !0 && "bg-white/5 backdrop-blur-md", o !== !0 && "bg-bg-secondary", s),
+		"data-component": "diff-viewer",
+		"data-variant": r,
+		children: r === "split" ? /* @__PURE__ */ j(qe, {
+			lines: l,
+			oldTitle: i,
+			newTitle: a
+		}) : /* @__PURE__ */ j(Ke, { lines: l })
+	});
+}), Ye = C(function({ sender: e, senderAvatar: n, subject: r, preview: i, timestamp: a, unread: o, starred: s, selected: c, onClick: l, className: u }, d) {
+	let f = o === !0, p = n ?? e.charAt(0).toUpperCase();
+	return /* @__PURE__ */ M("div", {
+		ref: d,
+		role: l === void 0 ? void 0 : "button",
+		tabIndex: l === void 0 ? void 0 : 0,
+		onClick: l,
+		onKeyDown: l === void 0 ? void 0 : (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
+		},
+		className: t("flex items-start gap-3 gds-pad-x gds-pad-y-sm gds-text-body select-none", l !== void 0 && "cursor-pointer hover:bg-bg-tertiary", c === !0 && "bg-accent/5", u),
+		"data-component": "email-list-item",
+		"data-state": f ? "unread" : "read",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-tertiary text-xs font-semibold text-fg-muted",
+				children: p
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ M("div", {
+						className: "flex items-center gap-2",
+						children: [
+							f && /* @__PURE__ */ j("span", { className: "h-2 w-2 shrink-0 rounded-full bg-accent" }),
+							/* @__PURE__ */ j("span", {
+								className: t("truncate", f ? "font-semibold text-fg" : "text-fg"),
+								children: e
+							}),
+							s === !0 && /* @__PURE__ */ j("span", {
+								className: "shrink-0 text-warning",
+								children: "★"
+							})
+						]
+					}),
+					/* @__PURE__ */ j("div", {
+						className: t("truncate", f ? "font-medium text-fg" : "text-fg-muted"),
+						children: r
+					}),
+					i !== void 0 && /* @__PURE__ */ j("div", {
+						className: "truncate text-fg-muted/60",
+						children: i
+					})
+				]
+			}),
+			/* @__PURE__ */ j("span", {
+				className: "shrink-0 text-xs text-fg-muted",
+				children: a
+			})
+		]
+	});
+}), Xe = C(function({ src: e, title: n, ratio: r = 16 / 9, allowFullscreen: i = !0, sandbox: a, loading: o = "lazy", glass: s = !1, className: c }, l) {
+	return /* @__PURE__ */ j("div", {
+		ref: l,
+		className: t("relative w-full overflow-hidden border border-white/[0.06] gds-radius-card", s && "gds-glass", c),
+		"data-component": "embed",
+		style: { aspectRatio: r },
+		children: /* @__PURE__ */ j("iframe", {
+			src: e,
+			title: n,
+			className: "absolute inset-0 h-full w-full border-none",
+			allowFullScreen: i,
+			sandbox: a,
+			loading: o,
+			"data-testid": "embed-iframe"
+		})
+	});
+}), Ze = {
+	active: "bg-success/15 text-success",
+	inactive: "bg-danger/15 text-danger",
+	onboarding: "bg-warning/15 text-warning"
+}, Qe = C(function({ avatar: e, className: n, department: r, email: i, name: a, phone: o, role: s, status: c, ...l }, u) {
+	let d = a.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
+	return /* @__PURE__ */ M("div", {
+		className: t("gds-ctx gds-radius-card border border-border bg-surface gds-pad", n),
+		"data-component": "employee-card",
+		ref: u,
+		...l,
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center gds-gap",
+			children: [
+				e === void 0 ? /* @__PURE__ */ j("div", {
+					className: "flex h-12 w-12 items-center justify-center rounded-full bg-accent/10 text-sm font-semibold text-accent",
+					children: d
+				}) : /* @__PURE__ */ j("img", {
+					src: e,
+					alt: a,
+					className: "h-12 w-12 rounded-full object-cover"
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ j("div", {
+							className: "font-semibold text-fg truncate",
+							children: a
+						}),
+						s !== void 0 && /* @__PURE__ */ j("div", {
+							className: "text-xs text-fg-muted truncate",
+							children: s
+						}),
+						r !== void 0 && /* @__PURE__ */ j("div", {
+							className: "text-xs text-fg-muted truncate",
+							children: r
+						})
+					]
+				}),
+				c !== void 0 && /* @__PURE__ */ j("span", {
+					className: t("shrink-0 rounded-full px-2 py-0.5 text-xs font-medium", Ze[c]),
+					children: c
+				})
+			]
+		}), (i !== void 0 || o !== void 0) && /* @__PURE__ */ M("div", {
+			className: "mt-3 space-y-0.5 text-xs text-fg-muted",
+			children: [i !== void 0 && /* @__PURE__ */ j("div", { children: i }), o !== void 0 && /* @__PURE__ */ j("div", { children: o })]
+		})]
+	});
+}), $e = class extends S {
+	state = { error: null };
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	componentDidCatch(e, t) {
+		this.props.onError !== void 0 && this.props.onError(e, t);
+	}
+	render() {
+		let { error: e } = this.state, { children: t, fallback: n } = this.props;
+		return e === null ? t : n === void 0 ? /* @__PURE__ */ M("div", {
+			className: "flex flex-col items-center justify-center gap-2 gds-pad gds-text-body text-danger",
+			"data-component": "error-boundary",
+			children: [/* @__PURE__ */ j("p", {
+				className: "font-semibold",
+				children: "Something went wrong"
+			}), /* @__PURE__ */ j("p", {
+				className: "text-fg-muted gds-text-caption",
+				children: e.message
+			})]
+		}) : typeof n == "function" ? n(e) : n;
+	}
+};
+//#endregion
+//#region src/l5-organisms/file-browser.tsx
+function et() {
+	return /* @__PURE__ */ j("svg", {
+		className: "h-4 w-4 text-warning",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		children: /* @__PURE__ */ j("path", { d: "M1 3.5A1.5 1.5 0 012.5 2h3.379a1.5 1.5 0 011.06.44L8.062 3.5H13.5A1.5 1.5 0 0115 5v7.5a1.5 1.5 0 01-1.5 1.5h-11A1.5 1.5 0 011 12.5v-9z" })
+	});
+}
+function tt() {
+	return /* @__PURE__ */ M("svg", {
+		className: "h-4 w-4 text-fg-muted",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.2",
+		children: [/* @__PURE__ */ j("path", { d: "M4 1.5h5l3.5 3.5V14a.5.5 0 01-.5.5H4a.5.5 0 01-.5-.5V2a.5.5 0 01.5-.5z" }), /* @__PURE__ */ j("path", { d: "M9 1.5V5h3.5" })]
+	});
+}
+function nt(e) {
+	return e === void 0 ? "—" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+var rt = C(function({ files: e, onNavigate: n, onSelect: r, selected: a, className: o }, s) {
+	let c = (e) => {
+		e.type === "folder" && n !== void 0 ? n(e.id) : e.type === "file" && r !== void 0 && r(e.id);
+	};
+	return /* @__PURE__ */ j("div", {
+		ref: s,
+		className: t("overflow-auto gds-radius-popover border border-border bg-surface", o),
+		"data-component": "file-browser",
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full border-collapse text-sm",
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", {
+				className: "border-b border-border bg-bg-secondary/50",
+				children: [
+					/* @__PURE__ */ j("th", {
+						className: "gds-pad-x gds-pad-y text-left gds-text-body font-medium uppercase tracking-wider text-fg-muted select-none",
+						children: "Name"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "w-24 gds-pad-x gds-pad-y text-right gds-text-body font-medium uppercase tracking-wider text-fg-muted select-none",
+						children: "Size"
+					}),
+					/* @__PURE__ */ j("th", {
+						className: "w-32 gds-pad-x gds-pad-y text-right gds-text-body font-medium uppercase tracking-wider text-fg-muted select-none",
+						children: "Modified"
+					})
+				]
+			}) }), /* @__PURE__ */ M("tbody", { children: [e.length === 0 && /* @__PURE__ */ j("tr", { children: /* @__PURE__ */ j("td", {
+				colSpan: 3,
+				className: "gds-pad-x py-12 text-center text-sm text-fg-muted",
+				children: "Empty folder"
+			}) }), e.map((e) => /* @__PURE__ */ M("tr", {
+				className: t("border-b border-border transition-colors", i, a === e.id && "bg-accent/10", a !== e.id && "hover:bg-bg-secondary/60", "cursor-pointer"),
+				onClick: () => c(e),
+				tabIndex: 0,
+				onKeyDown: (t) => {
+					t.key === "Enter" && c(e);
+				},
+				children: [
+					/* @__PURE__ */ j("td", {
+						className: "gds-pad-x gds-pad-y",
+						children: /* @__PURE__ */ M("div", {
+							className: "flex items-center gds-gap-sm text-fg",
+							children: [e.icon ?? (e.type === "folder" ? /* @__PURE__ */ j(et, {}) : /* @__PURE__ */ j(tt, {})), /* @__PURE__ */ j("span", {
+								className: e.type === "folder" ? "font-medium" : "",
+								children: e.name
+							})]
+						})
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "gds-pad-x gds-pad-y text-right text-fg-muted",
+						children: e.type === "folder" ? "—" : nt(e.size)
+					}),
+					/* @__PURE__ */ j("td", {
+						className: "gds-pad-x gds-pad-y text-right text-fg-muted",
+						children: e.modified ?? "—"
+					})
+				]
+			}, e.id))] })]
+		})
+	});
+}), it = C(function({ name: e, size: n, type: r, thumbnail: i, actions: o, onClick: s, className: c }, l) {
+	let u = s !== void 0;
+	return /* @__PURE__ */ M("div", {
+		ref: l,
+		role: u ? "button" : void 0,
+		tabIndex: u ? 0 : void 0,
+		onClick: u ? s : void 0,
+		onKeyDown: u ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
+		} : void 0,
+		className: t("gds-ctx gds-radius-card border border-border bg-surface overflow-hidden select-none", u && "cursor-pointer hover:border-accent/40 transition-colors", c),
+		"data-component": "file-card",
+		children: [i !== void 0 && /* @__PURE__ */ j("div", {
+			className: "flex h-28 items-center justify-center bg-bg-tertiary",
+			children: /* @__PURE__ */ j("img", {
+				src: i,
+				alt: e,
+				className: "h-full w-full object-cover"
+			})
+		}), /* @__PURE__ */ M("div", {
+			className: "gds-pad",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "truncate font-medium text-fg gds-text-body",
+					children: e
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "mt-1 flex items-center gap-2",
+					children: [n !== void 0 && /* @__PURE__ */ j("span", {
+						className: "text-fg-muted gds-text-caption",
+						children: n
+					}), r !== void 0 && /* @__PURE__ */ j(a, { children: r })]
+				}),
+				o !== void 0 && /* @__PURE__ */ j("div", {
+					className: "mt-2 flex gap-1",
+					children: o
+				})
+			]
+		})]
+	});
+}), U = t("w-full gds-radius-button border border-border bg-bg gds-pad-x gds-pad-y-sm text-sm text-fg", "placeholder:text-fg-muted/50", i);
+function at(e, n, r) {
+	let a = `form-field-${e.id}`;
+	return e.type === "checkbox" ? /* @__PURE__ */ M("label", {
+		htmlFor: a,
+		className: "flex cursor-pointer items-center gds-gap-sm select-none",
+		children: [
+			/* @__PURE__ */ j("input", {
+				id: a,
+				type: "checkbox",
+				checked: !!n,
+				onChange: (t) => r(e.id, t.target.checked),
+				className: t("h-4 w-4 rounded border-border", i)
+			}),
+			/* @__PURE__ */ j("span", {
+				className: "text-sm text-fg",
+				children: e.label
+			}),
+			e.required === !0 && /* @__PURE__ */ j("span", {
+				className: "text-danger",
+				children: "*"
+			})
+		]
+	}) : e.type === "textarea" ? /* @__PURE__ */ M("div", {
+		className: "flex flex-col gds-gap-xs",
+		children: [/* @__PURE__ */ M("label", {
+			htmlFor: a,
+			className: "gds-text-body font-medium text-fg-muted select-none",
+			children: [e.label, e.required === !0 && /* @__PURE__ */ j("span", {
+				className: "ml-0.5 text-danger",
+				children: "*"
+			})]
+		}), /* @__PURE__ */ j("textarea", {
+			id: a,
+			value: String(n ?? ""),
+			placeholder: e.placeholder,
+			onChange: (t) => r(e.id, t.target.value),
+			className: t(U, "min-h-[72px] resize-y"),
+			rows: 3
+		})]
+	}) : e.type === "select" ? /* @__PURE__ */ M("div", {
+		className: "flex flex-col gds-gap-xs",
+		children: [/* @__PURE__ */ M("label", {
+			htmlFor: a,
+			className: "gds-text-body font-medium text-fg-muted select-none",
+			children: [e.label, e.required === !0 && /* @__PURE__ */ j("span", {
+				className: "ml-0.5 text-danger",
+				children: "*"
+			})]
+		}), /* @__PURE__ */ M("select", {
+			id: a,
+			value: String(n ?? ""),
+			onChange: (t) => r(e.id, t.target.value),
+			className: t(U, "cursor-pointer"),
+			children: [/* @__PURE__ */ j("option", {
+				value: "",
+				children: e.placeholder ?? "Select..."
+			}), e.options?.map((e) => /* @__PURE__ */ j("option", {
+				value: e,
+				children: e
+			}, e))]
+		})]
+	}) : /* @__PURE__ */ M("div", {
+		className: "flex flex-col gds-gap-xs",
+		children: [/* @__PURE__ */ M("label", {
+			htmlFor: a,
+			className: "gds-text-body font-medium text-fg-muted select-none",
+			children: [e.label, e.required === !0 && /* @__PURE__ */ j("span", {
+				className: "ml-0.5 text-danger",
+				children: "*"
+			})]
+		}), /* @__PURE__ */ j("input", {
+			id: a,
+			type: e.type,
+			value: String(n ?? ""),
+			placeholder: e.placeholder,
+			onChange: (t) => {
+				e.type === "number" ? r(e.id, t.target.value === "" ? "" : Number(t.target.value)) : r(e.id, t.target.value);
+			},
+			className: U
+		})]
+	});
+}
+var ot = C(function({ fields: e, values: n, onChange: r, className: i }, a) {
+	return /* @__PURE__ */ j("div", {
+		ref: a,
+		className: t("flex flex-col gap-4", i),
+		"data-component": "form-builder",
+		children: e.map((e) => /* @__PURE__ */ j("div", { children: at(e, n[e.id], r) }, e.id))
+	});
+}), st = C(function({ className: e, headers: n, maxValue: r, rows: i, ...a }, o) {
+	let s = r ?? Math.max(1, ...i.flatMap((e) => e.values));
+	return /* @__PURE__ */ M("table", {
+		className: t("w-full border-collapse text-xs", e),
+		"data-component": "heatmap-table",
+		ref: o,
+		...a,
+		children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", { children: [/* @__PURE__ */ j("th", { className: "p-1.5 text-left font-medium text-fg-muted" }), n.map((e) => /* @__PURE__ */ j("th", {
+			className: "p-1.5 text-center font-medium text-fg-muted",
+			children: e
+		}, e))] }) }), /* @__PURE__ */ j("tbody", { children: i.map((e) => /* @__PURE__ */ M("tr", { children: [/* @__PURE__ */ j("td", {
+			className: "p-1.5 font-medium text-fg",
+			children: e.label
+		}), e.values.map((e, t) => {
+			let n = Math.min(e / s, 1);
+			return /* @__PURE__ */ j("td", {
+				className: "p-1.5 text-center tabular-nums text-fg",
+				style: { backgroundColor: `color-mix(in srgb, var(--color-accent) ${Math.round(n * 20)}%, transparent)` },
+				children: e
+			}, t);
+		})] }, e.label)) })]
+	});
+}), ct = C(function({ src: e, alt: n = "", thumbnailClassName: r, className: a }, o) {
+	let [s, l] = O(!1), u = w(() => l(!0), []), d = w(() => l(!1), []);
+	return T(() => {
+		if (!s) return;
+		let e = (e) => {
+			e.key === "Escape" && d();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [s, d]), T(() => {
+		if (!s) return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}, [s]), /* @__PURE__ */ M("div", {
+		ref: o,
+		className: t("inline-block", a),
+		"data-component": "image-preview",
+		children: [/* @__PURE__ */ j("button", {
+			type: "button",
+			onClick: u,
+			className: t("cursor-pointer border-0 bg-transparent p-0", i),
+			"aria-label": `Preview ${n}`,
+			children: /* @__PURE__ */ j("img", {
+				src: e,
+				alt: n,
+				className: t("gds-radius object-cover", r),
+				"data-testid": "thumbnail"
+			})
+		}), s && c(/* @__PURE__ */ M("div", {
+			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/90",
+			onClick: (e) => {
+				e.target === e.currentTarget && d();
+			},
+			"data-testid": "lightbox",
+			children: [/* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: d,
+				className: t("absolute right-4 top-4 rounded-full bg-white/10 p-2 text-white transition-colors hover:bg-white/20", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				"aria-label": "Close preview",
+				children: /* @__PURE__ */ j("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ j("path", { d: "M3 3l10 10M13 3L3 13" })
+				})
+			}), /* @__PURE__ */ j("img", {
+				src: e,
+				alt: n,
+				className: "max-h-[90vh] max-w-[90vw] object-contain"
+			})]
+		}))]
+	});
+}), lt = C(function({ children: e, className: n, hasMore: r, loader: i, loading: a, onLoadMore: o, threshold: s = .8, ...c }, l) {
+	let u = D(null);
+	return T(() => {
+		let e = u.current;
+		if (e === null) return;
+		let t = new IntersectionObserver((e) => {
+			let t = e[0];
+			t !== void 0 && t.isIntersecting && r && !a && o();
+		}, { threshold: s });
+		return t.observe(e), () => t.disconnect();
+	}, [
+		r,
+		a,
+		o,
+		s
+	]), /* @__PURE__ */ M("div", {
+		className: t("relative", n),
+		"data-component": "infinite-scroll",
+		ref: l,
+		...c,
+		children: [
+			e,
+			a === !0 && /* @__PURE__ */ j("div", {
+				className: "flex items-center justify-center py-4",
+				children: i ?? /* @__PURE__ */ j(d, {})
+			}),
+			/* @__PURE__ */ j("div", {
+				ref: u,
+				"data-sentinel": "true",
+				className: "h-px w-full"
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l5-organisms/json-node.tsx
+function ut(e, t) {
+	return e === !0 ? !0 : e === !1 ? !1 : t < e;
+}
+function dt({ value: e }) {
+	return /* @__PURE__ */ M("span", {
+		className: "text-success",
+		children: [
+			"\"",
+			e,
+			"\""
+		]
+	});
+}
+function ft({ value: e }) {
+	return /* @__PURE__ */ j("span", {
+		className: "text-accent",
+		children: String(e)
+	});
+}
+function pt({ value: e }) {
+	return /* @__PURE__ */ j("span", {
+		className: "text-[#c084fc]",
+		children: String(e)
+	});
+}
+function mt() {
+	return /* @__PURE__ */ j("span", {
+		className: "text-fg-muted",
+		children: "null"
+	});
+}
+function W({ value: e, keyName: t, depth: n, defaultExpanded: r }) {
+	let [i, a] = O(() => ut(r, n)), o = w(() => {
+		a((e) => !e);
+	}, []), s = t === void 0 ? null : /* @__PURE__ */ M("span", {
+		className: "text-fg",
+		children: [t, ": "]
+	});
+	if (e == null) return /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, /* @__PURE__ */ j(mt, {})]
+	});
+	if (typeof e == "string") return /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, /* @__PURE__ */ j(dt, { value: e })]
+	});
+	if (typeof e == "number") return /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, /* @__PURE__ */ j(ft, { value: e })]
+	});
+	if (typeof e == "boolean") return /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, /* @__PURE__ */ j(pt, { value: e })]
+	});
+	if (Array.isArray(e)) return e.length === 0 ? /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, "[]"]
+	}) : i ? /* @__PURE__ */ M("div", { children: [
+		/* @__PURE__ */ M("div", {
+			style: { paddingLeft: `${n * 16}px` },
+			children: [s, /* @__PURE__ */ j("button", {
+				className: "cursor-pointer text-fg-muted hover:text-fg",
+				onClick: o,
+				"data-testid": "toggle",
+				children: "["
+			})]
+		}),
+		e.map((e, t) => /* @__PURE__ */ j(W, {
+			value: e,
+			depth: n + 1,
+			defaultExpanded: r
+		}, t)),
+		/* @__PURE__ */ j("div", {
+			style: { paddingLeft: `${n * 16}px` },
+			children: "]"
+		})
+	] }) : /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, /* @__PURE__ */ M("button", {
+			className: "cursor-pointer text-fg-muted hover:text-fg",
+			onClick: o,
+			"data-testid": "toggle",
+			children: [
+				"[...",
+				e.length,
+				" items]"
+			]
+		})]
+	});
+	if (typeof e == "object") {
+		let t = Object.entries(e);
+		return t.length === 0 ? /* @__PURE__ */ M("div", {
+			style: { paddingLeft: `${n * 16}px` },
+			children: [s, "{}"]
+		}) : i ? /* @__PURE__ */ M("div", { children: [
+			/* @__PURE__ */ M("div", {
+				style: { paddingLeft: `${n * 16}px` },
+				children: [s, /* @__PURE__ */ j("button", {
+					className: "cursor-pointer text-fg-muted hover:text-fg",
+					onClick: o,
+					"data-testid": "toggle",
+					children: "{"
+				})]
+			}),
+			t.map(([e, t]) => /* @__PURE__ */ j(W, {
+				value: t,
+				keyName: e,
+				depth: n + 1,
+				defaultExpanded: r
+			}, e)),
+			/* @__PURE__ */ j("div", {
+				style: { paddingLeft: `${n * 16}px` },
+				children: "}"
+			})
+		] }) : /* @__PURE__ */ M("div", {
+			style: { paddingLeft: `${n * 16}px` },
+			children: [s, /* @__PURE__ */ M("button", {
+				className: "cursor-pointer text-fg-muted hover:text-fg",
+				onClick: o,
+				"data-testid": "toggle",
+				children: [
+					"{",
+					" ...",
+					t.length,
+					" keys ",
+					"}"
+				]
+			})]
+		});
+	}
+	return /* @__PURE__ */ M("div", {
+		style: { paddingLeft: `${n * 16}px` },
+		children: [s, String(e)]
+	});
+}
+//#endregion
+//#region src/l5-organisms/json-viewer.tsx
+var ht = C(function({ data: e, defaultExpanded: n = 2, glass: r, className: i }, a) {
+	return /* @__PURE__ */ j("div", {
+		ref: a,
+		className: t("overflow-auto gds-radius-popover border border-border gds-pad-x gds-pad-y font-mono text-xs leading-5", r === !0 && "bg-white/5 backdrop-blur-md", r !== !0 && "bg-bg-secondary", i),
+		"data-component": "json-viewer",
+		children: /* @__PURE__ */ j(W, {
+			value: e,
+			depth: 0,
+			defaultExpanded: n
+		})
+	});
+});
+//#endregion
+//#region src/l5-organisms/kanban.tsx
+function gt({ label: e }) {
+	return /* @__PURE__ */ j("span", {
+		className: "inline-block gds-radius-badge bg-bg-tertiary gds-pad-x-sm py-0.5 gds-text-caption font-medium text-fg-muted",
+		children: e
+	});
+}
+function _t({ item: e }) {
+	return /* @__PURE__ */ M("div", {
+		className: "gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y transition-colors hover:border-fg-muted/30",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "text-sm font-medium text-fg",
+				children: e.title
+			}),
+			e.description !== void 0 && /* @__PURE__ */ j("p", {
+				className: "mt-1 gds-text-body text-fg-muted",
+				children: e.description
+			}),
+			e.tags !== void 0 && e.tags.length > 0 && /* @__PURE__ */ j("div", {
+				className: "mt-2 flex flex-wrap gds-gap-xs",
+				children: e.tags.map((e) => /* @__PURE__ */ j(gt, { label: e }, e))
+			})
+		]
+	});
+}
+function vt({ column: e, renderItem: t }) {
+	return /* @__PURE__ */ M("div", {
+		className: "flex w-72 shrink-0 flex-col gds-radius-popover bg-bg-secondary/50 gds-pad-x-sm gds-pad-y",
+		children: [/* @__PURE__ */ M("div", {
+			className: "mb-2 flex items-center justify-between px-1",
+			children: [/* @__PURE__ */ j("h3", {
+				className: "gds-text-body font-semibold uppercase tracking-wider text-fg-muted",
+				children: e.title
+			}), /* @__PURE__ */ j("span", {
+				className: "gds-text-body text-fg-muted/60",
+				children: e.items.length
+			})]
+		}), /* @__PURE__ */ M("div", {
+			className: "flex flex-1 flex-col gds-gap-sm overflow-y-auto",
+			children: [e.items.map((e) => /* @__PURE__ */ j("div", { children: t === void 0 ? /* @__PURE__ */ j(_t, { item: e }) : t(e) }, e.id)), e.items.length === 0 && /* @__PURE__ */ j("div", {
+				className: "py-8 text-center gds-text-body text-fg-muted/40",
+				children: "No items"
+			})]
+		})]
+	});
+}
+var yt = C(function({ columns: e, renderItem: n, className: r }, i) {
+	return /* @__PURE__ */ j("div", {
+		ref: i,
+		className: t("flex gds-gap overflow-x-auto p-1", r),
+		"data-component": "kanban",
+		children: e.map((e) => /* @__PURE__ */ j(vt, {
+			column: e,
+			renderItem: n
+		}, e.id))
+	});
+});
+//#endregion
+//#region src/l5-organisms/markdown-parser.ts
+function bt(e) {
+	return e.replace(/<script[\s\S]*?<\/script>/gi, "").replace(/<script[^>]*>/gi, "").replace(/\son\w+\s*=\s*"[^"]*"/gi, "").replace(/\son\w+\s*=\s*'[^']*'/gi, "").replace(/\son\w+\s*=\s*[^\s>]*/gi, "");
+}
+function G(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function K(e) {
+	let t = G(e);
+	return t = t.replace(/`([^`]+)`/g, "<code class=\"rounded bg-bg-tertiary px-1 py-0.5 font-mono text-[0.85em]\">$1</code>"), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*([^*]+)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-accent hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>"), t;
+}
+function xt(e) {
+	let t = e.split("\n"), n = [], r = !1, i = [], a = !1;
+	for (let e = 0; e < t.length; e++) {
+		let o = t[e];
+		if (o.trimStart().startsWith("```")) {
+			r ? (n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${G(i.join("\n"))}</code></pre>`), i = [], r = !1) : (a &&= (n.push("</ul>"), !1), r = !0);
+			continue;
+		}
+		if (r) {
+			i.push(o);
+			continue;
+		}
+		if (/^---+$/.test(o.trim())) {
+			a &&= (n.push("</ul>"), !1), n.push("<hr class=\"my-3 border-border\" />");
+			continue;
+		}
+		let s = o.match(/^(#{1,6})\s+(.+)$/);
+		if (s !== null) {
+			a &&= (n.push("</ul>"), !1);
+			let e = s[1].length;
+			n.push(`<h${e} class="font-semibold ${[
+				"text-xl",
+				"text-lg",
+				"text-base",
+				"text-sm",
+				"text-xs",
+				"text-xs"
+			][e - 1]} ${[
+				"mt-4 mb-2",
+				"mt-3 mb-2",
+				"mt-3 mb-1",
+				"mt-2 mb-1",
+				"mt-2 mb-1",
+				"mt-2 mb-1"
+			][e - 1]}">${K(s[2])}</h${e}>`);
+			continue;
+		}
+		if (o.trimStart().startsWith("> ")) {
+			a &&= (n.push("</ul>"), !1);
+			let e = o.replace(/^>\s*/, "");
+			n.push(`<blockquote class="border-l-2 border-accent/30 pl-3 text-fg-muted italic">${K(e)}</blockquote>`);
+			continue;
+		}
+		let c = o.match(/^(\s*)[-*]\s+(.+)$/);
+		if (c !== null) {
+			a ||= (n.push("<ul class=\"list-disc pl-5 space-y-0.5\">"), !0), n.push(`<li>${K(c[2])}</li>`);
+			continue;
+		}
+		a &&= (n.push("</ul>"), !1), o.trim() !== "" && n.push(`<p class="mb-2">${K(o)}</p>`);
+	}
+	return r && n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${G(i.join("\n"))}</code></pre>`), a && n.push("</ul>"), bt(n.join("\n"));
+}
+//#endregion
+//#region src/l5-organisms/markdown-preview.tsx
+var q = C(function({ content: e, glass: n, className: r }, i) {
+	let a = E(() => xt(e), [e]);
+	return /* @__PURE__ */ j("div", {
+		ref: i,
+		className: t("gds-radius-popover gds-pad-x gds-pad-y text-sm text-fg leading-relaxed", n === !0 && "bg-white/5 backdrop-blur-md", r),
+		"data-component": "markdown-preview",
+		dangerouslySetInnerHTML: { __html: a }
+	});
+}), St = C(function({ value: e, onChange: n, placeholder: r, className: i }, a) {
+	let o = w((e) => n(e.target.value), [n]);
+	return /* @__PURE__ */ M("div", {
+		ref: a,
+		className: t("flex gap-px rounded-lg border border-border bg-surface overflow-hidden", i),
+		"data-component": "markdown-editor",
+		children: [
+			/* @__PURE__ */ j("textarea", {
+				className: "flex-1 resize-none bg-transparent p-3 text-sm text-fg outline-none font-mono min-h-[200px]",
+				value: e,
+				onChange: o,
+				placeholder: r
+			}),
+			/* @__PURE__ */ j("div", { className: "w-px bg-border" }),
+			/* @__PURE__ */ j("div", {
+				className: "flex-1 overflow-auto min-h-[200px]",
+				children: /* @__PURE__ */ j(q, {
+					content: e,
+					className: "h-full"
+				})
+			})
+		]
+	});
+}), Ct = C(function({ children: e, columns: n = 3, gap: r = 16, className: i }, a) {
+	return /* @__PURE__ */ j("div", {
+		ref: a,
+		className: t(i),
+		"data-component": "masonry-grid",
+		style: {
+			columnCount: n,
+			columnGap: `${r}px`
+		},
+		children: x.map(e, (e) => /* @__PURE__ */ j("div", {
+			style: {
+				breakInside: "avoid",
+				marginBottom: `${r}px`
+			},
+			children: e
+		}))
+	});
+}), wt = C(function({ className: e, emptyMessage: r = "No notifications", glass: i, notifications: a, onClear: o, onDismiss: s, ...c }, l) {
+	let u = a.length > 0;
+	return /* @__PURE__ */ M("div", {
+		ref: l,
+		className: t("flex flex-col gds-radius-popover border border-border", i === !0 ? t(n(i), "border-white/10 bg-bg/60") : "bg-surface", e),
+		"data-component": "notification-center",
+		...c,
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center justify-between border-b border-border gds-pad-x gds-pad-y-sm",
+			children: [/* @__PURE__ */ j("span", {
+				className: "gds-text-body font-medium text-fg select-none",
+				children: "Notifications"
+			}), u && o !== void 0 && /* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: o,
+				className: t("gds-text-label text-accent hover:text-accent-hover", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				children: "Clear all"
+			})]
+		}), /* @__PURE__ */ j("div", {
+			className: "flex-1 overflow-y-auto",
+			children: u ? /* @__PURE__ */ j("div", {
+				className: "flex flex-col gds-gap-sm gds-pad",
+				children: a.map((e) => /* @__PURE__ */ j(y, {
+					title: e.title,
+					description: e.message,
+					variant: e.variant ?? "info",
+					onClose: s === void 0 ? void 0 : () => s(e.id)
+				}, e.id))
+			}) : /* @__PURE__ */ j("div", {
+				className: "flex items-center justify-center gds-pad-lg",
+				children: /* @__PURE__ */ j("span", {
+					className: "gds-text-label text-fg-muted",
+					children: r
+				})
+			})
+		})]
+	});
+}), Tt = {
+	"top-right": "top-4 right-4",
+	"bottom-right": "bottom-4 right-4"
+}, Et = (e) => e === "info" ? "default" : e ?? "default", Dt = C(function({ toasts: e, onDismiss: n, position: r = "top-right", className: i }, a) {
+	return T(() => {
+		let t = e.map((e) => window.setTimeout(() => n(e.id), 5e3));
+		return () => t.forEach((e) => window.clearTimeout(e));
+	}, [e, n]), e.length === 0 ? null : c(/* @__PURE__ */ j("div", {
+		ref: a,
+		className: t("fixed z-50 flex w-80 flex-col gap-2", Tt[r], i),
+		"data-component": "notification-toast",
+		children: e.map((e) => /* @__PURE__ */ j(b, {
+			title: e.title,
+			description: e.message,
+			variant: Et(e.variant),
+			onClose: () => n(e.id)
+		}, e.id))
+	}));
+}), Ot = C(function({ children: e, speed: n = .5, direction: r = "vertical", disabled: i = !1, className: a }, o) {
+	let s = D(null), [c, l] = O(0), u = D(0), d = w(() => {
+		u.current === 0 && (u.current = requestAnimationFrame(() => {
+			let e = s.current;
+			if (e !== null) {
+				let t = e.getBoundingClientRect();
+				l(r === "vertical" ? -t.top * n : -t.left * n);
+			}
+			u.current = 0;
+		}));
+	}, [n, r]);
+	T(() => {
+		if (!i) return window.addEventListener("scroll", d, { passive: !0 }), d(), () => {
+			window.removeEventListener("scroll", d), u.current !== 0 && cancelAnimationFrame(u.current);
+		};
+	}, [i, d]);
+	let f = D(!1);
+	T(() => {
+		f.current = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	}, []);
+	let p = i || f.current ? void 0 : r === "vertical" ? `translateY(${c}px)` : `translateX(${c}px)`;
+	return /* @__PURE__ */ j("div", {
+		ref: (e) => {
+			s.current = e, typeof o == "function" ? o(e) : o != null && (o.current = e);
+		},
+		className: t("will-change-transform", a),
+		style: p === void 0 ? void 0 : { transform: p },
+		"data-component": "parallax",
+		children: e
+	});
+}), kt = C(function({ className: e, currency: n = "¥", deductions: r, gross: i, net: a, period: o, ...s }, c) {
+	let l = (e) => `${n}${e.toLocaleString()}`;
+	return /* @__PURE__ */ M("div", {
+		className: t("gds-ctx gds-radius-card border border-border bg-surface gds-pad", e),
+		"data-component": "payslip-card",
+		ref: c,
+		...s,
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "mb-3 font-semibold text-fg",
+				children: o
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex justify-between text-sm",
+				children: [/* @__PURE__ */ j("span", {
+					className: "text-fg-muted",
+					children: "Gross"
+				}), /* @__PURE__ */ j("span", {
+					className: "text-fg",
+					children: l(i)
+				})]
+			}),
+			r.map((e) => /* @__PURE__ */ M("div", {
+				className: "flex justify-between text-sm",
+				children: [/* @__PURE__ */ j("span", {
+					className: "text-fg-muted",
+					children: e.label
+				}), /* @__PURE__ */ M("span", {
+					className: "text-danger",
+					children: ["-", l(e.amount)]
+				})]
+			}, e.label)),
+			/* @__PURE__ */ j("div", { className: "my-2 border-t border-border" }),
+			/* @__PURE__ */ M("div", {
+				className: "flex justify-between font-bold",
+				children: [/* @__PURE__ */ j("span", {
+					className: "text-fg",
+					children: "Net Pay"
+				}), /* @__PURE__ */ j("span", {
+					className: "text-fg",
+					children: l(a)
+				})]
+			})
+		]
+	});
+}), At = C(function({ roles: e, permissions: n, values: r, onChange: i, readonly: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ j("div", {
+		ref: c,
+		className: t("overflow-auto", o),
+		"data-component": "permission-matrix",
+		...s,
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full border-collapse gds-text-body",
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", { children: [/* @__PURE__ */ j("th", {
+				className: "border border-border bg-bg-secondary px-3 py-2 text-left text-fg-muted font-medium select-none",
+				children: "Permission"
+			}), e.map((e) => /* @__PURE__ */ j("th", {
+				className: "border border-border bg-bg-secondary px-3 py-2 text-center text-fg-muted font-medium select-none",
+				children: e
+			}, e))] }) }), /* @__PURE__ */ j("tbody", { children: n.map((t, n) => /* @__PURE__ */ M("tr", { children: [/* @__PURE__ */ j("td", {
+				className: "border border-border px-3 py-2 text-fg select-none",
+				children: t
+			}), e.map((o, s) => {
+				let c = r[n]?.[s] ?? !1;
+				return /* @__PURE__ */ j("td", {
+					className: "border border-border px-3 py-2 text-center",
+					children: a === !0 ? /* @__PURE__ */ j("span", {
+						className: c ? "text-success" : "text-fg-muted",
+						children: c ? "✓" : "—"
+					}) : /* @__PURE__ */ j("input", {
+						type: "checkbox",
+						checked: c,
+						onChange: (e) => i?.(n, s, e.target.checked),
+						className: "cursor-pointer accent-accent",
+						"aria-label": `${t} - ${e[s]}`
+					})
+				}, s);
+			})] }, t)) })]
+		})
+	});
+}), jt = C(function({ milestones: e, className: n }, r) {
+	let i = e.reduce((e, t, n) => t.completed ? n : e, -1);
+	return /* @__PURE__ */ j("div", {
+		ref: r,
+		className: t("select-none", n),
+		"data-component": "progress-timeline",
+		children: /* @__PURE__ */ M("div", {
+			className: "relative flex items-start justify-between",
+			children: [
+				/* @__PURE__ */ j("div", { className: "absolute top-3 right-4 left-4 h-0.5 bg-border" }),
+				i >= 0 && e.length > 1 && /* @__PURE__ */ j("div", {
+					className: "absolute top-3 left-4 h-0.5 bg-accent",
+					style: { width: `${i / (e.length - 1) * 100}%` }
+				}),
+				e.map((e, n) => /* @__PURE__ */ M("div", {
+					className: "relative z-10 flex flex-col items-center gap-1",
+					children: [
+						/* @__PURE__ */ j("div", {
+							className: t("h-6 w-6 rounded-full border-2 transition-colors", e.completed ? "border-accent bg-accent" : "border-border bg-bg"),
+							"data-completed": e.completed
+						}),
+						/* @__PURE__ */ j("span", {
+							className: "text-xs font-medium text-fg",
+							children: e.label
+						}),
+						/* @__PURE__ */ j("span", {
+							className: "gds-text-body text-fg-muted",
+							children: e.date
+						})
+					]
+				}, n))
+			]
+		})
+	});
+}), Mt = C(function({ className: e, onChange: n, properties: r }, i) {
+	return /* @__PURE__ */ j("div", {
+		ref: i,
+		className: t("gds-radius-popover border border-border overflow-hidden", e),
+		"data-component": "property-editor",
+		children: r.map((e, i) => /* @__PURE__ */ M("div", {
+			className: t("flex items-center justify-between gds-pad-x gds-pad-y-sm", i < r.length - 1 && "border-b border-border"),
+			children: [/* @__PURE__ */ j("span", {
+				className: "gds-text-body font-medium text-fg-muted",
+				children: e.key
+			}), /* @__PURE__ */ j("div", {
+				className: "text-right",
+				children: e.editable === !0 && n !== void 0 ? /* @__PURE__ */ j(h, {
+					onSave: (t) => n(e.key, t),
+					value: e.value
+				}) : /* @__PURE__ */ j("span", {
+					className: "gds-text-body text-fg",
+					children: e.value
+				})
+			})]
+		}, e.key))
+	});
+}), Nt = C(function({ className: e, columns: n = 4, links: r, ...a }, o) {
+	return /* @__PURE__ */ j("div", {
+		className: t("grid gap-3", e),
+		"data-component": "quick-links",
+		ref: o,
+		style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
+		...a,
+		children: r.map((e) => /* @__PURE__ */ M(e.href === void 0 ? "button" : "a", {
+			className: t("flex flex-col items-center gap-2 rounded-lg border border-border bg-surface p-4 text-fg transition-colors hover:bg-bg-secondary", i),
+			...e.href === void 0 ? {} : { href: e.href },
+			onClick: e.onClick,
+			children: [e.icon !== void 0 && /* @__PURE__ */ j("div", {
+				className: "text-fg-muted",
+				children: e.icon
+			}), /* @__PURE__ */ j("span", {
+				className: "text-xs font-medium select-none",
+				children: e.label
+			})]
+		}, e.label))
+	});
+}), Pt = C(function({ className: e, items: n, title: r = "Recent Activity", ...i }, a) {
+	return /* @__PURE__ */ M("div", {
+		className: t("flex flex-col", e),
+		"data-component": "recent-activity",
+		ref: a,
+		...i,
+		children: [/* @__PURE__ */ j("h3", {
+			className: "mb-2 text-xs font-semibold uppercase tracking-wider text-fg-muted",
+			children: r
+		}), /* @__PURE__ */ M("div", {
+			className: "flex flex-col gap-1",
+			children: [n.map((e, t) => /* @__PURE__ */ M("div", {
+				className: "flex items-baseline justify-between gap-2 py-1 text-sm",
+				children: [/* @__PURE__ */ M("div", {
+					className: "min-w-0 truncate",
+					children: [/* @__PURE__ */ j("span", {
+						className: "font-medium text-fg",
+						children: e.user
+					}), /* @__PURE__ */ M("span", {
+						className: "text-fg-muted",
+						children: [" ", e.action]
+					})]
+				}), /* @__PURE__ */ j("span", {
+					className: "shrink-0 text-xs text-fg-muted",
+					children: e.timestamp
+				})]
+			}, t)), n.length === 0 && /* @__PURE__ */ j("p", {
+				className: "py-2 text-center text-xs text-fg-muted",
+				children: "No activity"
+			})]
+		})]
+	});
+}), Ft = {
+	sm: "sm:flex-row",
+	md: "md:flex-row",
+	lg: "lg:flex-row"
+}, It = {
+	sm: "gap-2",
+	default: "gap-4",
+	lg: "gap-6"
+}, Lt = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch"
+}, Rt = C(function({ children: e, breakpoint: n = "md", gap: r = "default", align: i = "stretch", className: a }, o) {
+	return /* @__PURE__ */ j("div", {
+		ref: o,
+		className: t("flex flex-col", Ft[n], It[r], Lt[i], a),
+		"data-component": "responsive-stack",
+		children: e
+	});
+}), J = C(function({ striped: e, compact: r, hoverable: i = !0, glass: a, className: o, children: s, ...c }, l) {
+	return /* @__PURE__ */ j("div", {
+		"data-component": "table",
+		"data-striped": e ?? void 0,
+		"data-compact": r ?? void 0,
+		className: t("gds-radius-popover overflow-hidden border border-border", n(a), e && "[&_tbody_tr:nth-child(even)]:bg-bg-secondary/30", r && "[&_th]:px-2 [&_th]:py-1 [&_td]:px-2 [&_td]:py-1", !r && "[&_th]:gds-pad-x [&_th]:py-1.5 [&_td]:gds-pad-x [&_td]:gds-pad-y", i && "[&_tbody_tr]:transition-colors [&_tbody_tr:hover]:bg-bg-tertiary/30", "[&_th]:bg-bg-tertiary/50 [&_th]:text-left [&_th]:font-medium [&_th]:text-fg-muted [&_th]:border-b [&_th]:border-border [&_th]:gds-text-body", "[&_td]:border-b [&_td]:border-border [&_td]:gds-text-body [&_tbody_tr:last-child_td]:border-0", o),
+		children: /* @__PURE__ */ j("table", {
+			ref: l,
+			className: "w-full",
+			...c,
+			children: s
+		})
+	});
+}), Y = typeof window < "u" ? window.matchMedia("(max-width: 1023px)") : null;
+function zt(e) {
+	return Y?.addEventListener("change", e), () => Y?.removeEventListener("change", e);
+}
+function Bt() {
+	return Y?.matches ?? !1;
+}
+var Vt = C(function({ columns: e, data: r, glass: i, className: a, ...o }, s) {
+	return k(zt, Bt, () => !1) ? /* @__PURE__ */ j("div", {
+		className: t("flex flex-col gds-gap", a),
+		"data-component": "responsive-table",
+		"data-mode": "cards",
+		ref: s,
+		...o,
+		children: r.map((r, a) => /* @__PURE__ */ j("div", {
+			className: t("gds-radius-popover border border-border gds-pad", n(i)),
+			children: e.map((e) => /* @__PURE__ */ M("div", {
+				className: "flex justify-between gds-pad-y-sm",
+				children: [/* @__PURE__ */ j("span", {
+					className: "gds-text-caption font-medium text-fg-muted",
+					children: e.header
+				}), /* @__PURE__ */ j("span", {
+					className: "gds-text-body text-fg",
+					children: String(r[e.key] ?? "")
+				})]
+			}, e.key))
+		}, a))
+	}) : /* @__PURE__ */ j("div", {
+		"data-component": "responsive-table",
+		"data-mode": "table",
+		ref: s,
+		...o,
+		children: /* @__PURE__ */ M(J, {
+			glass: i,
+			className: a,
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ j("tr", { children: e.map((e) => /* @__PURE__ */ j("th", { children: e.header }, e.key)) }) }), /* @__PURE__ */ j("tbody", { children: r.map((t, n) => /* @__PURE__ */ j("tr", { children: e.map((e) => /* @__PURE__ */ j("td", { children: String(t[e.key] ?? "") }, e.key)) }, n)) })]
+		})
+	});
+});
+//#endregion
+//#region src/l5-organisms/rich-select-list.tsx
+function Ht({ options: e, value: r, focusedIndex: i, glass: a, onSelect: o, onFocus: s }) {
+	return /* @__PURE__ */ j("div", {
+		role: "listbox",
+		className: t("absolute z-50 mt-1 w-full gds-radius-popover border border-border bg-bg shadow-lg overflow-auto max-h-60", n(a)),
+		children: e.map((e, n) => /* @__PURE__ */ M("div", {
+			role: "option",
+			"aria-selected": e.value === r,
+			"data-focused": n === i ? "" : void 0,
+			className: t("flex items-start gap-2 px-3 py-2 cursor-pointer transition-colors", e.value === r && "bg-accent/10 text-accent", n === i && "bg-bg-tertiary/50", e.value !== r && n !== i && "hover:bg-bg-tertiary/30"),
+			onClick: () => o(e.value),
+			onMouseEnter: () => s(n),
+			children: [
+				e.icon !== void 0 && /* @__PURE__ */ j("span", {
+					className: "mt-0.5 shrink-0",
+					children: e.icon
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ j("div", {
+						className: "text-sm truncate",
+						children: e.label
+					}), e.description !== void 0 && /* @__PURE__ */ j("div", {
+						className: "text-xs text-fg-muted truncate",
+						children: e.description
+					})]
+				}),
+				e.badge !== void 0 && /* @__PURE__ */ j("span", {
+					className: "shrink-0 rounded-full bg-bg-tertiary px-2 py-0.5 text-[10px] text-fg-muted",
+					children: e.badge
+				})
+			]
+		}, e.value))
+	});
+}
+//#endregion
+//#region src/l5-organisms/rich-select.tsx
+var Ut = C(function({ options: e, value: r, onChange: a, placeholder: o, disabled: s, error: c, glass: l, className: d }, f) {
+	let [p, m] = O(!1), [h, g] = O(-1), _ = D(null), v = e.find((e) => e.value === r);
+	T(() => {
+		if (!p) return;
+		function e(e) {
+			_.current !== null && !_.current.contains(e.target) && m(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [p]);
+	let y = w((t) => {
+		if (!s) {
+			if (t.key === "Escape") {
+				m(!1);
+				return;
+			}
+			if (!p) {
+				(t.key === "Enter" || t.key === " " || t.key === "ArrowDown") && (t.preventDefault(), m(!0), g(0));
+				return;
+			}
+			t.key === "ArrowDown" ? (t.preventDefault(), g((t) => t < e.length - 1 ? t + 1 : 0)) : t.key === "ArrowUp" ? (t.preventDefault(), g((t) => t > 0 ? t - 1 : e.length - 1)) : t.key === "Enter" && (t.preventDefault(), h >= 0 && h < e.length && (a(e[h].value), m(!1)));
+		}
+	}, [
+		s,
+		p,
+		e,
+		h,
+		a
+	]), b = w((e) => {
+		a(e), m(!1);
+	}, [a]);
+	return /* @__PURE__ */ M("div", {
+		ref: u(f, _),
+		"data-component": "rich-select",
+		"data-state": p ? "open" : "closed",
+		className: t("relative", d),
+		onKeyDown: y,
+		children: [/* @__PURE__ */ M("button", {
+			type: "button",
+			disabled: s,
+			className: t("flex w-full items-center gap-2 gds-radius-input border gds-pad-x gds-h-lg text-sm text-left transition-colors", c ? "border-danger" : "border-border hover:border-fg-muted", s && "opacity-50 cursor-not-allowed", n(l), i),
+			onClick: () => m((e) => !e),
+			"aria-expanded": p,
+			"aria-haspopup": "listbox",
+			children: [v === void 0 ? /* @__PURE__ */ j("span", {
+				className: "flex-1 truncate text-fg-muted",
+				children: o ?? "Select..."
+			}) : /* @__PURE__ */ M(A, { children: [v.icon !== void 0 && /* @__PURE__ */ j("span", {
+				className: "shrink-0",
+				children: v.icon
+			}), /* @__PURE__ */ j("span", {
+				className: "flex-1 truncate text-fg",
+				children: v.label
+			})] }), /* @__PURE__ */ j("svg", {
+				className: "ml-auto h-3 w-3 shrink-0 text-fg-muted",
+				viewBox: "0 0 12 12",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ j("path", { d: "M3 4.5l3 3 3-3" })
+			})]
+		}), p && /* @__PURE__ */ j(Ht, {
+			options: e,
+			value: r,
+			focusedIndex: h,
+			glass: l,
+			onSelect: b,
+			onFocus: g
+		})]
+	});
+}), Wt = C(function({ results: e, query: n, total: r, onSelect: i, className: s }, c) {
+	return /* @__PURE__ */ M("div", {
+		ref: c,
+		className: t("flex flex-col", s),
+		"data-component": "search-results",
+		children: [r !== void 0 && /* @__PURE__ */ M("div", {
+			className: "gds-pad-x py-2 text-xs text-fg-muted",
+			children: [
+				r,
+				" result",
+				r === 1 ? "" : "s",
+				" found"
+			]
+		}), e.map((e) => /* @__PURE__ */ M("div", {
+			role: i === void 0 ? void 0 : "button",
+			tabIndex: i === void 0 ? void 0 : 0,
+			onClick: i === void 0 ? void 0 : () => i(e.id),
+			onKeyDown: i === void 0 ? void 0 : (t) => {
+				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(e.id));
+			},
+			className: t("gds-pad-x gds-pad-y border-b border-border last:border-b-0", i !== void 0 && "cursor-pointer hover:bg-bg-tertiary transition-colors"),
+			children: [/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ j(o, {
+					text: e.title,
+					query: n,
+					className: "font-medium text-fg gds-text-body"
+				}), e.category !== void 0 && /* @__PURE__ */ j(a, { children: e.category })]
+			}), e.description !== void 0 && /* @__PURE__ */ j(o, {
+				text: e.description,
+				query: n,
+				className: "mt-0.5 text-fg-muted gds-text-caption line-clamp-2"
+			})]
+		}, e.id))]
+	});
+}), Gt = {
+	healthy: "bg-success",
+	warning: "bg-warning",
+	error: "bg-danger",
+	offline: "bg-fg-muted/40"
+}, Kt = {
+	healthy: "Healthy",
+	warning: "Warning",
+	error: "Error",
+	offline: "Offline"
+}, qt = C(function({ name: e, description: n, status: r, metrics: i, tags: a, url: o, className: s }, c) {
+	return /* @__PURE__ */ M("div", {
+		ref: c,
+		className: t("gds-ctx gds-radius-card border border-border bg-surface gds-pad", s),
+		"data-component": "service-card",
+		"data-state": r,
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ j("span", { className: t("h-2.5 w-2.5 rounded-full", Gt[r]) }),
+					/* @__PURE__ */ j("span", {
+						className: "font-semibold text-fg",
+						children: e
+					}),
+					/* @__PURE__ */ j("span", {
+						className: "ml-auto text-xs text-fg-muted",
+						children: Kt[r]
+					})
+				]
+			}),
+			n !== void 0 && /* @__PURE__ */ j("p", {
+				className: "mt-1.5 gds-text-body text-fg-muted",
+				children: n
+			}),
+			i !== void 0 && i.length > 0 && /* @__PURE__ */ j("div", {
+				className: "mt-3 flex flex-wrap gap-x-4 gap-y-1 text-xs",
+				children: i.map((e) => /* @__PURE__ */ M("div", {
+					className: "flex gap-1",
+					children: [/* @__PURE__ */ j("span", {
+						className: "text-fg-muted",
+						children: e.label
+					}), /* @__PURE__ */ j("span", {
+						className: "font-medium text-fg",
+						children: e.value
+					})]
+				}, e.label))
+			}),
+			(a !== void 0 || o !== void 0) && /* @__PURE__ */ M("div", {
+				className: "mt-3 flex flex-wrap items-center gap-1.5",
+				children: [a?.map((e) => /* @__PURE__ */ j("span", {
+					className: "rounded-full bg-bg-tertiary px-2 py-0.5 text-[10px] text-fg-muted",
+					children: e
+				}, e)), o !== void 0 && /* @__PURE__ */ j("a", {
+					href: o,
+					target: "_blank",
+					rel: "noreferrer",
+					className: "ml-auto text-xs text-accent hover:underline",
+					children: o
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l5-organisms/signature-drawing.ts
+function X(e, t, n) {
+	let r = e.getBoundingClientRect();
+	return {
+		x: (t - r.left) * (e.width / r.width),
+		y: (n - r.top) * (e.height / r.height)
+	};
+}
+function Jt(e, t, n) {
+	e.strokeStyle = n.strokeColor, e.lineWidth = n.strokeWidth, e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(t.x, t.y);
+}
+function Yt(e, t) {
+	e.lineTo(t.x, t.y), e.stroke();
+}
+function Xt(e) {
+	let t = e.getContext("2d");
+	t !== null && t.clearRect(0, 0, e.width, e.height);
+}
+function Zt(e) {
+	return e.toDataURL("image/png");
+}
+//#endregion
+//#region src/l5-organisms/signature-pad.tsx
+var Qt = C(function({ className: e, disabled: n, height: r = 200, onSign: a, strokeColor: o = "var(--gds-fg)", strokeWidth: s = 2, width: c = 400, ...l }, u) {
+	let d = D(null), f = D(!1), [p, m] = O(!0), h = w((e, t) => {
+		if (n === !0) return;
+		let r = d.current;
+		if (r === null) return;
+		let i = r.getContext("2d");
+		i !== null && (f.current = !0, Jt(i, X(r, e, t), {
+			strokeColor: o,
+			strokeWidth: s
+		}));
+	}, [
+		n,
+		o,
+		s
+	]), g = w((e, t) => {
+		if (!f.current) return;
+		let n = d.current;
+		if (n === null) return;
+		let r = n.getContext("2d");
+		r !== null && (Yt(r, X(n, e, t)), m(!1));
+	}, []), _ = w(() => {
+		if (!f.current) return;
+		f.current = !1;
+		let e = d.current;
+		e !== null && a(Zt(e));
+	}, [a]), v = w((e) => {
+		h(e.clientX, e.clientY);
+	}, [h]), y = w((e) => {
+		g(e.clientX, e.clientY);
+	}, [g]), b = w((e) => {
+		e.preventDefault();
+		let t = e.touches[0];
+		t !== void 0 && h(t.clientX, t.clientY);
+	}, [h]), x = w((e) => {
+		e.preventDefault();
+		let t = e.touches[0];
+		t !== void 0 && g(t.clientX, t.clientY);
+	}, [g]), S = w((e) => {
+		e.preventDefault(), _();
+	}, [_]), C = w(() => {
+		let e = d.current;
+		e !== null && (Xt(e), m(!0));
+	}, []);
+	return /* @__PURE__ */ M("div", {
+		className: t("gds-ctx inline-flex flex-col gap-2 gds-radius-popover border border-border bg-surface p-3", n === !0 && "pointer-events-none opacity-40", e),
+		"data-component": "signature-pad",
+		ref: u,
+		...l,
+		children: [/* @__PURE__ */ M("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ j("canvas", {
+				className: "block cursor-crosshair rounded border border-border/50 bg-bg",
+				height: r,
+				onMouseDown: v,
+				onMouseLeave: _,
+				onMouseMove: y,
+				onMouseUp: _,
+				onTouchEnd: S,
+				onTouchMove: x,
+				onTouchStart: b,
+				ref: d,
+				style: {
+					width: c,
+					height: r
+				},
+				width: c
+			}), p && /* @__PURE__ */ j("div", {
+				className: "pointer-events-none absolute inset-0 flex items-end justify-center pb-4",
+				children: /* @__PURE__ */ j("span", {
+					className: "select-none text-xs text-fg-muted/50",
+					children: "Sign above"
+				})
+			})]
+		}), /* @__PURE__ */ j("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ j("button", {
+				className: t("rounded px-2.5 py-1 text-xs text-fg-muted transition-colors hover:bg-fg-muted/10 hover:text-fg", i),
+				onClick: C,
+				type: "button",
+				children: "Clear"
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/l5-organisms/sortable-list.tsx
+function $t() {
+	return /* @__PURE__ */ M("svg", {
+		className: "h-4 w-4 text-fg-muted/50",
+		fill: "currentColor",
+		viewBox: "0 0 16 16",
+		children: [
+			/* @__PURE__ */ j("circle", {
+				cx: "5",
+				cy: "3",
+				r: "1.2"
+			}),
+			/* @__PURE__ */ j("circle", {
+				cx: "11",
+				cy: "3",
+				r: "1.2"
+			}),
+			/* @__PURE__ */ j("circle", {
+				cx: "5",
+				cy: "8",
+				r: "1.2"
+			}),
+			/* @__PURE__ */ j("circle", {
+				cx: "11",
+				cy: "8",
+				r: "1.2"
+			}),
+			/* @__PURE__ */ j("circle", {
+				cx: "5",
+				cy: "13",
+				r: "1.2"
+			}),
+			/* @__PURE__ */ j("circle", {
+				cx: "11",
+				cy: "13",
+				r: "1.2"
+			})
+		]
+	});
+}
+var en = C(function({ className: e, disabled: n, itemClassName: r, items: i, onReorder: a, ...o }, s) {
+	let [c, l] = O(null), [u, d] = O(null);
+	function f(e) {
+		n || l(e);
+	}
+	function p(e, t) {
+		e.preventDefault(), d(t);
+	}
+	function m() {
+		d(null);
+	}
+	function h(e, t) {
+		if (e.preventDefault(), c === null || c === t) {
+			l(null), d(null);
+			return;
+		}
+		let n = [...i], [r] = n.splice(c, 1);
+		r !== void 0 && n.splice(t, 0, r), a(n), l(null), d(null);
+	}
+	function g() {
+		l(null), d(null);
+	}
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col", e),
+		"data-component": "sortable-list",
+		ref: s,
+		...o,
+		children: i.map((e, i) => /* @__PURE__ */ M("div", {
+			className: t("flex items-center gds-gap border-b border-border px-2 py-2 transition-opacity", c === i && "opacity-50", u === i && "border-t-2 border-t-accent", n !== !0 && "cursor-grab active:cursor-grabbing", n === !0 && "pointer-events-none opacity-60", r),
+			"data-item-id": e.id,
+			draggable: n !== !0,
+			onDragEnd: g,
+			onDragLeave: m,
+			onDragOver: (e) => p(e, i),
+			onDragStart: () => f(i),
+			onDrop: (e) => h(e, i),
+			children: [n !== !0 && /* @__PURE__ */ j("span", {
+				className: "flex-shrink-0 select-none",
+				children: /* @__PURE__ */ j($t, {})
+			}), /* @__PURE__ */ j("div", {
+				className: "flex-1",
+				children: e.content
+			})]
+		}, e.id))
+	});
+}), tn = C(function({ columns: e, data: n, defaultSort: r, className: i, ...a }, o) {
+	let [s, c] = O(r), l = E(() => s === void 0 ? n : [...n].sort((e, t) => {
+		let n = String(e[s.key] ?? ""), r = String(t[s.key] ?? ""), i = n.localeCompare(r, void 0, { numeric: !0 });
+		return s.dir === "asc" ? i : -i;
+	}), [n, s]);
+	function u(e) {
+		s?.key === e ? c({
+			key: e,
+			dir: s.dir === "asc" ? "desc" : "asc"
+		}) : c({
+			key: e,
+			dir: "asc"
+		});
+	}
+	return /* @__PURE__ */ j("div", {
+		ref: o,
+		className: t("overflow-hidden rounded-lg border border-border", i),
+		"data-component": "sortable-table",
+		...a,
+		children: /* @__PURE__ */ M("table", {
+			className: "w-full text-left gds-text",
+			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ j("tr", {
+				className: "border-b border-border bg-bg-tertiary/50",
+				children: e.map((e) => /* @__PURE__ */ j("th", {
+					className: t("px-3 py-1.5 font-medium text-fg-muted", e.sortable !== !1 && "cursor-pointer select-none hover:text-fg"),
+					onClick: e.sortable === !1 ? void 0 : () => u(e.key),
+					children: /* @__PURE__ */ M("span", {
+						className: "inline-flex items-center gap-1",
+						children: [e.header, s?.key === e.key && /* @__PURE__ */ j("span", {
+							className: "text-[10px]",
+							children: s.dir === "asc" ? "▲" : "▼"
+						})]
+					})
+				}, e.key))
+			}) }), /* @__PURE__ */ j("tbody", { children: l.map((t, n) => /* @__PURE__ */ j("tr", {
+				className: "border-b border-border last:border-0 transition-colors hover:bg-bg-tertiary/30",
+				children: e.map((e) => /* @__PURE__ */ j("td", {
+					className: "px-3 py-1.5 text-fg",
+					children: String(t[e.key] ?? "")
+				}, e.key))
+			}, n)) })]
+		})
+	});
+});
+//#endregion
+//#region src/l5-organisms/spotlight.tsx
+function nn(e, t) {
+	let [n, r] = O(null);
+	return T(() => {
+		if (!t) {
+			r(null);
+			return;
+		}
+		let n = e.current;
+		if (n === null) return;
+		let i = () => {
+			let e = n.getBoundingClientRect();
+			r({
+				top: e.top,
+				left: e.left,
+				width: e.width,
+				height: e.height
+			});
+		};
+		return i(), window.addEventListener("resize", i), window.addEventListener("scroll", i, !0), () => {
+			window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0);
+		};
+	}, [t, e]), n;
+}
+function rn(e, t) {
+	let n = { position: "fixed" };
+	return t === "bottom" ? {
+		...n,
+		top: e.top + e.height + 12,
+		left: e.left
+	} : t === "top" ? {
+		...n,
+		bottom: window.innerHeight - e.top + 12,
+		left: e.left
+	} : t === "left" ? {
+		...n,
+		top: e.top,
+		right: window.innerWidth - e.left + 12
+	} : {
+		...n,
+		top: e.top,
+		left: e.left + e.width + 12
+	};
+}
+function an({ active: e, targetRef: n, title: r, description: i, placement: a = "bottom", onClose: o, className: s }) {
+	let l = nn(n, e), u = D(o);
+	u.current = o;
+	let d = w((e) => {
+		e.key === "Escape" && u.current !== void 0 && u.current();
+	}, []);
+	return T(() => {
+		if (e) return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
+	}, [e, d]), !e || l === null ? null : c(/* @__PURE__ */ M("div", {
+		className: t("fixed inset-0 z-[9998]", s),
+		"data-component": "spotlight",
+		onClick: o,
+		children: [/* @__PURE__ */ j("div", {
+			className: "absolute rounded-md",
+			style: {
+				top: l.top - 6,
+				left: l.left - 6,
+				width: l.width + 12,
+				height: l.height + 12,
+				boxShadow: "0 0 0 9999px rgba(0,0,0,0.6)",
+				pointerEvents: "none"
+			}
+		}), /* @__PURE__ */ M("div", {
+			className: "z-[9999] max-w-xs rounded-lg border border-white/10 bg-bg-secondary p-4 shadow-lg",
+			style: rn(l, a),
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				r !== void 0 && /* @__PURE__ */ j("p", {
+					className: "text-sm font-semibold text-fg",
+					children: r
+				}),
+				i !== void 0 && /* @__PURE__ */ j("p", {
+					className: "mt-1 text-xs text-fg-muted",
+					children: i
+				}),
+				o !== void 0 && /* @__PURE__ */ j("button", {
+					className: "mt-3 text-xs font-medium text-accent hover:text-accent/80",
+					onClick: o,
+					children: "Got it"
+				})
+			]
+		})]
+	}));
+}
+//#endregion
+//#region src/l5-organisms/stacked-list.tsx
+function on({ items: e, header: n, footer: r, onSelect: i, selectedId: a, dividers: o = !0, glass: s, className: c }) {
+	return /* @__PURE__ */ M("div", {
+		"data-component": "stacked-list",
+		className: t("overflow-hidden gds-radius-card border border-border", s === !0 && "bg-white/5 backdrop-blur-md", c),
+		children: [
+			n !== void 0 && /* @__PURE__ */ j("div", {
+				className: "border-b border-border bg-bg-tertiary/30 px-4 py-2.5",
+				children: n
+			}),
+			/* @__PURE__ */ j("div", { children: e.map((n, r) => /* @__PURE__ */ j(g, {
+				icon: n.icon,
+				title: n.title,
+				description: n.description,
+				trailing: n.trailing,
+				active: a === n.id,
+				onClick: i === void 0 ? void 0 : () => i(n.id),
+				className: t(o === !0 && r < e.length - 1 && "border-b border-border/50")
+			}, n.id)) }),
+			r !== void 0 && /* @__PURE__ */ j("div", {
+				className: "border-t border-border px-4 py-2.5",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/l5-organisms/step-form.tsx
+var sn = C(function({ steps: e, onComplete: n, className: r }, a) {
+	let [o, s] = O(0), c = o === 0, l = o === e.length - 1, u = () => {
+		if (l) {
+			n();
+			return;
+		}
+		s((e) => e + 1);
+	}, d = () => {
+		s((e) => e - 1);
+	};
+	return /* @__PURE__ */ M("div", {
+		ref: a,
+		className: t("flex flex-col gap-6 select-none", r),
+		"data-component": "step-form",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex items-center gap-2",
+				children: e.map((e, n) => /* @__PURE__ */ M("div", {
+					className: "flex items-center gap-2",
+					children: [n > 0 && /* @__PURE__ */ j("div", { className: t("h-px w-8", n <= o ? "bg-accent" : "bg-border") }), /* @__PURE__ */ M("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ j("div", {
+							className: t("flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium", n < o && "bg-accent text-accent-fg", n === o && "border-2 border-accent text-accent", n > o && "border border-border text-fg-muted"),
+							children: n < o ? /* @__PURE__ */ j("svg", {
+								width: "12",
+								height: "12",
+								viewBox: "0 0 14 14",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ j("path", { d: "M3 7l3 3 5-6" })
+							}) : n + 1
+						}), /* @__PURE__ */ j("span", {
+							className: t("text-xs", n === o ? "font-medium text-fg" : "text-fg-muted"),
+							children: e.label
+						})]
+					})]
+				}, n))
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "min-h-[120px]",
+				children: e[o].content
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center justify-end gap-2",
+				children: [!c && /* @__PURE__ */ j("button", {
+					type: "button",
+					className: t("h-8 gds-radius-button px-3 text-xs font-medium text-fg-muted transition-colors hover:bg-bg-tertiary 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: d,
+					children: "Back"
+				}), /* @__PURE__ */ j("button", {
+					type: "button",
+					className: t("h-8 gds-radius-button bg-accent px-3 text-xs font-medium text-accent-fg transition-colors hover:bg-accent/90", i),
+					onClick: u,
+					children: l ? "Finish" : "Next"
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l5-organisms/system-health.tsx
+function cn(e) {
+	return e >= 90 ? "danger" : e >= 70 ? "warning" : "success";
+}
+var ln = C(function({ className: e, metrics: n, ...r }, i) {
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col gds-gap", e),
+		"data-component": "system-health",
+		ref: i,
+		...r,
+		children: n.map((e) => {
+			let t = e.max ?? 100, n = t > 0 ? Math.round(e.value / t * 100) : 0;
+			return /* @__PURE__ */ M("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ M("div", {
+					className: "flex items-center justify-between gds-text-label",
+					children: [/* @__PURE__ */ j("span", {
+						className: "text-fg",
+						children: e.label
+					}), /* @__PURE__ */ M("span", {
+						className: "text-fg-muted font-mono tabular-nums",
+						children: [
+							e.value,
+							e.unit ?? "",
+							" / ",
+							t,
+							e.unit ?? "",
+							" (",
+							n,
+							"%)"
+						]
+					})]
+				}), /* @__PURE__ */ j(s, {
+					value: n,
+					variant: cn(n),
+					size: "sm"
+				})]
+			}, e.label);
+		})
+	});
+}), un = C(function({ tags: e, selected: n, onToggle: r, className: i }, a) {
+	let o = new Set(n ?? []);
+	return /* @__PURE__ */ j("div", {
+		ref: a,
+		className: t("flex flex-wrap gap-2", i),
+		"data-component": "tag-cloud",
+		children: e.map((e) => /* @__PURE__ */ M("button", {
+			type: "button",
+			onClick: () => r?.(e.label),
+			className: t("rounded-full px-3 py-1 gds-text-body font-medium transition-colors select-none", o.has(e.label) ? "bg-accent/15 text-accent" : "bg-bg-tertiary text-fg-muted hover:bg-bg-tertiary/80"),
+			children: [e.label, /* @__PURE__ */ j("span", {
+				className: "ml-1.5 text-[10px] opacity-60",
+				children: e.count
+			})]
+		}, e.label))
+	});
+}), Z = C(function({ className: e, onToggle: n, sections: r, ...i }, a) {
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col gds-gap", e),
+		"data-component": "task-board",
+		ref: a,
+		...i,
+		children: r.map((e) => /* @__PURE__ */ M("div", {
+			className: "rounded-lg border border-border bg-surface gds-pad",
+			children: [/* @__PURE__ */ j("h3", {
+				className: "mb-2 text-xs font-semibold uppercase tracking-wider text-fg-muted",
+				children: e.title
+			}), /* @__PURE__ */ M("div", {
+				className: "flex flex-col gap-0.5",
+				children: [e.items.map((t) => /* @__PURE__ */ j(_, {
+					completed: t.completed,
+					onToggle: n === void 0 ? void 0 : () => n(e.id, t.id),
+					priority: t.priority,
+					title: t.title
+				}, t.id)), e.items.length === 0 && /* @__PURE__ */ j("p", {
+					className: "py-2 text-center text-xs text-fg-muted",
+					children: "No items"
+				})]
+			})]
+		}, e.id))
+	});
+}), dn = {
+	default: "bg-fg-muted",
+	success: "bg-success",
+	warning: "bg-warning",
+	danger: "bg-danger"
+}, fn = C(function({ items: e, className: n }, r) {
+	return /* @__PURE__ */ M("div", {
+		ref: r,
+		className: t("relative", n),
+		"data-component": "timeline",
+		children: [/* @__PURE__ */ j("div", { className: "absolute left-[7px] top-2 bottom-2 w-px bg-border" }), /* @__PURE__ */ j("div", {
+			className: "flex flex-col gap-4",
+			children: e.map((e) => {
+				let n = e.variant ?? "default";
+				return /* @__PURE__ */ M("div", {
+					className: "relative flex gds-gap pl-6",
+					children: [/* @__PURE__ */ j("div", {
+						className: "absolute left-0 top-1.5",
+						children: e.icon === void 0 ? /* @__PURE__ */ j("span", { className: t("block h-[15px] w-[15px] gds-radius-badge border-2 border-bg", dn[n]) }) : /* @__PURE__ */ j("span", {
+							className: "flex h-[15px] w-[15px] items-center justify-center text-fg-muted",
+							children: e.icon
+						})
+					}), /* @__PURE__ */ M("div", {
+						className: "min-w-0 flex-1 pb-1",
+						children: [/* @__PURE__ */ M("div", {
+							className: "flex items-baseline justify-between gds-gap-sm",
+							children: [/* @__PURE__ */ j("span", {
+								className: "text-sm font-medium text-fg",
+								children: e.title
+							}), e.date !== void 0 && /* @__PURE__ */ j("span", {
+								className: "shrink-0 gds-text-body text-fg-muted",
+								children: e.date
+							})]
+						}), e.description !== void 0 && /* @__PURE__ */ j("p", {
+							className: "mt-0.5 gds-text-body text-fg-muted",
+							children: e.description
+						})]
+					})]
+				}, e.id);
+			})
+		})]
+	});
+}), pn = C(function({ steps: e, active: n, onComplete: r, onSkip: a, className: o }, s) {
+	let [c, l] = O(0), [u, d] = O(!0), [f, p] = O(null), m = D(null);
+	T(() => {
+		if (!n) return;
+		l(0), d(!0);
+		let e = setTimeout(() => d(!1), 300);
+		return () => clearTimeout(e);
+	}, [n]), T(() => {
+		if (!n) return;
+		let t = e[c];
+		if (t?.target === void 0) {
+			p(null);
+			return;
+		}
+		try {
+			let e = document.querySelector(t.target);
+			e === null ? p(null) : (p(e.getBoundingClientRect()), e.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			}));
+		} catch {
+			p(null);
+		}
+	}, [
+		n,
+		c,
+		e
+	]);
+	let h = w(() => {
+		if (c >= e.length - 1) {
+			r();
+			return;
+		}
+		d(!0), l((e) => e + 1), setTimeout(() => d(!1), 200);
+	}, [
+		c,
+		e.length,
+		r
+	]), g = w(() => {
+		c <= 0 || (d(!0), l((e) => e - 1), setTimeout(() => d(!1), 200));
+	}, [c]), _ = w(() => {
+		a?.();
+	}, [a]);
+	if (T(() => {
+		if (!n) return;
+		let e = (e) => {
+			e.key === "Escape" && _(), e.key === "ArrowRight" && h(), e.key === "ArrowLeft" && g();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		n,
+		h,
+		g,
+		_
+	]), !n) return null;
+	let v = e[c];
+	if (v === void 0) return null;
+	let y = c === 0, b = c === e.length - 1, x = (c + 1) / e.length * 100, S = (() => {
+		if (f === null) return;
+		let e = v.placement ?? "bottom";
+		return e === "bottom" ? {
+			position: "fixed",
+			top: `${f.bottom + 16}px`,
+			left: `${Math.max(16, f.left + f.width / 2 - 200)}px`
+		} : e === "top" ? {
+			position: "fixed",
+			bottom: `${window.innerHeight - f.top + 16}px`,
+			left: `${Math.max(16, f.left + f.width / 2 - 200)}px`
+		} : e === "right" ? {
+			position: "fixed",
+			top: `${Math.max(16, f.top + f.height / 2 - 80)}px`,
+			left: `${f.right + 16}px`
+		} : {
+			position: "fixed",
+			top: `${Math.max(16, f.top + f.height / 2 - 80)}px`,
+			right: `${window.innerWidth - f.left + 16}px`
+		};
+	})();
+	return /* @__PURE__ */ M("div", {
+		ref: s,
+		className: t("fixed inset-0 z-50", o),
+		"data-component": "tour",
+		children: [
+			/* @__PURE__ */ M("svg", {
+				className: "absolute inset-0 h-full w-full",
+				style: { pointerEvents: "none" },
+				children: [/* @__PURE__ */ j("defs", { children: /* @__PURE__ */ M("mask", {
+					id: "tour-mask",
+					children: [/* @__PURE__ */ j("rect", {
+						fill: "white",
+						height: "100%",
+						width: "100%",
+						x: "0",
+						y: "0"
+					}), f !== null && /* @__PURE__ */ j("rect", {
+						fill: "black",
+						height: f.height + 16,
+						rx: "8",
+						width: f.width + 16,
+						x: f.left - 8,
+						y: f.top - 8
+					})]
+				}) }), /* @__PURE__ */ j("rect", {
+					className: "fill-fg/40",
+					height: "100%",
+					mask: "url(#tour-mask)",
+					width: "100%",
+					x: "0",
+					y: "0"
+				})]
+			}),
+			f !== null && /* @__PURE__ */ j("div", {
+				className: "pointer-events-none fixed gds-radius ring-2 ring-accent ring-offset-2 ring-offset-transparent transition-all duration-300",
+				style: {
+					top: f.top - 4,
+					left: f.left - 4,
+					width: f.width + 8,
+					height: f.height + 8
+				}
+			}),
+			/* @__PURE__ */ M("div", {
+				ref: m,
+				className: t("w-96 gds-radius border border-border bg-surface shadow-2xl transition-all duration-200 select-none", u ? "scale-95 opacity-0" : "scale-100 opacity-100", f === null && "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"),
+				role: "dialog",
+				style: S,
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "h-1 overflow-hidden rounded-t-xl bg-bg-tertiary",
+						children: /* @__PURE__ */ j("div", {
+							className: "h-full bg-accent transition-all duration-300",
+							style: { width: `${x}%` }
+						})
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "flex items-center justify-between px-5 pt-4 pb-1",
+						children: [/* @__PURE__ */ M("span", {
+							className: "text-[10px] tracking-widest text-fg-muted/40 uppercase",
+							children: [
+								"Step ",
+								c + 1,
+								" of ",
+								e.length
+							]
+						}), a !== void 0 && /* @__PURE__ */ j("button", {
+							type: "button",
+							className: t("gds-radius-button p-1 text-fg-muted/40 transition-colors 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: _,
+							"aria-label": "Close tour",
+							children: /* @__PURE__ */ j("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 16 16",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								children: /* @__PURE__ */ j("path", { d: "M4 4l8 8M12 4l-8 8" })
+							})
+						})]
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "px-5 pb-2",
+						children: [
+							/* @__PURE__ */ j("div", {
+								className: "text-base font-semibold text-fg",
+								children: v.title
+							}),
+							/* @__PURE__ */ j("p", {
+								className: "mt-2 text-sm leading-relaxed text-fg-muted",
+								children: v.description
+							}),
+							v.image !== void 0 && /* @__PURE__ */ j("div", {
+								className: "mt-3 overflow-hidden gds-radius border border-border/30",
+								children: /* @__PURE__ */ j("img", {
+									alt: v.title,
+									className: "w-full",
+									src: v.image
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "flex items-center justify-between px-5 pt-2 pb-4",
+						children: [/* @__PURE__ */ j("div", {
+							className: "flex gap-1.5",
+							children: e.map((e, n) => /* @__PURE__ */ j("button", {
+								type: "button",
+								className: t("h-2 rounded-full transition-all", n === c ? "w-5 bg-accent" : "w-2 bg-fg-muted/20 hover:bg-fg-muted/40"),
+								onClick: () => {
+									d(!0), l(n), setTimeout(() => d(!1), 200);
+								}
+							}, n))
+						}), /* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2",
+							children: [!y && /* @__PURE__ */ M("button", {
+								type: "button",
+								className: t("flex h-8 items-center gap-1 gds-radius-button px-3 text-xs text-fg-muted transition-colors hover:bg-bg-tertiary 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: g,
+								children: [/* @__PURE__ */ j("svg", {
+									width: "14",
+									height: "14",
+									viewBox: "0 0 16 16",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.5",
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									children: /* @__PURE__ */ j("path", { d: "M10 3L5 8l5 5" })
+								}), "Back"]
+							}), /* @__PURE__ */ M("button", {
+								type: "button",
+								className: t("flex h-8 items-center gap-1 gds-radius-button bg-accent px-4 text-xs font-medium text-accent-fg transition-colors hover:bg-accent/90", i),
+								onClick: h,
+								children: [b ? "Done" : "Next", !b && /* @__PURE__ */ j("svg", {
+									width: "14",
+									height: "14",
+									viewBox: "0 0 16 16",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.5",
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									children: /* @__PURE__ */ j("path", { d: "M6 3l5 5-5 5" })
+								})]
+							})]
+						})]
+					})
+				]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l5-organisms/transaction-list.tsx
+function mn(e, t) {
+	return `${e >= 0 ? "+" : ""}${t}${Math.abs(e).toLocaleString()}`;
+}
+var hn = C(function({ className: e, transactions: n, ...r }, i) {
+	return /* @__PURE__ */ j("div", {
+		className: t("flex flex-col divide-y divide-border", e),
+		"data-component": "transaction-list",
+		ref: i,
+		...r,
+		children: n.map((e) => {
+			let n = e.currency ?? "¥", r = e.amount >= 0;
+			return /* @__PURE__ */ M("div", {
+				className: "flex items-center justify-between px-3 py-2.5",
+				children: [/* @__PURE__ */ M("div", {
+					className: "flex flex-col gap-0.5",
+					children: [/* @__PURE__ */ j("span", {
+						className: "text-sm font-medium text-fg",
+						children: e.description
+					}), /* @__PURE__ */ j("span", {
+						className: "text-xs text-fg-muted",
+						children: e.date
+					})]
+				}), /* @__PURE__ */ j("span", {
+					className: t("text-sm font-semibold tabular-nums", r ? "text-success" : "text-danger"),
+					children: mn(e.amount, n)
+				})]
+			}, e.id);
+		})
+	});
+});
+//#endregion
+//#region src/l5-organisms/tree.tsx
+function gn({ expanded: e }) {
+	return /* @__PURE__ */ j("svg", {
+		className: t("h-3 w-3 shrink-0 text-fg-muted transition-transform", e && "rotate-90"),
+		viewBox: "0 0 12 12",
+		fill: "currentColor",
+		children: /* @__PURE__ */ j("path", { d: "M4 2L8 6L4 10V2Z" })
+	});
+}
+function Q({ node: e, depth: n, selected: r, expanded: a, onToggle: o, onSelect: s }) {
+	let c = e.children !== void 0 && e.children.length > 0, l = a.has(e.id), u = r === e.id, d = e.disabled === !0;
+	return /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("button", {
+		className: t("flex w-full items-center gds-gap-sm gds-radius-button gds-pad-x-sm gds-pad-y-sm text-sm select-none", u ? "bg-accent/10 text-accent" : "text-fg hover:bg-bg-secondary", d && "cursor-not-allowed opacity-50", i),
+		style: { paddingLeft: `${n * 16 + 8}px` },
+		onClick: () => {
+			d || (c && o(e.id), s !== void 0 && s(e.id));
+		},
+		disabled: d,
+		"data-state": u ? "selected" : void 0,
+		children: [
+			c ? /* @__PURE__ */ j(gn, { expanded: l }) : /* @__PURE__ */ j("span", { className: "h-3 w-3 shrink-0" }),
+			e.icon !== void 0 && /* @__PURE__ */ j("span", {
+				className: "shrink-0 text-fg-muted",
+				children: e.icon
+			}),
+			/* @__PURE__ */ j("span", {
+				className: "truncate",
+				children: e.label
+			})
+		]
+	}), c && l && /* @__PURE__ */ j("div", { children: e.children.map((e) => /* @__PURE__ */ j(Q, {
+		node: e,
+		depth: n + 1,
+		selected: r,
+		expanded: a,
+		onToggle: o,
+		onSelect: s
+	}, e.id)) })] });
+}
+var _n = C(function({ nodes: e, onSelect: n, selected: r, defaultExpanded: i, className: a }, o) {
+	let [s, c] = O(() => new Set(i ?? [])), l = w((e) => {
+		c((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []);
+	return /* @__PURE__ */ j("div", {
+		ref: o,
+		className: t("flex flex-col gds-gap-xs", a),
+		"data-component": "tree",
+		role: "tree",
+		children: e.map((e) => /* @__PURE__ */ j(Q, {
+			node: e,
+			depth: 0,
+			selected: r,
+			expanded: s,
+			onToggle: l,
+			onSelect: n
+		}, e.id))
+	});
+});
+//#endregion
+//#region src/l5-organisms/video-controls.tsx
+function $(e) {
+	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
+}
+function vn() {
+	return /* @__PURE__ */ j("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		children: /* @__PURE__ */ j("path", { d: "M4 2l10 6-10 6V2z" })
+	});
+}
+function yn() {
+	return /* @__PURE__ */ M("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		children: [/* @__PURE__ */ j("rect", {
+			x: "3",
+			y: "2",
+			width: "4",
+			height: "12",
+			rx: "1"
+		}), /* @__PURE__ */ j("rect", {
+			x: "9",
+			y: "2",
+			width: "4",
+			height: "12",
+			rx: "1"
+		})]
+	});
+}
+function bn() {
+	return /* @__PURE__ */ M("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		children: [/* @__PURE__ */ j("path", { d: "M2 5h3l4-3v12l-4-3H2V5z" }), /* @__PURE__ */ j("line", {
+			x1: "12",
+			y1: "5",
+			x2: "12",
+			y2: "11",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})]
+	});
+}
+function xn() {
+	return /* @__PURE__ */ M("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		children: [/* @__PURE__ */ j("path", { d: "M2 5h3l4-3v12l-4-3H2V5z" }), /* @__PURE__ */ j("path", {
+			d: "M11 4c1.5 1 2 2.5 2 4s-.5 3-2 4",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})]
+	});
+}
+function Sn() {
+	return /* @__PURE__ */ j("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		children: /* @__PURE__ */ j("path", { d: "M2 6V2h4M10 2h4v4M14 10v4h-4M6 14H2v-4" })
+	});
+}
+function Cn({ currentTime: e, duration: n, playing: r, isMuted: a, showControls: o, onTogglePlay: s, onToggleMute: c, onSeek: l, onFullscreen: u }) {
+	let d = n > 0 ? e / n * 100 : 0;
+	return /* @__PURE__ */ M("div", {
+		className: t("absolute inset-x-0 bottom-0 flex items-center gap-2 bg-black/60 px-3 py-2 transition-opacity duration-200", o ? "opacity-100" : "pointer-events-none opacity-0"),
+		"data-testid": "controls",
+		children: [
+			/* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: s,
+				className: t("text-white", i),
+				"aria-label": r ? "Pause" : "Play",
+				"data-testid": "play-button",
+				children: j(r ? yn : vn, {})
+			}),
+			/* @__PURE__ */ j("div", {
+				className: t("relative h-1 flex-1 cursor-pointer rounded-full bg-white/30", i),
+				onClick: l,
+				role: "slider",
+				"aria-label": "Seek",
+				"aria-valuemin": 0,
+				"aria-valuemax": Math.floor(n),
+				"aria-valuenow": Math.floor(e),
+				tabIndex: 0,
+				"data-testid": "progress-bar",
+				children: /* @__PURE__ */ j("div", {
+					className: "absolute inset-y-0 left-0 rounded-full bg-white",
+					style: { width: `${d}%` }
+				})
+			}),
+			/* @__PURE__ */ M("span", {
+				className: "select-none text-xs text-white/80",
+				"data-testid": "time-display",
+				children: [
+					$(e),
+					" / ",
+					$(n)
+				]
+			}),
+			/* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: c,
+				className: t("text-white", i),
+				"aria-label": a ? "Unmute" : "Mute",
+				"data-testid": "mute-button",
+				children: j(a ? bn : xn, {})
+			}),
+			/* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: u,
+				className: t("text-white", i),
+				"aria-label": "Fullscreen",
+				"data-testid": "fullscreen-button",
+				children: /* @__PURE__ */ j(Sn, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/l5-organisms/video-player.tsx
+var wn = C(function({ src: e, poster: n, autoPlay: r = !1, muted: i = !1, loop: a = !1, controls: o = !0, glass: s = !1, className: c }, l) {
+	let u = D(null), d = D(null), [f, p] = O(!1), [m, h] = O(0), [g, _] = O(0), [v, y] = O(i), [b, x] = O(!0), S = w(() => {
+		x(!0), d.current !== null && clearTimeout(d.current), d.current = setTimeout(() => {
+			f && x(!1);
+		}, 3e3);
+	}, [f]);
+	T(() => {
+		if (o) return S(), () => {
+			d.current !== null && clearTimeout(d.current);
+		};
+	}, [o, S]);
+	let C = w(() => {
+		let e = u.current;
+		e !== null && (e.paused ? (e.play().catch(() => {}), p(!0)) : (e.pause(), p(!1)));
+	}, []), E = w(() => {
+		let e = u.current;
+		e !== null && (e.muted = !e.muted, y(e.muted));
+	}, []), k = w(() => {
+		let e = u.current;
+		e !== null && h(e.currentTime);
+	}, []), A = w(() => {
+		let e = u.current;
+		e !== null && _(e.duration);
+	}, []), N = w((e) => {
+		let t = u.current;
+		if (t === null) return;
+		let n = e.currentTarget.getBoundingClientRect();
+		t.currentTime = (e.clientX - n.left) / n.width * g;
+	}, [g]), P = w(() => {
+		let e = u.current;
+		e !== null && (document.fullscreenElement === null ? e.requestFullscreen().catch(() => {}) : document.exitFullscreen().catch(() => {}));
+	}, []), F = w(() => {
+		p(!1), x(!0);
+	}, []);
+	return /* @__PURE__ */ M("div", {
+		ref: l,
+		className: t("relative overflow-hidden gds-radius-card", s && "gds-glass", c),
+		"data-component": "video-player",
+		onMouseMove: o ? S : void 0,
+		onMouseLeave: o ? () => x(!1) : void 0,
+		children: [/* @__PURE__ */ j("video", {
+			ref: u,
+			src: e,
+			poster: n,
+			autoPlay: r,
+			muted: v,
+			loop: a,
+			className: "block h-full w-full object-cover",
+			onTimeUpdate: k,
+			onLoadedMetadata: A,
+			onEnded: F,
+			"data-testid": "video-element"
+		}), o && /* @__PURE__ */ j(Cn, {
+			currentTime: m,
+			duration: g,
+			playing: f,
+			isMuted: v,
+			showControls: b,
+			onTogglePlay: C,
+			onToggleMute: E,
+			onSeek: N,
+			onFullscreen: P
+		})]
+	});
+});
+//#endregion
+//#region src/l5-organisms/virtual-list.tsx
+function Tn({ items: e, itemHeight: n, renderItem: r, overscan: i = 3, className: a, height: o = 400 }, s) {
+	let [c, l] = O(0), u = D(null), d = e.length * n, f = typeof o == "number" ? o : void 0, { visibleItems: p } = E(() => {
+		let t = f ?? 400, r = Math.floor(c / n), a = Math.ceil((c + t) / n), o = Math.max(0, r - i), s = Math.min(e.length, a + i), l = [];
+		for (let t = o; t < s; t++) l.push({
+			item: e[t],
+			index: t
+		});
+		return {
+			startIndex: o,
+			endIndex: s,
+			visibleItems: l
+		};
+	}, [
+		e,
+		n,
+		c,
+		f,
+		i
+	]), m = w((e) => {
+		l(e.currentTarget.scrollTop);
+	}, []);
+	return /* @__PURE__ */ j("div", {
+		ref: s,
+		className: t("overflow-y-auto", a),
+		style: { height: o },
+		onScroll: m,
+		"data-component": "virtual-list",
+		children: /* @__PURE__ */ j("div", {
+			ref: u,
+			style: {
+				height: d,
+				position: "relative"
+			},
+			children: p.map(({ item: e, index: t }) => /* @__PURE__ */ j("div", {
+				style: {
+					position: "absolute",
+					top: t * n,
+					left: 0,
+					right: 0,
+					height: n
+				},
+				children: r(e, t)
+			}, t))
+		})
+	});
+}
+var En = C(Tn), Dn = C(function({ className: e, condition: n, icon: r, location: i, temp: a, unit: o = "C", ...s }, c) {
+	return /* @__PURE__ */ M("div", {
+		className: t("inline-flex items-center gap-4 rounded-xl border border-border bg-surface p-4 select-none", e),
+		"data-component": "weather-widget",
+		ref: c,
+		...s,
+		children: [r !== void 0 && /* @__PURE__ */ j("div", {
+			className: "text-2xl text-fg-muted",
+			children: r
+		}), /* @__PURE__ */ M("div", {
+			className: "flex flex-col",
+			children: [
+				/* @__PURE__ */ M("span", {
+					className: "text-2xl font-bold text-fg leading-tight",
+					children: [
+						a,
+						"°",
+						o
+					]
+				}),
+				/* @__PURE__ */ j("span", {
+					className: "text-sm text-fg-muted",
+					children: n
+				}),
+				/* @__PURE__ */ j("span", {
+					className: "text-xs text-fg-muted/70",
+					children: i
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { Me as $, Dt as A, ot as B, Pt as C, At as D, jt as E, yt as F, Xe as G, rt as H, ht as I, Ue as J, Ye as K, lt as L, Ct as M, St as N, kt as O, q as P, Ne as Q, ct as R, Rt as S, Mt as T, $e as U, it as V, Qe as W, Be as X, He as Y, Re as Z, qt as _, hn as a, _e as at, Vt as b, Z as c, pe as ct, sn as d, ie as dt, je as et, on as f, re as ft, Qt as g, en as h, N as ht, _n as i, Se as it, wt as j, Ot as k, un as l, R as lt, tn as m, ee as mt, En as n, Te as nt, pn as o, ge as ot, an as p, ne as pt, Je as q, wn as r, Ce as rt, fn as s, z as st, Dn as t, Oe as tt, ln as u, ae as ut, Wt as v, Nt as w, J as x, Ut as y, st as z };
+
+//# sourceMappingURL=l5-organisms-8KB_8a-H.js.map