@goliapkg/gds 0.9.4 → 0.9.6

package/dist/l4-molecules-DCc074MJ.js

@@ -0,0 +1,4048 @@
+import { r as e, t } from "./glass-CQTlX7IO.js";
+import { r as n, t as r } from "./button-avu-rQU4.js";
+import { r as i } from "./motion-DUPegem-.js";
+import { t as a } from "./icon-button-YatlVZnz.js";
+import { i as o, r as s, t as c } from "./spinner-D8Ti-TFe.js";
+import { t as l } from "./progress-wAKN3Czz.js";
+import { t as u } from "./portal-Bbl6F_Wj.js";
+import { t as d } from "./avatar-By0U5Vts.js";
+import { i as f, r as p, t as m } from "./switch-DC85Os9r.js";
+import { n as h, r as g } from "./dom-17XgfxMq.js";
+import { n as _, r as v, s as y, t as b } from "./hooks-BE-_EmDI.js";
+import { forwardRef as x, useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/l4-molecules/action-card.tsx
+var A = x(function({ className: t, description: n, icon: r, onClick: i, title: a, ...o }, s) {
+	return /* @__PURE__ */ k("div", {
+		className: e("flex cursor-pointer items-center gds-gap gds-pad gds-radius", "border border-border bg-surface transition-colors hover:bg-surface-hover", t),
+		"data-component": "action-card",
+		onClick: i,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+		},
+		ref: s,
+		role: "button",
+		tabIndex: 0,
+		...o,
+		children: [r !== void 0 && /* @__PURE__ */ O("span", {
+			className: "shrink-0 text-accent",
+			children: r
+		}), /* @__PURE__ */ k("div", {
+			className: "flex flex-col gap-0.5",
+			children: [/* @__PURE__ */ O("span", {
+				className: "text-sm font-medium text-fg",
+				children: a
+			}), n !== void 0 && /* @__PURE__ */ O("span", {
+				className: "text-xs text-fg-muted",
+				children: n
+			})]
+		})]
+	});
+}), j = /* @__PURE__ */ k("svg", {
+	className: "h-4 w-4",
+	fill: "currentColor",
+	viewBox: "0 0 16 16",
+	children: [
+		/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "3",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "1.5"
+		}),
+		/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "13",
+			r: "1.5"
+		})
+	]
+}), M = x(function({ className: t, disabled: n, items: r, onSelect: i }, o) {
+	let [s, c] = E(!1), l = T(null);
+	return b(l, s, () => c(!1)), _(s, () => c(!1)), /* @__PURE__ */ O("div", {
+		className: e("relative inline-block", t),
+		"data-component": "action-menu",
+		ref: o,
+		children: /* @__PURE__ */ k("div", {
+			ref: l,
+			children: [/* @__PURE__ */ O(a, {
+				disabled: n,
+				icon: j,
+				onClick: () => c((e) => !e),
+				tooltip: "Actions",
+				variant: "default"
+			}), s && /* @__PURE__ */ O("div", {
+				className: "absolute right-0 z-50 mt-1 min-w-[140px] animate-popup rounded-lg border border-border bg-surface py-1 shadow-lg",
+				children: r.map((t) => /* @__PURE__ */ k("button", {
+					className: e("flex w-full items-center gds-gap-sm px-3 py-1.5 gds-text-body transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg", t.danger === !0 ? "text-danger hover:bg-danger/10" : "text-fg hover:bg-bg-tertiary"),
+					onClick: () => {
+						i(t.id), c(!1);
+					},
+					type: "button",
+					children: [t.icon !== void 0 && /* @__PURE__ */ O("span", {
+						className: "shrink-0",
+						children: t.icon
+					}), /* @__PURE__ */ O("span", { children: t.label })]
+				}, t.id))
+			})]
+		})
+	});
+}), N = n("flex items-start gds-gap gds-radius-popover border gds-pad-x gds-pad-y gds-text-body", {
+	variants: { variant: {
+		default: "border-border bg-bg-secondary text-fg",
+		info: "border-accent/30 bg-accent/10 text-accent",
+		success: "border-success/30 bg-success/10 text-success",
+		warning: "border-warning/30 bg-warning/10 text-warning",
+		danger: "border-danger/30 bg-danger/10 text-danger"
+	} },
+	defaultVariants: { variant: "default" }
+}), P = {
+	default: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M8 5.5v3M8 10.5h.01" })]
+	}),
+	info: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M8 5.5h.01M8 7.5v3" })]
+	}),
+	success: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M5.5 8l2 2 3-3.5" })]
+	}),
+	warning: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ O("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
+	}),
+	danger: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
+	})
+};
+function F({ children: n, title: r, variant: i = "default", onClose: a, glass: o, className: s, ...c }) {
+	let l = i ?? "default";
+	return /* @__PURE__ */ k("div", {
+		className: e(N({ variant: i }), o === !0 && t(o), s),
+		"data-component": "alert",
+		"data-variant": l,
+		role: "alert",
+		...c,
+		children: [
+			/* @__PURE__ */ O("span", {
+				className: "mt-px shrink-0",
+				children: P[l]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [r !== void 0 && /* @__PURE__ */ O("p", {
+					className: "mb-0.5 font-medium",
+					children: r
+				}), /* @__PURE__ */ O("div", {
+					className: "text-inherit/80",
+					children: n
+				})]
+			}),
+			a !== void 0 && /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: a,
+				className: e("shrink-0 gds-radius-button p-0.5 opacity-60 hover:opacity-100", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ O("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ O("path", { d: "M2 2l8 8M10 2l-8 8" })
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/l4-molecules/banner.tsx
+var ee = {
+	danger: "bg-danger/10 text-danger",
+	info: "bg-accent/10 text-accent",
+	success: "bg-success/10 text-success",
+	warning: "bg-warning/10 text-warning"
+}, te = {
+	danger: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5" })]
+	}),
+	info: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M8 5.5h.01M8 7.5v3" })]
+	}),
+	success: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.5"
+		}), /* @__PURE__ */ O("path", { d: "M5.5 8l2 2 3-3.5" })]
+	}),
+	warning: /* @__PURE__ */ k("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("path", { d: "M7.13 2.5l-5.5 10h11l-5.5-10z" }), /* @__PURE__ */ O("path", { d: "M7.63 6.5v2.5M7.63 11h.01" })]
+	})
+}, ne = x(function({ message: n, variant: r = "info", dismissible: i = !1, onDismiss: a, glass: o, className: s }, c) {
+	return /* @__PURE__ */ k("div", {
+		ref: c,
+		className: e("flex w-full items-center gds-gap gds-pad-x gds-pad-y gds-text-body", ee[r], o === !0 && t(o), s),
+		"data-component": "banner",
+		"data-variant": r,
+		role: "status",
+		children: [
+			/* @__PURE__ */ O("span", {
+				className: "shrink-0",
+				children: te[r]
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "flex-1",
+				children: n
+			}),
+			i && a !== void 0 && /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: a,
+				className: e("shrink-0 gds-radius-button p-0.5 transition-opacity hover:opacity-70", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ O("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ O("path", { d: "M2 2l8 8M10 2l-8 8" })
+				})
+			})
+		]
+	});
+}), re = x(function({ before: t, after: n, initialPosition: r = 50, className: i }, a) {
+	let [o, s] = E(r), c = T(null), l = T(!1), u = S((e) => {
+		let t = c.current;
+		if (t === null) return;
+		let n = t.getBoundingClientRect(), r = e - n.left;
+		s(Math.max(0, Math.min(100, r / n.width * 100)));
+	}, []), d = S((e) => {
+		l.current = !0, e.target.setPointerCapture(e.pointerId), u(e.clientX);
+	}, [u]), f = S((e) => {
+		l.current && u(e.clientX);
+	}, [u]), p = S(() => {
+		l.current = !1;
+	}, []);
+	return /* @__PURE__ */ k("div", {
+		ref: (e) => {
+			c.current = e, typeof a == "function" ? a(e) : a != null && (a.current = e);
+		},
+		className: e("relative overflow-hidden gds-radius select-none", i),
+		"data-component": "before-after",
+		style: { cursor: "ew-resize" },
+		onPointerDown: d,
+		onPointerMove: f,
+		onPointerUp: p,
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "relative",
+				children: n
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "absolute inset-0",
+				style: { clipPath: `inset(0 ${100 - o}% 0 0)` },
+				children: t
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "absolute inset-y-0 z-10 w-0.5 bg-fg/80",
+				style: { left: `${o}%` },
+				children: /* @__PURE__ */ O("div", {
+					className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-border bg-bg p-1 shadow",
+					children: /* @__PURE__ */ O("svg", {
+						className: "h-3 w-3 text-fg-muted",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ O("path", { d: "M8 6l-4 6 4 6M16 6l4 6-4 6" })
+					})
+				})
+			})
+		]
+	});
+}), ie = /* @__PURE__ */ O("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ O("path", { d: "M4.5 3l3 3-3 3" })
+}), ae = x(function({ items: t, separator: n = ie, maxItems: r, className: i }, a) {
+	let o = t;
+	return r !== void 0 && t.length > r && r >= 2 && (o = [
+		t[0],
+		{ label: "..." },
+		t[t.length - 1]
+	]), /* @__PURE__ */ O("nav", {
+		ref: a,
+		"aria-label": "Breadcrumb",
+		className: e(i),
+		"data-component": "breadcrumb",
+		children: /* @__PURE__ */ O("ol", {
+			className: "flex items-center gds-gap-sm gds-text-body text-fg-muted",
+			children: o.map((t, r) => /* @__PURE__ */ k("li", {
+				className: "flex items-center gds-gap-sm",
+				children: [
+					r > 0 && /* @__PURE__ */ O("span", {
+						className: "text-fg-muted/50",
+						"aria-hidden": "true",
+						children: n
+					}),
+					t.icon !== void 0 && /* @__PURE__ */ O("span", {
+						className: "shrink-0",
+						children: t.icon
+					}),
+					t.href === void 0 ? /* @__PURE__ */ O("span", {
+						className: e(r === o.length - 1 && "text-fg"),
+						children: t.label
+					}) : /* @__PURE__ */ O("a", {
+						href: t.href,
+						className: "transition-colors hover:text-fg",
+						children: t.label
+					})
+				]
+			}, r))
+		})
+	});
+}), oe = /* @__PURE__ */ O("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
+}), se = x(function({ actions: t, className: n, count: r, onClear: i }, a) {
+	return r <= 0 ? null : /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("fixed bottom-4 left-1/2 z-40 flex -translate-x-1/2 items-center gds-gap gds-pad-x-lg gds-pad-y", "animate-popup gds-radius-popover border border-border bg-surface gds-shadow-xl", n),
+		"data-component": "bulk-action-bar",
+		children: [
+			/* @__PURE__ */ k("span", {
+				className: "gds-text-body select-none whitespace-nowrap font-medium text-fg",
+				children: [r, " selected"]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center gds-gap-sm",
+				children: t
+			}),
+			i !== void 0 && /* @__PURE__ */ O("button", {
+				"aria-label": "Clear selection",
+				className: e("shrink-0 p-0.5 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				onClick: i,
+				type: "button",
+				children: oe
+			})
+		]
+	});
+}), ce = {
+	info: "border-l-accent bg-accent/5 text-accent",
+	tip: "border-l-success bg-success/5 text-success",
+	warning: "border-l-warning bg-warning/5 text-warning",
+	danger: "border-l-danger bg-danger/5 text-danger"
+}, le = {
+	info: /* @__PURE__ */ k("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "10",
+			cy: "10",
+			r: "8"
+		}), /* @__PURE__ */ O("path", { d: "M10 7h.01M10 9.5v4" })]
+	}),
+	tip: /* @__PURE__ */ O("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ O("path", { d: "M7.5 15h5M8 17h4M10 2a5.5 5.5 0 0 0-2 10.65V14h4v-1.35A5.5 5.5 0 0 0 10 2z" })
+	}),
+	warning: /* @__PURE__ */ k("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("path", { d: "M9.13 3l-7 12.5h14l-7-12.5z" }), /* @__PURE__ */ O("path", { d: "M9.63 8.5v3M9.63 13.5h.01" })]
+	}),
+	danger: /* @__PURE__ */ k("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ O("circle", {
+			cx: "10",
+			cy: "10",
+			r: "8"
+		}), /* @__PURE__ */ O("path", { d: "M7 7l6 6M13 7l-6 6" })]
+	})
+}, ue = x(function({ variant: n = "info", title: r, children: i, icon: a, glass: o, className: s }, c) {
+	let l = a ?? le[n];
+	return /* @__PURE__ */ k("div", {
+		ref: c,
+		className: e("flex items-start gap-3 border-l-[3px] gds-radius-popover gds-pad-x-lg gds-pad-y-lg gds-text-body", ce[n], o === !0 && t(o), s),
+		"data-component": "callout",
+		"data-variant": n,
+		children: [/* @__PURE__ */ O("span", {
+			className: "mt-0.5 shrink-0",
+			children: l
+		}), /* @__PURE__ */ k("div", {
+			className: "min-w-0 flex-1",
+			children: [r !== void 0 && /* @__PURE__ */ O("p", {
+				className: "mb-1 font-semibold",
+				children: r
+			}), /* @__PURE__ */ O("div", {
+				className: "text-inherit/80",
+				children: i
+			})]
+		})]
+	});
+}), I = {
+	none: "",
+	sm: "gds-pad-x gds-pad-y",
+	default: "gds-pad-x-lg gds-pad-y-lg",
+	lg: "gds-pad-x-lg gds-pad-y-lg"
+}, de = x(function({ children: n, glass: r, padding: i = "default", loading: a, className: o }, s) {
+	return a === !0 ? /* @__PURE__ */ O("div", {
+		ref: s,
+		className: e("gds-ctx animate-pulse gds-radius-card border border-border bg-bg-tertiary", I[i], o),
+		"data-component": "card",
+		"data-state": "loading",
+		children: /* @__PURE__ */ O("div", { className: "h-20" })
+	}) : /* @__PURE__ */ O("div", {
+		ref: s,
+		className: e("gds-ctx gds-radius-card border", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface", I[i], o),
+		"data-component": "card",
+		children: n
+	});
+});
+function fe({ title: t, description: n, action: r, className: i }) {
+	return /* @__PURE__ */ k("div", {
+		className: e("flex items-start justify-between gds-gap", i),
+		children: [/* @__PURE__ */ k("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ O("h3", {
+				className: "text-sm font-semibold text-fg",
+				children: t
+			}), n !== void 0 && /* @__PURE__ */ O("p", {
+				className: "mt-0.5 gds-text-body text-fg-muted",
+				children: n
+			})]
+		}), r !== void 0 && /* @__PURE__ */ O("div", {
+			className: "shrink-0",
+			children: r
+		})]
+	});
+}
+function pe({ children: t, className: n }) {
+	return /* @__PURE__ */ O("div", {
+		className: e("mt-3", n),
+		children: t
+	});
+}
+function me({ children: t, className: n }) {
+	return /* @__PURE__ */ O("div", {
+		className: e("mt-3 flex items-center gds-gap-sm border-t border-border pt-3", n),
+		children: t
+	});
+}
+//#endregion
+//#region src/l4-molecules/category-tag.tsx
+var he = x(function({ className: t, color: n, count: r, label: i, onClick: a, ...o }, s) {
+	return /* @__PURE__ */ k("div", {
+		className: e("inline-flex items-center gap-2 rounded-md border border-border bg-surface px-2.5 py-1", a !== void 0 && "cursor-pointer hover:bg-bg-tertiary", t),
+		"data-component": "category-tag",
+		onClick: a,
+		ref: s,
+		role: a === void 0 ? void 0 : "button",
+		...o,
+		children: [
+			/* @__PURE__ */ O("span", {
+				className: "h-3 w-1 shrink-0 rounded-full",
+				style: { backgroundColor: n }
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "gds-text-label text-fg",
+				children: i
+			}),
+			r !== void 0 && /* @__PURE__ */ O("span", {
+				className: "gds-text-label text-fg-muted",
+				children: r
+			})
+		]
+	});
+}), L = {
+	valid: "bg-success/15 text-success border-success/20",
+	expiring: "bg-warning/15 text-warning border-warning/20",
+	expired: "bg-danger/15 text-danger border-danger/20"
+}, R = {
+	valid: "🔒",
+	expiring: "⚠️",
+	expired: "❌"
+}, ge = x(function({ className: t, domain: n, expiresAt: r, status: i, ...a }, o) {
+	return /* @__PURE__ */ k("div", {
+		className: e("inline-flex items-center gap-2 rounded-md border px-2.5 py-1.5", L[i], t),
+		"data-component": "cert-badge",
+		ref: o,
+		...a,
+		children: [
+			/* @__PURE__ */ O("span", {
+				className: "text-xs",
+				children: R[i]
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "gds-text-label font-medium",
+				children: n
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "gds-text-label opacity-70",
+				children: r
+			})
+		]
+	});
+}), _e = x(function({ options: t, value: n, onChange: r, exclusive: a = !1, className: o, ...s }, c) {
+	function l(e) {
+		if (a) {
+			r(n.includes(e) ? [] : [e]);
+			return;
+		}
+		r(n.includes(e) ? n.filter((t) => t !== e) : [...n, e]);
+	}
+	return /* @__PURE__ */ O("div", {
+		className: e("flex flex-wrap gds-gap", o),
+		"data-component": "chip-group",
+		ref: c,
+		...s,
+		children: t.map((t) => /* @__PURE__ */ O("button", {
+			type: "button",
+			className: e("cursor-pointer", i),
+			onClick: () => l(t.value),
+			children: /* @__PURE__ */ O(f, {
+				label: t.label,
+				variant: n.includes(t.value) ? "accent" : "default"
+			})
+		}, t.value))
+	});
+}), ve = x(function({ code: n, language: r, showLineNumbers: a = !0, maxHeight: o, glass: s, className: c }, l) {
+	let [u, d] = E(!1), f = S(() => {
+		navigator.clipboard.writeText(n).then(() => {
+			d(!0), setTimeout(() => d(!1), 1500);
+		}).catch(() => {});
+	}, [n]), p = n.split("\n"), m = String(p.length).length;
+	return /* @__PURE__ */ k("div", {
+		ref: l,
+		className: e("gds-radius-popover border overflow-hidden", s === !0 ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-bg-tertiary", c),
+		"data-component": "code-block",
+		"data-variant": s === !0 ? "glass" : "default",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-center justify-between border-b border-border/50 px-3 py-1.5",
+			children: [/* @__PURE__ */ O("span", {
+				className: "select-none text-xs text-fg-muted",
+				"data-testid": "code-language",
+				children: r ?? "code"
+			}), /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: f,
+				className: e("select-none gds-radius-button px-2 py-0.5 text-xs text-fg-muted transition-colors hover:text-fg", i),
+				"aria-label": "Copy code",
+				children: u ? /* @__PURE__ */ O("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ O("path", { d: "M3 7.5l3 3 5-6" })
+				}) : /* @__PURE__ */ k("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ O("rect", {
+						x: "4.5",
+						y: "4.5",
+						width: "7",
+						height: "7",
+						rx: "1.5"
+					}), /* @__PURE__ */ O("path", { d: "M9.5 4.5V3a1.5 1.5 0 00-1.5-1.5H3A1.5 1.5 0 001.5 3v5A1.5 1.5 0 003 9.5h1.5" })]
+				})
+			})]
+		}), /* @__PURE__ */ O("div", {
+			className: "overflow-auto",
+			style: o === void 0 ? void 0 : { maxHeight: o },
+			"data-selectable": !0,
+			children: /* @__PURE__ */ O("pre", {
+				className: "m-0 p-0",
+				children: /* @__PURE__ */ O("code", {
+					className: "block px-3 py-2 font-mono text-xs leading-5 text-fg",
+					children: p.map((e, t) => /* @__PURE__ */ k("div", {
+						className: "flex",
+						children: [a && /* @__PURE__ */ O("span", {
+							className: "mr-3 inline-block select-none border-r border-border/30 pr-3 text-right text-fg-muted/40",
+							style: { minWidth: `${m}ch` },
+							children: t + 1
+						}), /* @__PURE__ */ O("span", {
+							className: "flex-1 whitespace-pre",
+							children: e
+						})]
+					}, t))
+				})
+			})
+		})]
+	});
+}), ye = x(function({ code: n, language: r, copyable: i = !0, showLineNumbers: a = !0, glass: o, className: s }, c) {
+	let [l, u] = E(!1), d = n.split("\n"), f = S(() => {
+		navigator.clipboard.writeText(n).then(() => {
+			u(!0), setTimeout(() => u(!1), 2e3);
+		}).catch(() => {});
+	}, [n]);
+	return /* @__PURE__ */ k("div", {
+		className: e("group relative overflow-hidden gds-radius-popover border", o === !0 ? e(t(o), "border-white/10 bg-bg/60") : "border-border/40 bg-bg-secondary", s),
+		"data-component": "code-snippet",
+		children: [
+			r !== void 0 && /* @__PURE__ */ O("div", {
+				className: "flex items-center justify-between border-b border-border/20 px-3 py-1.5",
+				children: /* @__PURE__ */ O("span", {
+					className: "select-none text-[10px] uppercase text-fg-muted/40",
+					children: r
+				})
+			}),
+			i && /* @__PURE__ */ O("button", {
+				type: "button",
+				"aria-label": "Copy code",
+				className: e("absolute top-2 right-2 flex h-6 w-6 items-center justify-center gds-radius-button bg-bg-tertiary/80 text-fg-muted opacity-0 transition-opacity group-hover:opacity-100 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: f,
+				children: l ? /* @__PURE__ */ O("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ O("path", { d: "M3 7.5l3 3 5-6" })
+				}) : /* @__PURE__ */ k("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ O("rect", {
+						x: "4.5",
+						y: "4.5",
+						width: "7",
+						height: "7",
+						rx: "1.5"
+					}), /* @__PURE__ */ O("path", { d: "M9.5 4.5V3a1.5 1.5 0 00-1.5-1.5H3A1.5 1.5 0 001.5 3v5A1.5 1.5 0 003 9.5h1.5" })]
+				})
+			}),
+			/* @__PURE__ */ O("pre", {
+				ref: c,
+				className: "overflow-x-auto p-3 font-mono text-[11px] leading-relaxed text-fg",
+				"data-selectable": !0,
+				children: /* @__PURE__ */ O("code", { children: d.map((e, t) => /* @__PURE__ */ k("div", {
+					className: "flex",
+					children: [a && /* @__PURE__ */ O("span", {
+						className: "mr-4 inline-block w-6 shrink-0 select-none text-right text-fg-muted/30",
+						children: t + 1
+					}), /* @__PURE__ */ O("span", {
+						className: "flex-1",
+						children: e || " "
+					})]
+				}, t)) })
+			})
+		]
+	});
+}), be = x(function({ trigger: t, children: n, defaultOpen: r = !1, open: i, onOpenChange: a, className: o }, s) {
+	let [c, l] = E(r), u = i !== void 0, d = u ? i : c;
+	function f() {
+		let e = !d;
+		u || l(e), a !== void 0 && a(e);
+	}
+	return /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("w-full", o),
+		"data-component": "collapsible",
+		children: [/* @__PURE__ */ O("button", {
+			"aria-expanded": d,
+			className: "w-full cursor-pointer select-none text-left",
+			onClick: f,
+			type: "button",
+			children: t
+		}), /* @__PURE__ */ O("div", {
+			className: e("overflow-hidden transition-[max-height] duration-200", d ? "max-h-[2000px]" : "max-h-0"),
+			"data-state": d ? "open" : "closed",
+			children: d ? n : null
+		})]
+	});
+}), xe = [
+	"#ef4444",
+	"#f97316",
+	"#eab308",
+	"#22c55e",
+	"#06b6d4",
+	"#3b82f6",
+	"#8b5cf6",
+	"#ec4899",
+	"#64748b",
+	"#ffffff"
+], Se = /^#[0-9a-fA-F]{6}$/, Ce = x(function({ value: t, onChange: n, presets: r, showInput: a = !0, disabled: o = !1, className: s }, c) {
+	let l = r ?? xe, [u, d] = E(t), f = S((e) => {
+		o || (n(e), d(e));
+	}, [o, n]), p = S((e) => {
+		let t = e.startsWith("#") ? e : `#${e}`;
+		d(t), Se.test(t) && n(t);
+	}, [n]);
+	return /* @__PURE__ */ k("div", {
+		ref: c,
+		className: e("flex flex-col gds-gap", s),
+		"data-component": "color-picker",
+		"data-disabled": o ? "" : void 0,
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "flex items-center gds-gap",
+				children: [/* @__PURE__ */ O("div", {
+					className: "h-8 w-8 shrink-0 gds-radius-button border border-border",
+					style: { backgroundColor: t }
+				}), /* @__PURE__ */ O("span", {
+					className: "gds-text-body font-mono text-fg-muted",
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: l.map((n) => /* @__PURE__ */ O("button", {
+					type: "button",
+					disabled: o,
+					onClick: () => f(n),
+					className: e("h-6 w-6 rounded-full border transition-shadow", n.toLowerCase() === t.toLowerCase() ? "ring-2 ring-accent ring-offset-1 ring-offset-bg border-transparent" : "border-border hover:scale-110", o && "cursor-not-allowed opacity-40", i),
+					style: { backgroundColor: n },
+					"aria-label": `Select color ${n}`
+				}, n))
+			}),
+			a && /* @__PURE__ */ k("div", {
+				className: "flex items-center gds-gap",
+				children: [/* @__PURE__ */ O("span", {
+					className: "gds-text-body font-mono text-fg-muted select-none",
+					children: "#"
+				}), /* @__PURE__ */ O("input", {
+					type: "text",
+					value: u.replace(/^#/, ""),
+					onChange: (e) => p(e.target.value),
+					disabled: o,
+					maxLength: 6,
+					placeholder: "000000",
+					className: e("w-20 rounded border border-border bg-transparent px-2 py-1 font-mono gds-text-body text-fg", "focus:border-accent focus:outline-none", o && "cursor-not-allowed opacity-40"),
+					"aria-label": "Hex color input"
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l4-molecules/combobox-list.tsx
+function we({ filtered: n, glass: r, highlightedIndex: i, onSearchChange: a, onSelect: o, query: s, searchPlaceholder: c, searchRef: l, setHighlightedIndex: u, value: d }) {
+	let f = S((e) => {
+		if (e.key === "ArrowDown" && (e.preventDefault(), u(i >= n.length - 1 ? 0 : i + 1)), e.key === "ArrowUp" && (e.preventDefault(), u(i <= 0 ? n.length - 1 : i - 1)), e.key === "Enter") {
+			e.preventDefault();
+			let t = n[i];
+			t !== void 0 && o(t.value);
+		}
+	}, [
+		n,
+		i,
+		o,
+		u
+	]);
+	return /* @__PURE__ */ k("div", {
+		className: e("absolute left-0 right-0 z-50 mt-1 animate-popup gds-radius-popover border gds-shadow-lg", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface"),
+		children: [/* @__PURE__ */ O("div", {
+			className: "border-b border-border p-1.5",
+			children: /* @__PURE__ */ O("input", {
+				className: "w-full bg-transparent px-2 py-1 text-sm text-fg outline-none placeholder:text-fg-muted/50",
+				onChange: (e) => a(e.target.value),
+				onKeyDown: f,
+				placeholder: c,
+				ref: l,
+				type: "text",
+				value: s
+			})
+		}), /* @__PURE__ */ k("div", {
+			className: "max-h-60 overflow-y-auto py-1",
+			children: [n.length === 0 && /* @__PURE__ */ O("div", {
+				className: "gds-pad-x gds-pad-y-sm text-sm text-fg-muted",
+				children: "No results"
+			}), n.map((t, n) => {
+				let r = t.value === d, a = n === i;
+				return /* @__PURE__ */ O("button", {
+					className: e("flex w-full items-center gds-pad-x gds-pad-y-sm text-left text-sm transition-colors", r && "bg-accent/10 text-accent", !r && "text-fg", a && !r && "bg-bg-tertiary", !a && !r && "hover:bg-bg-tertiary"),
+					onClick: () => o(t.value),
+					onMouseEnter: () => u(n),
+					type: "button",
+					children: t.label
+				}, t.value);
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/combobox.tsx
+function Te({ open: t }) {
+	return /* @__PURE__ */ O("svg", {
+		className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		viewBox: "0 0 12 12",
+		children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
+	});
+}
+var Ee = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, onChange: s, options: c, placeholder: l = "Select...", searchPlaceholder: u = "Search...", value: d }, f) {
+	let [p, m] = E(!1), [h, g] = E(""), [v, y] = E(0), x = T(null), C = T(null), D = f ?? x, A = w(() => {
+		if (h === "") return c;
+		let e = h.toLowerCase();
+		return c.filter((t) => t.label.toLowerCase().includes(e));
+	}, [c, h]), j = w(() => c.find((e) => e.value === d), [c, d]), M = S(() => {
+		r || (m(!0), g(""), y(0), requestAnimationFrame(() => {
+			C.current?.focus();
+		}));
+	}, [r]), N = S(() => {
+		m(!1), g("");
+	}, []), P = S((e) => {
+		s(e), N();
+	}, [s, N]), F = S((e) => {
+		g(e), y(0);
+	}, []);
+	return b(D, p, N), _(p, N), /* @__PURE__ */ k("div", {
+		ref: D,
+		className: e("relative", n),
+		"data-component": "combobox",
+		"data-state": p ? "open" : "closed",
+		children: [/* @__PURE__ */ k("button", {
+			className: e("flex w-full items-center justify-between gds-h gds-radius-popover gds-pad-x border bg-transparent text-left text-sm text-fg transition-colors", i, !a && "border-border hover:border-fg-muted", a && "border-danger", a && "focus-visible:ring-danger", r && "cursor-not-allowed opacity-50", t(o), o === !0 && "border-white/10 bg-bg/60"),
+			disabled: r,
+			onClick: M,
+			type: "button",
+			children: [/* @__PURE__ */ O("span", {
+				className: e(j === void 0 ? "text-fg-muted" : "text-fg"),
+				children: j === void 0 ? l : j.label
+			}), /* @__PURE__ */ O(Te, { open: p })]
+		}), p && /* @__PURE__ */ O(we, {
+			filtered: A,
+			glass: o,
+			highlightedIndex: v,
+			onSearchChange: F,
+			onSelect: P,
+			query: h,
+			searchPlaceholder: u,
+			searchRef: C,
+			setHighlightedIndex: y,
+			value: d
+		})]
+	});
+});
+//#endregion
+//#region src/l4-molecules/command-menu.tsx
+function De({ items: n, onSelect: r, searchable: i = !0, placeholder: a = "Type a command...", glass: o, className: s }) {
+	let [c, l] = E(""), [u, d] = E(0), f = w(() => {
+		if (c === "") return n;
+		let e = c.toLowerCase();
+		return n.filter((t) => t.label.toLowerCase().includes(e));
+	}, [n, c]), p = w(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of f) {
+			let n = t.group ?? "", r = e.get(n);
+			r === void 0 ? e.set(n, [t]) : r.push(t);
+		}
+		return e;
+	}, [f]), m = S((e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), d((e) => (e + 1) % f.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), d((e) => (e - 1 + f.length) % f.length);
+		else if (h(e)) {
+			e.preventDefault();
+			let t = f[u];
+			t !== void 0 && r(t.id);
+		}
+	}, [
+		f,
+		u,
+		r
+	]), g = -1;
+	return /* @__PURE__ */ k("div", {
+		className: e("gds-radius-card border border-border overflow-hidden", o !== void 0 && o !== !1 ? e("border-white/10 bg-bg/60", t(o)) : "", s),
+		"data-component": "command-menu",
+		onKeyDown: m,
+		children: [i && /* @__PURE__ */ O("div", {
+			className: "border-b border-border",
+			children: /* @__PURE__ */ O("input", {
+				type: "text",
+				"data-testid": "command-menu-search",
+				placeholder: a,
+				className: e("w-full bg-transparent gds-pad-x gds-pad-y text-sm text-fg placeholder:text-fg-muted/40 outline-none", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				value: c,
+				onChange: (e) => {
+					l(e.target.value), d(0);
+				}
+			})
+		}), /* @__PURE__ */ k("div", {
+			className: "max-h-64 overflow-y-auto gds-pad-y-sm",
+			children: [f.length === 0 && /* @__PURE__ */ O("div", {
+				className: "py-6 text-center text-sm text-fg-muted/40",
+				children: "No results"
+			}), Array.from(p.entries()).map(([t, n]) => /* @__PURE__ */ k("div", { children: [t !== "" && /* @__PURE__ */ O("div", {
+				className: "px-3 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-[0.1em] text-fg-muted/30",
+				children: t
+			}), n.map((t) => {
+				g++;
+				let n = g === u;
+				return /* @__PURE__ */ k("button", {
+					type: "button",
+					onClick: () => r(t.id),
+					"data-active": n,
+					"data-testid": `command-menu-item-${t.id}`,
+					className: e("flex w-full items-center gap-3 px-3 py-2 text-left gds-text-body transition-colors select-none", n ? "bg-accent/10 text-accent" : "", t.danger === !0 ? "text-danger" : n ? "" : "text-fg hover:bg-white/[0.04]"),
+					children: [
+						t.icon !== void 0 && /* @__PURE__ */ O("span", {
+							className: "flex h-5 w-5 shrink-0 items-center justify-center text-fg-muted/50",
+							children: t.icon
+						}),
+						/* @__PURE__ */ O("span", {
+							className: "flex-1 truncate",
+							children: t.label
+						}),
+						t.shortcut !== void 0 && /* @__PURE__ */ O("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: t.shortcut
+						})
+					]
+				}, t.id);
+			})] }, t))]
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/dialog.tsx
+var Oe = {
+	sm: "max-w-sm",
+	default: "max-w-lg",
+	lg: "max-w-2xl",
+	xl: "max-w-4xl"
+}, z = x(function({ open: n, onClose: r, title: i, description: a, children: o, glass: s, width: c = "default", className: l }, d) {
+	let f = v(n);
+	return y(n), _(n, r), n ? u(/* @__PURE__ */ O("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+		onClick: (e) => {
+			e.target === e.currentTarget && r();
+		},
+		"data-component": "dialog",
+		"data-state": "open",
+		children: /* @__PURE__ */ k("div", {
+			ref: (e) => {
+				f.current = e, typeof d == "function" ? d(e) : d != null && (d.current = e);
+			},
+			className: e("gds-ctx w-full animate-popup gds-radius-card border gds-shadow-xl", s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", Oe[c], l),
+			children: [(i !== void 0 || a !== void 0) && /* @__PURE__ */ k("div", {
+				className: "flex items-start justify-between gds-gap border-b border-border gds-pad-x-lg gds-pad-y-lg",
+				children: [/* @__PURE__ */ k("div", {
+					className: "min-w-0",
+					children: [i !== void 0 && /* @__PURE__ */ O("h2", {
+						className: "text-sm font-semibold text-fg",
+						children: i
+					}), a !== void 0 && /* @__PURE__ */ O("p", {
+						className: "mt-0.5 gds-text-body text-fg-muted",
+						children: a
+					})]
+				}), /* @__PURE__ */ O("button", {
+					type: "button",
+					onClick: r,
+					className: e("shrink-0 gds-radius-button p-1 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+					"aria-label": "Close",
+					children: /* @__PURE__ */ O("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 14 14",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
+					})
+				})]
+			}), /* @__PURE__ */ O("div", {
+				className: "gds-pad-x-lg gds-pad-y-lg",
+				children: o
+			})]
+		})
+	})) : null;
+}), ke = x(function({ cancelLabel: e = "Cancel", className: t, confirmLabel: n = "Confirm", loading: i = !1, message: a, onClose: o, onConfirm: s, open: c, title: l = "Confirm", variant: u = "default" }, d) {
+	return /* @__PURE__ */ O(z, {
+		className: t,
+		onClose: o,
+		open: c,
+		ref: d,
+		title: l,
+		width: "sm",
+		children: /* @__PURE__ */ k("div", {
+			className: "flex flex-col gds-gap",
+			"data-component": "confirm-dialog",
+			"data-variant": u,
+			children: [a !== void 0 && /* @__PURE__ */ O("p", {
+				className: "gds-text-body text-fg-muted",
+				children: a
+			}), /* @__PURE__ */ k("div", {
+				className: "flex items-center justify-end gds-gap-sm",
+				children: [/* @__PURE__ */ O(r, {
+					disabled: i,
+					onClick: o,
+					size: "sm",
+					variant: "ghost",
+					children: e
+				}), /* @__PURE__ */ O(r, {
+					disabled: i,
+					onClick: s,
+					size: "sm",
+					variant: u === "danger" ? "danger" : "primary",
+					children: i ? "Loading..." : n
+				})]
+			})]
+		})
+	});
+});
+//#endregion
+//#region src/l4-molecules/context-menu.tsx
+function Ae({ trigger: t, items: n, onSelect: r, className: i }) {
+	let [a, o] = E(!1), [s, c] = E({
+		x: 0,
+		y: 0
+	}), l = T(null), u = S(() => o(!1), []);
+	b(l, a, u), _(a, u);
+	let d = S((e) => {
+		e.preventDefault(), c({
+			x: e.clientX,
+			y: e.clientY
+		}), o(!0);
+	}, []), f = S((e) => {
+		o(!1), r(e);
+	}, [r]);
+	return /* @__PURE__ */ k("div", {
+		className: i,
+		"data-component": "context-menu",
+		"data-state": a ? "open" : "closed",
+		onContextMenu: d,
+		children: [t, a && /* @__PURE__ */ O("div", {
+			ref: l,
+			className: "fixed z-50 min-w-[160px] animate-popup gds-radius-popover border border-border bg-surface py-1 gds-shadow-lg",
+			style: {
+				left: s.x,
+				top: s.y
+			},
+			children: n.map((t) => t.separator ? /* @__PURE__ */ O("div", { className: "my-1 h-px bg-border" }, t.id) : /* @__PURE__ */ k("button", {
+				type: "button",
+				disabled: t.disabled,
+				className: e("flex w-full items-center gds-gap-sm gds-pad-x gds-pad-y-sm text-left gds-text-body", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg", t.danger ? "text-danger hover:bg-danger/10" : "text-fg hover:bg-bg-secondary", t.disabled === !0 && "pointer-events-none opacity-40"),
+				onClick: () => f(t.id),
+				children: [
+					t.icon !== void 0 && /* @__PURE__ */ O("span", {
+						className: "flex h-4 w-4 shrink-0 items-center justify-center",
+						children: t.icon
+					}),
+					/* @__PURE__ */ O("span", {
+						className: "flex-1",
+						children: t.label
+					}),
+					t.shortcut !== void 0 && /* @__PURE__ */ O("span", {
+						className: "ml-4 gds-text-caption text-fg-muted",
+						children: t.shortcut
+					})
+				]
+			}, t.id))
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/copy-field.tsx
+var je = x(function({ value: t, label: n, masked: r = !1, className: i }, a) {
+	let [o, s] = E(!1), [c, l] = E(!1), u = T(null);
+	C(() => () => {
+		u.current !== null && clearTimeout(u.current);
+	}, []);
+	let d = S(() => {
+		navigator.clipboard.writeText(t).catch(() => {}), s(!0), u.current !== null && clearTimeout(u.current), u.current = setTimeout(() => s(!1), 1500);
+	}, [t]), f = r && !c ? "•".repeat(Math.min(t.length, 20)) : t;
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("flex flex-col gap-1", i),
+		"data-component": "copy-field",
+		children: [n !== void 0 && /* @__PURE__ */ O("label", {
+			className: "text-xs text-fg-muted select-none",
+			children: n
+		}), /* @__PURE__ */ k("div", {
+			className: "flex items-center gap-2 rounded-md border border-border bg-surface px-3 py-1.5",
+			children: [/* @__PURE__ */ O("span", {
+				className: "flex-1 truncate font-mono text-sm text-fg select-all",
+				onMouseEnter: r ? () => l(!0) : void 0,
+				onMouseLeave: r ? () => l(!1) : void 0,
+				children: f
+			}), /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: d,
+				className: "shrink-0 text-fg-muted hover:text-fg transition-colors",
+				"aria-label": "Copy",
+				children: o ? /* @__PURE__ */ O("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: /* @__PURE__ */ O("path", { d: "M2 7l3 3 7-7" })
+				}) : /* @__PURE__ */ k("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 14 14",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					children: [/* @__PURE__ */ O("rect", {
+						x: "4",
+						y: "4",
+						width: "8",
+						height: "8",
+						rx: "1.5"
+					}), /* @__PURE__ */ O("path", { d: "M10 4V2.5A1.5 1.5 0 008.5 1h-6A1.5 1.5 0 001 2.5v6A1.5 1.5 0 002.5 10H4" })]
+				})
+			})]
+		})]
+	});
+}), Me = x(function({ children: t, value: n, feedback: r = "Copied!", className: a }, o) {
+	let [s, c] = E(!1), l = T(null), u = S(() => {
+		navigator.clipboard.writeText(n).then(() => {
+			c(!0), l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => {
+				c(!1), l.current = null;
+			}, 2e3);
+		}).catch(() => {});
+	}, [n]);
+	return /* @__PURE__ */ k("span", {
+		ref: o,
+		className: e("relative inline-flex cursor-pointer select-none", i, a),
+		"data-component": "copy-to-clipboard",
+		onClick: u,
+		role: "button",
+		tabIndex: 0,
+		children: [t, s && /* @__PURE__ */ O("span", {
+			className: "absolute -top-8 left-1/2 -translate-x-1/2 rounded bg-fg px-2 py-0.5 text-[11px] whitespace-nowrap text-bg shadow-md",
+			children: r
+		})]
+	});
+}), Ne = x(function({ amount: t, change: n, className: r, currency: i = "¥", period: a, ...o }, s) {
+	let c = t.toLocaleString();
+	return /* @__PURE__ */ k("div", {
+		className: e("flex items-baseline gds-gap", r),
+		"data-component": "currency-display",
+		ref: s,
+		...o,
+		children: [
+			/* @__PURE__ */ k("span", {
+				className: "text-2xl font-bold text-fg",
+				children: [i, c]
+			}),
+			n !== void 0 && /* @__PURE__ */ k("span", {
+				className: e("text-sm font-medium", n >= 0 ? "text-success" : "text-danger"),
+				children: [
+					n >= 0 ? "↑" : "↓",
+					Math.abs(n),
+					"%"
+				]
+			}),
+			a !== void 0 && /* @__PURE__ */ O("span", {
+				className: "text-xs text-fg-muted",
+				children: a
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l4-molecules/currency-input.tsx
+function Pe(e, t) {
+	return new Intl.NumberFormat(t).format(e);
+}
+function Fe(e, t, n) {
+	let r = e;
+	return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
+}
+var Ie = x(function({ value: t, onChange: n, currency: r = "¥", locale: a = "ja-JP", min: o, max: s, disabled: c = !1, error: l = !1, placeholder: u = "0", className: d }, f) {
+	let [p, m] = E(!1), [h, g] = E(""), _ = t === null ? "" : Pe(t, a), v = S(() => {
+		m(!0), g(t === null ? "" : String(t));
+	}, [t]), y = S(() => {
+		m(!1);
+		let e = h.replace(/[^\d.-]/g, "");
+		if (e === "" || e === "-") {
+			n(null);
+			return;
+		}
+		let t = Number(e);
+		if (Number.isNaN(t)) {
+			n(null);
+			return;
+		}
+		n(Fe(t, o, s));
+	}, [
+		h,
+		s,
+		o,
+		n
+	]), b = S((e) => {
+		g(e.replace(/[^\d.-]/g, ""));
+	}, []);
+	return /* @__PURE__ */ k("div", {
+		ref: f,
+		className: e("inline-flex items-center gds-h gds-radius-input border", l ? "border-danger" : "border-border", c && "cursor-not-allowed opacity-40", d),
+		"data-component": "currency-input",
+		"data-disabled": c ? "" : void 0,
+		"data-error": l ? "" : void 0,
+		children: [/* @__PURE__ */ O("span", {
+			className: "select-none pl-3 text-fg-muted gds-text-body",
+			children: r
+		}), /* @__PURE__ */ O("input", {
+			type: "text",
+			inputMode: "numeric",
+			value: p ? h : _,
+			onChange: (e) => b(e.target.value),
+			onFocus: v,
+			onBlur: y,
+			disabled: c,
+			placeholder: u,
+			className: e("flex-1 bg-transparent px-2 text-right text-fg gds-text-body focus:outline-none", i),
+			"aria-label": "Currency amount"
+		})]
+	});
+}), Le = {
+	down: "text-danger",
+	neutral: "text-fg-muted",
+	up: "text-success"
+}, Re = x(function({ title: n, value: r, change: i, changeType: a = "neutral", icon: o, footer: s, glass: c, className: l }, u) {
+	return /* @__PURE__ */ k("div", {
+		ref: u,
+		className: e("gds-ctx gds-radius border border-border/40 bg-surface gds-pad select-none", c === !0 && t(c), l),
+		"data-component": "data-card",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ O("span", {
+					className: "gds-text-body text-fg-muted",
+					children: n
+				}), o !== void 0 && /* @__PURE__ */ O("span", {
+					className: "text-fg-muted/30",
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "mt-2 text-xl font-bold text-fg",
+				children: r
+			}),
+			i !== void 0 && /* @__PURE__ */ k("div", {
+				className: e("mt-1 flex items-center gap-1 text-[11px]", Le[a]),
+				children: [
+					a === "up" && /* @__PURE__ */ k("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 16 16",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ O("path", { d: "M2 12l5-5 3 3 5-6" }), /* @__PURE__ */ O("path", { d: "M11 4h4v4" })]
+					}),
+					a === "down" && /* @__PURE__ */ k("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 16 16",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ O("path", { d: "M2 4l5 5 3-3 5 6" }), /* @__PURE__ */ O("path", { d: "M11 12h4V8" })]
+					}),
+					/* @__PURE__ */ O("span", { children: i })
+				]
+			}),
+			s !== void 0 && /* @__PURE__ */ O("div", {
+				className: "mt-3 border-t border-border/20 pt-2 text-[10px] text-fg-muted/50",
+				children: s
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l4-molecules/date-display.tsx
+function B(e) {
+	let t = Math.floor(e / 1e3);
+	if (t < 60) return "just now";
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n}m ago`;
+	let r = Math.floor(n / 60);
+	return r < 24 ? `${r}h ago` : r < 48 ? "yesterday" : `${Math.floor(r / 24)} days ago`;
+}
+function V(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+var ze = 10080 * 60 * 1e3, Be = x(function({ date: t, format: n = "auto", className: r }, i) {
+	let a = w(() => {
+		let e = t instanceof Date ? t : new Date(t), r = Date.now() - e.getTime();
+		return n === "relative" ? B(r) : n === "absolute" ? V(e) : r < ze ? B(r) : V(e);
+	}, [t, n]), o = t instanceof Date ? t : new Date(t);
+	return /* @__PURE__ */ O("span", {
+		ref: i,
+		className: e("text-fg-muted gds-text", r),
+		"data-component": "date-display",
+		title: o.toISOString(),
+		children: a
+	});
+}), Ve = x(function({ className: t, disabled: n = !1, endDate: r, error: i = !1, onChange: a, placeholder: o, startDate: s }, c) {
+	return /* @__PURE__ */ k("div", {
+		className: e("flex items-center gds-radius-input border bg-bg transition-colors", i ? "border-danger" : "border-border hover:border-border-strong", n && "cursor-not-allowed opacity-50", t),
+		"data-component": "date-range-input",
+		"data-error": i ? "" : void 0,
+		ref: c,
+		children: [
+			/* @__PURE__ */ O("input", {
+				"aria-label": o?.start ?? "Start date",
+				className: "gds-h flex-1 bg-transparent gds-text-body text-fg outline-none gds-pad-x disabled:cursor-not-allowed",
+				disabled: n,
+				onChange: (e) => {
+					a(e.target.value === "" ? null : e.target.value, r);
+				},
+				placeholder: o?.start,
+				type: "date",
+				value: s ?? ""
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "shrink-0 text-fg-muted/40 select-none gds-text-label",
+				children: "→"
+			}),
+			/* @__PURE__ */ O("input", {
+				"aria-label": o?.end ?? "End date",
+				className: "gds-h flex-1 border-l border-inherit bg-transparent gds-text-body text-fg outline-none gds-pad-x disabled:cursor-not-allowed",
+				disabled: n,
+				min: s ?? void 0,
+				onChange: (e) => {
+					a(s, e.target.value === "" ? null : e.target.value);
+				},
+				placeholder: o?.end,
+				type: "date",
+				value: r ?? ""
+			})
+		]
+	});
+}), He = x(function({ children: t, title: n, className: r }, i) {
+	return /* @__PURE__ */ k("div", {
+		ref: i,
+		className: e("space-y-0.5", r),
+		"data-component": "description",
+		children: [n !== void 0 && /* @__PURE__ */ O("div", {
+			className: "gds-text-body font-medium text-fg",
+			children: n
+		}), /* @__PURE__ */ O("div", {
+			className: "gds-text-body text-fg-muted",
+			children: t
+		})]
+	});
+}), Ue = x(function({ className: n, glass: r = !0, items: i, onSelect: a, ...o }, s) {
+	let [c, l] = E(null);
+	return /* @__PURE__ */ O("div", {
+		className: e("inline-flex items-end gap-1 gds-radius-card p-2", "border border-white/[0.06] bg-bg-secondary/80", t(r === !0 ? !0 : void 0), r === !0 && "border-white/10", n),
+		"data-component": "dock",
+		ref: s,
+		...o,
+		children: i.map((t, n) => {
+			let r = c === n, i = c !== null && Math.abs(n - c) === 1, o = 1;
+			return r ? o = 1.3 : i && (o = 1.1), /* @__PURE__ */ k("div", {
+				className: "group relative flex flex-col items-center",
+				onMouseEnter: () => l(n),
+				onMouseLeave: () => l(null),
+				children: [/* @__PURE__ */ O("span", {
+					className: e("pointer-events-none absolute -top-8 whitespace-nowrap rounded-md bg-bg-secondary px-2 py-1 text-[10px] text-fg-muted shadow-lg", "transition-opacity duration-150", r ? "opacity-100" : "opacity-0"),
+					"data-testid": `dock-tooltip-${t.id}`,
+					children: t.label
+				}), /* @__PURE__ */ O("button", {
+					className: e("flex items-center justify-center rounded-lg p-2", "transition-transform duration-200", "hover:bg-white/[0.06]"),
+					"data-testid": `dock-item-${t.id}`,
+					onClick: () => a(t.id),
+					style: {
+						transform: `scale(${o})`,
+						transitionTimingFunction: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+					},
+					type: "button",
+					children: /* @__PURE__ */ O("span", {
+						className: "gds-icon-child",
+						children: t.icon
+					})
+				})]
+			}, t.id);
+		})
+	});
+}), We = x(function({ label: t, progress: n, complete: r = !1, onClick: a, disabled: o = !1, className: s }, c) {
+	let l = n !== void 0 && !r, u = o || l;
+	return /* @__PURE__ */ k("button", {
+		ref: c,
+		type: "button",
+		className: e("inline-flex items-center gap-2 gds-radius-button border border-border bg-bg px-4 py-2 text-sm font-medium text-fg transition-colors select-none", "hover:bg-bg-secondary", u && "cursor-not-allowed opacity-50", r && "border-success/30 text-success", i, s),
+		"data-component": "download-button",
+		disabled: u,
+		onClick: a,
+		children: [
+			r && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ O("path", { d: "M3 8.5l4 4 6-7" })
+			}), /* @__PURE__ */ O("span", { children: "Downloaded" })] }),
+			!r && l && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				className: "animate-spin",
+				children: /* @__PURE__ */ O("path", { d: "M8 2a6 6 0 1 0 6 6" })
+			}), /* @__PURE__ */ k("span", {
+				className: "tabular-nums",
+				children: [n, "%"]
+			})] }),
+			!r && !l && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ O("path", { d: "M8 2v8M4.5 7.5L8 11l3.5-3.5" }), /* @__PURE__ */ O("path", { d: "M3 13h10" })]
+			}), /* @__PURE__ */ O("span", { children: t })] })
+		]
+	});
+}), Ge = {
+	sm: "h-[30vh]",
+	default: "h-[50vh]",
+	lg: "h-[75vh]",
+	full: "h-screen"
+}, Ke = x(function({ open: n, onClose: r, title: i, children: a, height: o = "default", glass: s, className: c }, l) {
+	return y(n), _(n, r), n ? /* @__PURE__ */ O("div", {
+		className: "fixed inset-0 z-50 bg-black/50",
+		onClick: (e) => {
+			e.target === e.currentTarget && r();
+		},
+		"data-component": "drawer",
+		"data-state": "open",
+		children: /* @__PURE__ */ k("div", {
+			ref: l,
+			className: e("gds-ctx fixed inset-x-0 bottom-0 flex flex-col rounded-t-xl border-t transition-transform duration-200", Ge[o], s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface", c),
+			children: [
+				/* @__PURE__ */ O("div", {
+					className: "flex justify-center py-2",
+					children: /* @__PURE__ */ O("div", {
+						className: "h-1 w-8 rounded-full bg-fg-muted/30",
+						"data-testid": "drag-handle"
+					})
+				}),
+				i !== void 0 && /* @__PURE__ */ k("div", {
+					className: "flex items-center justify-between gds-pad-x-lg pb-2",
+					children: [/* @__PURE__ */ O("h2", {
+						className: "text-sm font-semibold text-fg",
+						children: i
+					}), /* @__PURE__ */ O("button", {
+						type: "button",
+						onClick: r,
+						className: e("shrink-0 gds-radius-button p-1 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+						"aria-label": "Close",
+						children: /* @__PURE__ */ O("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 14 14",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
+						})
+					})]
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "flex-1 overflow-y-auto gds-pad-x-lg gds-pad-y-lg",
+					children: a
+				})
+			]
+		})
+	}) : null;
+}), qe = x(function({ onDrop: n, accept: r, active: a, children: o, glass: s, className: c }, l) {
+	let [u, d] = E(!1), f = a === !0 || u, p = S((e) => {
+		e.preventDefault(), d(!0);
+	}, []), m = S((e) => {
+		e.preventDefault(), d(!1);
+	}, []), h = S((e) => {
+		e.preventDefault(), d(!1), n(Array.from(e.dataTransfer.files));
+	}, [n]);
+	return /* @__PURE__ */ k("div", {
+		ref: l,
+		className: e("flex flex-col items-center justify-center gds-gap gds-radius border-2 border-dashed p-8 transition-colors", i, f ? "border-accent bg-accent/5" : "border-border/40 bg-bg-secondary/20", s === !0 && t(s), c),
+		"data-component": "drop-zone",
+		"data-state": f ? "active" : "idle",
+		onDragOver: p,
+		onDragLeave: m,
+		onDrop: h,
+		children: [o ?? /* @__PURE__ */ O("span", {
+			className: "text-sm text-fg-muted select-none",
+			children: "Drop files here"
+		}), r !== void 0 && /* @__PURE__ */ O("span", {
+			className: "text-xs text-fg-muted/60",
+			children: r
+		})]
+	});
+});
+//#endregion
+//#region src/l4-molecules/dropdown.tsx
+function Je({ items: n, onSelect: r, trigger: a, align: o = "start", glass: s, className: c }) {
+	let [l, u] = E(!1), d = T(null);
+	return b(d, l, () => u(!1)), _(l, () => u(!1)), /* @__PURE__ */ k("div", {
+		ref: d,
+		className: e("relative inline-block", c),
+		"data-component": "dropdown",
+		"data-state": l ? "open" : "closed",
+		children: [/* @__PURE__ */ O("button", {
+			type: "button",
+			onClick: () => u((e) => !e),
+			className: i,
+			children: a
+		}), l && /* @__PURE__ */ O("div", {
+			className: e("absolute z-50 mt-1 min-w-[160px] animate-popup gds-radius-popover border py-1 gds-shadow-lg", o === "end" ? "right-0" : "left-0", s ? e(t(s), "border-white/10 bg-bg/60") : "border-border bg-surface"),
+			children: n.map((t) => t.separator ? /* @__PURE__ */ O("div", { className: "my-1 h-px bg-border" }, t.id) : /* @__PURE__ */ k("button", {
+				type: "button",
+				disabled: t.disabled,
+				onClick: () => {
+					r(t.id), u(!1);
+				},
+				className: e("flex w-full items-center gds-gap-sm gds-pad-x gds-pad-y-sm gds-text-body transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg", t.danger ? "text-danger hover:bg-danger/10" : "text-fg hover:bg-bg-tertiary", t.disabled === !0 && "pointer-events-none opacity-40"),
+				children: [
+					t.icon !== void 0 && /* @__PURE__ */ O("span", {
+						className: "shrink-0",
+						children: t.icon
+					}),
+					/* @__PURE__ */ O("span", {
+						className: "flex-1 text-left",
+						children: t.label
+					}),
+					t.shortcut !== void 0 && /* @__PURE__ */ O("span", {
+						className: "ml-4 gds-text-caption text-fg-muted",
+						children: t.shortcut
+					})
+				]
+			}, t.id))
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/editable.tsx
+var Ye = x(function({ value: t, onChange: n, placeholder: r = "Click to edit", disabled: a, className: o }, s) {
+	let [c, l] = E(!1), [u, d] = E(t), f = T(null), p = S(() => {
+		a !== !0 && (d(t), l(!0));
+	}, [a, t]), m = S(() => {
+		l(!1), n(u);
+	}, [u, n]), h = S(() => {
+		l(!1), d(t);
+	}, [t]), g = S((e) => {
+		e.key === "Enter" && m(), e.key === "Escape" && h();
+	}, [m, h]);
+	if (c) return /* @__PURE__ */ O("input", {
+		ref: f,
+		autoFocus: !0,
+		className: e("bg-transparent underline gds-text-body text-fg outline-none", i, o),
+		"data-component": "editable",
+		"data-state": "editing",
+		onBlur: m,
+		onChange: (e) => d(e.target.value),
+		onKeyDown: g,
+		type: "text",
+		value: u
+	});
+	let _ = t === "";
+	return /* @__PURE__ */ O("span", {
+		ref: s,
+		className: e("inline cursor-pointer gds-text-body hover:underline", a === !0 && "pointer-events-none opacity-50", _ ? "text-fg-muted" : "text-fg", i, o),
+		"data-component": "editable",
+		"data-state": "display",
+		onClick: p,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && p();
+		},
+		role: "button",
+		tabIndex: a === !0 ? -1 : 0,
+		children: _ ? r : t
+	});
+}), Xe = [
+	{
+		name: "Smileys",
+		emojis: [
+			"😀",
+			"😂",
+			"🥹",
+			"😍",
+			"🤔",
+			"😎",
+			"🥳",
+			"😴",
+			"🤯",
+			"😱",
+			"🙄",
+			"😤"
+		]
+	},
+	{
+		name: "Gestures",
+		emojis: [
+			"👍",
+			"👎",
+			"👏",
+			"🤝",
+			"✌️",
+			"🤞",
+			"🫶",
+			"💪",
+			"🙏",
+			"👋",
+			"🫡",
+			"🤙"
+		]
+	},
+	{
+		name: "Animals",
+		emojis: [
+			"🐶",
+			"🐱",
+			"🐻",
+			"🦊",
+			"🐸",
+			"🐵",
+			"🦁",
+			"🐧",
+			"🦋",
+			"🐝",
+			"🐢",
+			"🐬"
+		]
+	},
+	{
+		name: "Objects",
+		emojis: [
+			"🔥",
+			"⭐",
+			"💡",
+			"🎯",
+			"🚀",
+			"💎",
+			"🎉",
+			"📌",
+			"🔔",
+			"💬",
+			"❤️",
+			"✅"
+		]
+	}
+], Ze = x(function({ onSelect: t, categories: n = Xe, columns: r = 8, glass: i = !1, className: a, ...o }, s) {
+	let [c, l] = E(0), [u, d] = E(""), f = w(() => u === "" ? n[c]?.emojis ?? [] : n.flatMap((e) => e.emojis), [
+		u,
+		c,
+		n
+	]);
+	return /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("w-fit rounded-lg border border-border p-2 shadow-lg", i ? "bg-bg/80 backdrop-blur-xl" : "bg-bg-secondary", a),
+		"data-component": "emoji-picker",
+		...o,
+		children: [
+			/* @__PURE__ */ O("input", {
+				type: "text",
+				placeholder: "Search...",
+				value: u,
+				onChange: (e) => d(e.target.value),
+				className: "mb-2 w-full rounded-md border border-border bg-transparent px-2 py-1 text-xs text-fg placeholder:text-fg-muted outline-none"
+			}),
+			u === "" && /* @__PURE__ */ O("div", {
+				className: "mb-2 flex gap-1 overflow-x-auto",
+				children: n.map((t, n) => /* @__PURE__ */ O("button", {
+					className: e("shrink-0 rounded-md px-2 py-0.5 text-[10px] font-medium transition-colors", n === c ? "bg-accent/15 text-accent" : "text-fg-muted hover:text-fg"),
+					onClick: () => l(n),
+					children: t.name
+				}, t.name))
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "grid gap-0.5",
+				style: { gridTemplateColumns: `repeat(${r}, 1fr)` },
+				children: f.map((e, n) => /* @__PURE__ */ O("button", {
+					className: "flex h-8 w-8 items-center justify-center rounded-md text-base hover:bg-white/10 transition-colors",
+					onClick: () => t(e),
+					children: e
+				}, `${e}-${n}`))
+			})
+		]
+	});
+}), Qe = x(function({ message: t, icon: n, action: r, className: i }, a) {
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("flex flex-col items-center justify-center gap-2 py-6 select-none", i),
+		"data-component": "empty-placeholder",
+		children: [
+			n !== void 0 && /* @__PURE__ */ O("div", {
+				className: "text-fg-muted/30",
+				children: n
+			}),
+			/* @__PURE__ */ O("p", {
+				className: "gds-text-body text-fg-muted",
+				children: t
+			}),
+			r !== void 0 && /* @__PURE__ */ O("div", {
+				className: "mt-1",
+				children: r
+			})
+		]
+	});
+}), $e = x(function({ query: t, suggestions: n, className: r }, i) {
+	return /* @__PURE__ */ k("div", {
+		ref: i,
+		className: e("flex flex-col items-center justify-center py-12 text-center select-none", r),
+		"data-component": "empty-search",
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "flex h-12 w-12 items-center justify-center rounded-full bg-bg-tertiary/50",
+				children: /* @__PURE__ */ k("svg", {
+					width: "24",
+					height: "24",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					children: [/* @__PURE__ */ O("circle", {
+						cx: "11",
+						cy: "11",
+						r: "7"
+					}), /* @__PURE__ */ O("path", { d: "M21 21l-4.35-4.35" })]
+				})
+			}),
+			/* @__PURE__ */ k("h3", {
+				className: "mt-3 text-sm font-medium text-fg",
+				children: [
+					"No results for '",
+					t,
+					"'"
+				]
+			}),
+			n !== void 0 && n.length > 0 && /* @__PURE__ */ O("div", {
+				className: "mt-3 flex flex-wrap justify-center gap-2",
+				children: n.map((e) => /* @__PURE__ */ O("span", {
+					className: "rounded-full bg-bg-tertiary/50 px-3 py-1 text-[11px] text-fg-muted",
+					children: e
+				}, e))
+			})
+		]
+	});
+}), et = {
+	production: "bg-success/15 text-success",
+	staging: "bg-warning/15 text-warning",
+	development: "bg-accent/15 text-accent",
+	local: "bg-bg-tertiary text-fg-muted"
+}, tt = {
+	production: "bg-success",
+	staging: "bg-warning",
+	development: "bg-accent",
+	local: "bg-fg-muted"
+}, nt = x(function({ className: t, env: n, showDot: r = !0, ...i }, a) {
+	return /* @__PURE__ */ k("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", et[n], t),
+		"data-component": "environment-badge",
+		ref: a,
+		...i,
+		children: [r && /* @__PURE__ */ O("span", { className: e("h-1.5 w-1.5 rounded-full", tt[n]) }), n]
+	});
+}), rt = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 md:grid-cols-2",
+	3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
+}, it = x(function({ children: t, columns: n = 1, title: r, description: i, className: a }, o) {
+	return /* @__PURE__ */ k("fieldset", {
+		ref: o,
+		className: e("space-y-4", a),
+		"data-component": "field-group",
+		children: [r !== void 0 && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("legend", {
+			className: "text-sm font-semibold text-fg",
+			children: r
+		}), i !== void 0 && /* @__PURE__ */ O("p", {
+			className: "mt-0.5 gds-text-body text-fg-muted",
+			children: i
+		})] }), /* @__PURE__ */ O("div", {
+			className: e("grid gds-gap", rt[n]),
+			children: t
+		})]
+	});
+}), at = x(function({ children: t, legend: n, disabled: r = !1, className: i }, a) {
+	return /* @__PURE__ */ k("fieldset", {
+		ref: a,
+		className: e("gds-radius border border-border gds-pad", r && "cursor-not-allowed opacity-50", i),
+		"data-component": "field-set",
+		disabled: r,
+		children: [/* @__PURE__ */ O("legend", {
+			className: "px-2 text-xs font-medium text-fg-muted select-none",
+			children: n
+		}), t]
+	});
+});
+//#endregion
+//#region src/l4-molecules/file-upload.tsx
+function ot(e, t) {
+	return t === void 0 ? e : e.filter((e) => e.size <= t);
+}
+function st() {
+	return /* @__PURE__ */ k("svg", {
+		className: "h-8 w-8 text-fg-muted/40",
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		viewBox: "0 0 24 24",
+		children: [
+			/* @__PURE__ */ O("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+			/* @__PURE__ */ O("polyline", { points: "17 8 12 3 7 8" }),
+			/* @__PURE__ */ O("line", {
+				x1: "12",
+				x2: "12",
+				y1: "3",
+				y2: "15"
+			})
+		]
+	});
+}
+var ct = x(function({ accept: n, children: r, className: i, disabled: a = !1, glass: o, maxSize: s, multiple: c = !1, onFiles: l }, u) {
+	let [d, f] = E(!1), [p, m] = E([]), h = T(null), g = S((e) => {
+		let t = ot(Array.from(e), s);
+		m(t), l(t);
+	}, [s, l]), _ = S(() => {
+		a || h.current?.click();
+	}, [a]), v = S((e) => {
+		e.preventDefault(), !a && f(!0);
+	}, [a]), y = S((e) => {
+		e.preventDefault(), f(!1);
+	}, []), b = S((e) => {
+		e.preventDefault(), f(!1), !a && g(e.dataTransfer.files);
+	}, [a, g]), x = S((e) => {
+		e.target.files !== null && g(e.target.files);
+	}, [g]);
+	return /* @__PURE__ */ k("div", {
+		ref: u,
+		className: e("flex cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 transition-colors", !d && !a && "border-border hover:border-fg-muted", d && "border-accent bg-accent/5", a && "pointer-events-none cursor-not-allowed opacity-50", t(o), i),
+		"data-component": "file-upload",
+		"data-state": d ? "drag-over" : "idle",
+		onClick: _,
+		onDragLeave: y,
+		onDragOver: v,
+		onDrop: b,
+		children: [/* @__PURE__ */ O("input", {
+			accept: n,
+			className: "hidden",
+			multiple: c,
+			onChange: x,
+			ref: h,
+			type: "file"
+		}), r === void 0 ? /* @__PURE__ */ k(D, { children: [
+			/* @__PURE__ */ O(st, {}),
+			/* @__PURE__ */ O("div", {
+				className: "text-sm text-fg-muted",
+				children: "Drop files here or click to browse"
+			}),
+			p.length > 0 && /* @__PURE__ */ k("div", {
+				className: "text-xs text-fg-muted/60",
+				children: [
+					p.length,
+					" file",
+					p.length > 1 ? "s" : "",
+					" selected"
+				]
+			})
+		] }) : r]
+	});
+}), lt = x(function({ className: t, filters: n, onChange: r, onClear: a, ...o }, s) {
+	let c = n.some((e) => e.active);
+	return /* @__PURE__ */ k("div", {
+		className: e("flex flex-wrap items-center gds-gap", t),
+		"data-component": "filter-bar",
+		ref: s,
+		...o,
+		children: [n.map((t) => /* @__PURE__ */ O("button", {
+			className: e("cursor-pointer", i),
+			onClick: () => r(t.id, !t.active),
+			type: "button",
+			children: /* @__PURE__ */ O(f, {
+				label: t.label,
+				variant: t.active ? "accent" : "default"
+			})
+		}, t.id)), c && a !== void 0 && /* @__PURE__ */ O("button", {
+			className: e("gds-text-caption text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+			onClick: a,
+			type: "button",
+			children: "Clear all"
+		})]
+	});
+}), ut = x(function({ className: t, disabled: n, loading: i, onCancel: a, onReset: o, onSave: s, saveLabel: c = "Save", ...l }, u) {
+	return /* @__PURE__ */ k("div", {
+		className: e("flex items-center justify-end gds-gap", t),
+		"data-component": "form-actions",
+		ref: u,
+		...l,
+		children: [
+			o !== void 0 && /* @__PURE__ */ O(r, {
+				variant: "ghost",
+				disabled: n,
+				onClick: o,
+				type: "button",
+				children: "Reset"
+			}),
+			a !== void 0 && /* @__PURE__ */ O(r, {
+				variant: "secondary",
+				disabled: n,
+				onClick: a,
+				type: "button",
+				children: "Cancel"
+			}),
+			s !== void 0 && /* @__PURE__ */ O(r, {
+				disabled: n ?? i,
+				loading: i,
+				onClick: s,
+				type: "submit",
+				children: i === !0 ? "Saving..." : c
+			})
+		]
+	});
+}), dt = x(function({ children: t, className: n, error: r, helperText: i, label: a, required: o, ...c }, l) {
+	let u = r !== void 0 && r !== "";
+	return /* @__PURE__ */ k("div", {
+		className: e("flex flex-col gds-gap-sm", n),
+		"data-component": "field-wrapper",
+		"data-state": u ? "error" : "idle",
+		ref: l,
+		...c,
+		children: [
+			/* @__PURE__ */ O(s, {
+				required: o,
+				children: a
+			}),
+			t,
+			u && /* @__PURE__ */ O("span", {
+				className: "gds-text-caption text-danger",
+				children: r
+			}),
+			!u && i !== void 0 && /* @__PURE__ */ O("span", {
+				className: "gds-text-caption text-fg-muted",
+				children: i
+			})
+		]
+	});
+}), H = n(e("inline-flex select-none items-center justify-center font-medium gds-glass transition-colors", i), {
+	variants: {
+		variant: {
+			default: "border border-border/30 bg-bg/50 text-fg hover:bg-bg/70",
+			accent: "border border-accent/30 bg-accent/20 text-accent hover:bg-accent/30"
+		},
+		size: {
+			sm: "h-7 gap-1 gds-radius-button px-2 text-[11px]",
+			default: "h-8 gap-1.5 gds-radius-button px-3 text-xs",
+			lg: "h-9 gap-2 gds-radius px-4 text-sm"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), ft = x(function({ children: t, className: n, size: r, variant: i, ...a }, o) {
+	return /* @__PURE__ */ O("button", {
+		ref: o,
+		className: e(H({
+			size: r,
+			variant: i
+		}), n),
+		"data-component": "glass-button",
+		...a,
+		children: t
+	});
+}), U = n("gds-ctx gds-radius border bg-bg/60", {
+	variants: { blur: {
+		sm: "gds-glass-sm border-border/25",
+		default: "gds-glass border-border/20",
+		lg: "gds-glass-lg border-border/15"
+	} },
+	defaultVariants: { blur: "default" }
+}), pt = x(function({ blur: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ O("div", {
+		ref: i,
+		className: e(U({ blur: t }), r),
+		"data-component": "glass-card",
+		children: n
+	});
+}), mt = {
+	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+	left: "right-full top-1/2 -translate-y-1/2 mr-2",
+	right: "left-full top-1/2 -translate-y-1/2 ml-2",
+	top: "bottom-full left-1/2 -translate-x-1/2 mb-2"
+}, ht = x(function({ trigger: t, children: n, delay: r = 300, placement: i = "bottom", className: a, ...o }, s) {
+	let [c, l] = E(!1), u = T(void 0), d = T(void 0), f = S(() => {
+		clearTimeout(d.current), u.current = setTimeout(() => l(!0), r);
+	}, [r]), p = S(() => {
+		clearTimeout(u.current), d.current = setTimeout(() => l(!1), 150);
+	}, []);
+	return /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("relative inline-flex", a),
+		"data-component": "hover-card",
+		"data-state": c ? "open" : "closed",
+		onMouseEnter: f,
+		onMouseLeave: p,
+		...o,
+		children: [t, c && /* @__PURE__ */ O("div", {
+			className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", mt[i]),
+			onMouseEnter: f,
+			onMouseLeave: p,
+			children: n
+		})]
+	});
+}), gt = x(function({ label: t, value: n, icon: r, className: i }, a) {
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("flex items-center gap-2 gds-text-body select-none", i),
+		"data-component": "info-row",
+		children: [
+			r !== void 0 && /* @__PURE__ */ O("span", {
+				className: "text-fg-muted/60",
+				children: r
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "text-fg-muted",
+				children: t
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "ml-auto font-medium text-fg",
+				children: n
+			})
+		]
+	});
+}), _t = x(function({ prefix: t, suffix: n, error: r, disabled: i, className: a, children: o, ...s }, c) {
+	return /* @__PURE__ */ k("div", {
+		ref: c,
+		"data-component": "input-group",
+		className: e("flex items-center gds-radius-input overflow-hidden border transition-colors", r ? "border-danger" : "border-border", i && "opacity-50 pointer-events-none", "[&_input]:border-0 [&_input]:rounded-none [&_input]:ring-0 [&_input]:focus-visible:ring-0 [&_input]:flex-1", a),
+		...s,
+		children: [
+			t !== void 0 && /* @__PURE__ */ O("span", {
+				className: "flex items-center bg-bg-tertiary border-r border-border px-3 text-sm text-fg-muted select-none",
+				children: t
+			}),
+			o,
+			n !== void 0 && /* @__PURE__ */ O("span", {
+				className: "flex items-center bg-bg-tertiary border-l border-border px-3 text-sm text-fg-muted select-none",
+				children: n
+			})
+		]
+	});
+}), vt = x(function({ buttonLabel: t, className: n, disabled: r = !1, onChange: i, onSubmit: a, placeholder: o, value: s, ...c }, l) {
+	return /* @__PURE__ */ k("div", {
+		className: e("inline-flex items-center overflow-hidden rounded-md border border-border", n),
+		"data-component": "input-with-button",
+		ref: l,
+		...c,
+		children: [/* @__PURE__ */ O("input", {
+			className: "min-w-0 flex-1 bg-transparent px-3 py-1.5 text-sm text-fg outline-none placeholder:text-fg-muted",
+			disabled: r,
+			onChange: (e) => i(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" && a();
+			},
+			placeholder: o,
+			type: "text",
+			value: s
+		}), /* @__PURE__ */ O("button", {
+			className: "shrink-0 border-l border-border bg-accent/10 px-3 py-1.5 text-sm font-medium text-accent hover:bg-accent/20 disabled:opacity-50",
+			disabled: r,
+			onClick: a,
+			type: "button",
+			children: t
+		})]
+	});
+}), yt = x(function({ items: t, columns: n = 1, className: r }, i) {
+	return /* @__PURE__ */ O("div", {
+		ref: i,
+		className: e("grid gap-x-8 gap-y-2", n === 2 ? "grid-cols-2" : "grid-cols-1", r),
+		"data-component": "key-value-list",
+		children: t.map((e) => /* @__PURE__ */ k("div", {
+			className: "flex items-baseline justify-between gap-4",
+			children: [/* @__PURE__ */ O("span", {
+				className: "shrink-0 gds-text-body text-fg-muted",
+				children: e.key
+			}), /* @__PURE__ */ O("span", {
+				className: "text-right gds-text-body text-fg",
+				children: e.value
+			})]
+		}, e.key))
+	});
+}), bt = x(function({ items: t, columns: n = 1, striped: r, className: i }, a) {
+	let o = n === 2;
+	return /* @__PURE__ */ O("div", {
+		ref: a,
+		className: e("gds-text-body", o && "grid grid-cols-2 gap-x-6", i),
+		"data-component": "kv-table",
+		"data-variant": o ? "2col" : "1col",
+		children: t.map((e, t) => /* @__PURE__ */ O(xt, {
+			item: e,
+			striped: r === !0 && t % 2 == 1
+		}, e.key))
+	});
+});
+function xt({ item: t, striped: n }) {
+	let [r, i] = E(!1);
+	return /* @__PURE__ */ k("div", {
+		className: e("group flex items-baseline justify-between gap-4 gds-pad-x gds-pad-y-sm", n && "bg-bg-tertiary/40"),
+		children: [/* @__PURE__ */ O("dt", {
+			className: "shrink-0 font-medium text-fg-muted",
+			children: t.key
+		}), /* @__PURE__ */ k("dd", {
+			className: "flex items-center gap-1.5 text-right text-fg",
+			children: [/* @__PURE__ */ O("span", { children: t.value }), t.copyable === !0 && /* @__PURE__ */ O("button", {
+				onClick: () => {
+					let e = typeof t.value == "string" ? t.value : String(t.value);
+					navigator.clipboard.writeText(e).catch(() => {}), i(!0), setTimeout(() => i(!1), 1500);
+				},
+				className: "invisible text-fg-muted/50 hover:text-fg-muted group-hover:visible",
+				"aria-label": `Copy ${t.key}`,
+				children: r ? "✓" : "⎘"
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/link-preview.tsx
+var St = x(function({ title: n, url: r, description: i, domain: a, image: o, glass: s, className: c }, l) {
+	return /* @__PURE__ */ k("a", {
+		ref: l,
+		className: e("flex gds-gap gds-radius border-l-4 border-accent bg-bg-secondary gds-pad transition-colors select-none hover:bg-bg-tertiary", s === !0 && t(s), c),
+		"data-component": "link-preview",
+		href: r,
+		rel: "noopener noreferrer",
+		target: "_blank",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1",
+			children: [
+				/* @__PURE__ */ O("span", {
+					className: "truncate text-sm font-medium text-accent",
+					children: n
+				}),
+				i !== void 0 && /* @__PURE__ */ O("span", {
+					className: "line-clamp-2 gds-text-body text-fg-muted",
+					children: i
+				}),
+				a !== void 0 && /* @__PURE__ */ O("span", {
+					className: "text-[10px] text-fg-muted/60",
+					children: a
+				})
+			]
+		}), o !== void 0 && /* @__PURE__ */ O("img", {
+			alt: n,
+			className: "h-16 w-16 shrink-0 gds-radius object-cover",
+			src: o
+		})]
+	});
+}), Ct = x(function({ visible: n, message: r, glass: i = !0, className: a }, o) {
+	return n ? /* @__PURE__ */ k("div", {
+		ref: o,
+		className: e("absolute inset-0 z-10 flex flex-col items-center justify-center", i === !0 ? t(!0) : "bg-bg/80", a),
+		"data-component": "loading-overlay",
+		children: [/* @__PURE__ */ O(c, {}), r !== void 0 && /* @__PURE__ */ O("span", {
+			className: "mt-2 text-xs text-fg-muted",
+			children: r
+		})]
+	}) : null;
+}), wt = x(function({ align: t = "top", children: n, className: r, media: i, reverse: a = !1 }, o) {
+	return /* @__PURE__ */ k("div", {
+		ref: o,
+		className: e("flex gds-gap", t === "center" && "items-center", t === "top" && "items-start", a === !0 && "flex-row-reverse", r),
+		"data-component": "media-object",
+		children: [/* @__PURE__ */ O("div", {
+			className: "shrink-0",
+			children: i
+		}), /* @__PURE__ */ O("div", {
+			className: "min-w-0 flex-1",
+			children: n
+		})]
+	});
+});
+//#endregion
+//#region src/l4-molecules/mention-list.tsx
+function Tt({ filtered: t, highlightedIndex: n, onSelect: r, trigger: i }) {
+	return /* @__PURE__ */ O("div", {
+		className: "absolute left-0 right-0 top-full z-50 mt-1 gds-radius-popover border border-border bg-surface shadow-lg",
+		role: "listbox",
+		"data-testid": "mention-suggestions",
+		children: t.map((t, a) => /* @__PURE__ */ k("button", {
+			type: "button",
+			role: "option",
+			"aria-selected": a === n,
+			className: e("flex w-full items-center px-3 py-1.5 text-left text-sm text-fg transition-colors", a === n && "bg-accent/10 text-accent", a !== n && "hover:bg-bg-secondary"),
+			onMouseDown: (e) => {
+				e.preventDefault(), r(t);
+			},
+			children: [/* @__PURE__ */ O("span", {
+				className: "mr-1.5 text-fg-muted",
+				children: i
+			}), t.label]
+		}, t.id))
+	});
+}
+//#endregion
+//#region src/l4-molecules/mention-input.tsx
+var Et = x(function({ value: t, onChange: n, suggestions: r, trigger: a = "@", placeholder: o, disabled: s, className: c }, l) {
+	let [u, d] = E(!1), [f, p] = E(""), [m, h] = E(0), g = T(null), _ = r.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())), v = S((e) => {
+		let t = e.lastIndexOf(a);
+		return t < 0 || t > 0 && e[t - 1] !== " " || e.slice(t + a.length).includes(" ") ? -1 : t;
+	}, [a]), y = S((e) => {
+		let t = e.target.value;
+		n(t);
+		let r = v(t);
+		r >= 0 ? (p(t.slice(r + a.length)), d(!0), h(0)) : (d(!1), p(""));
+	}, [
+		n,
+		v,
+		a
+	]), b = S((e) => {
+		let r = v(t);
+		r < 0 || (n(t.slice(0, r) + `${a}${e.label} `), d(!1), p(""));
+	}, [
+		t,
+		n,
+		v,
+		a
+	]), x = S((e) => {
+		u && (e.key === "ArrowDown" ? (e.preventDefault(), h((e) => e >= _.length - 1 ? 0 : e + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), h((e) => e <= 0 ? _.length - 1 : e - 1)) : e.key === "Enter" ? (e.preventDefault(), _.length > 0 && b(_[m])) : e.key === "Escape" && (e.preventDefault(), d(!1)));
+	}, [
+		u,
+		_,
+		m,
+		b
+	]);
+	return C(() => {
+		if (!u) return;
+		function e(e) {
+			g.current !== null && !g.current.contains(e.target) && d(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [u]), /* @__PURE__ */ k("div", {
+		ref: g,
+		className: "relative",
+		"data-component": "mention-input",
+		children: [/* @__PURE__ */ O("input", {
+			ref: l,
+			type: "text",
+			value: t,
+			onChange: y,
+			onKeyDown: x,
+			placeholder: o,
+			disabled: s,
+			className: e("w-full gds-radius-button border border-border bg-bg-secondary px-3 py-2 text-sm text-fg", "placeholder:text-fg-muted/50", s === !0 && "pointer-events-none opacity-50", i, c)
+		}), u && _.length > 0 && /* @__PURE__ */ O(Tt, {
+			filtered: _,
+			highlightedIndex: m,
+			onSelect: b,
+			trigger: a
+		})]
+	});
+}), Dt = {
+	default: "text-fg",
+	success: "text-success",
+	warning: "text-warning",
+	danger: "text-danger"
+}, Ot = x(function({ metrics: t, className: n }, r) {
+	return /* @__PURE__ */ O("div", {
+		ref: r,
+		className: e("flex items-center gds-gap gds-text-body select-none", n),
+		"data-component": "metric-row",
+		children: t.map((t) => /* @__PURE__ */ k("div", {
+			className: "flex items-baseline gap-1.5",
+			children: [/* @__PURE__ */ O("span", {
+				className: "text-fg-muted",
+				children: t.label
+			}), /* @__PURE__ */ k("span", {
+				className: e("font-semibold", Dt[t.variant ?? "default"]),
+				children: [t.value, t.unit !== void 0 && /* @__PURE__ */ O("span", {
+					className: "ml-0.5 font-normal text-fg-muted",
+					children: t.unit
+				})]
+			})]
+		}, t.label))
+	});
+}), kt = {
+	default: "text-fg",
+	success: "text-success",
+	warning: "text-warning",
+	danger: "text-danger"
+}, At = x(function({ className: t, label: n, unit: r, value: i, variant: a = "default", ...o }, s) {
+	return /* @__PURE__ */ k("div", {
+		className: e("flex flex-col items-center gds-pad gds-radius bg-surface", t),
+		"data-component": "metric-tile",
+		ref: s,
+		...o,
+		children: [/* @__PURE__ */ k("span", {
+			className: e("text-lg font-bold tabular-nums", kt[a]),
+			children: [i, r !== void 0 && /* @__PURE__ */ O("span", {
+				className: "ml-0.5 text-xs font-normal text-fg-muted",
+				children: r
+			})]
+		}), /* @__PURE__ */ O("span", {
+			className: "text-xs text-fg-muted",
+			children: n
+		})]
+	});
+});
+//#endregion
+//#region src/l4-molecules/multi-select-list.tsx
+function jt() {
+	return /* @__PURE__ */ O("svg", {
+		className: "h-3.5 w-3.5 text-accent",
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		viewBox: "0 0 16 16",
+		children: /* @__PURE__ */ O("path", { d: "M3.5 8l3 3 6-6" })
+	});
+}
+function Mt({ filtered: n, glass: r, onSearchChange: i, onToggle: a, searchQuery: o, searchRef: s, value: c }) {
+	return /* @__PURE__ */ k("div", {
+		className: e("absolute left-0 right-0 z-50 mt-1 animate-popup gds-radius-popover border gds-shadow-lg", r ? e(t(r), "border-white/10 bg-bg/60") : "border-border bg-surface"),
+		children: [/* @__PURE__ */ O("div", {
+			className: "border-b border-border p-1.5",
+			children: /* @__PURE__ */ O("input", {
+				className: "w-full bg-transparent px-2 py-1 text-sm text-fg outline-none placeholder:text-fg-muted/50",
+				onChange: (e) => i(e.target.value),
+				placeholder: "Search...",
+				ref: s,
+				type: "text",
+				value: o
+			})
+		}), /* @__PURE__ */ k("div", {
+			className: "max-h-60 overflow-y-auto py-1",
+			children: [n.length === 0 && /* @__PURE__ */ O("div", {
+				className: "gds-pad-x gds-pad-y-sm text-sm text-fg-muted",
+				children: "No results"
+			}), n.map((t) => {
+				let n = c.includes(t.value);
+				return /* @__PURE__ */ k("button", {
+					className: e("flex w-full items-center gap-2 gds-pad-x gds-pad-y-sm text-left text-sm transition-colors", n && "text-accent", !n && "text-fg hover:bg-bg-tertiary"),
+					onClick: () => a(t.value),
+					type: "button",
+					children: [/* @__PURE__ */ O("span", {
+						className: e("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors", n ? "border-accent bg-accent/10" : "border-border"),
+						children: n && /* @__PURE__ */ O(jt, {})
+					}), t.label]
+				}, t.value);
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/multi-select.tsx
+function Nt({ open: t }) {
+	return /* @__PURE__ */ O("svg", {
+		className: e("h-3 w-3 shrink-0 text-fg-muted transition-transform", t && "rotate-180"),
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		viewBox: "0 0 12 12",
+		children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
+	});
+}
+var Pt = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, maxDisplay: s = 3, onChange: c, options: l, placeholder: u = "Select...", value: d }, f) {
+	let [p, m] = E(!1), [h, g] = E(""), v = T(null), y = T(null), x = f ?? v, C = w(() => {
+		if (h === "") return l;
+		let e = h.toLowerCase();
+		return l.filter((t) => t.label.toLowerCase().includes(e));
+	}, [l, h]), D = w(() => l.filter((e) => d.includes(e.value)), [l, d]), A = S(() => {
+		r || (m(!0), g(""), requestAnimationFrame(() => {
+			y.current?.focus();
+		}));
+	}, [r]), j = S(() => {
+		m(!1), g("");
+	}, []), M = S((e) => {
+		d.includes(e) ? c(d.filter((t) => t !== e)) : c([...d, e]);
+	}, [c, d]);
+	b(x, p, j), _(p, j);
+	let N = D.slice(0, s), P = D.length - s;
+	return /* @__PURE__ */ k("div", {
+		ref: x,
+		className: e("relative", n),
+		"data-component": "multi-select",
+		"data-state": p ? "open" : "closed",
+		children: [/* @__PURE__ */ k("button", {
+			className: e("flex w-full items-center justify-between gap-1 gds-h gds-radius-popover gds-pad-x border bg-transparent text-left text-sm text-fg transition-colors", i, !a && "border-border hover:border-fg-muted", a && "border-danger", a && "focus-visible:ring-danger", r && "cursor-not-allowed opacity-50", t(o), o === !0 && "border-white/10 bg-bg/60"),
+			disabled: r,
+			onClick: A,
+			type: "button",
+			children: [/* @__PURE__ */ k("span", {
+				className: "flex min-w-0 flex-1 flex-wrap items-center gap-1",
+				children: [
+					D.length === 0 && /* @__PURE__ */ O("span", {
+						className: "text-fg-muted",
+						children: u
+					}),
+					N.map((e) => /* @__PURE__ */ O("span", {
+						className: "inline-flex max-w-[120px] items-center truncate rounded bg-accent/10 px-1.5 py-0.5 text-xs text-accent",
+						children: e.label
+					}, e.value)),
+					P > 0 && /* @__PURE__ */ k("span", {
+						className: "text-xs text-fg-muted",
+						children: [
+							"+",
+							P,
+							" more"
+						]
+					})
+				]
+			}), /* @__PURE__ */ O(Nt, { open: p })]
+		}), p && /* @__PURE__ */ O(Mt, {
+			filtered: C,
+			glass: o,
+			onSearchChange: g,
+			onToggle: M,
+			searchQuery: h,
+			searchRef: y,
+			value: d
+		})]
+	});
+}), Ft = x(function({ icon: t, label: n, active: r, badge: i, onClick: a, collapsed: o, className: s }, c) {
+	return /* @__PURE__ */ k("button", {
+		ref: c,
+		type: "button",
+		onClick: a,
+		title: o === !0 ? n : void 0,
+		className: e("relative flex w-full items-center gap-3 gds-pad-x gds-pad-y-sm gds-text-body select-none", "hover:bg-bg-tertiary transition-colors", r === !0 && "bg-accent/10 text-accent font-medium", r !== !0 && "text-fg-muted", o === !0 && "justify-center", s),
+		"data-component": "nav-item",
+		"data-state": r === !0 ? "active" : void 0,
+		children: [
+			t !== void 0 && /* @__PURE__ */ O("span", {
+				className: "shrink-0",
+				children: t
+			}),
+			o !== !0 && /* @__PURE__ */ O("span", {
+				className: "flex-1 truncate text-left",
+				children: n
+			}),
+			i !== void 0 && i > 0 && /* @__PURE__ */ O("span", {
+				className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-accent px-1 text-[10px] font-bold text-accent-fg",
+				children: i > 99 ? "99+" : i
+			})
+		]
+	});
+}), It = x(function({ unread: t, onClick: n, className: r }, a) {
+	return /* @__PURE__ */ k("button", {
+		ref: a,
+		type: "button",
+		className: e("relative inline-flex h-8 w-8 items-center justify-center gds-radius-button text-fg-muted transition-colors select-none hover:bg-bg-tertiary hover:text-fg", i, r),
+		"data-component": "notification-bell",
+		onClick: n,
+		"aria-label": `Notifications${t > 0 ? ` (${t} unread)` : ""}`,
+		children: [/* @__PURE__ */ k("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: e(t > 0 && "animate-pulse"),
+			children: [/* @__PURE__ */ O("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }), /* @__PURE__ */ O("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })]
+		}), t > 0 && /* @__PURE__ */ O("span", {
+			className: "absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-danger px-1 text-[10px] font-medium text-white",
+			children: t > 99 ? "99+" : t
+		})]
+	});
+}), Lt = {
+	danger: "bg-danger text-white",
+	accent: "bg-accent text-accent-fg"
+}, Rt = x(function({ children: t, count: n = 0, max: r = 99, variant: i = "danger", className: a, ...o }, s) {
+	let c = n > 0, l = n > r ? `${r}+` : String(n);
+	return /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("relative inline-flex", a),
+		"data-component": "notification-dot",
+		...o,
+		children: [t, c && /* @__PURE__ */ O("span", {
+			className: e("absolute -right-1.5 -top-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-bold leading-none", Lt[i]),
+			children: l
+		})]
+	});
+}), zt = x(function({ items: t, onSelect: n, className: r, ...a }, o) {
+	let [s, c] = E(!1), l = T(null);
+	return b(l, s, () => c(!1)), _(s, () => c(!1)), /* @__PURE__ */ k("div", {
+		ref: g(o, l),
+		className: e("relative inline-flex", r),
+		"data-component": "overflow-menu",
+		"data-state": s ? "open" : "closed",
+		...a,
+		children: [/* @__PURE__ */ O("button", {
+			type: "button",
+			onClick: () => c((e) => !e),
+			"aria-label": "More options",
+			className: e("select-none rounded px-2 py-1 text-sm text-fg-muted hover:bg-bg-tertiary transition-colors", i),
+			children: "..."
+		}), s && /* @__PURE__ */ O("div", {
+			className: "absolute right-0 top-full z-50 mt-1 min-w-[140px] animate-popup gds-radius-popover border border-border bg-surface py-1 gds-shadow-lg",
+			children: t.map((t) => /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: () => {
+					n(t.id), c(!1);
+				},
+				className: e("flex w-full items-center gds-pad-x gds-pad-y-sm gds-text-body text-fg hover:bg-bg-tertiary transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				children: t.label
+			}, t.id))
+		})]
+	});
+}), W = e("flex items-center gap-1.5 gds-radius-button gds-pad-x gds-pad-y gds-text-body text-fg-muted hover:text-fg transition-colors", i), Bt = x(function({ prev: t, next: n, className: r, ...i }, a) {
+	return /* @__PURE__ */ k("nav", {
+		ref: a,
+		className: e("flex w-full items-center justify-between", r),
+		"data-component": "page-nav",
+		...i,
+		children: [/* @__PURE__ */ O("div", { children: t !== void 0 && /* @__PURE__ */ k("a", {
+			href: t.href,
+			onClick: t.onClick,
+			className: W,
+			children: [/* @__PURE__ */ O("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ O("path", { d: "M9 3L5 7l4 4" })
+			}), t.label]
+		}) }), /* @__PURE__ */ O("div", { children: n !== void 0 && /* @__PURE__ */ k("a", {
+			href: n.href,
+			onClick: n.onClick,
+			className: W,
+			children: [n.label, /* @__PURE__ */ O("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 14 14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ O("path", { d: "M5 3l4 4-4 4" })
+			})]
+		}) })]
+	});
+});
+//#endregion
+//#region src/l4-molecules/pagination.tsx
+function G(e, t) {
+	let n = [];
+	for (let r = e; r <= t; r++) n.push(r);
+	return n;
+}
+var Vt = x(function({ page: t, totalPages: n, onPageChange: r, siblings: a = 1, className: o, ...s }, c) {
+	let l = w(() => {
+		let e = n;
+		if (e <= a + 3 + 2) return G(1, e);
+		let r = Math.max(t - a, 2), i = Math.min(t + a, e - 1), o = r > 2, s = i < e - 1, c = G(r, i), l = [1];
+		return o && l.push("dots-l"), l.push(...c), s && l.push("dots-r"), l.push(e), l;
+	}, [
+		t,
+		n,
+		a
+	]), u = (e) => /* @__PURE__ */ O("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 14 14",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ O("path", { d: e === "left" ? "M9 3L5 7l4 4" : "M5 3l4 4-4 4" })
+	}), d = e("inline-flex gds-sq items-center justify-center gds-radius-button gds-text-body select-none", i);
+	return /* @__PURE__ */ k("nav", {
+		ref: c,
+		className: e("flex items-center gds-gap-xs", o),
+		"data-component": "pagination",
+		"aria-label": "Pagination",
+		...s,
+		children: [
+			/* @__PURE__ */ O("button", {
+				type: "button",
+				className: e(d, "text-fg-muted", t <= 1 ? "pointer-events-none opacity-40" : "hover:bg-bg-secondary"),
+				disabled: t <= 1,
+				onClick: () => r(t - 1),
+				"aria-label": "Previous page",
+				children: u("left")
+			}),
+			l.map((n) => {
+				if (n === "dots-l" || n === "dots-r") return /* @__PURE__ */ O("span", {
+					className: "inline-flex gds-sq items-center justify-center gds-text-body text-fg-muted select-none",
+					children: "…"
+				}, n);
+				let i = n === t;
+				return /* @__PURE__ */ O("button", {
+					type: "button",
+					className: e(d, i ? "bg-accent font-medium text-accent-fg" : "text-fg-muted hover:bg-bg-secondary hover:text-fg"),
+					"aria-current": i ? "page" : void 0,
+					onClick: () => r(n),
+					children: n
+				}, n);
+			}),
+			/* @__PURE__ */ O("button", {
+				type: "button",
+				className: e(d, "text-fg-muted", t >= n ? "pointer-events-none opacity-40" : "hover:bg-bg-secondary"),
+				disabled: t >= n,
+				onClick: () => r(t + 1),
+				"aria-label": "Next page",
+				children: u("right")
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l4-molecules/panel.tsx
+function Ht({ open: t }) {
+	return /* @__PURE__ */ O("svg", {
+		className: e("h-3.5 w-3.5 shrink-0 text-fg-muted transition-transform duration-200", t && "rotate-90"),
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ O("path", { d: "M9 5l7 7-7 7" })
+	});
+}
+var Ut = x(function({ children: n, className: r, collapsible: a = !0, defaultOpen: o = !0, glass: s, headerAction: c, title: l, ...u }, d) {
+	let [f, p] = E(o), m = a ? f : !0;
+	return /* @__PURE__ */ k("div", {
+		className: e("gds-ctx gds-radius-popover border border-border bg-surface", t(s), s === !0 && "border-white/10 bg-white/5", r),
+		"data-component": "panel",
+		"data-state": m ? "open" : "closed",
+		ref: d,
+		...u,
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-center border-b border-border gds-pad-x gds-pad-y-sm",
+			children: [a ? /* @__PURE__ */ k("button", {
+				className: e("flex flex-1 items-center gap-2 text-left text-sm font-medium text-fg", i),
+				onClick: () => p((e) => !e),
+				type: "button",
+				children: [/* @__PURE__ */ O(Ht, { open: m }), /* @__PURE__ */ O("span", { children: l })]
+			}) : /* @__PURE__ */ O("span", {
+				className: "flex-1 text-sm font-medium text-fg",
+				children: l
+			}), c !== void 0 && /* @__PURE__ */ O("div", {
+				className: "ml-2 shrink-0",
+				children: c
+			})]
+		}), m && /* @__PURE__ */ O("div", {
+			className: "gds-pad-x gds-pad-y",
+			children: n
+		})]
+	});
+});
+//#endregion
+//#region src/l4-molecules/password-input.tsx
+function Wt(e) {
+	if (e.length === 0) return "none";
+	let t = 0;
+	return e.length >= 8 && (t += 1), /[a-z]/.test(e) && /[A-Z]/.test(e) && (t += 1), /\d/.test(e) && (t += 1), /[^a-zA-Z0-9]/.test(e) && (t += 1), t <= 1 ? "weak" : t <= 2 ? "fair" : "strong";
+}
+var K = {
+	weak: {
+		label: "Weak",
+		value: 33,
+		variant: "danger"
+	},
+	fair: {
+		label: "Fair",
+		value: 66,
+		variant: "warning"
+	},
+	strong: {
+		label: "Strong",
+		value: 100,
+		variant: "success"
+	}
+}, Gt = /* @__PURE__ */ k("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ O("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ O("circle", {
+		cx: "12",
+		cy: "12",
+		r: "3"
+	})]
+}), Kt = /* @__PURE__ */ k("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ O("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24" }), /* @__PURE__ */ O("line", {
+		x1: "1",
+		y1: "1",
+		x2: "23",
+		y2: "23"
+	})]
+}), qt = x(function({ className: t, showStrength: n = !1, ...r }, i) {
+	let [a, s] = E(!1), c = typeof r.value == "string" ? r.value : "", u = n ? Wt(c) : "none", d = /* @__PURE__ */ O("button", {
+		"aria-label": a ? "Hide password" : "Show password",
+		className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
+		onClick: () => s((e) => !e),
+		tabIndex: -1,
+		type: "button",
+		children: a ? Kt : Gt
+	});
+	return /* @__PURE__ */ k("div", {
+		className: e("flex flex-col gap-1.5", t),
+		"data-component": "password-input",
+		children: [/* @__PURE__ */ O(o, {
+			...r,
+			ref: i,
+			rightIcon: d,
+			type: a ? "text" : "password"
+		}), n && u !== "none" && /* @__PURE__ */ k("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ O(l, {
+				size: "sm",
+				value: K[u].value,
+				variant: K[u].variant
+			}), /* @__PURE__ */ O("span", {
+				className: "shrink-0 text-[10px] text-fg-muted select-none",
+				children: K[u].label
+			})]
+		})]
+	});
+}), Jt = [
+	{
+		code: "+1",
+		label: "US",
+		flag: "🇺🇸"
+	},
+	{
+		code: "+44",
+		label: "UK",
+		flag: "🇬🇧"
+	},
+	{
+		code: "+81",
+		label: "JP",
+		flag: "🇯🇵"
+	},
+	{
+		code: "+86",
+		label: "CN",
+		flag: "🇨🇳"
+	},
+	{
+		code: "+82",
+		label: "KR",
+		flag: "🇰🇷"
+	}
+], Yt = x(function({ value: t, onChange: n, defaultCountry: r = "+81", countries: a, disabled: o = !1, error: s = !1, placeholder: c = "Phone number", className: l }, u) {
+	let d = a ?? Jt, [f, p] = E(r), [m, h] = E(!1), g = T(null);
+	b(g, m, () => h(!1));
+	let _ = d.find((e) => e.code === f) ?? d[0], v = S((e) => {
+		p(e), h(!1);
+	}, []), y = S((e) => {
+		n(e.replace(/[^\d-]/g, ""));
+	}, [n]);
+	return /* @__PURE__ */ k("div", {
+		ref: u,
+		className: e("relative inline-flex items-stretch gds-h gds-radius-input border", s ? "border-danger" : "border-border", o && "cursor-not-allowed opacity-40", l),
+		"data-component": "phone-input",
+		"data-disabled": o ? "" : void 0,
+		"data-error": s ? "" : void 0,
+		children: [/* @__PURE__ */ k("div", {
+			ref: g,
+			className: "relative",
+			children: [/* @__PURE__ */ k("button", {
+				type: "button",
+				disabled: o,
+				className: e("flex h-full items-center gap-1 border-r border-border px-2 text-sm select-none", "hover:bg-white/5 transition-colors gds-radius-input rounded-r-none", i),
+				onClick: () => h((e) => !e),
+				"aria-label": "Select country code",
+				children: [/* @__PURE__ */ O("span", { children: _?.flag }), /* @__PURE__ */ O("span", {
+					className: "text-fg-muted gds-text-body",
+					children: _?.code
+				})]
+			}), m && /* @__PURE__ */ O("div", {
+				className: "absolute left-0 top-full z-50 mt-1 min-w-[140px] animate-popup rounded-lg border border-border bg-surface shadow-lg",
+				children: d.map((t) => /* @__PURE__ */ k("button", {
+					type: "button",
+					className: e("flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-white/5 transition-colors", t.code === f && "bg-accent/10 text-accent"),
+					onClick: () => v(t.code),
+					children: [
+						/* @__PURE__ */ O("span", { children: t.flag }),
+						/* @__PURE__ */ O("span", {
+							className: "text-fg-muted",
+							children: t.label
+						}),
+						/* @__PURE__ */ O("span", {
+							className: "ml-auto text-fg-muted/60",
+							children: t.code
+						})
+					]
+				}, t.code))
+			})]
+		}), /* @__PURE__ */ O("input", {
+			type: "tel",
+			value: t,
+			onChange: (e) => y(e.target.value),
+			disabled: o,
+			placeholder: c,
+			className: e("flex-1 bg-transparent px-3 text-fg gds-text-body focus:outline-none", i),
+			"aria-label": "Phone number"
+		})]
+	});
+}), Xt = x(function({ className: t, disabled: n = !1, error: r = !1, length: a = 4, mask: o = !1, numeric: s = !1, onChange: c, onComplete: l, value: u, ...d }, f) {
+	let [p, m] = E(() => Array.from({ length: a }, () => "")), h = u !== void 0, g = T([]), _ = S((e) => (t) => {
+		g.current[e] = t;
+	}, []), v = S((e) => {
+		g.current[e]?.focus();
+	}, []), y = () => h ? Array.from({ length: a }, (e, t) => u[t] ?? "") : p, b = S((e, t) => {
+		l !== void 0 && (h ? e.length === a && l(e) : t !== void 0 && t.every((e) => e !== "") && t.join("").length === a && l(t.join("")));
+	}, [
+		h,
+		a,
+		l
+	]), x = S((e, t) => {
+		if (t.length === 1 && !(s && !/^\d$/.test(t))) {
+			if (h) {
+				let n = (u ?? "").split("");
+				for (; n.length < e;) n.push("");
+				n[e] = t;
+				let r = n.join("");
+				c !== void 0 && c(r), b(r);
+			} else {
+				let n = [...p];
+				n[e] = t, m(n), b("", n);
+			}
+			e < a - 1 && v(e + 1);
+		}
+	}, [
+		u,
+		a,
+		s,
+		h,
+		p,
+		c,
+		b,
+		v
+	]), C = S((e, t) => {
+		if (t.key === "Backspace") if (t.preventDefault(), h) {
+			let t = (u ?? "").split("");
+			t[e] !== void 0 && t[e] !== "" ? (t[e] = "", c !== void 0 && c(t.join("").replace(/\s+$/, ""))) : e > 0 && (t.splice(e - 1, 1), c !== void 0 && c(t.join("")), v(e - 1));
+		} else {
+			let t = [...p];
+			t[e] === "" ? e > 0 && (t[e - 1] = "", m(t), v(e - 1)) : (t[e] = "", m(t));
+		}
+	}, [
+		u,
+		h,
+		p,
+		c,
+		v
+	]), w = S((e) => {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text").slice(0, a);
+		if (s && (t = t.replace(/\D/g, "")), t.length !== 0) {
+			if (h) c !== void 0 && c(t), b(t);
+			else {
+				let e = Array.from({ length: a }, (e, n) => t[n] ?? "");
+				m(e), b("", e);
+			}
+			v(Math.min(t.length, a - 1));
+		}
+	}, [
+		a,
+		s,
+		h,
+		c,
+		b,
+		v
+	]), D = y();
+	return /* @__PURE__ */ O("div", {
+		className: e("flex gap-2", r && "animate-shake", t),
+		"data-component": "pin-input",
+		ref: f,
+		...d,
+		children: Array.from({ length: a }, (t, a) => /* @__PURE__ */ O("input", {
+			"aria-label": `${s ? "Digit" : "Pin digit"} ${a + 1}`,
+			autoComplete: s ? "one-time-code" : void 0,
+			className: e("h-10 w-10 rounded-md border bg-bg text-center text-sm text-fg transition-colors outline-none", s && "h-12 font-mono text-lg tabular-nums", r ? "border-danger" : "border-border hover:border-border-strong", i, n && "cursor-not-allowed opacity-50"),
+			disabled: n,
+			inputMode: s ? "numeric" : void 0,
+			maxLength: 1,
+			onInput: (e) => {
+				let t = e.target, n = t.value;
+				n.length > 0 && x(a, n[n.length - 1]), t.value = D[a] ?? "";
+			},
+			onKeyDown: (e) => C(a, e),
+			onPaste: w,
+			pattern: s ? "[0-9]*" : void 0,
+			ref: _(a),
+			type: o ? "password" : "text",
+			value: o && D[a] !== void 0 && D[a] !== "" ? "•" : D[a] ?? ""
+		}, a))
+	});
+}), Zt = {
+	bottom: {
+		center: "top-full left-1/2 -translate-x-1/2 mt-2",
+		end: "top-full right-0 mt-2",
+		start: "top-full left-0 mt-2"
+	},
+	left: {
+		center: "right-full top-1/2 -translate-y-1/2 mr-2",
+		end: "right-full bottom-0 mr-2",
+		start: "right-full top-0 mr-2"
+	},
+	right: {
+		center: "left-full top-1/2 -translate-y-1/2 ml-2",
+		end: "left-full bottom-0 ml-2",
+		start: "left-full top-0 ml-2"
+	},
+	top: {
+		center: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+		end: "bottom-full right-0 mb-2",
+		start: "bottom-full left-0 mb-2"
+	}
+}, Qt = x(function({ align: t = "start", className: n, content: r, placement: i = "bottom", trigger: a, ...o }, s) {
+	let [c, l] = E(!1), u = T(null);
+	return b(u, c, () => l(!1)), _(c, () => l(!1)), /* @__PURE__ */ k("div", {
+		className: e("relative inline-flex", n),
+		"data-component": "popover",
+		"data-state": c ? "open" : "closed",
+		ref: (e) => {
+			u.current = e, typeof s == "function" ? s(e) : s != null && (s.current = e);
+		},
+		...o,
+		children: [/* @__PURE__ */ O("span", {
+			onClick: () => l((e) => !e),
+			role: "button",
+			tabIndex: 0,
+			children: a
+		}), c && /* @__PURE__ */ O("div", {
+			className: e("absolute z-50 animate-popup gds-radius-popover border border-border bg-surface gds-pad-x gds-pad-y gds-shadow-lg", Zt[i]?.[t]),
+			children: r
+		})]
+	});
+}), $t = x(function({ className: t, icon: n, label: r, trend: i, value: a, ...o }, s) {
+	let c = i !== void 0 && i > 0 ? "text-success" : i !== void 0 && i < 0 ? "text-danger" : "text-fg-muted";
+	return /* @__PURE__ */ k("div", {
+		className: e("inline-flex items-center gap-3 select-none", t),
+		"data-component": "quick-stat",
+		ref: s,
+		...o,
+		children: [n !== void 0 && /* @__PURE__ */ O("div", {
+			className: "text-fg-muted",
+			children: n
+		}), /* @__PURE__ */ k("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ k("div", {
+				className: "flex items-baseline gap-1.5",
+				children: [/* @__PURE__ */ O("span", {
+					className: "text-lg font-semibold text-fg leading-tight",
+					children: a
+				}), i !== void 0 && /* @__PURE__ */ k("span", {
+					className: e("text-xs font-medium", c),
+					children: [
+						i > 0 ? "+" : "",
+						i,
+						"%"
+					]
+				})]
+			}), /* @__PURE__ */ O("span", {
+				className: "text-xs text-fg-muted leading-tight",
+				children: r
+			})]
+		})]
+	});
+}), en = {
+	1: "grid-cols-1",
+	2: "grid-cols-2",
+	3: "grid-cols-3"
+}, tn = x(function({ options: n, value: r, onChange: i, columns: a = 1, disabled: o, glass: s, className: c }, l) {
+	return /* @__PURE__ */ O("div", {
+		ref: l,
+		className: e("grid gds-gap", en[a], c),
+		"data-component": "radio-card",
+		role: "radiogroup",
+		children: n.map((n) => {
+			let a = r === n.value;
+			return /* @__PURE__ */ k("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": a,
+				disabled: o,
+				onClick: () => {
+					o !== !0 && i(n.value);
+				},
+				className: e("flex items-center gds-gap gds-radius-card gds-pad-x gds-pad-y text-left transition-colors", "cursor-pointer select-none", s === !0 ? e(t(s), "border border-white/10") : a ? "border border-accent bg-accent/5 ring-1 ring-accent" : "border border-border hover:border-border-strong", o === !0 && "pointer-events-none opacity-50"),
+				"data-state": a ? "selected" : "idle",
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: e("flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors", a ? "border-accent bg-accent" : "border-border-strong"),
+						children: a && /* @__PURE__ */ O("span", { className: "h-1.5 w-1.5 rounded-full bg-fg" })
+					}),
+					n.icon !== void 0 && /* @__PURE__ */ O("span", {
+						className: "shrink-0 text-fg-muted",
+						children: n.icon
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ O("div", {
+							className: "text-sm font-medium text-fg",
+							children: n.label
+						}), n.description !== void 0 && /* @__PURE__ */ O("div", {
+							className: "mt-0.5 text-xs text-fg-muted",
+							children: n.description
+						})]
+					})
+				]
+			}, n.value);
+		})
+	});
+}), nn = /* @__PURE__ */ k("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ O("circle", {
+		cx: "11",
+		cy: "11",
+		r: "8"
+	}), /* @__PURE__ */ O("line", {
+		x1: "21",
+		y1: "21",
+		x2: "16.65",
+		y2: "16.65"
+	})]
+}), rn = /* @__PURE__ */ k("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ O("line", {
+		x1: "18",
+		y1: "6",
+		x2: "6",
+		y2: "18"
+	}), /* @__PURE__ */ O("line", {
+		x1: "6",
+		y1: "6",
+		x2: "18",
+		y2: "18"
+	})]
+}), an = x(function({ className: t, clearable: n = !0, disabled: r = !1, inputSize: i, loading: a = !1, onChange: s, onSearch: l, placeholder: u = "Search...", value: d }, f) {
+	let p = a ? /* @__PURE__ */ O(c, { size: "sm" }) : nn, m = n && d.length > 0 ? /* @__PURE__ */ O("button", {
+		"aria-label": "Clear search",
+		className: "cursor-pointer text-fg-muted/50 hover:text-fg-muted",
+		onClick: () => s(""),
+		tabIndex: -1,
+		type: "button",
+		children: rn
+	}) : void 0;
+	return /* @__PURE__ */ O(o, {
+		className: e(t),
+		"data-component": "search-input",
+		disabled: r,
+		icon: p,
+		inputSize: i,
+		onChange: (e) => s(e.target.value),
+		onKeyDown: (e) => {
+			e.key === "Enter" && l !== void 0 && l(d);
+		},
+		placeholder: u,
+		ref: f,
+		rightIcon: m,
+		type: "search",
+		value: d
+	});
+}), q = n(e("w-full appearance-none gds-radius-popover border bg-transparent pr-8 text-fg transition-colors", "placeholder:text-fg-muted", i), {
+	compoundVariants: [{
+		error: !0,
+		className: "focus-visible:ring-danger"
+	}],
+	variants: {
+		error: {
+			true: "border-danger text-danger",
+			false: "border-border hover:border-fg-muted"
+		},
+		inputSize: {
+			default: "gds-h-lg gds-pad-x text-sm",
+			sm: "gds-h-sm gds-pad-x-sm gds-text-body"
+		}
+	},
+	defaultVariants: {
+		error: !1,
+		inputSize: "default"
+	}
+}), on = x(function({ error: n, inputSize: r, glass: i, className: a, children: o, ...s }, c) {
+	return /* @__PURE__ */ k("div", {
+		className: "relative",
+		"data-component": "select",
+		children: [/* @__PURE__ */ O("select", {
+			ref: c,
+			className: e(q({
+				error: n,
+				inputSize: r
+			}), t(i), a),
+			...s,
+			children: o
+		}), /* @__PURE__ */ O("span", {
+			className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-fg-muted",
+			children: /* @__PURE__ */ O("svg", {
+				width: "12",
+				height: "12",
+				viewBox: "0 0 12 12",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
+			})
+		})]
+	});
+}), sn = x(function({ open: n, onClose: r, children: i, side: a = "right", title: o, description: s, glass: c, width: l = 320, className: u }, d) {
+	if (y(n), _(n, r), !n) return null;
+	let f = a === "right", p = { width: typeof l == "number" ? `${l}px` : l };
+	return /* @__PURE__ */ O("div", {
+		className: "fixed inset-0 z-50 bg-black/50",
+		onClick: (e) => {
+			e.target === e.currentTarget && r();
+		},
+		"data-component": "sheet",
+		"data-state": "open",
+		children: /* @__PURE__ */ k("div", {
+			ref: d,
+			style: p,
+			className: e("gds-ctx fixed bottom-0 top-0 flex flex-col border gds-shadow-xl transition-transform duration-200", f ? "right-0 border-l" : "left-0 border-r", c ? e(t(c), "border-white/10 bg-bg/60") : "border-border bg-surface", u),
+			children: [(o !== void 0 || s !== void 0) && /* @__PURE__ */ k("div", {
+				className: "flex items-start justify-between gds-gap border-b border-border gds-pad-x-lg gds-pad-y-lg",
+				children: [/* @__PURE__ */ k("div", {
+					className: "min-w-0",
+					children: [o !== void 0 && /* @__PURE__ */ O("h2", {
+						className: "text-sm font-semibold text-fg",
+						children: o
+					}), s !== void 0 && /* @__PURE__ */ O("p", {
+						className: "mt-0.5 gds-text-body text-fg-muted",
+						children: s
+					})]
+				}), /* @__PURE__ */ O("button", {
+					type: "button",
+					onClick: r,
+					className: e("shrink-0 gds-radius-button p-1 text-fg-muted hover:text-fg", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+					"aria-label": "Close",
+					children: /* @__PURE__ */ O("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 14 14",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						children: /* @__PURE__ */ O("path", { d: "M3 3l8 8M11 3l-8 8" })
+					})
+				})]
+			}), /* @__PURE__ */ O("div", {
+				className: "flex-1 overflow-y-auto gds-pad-x-lg gds-pad-y-lg",
+				children: i
+			})]
+		})
+	});
+}), cn = x(function({ label: t, value: n, onChange: r, min: i = 0, max: a = 100, step: o = 1, unit: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ k("div", {
+		ref: u,
+		className: e("flex flex-col gap-1.5", c),
+		"data-component": "slider-field",
+		...l,
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ O("label", {
+				className: "select-none gds-text-body text-fg-muted",
+				children: t
+			}), /* @__PURE__ */ k("span", {
+				className: "gds-text-body tabular-nums text-fg",
+				children: [n, s === void 0 ? "" : ` ${s}`]
+			})]
+		}), /* @__PURE__ */ O(p, {
+			value: n,
+			onChange: r,
+			min: i,
+			max: a,
+			step: o
+		})]
+	});
+}), ln = x(function({ label: t, direction: n, onSort: r, className: a }, o) {
+	return /* @__PURE__ */ O("th", {
+		ref: o,
+		className: e("px-3 py-2 text-left text-xs font-medium transition-colors select-none", i, n === null ? "text-fg-muted" : "text-accent", "cursor-pointer hover:text-accent", a),
+		"data-component": "sortable-header",
+		"data-state": n ?? "none",
+		onClick: r,
+		role: "columnheader",
+		tabIndex: 0,
+		children: /* @__PURE__ */ k("span", {
+			className: "inline-flex items-center gap-1",
+			children: [
+				t,
+				n === "asc" && /* @__PURE__ */ O("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ O("path", { d: "M8 12V4M4.5 7.5L8 4l3.5 3.5" })
+				}),
+				n === "desc" && /* @__PURE__ */ O("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ O("path", { d: "M8 4v8M4.5 8.5L8 12l3.5-3.5" })
+				})
+			]
+		})
+	});
+}), J = {
+	primary: "bg-accent text-accent-fg hover:bg-accent/90",
+	secondary: "bg-bg-secondary text-fg border border-border hover:bg-bg-tertiary",
+	danger: "bg-danger text-white hover:bg-danger/90"
+}, un = {
+	primary: "border-l-white/20",
+	secondary: "border-l-border",
+	danger: "border-l-white/20"
+}, Y = {
+	sm: {
+		main: "px-2.5 py-1 text-xs",
+		trigger: "px-1.5 py-1"
+	},
+	default: {
+		main: "px-3 py-1.5 text-sm",
+		trigger: "px-2 py-1.5"
+	},
+	lg: {
+		main: "px-4 py-2 text-sm",
+		trigger: "px-2.5 py-2"
+	}
+}, dn = x(function({ children: t, variant: n = "primary", size: r = "default", items: a, onSelect: o, onClick: s, disabled: c, className: l, ...u }, d) {
+	let [f, p] = E(!1), m = T(null);
+	b(m, f, () => p(!1)), _(f, () => p(!1));
+	let h = n ?? "primary", v = r ?? "default";
+	return /* @__PURE__ */ k("div", {
+		ref: g(d, m),
+		className: e("relative inline-flex", l),
+		"data-component": "split-button",
+		"data-variant": h,
+		"data-state": f ? "open" : "closed",
+		...u,
+		children: [/* @__PURE__ */ k("div", {
+			className: "inline-flex",
+			children: [/* @__PURE__ */ O("button", {
+				type: "button",
+				disabled: c,
+				onClick: s,
+				className: e("inline-flex select-none items-center font-medium transition-colors rounded-l-md", J[h], Y[v].main, i, c === !0 && "pointer-events-none opacity-50"),
+				children: t
+			}), /* @__PURE__ */ O("button", {
+				type: "button",
+				disabled: c,
+				onClick: () => p((e) => !e),
+				"aria-label": "More actions",
+				className: e("inline-flex select-none items-center border-l font-medium transition-colors rounded-r-md", J[h], un[h], Y[v].trigger, i, c === !0 && "pointer-events-none opacity-50"),
+				children: /* @__PURE__ */ O("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ O("path", { d: "M3 5l3 3 3-3" })
+				})
+			})]
+		}), f && /* @__PURE__ */ O("div", {
+			className: "absolute left-0 top-full z-50 mt-1 min-w-[160px] animate-popup gds-radius-popover border border-border bg-surface py-1 gds-shadow-lg",
+			children: a.map((t) => /* @__PURE__ */ O("button", {
+				type: "button",
+				onClick: () => {
+					o(t.id), p(!1);
+				},
+				className: e("flex w-full items-center gds-pad-x gds-pad-y-sm gds-text-body transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg", t.danger === !0 ? "text-danger hover:bg-danger/10" : "text-fg hover:bg-bg-tertiary"),
+				children: t.label
+			}, t.id))
+		})]
+	});
+}), X = [
+	"var(--color-accent)",
+	"var(--color-success)",
+	"var(--color-warning)",
+	"var(--color-danger)",
+	"var(--color-fg-muted)"
+], fn = x(function({ segments: t, showLabels: n = !0, className: r }, i) {
+	let a = t.reduce((e, t) => e + t.value, 0);
+	return /* @__PURE__ */ k("div", {
+		ref: i,
+		className: e("select-none", r),
+		"data-component": "stacked-progress",
+		children: [/* @__PURE__ */ O("div", {
+			className: "flex h-3 overflow-hidden rounded-full bg-fg-muted/10",
+			children: t.map((e, t) => {
+				let n = a > 0 ? e.value / a * 100 : 0;
+				if (n <= 0) return null;
+				let r = e.color ?? X[t % X.length];
+				return /* @__PURE__ */ O("div", {
+					className: "transition-all duration-300",
+					style: {
+						width: `${n}%`,
+						backgroundColor: r
+					}
+				}, t);
+			})
+		}), n && /* @__PURE__ */ O("div", {
+			className: "mt-2 flex flex-wrap gap-3",
+			children: t.map((e, t) => {
+				let n = a > 0 ? e.value / a * 100 : 0;
+				return /* @__PURE__ */ k("div", {
+					className: "flex items-center gap-1.5 gds-text-body text-fg-muted",
+					children: [
+						/* @__PURE__ */ O("div", {
+							className: "h-2 w-2 rounded-full",
+							style: { backgroundColor: e.color ?? X[t % X.length] }
+						}),
+						/* @__PURE__ */ O("span", { children: e.label }),
+						/* @__PURE__ */ k("span", {
+							className: "font-medium text-fg",
+							children: [n.toFixed(1), "%"]
+						})
+					]
+				}, t);
+			})
+		})]
+	});
+}), pn = x(function({ className: t, highlight: n = "none", left: r, right: i, ...a }, o) {
+	let s = (t) => e("flex flex-1 flex-col items-center rounded-lg border border-border p-3", n === t && "border-accent bg-accent/5");
+	return /* @__PURE__ */ k("div", {
+		className: e("flex items-center gds-gap", t),
+		"data-component": "stat-comparison",
+		ref: o,
+		...a,
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: s("left"),
+				children: [/* @__PURE__ */ O("span", {
+					className: "gds-text-label text-fg-muted",
+					children: r.label
+				}), /* @__PURE__ */ O("span", {
+					className: "text-lg font-semibold text-fg",
+					children: r.value
+				})]
+			}),
+			/* @__PURE__ */ O("span", {
+				className: "shrink-0 text-xs font-medium text-fg-muted",
+				children: "vs"
+			}),
+			/* @__PURE__ */ k("div", {
+				className: s("right"),
+				children: [/* @__PURE__ */ O("span", {
+					className: "gds-text-label text-fg-muted",
+					children: i.label
+				}), /* @__PURE__ */ O("span", {
+					className: "text-lg font-semibold text-fg",
+					children: i.value
+				})]
+			})
+		]
+	});
+}), mn = x(function({ items: t, className: n }, r) {
+	return /* @__PURE__ */ O("div", {
+		ref: r,
+		className: e("flex h-7 items-center border-t border-border bg-surface px-3 text-xs text-fg-muted select-none", n),
+		"data-component": "status-bar",
+		children: t.map((e, t) => /* @__PURE__ */ k("div", {
+			className: "flex items-center",
+			children: [t > 0 && /* @__PURE__ */ O("span", { className: "mx-2 h-3 w-px bg-border" }), /* @__PURE__ */ O("span", { children: e })]
+		}, t))
+	});
+}), hn = n(e("relative inline-flex items-center border-b-2 transition-colors", i), {
+	variants: {
+		size: {
+			default: "gds-pad-x gds-pad-y text-sm",
+			sm: "gds-pad-x-sm gds-pad-y-sm gds-text-body"
+		},
+		active: {
+			true: "border-accent text-accent",
+			false: "border-transparent text-fg-muted hover:text-fg"
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		active: !1
+	}
+});
+function Z({ tabs: n, active: r, onChange: i, glass: a, size: o = "default", className: s }) {
+	return /* @__PURE__ */ O("div", {
+		className: e("flex border-b border-border", a ? e("rounded-t-lg border-white/10 bg-bg/60", t(a)) : "", s),
+		"data-component": "tabs",
+		role: "tablist",
+		children: n.map((e) => {
+			let t = e.id === r;
+			return /* @__PURE__ */ k("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": t,
+				onClick: () => i(e.id),
+				className: hn({
+					size: o,
+					active: t
+				}),
+				children: [e.label, e.count !== void 0 && /* @__PURE__ */ O("span", {
+					className: "ml-1.5 gds-radius-badge bg-fg-muted/10 px-1.5 gds-text-caption",
+					children: e.count
+				})]
+			}, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/l4-molecules/tab-group.tsx
+function gn({ tabs: n, defaultTab: r, glass: i, className: a }) {
+	let [o, s] = E(r ?? (n.length > 0 ? n[0].id : "")), c = n.map((e) => ({
+		id: e.id,
+		label: e.label
+	})), l = (e) => {
+		let t = n.find((t) => t.id === e);
+		t !== void 0 && t.disabled !== !0 && s(e);
+	}, u = n.find((e) => e.id === o);
+	return /* @__PURE__ */ k("div", {
+		className: e("gds-ctx gds-radius-card border border-border overflow-hidden", i !== void 0 && i !== !1 ? e("border-white/10 bg-bg/60", t(i)) : "", a),
+		"data-component": "tab-group",
+		children: [/* @__PURE__ */ O(Z, {
+			tabs: c,
+			active: o,
+			onChange: l,
+			size: "sm"
+		}), /* @__PURE__ */ O("div", {
+			className: "gds-pad",
+			children: u === void 0 ? null : u.content
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/tag-input.tsx
+function _n() {
+	return /* @__PURE__ */ O("svg", {
+		className: "h-3 w-3",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ O("path", {
+			d: "M18 6L6 18M6 6l12 12",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+var vn = x(function({ className: n, disabled: r = !1, error: i = !1, glass: a, maxTags: o, onChange: s, placeholder: c, value: l, ...u }, d) {
+	let [f, p] = E(""), [m, h] = E(!1), g = T(null), _ = d ?? g, v = o !== void 0 && l.length >= o, y = S((e) => {
+		let t = e.trim();
+		t !== "" && (l.includes(t) || v || (s([...l, t]), p("")));
+	}, [
+		v,
+		s,
+		l
+	]), b = S((e) => {
+		s(l.filter((t, n) => n !== e));
+	}, [s, l]), x = S((e) => {
+		e.key === "Enter" && (e.preventDefault(), y(f)), e.key === "Backspace" && f === "" && l.length > 0 && b(l.length - 1);
+	}, [
+		y,
+		f,
+		b,
+		l.length
+	]), C = S(() => {
+		r || _.current?.focus();
+	}, [r, _]);
+	return /* @__PURE__ */ k("div", {
+		className: e("flex min-h-[var(--gds-h)] flex-wrap items-center gds-gap-xs gds-pad-x gds-pad-y-sm gds-radius-input border bg-bg transition-colors", !i && !m && "border-border hover:border-border-strong", !i && m && "border-accent ring-2 ring-accent ring-offset-1 ring-offset-bg", i && "border-danger", i && m && "ring-2 ring-danger ring-offset-1 ring-offset-bg", r && "cursor-not-allowed opacity-50", t(a), a === !0 && "border-white/10 bg-bg/60", n),
+		"data-component": "tag-input",
+		"data-state": m ? "focused" : "idle",
+		onClick: C,
+		children: [l.map((t, n) => /* @__PURE__ */ k("span", {
+			className: "inline-flex select-none items-center gds-gap-xs gds-radius-badge gds-pad-x-sm gds-pad-y-sm gds-text-label font-medium bg-fg-muted/10 text-fg-muted",
+			children: [t, !r && /* @__PURE__ */ O("button", {
+				className: e("ml-0.5 gds-radius-badge p-0.5 transition-colors hover:bg-current/10", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-1 focus-visible:ring-offset-bg"),
+				onClick: (e) => {
+					e.stopPropagation(), b(n);
+				},
+				tabIndex: -1,
+				type: "button",
+				children: /* @__PURE__ */ O(_n, {})
+			})]
+		}, t)), !v && /* @__PURE__ */ O("input", {
+			className: "min-w-[60px] flex-1 border-none bg-transparent text-fg outline-none gds-text-body placeholder:text-fg-muted/50 disabled:cursor-not-allowed",
+			disabled: r,
+			onBlur: () => h(!1),
+			onChange: (e) => p(e.target.value),
+			onFocus: () => h(!0),
+			onKeyDown: x,
+			placeholder: l.length === 0 ? c : void 0,
+			ref: _,
+			type: "text",
+			value: f,
+			...u
+		})]
+	});
+});
+//#endregion
+//#region src/l4-molecules/time-picker-grid.tsx
+function Q(e) {
+	return e < 10 ? `0${e}` : `${e}`;
+}
+function yn({ glass: n, hours: r, minutes: i, onHourClick: a, onMinuteClick: o, selectedHour: s, selectedMinute: c }) {
+	return /* @__PURE__ */ k("div", {
+		className: e("absolute left-0 right-0 z-50 mt-1 flex animate-popup gds-radius-popover border gds-shadow-lg", n ? e(t(n), "border-white/10 bg-bg/60") : "border-border bg-surface"),
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex-1 overflow-y-auto border-r border-border",
+			style: { maxHeight: 200 },
+			children: [/* @__PURE__ */ O("div", {
+				className: "px-2 py-1 text-[10px] font-medium uppercase tracking-wider text-fg-muted/50",
+				children: "Hour"
+			}), r.map((t) => /* @__PURE__ */ O("button", {
+				className: e("flex w-full items-center justify-center py-1.5 text-sm transition-colors", t === s ? "bg-accent/10 font-medium text-accent" : "text-fg hover:bg-bg-tertiary"),
+				onClick: () => a(t),
+				type: "button",
+				children: Q(t)
+			}, t))]
+		}), /* @__PURE__ */ k("div", {
+			className: "flex-1 overflow-y-auto",
+			style: { maxHeight: 200 },
+			children: [/* @__PURE__ */ O("div", {
+				className: "px-2 py-1 text-[10px] font-medium uppercase tracking-wider text-fg-muted/50",
+				children: "Min"
+			}), i.map((t) => /* @__PURE__ */ O("button", {
+				className: e("flex w-full items-center justify-center py-1.5 text-sm transition-colors", t === c ? "bg-accent/10 font-medium text-accent" : "text-fg hover:bg-bg-tertiary"),
+				onClick: () => o(t),
+				type: "button",
+				children: Q(t)
+			}, t))]
+		})]
+	});
+}
+//#endregion
+//#region src/l4-molecules/time-picker.tsx
+function $({ open: t }) {
+	return /* @__PURE__ */ O("svg", {
+		className: e("h-3 w-3 text-fg-muted transition-transform", t && "rotate-180"),
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		viewBox: "0 0 12 12",
+		children: /* @__PURE__ */ O("path", { d: "M3 4.5l3 3 3-3" })
+	});
+}
+var bn = x(function({ className: n, disabled: r = !1, error: a = !1, glass: o, minuteStep: s = 15, onChange: c, placeholder: l = "Select time", value: u }, d) {
+	let [f, p] = E(!1), m = T(null), h = d ?? m, g = w(() => Array.from({ length: 24 }, (e, t) => t), []), v = w(() => {
+		let e = Math.max(1, Math.min(60, s)), t = [], n = 0;
+		for (; n < 60;) t.push(n), n += e;
+		return t;
+	}, [s]), y = w(() => {
+		if (u === null) return null;
+		let e = u.split(":");
+		return parseInt(e[0], 10);
+	}, [u]), x = w(() => {
+		if (u === null) return null;
+		let e = u.split(":");
+		return parseInt(e[1], 10);
+	}, [u]), C = S(() => {
+		r || p(!0);
+	}, [r]), D = S(() => {
+		p(!1);
+	}, []), A = S((e) => {
+		let t = x ?? 0;
+		c(`${Q(e)}:${Q(t)}`);
+	}, [x, c]), j = S((e) => {
+		c(`${Q(y ?? 0)}:${Q(e)}`);
+	}, [y, c]);
+	return b(h, f, D), _(f, D), /* @__PURE__ */ k("div", {
+		ref: h,
+		className: e("relative", n),
+		"data-component": "time-picker",
+		"data-state": f ? "open" : "closed",
+		children: [/* @__PURE__ */ k("button", {
+			className: e("flex w-full items-center justify-between gds-h gds-radius-popover gds-pad-x border bg-transparent text-left text-sm text-fg transition-colors", i, !a && "border-border hover:border-fg-muted", a && "border-danger", a && "focus-visible:ring-danger", r && "cursor-not-allowed opacity-50", t(o), o === !0 && "border-white/10 bg-bg/60"),
+			disabled: r,
+			onClick: C,
+			type: "button",
+			children: [/* @__PURE__ */ O("span", {
+				className: e(u === null ? "text-fg-muted" : "text-fg"),
+				children: u ?? l
+			}), /* @__PURE__ */ O($, { open: f })]
+		}), f && /* @__PURE__ */ O(yn, {
+			glass: o,
+			hours: g,
+			minutes: v,
+			onHourClick: A,
+			onMinuteClick: j,
+			selectedHour: y,
+			selectedMinute: x
+		})]
+	});
+}), xn = {
+	default: "bg-fg-muted/40",
+	success: "bg-success",
+	warning: "bg-warning",
+	danger: "bg-danger"
+}, Sn = x(function({ children: t, className: n, icon: r, last: i = !1, variant: a = "default", ...o }, s) {
+	return /* @__PURE__ */ k("div", {
+		className: e("relative flex gap-3", n),
+		"data-component": "timeline-entry",
+		ref: s,
+		...o,
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex flex-col items-center",
+			children: [r === void 0 ? /* @__PURE__ */ O("span", { className: e("mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full", xn[a]) }) : /* @__PURE__ */ O("span", {
+				className: "flex h-5 w-5 shrink-0 items-center justify-center",
+				children: r
+			}), !i && /* @__PURE__ */ O("span", { className: "mt-1 w-px flex-1 bg-border" })]
+		}), /* @__PURE__ */ O("div", {
+			className: "flex-1 pb-4",
+			children: t
+		})]
+	});
+}), Cn = x(function({ label: t, description: n, checked: r, onChange: i, disabled: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ k("div", {
+		ref: c,
+		className: e("flex items-center justify-between gap-4", o),
+		"data-component": "toggle-field",
+		...s,
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ O("span", {
+				className: "select-none gds-text-body text-fg",
+				children: t
+			}), n !== void 0 && /* @__PURE__ */ O("span", {
+				className: "select-none text-xs text-fg-muted",
+				children: n
+			})]
+		}), /* @__PURE__ */ O(m, {
+			checked: r,
+			onChange: i,
+			disabled: a
+		})]
+	});
+}), wn = x(function({ children: n, variant: r = "default", glass: i, className: a }, o) {
+	return /* @__PURE__ */ O("div", {
+		ref: o,
+		className: e("flex items-center gds-gap px-3 py-2 select-none", r === "floating" ? "gds-radius border border-border bg-surface shadow-md" : "border-b border-border bg-bg", i === !0 && t(i), a),
+		"data-component": "toolbar-generic",
+		"data-variant": r,
+		role: "toolbar",
+		children: n
+	});
+}), Tn = x(function(e, t) {
+	return /* @__PURE__ */ O("div", {
+		ref: t,
+		className: "h-4 w-px bg-border/50",
+		"data-component": "toolbar-separator"
+	});
+}), En = x(function({ children: t, className: n, ...r }, i) {
+	return /* @__PURE__ */ O("div", {
+		className: e("inline-flex items-center overflow-hidden rounded-md border border-border", "[&>*]:rounded-none [&>*]:border-0 [&>*]:border-r [&>*]:border-border [&>*:last-child]:border-r-0", n),
+		"data-component": "toolbar-group",
+		ref: i,
+		role: "toolbar",
+		...r,
+		children: t
+	});
+}), Dn = {
+	away: "bg-warning",
+	busy: "bg-danger",
+	offline: "bg-fg-muted/40",
+	online: "bg-success"
+}, On = x(function({ name: n, avatar: r, role: i, department: a, email: o, status: s, glass: c, className: l, children: u }, d) {
+	let f = (n ?? "").split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
+	return /* @__PURE__ */ k("div", {
+		ref: d,
+		className: e("inline-flex items-center gds-gap gds-radius border border-border bg-surface gds-pad select-none", c === !0 && t(c), l),
+		"data-component": "user-card",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "relative",
+				children: [r === void 0 ? /* @__PURE__ */ O("div", {
+					className: "flex h-9 w-9 items-center justify-center rounded-full bg-accent/15 text-xs font-medium text-accent",
+					children: f
+				}) : /* @__PURE__ */ O("img", {
+					src: r,
+					alt: n,
+					className: "h-9 w-9 rounded-full object-cover"
+				}), s !== void 0 && /* @__PURE__ */ O("span", { className: e("absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-surface", Dn[s]) })]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "flex min-w-0 flex-col gap-0.5",
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "truncate text-sm font-medium text-fg",
+						children: n
+					}),
+					(i !== void 0 || a !== void 0) && /* @__PURE__ */ k("span", {
+						className: "flex items-center gap-1 gds-text-body text-fg-muted",
+						children: [
+							i !== void 0 && /* @__PURE__ */ O("span", { children: i }),
+							i !== void 0 && a !== void 0 && /* @__PURE__ */ O("span", {
+								className: "text-fg-muted/40",
+								children: "/"
+							}),
+							a !== void 0 && /* @__PURE__ */ O("span", { children: a })
+						]
+					}),
+					o !== void 0 && /* @__PURE__ */ k("span", {
+						className: "flex items-center gap-1 gds-text-body text-fg-muted/60",
+						children: [/* @__PURE__ */ k("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: [/* @__PURE__ */ O("rect", {
+								x: "2",
+								y: "3.5",
+								width: "12",
+								height: "9",
+								rx: "1.5"
+							}), /* @__PURE__ */ O("path", { d: "M2 5l6 4 6-4" })]
+						}), /* @__PURE__ */ O("span", {
+							className: "truncate",
+							children: o
+						})]
+					})
+				]
+			}),
+			u
+		]
+	});
+}), kn = x(function({ avatar: t, className: n, name: r, role: i, size: a = "default", ...o }, s) {
+	let c = a === "sm" ? "sm" : "default", l = a === "sm" ? "text-xs" : "text-sm";
+	return /* @__PURE__ */ k("div", {
+		className: e("inline-flex items-center gap-2 select-none", n),
+		"data-component": "user-info",
+		ref: s,
+		...o,
+		children: [/* @__PURE__ */ O(d, {
+			name: r,
+			size: c,
+			src: t
+		}), /* @__PURE__ */ k("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ O("span", {
+				className: e("font-medium text-fg leading-tight", l),
+				children: r
+			}), i !== void 0 && /* @__PURE__ */ O("span", {
+				className: e("text-fg-muted leading-tight", a === "sm" ? "text-[10px]" : "text-xs"),
+				children: i
+			})]
+		})]
+	});
+}), An = x(function({ name: t, avatar: n, role: r, items: i, onSelect: a, className: o }, s) {
+	let [c, l] = E(!1), u = t.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
+	return /* @__PURE__ */ k("div", {
+		ref: s,
+		className: e("relative", o),
+		"data-component": "user-menu",
+		children: [/* @__PURE__ */ k("button", {
+			type: "button",
+			className: "flex items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-bg-tertiary transition-colors select-none",
+			onClick: () => l((e) => !e),
+			"data-testid": "user-menu-trigger",
+			children: [n === void 0 ? /* @__PURE__ */ O("div", {
+				className: "flex h-7 w-7 items-center justify-center rounded-full bg-accent/10 text-xs font-semibold text-accent",
+				children: u
+			}) : /* @__PURE__ */ O("img", {
+				src: n,
+				alt: t,
+				className: "h-7 w-7 rounded-full object-cover"
+			}), /* @__PURE__ */ O("span", {
+				className: "text-sm font-medium text-fg",
+				children: t
+			})]
+		}), c && /* @__PURE__ */ k("div", {
+			className: "absolute right-0 top-full z-50 mt-1 min-w-[160px] rounded-lg border border-border bg-surface py-1 shadow-lg animate-popup",
+			"data-testid": "user-menu-dropdown",
+			children: [r !== void 0 && /* @__PURE__ */ O("div", {
+				className: "px-3 py-1.5 text-xs text-fg-muted",
+				children: r
+			}), i.map((t) => /* @__PURE__ */ k("button", {
+				type: "button",
+				className: e("flex w-full items-center gap-2 px-3 py-1.5 text-sm hover:bg-bg-tertiary transition-colors select-none", t.danger === !0 ? "text-danger" : "text-fg"),
+				onClick: () => {
+					a(t.id), l(!1);
+				},
+				children: [t.icon !== void 0 && /* @__PURE__ */ O("span", {
+					className: "shrink-0",
+					children: t.icon
+				}), t.label]
+			}, t.id))]
+		})]
+	});
+}), jn = x(function({ className: t, latest: n, version: r, ...i }, a) {
+	let o = n !== void 0 && n !== r;
+	return /* @__PURE__ */ k("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium tabular-nums", o ? "bg-warning/15 text-warning" : "bg-surface text-fg-muted", t),
+		"data-component": "version-badge",
+		"data-has-update": o,
+		ref: a,
+		...i,
+		children: [
+			"v",
+			r,
+			o && /* @__PURE__ */ O("svg", {
+				className: "shrink-0",
+				fill: "currentColor",
+				height: 12,
+				viewBox: "0 0 24 24",
+				width: 12,
+				children: /* @__PURE__ */ O("path", {
+					d: "M12 2L12 16M12 16L7 11M12 16L17 11M5 20H19",
+					fill: "none",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2
+				})
+			})
+		]
+	});
+}), Mn = x(function({ children: t, text: n, opacity: r = .1, className: i }, a) {
+	return /* @__PURE__ */ k("div", {
+		ref: a,
+		className: e("relative overflow-hidden", i),
+		"data-component": "watermark",
+		children: [t, /* @__PURE__ */ O("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden select-none",
+			style: { opacity: r },
+			children: /* @__PURE__ */ O("div", {
+				className: "absolute inset-[-50%] flex flex-wrap items-center justify-center gap-16",
+				style: { transform: "rotate(-30deg)" },
+				children: Array.from({ length: 64 }, (e, t) => /* @__PURE__ */ O("span", {
+					className: "text-lg font-bold whitespace-nowrap text-fg",
+					children: n
+				}, t))
+			})
+		})]
+	});
+}), Nn = x(function({ steps: t, currentStep: n, onStepChange: r, className: i, ...a }, o) {
+	let [s, c] = E(0), l = n ?? s;
+	function u(e) {
+		r === void 0 ? c(e) : r(e);
+	}
+	return /* @__PURE__ */ k("div", {
+		ref: o,
+		className: e("flex flex-col gap-4", i),
+		"data-component": "wizard",
+		...a,
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center gap-0",
+				children: t.map((t, n) => {
+					let r = n < l, i = n === l;
+					return /* @__PURE__ */ k("div", {
+						className: "flex items-center",
+						children: [n > 0 && /* @__PURE__ */ O("div", { className: e("h-px w-8", r ? "bg-accent" : "bg-border") }), /* @__PURE__ */ O("button", {
+							type: "button",
+							className: e("flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium transition-colors", r && "bg-accent text-accent-fg", i && "bg-accent/20 text-accent ring-2 ring-accent", !r && !i && "bg-bg-tertiary text-fg-muted"),
+							onClick: () => u(n),
+							children: n + 1
+						})]
+					}, n);
+				})
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "text-xs font-medium text-fg-muted",
+				children: t[l]?.title
+			}),
+			/* @__PURE__ */ O("div", { children: t[l]?.content })
+		]
+	});
+});
+//#endregion
+export { U as $, Yt as A, Ee as At, At as B, me as Bt, on as C, Ne as Ct, $t as D, ke as Dt, tn as E, Ae as Et, zt as F, _e as Ft, St as G, re as Gt, Et as H, ue as Ht, Rt as I, ge as It, vt as J, N as Jt, bt as K, ne as Kt, It as L, he as Lt, Ut as M, be as Mt, Vt as N, ye as Nt, Qt as O, z as Ot, Bt as P, ve as Pt, pt as Q, Ft as R, de as Rt, sn as S, Ie as St, an as T, je as Tt, wt as U, se as Ut, Ot as V, fe as Vt, Ct as W, ae as Wt, gt as X, A as Xt, _t as Y, M as Yt, ht as Z, pn as _, Ue as _t, kn as a, ct as at, ln as b, Be as bt, wn as c, nt as ct, Sn as d, Ze as dt, ft as et, bn as f, Ye as ft, mn as g, We as gt, Z as h, Ke as ht, An as i, lt as it, qt as j, Ce as jt, Xt as k, De as kt, Tn as l, $e as lt, gn as m, qe as mt, Mn as n, dt as nt, On as o, at as ot, vn as p, Je as pt, yt as q, F as qt, jn as r, ut as rt, En as s, it as st, Nn as t, H as tt, Cn as u, Qe as ut, fn as v, He as vt, q as w, Me as wt, cn as x, Re as xt, dn as y, Ve as yt, Pt as z, pe as zt };
+
+//# sourceMappingURL=l4-molecules-DCc074MJ.js.map