@goliapkg/gds 1.0.6 → 1.0.7

package/dist/index.js

@@ -5,7 +5,7 @@ import { _ as be, a as xe, c as Se, d as Ce, f as we, g as Te, h as Ee, i as De,
 import { n as Re, r as ze, t as Be } from "./glass-CQTlX7IO.js";
 import { n as Ve, t as He } from "./button-avu-rQU4.js";
 import { i as Ue, n as We, r as Ge, t as Ke } from "./motion-DUPegem-.js";
-import { C as qe, S as Je, _ as Ye, a as Xe, b as Ze, c as Qe, d as $e, f as et, g as tt, h as nt, i as rt, l as it, m as at, n as ot, o as st, p as ct, r as lt, s as ut, t as dt, u as ft, v as pt, w as mt, x as ht, y as gt } from "./l2-primitives-DBBpt1T8.js";
+import { C as qe, S as Je, _ as Ye, a as Xe, b as Ze, c as Qe, d as $e, f as et, g as tt, h as nt, i as rt, l as it, m as at, n as ot, o as st, p as ct, r as lt, s as ut, t as dt, u as ft, v as pt, w as mt, x as ht, y as gt } from "./l2-primitives-BIiL8hFH.js";
 import { n as _t, r as vt, t as yt } from "./separator-Dqs23A9D.js";
 import { n as bt, r as xt, t as St } from "./badge-DTJq6AXr.js";
 import { t as Ct } from "./highlight-BAGZc-4h.js";

package/dist/l2-primitives/glow-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glow-effect.d.ts","sourceRoot":"","sources":["../../src/l2-primitives/glow-effect.tsx"],"names":[],"mappings":"AAKA,KAAK,aAAa,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAc5C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,4GAuBtB,CAAA"}
+{"version":3,"file":"glow-effect.d.ts","sourceRoot":"","sources":["../../src/l2-primitives/glow-effect.tsx"],"names":[],"mappings":"AAKA,KAAK,aAAa,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;AAuB5C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,4GAoBtB,CAAA"}

package/dist/l2-primitives/index.js

@@ -1,5 +1,5 @@
 import { n as e, t } from "../button-avu-rQU4.js";
-import { C as n, S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../l2-primitives-DBBpt1T8.js";
+import { C as n, S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../l2-primitives-BIiL8hFH.js";
 import { n as E, r as D, t as O } from "../separator-Dqs23A9D.js";
 import { n as k, r as A, t as j } from "../badge-DTJq6AXr.js";
 import { t as M } from "../highlight-BAGZc-4h.js";

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

@@ -143,42 +143,37 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 	});
 }), x = {
 	sm: {
-		blur: 28,
-		opacity: .15,
-		spread: 12
+		blur: 20,
+		opacity: 15,
+		spread: 4
 	},
 	default: {
-		blur: 40,
-		opacity: .2,
-		spread: 20
+		blur: 32,
+		opacity: 18,
+		spread: 8
 	},
 	lg: {
-		blur: 56,
-		opacity: .3,
-		spread: 28
+		blur: 48,
+		opacity: 25,
+		spread: 12
 	}
-}, S = o(function({ children: t, className: n, color: r = "var(--gds-accent)", intensity: i = "default", radius: a = 16 }, o) {
+};
+function S(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];
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ l("div", {
 		ref: o,
 		"data-component": "glow-effect",
 		className: e("relative", n),
-		children: [/* @__PURE__ */ l("div", {
-			"aria-hidden": !0,
-			style: {
-				backgroundColor: r,
-				borderRadius: `${a}px`,
-				filter: `blur(${s.blur}px)`,
-				inset: `-${s.spread}px`,
-				opacity: s.opacity,
-				position: "absolute"
-			}
-		}), /* @__PURE__ */ l("div", {
-			className: "relative",
-			children: t
-		})]
+		style: {
+			borderRadius: a === void 0 ? void 0 : `${a}px`,
+			boxShadow: S(r, s)
+		},
+		children: t
 	});
-}), C = o(function({ children: t, gradient: n = "linear-gradient(135deg, var(--gds-accent), var(--gds-success))", width: r = 1, radius: i = 12, className: a }, o) {
+}), 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) {
 	let s = Math.max(0, i - r);
 	return /* @__PURE__ */ l("div", {
 		ref: o,
@@ -195,7 +190,7 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 			children: t
 		})
 	});
