@goliapkg/gds 1.0.9 → 1.4.1

package/dist/{l2-primitives-BIiL8hFH.js → l2-primitives-Le0006ck.js}

@@ -55,40 +55,56 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 		...i,
 		children: t
 	});
-}), _ = o(function({ className: t, icon: n, orientation: r = "horizontal", ...i }, a) {
-	return r === "vertical" ? /* @__PURE__ */ l("div", {
-		className: e("inline-flex h-full flex-col items-center", n !== void 0 && "gds-gap-sm", t),
+}), _ = n("", {
+	variants: { variant: {
+		solid: "border-solid",
+		dashed: "border-dashed",
+		dotted: "border-dotted"
+	} },
+	defaultVariants: { variant: "solid" }
+}), v = o(function({ className: t, icon: n, label: r, orientation: i = "horizontal", variant: a = "solid", ...o }, s) {
+	let d = _({ variant: a });
+	return i === "vertical" ? /* @__PURE__ */ l("div", {
+		className: e("inline-flex h-full flex-col items-center", (n !== void 0 || r !== void 0) && "gds-gap-sm", t),
 		"data-component": "divider",
-		ref: a,
-		...i,
-		children: n === void 0 ? /* @__PURE__ */ l("div", { className: "h-full border-l border-border" }) : /* @__PURE__ */ u(c, { children: [
-			/* @__PURE__ */ l("div", { className: "flex-1 border-l border-border" }),
-			/* @__PURE__ */ l("span", {
+		ref: s,
+		...o,
+		children: n !== void 0 || r !== void 0 ? /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l("div", { className: e("flex-1 border-l border-border", d) }),
+			n !== void 0 && /* @__PURE__ */ l("span", {
 				className: "shrink-0 text-fg-muted/50 gds-icon-child-sm",
 				children: n
 			}),
-			/* @__PURE__ */ l("div", { className: "flex-1 border-l border-border" })
-		] })
-	}) : n === void 0 ? /* @__PURE__ */ l("div", {
-		className: e("h-px w-full bg-border/50", t),
-		"data-component": "divider",
-		ref: a,
-		...i
-	}) : /* @__PURE__ */ u("div", {
+			r !== void 0 && /* @__PURE__ */ l("span", {
+				className: "shrink-0 text-fg-muted/50 gds-text-caption",
+				children: r
+			}),
+			/* @__PURE__ */ l("div", { className: e("flex-1 border-l border-border", d) })
+		] }) : /* @__PURE__ */ l("div", { className: e("h-full border-l border-border", d) })
+	}) : n !== void 0 || r !== void 0 ? /* @__PURE__ */ u("div", {
 		className: e("flex items-center gds-gap-sm", t),
 		"data-component": "divider",
-		ref: a,
-		...i,
+		ref: s,
+		...o,
 		children: [
-			/* @__PURE__ */ l("div", { className: "flex-1 border-t border-border" }),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ l("div", { className: e("flex-1 border-t border-border", d) }),
+			n !== void 0 && /* @__PURE__ */ l("span", {
 				className: "shrink-0 text-fg-muted/50 gds-icon-child-sm",
 				children: n
 			}),
-			/* @__PURE__ */ l("div", { className: "flex-1 border-t border-border" })
+			r !== void 0 && /* @__PURE__ */ l("span", {
+				className: "shrink-0 text-fg-muted/50 gds-text-caption select-none",
+				children: r
+			}),
+			/* @__PURE__ */ l("div", { className: e("flex-1 border-t border-border", d) })
 		]
+	}) : /* @__PURE__ */ l("div", {
+		className: e("h-px w-full", a === "solid" ? "bg-border/50" : e("border-t border-border", d), t),
+		"data-component": "divider",
+		ref: s,
+		...o
 	});
-}), v = n("inline-block shrink-0 gds-radius-badge", {
+}), y = n("inline-block shrink-0 gds-radius-badge", {
 	defaultVariants: {
 		color: "accent",
 		size: "default"
@@ -107,18 +123,18 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 			sm: "h-1.5 w-1.5"
 		}
 	}
-}), y = o(function({ className: t, color: n, label: r, pulse: i = !1, size: a, ...o }, s) {
+}), b = o(function({ className: t, color: n, label: r, pulse: i = !1, size: a, ...o }, s) {
 	return /* @__PURE__ */ u("span", {
 		className: e("relative inline-flex items-center", r !== void 0 && "gds-gap-sm", t),
 		"data-component": "dot",
 		ref: s,
 		...o,
 		children: [
-			/* @__PURE__ */ l("span", { className: v({
+			/* @__PURE__ */ l("span", { className: y({
 				color: n,
 				size: a
 			}) }),
-			i && /* @__PURE__ */ l("span", { className: e("absolute inset-0 animate-ping gds-radius-badge opacity-40", v({
+			i && /* @__PURE__ */ l("span", { className: e("absolute inset-0 animate-ping gds-radius-badge opacity-40", y({
 				color: n,
 				size: a
 			})) }),
@@ -128,7 +144,7 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 			})
 		]
 	});
-}), b = o(function({ children: t, color: n = "var(--gds-accent)", width: r = 2, offset: i = 2, className: a }, o) {
+}), x = o(function({ children: t, color: n = "var(--gds-accent)", width: r = 2, offset: i = 2, className: a }, o) {
 	let s = {
 		"--focus-ring-color": n,
 		"--focus-ring-width": `${r}px`,
@@ -141,7 +157,7 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 		style: s,
 		children: t
 	});
-}), x = {
+}), S = {
 	sm: {
 		blur: 20,
 		opacity: 15,
@@ -158,22 +174,22 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 		spread: 12
 	}
 };
-function S(e, t) {
+function C(e, t) {
 	return `${`0 0 ${t.blur}px ${t.spread}px color-mix(in srgb, ${e} ${t.opacity}%, transparent)`}, ${`0 0 ${Math.round(t.blur * .4)}px ${Math.round(t.spread * .5)}px color-mix(in srgb, ${e} ${Math.round(t.opacity * 1.5)}%, transparent)`}`;
 }
-var C = o(function({ children: t, className: n, color: r = "var(--gds-accent)", intensity: i = "default", radius: a }, o) {
-	let s = x[i];
+var w = o(function({ children: t, className: n, color: r = "var(--gds-accent)", intensity: i = "default", radius: a }, o) {
+	let s = S[i];
 	return /* @__PURE__ */ l("div", {
 		ref: o,
 		"data-component": "glow-effect",
 		className: e("relative", n),
 		style: {
 			borderRadius: a === void 0 ? void 0 : `${a}px`,
-			boxShadow: S(r, s)
+			boxShadow: C(r, s)
 		},
 		children: t
 	});
-}), w = o(function({ children: t, gradient: n = "linear-gradient(135deg, var(--gds-accent), var(--gds-success))", width: r = 1, radius: i = 12, className: a }, o) {
+}), T = o(function({ children: t, gradient: n = "linear-gradient(135deg, var(--gds-accent), var(--gds-success))", width: r = 1, radius: i = 12, className: a }, o) {
 	let s = Math.max(0, i - r);
 	return /* @__PURE__ */ l("div", {
 		ref: o,
@@ -190,7 +206,7 @@ var C = o(function({ children: t, className: n, color: r = "var(--gds-accent)",
 			children: t
 		})
 	});
-}), T = {
+}), E = {
 	default: {
 		container: "gap-1.5",
 		dot: "h-2 w-2"
@@ -203,7 +219,7 @@ var C = o(function({ children: t, className: n, color: r = "var(--gds-accent)",
 		container: "gap-1",
 		dot: "h-1.5 w-1.5"
 	}
-}, E = {
+}, D = {
 	default: {
 		bar: "w-1 h-4",
 		container: "gap-1 h-4"
@@ -216,17 +232,17 @@ var C = o(function({ children: t, className: n, color: r = "var(--gds-accent)",
 		bar: "w-0.5 h-3",
 		container: "gap-0.5 h-3"
 	}
-}, D = {
+}, O = {
 	default: "h-4 w-4",
 	lg: "h-6 w-6",
 	sm: "h-3 w-3"
-}, O = {
+}, k = {
 	default: "h-4 w-4 border-2",
 	lg: "h-6 w-6 border-[3px]",
 	sm: "h-3 w-3 border-[1.5px]"
 };
 o(function({ className: t, size: n = "default" }, r) {
-	let i = T[n];
+	let i = E[n];
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-center", i.container, t),
 		"data-component": "loading-dots",
@@ -245,8 +261,8 @@ o(function({ className: t, size: n = "default" }, r) {
 		}, t))
 	});
 });
-var k = o(function({ className: t, size: n = "default" }, r) {
-	let i = E[n];
+var A = o(function({ className: t, size: n = "default" }, r) {
+	let i = D[n];
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-center", i.container, t),
 		"data-component": "loading-bars",
@@ -266,27 +282,27 @@ var k = o(function({ className: t, size: n = "default" }, r) {
 			}
 		}, t))
 	});
-}), A = o(function({ className: t, size: n = "default" }, r) {
+}), j = o(function({ className: t, size: n = "default" }, r) {
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-center justify-center", t),
 		"data-component": "loading-pulse",
 		ref: r,
 		role: "status",
 		children: /* @__PURE__ */ l("span", {
-			className: e("rounded-full bg-accent", D[n]),
+			className: e("rounded-full bg-accent", O[n]),
 			style: { animation: "loading-pulse 2s infinite ease-in-out" }
 		})
 	});
-}), j = o(function({ className: t, size: n = "default" }, r) {
+}), M = o(function({ className: t, size: n = "default" }, r) {
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-center justify-center", t),
 		"data-component": "loading-ring",
 		ref: r,
 		role: "status",
-		children: /* @__PURE__ */ l("span", { className: e("animate-spin rounded-full border-accent border-t-transparent", O[n]) })
+		children: /* @__PURE__ */ l("span", { className: e("animate-spin rounded-full border-accent border-t-transparent", k[n]) })
 	});
-}), M = o(function({ className: t, size: n = "default" }, r) {
-	let i = T[n];
+}), N = o(function({ className: t, size: n = "default" }, r) {
+	let i = E[n];
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-end", i.container, t),
 		"data-component": "loading-wave",
@@ -306,19 +322,19 @@ var k = o(function({ className: t, size: n = "default" }, r) {
 			}
 		}, t))
 	});
-}), N = "flex items-center justify-center select-none px-2 text-fg-muted hover:text-fg hover:bg-bg-tertiary transition-colors disabled:cursor-not-allowed disabled:opacity-50", P = o(function({ direction: t, disabled: n, onClick: r }, i) {
+}), P = "flex items-center justify-center select-none px-2 text-fg-muted hover:text-fg hover:bg-bg-tertiary transition-colors disabled:cursor-not-allowed disabled:opacity-50", F = o(function({ direction: t, disabled: n, onClick: r }, i) {
 	let a = t === "decrement";
 	return /* @__PURE__ */ l("button", {
 		ref: i,
 		"aria-label": t,
-		className: e(N, a ? "rounded-l-[inherit] border-r border-border" : "rounded-r-[inherit] border-l border-border"),
+		className: e(P, a ? "rounded-l-[inherit] border-r border-border" : "rounded-r-[inherit] border-l border-border"),
 		disabled: n,
 		onClick: r,
 		tabIndex: -1,
 		type: "button",
 		children: a ? "-" : "+"
 	});
-}), F = n("flex items-center gds-radius-input border bg-bg text-fg transition-colors [&:has(input:focus-visible)]:ring-2 [&:has(input:focus-visible)]:ring-accent [&:has(input:focus-visible)]:ring-offset-1 [&:has(input:focus-visible)]:ring-offset-bg", {
+}), I = n("flex items-center gds-radius-input border bg-bg text-fg transition-colors [&:has(input:focus-visible)]:ring-2 [&:has(input:focus-visible)]:ring-accent [&:has(input:focus-visible)]:ring-offset-1 [&:has(input:focus-visible)]:ring-offset-bg", {
 	compoundVariants: [{
 		error: !0,
 		className: "[&:has(input:focus-visible)]:ring-danger"
@@ -338,84 +354,92 @@ var k = o(function({ className: t, size: n = "default" }, r) {
 		}
 	}
 });
-function I(e, t, n) {
+function L(e, t, n) {
 	let r = e;
 	return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
 }
-var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o, max: c, min: d, onChange: f, placeholder: p, step: m = 1, value: h }, g) {
-	let _ = s(() => {
-		f(I((h ?? 0) - m, d, c));
+var R = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o, max: c, min: d, onChange: f, placeholder: p, prefix: m, step: h = 1, suffix: g, value: _ }, v) {
+	let y = s(() => {
+		f(L((_ ?? 0) - h, d, c));
 	}, [
+		_,
 		h,
-		m,
 		d,
 		c,
 		f
-	]), v = s(() => {
-		f(I((h ?? 0) + m, d, c));
+	]), b = s(() => {
+		f(L((_ ?? 0) + h, d, c));
 	}, [
+		_,
 		h,
-		m,
 		d,
 		c,
 		f
-	]), y = s((e) => {
+	]), x = s((e) => {
 		let t = e.target.value;
 		if (t === "") {
 			f(null);
 			return;
 		}
 		let n = Number(t);
-		Number.isNaN(n) || f(I(n, d, c));
+		Number.isNaN(n) || f(L(n, d, c));
 	}, [
 		d,
 		c,
 		f
-	]), b = s((e) => {
-		e.key === "ArrowUp" && (e.preventDefault(), v()), e.key === "ArrowDown" && (e.preventDefault(), _());
-	}, [v, _]);
+	]), S = s((e) => {
+		e.key === "ArrowUp" && (e.preventDefault(), b()), e.key === "ArrowDown" && (e.preventDefault(), y());
+	}, [b, y]);
 	return /* @__PURE__ */ u("div", {
-		className: e(F({
+		className: e(I({
 			error: i,
 			inputSize: o
 		}), t(a), a === !0 && "border-white/10 bg-bg/60", r === !0 && "cursor-not-allowed opacity-50", n),
 		"data-component": "number-input",
 		children: [
-			/* @__PURE__ */ l(P, {
+			/* @__PURE__ */ l(F, {
 				direction: "decrement",
 				disabled: r,
-				onClick: _
+				onClick: y
+			}),
+			m !== void 0 && /* @__PURE__ */ l("span", {
+				className: "shrink-0 select-none pl-1 text-fg-muted/50",
+				children: m
 			}),
 			/* @__PURE__ */ l("input", {
 				className: e("min-w-0 flex-1 bg-transparent text-center outline-none placeholder:text-fg-muted/50", "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"),
 				disabled: r,
-				onChange: y,
-				onKeyDown: b,
+				onChange: x,
+				onKeyDown: S,
 				placeholder: p,
-				ref: g,
+				ref: v,
 				type: "number",
-				value: h ?? ""
+				value: _ ?? ""
+			}),
+			g !== void 0 && /* @__PURE__ */ l("span", {
+				className: "shrink-0 select-none pr-1 text-fg-muted/50",
+				children: g
 			}),
-			/* @__PURE__ */ l(P, {
+			/* @__PURE__ */ l(F, {
 				direction: "increment",
 				disabled: r,
-				onClick: v
+				onClick: b
 			})
 		]
 	});
-}), R = o(function({ visible: n, glass: r, onClick: i, className: a }, o) {
+}), z = o(function({ visible: n, glass: r, onClick: i, className: a }, o) {
 	return n ? /* @__PURE__ */ l("div", {
 		className: e("fixed inset-0 z-40", r === !0 ? t(!0) : "bg-black/50", a),
 		"data-component": "screen-overlay",
 		onClick: i,
 		ref: o
 	}) : null;
-}), z = o(function(e, t) {
-	return a(/* @__PURE__ */ l(R, {
+}), B = o(function(e, t) {
+	return a(/* @__PURE__ */ l(z, {
 		ref: t,
 		...e
 	}));
-}), B = o(function({ children: t, className: n, maxHeight: r, orientation: i = "vertical", style: a, ...o }, s) {
+}), V = o(function({ children: t, className: n, maxHeight: r, orientation: i = "vertical", style: a, ...o }, s) {
 	return /* @__PURE__ */ l("div", {
 		className: e(i === "vertical" && "overflow-x-hidden overflow-y-auto", i === "horizontal" && "overflow-x-auto overflow-y-hidden", i === "both" && "overflow-auto", n),
 		"data-component": "scroll-area",
@@ -427,7 +451,7 @@ var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		...o,
 		children: t
 	});
-}), V = o(function({ className: t, height: n = "20px", rounded: r = !1, width: i = "100%", ...a }, o) {
+}), H = o(function({ className: t, height: n = "20px", rounded: r = !1, width: i = "100%", ...a }, o) {
 	return /* @__PURE__ */ l("div", {
 		className: e("relative overflow-hidden bg-fg-muted/10", r ? "rounded-full" : "rounded-md", t),
 		"data-component": "shimmer",
@@ -439,7 +463,7 @@ var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		...a,
 		children: /* @__PURE__ */ l("div", { className: "absolute inset-0 animate-[shimmer_1.5s_ease-in-out_infinite] bg-gradient-to-r from-transparent via-fg-muted/5 to-transparent" })
 	});
-}), H = o(function({ targetId: t = "main-content", label: n = "Skip to content", className: r }, i) {
+}), U = o(function({ targetId: t = "main-content", label: n = "Skip to content", className: r }, i) {
 	return /* @__PURE__ */ l("a", {
 		ref: i,
 		className: e("absolute left-2 top-2 z-50 -translate-y-full rounded bg-accent px-3 py-2 text-sm font-medium text-accent-fg transition-transform focus:translate-y-0 focus:outline-none", r),
@@ -447,7 +471,7 @@ var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		href: `#${t}`,
 		children: n
 	});
-}), U = o(function({ className: t, disabled: n = !1, max: r = 100, min: a = 0, onChange: o, step: s = 1, value: c = 0, ...d }, f) {
+}), W = o(function({ className: t, disabled: n = !1, max: r = 100, min: a = 0, onChange: o, step: s = 1, value: c = 0, ...d }, f) {
 	return /* @__PURE__ */ u("div", {
 		className: e("flex items-center gap-3", t),
 		"data-component": "slider",
@@ -467,7 +491,7 @@ var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 			children: c
 		})]
 	});
-}), W = o(function({ children: t, lines: n = 1, expanded: r = !1, onToggle: i, className: a }, o) {
+}), G = o(function({ children: t, lines: n = 1, expanded: r = !1, onToggle: i, className: a }, o) {
 	let s = !r, c = n === 1, u = i !== void 0, d = !c && s ? {
 		display: "-webkit-box",
 		WebkitLineClamp: n,
@@ -485,7 +509,7 @@ var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		tabIndex: u ? 0 : void 0,
 		children: t
 	});
-}), G = o(function({ as: t = "span", children: n, className: i }, a) {
+}), K = o(function({ as: t = "span", children: n, className: i }, a) {
 	return /* @__PURE__ */ l(t, {
 		ref: a,
 		className: e(r, i),
@@ -494,6 +518,6 @@ var L = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 	});
 });
 //#endregion
-export { f as C, m as S, y as _, V as a, g as b, L as c, A as d, j as f, b as g, C as h, H as i, F as l, w as m, W as n, B as o, M as p, U as r, z as s, G as t, k as u, v, d as w, h as x, _ as y };
+export { m as C, h as S, d as T, b as _, H as a, _ as b, R as c, j as d, M as f, x as g, w as h, U as i, I as l, T as m, G as n, V as o, N as p, W as r, B as s, K as t, A as u, y as v, f as w, g as x, v as y };
 
-//# sourceMappingURL=l2-primitives-BIiL8hFH.js.map
+//# sourceMappingURL=l2-primitives-Le0006ck.js.map

package/dist/l2-primitives-Le0006ck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"l2-primitives-Le0006ck.js","names":[],"sources":["../src/l2-primitives/anchor.tsx","../src/l2-primitives/badge-dot.tsx","../src/l2-primitives/container.tsx","../src/l2-primitives/divider.tsx","../src/l2-primitives/dot.tsx","../src/l2-primitives/focus-ring.tsx","../src/l2-primitives/glow-effect.tsx","../src/l2-primitives/gradient-border.tsx","../src/l2-primitives/loading.tsx","../src/l2-primitives/number-stepper.tsx","../src/l2-primitives/number-input.tsx","../src/l2-primitives/screen-overlay.tsx","../src/l2-primitives/scroll-area.tsx","../src/l2-primitives/shimmer.tsx","../src/l2-primitives/skip-nav.tsx","../src/l2-primitives/slider.tsx","../src/l2-primitives/truncate.tsx","../src/l2-primitives/visually-hidden.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst anchorVariants = cva(\n  'inline-flex items-center gds-gap-xs underline-offset-2 transition-colors hover:underline ' +\n    focusCls,\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: 'text-accent hover:text-accent/80',\n        muted: 'text-fg-muted hover:text-fg',\n      },\n    },\n  },\n)\n\ntype AnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  VariantProps<typeof anchorVariants> & {\n    external?: boolean\n    externalIcon?: ReactNode\n  }\n\nexport const Anchor = forwardRef<HTMLAnchorElement, AnchorProps>(\n  function Anchor(\n    { children, className, external = false, externalIcon, variant, ...props },\n    ref,\n  ) {\n    return (\n      <a\n        className={cx(anchorVariants({ variant }), className)}\n        data-component=\"anchor\"\n        ref={ref}\n        {...(external && {\n          rel: 'noopener noreferrer',\n          target: '_blank',\n        })}\n        {...props}\n      >\n        {children}\n        {external && externalIcon !== undefined && (\n          <span className=\"gds-icon-child-xs\">{externalIcon}</span>\n        )}\n      </a>\n    )\n  },\n)\n\nexport { anchorVariants }\nexport type { AnchorProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nconst colorMap = {\n  accent: 'bg-accent',\n  danger: 'bg-danger',\n  success: 'bg-success',\n} as const\n\ntype BadgeDotProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  color?: 'accent' | 'danger' | 'success'\n  show?: boolean\n}\n\nexport const BadgeDot = forwardRef<HTMLDivElement, BadgeDotProps>(\n  function BadgeDot({ children, className, color = 'danger', show = true, ...props }, ref) {\n    return (\n      <div\n        className={cx('relative inline-flex', className)}\n        data-component=\"badge-dot\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {show && (\n          <span\n            className={cx('absolute -right-0.5 -top-0.5 h-1.5 w-1.5 rounded-full', colorMap[color])}\n          />\n        )}\n      </div>\n    )\n  },\n)\n\nexport type { BadgeDotProps }\n","// container — responsive max-width wrapper with size variants\nimport { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst containerVariants = cva('mx-auto w-full px-4', {\n  defaultVariants: { size: 'default' },\n  variants: {\n    size: {\n      default: 'max-w-screen-md',\n      full: 'max-w-full',\n      lg: 'max-w-screen-lg',\n      sm: 'max-w-screen-sm',\n      xl: 'max-w-screen-xl',\n    },\n  },\n})\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof containerVariants> & {\n    children: ReactNode\n  }\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n  function Container({ children, className, size, ...props }, ref) {\n    return (\n      <div\n        className={cx(containerVariants({ size }), className)}\n        data-component=\"container\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nexport { containerVariants }\nexport type { ContainerProps }\n","import { cva } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst dividerVariants = cva('', {\n  variants: {\n    variant: {\n      solid: 'border-solid',\n      dashed: 'border-dashed',\n      dotted: 'border-dotted',\n    },\n  },\n  defaultVariants: { variant: 'solid' },\n})\n\ntype DividerProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof dividerVariants> & {\n  icon?: ReactNode\n  label?: string\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider({ className, icon, label, orientation = 'horizontal', variant = 'solid', ...props }, ref) {\n    const variantCls = dividerVariants({ variant })\n\n    if (orientation === 'vertical') {\n      return (\n        <div\n          className={cx('inline-flex h-full flex-col items-center', (icon !== undefined || label !== undefined) && 'gds-gap-sm', className)}\n          data-component=\"divider\"\n          ref={ref}\n          {...props}\n        >\n          {icon !== undefined || label !== undefined ? (\n            <>\n              <div className={cx('flex-1 border-l border-border', variantCls)} />\n              {icon !== undefined && <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>}\n              {label !== undefined && <span className=\"shrink-0 text-fg-muted/50 gds-text-caption\">{label}</span>}\n              <div className={cx('flex-1 border-l border-border', variantCls)} />\n            </>\n          ) : (\n            <div className={cx('h-full border-l border-border', variantCls)} />\n          )}\n        </div>\n      )\n    }\n\n    if (icon !== undefined || label !== undefined) {\n      return (\n        <div\n          className={cx('flex items-center gds-gap-sm', className)}\n          data-component=\"divider\"\n          ref={ref}\n          {...props}\n        >\n          <div className={cx('flex-1 border-t border-border', variantCls)} />\n          {icon !== undefined && <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>}\n          {label !== undefined && <span className=\"shrink-0 text-fg-muted/50 gds-text-caption select-none\">{label}</span>}\n          <div className={cx('flex-1 border-t border-border', variantCls)} />\n        </div>\n      )\n    }\n\n    return (\n      <div\n        className={cx('h-px w-full', variant === 'solid' ? 'bg-border/50' : cx('border-t border-border', variantCls), className)}\n        data-component=\"divider\"\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\n\nexport { Divider, dividerVariants }\nexport type { DividerProps }\n","import { cva } from 'class-variance-authority'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport type { VariantProps } from '../utils/types'\n\nconst dotVariants = cva('inline-block shrink-0 gds-radius-badge', {\n  defaultVariants: {\n    color: 'accent',\n    size: 'default',\n  },\n  variants: {\n    color: {\n      accent: 'bg-accent',\n      danger: 'bg-danger',\n      muted: 'bg-fg-muted/30',\n      success: 'bg-success',\n      warning: 'bg-warning',\n    },\n    size: {\n      default: 'h-2 w-2',\n      lg: 'h-3 w-3',\n      sm: 'h-1.5 w-1.5',\n    },\n  },\n})\n\ntype DotProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof dotVariants> & {\n    label?: string\n    pulse?: boolean\n  }\n\nexport const Dot = forwardRef<HTMLSpanElement, DotProps>(\n  function Dot({ className, color, label, pulse = false, size, ...props }, ref) {\n    return (\n      <span\n        className={cx('relative inline-flex items-center', label !== undefined && 'gds-gap-sm', className)}\n        data-component=\"dot\"\n        ref={ref}\n        {...props}\n      >\n        <span className={dotVariants({ color, size })} />\n        {pulse && (\n          <span\n            className={cx(\n              'absolute inset-0 animate-ping gds-radius-badge opacity-40',\n              dotVariants({ color, size }),\n            )}\n          />\n        )}\n        {label !== undefined && (\n          <span className=\"gds-text-label text-fg-muted\">{label}</span>\n        )}\n      </span>\n    )\n  },\n)\n\nexport { dotVariants }\nexport type { DotProps }\n","import type { CSSProperties, ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype FocusRingProps = {\n  children: ReactNode\n  color?: string\n  width?: number\n  offset?: number\n  className?: string\n}\n\nconst FocusRing = forwardRef<HTMLSpanElement, FocusRingProps>(function FocusRing(\n  { children, color = 'var(--gds-accent)', width = 2, offset = 2, className },\n  ref,\n) {\n  const style: CSSProperties = {\n    '--focus-ring-color': color,\n    '--focus-ring-width': `${width}px`,\n    '--focus-ring-offset': `${offset}px`,\n  } as CSSProperties\n\n  return (\n    <span\n      ref={ref}\n      className={cx(\n        'relative inline-flex [&:focus-within]:outline [&:focus-within]:outline-[length:var(--focus-ring-width)] [&:focus-within]:outline-[color:var(--focus-ring-color)] [&:focus-within]:outline-offset-[var(--focus-ring-offset)]',\n        className,\n      )}\n      data-component=\"focus-ring\"\n      style={style}\n    >\n      {children}\n    </span>\n  )\n})\n\nexport { FocusRing }\nexport type { FocusRingProps }\n","// glow-effect — container that adds a colored glow/aura behind its content via box-shadow\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype GlowIntensity = 'sm' | 'default' | 'lg'\n\ntype IntensityConfig = {\n  blur: number\n  opacity: number\n  spread: number\n}\n\nconst intensityMap: Record<GlowIntensity, IntensityConfig> = {\n  sm: { blur: 20, opacity: 15, spread: 4 },\n  default: { blur: 32, opacity: 18, spread: 8 },\n  lg: { blur: 48, opacity: 25, spread: 12 },\n}\n\nfunction buildShadow(color: string, config: IntensityConfig): string {\n  const outer = `0 0 ${config.blur}px ${config.spread}px color-mix(in srgb, ${color} ${config.opacity}%, transparent)`\n  const innerBlur = Math.round(config.blur * 0.4)\n  const innerSpread = Math.round(config.spread * 0.5)\n  const innerOpacity = Math.round(config.opacity * 1.5)\n  const inner = `0 0 ${innerBlur}px ${innerSpread}px color-mix(in srgb, ${color} ${innerOpacity}%, transparent)`\n  return `${outer}, ${inner}`\n}\n\nexport type GlowEffectProps = {\n  children: React.ReactNode\n  className?: string\n  color?: string\n  intensity?: GlowIntensity\n  radius?: number\n}\n\nexport const GlowEffect = forwardRef<HTMLDivElement, GlowEffectProps>(\n  function GlowEffect(\n    { children, className, color = 'var(--gds-accent)', intensity = 'default', radius },\n    ref,\n  ) {\n    const config = intensityMap[intensity]\n    return (\n      <div\n        ref={ref}\n        data-component=\"glow-effect\"\n        className={cx('relative', className)}\n        style={{\n          borderRadius: radius !== undefined ? `${radius}px` : undefined,\n          boxShadow: buildShadow(color, config),\n        }}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","// gradient-border — container with a gradient border via background-clip trick\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type GradientBorderProps = {\n  children: React.ReactNode\n  gradient?: string\n  width?: number\n  radius?: number\n  className?: string\n}\n\nexport const GradientBorder = forwardRef<HTMLDivElement, GradientBorderProps>(\n  function GradientBorder(\n    {\n      children,\n      gradient = 'linear-gradient(135deg, var(--gds-accent), var(--gds-success))',\n      width = 1,\n      radius = 12,\n      className,\n    },\n    ref,\n  ) {\n    const innerRadius = Math.max(0, radius - width)\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"gradient-border\"\n        className={cx(className)}\n        style={{ background: gradient, padding: width, borderRadius: radius }}\n      >\n        <div\n          className=\"bg-bg\"\n          style={{ borderRadius: innerRadius }}\n        >\n          {children}\n        </div>\n      </div>\n    )\n  },\n)\n","// loading — loading indicator variants (dots, bars, pulse, ring, wave)\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype LoadingSize = 'default' | 'lg' | 'sm'\n\ntype LoadingProps = {\n  className?: string\n  size?: LoadingSize\n}\n\nconst sizeClasses: Record<LoadingSize, { container: string; dot: string }> = {\n  default: { container: 'gap-1.5', dot: 'h-2 w-2' },\n  lg: { container: 'gap-2', dot: 'h-3 w-3' },\n  sm: { container: 'gap-1', dot: 'h-1.5 w-1.5' },\n}\n\nconst barSizeClasses: Record<LoadingSize, { bar: string; container: string }> = {\n  default: { bar: 'w-1 h-4', container: 'gap-1 h-4' },\n  lg: { bar: 'w-1.5 h-6', container: 'gap-1.5 h-6' },\n  sm: { bar: 'w-0.5 h-3', container: 'gap-0.5 h-3' },\n}\n\nconst pulseSizeClasses: Record<LoadingSize, string> = {\n  default: 'h-4 w-4',\n  lg: 'h-6 w-6',\n  sm: 'h-3 w-3',\n}\n\nconst ringSizeClasses: Record<LoadingSize, string> = {\n  default: 'h-4 w-4 border-2',\n  lg: 'h-6 w-6 border-[3px]',\n  sm: 'h-3 w-3 border-[1.5px]',\n}\n\nexport const LoadingDots = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingDots({ className, size = 'default' }, ref) {\n    const s = sizeClasses[size]\n    return (\n      <div\n        className={cx('inline-flex items-center', s.container, className)}\n        data-component=\"loading-dots\"\n        ref={ref}\n        role=\"status\"\n      >\n        {[0, 1, 2].map((i) => (\n          <span\n            className={cx('rounded-full bg-accent', s.dot)}\n            key={i}\n            style={{\n              animation: 'loading-dots 1.4s infinite ease-in-out both',\n              animationDelay: `${i * 0.16}s`,\n            }}\n          />\n        ))}\n      </div>\n    )\n  },\n)\n\nexport const LoadingBars = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingBars({ className, size = 'default' }, ref) {\n    const s = barSizeClasses[size]\n    return (\n      <div\n        className={cx('inline-flex items-center', s.container, className)}\n        data-component=\"loading-bars\"\n        ref={ref}\n        role=\"status\"\n      >\n        {[0, 1, 2, 3, 4].map((i) => (\n          <span\n            className={cx('rounded-sm bg-accent', s.bar)}\n            key={i}\n            style={{\n              animation: 'loading-bars 1.2s infinite ease-in-out',\n              animationDelay: `${i * 0.1}s`,\n            }}\n          />\n        ))}\n      </div>\n    )\n  },\n)\n\nexport const LoadingPulse = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingPulse({ className, size = 'default' }, ref) {\n    return (\n      <div\n        className={cx('inline-flex items-center justify-center', className)}\n        data-component=\"loading-pulse\"\n        ref={ref}\n        role=\"status\"\n      >\n        <span\n          className={cx('rounded-full bg-accent', pulseSizeClasses[size])}\n          style={{ animation: 'loading-pulse 2s infinite ease-in-out' }}\n        />\n      </div>\n    )\n  },\n)\n\nexport const LoadingRing = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingRing({ className, size = 'default' }, ref) {\n    return (\n      <div\n        className={cx('inline-flex items-center justify-center', className)}\n        data-component=\"loading-ring\"\n        ref={ref}\n        role=\"status\"\n      >\n        <span\n          className={cx(\n            'animate-spin rounded-full border-accent border-t-transparent',\n            ringSizeClasses[size],\n          )}\n        />\n      </div>\n    )\n  },\n)\n\nexport const LoadingWave = forwardRef<HTMLDivElement, LoadingProps>(\n  function LoadingWave({ className, size = 'default' }, ref) {\n    const s = sizeClasses[size]\n    return (\n      <div\n        className={cx('inline-flex items-end', s.container, className)}\n        data-component=\"loading-wave\"\n        ref={ref}\n        role=\"status\"\n      >\n        {[0, 1, 2, 3, 4].map((i) => (\n          <span\n            className={cx('rounded-full bg-fg-muted', s.dot)}\n            key={i}\n            style={{\n              animation: 'loading-wave 1.2s infinite ease-in-out',\n              animationDelay: `${i * 0.1}s`,\n            }}\n          />\n        ))}\n      </div>\n    )\n  },\n)\n\nexport type { LoadingProps, LoadingSize }\n","// number-stepper — increment/decrement buttons for number-input\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype NumberStepperProps = {\n  direction: 'decrement' | 'increment'\n  disabled?: boolean\n  onClick: () => void\n}\n\nconst btnBase =\n  'flex items-center justify-center select-none px-2 text-fg-muted hover:text-fg hover:bg-bg-tertiary transition-colors disabled:cursor-not-allowed disabled:opacity-50'\n\nconst NumberStepper = forwardRef<HTMLButtonElement, NumberStepperProps>(function NumberStepper(\n  { direction, disabled, onClick },\n  ref,\n) {\n  const isDecrement = direction === 'decrement'\n  return (\n    <button\n      ref={ref}\n      aria-label={direction}\n      className={cx(\n        btnBase,\n        isDecrement ? 'rounded-l-[inherit] border-r border-border' : 'rounded-r-[inherit] border-l border-border',\n      )}\n      disabled={disabled}\n      onClick={onClick}\n      tabIndex={-1}\n      type=\"button\"\n    >\n      {isDecrement ? '-' : '+'}\n    </button>\n  )\n})\n\nexport { NumberStepper }\nexport type { NumberStepperProps }\n","import { cva } from 'class-variance-authority'\nimport { forwardRef, useCallback } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport type { VariantProps } from '../utils/types'\nimport { NumberStepper } from './number-stepper'\n\nconst numberInputVariants = cva(\n  'flex items-center gds-radius-input border bg-bg text-fg transition-colors ' +\n    '[&:has(input:focus-visible)]:ring-2 [&:has(input:focus-visible)]:ring-accent [&:has(input:focus-visible)]:ring-offset-1 [&:has(input:focus-visible)]:ring-offset-bg',\n  {\n    compoundVariants: [\n      {\n        error: true,\n        className:\n          '[&:has(input:focus-visible)]:ring-danger',\n      },\n    ],\n    defaultVariants: {\n      error: false,\n      inputSize: 'default',\n    },\n    variants: {\n      error: {\n        false: 'border-border hover:border-border-strong',\n        true: 'border-danger',\n      },\n      inputSize: {\n        default: 'gds-h gds-text-body',\n        sm: 'gds-h-sm gds-text-label',\n      },\n    },\n  },\n)\n\ntype NumberInputProps = VariantProps<typeof numberInputVariants> & {\n  className?: string\n  disabled?: boolean\n  glass?: boolean\n  max?: number\n  min?: number\n  onChange: (value: number | null) => void\n  placeholder?: string\n  prefix?: string\n  step?: number\n  suffix?: string\n  value: number | null\n}\n\nfunction clamp(val: number, min?: number, max?: number): number {\n  let result = val\n  if (min !== undefined && result < min) {\n    result = min\n  }\n  if (max !== undefined && result > max) {\n    result = max\n  }\n  return result\n}\n\nconst NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  function NumberInput(\n    { className, disabled, error, glass, inputSize, max, min, onChange, placeholder, prefix, step = 1, suffix, value },\n    ref,\n  ) {\n    const handleDecrement = useCallback(() => {\n      const base = value ?? 0\n      onChange(clamp(base - step, min, max))\n    }, [value, step, min, max, onChange])\n\n    const handleIncrement = useCallback(() => {\n      const base = value ?? 0\n      onChange(clamp(base + step, min, max))\n    }, [value, step, min, max, onChange])\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value\n        if (raw === '') {\n          onChange(null)\n          return\n        }\n        const parsed = Number(raw)\n        if (Number.isNaN(parsed)) {\n          return\n        }\n        onChange(clamp(parsed, min, max))\n      },\n      [min, max, onChange],\n    )\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'ArrowUp') {\n          e.preventDefault()\n          handleIncrement()\n        }\n        if (e.key === 'ArrowDown') {\n          e.preventDefault()\n          handleDecrement()\n        }\n      },\n      [handleIncrement, handleDecrement],\n    )\n\n    return (\n      <div\n        className={cx(\n          numberInputVariants({ error, inputSize }),\n          glassClass(glass),\n          glass === true && 'border-white/10 bg-bg/60',\n          disabled === true && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        data-component=\"number-input\"\n      >\n        <NumberStepper direction=\"decrement\" disabled={disabled} onClick={handleDecrement} />\n        {prefix !== undefined && <span className=\"shrink-0 select-none pl-1 text-fg-muted/50\">{prefix}</span>}\n        <input\n          className={cx(\n            'min-w-0 flex-1 bg-transparent text-center outline-none placeholder:text-fg-muted/50',\n            '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none',\n          )}\n          disabled={disabled}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={ref}\n          type=\"number\"\n          value={value ?? ''}\n        />\n        {suffix !== undefined && <span className=\"shrink-0 select-none pr-1 text-fg-muted/50\">{suffix}</span>}\n        <NumberStepper direction=\"increment\" disabled={disabled} onClick={handleIncrement} />\n      </div>\n    )\n  },\n)\n\nexport { NumberInput,numberInputVariants }\nexport type { NumberInputProps }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\nimport { glassClass } from '../utils/glass'\nimport { renderPortal } from '../utils/portal'\n\ntype ScreenOverlayProps = {\n  visible: boolean\n  glass?: boolean\n  onClick?: () => void\n  className?: string\n}\n\nconst ScreenOverlayInner = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  function ScreenOverlayInner({ visible, glass, onClick, className }, ref) {\n    if (!visible) return null\n\n    return (\n      <div\n        className={cx(\n          'fixed inset-0 z-40',\n          glass === true ? glassClass(true) : 'bg-black/50',\n          className,\n        )}\n        data-component=\"screen-overlay\"\n        onClick={onClick}\n        ref={ref}\n      />\n    )\n  },\n)\n\nexport const ScreenOverlay = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  function ScreenOverlay(props, ref) {\n    return renderPortal(<ScreenOverlayInner ref={ref} {...props} />)\n  },\n)\n\nexport type { ScreenOverlayProps }\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ScrollAreaProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: ReactNode\n  maxHeight?: number | string\n  orientation?: 'both' | 'horizontal' | 'vertical'\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  function ScrollArea(\n    { children, className, maxHeight, orientation = 'vertical', style, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        className={cx(\n          orientation === 'vertical' && 'overflow-x-hidden overflow-y-auto',\n          orientation === 'horizontal' && 'overflow-x-auto overflow-y-hidden',\n          orientation === 'both' && 'overflow-auto',\n          className,\n        )}\n        data-component=\"scroll-area\"\n        ref={ref}\n        style={{\n          ...style,\n          maxHeight:\n            maxHeight !== undefined\n              ? typeof maxHeight === 'number'\n                ? `${maxHeight}px`\n                : maxHeight\n              : undefined,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nexport type { ScrollAreaProps }\n","// shimmer — skeleton shimmer placeholder effect\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype ShimmerProps = React.HTMLAttributes<HTMLDivElement> & {\n  height?: string\n  rounded?: boolean\n  width?: string\n}\n\nexport const Shimmer = forwardRef<HTMLDivElement, ShimmerProps>(\n  function Shimmer({ className, height = '20px', rounded = false, width = '100%', ...props }, ref) {\n    return (\n      <div\n        className={cx(\n          'relative overflow-hidden bg-fg-muted/10',\n          rounded ? 'rounded-full' : 'rounded-md',\n          className,\n        )}\n        data-component=\"shimmer\"\n        ref={ref}\n        style={{ width, height }}\n        {...props}\n      >\n        <div className=\"absolute inset-0 animate-[shimmer_1.5s_ease-in-out_infinite] bg-gradient-to-r from-transparent via-fg-muted/5 to-transparent\" />\n      </div>\n    )\n  },\n)\n\nexport type { ShimmerProps }\n","import { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype SkipNavProps = {\n  targetId?: string\n  label?: string\n  className?: string\n}\n\nconst SkipNav = forwardRef<HTMLAnchorElement, SkipNavProps>(function SkipNav(\n  { targetId = 'main-content', label = 'Skip to content', className },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      className={cx(\n        'absolute left-2 top-2 z-50 -translate-y-full rounded bg-accent px-3 py-2 text-sm font-medium text-accent-fg transition-transform focus:translate-y-0 focus:outline-none',\n        className,\n      )}\n      data-component=\"skip-nav\"\n      href={`#${targetId}`}\n    >\n      {label}\n    </a>\n  )\n})\n\nexport { SkipNav }\nexport type { SkipNavProps }\n","// slider — native range input with value display\nimport { forwardRef } from 'react'\n\nimport { focusCls } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\ntype SliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {\n  disabled?: boolean\n  max?: number\n  min?: number\n  onChange?: (value: number) => void\n  step?: number\n  value?: number\n}\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  function Slider(\n    { className, disabled = false, max = 100, min = 0, onChange, step = 1, value = 0, ...props },\n    ref,\n  ) {\n    return (\n      <div className={cx('flex items-center gap-3', className)} data-component=\"slider\" {...props}>\n        <input\n          className={cx(\n            'h-1.5 w-full cursor-pointer appearance-none rounded-full bg-bg-tertiary accent-accent',\n            disabled && 'cursor-not-allowed opacity-50',\n            focusCls,\n          )}\n          disabled={disabled}\n          max={max}\n          min={min}\n          onChange={(e) => onChange?.(Number(e.target.value))}\n          ref={ref}\n          step={step}\n          type=\"range\"\n          value={value}\n        />\n        <span className=\"w-8 shrink-0 text-right font-mono text-xs text-fg-muted tabular-nums\">\n          {value}\n        </span>\n      </div>\n    )\n  },\n)\n\nexport type { SliderProps }\n","// truncate — text truncation with ellipsis, single or multi-line clamp\nimport type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\nexport type TruncateProps = {\n  children: ReactNode\n  lines?: number\n  expanded?: boolean\n  onToggle?: () => void\n  className?: string\n}\n\nexport const Truncate = forwardRef<HTMLDivElement, TruncateProps>(\n  function Truncate(\n    { children, lines = 1, expanded = false, onToggle, className },\n    ref,\n  ) {\n    const shouldClamp = !expanded\n    const isSingleLine = lines === 1\n    const isInteractive = onToggle !== undefined\n\n    const clampStyle = !isSingleLine && shouldClamp\n      ? {\n          display: '-webkit-box' as const,\n          WebkitLineClamp: lines,\n          WebkitBoxOrient: 'vertical' as const,\n          overflow: 'hidden' as const,\n        }\n      : undefined\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\n          isSingleLine && shouldClamp && 'truncate',\n          isInteractive && 'cursor-pointer',\n          className,\n        )}\n        style={clampStyle}\n        onClick={isInteractive ? onToggle : undefined}\n        data-component=\"truncate\"\n        data-expanded={expanded ? 'true' : undefined}\n        role={isInteractive ? 'button' : undefined}\n        tabIndex={isInteractive ? 0 : undefined}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","import type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { srOnly } from '../utils/a11y'\nimport { cx } from '../utils/cx'\n\ntype VisuallyHiddenProps = {\n  as?: 'div' | 'span'\n  children: ReactNode\n  className?: string\n}\n\nconst VisuallyHidden = forwardRef<HTMLElement, VisuallyHiddenProps>(function VisuallyHidden(\n  { as: Tag = 'span', children, className },\n  ref,\n) {\n  return (\n    <Tag ref={ref as never} className={cx(srOnly, className)} data-component=\"visually-hidden\">\n      {children}\n    </Tag>\n  )\n})\n\nexport { VisuallyHidden }\nexport type { VisuallyHiddenProps }\n"],"mappings":"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"}

package/dist/l3-atoms/avatar-badge.d.ts

@@ -7,6 +7,7 @@ export declare const AvatarBadge: import("react").ForwardRefExoticComponent<impo
     size?: "xs" | "sm" | "default" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     glass?: boolean;
+    loading?: boolean;
     name?: string;
     src?: string;
     status?: import("./avatar").AvatarStatus;

package/dist/l3-atoms/avatar-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-badge.d.ts","sourceRoot":"","sources":["../../src/l3-atoms/avatar-badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,KAAK,gBAAgB,GAAG,WAAW,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;YAJd,MAAM;eACH,MAAM;mDAoBlB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"avatar-badge.d.ts","sourceRoot":"","sources":["../../src/l3-atoms/avatar-badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,KAAK,gBAAgB,GAAG,WAAW,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;YAJd,MAAM;eACH,MAAM;mDAoBlB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/l3-atoms/avatar.d.ts

@@ -5,6 +5,7 @@ declare const avatarVariants: (props?: ({
 type AvatarStatus = 'away' | 'busy' | 'offline' | 'online';
 type AvatarProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof avatarVariants> & {
     glass?: boolean;
+    loading?: boolean;
     name?: string;
     src?: string;
     status?: AvatarStatus;
@@ -13,6 +14,7 @@ export declare const Avatar: import("react").ForwardRefExoticComponent<import("r
     size?: "xs" | "sm" | "default" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     glass?: boolean;
+    loading?: boolean;
     name?: string;
     src?: string;
     status?: AvatarStatus;

package/dist/l3-atoms/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/l3-atoms/avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,QAAA,MAAM,cAAc;;8EAanB,CAAA;AAmCD,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1D,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB,CAAA;AAEH,eAAO,MAAM,MAAM;;;YANP,OAAO;WACR,MAAM;UACP,MAAM;aACH,YAAY;mDAsCxB,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,WAAW;UAHhB,MAAM;kDAyBb,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/l3-atoms/avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,QAAA,MAAM,cAAc;;8EAanB,CAAA;AAmCD,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1D,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB,CAAA;AAEH,eAAO,MAAM,MAAM;;;YAPP,OAAO;cACL,OAAO;WACV,MAAM;UACP,MAAM;aACH,YAAY;mDAwCxB,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,WAAW;UAHhB,MAAM;kDAyBb,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA"}

package/dist/l3-atoms/checkbox.d.ts

@@ -11,5 +11,12 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<im
     label?: string;
     onChange?: (checked: boolean) => void;
 } & import("react").RefAttributes<HTMLButtonElement>>;
+declare const checkboxVariants: {
+    readonly state: {
+        readonly checked: "border-accent bg-accent";
+        readonly unchecked: "border-border bg-bg hover:border-accent/50";
+    };
+};
+export { checkboxVariants };
 export type { CheckboxProps };
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/l3-atoms/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/l3-atoms/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAWD,eAAO,MAAM,QAAQ;cAfT,OAAO;gBACL,SAAS;YACb,MAAM;eACH,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;qDAqDtC,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/l3-atoms/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAWD,eAAO,MAAM,QAAQ;cAfT,OAAO;gBACL,SAAS;YACb,MAAM;eACH,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;qDAqDtC,CAAA;AAED,QAAA,MAAM,gBAAgB;;;;;CAKZ,CAAA;AAEV,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/l3-atoms/index.d.ts

@@ -13,7 +13,7 @@ export { Blinking } from './blinking';
 export type { BounceDotProps } from './bounce-dot';
 export { BounceDot } from './bounce-dot';
 export type { CheckboxProps } from './checkbox';
-export { Checkbox } from './checkbox';
+export { Checkbox, checkboxVariants } from './checkbox';
 export type { CheckboxGroupOption, CheckboxGroupProps } from './checkbox-group';
 export { CheckboxGroup } from './checkbox-group';
 export type { ChipProps } from './chip';
@@ -109,9 +109,9 @@ export { Sparkle } from './sparkle';
 export type { StarRatingProps } from './star-rating';
 export { StarRating } from './star-rating';
 export type { StatusBadgeProps, StatusType } from './status-badge';
-export { StatusBadge } from './status-badge';
+export { StatusBadge, statusBadgeVariants } from './status-badge';
 export type { StatusDotProps, StatusDotStatus } from './status-dot';
-export { StatusDot } from './status-dot';
+export { StatusDot, statusDotVariants } from './status-dot';
 export type { SwitchProps } from './switch';
 export { Switch, switchVariants } from './switch';
 export type { SwitchGroupItem, SwitchGroupProps } from './switch-group';
@@ -125,7 +125,7 @@ export { TextareaCounter } from './textarea-counter';
 export type { ThemeToggleProps } from './theme-toggle';
 export { ThemeToggle } from './theme-toggle';
 export type { ToggleGroupItem, ToggleGroupProps, ToggleGroupSize } from './toggle-group';
-export { ToggleGroup } from './toggle-group';
+export { ToggleGroup, toggleGroupVariants, toggleItemVariants } from './toggle-group';
 export type { TooltipProps } from './tooltip';
 export { Tooltip } from './tooltip';
 export type { TrendArrowDirection, TrendArrowProps, TrendArrowSize } from './trend-arrow';