@forumone/throughline-reference-ds 0.0.2 → 0.2.0

package/dist/styles/base.css

@@ -0,0 +1,55 @@
+/* Base element styles applied on top of reset.css + tokens.css. */
+
+html {
+  font-family: var(--font-family-sans);
+  font-size: 16px;
+  line-height: var(--line-height-normal);
+  color: var(--color-text-primary);
+  background: var(--color-bg-primary);
+}
+
+body {
+  font-size: var(--font-size-base);
+}
+
+h1 {
+  font-size: var(--font-size-5xl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--line-height-tight);
+  letter-spacing: var(--letter-spacing-tight);
+}
+
+h2 {
+  font-size: var(--font-size-3xl);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-snug);
+}
+
+h3 {
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-snug);
+}
+
+h4 {
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+}
+
+a {
+  color: var(--color-brand-primary);
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+
+a:hover {
+  color: var(--color-brand-primary-hover);
+}
+
+code {
+  font-family: var(--font-family-mono);
+  font-size: 0.9em;
+  background: var(--color-bg-tertiary);
+  padding: 0.125em 0.25em;
+  border-radius: var(--radius-sm);
+}

package/dist/styles/index.css

@@ -0,0 +1,213 @@
+/* reset.css */
+/* Minimal reset — based on modern-normalize with a few opinionated extras. */
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+body {
+  margin: 0;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit;
+  color: inherit;
+}
+
+img,
+svg,
+video {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+:focus-visible {
+  outline: 2px solid var(--color-brand-primary);
+  outline-offset: 2px;
+}
+
+/* tokens.css */
+/* Auto-generated by scripts/build-tokens-css.ts. Do not edit by hand. */
+
+:root {
+  /* Colors */
+  --color-neutral-0: #FFFFFF;
+  --color-neutral-50: #FAFAFA;
+  --color-neutral-100: #F4F4F5;
+  --color-neutral-200: #E4E4E7;
+  --color-neutral-300: #D4D4D8;
+  --color-neutral-400: #A1A1AA;
+  --color-neutral-500: #71717A;
+  --color-neutral-600: #52525B;
+  --color-neutral-700: #3F3F46;
+  --color-neutral-800: #27272A;
+  --color-neutral-900: #18181B;
+  --color-neutral-1000: #000000;
+  --color-brand-primary: #2563EB;
+  --color-brand-primary-hover: #1D4ED8;
+  --color-brand-secondary: #0891B2;
+  --color-text-primary: #18181B;
+  --color-text-secondary: #52525B;
+  --color-text-muted: #71717A;
+  --color-text-inverse: #FFFFFF;
+  --color-bg-primary: #FFFFFF;
+  --color-bg-secondary: #FAFAFA;
+  --color-bg-tertiary: #F4F4F5;
+  --color-bg-inverse: #18181B;
+  --color-border-default: #E4E4E7;
+  --color-border-strong: #D4D4D8;
+  --color-state-success: #16A34A;
+  --color-state-warning: #CA8A04;
+  --color-state-error: #DC2626;
+  --color-state-info: #2563EB;
+
+  /* Typography */
+  --font-family-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  --font-family-mono: ui-monospace, "SF Mono", Monaco, Consolas, monospace;
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+  --font-size-5xl: 3rem;
+  --font-size-6xl: 3.75rem;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --line-height-tight: 1.15;
+  --line-height-snug: 1.3;
+  --line-height-normal: 1.5;
+  --line-height-relaxed: 1.65;
+  --line-height-loose: 1.8;
+  --letter-spacing-tight: -0.025em;
+  --letter-spacing-normal: 0;
+  --letter-spacing-wide: 0.025em;
+
+  /* Spacing */
+  --spacing-0: 0;
+  --spacing-px: 1px;
+  --spacing-0-5: 0.125rem;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-32: 8rem;
+  --spacing-40: 10rem;
+  --spacing-48: 12rem;
+  --spacing-section: 5rem;
+  --spacing-container: 1.5rem;
+
+  /* Radii */
+  --radius-none: 0;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-text-primary: #FAFAFA;
+    --color-text-secondary: #A1A1AA;
+    --color-text-muted: #71717A;
+    --color-bg-primary: #18181B;
+    --color-bg-secondary: #27272A;
+    --color-bg-tertiary: #3F3F46;
+    --color-bg-inverse: #FAFAFA;
+    --color-border-default: #3F3F46;
+    --color-border-strong: #52525B;
+  }
+}
+
+/* base.css */
+/* Base element styles applied on top of reset.css + tokens.css. */
+
+html {
+  font-family: var(--font-family-sans);
+  font-size: 16px;
+  line-height: var(--line-height-normal);
+  color: var(--color-text-primary);
+  background: var(--color-bg-primary);
+}
+
+body {
+  font-size: var(--font-size-base);
+}
+
+h1 {
+  font-size: var(--font-size-5xl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--line-height-tight);
+  letter-spacing: var(--letter-spacing-tight);
+}
+
+h2 {
+  font-size: var(--font-size-3xl);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-snug);
+}
+
+h3 {
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-snug);
+}
+
+h4 {
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+}
+
+a {
+  color: var(--color-brand-primary);
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+
+a:hover {
+  color: var(--color-brand-primary-hover);
+}
+
+code {
+  font-family: var(--font-family-mono);
+  font-size: 0.9em;
+  background: var(--color-bg-tertiary);
+  padding: 0.125em 0.25em;
+  border-radius: var(--radius-sm);
+}

package/dist/styles/reset.css

@@ -0,0 +1,48 @@
+/* Minimal reset — based on modern-normalize with a few opinionated extras. */
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+body {
+  margin: 0;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit;
+  color: inherit;
+}
+
+img,
+svg,
+video {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+:focus-visible {
+  outline: 2px solid var(--color-brand-primary);
+  outline-offset: 2px;
+}

package/dist/styles/tokens.css

@@ -0,0 +1,105 @@
+/* Auto-generated by scripts/build-tokens-css.ts. Do not edit by hand. */
+
+:root {
+  /* Colors */
+  --color-neutral-0: #FFFFFF;
+  --color-neutral-50: #FAFAFA;
+  --color-neutral-100: #F4F4F5;
+  --color-neutral-200: #E4E4E7;
+  --color-neutral-300: #D4D4D8;
+  --color-neutral-400: #A1A1AA;
+  --color-neutral-500: #71717A;
+  --color-neutral-600: #52525B;
+  --color-neutral-700: #3F3F46;
+  --color-neutral-800: #27272A;
+  --color-neutral-900: #18181B;
+  --color-neutral-1000: #000000;
+  --color-brand-primary: #2563EB;
+  --color-brand-primary-hover: #1D4ED8;
+  --color-brand-secondary: #0891B2;
+  --color-text-primary: #18181B;
+  --color-text-secondary: #52525B;
+  --color-text-muted: #71717A;
+  --color-text-inverse: #FFFFFF;
+  --color-bg-primary: #FFFFFF;
+  --color-bg-secondary: #FAFAFA;
+  --color-bg-tertiary: #F4F4F5;
+  --color-bg-inverse: #18181B;
+  --color-border-default: #E4E4E7;
+  --color-border-strong: #D4D4D8;
+  --color-state-success: #16A34A;
+  --color-state-warning: #CA8A04;
+  --color-state-error: #DC2626;
+  --color-state-info: #2563EB;
+
+  /* Typography */
+  --font-family-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  --font-family-mono: ui-monospace, "SF Mono", Monaco, Consolas, monospace;
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+  --font-size-5xl: 3rem;
+  --font-size-6xl: 3.75rem;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --line-height-tight: 1.15;
+  --line-height-snug: 1.3;
+  --line-height-normal: 1.5;
+  --line-height-relaxed: 1.65;
+  --line-height-loose: 1.8;
+  --letter-spacing-tight: -0.025em;
+  --letter-spacing-normal: 0;
+  --letter-spacing-wide: 0.025em;
+
+  /* Spacing */
+  --spacing-0: 0;
+  --spacing-px: 1px;
+  --spacing-0-5: 0.125rem;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-8: 2rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-32: 8rem;
+  --spacing-40: 10rem;
+  --spacing-48: 12rem;
+  --spacing-section: 5rem;
+  --spacing-container: 1.5rem;
+
+  /* Radii */
+  --radius-none: 0;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-text-primary: #FAFAFA;
+    --color-text-secondary: #A1A1AA;
+    --color-text-muted: #71717A;
+    --color-bg-primary: #18181B;
+    --color-bg-secondary: #27272A;
+    --color-bg-tertiary: #3F3F46;
+    --color-bg-inverse: #FAFAFA;
+    --color-border-default: #3F3F46;
+    --color-border-strong: #52525B;
+  }
+}

package/dist/tokens/colors.d.ts

@@ -0,0 +1,48 @@
+export declare const colors: {
+    readonly 'color.neutral.0': "#FFFFFF";
+    readonly 'color.neutral.50': "#FAFAFA";
+    readonly 'color.neutral.100': "#F4F4F5";
+    readonly 'color.neutral.200': "#E4E4E7";
+    readonly 'color.neutral.300': "#D4D4D8";
+    readonly 'color.neutral.400': "#A1A1AA";
+    readonly 'color.neutral.500': "#71717A";
+    readonly 'color.neutral.600': "#52525B";
+    readonly 'color.neutral.700': "#3F3F46";
+    readonly 'color.neutral.800': "#27272A";
+    readonly 'color.neutral.900': "#18181B";
+    readonly 'color.neutral.1000': "#000000";
+    readonly 'color.brand.primary': "#2563EB";
+    readonly 'color.brand.primaryHover': "#1D4ED8";
+    readonly 'color.brand.secondary': "#0891B2";
+    readonly 'color.text.primary': "#18181B";
+    readonly 'color.text.secondary': "#52525B";
+    readonly 'color.text.muted': "#71717A";
+    readonly 'color.text.inverse': "#FFFFFF";
+    readonly 'color.bg.primary': "#FFFFFF";
+    readonly 'color.bg.secondary': "#FAFAFA";
+    readonly 'color.bg.tertiary': "#F4F4F5";
+    readonly 'color.bg.inverse': "#18181B";
+    readonly 'color.border.default': "#E4E4E7";
+    readonly 'color.border.strong': "#D4D4D8";
+    readonly 'color.state.success': "#16A34A";
+    readonly 'color.state.warning': "#CA8A04";
+    readonly 'color.state.error': "#DC2626";
+    readonly 'color.state.info': "#2563EB";
+};
+/**
+ * Tokens that swap under `prefers-color-scheme: dark`. Keys match the base
+ * palette; values replace the light defaults when the media query applies.
+ */
+export declare const darkOverrides: {
+    readonly 'color.text.primary': "#FAFAFA";
+    readonly 'color.text.secondary': "#A1A1AA";
+    readonly 'color.text.muted': "#71717A";
+    readonly 'color.bg.primary': "#18181B";
+    readonly 'color.bg.secondary': "#27272A";
+    readonly 'color.bg.tertiary': "#3F3F46";
+    readonly 'color.bg.inverse': "#FAFAFA";
+    readonly 'color.border.default': "#3F3F46";
+    readonly 'color.border.strong': "#52525B";
+};
+export type ColorToken = keyof typeof colors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCT,CAAA;AAEV;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;CAUhB,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAA"}

package/dist/tokens/colors.js

@@ -0,0 +1,47 @@
+export const colors = {
+    'color.neutral.0': '#FFFFFF',
+    'color.neutral.50': '#FAFAFA',
+    'color.neutral.100': '#F4F4F5',
+    'color.neutral.200': '#E4E4E7',
+    'color.neutral.300': '#D4D4D8',
+    'color.neutral.400': '#A1A1AA',
+    'color.neutral.500': '#71717A',
+    'color.neutral.600': '#52525B',
+    'color.neutral.700': '#3F3F46',
+    'color.neutral.800': '#27272A',
+    'color.neutral.900': '#18181B',
+    'color.neutral.1000': '#000000',
+    'color.brand.primary': '#2563EB',
+    'color.brand.primaryHover': '#1D4ED8',
+    'color.brand.secondary': '#0891B2',
+    'color.text.primary': '#18181B',
+    'color.text.secondary': '#52525B',
+    'color.text.muted': '#71717A',
+    'color.text.inverse': '#FFFFFF',
+    'color.bg.primary': '#FFFFFF',
+    'color.bg.secondary': '#FAFAFA',
+    'color.bg.tertiary': '#F4F4F5',
+    'color.bg.inverse': '#18181B',
+    'color.border.default': '#E4E4E7',
+    'color.border.strong': '#D4D4D8',
+    'color.state.success': '#16A34A',
+    'color.state.warning': '#CA8A04',
+    'color.state.error': '#DC2626',
+    'color.state.info': '#2563EB',
+};
+/**
+ * Tokens that swap under `prefers-color-scheme: dark`. Keys match the base
+ * palette; values replace the light defaults when the media query applies.
+ */
+export const darkOverrides = {
+    'color.text.primary': '#FAFAFA',
+    'color.text.secondary': '#A1A1AA',
+    'color.text.muted': '#71717A',
+    'color.bg.primary': '#18181B',
+    'color.bg.secondary': '#27272A',
+    'color.bg.tertiary': '#3F3F46',
+    'color.bg.inverse': '#FAFAFA',
+    'color.border.default': '#3F3F46',
+    'color.border.strong': '#52525B',
+};
+//# sourceMappingURL=colors.js.map

package/dist/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,oBAAoB,EAAE,SAAS;IAE/B,qBAAqB,EAAE,SAAS;IAChC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAElC,oBAAoB,EAAE,SAAS;IAC/B,sBAAsB,EAAE,SAAS;IACjC,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAE/B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,kBAAkB,EAAE,SAAS;IAE7B,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAEhC,qBAAqB,EAAE,SAAS;IAChC,qBAAqB,EAAE,SAAS;IAChC,mBAAmB,EAAE,SAAS;IAC9B,kBAAkB,EAAE,SAAS;CACrB,CAAA;AAEV;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,oBAAoB,EAAE,SAAS;IAC/B,sBAAsB,EAAE,SAAS;IACjC,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;CACxB,CAAA"}

package/dist/tokens/index.d.ts

@@ -0,0 +1,99 @@
+import { colors, darkOverrides } from './colors.js';
+import { typography } from './typography.js';
+import { spacing } from './spacing.js';
+import { radii } from './radii.js';
+export { colors, darkOverrides, typography, spacing, radii };
+export type { ColorToken } from './colors.js';
+export type { TypographyToken } from './typography.js';
+export type { SpacingToken } from './spacing.js';
+export type { RadiusToken } from './radii.js';
+export declare const allTokens: {
+    readonly 'radius.none': "0";
+    readonly 'radius.sm': "0.25rem";
+    readonly 'radius.md': "0.375rem";
+    readonly 'radius.lg': "0.5rem";
+    readonly 'radius.xl': "0.75rem";
+    readonly 'radius.2xl': "1rem";
+    readonly 'radius.full': "9999px";
+    readonly 'spacing.0': "0";
+    readonly 'spacing.px': "1px";
+    readonly 'spacing.0.5': "0.125rem";
+    readonly 'spacing.1': "0.25rem";
+    readonly 'spacing.2': "0.5rem";
+    readonly 'spacing.3': "0.75rem";
+    readonly 'spacing.4': "1rem";
+    readonly 'spacing.5': "1.25rem";
+    readonly 'spacing.6': "1.5rem";
+    readonly 'spacing.8': "2rem";
+    readonly 'spacing.10': "2.5rem";
+    readonly 'spacing.12': "3rem";
+    readonly 'spacing.16': "4rem";
+    readonly 'spacing.20': "5rem";
+    readonly 'spacing.24': "6rem";
+    readonly 'spacing.32': "8rem";
+    readonly 'spacing.40': "10rem";
+    readonly 'spacing.48': "12rem";
+    readonly 'spacing.section': "5rem";
+    readonly 'spacing.container': "1.5rem";
+    readonly 'font.family.sans': "Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly 'font.family.mono': "ui-monospace, \"SF Mono\", Monaco, Consolas, monospace";
+    readonly 'font.size.xs': "0.75rem";
+    readonly 'font.size.sm': "0.875rem";
+    readonly 'font.size.base': "1rem";
+    readonly 'font.size.lg': "1.125rem";
+    readonly 'font.size.xl': "1.25rem";
+    readonly 'font.size.2xl': "1.5rem";
+    readonly 'font.size.3xl': "1.875rem";
+    readonly 'font.size.4xl': "2.25rem";
+    readonly 'font.size.5xl': "3rem";
+    readonly 'font.size.6xl': "3.75rem";
+    readonly 'font.weight.normal': "400";
+    readonly 'font.weight.medium': "500";
+    readonly 'font.weight.semibold': "600";
+    readonly 'font.weight.bold': "700";
+    readonly 'line.height.tight': "1.15";
+    readonly 'line.height.snug': "1.3";
+    readonly 'line.height.normal': "1.5";
+    readonly 'line.height.relaxed': "1.65";
+    readonly 'line.height.loose': "1.8";
+    readonly 'letter.spacing.tight': "-0.025em";
+    readonly 'letter.spacing.normal': "0";
+    readonly 'letter.spacing.wide': "0.025em";
+    readonly 'color.neutral.0': "#FFFFFF";
+    readonly 'color.neutral.50': "#FAFAFA";
+    readonly 'color.neutral.100': "#F4F4F5";
+    readonly 'color.neutral.200': "#E4E4E7";
+    readonly 'color.neutral.300': "#D4D4D8";
+    readonly 'color.neutral.400': "#A1A1AA";
+    readonly 'color.neutral.500': "#71717A";
+    readonly 'color.neutral.600': "#52525B";
+    readonly 'color.neutral.700': "#3F3F46";
+    readonly 'color.neutral.800': "#27272A";
+    readonly 'color.neutral.900': "#18181B";
+    readonly 'color.neutral.1000': "#000000";
+    readonly 'color.brand.primary': "#2563EB";
+    readonly 'color.brand.primaryHover': "#1D4ED8";
+    readonly 'color.brand.secondary': "#0891B2";
+    readonly 'color.text.primary': "#18181B";
+    readonly 'color.text.secondary': "#52525B";
+    readonly 'color.text.muted': "#71717A";
+    readonly 'color.text.inverse': "#FFFFFF";
+    readonly 'color.bg.primary': "#FFFFFF";
+    readonly 'color.bg.secondary': "#FAFAFA";
+    readonly 'color.bg.tertiary': "#F4F4F5";
+    readonly 'color.bg.inverse': "#18181B";
+    readonly 'color.border.default': "#E4E4E7";
+    readonly 'color.border.strong': "#D4D4D8";
+    readonly 'color.state.success': "#16A34A";
+    readonly 'color.state.warning': "#CA8A04";
+    readonly 'color.state.error': "#DC2626";
+    readonly 'color.state.info': "#2563EB";
+};
+export type TokenName = keyof typeof allTokens;
+/** Returns every token in the shape the design-contract manifest expects. */
+export declare function getTokenList(): {
+    name: string;
+    value: "0" | "#FFFFFF" | "#FAFAFA" | "#F4F4F5" | "#E4E4E7" | "#D4D4D8" | "#A1A1AA" | "#71717A" | "#52525B" | "#3F3F46" | "#27272A" | "#18181B" | "#000000" | "#2563EB" | "#1D4ED8" | "#0891B2" | "#16A34A" | "#CA8A04" | "#DC2626" | "Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif" | "ui-monospace, \"SF Mono\", Monaco, Consolas, monospace" | "0.75rem" | "0.875rem" | "1rem" | "1.125rem" | "1.25rem" | "1.5rem" | "1.875rem" | "2.25rem" | "3rem" | "3.75rem" | "400" | "500" | "600" | "700" | "1.15" | "1.3" | "1.5" | "1.65" | "1.8" | "-0.025em" | "0.025em" | "1px" | "0.125rem" | "0.25rem" | "0.5rem" | "2rem" | "2.5rem" | "4rem" | "5rem" | "6rem" | "8rem" | "10rem" | "12rem" | "0.375rem" | "9999px";
+    category: string;
+}[];
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AAC5D,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKZ,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,SAAS,CAAA;AAE9C,6EAA6E;AAC7E,wBAAgB,YAAY;;;;IAO3B"}

package/dist/tokens/index.js

@@ -0,0 +1,21 @@
+import { colors, darkOverrides } from './colors.js';
+import { typography } from './typography.js';
+import { spacing } from './spacing.js';
+import { radii } from './radii.js';
+export { colors, darkOverrides, typography, spacing, radii };
+export const allTokens = {
+    ...colors,
+    ...typography,
+    ...spacing,
+    ...radii,
+};
+/** Returns every token in the shape the design-contract manifest expects. */
+export function getTokenList() {
+    const categorize = (name) => name.split('.')[0] ?? 'other';
+    return Object.entries(allTokens).map(([name, value]) => ({
+        name,
+        value,
+        category: categorize(name),
+    }));
+}
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AAM5D,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,MAAM;IACT,GAAG,UAAU;IACb,GAAG,OAAO;IACV,GAAG,KAAK;CACA,CAAA;AAIV,6EAA6E;AAC7E,MAAM,UAAU,YAAY;IAC1B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAA;IAClE,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,IAAI;QACJ,KAAK;QACL,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC;KAC3B,CAAC,CAAC,CAAA;AACL,CAAC"}

package/dist/tokens/radii.d.ts

@@ -0,0 +1,11 @@
+export declare const radii: {
+    readonly 'radius.none': "0";
+    readonly 'radius.sm': "0.25rem";
+    readonly 'radius.md': "0.375rem";
+    readonly 'radius.lg': "0.5rem";
+    readonly 'radius.xl': "0.75rem";
+    readonly 'radius.2xl': "1rem";
+    readonly 'radius.full': "9999px";
+};
+export type RadiusToken = keyof typeof radii;
+//# sourceMappingURL=radii.d.ts.map

package/dist/tokens/radii.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radii.d.ts","sourceRoot":"","sources":["../../src/tokens/radii.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,KAAK,CAAA"}

package/dist/tokens/radii.js

@@ -0,0 +1,10 @@
+export const radii = {
+    'radius.none': '0',
+    'radius.sm': '0.25rem',
+    'radius.md': '0.375rem',
+    'radius.lg': '0.5rem',
+    'radius.xl': '0.75rem',
+    'radius.2xl': '1rem',
+    'radius.full': '9999px',
+};
+//# sourceMappingURL=radii.js.map