-}), w = {
+}), T = {
 	default: {
 		container: "gap-1.5",
 		dot: "h-2 w-2"
@@ -208,7 +203,7 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 		container: "gap-1",
 		dot: "h-1.5 w-1.5"
 	}
-}, T = {
+}, E = {
 	default: {
 		bar: "w-1 h-4",
 		container: "gap-1 h-4"
@@ -221,17 +216,17 @@ var d = n("inline-flex items-center gds-gap-xs underline-offset-2 transition-col
 		bar: "w-0.5 h-3",
 		container: "gap-0.5 h-3"
 	}
-}, E = {
+}, D = {
 	default: "h-4 w-4",
 	lg: "h-6 w-6",
 	sm: "h-3 w-3"
-}, D = {
+}, O = {
 	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 = w[n];
+	let i = T[n];
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-center", i.container, t),
 		"data-component": "loading-dots",
@@ -250,8 +245,8 @@ o(function({ className: t, size: n = "default" }, r) {
 		}, t))
 	});
 });
-var O = o(function({ className: t, size: n = "default" }, r) {
-	let i = T[n];
+var k = o(function({ className: t, size: n = "default" }, r) {
+	let i = E[n];
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-center", i.container, t),
 		"data-component": "loading-bars",
@@ -271,27 +266,27 @@ var O = o(function({ className: t, size: n = "default" }, r) {
 			}
 		}, t))
 	});
-}), k = o(function({ className: t, size: n = "default" }, r) {
+}), A = 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", E[n]),
+			className: e("rounded-full bg-accent", D[n]),
 			style: { animation: "loading-pulse 2s infinite ease-in-out" }
 		})
 	});
-}), 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-ring",
 		ref: r,
 		role: "status",
-		children: /* @__PURE__ */ l("span", { className: e("animate-spin rounded-full border-accent border-t-transparent", D[n]) })
+		children: /* @__PURE__ */ l("span", { className: e("animate-spin rounded-full border-accent border-t-transparent", O[n]) })
 	});
-}), j = o(function({ className: t, size: n = "default" }, r) {
-	let i = w[n];
+}), M = o(function({ className: t, size: n = "default" }, r) {
+	let i = T[n];
 	return /* @__PURE__ */ l("div", {
 		className: e("inline-flex items-end", i.container, t),
 		"data-component": "loading-wave",
@@ -311,19 +306,19 @@ var O = o(function({ className: t, size: n = "default" }, r) {
 			}
 		}, t))
 	});
-}), M = "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 = o(function({ direction: t, disabled: n, onClick: r }, i) {
+}), 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) {
 	let a = t === "decrement";
 	return /* @__PURE__ */ l("button", {
 		ref: i,
 		"aria-label": t,
-		className: e(M, a ? "rounded-l-[inherit] border-r border-border" : "rounded-r-[inherit] border-l border-border"),
+		className: e(N, 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 ? "-" : "+"
 	});
-}), P = 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", {
+}), 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", {
 	compoundVariants: [{
 		error: !0,
 		className: "[&:has(input:focus-visible)]:ring-danger"
@@ -343,13 +338,13 @@ var O = o(function({ className: t, size: n = "default" }, r) {
 		}
 	}
 });
