@goliapkg/gds 0.9.3 → 0.9.5

package/dist/scales-C80FTPsL.js

@@ -0,0 +1,1299 @@
+//#region src/l0-tokens/color-math.ts
+function e(e) {
+	let t = e.replace("#", ""), n = parseInt(t.length === 3 ? t.split("").map((e) => e + e).join("") : t, 16);
+	return {
+		r: n >> 16 & 255,
+		g: n >> 8 & 255,
+		b: n & 255
+	};
+}
+function t(e) {
+	let t = (e) => Math.round(Math.min(255, Math.max(0, e))).toString(16).padStart(2, "0");
+	return `#${t(e.r)}${t(e.g)}${t(e.b)}`;
+}
+function n(e) {
+	let t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.max(t, n, r), a = Math.min(t, n, r), o = (i + a) / 2;
+	if (i === a) return {
+		h: 0,
+		s: 0,
+		l: o
+	};
+	let s = i - a, c = o > .5 ? s / (2 - i - a) : s / (i + a);
+	return {
+		h: (i === t ? ((n - r) / s + (n < r ? 6 : 0)) / 6 : i === n ? ((r - t) / s + 2) / 6 : ((t - n) / s + 4) / 6) * 360,
+		s: c,
+		l: o
+	};
+}
+function r(e) {
+	let { h: t, s: n, l: r } = e;
+	if (n === 0) {
+		let e = Math.round(r * 255);
+		return {
+			r: e,
+			g: e,
+			b: e
+		};
+	}
+	let i = (e, t, n) => {
+		let r = n < 0 ? n + 1 : n > 1 ? n - 1 : n;
+		return r < 1 / 6 ? e + (t - e) * 6 * r : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
+	}, a = r < .5 ? r * (1 + n) : r + n - r * n, o = 2 * r - a, s = t / 360;
+	return {
+		r: Math.round(i(o, a, s + 1 / 3) * 255),
+		g: Math.round(i(o, a, s) * 255),
+		b: Math.round(i(o, a, s - 1 / 3) * 255)
+	};
+}
+function i(t) {
+	return n(e(t));
+}
+function a(e) {
+	return t(r(e));
+}
+function o(e) {
+	let t = [
+		e.r,
+		e.g,
+		e.b
+	].map((e) => {
+		let t = e / 255;
+		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	});
+	return .2126 * t[0] + .7152 * t[1] + .0722 * t[2];
+}
+function s(e, t) {
+	let n = o(e), r = o(t), i = Math.max(n, r), a = Math.min(n, r);
+	return (i + .05) / (a + .05);
+}
+function c(n, r, i) {
+	let a = e(n), o = e(r);
+	return t({
+		r: Math.round(a.r + (o.r - a.r) * i),
+		g: Math.round(a.g + (o.g - a.g) * i),
+		b: Math.round(a.b + (o.b - a.b) * i)
+	});
+}
+function l(e, t) {
+	let n = i(e);
+	return a({
+		...n,
+		l: Math.min(1, n.l + t)
+	});
+}
+function u(e, t) {
+	let n = i(e);
+	return a({
+		...n,
+		l: Math.max(0, n.l - t)
+	});
+}
+function d(e, t) {
+	let n = i(e);
+	return a({
+		...n,
+		s: Math.min(1, Math.max(0, n.s + t))
+	});
+}
+function f(e, t) {
+	let n = i(e);
+	return a({
+		...n,
+		h: (n.h + t + 360) % 360
+	});
+}
+function p(t, n) {
+	let { r, g: i, b: a } = e(t);
+	return `rgba(${r}, ${i}, ${a}, ${n})`;
+}
+function m(e) {
+	return f(e, 180);
+}
+function h(e) {
+	return [f(e, -30), f(e, 30)];
+}
+function g(e) {
+	return [f(e, 120), f(e, 240)];
+}
+//#endregion
+//#region src/l0-tokens/color-health.ts
+var _ = {
+	r: 15,
+	g: 23,
+	b: 42
+}, v = {
+	r: 255,
+	g: 255,
+	b: 255
+}, y = {
+	r: 255,
+	g: 255,
+	b: 255
+}, b = {
+	r: 0,
+	g: 0,
+	b: 0
+}, x = [
+	{
+		name: "danger (red)",
+		hueMin: 340,
+		hueMax: 360
+	},
+	{
+		name: "danger (red)",
+		hueMin: 0,
+		hueMax: 20
+	},
+	{
+		name: "warning (amber)",
+		hueMin: 30,
+		hueMax: 55
+	},
+	{
+		name: "success (green)",
+		hueMin: 100,
+		hueMax: 150
+	}
+];
+function ee(e, t) {
+	let n = s(e, _);
+	return n < 2.5 ? (t.push({
+		id: "contrast-dark-fail",
+		severity: "error",
+		message: `contrast on dark background too low (${n.toFixed(1)}:1)`,
+		suggestion: "lighten the color or increase saturation"
+	}), 30) : n < 3.5 ? (t.push({
+		id: "contrast-dark-low",
+		severity: "warning",
+		message: `contrast on dark background is marginal (${n.toFixed(1)}:1)`,
+		suggestion: "consider a slightly lighter variant for better readability"
+	}), 15) : 0;
+}
+function te(e, t) {
+	let n = s(e, v);
+	return n < 2.5 ? (t.push({
+		id: "contrast-light-fail",
+		severity: "warning",
+		message: `contrast on light background too low (${n.toFixed(1)}:1)`,
+		suggestion: "darken the color for light mode usage"
+	}), 15) : 0;
+}
+function ne(e, t) {
+	let n = s(y, e), r = s(b, e), i = Math.max(n, r);
+	return i < 3 ? (t.push({
+		id: "text-on-color-fail",
+		severity: "error",
+		message: `neither white nor black text is readable on this color (best: ${i.toFixed(1)}:1)`,
+		suggestion: "adjust lightness — avoid the 40-60% lightness midrange"
+	}), 20) : i < 4.5 ? (t.push({
+		id: "text-on-color-low",
+		severity: "warning",
+		message: `text on this color has limited contrast (${i.toFixed(1)}:1)`,
+		suggestion: "push lightness below 40% or above 60% for clearer text"
+	}), 8) : 0;
+}
+function re(e, t) {
+	return e < .2 ? (t.push({
+		id: "saturation-low",
+		severity: "warning",
+		message: `saturation too low (${(e * 100).toFixed(0)}%) — color appears grayish`,
+		suggestion: "increase saturation above 30% for a vibrant primary"
+	}), 15) : e > .95 ? (t.push({
+		id: "saturation-high",
+		severity: "info",
+		message: `very high saturation (${(e * 100).toFixed(0)}%) — may cause eye strain`,
+		suggestion: "reduce to 70-90% for comfortable prolonged viewing"
+	}), 5) : 0;
+}
+function ie(e, t) {
+	return e < .15 ? (t.push({
+		id: "lightness-too-dark",
+		severity: "error",
+		message: `color is too dark (L=${(e * 100).toFixed(0)}%) — invisible on dark mode`,
+		suggestion: "increase lightness above 30%"
+	}), 20) : e > .85 ? (t.push({
+		id: "lightness-too-light",
+		severity: "warning",
+		message: `color is too light (L=${(e * 100).toFixed(0)}%) — weak on light mode`,
+		suggestion: "decrease lightness below 70%"
+	}), 15) : 0;
+}
+function ae(e, t, n) {
+	if (t <= .4) return null;
+	for (let t of x) if (e >= t.hueMin && e <= t.hueMax) return n.push({
+		id: "semantic-conflict",
+		severity: "warning",
+		message: `hue (${e.toFixed(0)}°) overlaps with ${t.name} semantic color`,
+		suggestion: "users may confuse accent with status colors — shift hue away from red/amber/green zones"
+	}), t.name;
+	return null;
+}
+function oe(e) {
+	return e < 60 ? "rejected" : e < 80 ? "warning" : e < 90 ? "good" : "excellent";
+}
+function S(t) {
+	let n = e(t), r = i(t), a = [], o = ee(n, a) + te(n, a) + ne(n, a) + re(r.s, a) + ie(r.l, a), c = ae(r.h, r.s, a), l = c === null ? 0 : 10, u = Math.max(0, Math.min(100, 100 - o - l));
+	return {
+		score: u,
+		level: oe(u),
+		diagnostics: a,
+		details: {
+			contrastOnDark: s(n, _),
+			contrastOnLight: s(n, v),
+			contrastWhiteOnColor: s(y, n),
+			contrastBlackOnColor: s(b, n),
+			saturation: r.s,
+			lightness: r.l,
+			hue: r.h,
+			semanticConflict: c
+		}
+	};
+}
+function C(t) {
+	let n = e(t), r = s(y, n), i = s(b, n);
+	return r >= 3 ? "#ffffff" : i >= 3 ? "#000000" : r > i ? "#ffffff" : "#000000";
+}
+function se(e) {
+	let t = i(e), n = e, r = S(e).score, o = Math.max(.45, Math.min(.85, t.s));
+	for (let e = .4; e <= .7; e += .02) {
+		let i = t.h;
+		for (let e of x) if (i >= e.hueMin && i <= e.hueMax) {
+			i = Math.abs(i - e.hueMin) < Math.abs(i - e.hueMax) ? e.hueMin - 10 : e.hueMax + 10, i = (i + 360) % 360;
+			break;
+		}
+		let s = a({
+			h: i,
+			s: o,
+			l: e
+		}), c = S(s).score;
+		c > r && (r = c, n = s);
+	}
+	return n;
+}
+//#endregion
+//#region src/l0-tokens/color-derive.ts
+var w = {
+	danger: {
+		dark: "#ef4444",
+		light: "#dc2626"
+	},
+	warning: {
+		dark: "#f59e0b",
+		light: "#d97706"
+	},
+	success: {
+		dark: "#22c55e",
+		light: "#16a34a"
+	},
+	statusActive: "#22c55e",
+	statusInactive: "#94a3b8",
+	statusPending: "#f59e0b",
+	statusDraft: "#64748b",
+	priorityCritical: "#ef4444",
+	priorityHigh: "#f97316",
+	priorityMedium: "#f59e0b",
+	priorityLow: "#22c55e",
+	actionCreate: "#22c55e",
+	actionUpdate: "#3b82f6",
+	actionDelete: "#ef4444",
+	dot: "#ef4444"
+}, ce = .06, le = .03;
+function T(e) {
+	let t = i(e), n = t.h, o = ce, s = a({
+		h: n,
+		s: Math.max(.55, Math.min(.85, t.s)),
+		l: Math.max(.45, Math.min(.55, t.l))
+	}), c = l(s, .1), u = C(s), d = p(s, .12), f = p(s, .05), m = a({
+		h: n,
+		s: o,
+		l: .06
+	}), h = a({
+		h: n,
+		s: o,
+		l: .11
+	}), g = a({
+		h: n,
+		s: o,
+		l: .2
+	}), _ = a({
+		h: n,
+		s: o,
+		l: .11
+	}), v = a({
+		h: n,
+		s: o,
+		l: .2
+	});
+	return {
+		accent: s,
+		accentHover: c,
+		accentFg: u,
+		accentMuted: d,
+		accentSubtle: f,
+		bg: m,
+		bgSecondary: h,
+		bgTertiary: g,
+		fg: a({
+			h: n,
+			s: .02,
+			l: .95
+		}),
+		fgSecondary: a({
+			h: n,
+			s: .03,
+			l: .82
+		}),
+		fgMuted: a({
+			h: n,
+			s: .04,
+			l: .62
+		}),
+		border: a({
+			h: n,
+			s: o,
+			l: .2
+		}),
+		borderStrong: a({
+			h: n,
+			s: o,
+			l: .28
+		}),
+		surface: _,
+		surfaceRaised: v,
+		overlay: `rgba(${Math.round(r({
+			h: n,
+			s: o,
+			l: .04
+		}).r)}, ${Math.round(r({
+			h: n,
+			s: o,
+			l: .04
+		}).g)}, ${Math.round(r({
+			h: n,
+			s: o,
+			l: .04
+		}).b)}, 0.6)`,
+		palette: D(n, "dark")
+	};
+}
+function E(e) {
+	let t = i(e), n = t.h, r = le, o = a({
+		h: n,
+		s: Math.max(.6, Math.min(.9, t.s)),
+		l: Math.max(.42, Math.min(.55, t.l))
+	});
+	return {
+		accent: o,
+		accentHover: u(o, .06),
+		accentFg: C(o),
+		accentMuted: p(o, .1),
+		accentSubtle: p(o, .04),
+		bg: "#ffffff",
+		bgSecondary: a({
+			h: n,
+			s: r,
+			l: .97
+		}),
+		bgTertiary: a({
+			h: n,
+			s: r,
+			l: .95
+		}),
+		fg: a({
+			h: n,
+			s: .02,
+			l: .12
+		}),
+		fgSecondary: a({
+			h: n,
+			s: .03,
+			l: .3
+		}),
+		fgMuted: a({
+			h: n,
+			s: .03,
+			l: .42
+		}),
+		border: a({
+			h: n,
+			s: r,
+			l: .9
+		}),
+		borderStrong: a({
+			h: n,
+			s: r,
+			l: .83
+		}),
+		surface: "#ffffff",
+		surfaceRaised: "#ffffff",
+		overlay: "rgba(0, 0, 0, 0.5)",
+		palette: D(n, "light")
+	};
+}
+function D(e, t) {
+	let n = t === "dark" ? .65 : .55, r = t === "dark" ? .7 : .75;
+	return [
+		0,
+		137.5,
+		275,
+		52.5,
+		190,
+		327.5,
+		95,
+		232.5,
+		10,
+		170
+	].map((t) => a({
+		h: (e + t) % 360,
+		s: r,
+		l: n
+	}));
+}
+function O(e, t) {
+	let n = w, r = t === "dark", i = {
+		"--gds-bg": e.bg,
+		"--gds-bg-secondary": e.bgSecondary,
+		"--gds-bg-tertiary": e.bgTertiary,
+		"--gds-surface": e.surface,
+		"--gds-surface-raised": e.surfaceRaised,
+		"--gds-fg": e.fg,
+		"--gds-fg-secondary": e.fgSecondary,
+		"--gds-fg-muted": e.fgMuted,
+		"--gds-border": e.border,
+		"--gds-border-strong": e.borderStrong,
+		"--gds-accent": e.accent,
+		"--gds-accent-hover": e.accentHover,
+		"--gds-accent-fg": e.accentFg,
+		"--gds-overlay": e.overlay,
+		"--gds-danger": r ? n.danger.dark : n.danger.light,
+		"--gds-warning": r ? n.warning.dark : n.warning.light,
+		"--gds-success": r ? n.success.dark : n.success.light,
+		"--gds-status-active": n.statusActive,
+		"--gds-status-inactive": n.statusInactive,
+		"--gds-status-pending": n.statusPending,
+		"--gds-status-draft": n.statusDraft,
+		"--gds-priority-critical": n.priorityCritical,
+		"--gds-priority-high": n.priorityHigh,
+		"--gds-priority-medium": n.priorityMedium,
+		"--gds-priority-low": n.priorityLow,
+		"--gds-action-create": n.actionCreate,
+		"--gds-action-update": n.actionUpdate,
+		"--gds-action-delete": n.actionDelete,
+		"--gds-dot": n.dot
+	};
+	return e.palette.forEach((e, t) => {
+		i[`--gds-palette-${t}`] = e;
+	}), i;
+}
+//#endregion
+//#region src/l0-tokens/size-system.ts
+var k = 4, ue = {
+	0: 0,
+	1: 4,
+	2: 8,
+	3: 12,
+	4: 16,
+	5: 20,
+	6: 24,
+	7: 32,
+	8: 40,
+	9: 48,
+	10: 64
+}, A = {
+	xs: k * 6,
+	sm: k * 7,
+	default: k * 8,
+	lg: k * 10,
+	xl: k * 12
+}, j = {
+	xs: 12,
+	sm: 14,
+	default: 16,
+	lg: 20,
+	xl: 24
+}, de = {
+	desktop: 32,
+	mobile: 44
+}, fe = {
+	input: {
+		min: 120,
+		max: 480
+	},
+	dialog: {
+		sm: 320,
+		md: 384,
+		lg: 480,
+		xl: 600
+	},
+	sheet: {
+		sm: 280,
+		md: 320,
+		lg: 400
+	},
+	dropdown: {
+		min: 160,
+		max: 320
+	}
+}, M = {
+	compact: {
+		component: "sm",
+		icon: "sm",
+		gap: k * 1.5,
+		pad: k * 2,
+		text: 11
+	},
+	default: {
+		component: "default",
+		icon: "default",
+		gap: k * 3,
+		pad: k * 4,
+		text: 13
+	},
+	comfortable: {
+		component: "lg",
+		icon: "lg",
+		gap: k * 4,
+		pad: k * 6,
+		text: 14
+	}
+}, N = {
+	compact: {
+		xs: 20,
+		sm: 24,
+		default: 28,
+		lg: 32,
+		xl: 36
+	},
+	default: {
+		xs: 24,
+		sm: 28,
+		default: 32,
+		lg: 36,
+		xl: 40
+	},
+	comfortable: {
+		xs: 28,
+		sm: 32,
+		default: 36,
+		lg: 40,
+		xl: 48
+	}
+}, pe = {
+	compact: {
+		xs: 10,
+		sm: 12,
+		default: 14,
+		lg: 16
+	},
+	default: {
+		xs: 12,
+		sm: 14,
+		default: 16,
+		lg: 20
+	},
+	comfortable: {
+		xs: 14,
+		sm: 16,
+		default: 20,
+		lg: 24
+	}
+}, me = {
+	compact: {
+		caption: 9,
+		label: 10,
+		body: 11
+	},
+	default: {
+		caption: 10,
+		label: 11,
+		body: 13
+	},
+	comfortable: {
+		caption: 11,
+		label: 12,
+		body: 14
+	}
+}, he = {
+	compact: {
+		xs: 2,
+		sm: 4,
+		default: 6,
+		lg: 8
+	},
+	default: {
+		xs: 4,
+		sm: 6,
+		default: 8,
+		lg: 12
+	},
+	comfortable: {
+		xs: 6,
+		sm: 8,
+		default: 12,
+		lg: 16
+	}
+}, ge = {
+	compact: {
+		sm: {
+			x: 4,
+			y: 2
+		},
+		default: {
+			x: 8,
+			y: 4
+		},
+		lg: {
+			x: 12,
+			y: 6
+		}
+	},
+	default: {
+		sm: {
+			x: 8,
+			y: 4
+		},
+		default: {
+			x: 12,
+			y: 6
+		},
+		lg: {
+			x: 16,
+			y: 8
+		}
+	},
+	comfortable: {
+		sm: {
+			x: 10,
+			y: 6
+		},
+		default: {
+			x: 16,
+			y: 8
+		},
+		lg: {
+			x: 20,
+			y: 12
+		}
+	}
+};
+function P(e) {
+	let t = e in N ? e : "default", n = M[t] ?? M.default, r = N[t], i = pe[t], a = me[t], o = he[t], s = ge[t];
+	return {
+		"--gds-component-height": `${A[n.component]}px`,
+		"--gds-icon-size": `${j[n.icon]}px`,
+		"--gds-density-gap": `${n.gap}px`,
+		"--gds-density-pad": `${n.pad}px`,
+		"--gds-density-text": `${n.text}px`,
+		"--gds-h-xs": `${r.xs}px`,
+		"--gds-h-sm": `${r.sm}px`,
+		"--gds-h": `${r.default}px`,
+		"--gds-h-lg": `${r.lg}px`,
+		"--gds-h-xl": `${r.xl}px`,
+		"--gds-icon-xs": `${i.xs}px`,
+		"--gds-icon-sm": `${i.sm}px`,
+		"--gds-icon": `${i.default}px`,
+		"--gds-icon-lg": `${i.lg}px`,
+		"--gds-text-caption": `${a.caption}px`,
+		"--gds-text-label": `${a.label}px`,
+		"--gds-text-body": `${a.body}px`,
+		"--gds-gap-xs": `${o.xs}px`,
+		"--gds-gap-sm": `${o.sm}px`,
+		"--gds-gap": `${o.default}px`,
+		"--gds-gap-lg": `${o.lg}px`,
+		"--gds-pad-x-sm": `${s.sm.x}px`,
+		"--gds-pad-x": `${s.default.x}px`,
+		"--gds-pad-x-lg": `${s.lg.x}px`,
+		"--gds-pad-y-sm": `${s.sm.y}px`,
+		"--gds-pad-y": `${s.default.y}px`,
+		"--gds-pad-y-lg": `${s.lg.y}px`
+	};
+}
+//#endregion
+//#region src/l0-tokens/radius-system.ts
+var F = [
+	4,
+	6,
+	8,
+	12
+], _e = {
+	sharp: .5,
+	default: 1,
+	rounded: 2
+};
+function I(e) {
+	let t = _e[e] ?? 1;
+	return {
+		sm: Math.round(F[0] * t),
+		md: Math.round(F[1] * t),
+		lg: Math.round(F[2] * t),
+		xl: Math.round(F[3] * t),
+		full: 9999
+	};
+}
+function L(e) {
+	let t = I(e);
+	return {
+		"--gds-radius-sm": `${t.sm}px`,
+		"--gds-radius-md": `${t.md}px`,
+		"--gds-radius-lg": `${t.lg}px`,
+		"--gds-radius-xl": `${t.xl}px`,
+		"--gds-radius-full": `${t.full}px`,
+		"--gds-radius-button": `${t.md}px`,
+		"--gds-radius-input": `${t.md}px`,
+		"--gds-radius-badge": `${t.full}px`,
+		"--gds-radius-card": `${t.xl}px`,
+		"--gds-radius-modal": `${t.xl}px`,
+		"--gds-radius-popover": `${t.lg}px`,
+		"--gds-radius-tooltip": `${t.md}px`
+	};
+}
+//#endregion
+//#region src/l0-tokens/shadow-system.ts
+var ve = {
+	xs: [{
+		blur: 1,
+		spread: 0,
+		yOffset: 1,
+		opacity: .03
+	}],
+	sm: [{
+		blur: 2,
+		spread: 0,
+		yOffset: 1,
+		opacity: .05
+	}],
+	md: [{
+		blur: 6,
+		spread: -1,
+		yOffset: 4,
+		opacity: .1
+	}, {
+		blur: 4,
+		spread: -2,
+		yOffset: 2,
+		opacity: .1
+	}],
+	lg: [{
+		blur: 15,
+		spread: -3,
+		yOffset: 10,
+		opacity: .1
+	}, {
+		blur: 6,
+		spread: -4,
+		yOffset: 4,
+		opacity: .1
+	}],
+	xl: [{
+		blur: 25,
+		spread: -5,
+		yOffset: 20,
+		opacity: .1
+	}, {
+		blur: 10,
+		spread: -6,
+		yOffset: 8,
+		opacity: .1
+	}]
+}, ye = {
+	flat: 0,
+	subtle: .6,
+	raised: 1
+}, be = {
+	dark: 3,
+	light: 1
+};
+function xe(e, t, n) {
+	if (t === 0) return "none";
+	let r = Math.min(1, e.opacity * t * n);
+	return `0 ${e.yOffset}px ${e.blur}px ${e.spread}px rgb(0 0 0 / ${r.toFixed(2)})`;
+}
+function R(e, t, n) {
+	let r = ve[e];
+	if (r === void 0) return "none";
+	let i = ye[t] ?? 1;
+	if (i === 0) return "none";
+	let a = be[n] ?? 1;
+	return r.map((e) => xe(e, i, a)).join(", ");
+}
+function z(e, t) {
+	return {
+		"--gds-shadow-xs": R("xs", e, t),
+		"--gds-shadow-sm": R("sm", e, t),
+		"--gds-shadow-md": R("md", e, t),
+		"--gds-shadow-lg": R("lg", e, t),
+		"--gds-shadow-xl": R("xl", e, t)
+	};
+}
+//#endregion
+//#region src/l0-tokens/glass-system.ts
+var Se = {
+	off: {
+		blurSm: 0,
+		blurMd: 0,
+		blurLg: 0,
+		saturateSm: 100,
+		saturateMd: 100,
+		saturateLg: 100,
+		bgOpacity: .95
+	},
+	subtle: {
+		blurSm: 4,
+		blurMd: 12,
+		blurLg: 24,
+		saturateSm: 130,
+		saturateMd: 150,
+		saturateLg: 160,
+		bgOpacity: .25
+	},
+	full: {
+		blurSm: 8,
+		blurMd: 20,
+		blurLg: 40,
+		saturateSm: 150,
+		saturateMd: 180,
+		saturateLg: 200,
+		bgOpacity: .15
+	}
+}, Ce = {
+	dark: -.05,
+	light: .1
+};
+function B(e, t) {
+	let n = Se[e], r = Ce[t] ?? 0;
+	return {
+		...n,
+		bgOpacity: Math.min(.95, Math.max(.05, n.bgOpacity + r))
+	};
+}
+function V(e, t) {
+	let n = B(e, t);
+	return {
+		"--gds-glass-blur-sm": `${n.blurSm}px`,
+		"--gds-glass-blur-md": `${n.blurMd}px`,
+		"--gds-glass-blur-lg": `${n.blurLg}px`,
+		"--gds-glass-saturate-sm": `${n.saturateSm}%`,
+		"--gds-glass-saturate-md": `${n.saturateMd}%`,
+		"--gds-glass-saturate-lg": `${n.saturateLg}%`,
+		"--gds-glass-bg-opacity": `${n.bgOpacity}`
+	};
+}
+function we() {
+	return typeof CSS > "u" ? !1 : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)");
+}
+//#endregion
+//#region src/l0-tokens/motion-system.ts
+var Te = 100, Ee = {
+	fast: 1,
+	normal: 2,
+	slow: 3,
+	slower: 5
+}, H = {
+	off: 0,
+	reduced: .5,
+	full: 1
+};
+function U(e, t) {
+	return Math.round(Te * Ee[e] * H[t]);
+}
+var W = {
+	default: "cubic-bezier(0.4, 0, 0.2, 1)",
+	in: "cubic-bezier(0.4, 0, 1, 1)",
+	out: "cubic-bezier(0, 0, 0.2, 1)",
+	inOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+	spring: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+	bounce: "cubic-bezier(0.68, -0.55, 0.27, 1.55)"
+}, De = {
+	default: {
+		tension: 170,
+		friction: 26
+	},
+	gentle: {
+		tension: 120,
+		friction: 14
+	},
+	bouncy: {
+		tension: 300,
+		friction: 10
+	},
+	stiff: {
+		tension: 400,
+		friction: 28
+	},
+	slow: {
+		tension: 100,
+		friction: 20
+	}
+}, Oe = {
+	fadeIn: {
+		from: { opacity: 0 },
+		to: { opacity: 1 }
+	},
+	fadeOut: {
+		from: { opacity: 1 },
+		to: { opacity: 0 }
+	},
+	scaleIn: {
+		from: {
+			opacity: 0,
+			transform: "scale(0.95)"
+		},
+		to: {
+			opacity: 1,
+			transform: "scale(1)"
+		}
+	},
+	scaleOut: {
+		from: {
+			opacity: 1,
+			transform: "scale(1)"
+		},
+		to: {
+			opacity: 0,
+			transform: "scale(0.95)"
+		}
+	},
+	slideUp: {
+		from: {
+			opacity: 0,
+			transform: "translateY(8px)"
+		},
+		to: {
+			opacity: 1,
+			transform: "translateY(0)"
+		}
+	},
+	slideDown: {
+		from: {
+			opacity: 0,
+			transform: "translateY(-8px)"
+		},
+		to: {
+			opacity: 1,
+			transform: "translateY(0)"
+		}
+	},
+	slideLeft: {
+		from: {
+			opacity: 0,
+			transform: "translateX(8px)"
+		},
+		to: {
+			opacity: 1,
+			transform: "translateX(0)"
+		}
+	},
+	slideRight: {
+		from: {
+			opacity: 0,
+			transform: "translateX(-8px)"
+		},
+		to: {
+			opacity: 1,
+			transform: "translateX(0)"
+		}
+	}
+};
+function G(e) {
+	return {
+		"--gds-duration-fast": `${U("fast", e)}ms`,
+		"--gds-duration-normal": `${U("normal", e)}ms`,
+		"--gds-duration-slow": `${U("slow", e)}ms`,
+		"--gds-duration-slower": `${U("slower", e)}ms`,
+		"--gds-ease-default": W.default,
+		"--gds-ease-in": W.in,
+		"--gds-ease-out": W.out,
+		"--gds-ease-spring": W.spring
+	};
+}
+//#endregion
+//#region src/l0-tokens/font-system.ts
+var K = {
+	sans: [
+		"Inter",
+		"\"Noto Sans SC\"",
+		"\"Noto Sans JP\"",
+		"\"Noto Sans KR\"",
+		"system-ui",
+		"-apple-system",
+		"sans-serif"
+	].join(", "),
+	mono: [
+		"\"JetBrains Mono\"",
+		"\"Noto Sans Mono\"",
+		"ui-monospace",
+		"Consolas",
+		"monospace"
+	].join(", "),
+	flex: [
+		"\"Roboto Flex\"",
+		"system-ui",
+		"sans-serif"
+	].join(", ")
+}, q = {
+	proportional: "'MONO' 0",
+	half: "'MONO' 0.5",
+	full: "'MONO' 1"
+}, J = {
+	light: 300,
+	regular: 400,
+	medium: 500,
+	semibold: 600,
+	bold: 700
+}, Y = {
+	tabular: "'tnum' 1",
+	slashedZero: "'zero' 1",
+	tabularSlashed: "'tnum' 1, 'zero' 1",
+	proportional: "'pnum' 1",
+	ligatures: "'liga' 1, 'calt' 1",
+	cjkPunct: "'halt' 1"
+}, X = {
+	h1: {
+		family: "sans",
+		weight: 700,
+		size: "1.5rem",
+		leading: 1.2,
+		tracking: "-0.025em",
+		features: ""
+	},
+	h2: {
+		family: "sans",
+		weight: 600,
+		size: "1.25rem",
+		leading: 1.25,
+		tracking: "-0.02em",
+		features: ""
+	},
+	h3: {
+		family: "sans",
+		weight: 600,
+		size: "1.125rem",
+		leading: 1.3,
+		tracking: "-0.015em",
+		features: ""
+	},
+	h4: {
+		family: "sans",
+		weight: 600,
+		size: "1rem",
+		leading: 1.35,
+		tracking: "-0.01em",
+		features: ""
+	},
+	h5: {
+		family: "sans",
+		weight: 600,
+		size: "0.875rem",
+		leading: 1.4,
+		tracking: "0",
+		features: ""
+	},
+	h6: {
+		family: "sans",
+		weight: 600,
+		size: "0.75rem",
+		leading: 1.4,
+		tracking: "0.01em",
+		features: ""
+	},
+	body: {
+		family: "sans",
+		weight: 400,
+		size: "0.875rem",
+		leading: 1.6,
+		tracking: "0",
+		features: ""
+	},
+	bodySmall: {
+		family: "sans",
+		weight: 400,
+		size: "0.8125rem",
+		leading: 1.5,
+		tracking: "0",
+		features: ""
+	},
+	label: {
+		family: "flex",
+		weight: 500,
+		size: "0.75rem",
+		leading: 1.4,
+		tracking: "0.01em",
+		features: "",
+		variation: q.full
+	},
+	caption: {
+		family: "sans",
+		weight: 400,
+		size: "0.6875rem",
+		leading: 1.4,
+		tracking: "0.01em",
+		features: ""
+	},
+	badge: {
+		family: "flex",
+		weight: 600,
+		size: "0.625rem",
+		leading: 1,
+		tracking: "0.03em",
+		features: "",
+		variation: q.full
+	},
+	button: {
+		family: "sans",
+		weight: 500,
+		size: "0.8125rem",
+		leading: 1,
+		tracking: "0.01em",
+		features: ""
+	},
+	code: {
+		family: "mono",
+		weight: 400,
+		size: "0.8125rem",
+		leading: 1.6,
+		tracking: "0",
+		features: Y.ligatures
+	},
+	codeSmall: {
+		family: "mono",
+		weight: 400,
+		size: "0.6875rem",
+		leading: 1.5,
+		tracking: "0",
+		features: Y.ligatures
+	},
+	finance: {
+		family: "flex",
+		weight: 400,
+		size: "0.875rem",
+		leading: 1.4,
+		tracking: "0",
+		features: "",
+		variation: q.full
+	},
+	price: {
+		family: "flex",
+		weight: 600,
+		size: "1rem",
+		leading: 1,
+		tracking: "-0.01em",
+		features: "",
+		variation: q.full
+	},
+	tableNum: {
+		family: "flex",
+		weight: 400,
+		size: "0.75rem",
+		leading: 1.4,
+		tracking: "0",
+		features: "",
+		variation: q.full
+	},
+	tableHead: {
+		family: "flex",
+		weight: 500,
+		size: "0.6875rem",
+		leading: 1.4,
+		tracking: "0.02em",
+		features: "",
+		variation: q.full
+	},
+	jpFull: {
+		family: "sans",
+		weight: 400,
+		size: "0.875rem",
+		leading: 1.8,
+		tracking: "0.05em",
+		features: Y.cjkPunct
+	}
+}, ke = {
+	check: "✓",
+	cross: "✕",
+	dot: "●",
+	ring: "○",
+	triangle: "▲",
+	triangleDown: "▼",
+	diamond: "◆",
+	square: "■",
+	arrowUp: "↑",
+	arrowDown: "↓",
+	arrowLeft: "←",
+	arrowRight: "→",
+	arrowUpDown: "↕",
+	command: "⌘",
+	shift: "⇧",
+	option: "⌥",
+	control: "⌃",
+	enter: "⏎",
+	tab: "⇥",
+	escape: "⎋",
+	backspace: "⌫",
+	delete: "⌦",
+	space: "␣",
+	ellipsis: "…",
+	bullet: "•",
+	dash: "—",
+	ndash: "–",
+	middot: "·",
+	times: "×",
+	minus: "−",
+	plus: "+"
+};
+function Z() {
+	return {
+		"--gds-font-sans": K.sans,
+		"--gds-font-mono": K.mono,
+		"--gds-font-flex": K.flex,
+		"--gds-font-light": `${J.light}`,
+		"--gds-font-regular": `${J.regular}`,
+		"--gds-font-medium": `${J.medium}`,
+		"--gds-font-semibold": `${J.semibold}`,
+		"--gds-font-bold": `${J.bold}`
+	};
+}
+function Ae(e) {
+	let t = X[e];
+	return {
+		fontFamily: `var(--gds-font-${t.family})`,
+		fontWeight: t.weight,
+		fontSize: t.size,
+		lineHeight: t.leading,
+		letterSpacing: t.tracking,
+		...t.features ? { fontFeatureSettings: t.features } : {},
+		...t.variation ? { fontVariationSettings: t.variation } : {},
+		...t.italic ? { fontStyle: "italic" } : {}
+	};
+}
+//#endregion
+//#region src/l0-tokens/generate-defaults.ts
+var Q = "#3b82f6";
+function $(e) {
+	return {
+		...O(e === "dark" ? T(Q) : E(Q), e),
+		...Z(),
+		...L("default"),
+		...P("default"),
+		...z("raised", e),
+		...V("full", e),
+		...G("full")
+	};
+}
+function je(e, t) {
+	let n = $(t);
+	for (let [t, r] of Object.entries(n)) e.style.setProperty(t, r);
+}
+//#endregion
+//#region src/l0-tokens/scales.ts
+function Me(e, t, n, r, i, a) {
+	return {
+		...L(e),
+		...P(t),
+		...z(n, a),
+		...V(r, a),
+		...G(i)
+	};
+}
+//#endregion
+export { d as $, ue as A, m as B, I as C, M as D, fe as E, O as F, a as G, u as H, se as I, c as J, r as K, C as L, w as M, T as N, j as O, E as P, n as Q, S as R, R as S, A as T, i as U, s as V, e as W, o as X, l as Y, t as Z, De as _, q as a, we as b, K as c, Ae as d, g as et, ke as f, G as g, Oe as h, $ as i, de as j, P as k, Z as l, W as m, Q as n, Y as o, U as p, f as q, je as r, X as s, Me as t, p as tt, J as u, B as v, L as w, z as x, V as y, h as z };
+
+//# sourceMappingURL=scales-C80FTPsL.js.map