-function F(e, t, n) {
+function I(e, t, n) {
 	let r = e;
 	return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
 }
-var I = 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) {
+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(F((h ?? 0) - m, d, c));
+		f(I((h ?? 0) - m, d, c));
 	}, [
 		h,
 		m,
@@ -357,7 +352,7 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		c,
 		f
 	]), v = s(() => {
-		f(F((h ?? 0) + m, d, c));
+		f(I((h ?? 0) + m, d, c));
 	}, [
 		h,
 		m,
@@ -371,7 +366,7 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 			return;
 		}
 		let n = Number(t);
-		Number.isNaN(n) || f(F(n, d, c));
+		Number.isNaN(n) || f(I(n, d, c));
 	}, [
 		d,
 		c,
@@ -380,13 +375,13 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		e.key === "ArrowUp" && (e.preventDefault(), v()), e.key === "ArrowDown" && (e.preventDefault(), _());
 	}, [v, _]);
 	return /* @__PURE__ */ u("div", {
-		className: e(P({
+		className: e(F({
 			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(N, {
+			/* @__PURE__ */ l(P, {
 				direction: "decrement",
 				disabled: r,
 				onClick: _
@@ -401,26 +396,26 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 				type: "number",
 				value: h ?? ""
 			}),
-			/* @__PURE__ */ l(N, {
+			/* @__PURE__ */ l(P, {
 				direction: "increment",
 				disabled: r,
 				onClick: v
 			})
 		]
 	});
-}), L = o(function({ visible: n, glass: r, onClick: i, className: a }, o) {
+}), R = 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;
-}), R = o(function(e, t) {
-	return a(/* @__PURE__ */ l(L, {
+}), z = o(function(e, t) {
+	return a(/* @__PURE__ */ l(R, {
 		ref: t,
 		...e
 	}));
-}), z = o(function({ children: t, className: n, maxHeight: r, orientation: i = "vertical", style: a, ...o }, s) {
+}), B = 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",
@@ -432,7 +427,7 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		...o,
 		children: t
 	});
-}), B = o(function({ className: t, height: n = "20px", rounded: r = !1, width: i = "100%", ...a }, o) {
+}), V = 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",
@@ -444,7 +439,7 @@ var I = 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" })
 	});
-}), V = o(function({ targetId: t = "main-content", label: n = "Skip to content", className: r }, i) {
+}), H = 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),
@@ -452,7 +447,7 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		href: `#${t}`,
 		children: n
 	});
-}), H = o(function({ className: t, disabled: n = !1, max: r = 100, min: a = 0, onChange: o, step: s = 1, value: c = 0, ...d }, f) {
+}), U = 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",
@@ -472,7 +467,7 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 			children: c
 		})]
 	});
-}), U = o(function({ children: t, lines: n = 1, expanded: r = !1, onToggle: i, className: a }, o) {
+}), W = 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,
@@ -490,7 +485,7 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 		tabIndex: u ? 0 : void 0,
 		children: t
 	});
-}), W = o(function({ as: t = "span", children: n, className: i }, a) {
+}), G = o(function({ as: t = "span", children: n, className: i }, a) {
 	return /* @__PURE__ */ l(t, {
 		ref: a,
 		className: e(r, i),
@@ -499,6 +494,6 @@ var I = o(function({ className: n, disabled: r, error: i, glass: a, inputSize: o
 	});
 });
 //#endregion
-export { f as C, m as S, y as _, B as a, g as b, I as c, k as d, A as f, b as g, S as h, V as i, P as l, C as m, U as n, z as o, j as p, H as r, R as s, W as t, O as u, v, d as w, h as x, _ as y };
+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 };
 
-//# sourceMappingURL=l2-primitives-DBBpt1T8.js.map
+//# sourceMappingURL=l2-primitives-BIiL8hFH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"l2-primitives-BIiL8hFH.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 type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype DividerProps = React.HTMLAttributes<HTMLDivElement> & {\n  icon?: ReactNode\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider({ className, icon, orientation = 'horizontal', ...props }, ref) {\n    if (orientation === 'vertical') {\n      return (\n        <div\n          className={cx('inline-flex h-full flex-col items-center', icon !== undefined && 'gds-gap-sm', className)}\n          data-component=\"divider\"\n          ref={ref}\n          {...props}\n        >\n          {icon !== undefined ? (\n            <>\n              <div className=\"flex-1 border-l border-border\" />\n              <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>\n              <div className=\"flex-1 border-l border-border\" />\n            </>\n          ) : (\n            <div className=\"h-full border-l border-border\" />\n          )}\n        </div>\n      )\n    }\n\n    if (icon !== 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=\"flex-1 border-t border-border\" />\n          <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>\n          <div className=\"flex-1 border-t border-border\" />\n        </div>\n      )\n    }\n\n    return (\n      <div\n        className={cx('h-px w-full bg-border/50', className)}\n        data-component=\"divider\"\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\n\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  step?: number\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, step = 1, 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        <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        <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":";;;;;;;AAQA,IAAM,IAAiB,EACrB,8FACE,GACF;CACE,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS;EACT,OAAO;EACR,EACF;CACF,CACF,EAQY,IAAS,EACpB,SACE,EAAE,aAAU,cAAW,cAAW,IAAO,iBAAc,YAAS,GAAG,KACnE,GACA;AACA,QACE,kBAAC,KAAD;EACE,WAAW,EAAG,EAAe,EAAE,YAAS,CAAC,EAAE,EAAU;EACrD,kBAAe;EACV;EACL,GAAK,KAAY;GACf,KAAK;GACL,QAAQ;GACT;EACD,GAAI;YARN,CAUG,GACA,KAAY,MAAiB,KAAA,KAC5B,kBAAC,QAAD;GAAM,WAAU;aAAqB;GAAoB,CAAA,CAEzD;;EAGT,EChDK,IAAW;CACf,QAAQ;CACR,QAAQ;CACR,SAAS;CACV,EAQY,IAAW,EACtB,SAAkB,EAAE,aAAU,cAAW,WAAQ,UAAU,UAAO,IAAM,GAAG,KAAS,GAAK;AACvF,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,wBAAwB,EAAU;EAChD,kBAAe;EACV;EACL,GAAI;YAJN,CAMG,GACA,KACC,kBAAC,QAAD,EACE,WAAW,EAAG,yDAAyD,EAAS,GAAO,EACvF,CAAA,CAEA;;EAGX,EC3BK,IAAoB,EAAI,uBAAuB;CACnD,iBAAiB,EAAE,MAAM,WAAW;CACpC,UAAU,EACR,MAAM;EACJ,SAAS;EACT,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC,EAOW,IAAY,EACvB,SAAmB,EAAE,aAAU,cAAW,SAAM,GAAG,KAAS,GAAK;AAC/D,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,EAAkB,EAAE,SAAM,CAAC,EAAE,EAAU;EACrD,kBAAe;EACV;EACL,GAAI;EAEH;EACG,CAAA;EAGX,EC7BY,IAAU,EACrB,SAAiB,EAAE,cAAW,SAAM,iBAAc,cAAc,GAAG,KAAS,GAAK;AAqC/E,QApCI,MAAgB,aAEhB,kBAAC,OAAD;EACE,WAAW,EAAG,4CAA4C,MAAS,KAAA,KAAa,cAAc,EAAU;EACxG,kBAAe;EACV;EACL,GAAI;YAEH,MAAS,KAAA,IAOR,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA,GANjD,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GACjD,kBAAC,QAAD;IAAM,WAAU;cAA+C;IAAY,CAAA;GAC3E,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GAChD,EAAA,CAAA;EAID,CAAA,GAIN,MAAS,KAAA,IAgBX,kBAAC,OAAD;EACE,WAAW,EAAG,4BAA4B,EAAU;EACpD,kBAAe;EACV;EACL,GAAI;EACJ,CAAA,GAnBA,kBAAC,OAAD;EACE,WAAW,EAAG,gCAAgC,EAAU;EACxD,kBAAe;EACV;EACL,GAAI;YAJN;GAME,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GACjD,kBAAC,QAAD;IAAM,WAAU;cAA+C;IAAY,CAAA;GAC3E,kBAAC,OAAD,EAAK,WAAU,iCAAkC,CAAA;GAC7C;;EAab,ECnDK,IAAc,EAAI,0CAA0C;CAChE,iBAAiB;EACf,OAAO;EACP,MAAM;EACP;CACD,UAAU;EACR,OAAO;GACL,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACF,CAAC,EAQW,IAAM,EACjB,SAAa,EAAE,cAAW,UAAO,UAAO,WAAQ,IAAO,SAAM,GAAG,KAAS,GAAK;AAC5E,QACE,kBAAC,QAAD;EACE,WAAW,EAAG,qCAAqC,MAAU,KAAA,KAAa,cAAc,EAAU;EAClG,kBAAe;EACV;EACL,GAAI;YAJN;GAME,kBAAC,QAAD,EAAM,WAAW,EAAY;IAAE;IAAO;IAAM,CAAC,EAAI,CAAA;GAChD,KACC,kBAAC,QAAD,EACE,WAAW,EACT,6DACA,EAAY;IAAE;IAAO;IAAM,CAAC,CAC7B,EACD,CAAA;GAEH,MAAU,KAAA,KACT,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAa,CAAA;GAE1D;;EAGZ,EC5CK,IAAY,EAA4C,SAC5D,EAAE,aAAU,WAAQ,qBAAqB,WAAQ,GAAG,YAAS,GAAG,gBAChE,GACA;CACA,IAAM,IAAuB;EAC3B,sBAAsB;EACtB,sBAAsB,GAAG,EAAM;EAC/B,uBAAuB,GAAG,EAAO;EAClC;AAED,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EACT,+NACA,EACD;EACD,kBAAe;EACR;EAEN;EACI,CAAA;EAET,ECvBI,IAAuD;CAC3D,IAAI;EAAE,MAAM;EAAI,SAAS;EAAI,QAAQ;EAAG;CACxC,SAAS;EAAE,MAAM;EAAI,SAAS;EAAI,QAAQ;EAAG;CAC7C,IAAI;EAAE,MAAM;EAAI,SAAS;EAAI,QAAQ;EAAI;CAC1C;AAED,SAAS,EAAY,GAAe,GAAiC;AAMnE,QAAO,GALO,OAAO,EAAO,KAAK,KAAK,EAAO,OAAO,wBAAwB,EAAM,GAAG,EAAO,QAAQ,iBAKpF,IADF,OAHI,KAAK,MAAM,EAAO,OAAO,GAAI,CAGhB,KAFX,KAAK,MAAM,EAAO,SAAS,GAAI,CAEH,wBAAwB,EAAM,GADzD,KAAK,MAAM,EAAO,UAAU,IAAI,CACyC;;AAYhG,IAAa,IAAa,EACxB,SACE,EAAE,aAAU,cAAW,WAAQ,qBAAqB,eAAY,WAAW,aAC3E,GACA;CACA,IAAM,IAAS,EAAa;AAC5B,QACE,kBAAC,OAAD;EACO;EACL,kBAAe;EACf,WAAW,EAAG,YAAY,EAAU;EACpC,OAAO;GACL,cAAc,MAAW,KAAA,IAA4B,KAAA,IAAhB,GAAG,EAAO;GAC/C,WAAW,EAAY,GAAO,EAAO;GACtC;EAEA;EACG,CAAA;EAGX,EC3CY,IAAiB,EAC5B,SACE,EACE,aACA,cAAW,kEACX,WAAQ,GACR,YAAS,IACT,gBAEF,GACA;CACA,IAAM,IAAc,KAAK,IAAI,GAAG,IAAS,EAAM;AAE/C,QACE,kBAAC,OAAD;EACO;EACL,kBAAe;EACf,WAAW,EAAG,EAAU;EACxB,OAAO;GAAE,YAAY;GAAU,SAAS;GAAO,cAAc;GAAQ;YAErE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,cAAc,GAAa;GAEnC;GACG,CAAA;EACF,CAAA;EAGX,EC9BK,IAAuE;CAC3E,SAAS;EAAE,WAAW;EAAW,KAAK;EAAW;CACjD,IAAI;EAAE,WAAW;EAAS,KAAK;EAAW;CAC1C,IAAI;EAAE,WAAW;EAAS,KAAK;EAAe;CAC/C,EAEK,IAA0E;CAC9E,SAAS;EAAE,KAAK;EAAW,WAAW;EAAa;CACnD,IAAI;EAAE,KAAK;EAAa,WAAW;EAAe;CAClD,IAAI;EAAE,KAAK;EAAa,WAAW;EAAe;CACnD,EAEK,IAAgD;CACpD,SAAS;CACT,IAAI;CACJ,IAAI;CACL,EAEK,IAA+C;CACnD,SAAS;CACT,IAAI;CACJ,IAAI;CACL;AAE0B,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;CACzD,IAAM,IAAI,EAAY;AACtB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,4BAA4B,EAAE,WAAW,EAAU;EACjE,kBAAe;EACV;EACL,MAAK;YAEJ;GAAC;GAAG;GAAG;GAAE,CAAC,KAAK,MACd,kBAAC,QAAD;GACE,WAAW,EAAG,0BAA0B,EAAE,IAAI;GAE9C,OAAO;IACL,WAAW;IACX,gBAAgB,GAAG,IAAI,IAAK;IAC7B;GACD,EALK,EAKL,CACF;EACE,CAAA;EAGX;AAED,IAAa,IAAc,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;CACzD,IAAM,IAAI,EAAe;AACzB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,4BAA4B,EAAE,WAAW,EAAU;EACjE,kBAAe;EACV;EACL,MAAK;YAEJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAK,MACpB,kBAAC,QAAD;GACE,WAAW,EAAG,wBAAwB,EAAE,IAAI;GAE5C,OAAO;IACL,WAAW;IACX,gBAAgB,GAAG,IAAI,GAAI;IAC5B;GACD,EALK,EAKL,CACF;EACE,CAAA;EAGX,EAEY,IAAe,EAC1B,SAAsB,EAAE,cAAW,UAAO,aAAa,GAAK;AAC1D,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,2CAA2C,EAAU;EACnE,kBAAe;EACV;EACL,MAAK;YAEL,kBAAC,QAAD;GACE,WAAW,EAAG,0BAA0B,EAAiB,GAAM;GAC/D,OAAO,EAAE,WAAW,yCAAyC;GAC7D,CAAA;EACE,CAAA;EAGX,EAEY,IAAc,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;AACzD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,2CAA2C,EAAU;EACnE,kBAAe;EACV;EACL,MAAK;YAEL,kBAAC,QAAD,EACE,WAAW,EACT,gEACA,EAAgB,GACjB,EACD,CAAA;EACE,CAAA;EAGX,EAEY,IAAc,EACzB,SAAqB,EAAE,cAAW,UAAO,aAAa,GAAK;CACzD,IAAM,IAAI,EAAY;AACtB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,yBAAyB,EAAE,WAAW,EAAU;EAC9D,kBAAe;EACV;EACL,MAAK;YAEJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAK,MACpB,kBAAC,QAAD;GACE,WAAW,EAAG,4BAA4B,EAAE,IAAI;GAEhD,OAAO;IACL,WAAW;IACX,gBAAgB,GAAG,IAAI,GAAI;IAC5B;GACD,EALK,EAKL,CACF;EACE,CAAA;EAGX,ECxIK,IACJ,wKAEI,IAAgB,EAAkD,SACtE,EAAE,cAAW,aAAU,cACvB,GACA;CACA,IAAM,IAAc,MAAc;AAClC,QACE,kBAAC,UAAD;EACO;EACL,cAAY;EACZ,WAAW,EACT,GACA,IAAc,+CAA+C,6CAC9D;EACS;EACD;EACT,UAAU;EACV,MAAK;YAEJ,IAAc,MAAM;EACd,CAAA;EAEX,EC3BI,IAAsB,EAC1B,iPAEA;CACE,kBAAkB,CAChB;EACE,OAAO;EACP,WACE;EACH,CACF;CACD,iBAAiB;EACf,OAAO;EACP,WAAW;EACZ;CACD,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM;GACP;EACD,WAAW;GACT,SAAS;GACT,IAAI;GACL;EACF;CACF,CACF;AAcD,SAAS,EAAM,GAAa,GAAc,GAAsB;CAC9D,IAAI,IAAS;AAOb,QANI,MAAQ,KAAA,KAAa,IAAS,MAChC,IAAS,IAEP,MAAQ,KAAA,KAAa,IAAS,MAChC,IAAS,IAEJ;;AAGT,IAAM,IAAc,EAClB,SACE,EAAE,cAAW,aAAU,UAAO,UAAO,cAAW,QAAK,QAAK,aAAU,gBAAa,UAAO,GAAG,YAC3F,GACA;CACA,IAAM,IAAkB,QAAkB;AAExC,IAAS,GADI,KAAS,KACA,GAAM,GAAK,EAAI,CAAC;IACrC;EAAC;EAAO;EAAM;EAAK;EAAK;EAAS,CAAC,EAE/B,IAAkB,QAAkB;AAExC,IAAS,GADI,KAAS,KACA,GAAM,GAAK,EAAI,CAAC;IACrC;EAAC;EAAO;EAAM;EAAK;EAAK;EAAS,CAAC,EAE/B,IAAe,GAClB,MAA2C;EAC1C,IAAM,IAAM,EAAE,OAAO;AACrB,MAAI,MAAQ,IAAI;AACd,KAAS,KAAK;AACd;;EAEF,IAAM,IAAS,OAAO,EAAI;AACtB,SAAO,MAAM,EAAO,IAGxB,EAAS,EAAM,GAAQ,GAAK,EAAI,CAAC;IAEnC;EAAC;EAAK;EAAK;EAAS,CACrB,EAEK,IAAgB,GACnB,MAA6C;AAK5C,EAJI,EAAE,QAAQ,cACZ,EAAE,gBAAgB,EAClB,GAAiB,GAEf,EAAE,QAAQ,gBACZ,EAAE,gBAAgB,EAClB,GAAiB;IAGrB,CAAC,GAAiB,EAAgB,CACnC;AAED,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAoB;GAAE;GAAO;GAAW,CAAC,EACzC,EAAW,EAAM,EACjB,MAAU,MAAQ,4BAClB,MAAa,MAAQ,iCACrB,EACD;EACD,kBAAe;YARjB;GAUE,kBAAC,GAAD;IAAe,WAAU;IAAsB;IAAU,SAAS;IAAmB,CAAA;GACrF,kBAAC,SAAD;IACE,WAAW,EACT,uFACA,uHACD;IACS;IACV,UAAU;IACV,WAAW;IACE;IACR;IACL,MAAK;IACL,OAAO,KAAS;IAChB,CAAA;GACF,kBAAC,GAAD;IAAe,WAAU;IAAsB;IAAU,SAAS;IAAmB,CAAA;GACjF;;EAGX,ECxHK,IAAqB,EACzB,SAA4B,EAAE,YAAS,UAAO,YAAS,gBAAa,GAAK;AAGvE,QAFK,IAGH,kBAAC,OAAD;EACE,WAAW,EACT,sBACA,MAAU,KAAO,EAAW,GAAK,GAAG,eACpC,EACD;EACD,kBAAe;EACN;EACJ;EACL,CAAA,GAZiB;EAexB,EAEY,IAAgB,EAC3B,SAAuB,GAAO,GAAK;AACjC,QAAO,EAAa,kBAAC,GAAD;EAAyB;EAAK,GAAI;EAAS,CAAA,CAAC;EAEnE,ECzBY,IAAa,EACxB,SACE,EAAE,aAAU,cAAW,cAAW,iBAAc,YAAY,UAAO,GAAG,KACtE,GACA;AACA,QACE,kBAAC,OAAD;EACE,WAAW,EACT,MAAgB,cAAc,qCAC9B,MAAgB,gBAAgB,qCAChC,MAAgB,UAAU,iBAC1B,EACD;EACD,kBAAe;EACV;EACL,OAAO;GACL,GAAG;GACH,WACE,MAAc,KAAA,IAIV,KAAA,IAHA,OAAO,KAAc,WACnB,GAAG,EAAU,MACb;GAET;EACD,GAAI;EAEH;EACG,CAAA;EAGX,EC9BY,IAAU,EACrB,SAAiB,EAAE,cAAW,YAAS,QAAQ,aAAU,IAAO,WAAQ,QAAQ,GAAG,KAAS,GAAK;AAC/F,QACE,kBAAC,OAAD;EACE,WAAW,EACT,2CACA,IAAU,iBAAiB,cAC3B,EACD;EACD,kBAAe;EACV;EACL,OAAO;GAAE;GAAO;GAAQ;EACxB,GAAI;YAEJ,kBAAC,OAAD,EAAK,WAAU,gIAAiI,CAAA;EAC5I,CAAA;EAGX,ECnBK,IAAU,EAA4C,SAC1D,EAAE,cAAW,gBAAgB,WAAQ,mBAAmB,gBACxD,GACA;AACA,QACE,kBAAC,KAAD;EACO;EACL,WAAW,EACT,2KACA,EACD;EACD,kBAAe;EACf,MAAM,IAAI;YAET;EACC,CAAA;EAEN,ECZW,IAAS,EACpB,SACE,EAAE,cAAW,cAAW,IAAO,SAAM,KAAK,SAAM,GAAG,aAAU,UAAO,GAAG,WAAQ,GAAG,GAAG,KACrF,GACA;AACA,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,2BAA2B,EAAU;EAAE,kBAAe;EAAS,GAAI;YAAtF,CACE,kBAAC,SAAD;GACE,WAAW,EACT,yFACA,KAAY,iCACZ,EACD;GACS;GACL;GACA;GACL,WAAW,MAAM,IAAW,OAAO,EAAE,OAAO,MAAM,CAAC;GAC9C;GACC;GACN,MAAK;GACE;GACP,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,CACH;;EAGX,EC7BY,IAAW,EACtB,SACE,EAAE,aAAU,WAAQ,GAAG,cAAW,IAAO,aAAU,gBACnD,GACA;CACA,IAAM,IAAc,CAAC,GACf,IAAe,MAAU,GACzB,IAAgB,MAAa,KAAA,GAE7B,IAAa,CAAC,KAAgB,IAChC;EACE,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EACjB,UAAU;EACX,GACD,KAAA;AAEJ,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,KAAgB,KAAe,YAC/B,KAAiB,kBACjB,EACD;EACD,OAAO;EACP,SAAS,IAAgB,IAAW,KAAA;EACpC,kBAAe;EACf,iBAAe,IAAW,SAAS,KAAA;EACnC,MAAM,IAAgB,WAAW,KAAA;EACjC,UAAU,IAAgB,IAAI,KAAA;EAE7B;EACG,CAAA;EAGX,ECvCK,IAAiB,EAA6C,SAClE,EAAE,IAAI,IAAM,QAAQ,aAAU,gBAC9B,GACA;AACA,QACE,kBAAC,GAAD;EAAU;EAAc,WAAW,EAAG,GAAQ,EAAU;EAAE,kBAAe;EACtE;EACG,CAAA;EAER"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goliapkg/gds",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "GOLIA Design System — enterprise-grade UI component library with contextual depth, glass materials, AI-native structure, and 10 design principles",
   "license": "MIT",
   "type": "module",

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

@@ -1 +0,0 @@
-{"version":3,"file":"l2-primitives-DBBpt1T8.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 type { ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { cx } from '../utils/cx'\n\ntype DividerProps = React.HTMLAttributes<HTMLDivElement> & {\n  icon?: ReactNode\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider({ className, icon, orientation = 'horizontal', ...props }, ref) {\n    if (orientation === 'vertical') {\n      return (\n        <div\n          className={cx('inline-flex h-full flex-col items-center', icon !== undefined && 'gds-gap-sm', className)}\n          data-component=\"divider\"\n          ref={ref}\n          {...props}\n        >\n          {icon !== undefined ? (\n            <>\n              <div className=\"flex-1 border-l border-border\" />\n              <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>\n              <div className=\"flex-1 border-l border-border\" />\n            </>\n          ) : (\n            <div className=\"h-full border-l border-border\" />\n          )}\n        </div>\n      )\n    }\n\n    if (icon !== 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=\"flex-1 border-t border-border\" />\n          <span className=\"shrink-0 text-fg-muted/50 gds-icon-child-sm\">{icon}</span>\n          <div className=\"flex-1 border-t border-border\" />\n        </div>\n      )\n    }\n\n    return (\n      <div\n        className={cx('h-px w-full bg-border/50', className)}\n        data-component=\"divider\"\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\n\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\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: 28, opacity: 0.15, spread: 12 },\n  default: { blur: 40, opacity: 0.2, spread: 20 },\n  lg: { blur: 56, opacity: 0.3, spread: 28 },\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 = 16 },\n    ref,\n  ) {\n    const config = intensityMap[intensity]\n    return (\n      <div ref={ref} data-component=\"glow-effect\" className={cx('relative', className)}>\n        <div\n          aria-hidden\n          style={{\n            backgroundColor: color,\n            borderRadius: `${radius}px`,\n            filter: `blur(${config.blur}px)`,\n            inset: `-${config.spread}px`,\n            opacity: config.opacity,\n            position: 'absolute',\n          }}\n        />\n        <div className=\"relative\">{children}</div>\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  step?: number\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, step = 1, 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        <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        <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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"}