@halogen-ui/tokens 0.1.0

package/dist/tokens.ts

@@ -0,0 +1,540 @@
+/**
+ * Halogen design tokens — GENERATED. Do not edit.
+ * Source: packages/tokens/src/  ·  Rebuild: pnpm --filter @halogen-ui/tokens build
+ */
+
+/** Every semantic color token, both themes. The keys are identical by construction. */
+export const semanticTokens = {
+  "surface-ground": "var(--halogen-surface-ground)",
+  "surface-raised": "var(--halogen-surface-raised)",
+  "surface-overlay": "var(--halogen-surface-overlay)",
+  "surface-floating": "var(--halogen-surface-floating)",
+  "surface-modal": "var(--halogen-surface-modal)",
+  "surface-subtle": "var(--halogen-surface-subtle)",
+  "surface-field": "var(--halogen-surface-field)",
+  "surface-subtle-hover": "var(--halogen-surface-subtle-hover)",
+  "surface-subtle-active": "var(--halogen-surface-subtle-active)",
+  "surface-state-hover": "var(--halogen-surface-state-hover)",
+  "surface-state-active": "var(--halogen-surface-state-active)",
+  "surface-selection": "var(--halogen-surface-selection)",
+  "surface-knob": "var(--halogen-surface-knob)",
+  "surface-inverse": "var(--halogen-surface-inverse)",
+  "surface-accent": "var(--halogen-surface-accent)",
+  "surface-accent-hover": "var(--halogen-surface-accent-hover)",
+  "surface-accent-active": "var(--halogen-surface-accent-active)",
+  "surface-accent-subtle": "var(--halogen-surface-accent-subtle)",
+  "surface-accent-subtle-hover": "var(--halogen-surface-accent-subtle-hover)",
+  "surface-disabled": "var(--halogen-surface-disabled)",
+  "surface-scrim": "var(--halogen-surface-scrim)",
+  "ink-primary": "var(--halogen-ink-primary)",
+  "ink-secondary": "var(--halogen-ink-secondary)",
+  "ink-tertiary": "var(--halogen-ink-tertiary)",
+  "ink-placeholder": "var(--halogen-ink-placeholder)",
+  "ink-disabled": "var(--halogen-ink-disabled)",
+  "ink-accent": "var(--halogen-ink-accent)",
+  "ink-on-accent-subtle": "var(--halogen-ink-on-accent-subtle)",
+  "ink-on-accent": "var(--halogen-ink-on-accent)",
+  "ink-on-gradient": "var(--halogen-ink-on-gradient)",
+  "ink-on-scrim": "var(--halogen-ink-on-scrim)",
+  "ink-on-scrim-secondary": "var(--halogen-ink-on-scrim-secondary)",
+  "ink-inverse": "var(--halogen-ink-inverse)",
+  "ink-link": "var(--halogen-ink-link)",
+  "ink-link-hover": "var(--halogen-ink-link-hover)",
+  "line-subtle": "var(--halogen-line-subtle)",
+  "line-divider": "var(--halogen-line-divider)",
+  "line-control": "var(--halogen-line-control)",
+  "line-strong": "var(--halogen-line-strong)",
+  "line-focus": "var(--halogen-line-focus)",
+  "line-focus-glow": "var(--halogen-line-focus-glow)",
+  "line-accent": "var(--halogen-line-accent)",
+  "line-disabled": "var(--halogen-line-disabled)",
+  "line-edge-highlight": "var(--halogen-line-edge-highlight)",
+  "status-success-solid": "var(--halogen-status-success-solid)",
+  "status-success-on-solid": "var(--halogen-status-success-on-solid)",
+  "status-success-ink": "var(--halogen-status-success-ink)",
+  "status-success-surface": "var(--halogen-status-success-surface)",
+  "status-success-line": "var(--halogen-status-success-line)",
+  "status-warning-solid": "var(--halogen-status-warning-solid)",
+  "status-warning-on-solid": "var(--halogen-status-warning-on-solid)",
+  "status-warning-ink": "var(--halogen-status-warning-ink)",
+  "status-warning-surface": "var(--halogen-status-warning-surface)",
+  "status-warning-line": "var(--halogen-status-warning-line)",
+  "status-error-solid": "var(--halogen-status-error-solid)",
+  "status-error-on-solid": "var(--halogen-status-error-on-solid)",
+  "status-error-ink": "var(--halogen-status-error-ink)",
+  "status-error-surface": "var(--halogen-status-error-surface)",
+  "status-error-line": "var(--halogen-status-error-line)",
+  "status-info-solid": "var(--halogen-status-info-solid)",
+  "status-info-on-solid": "var(--halogen-status-info-on-solid)",
+  "status-info-ink": "var(--halogen-status-info-ink)",
+  "status-info-surface": "var(--halogen-status-info-surface)",
+  "status-info-line": "var(--halogen-status-info-line)",
+  "viz-1": "var(--halogen-viz-1)",
+  "viz-2": "var(--halogen-viz-2)",
+  "viz-3": "var(--halogen-viz-3)",
+  "viz-4": "var(--halogen-viz-4)",
+  "viz-5": "var(--halogen-viz-5)",
+  "viz-6": "var(--halogen-viz-6)",
+  "viz-7": "var(--halogen-viz-7)",
+  "viz-grid": "var(--halogen-viz-grid)",
+  "viz-axis": "var(--halogen-viz-axis)",
+  "viz-sequential-0": "var(--halogen-viz-sequential-0)",
+  "viz-sequential-1": "var(--halogen-viz-sequential-1)",
+  "viz-sequential-2": "var(--halogen-viz-sequential-2)",
+  "viz-sequential-3": "var(--halogen-viz-sequential-3)",
+  "viz-sequential-4": "var(--halogen-viz-sequential-4)",
+  "viz-diverging-neg-2": "var(--halogen-viz-diverging-neg-2)",
+  "viz-diverging-neg-1": "var(--halogen-viz-diverging-neg-1)",
+  "viz-diverging-0": "var(--halogen-viz-diverging-0)",
+  "viz-diverging-pos-1": "var(--halogen-viz-diverging-pos-1)",
+  "viz-diverging-pos-2": "var(--halogen-viz-diverging-pos-2)",
+  "gradient-ember": "var(--halogen-gradient-ember)",
+  "gradient-solar": "var(--halogen-gradient-solar)",
+  "gradient-dusk": "var(--halogen-gradient-dusk)",
+  "gradient-glow": "var(--halogen-gradient-glow)",
+  "gradient-ground": "var(--halogen-gradient-ground)",
+  "elevation-1": "var(--halogen-elevation-1)",
+  "elevation-2": "var(--halogen-elevation-2)",
+  "elevation-3": "var(--halogen-elevation-3)",
+  "elevation-4": "var(--halogen-elevation-4)"
+} as const;
+
+export type SemanticToken = keyof typeof semanticTokens;
+
+/** Resolved values per theme — for docs, Figma sync and contrast tooling. */
+export const resolved = {
+  dark: {
+  "surface-ground": "#12100e",
+  "surface-raised": "#1e1c1a",
+  "surface-overlay": "#292725",
+  "surface-floating": "#292725",
+  "surface-modal": "#292725",
+  "surface-subtle": "#292725",
+  "surface-field": "#292725",
+  "surface-subtle-hover": "#2f2d2b",
+  "surface-subtle-active": "#3b3936",
+  "surface-state-hover": "rgba(255, 255, 255, 0.08)",
+  "surface-state-active": "rgba(255, 255, 255, 0.14)",
+  "surface-selection": "rgba(255, 100, 31, 0.35)",
+  "surface-knob": "#f0efed",
+  "surface-inverse": "#f0efed",
+  "surface-accent": "#ff641f",
+  "surface-accent-hover": "#ff875b",
+  "surface-accent-active": "#ee5500",
+  "surface-accent-subtle": "#351f17",
+  "surface-accent-subtle-hover": "#482c22",
+  "surface-disabled": "#292725",
+  "surface-scrim": "#12100e",
+  "ink-primary": "#f0efed",
+  "ink-secondary": "#bbb9b6",
+  "ink-tertiary": "#969492",
+  "ink-placeholder": "#969492",
+  "ink-disabled": "#6e6c69",
+  "ink-accent": "#ff641f",
+  "ink-on-accent-subtle": "#ff641f",
+  "ink-on-accent": "#12100e",
+  "ink-on-gradient": "#12100e",
+  "ink-on-scrim": "#f0efed",
+  "ink-on-scrim-secondary": "#d3d1cf",
+  "ink-inverse": "#12100e",
+  "ink-link": "#ff641f",
+  "ink-link-hover": "#ff875b",
+  "line-subtle": "#2f2d2b",
+  "line-divider": "#3b3936",
+  "line-control": "#3b3936",
+  "line-strong": "#969492",
+  "line-focus": "#ff641f",
+  "line-focus-glow": "rgba(255, 100, 31, 0.24)",
+  "line-accent": "#a36047",
+  "line-disabled": "#2f2d2b",
+  "line-edge-highlight": "#54524f",
+  "status-success-solid": "#62c84a",
+  "status-success-on-solid": "#12100e",
+  "status-success-ink": "#62c94a",
+  "status-success-surface": "#1d291b",
+  "status-success-line": "#577b50",
+  "status-warning-solid": "#d6a453",
+  "status-warning-on-solid": "#12100e",
+  "status-warning-ink": "#deaa56",
+  "status-warning-surface": "#2a241b",
+  "status-warning-line": "#816f53",
+  "status-error-solid": "#cd1f2c",
+  "status-error-on-solid": "#ffffff",
+  "status-error-ink": "#fa9891",
+  "status-error-surface": "#381c1a",
+  "status-error-line": "#b05752",
+  "status-info-solid": "#22b8a8",
+  "status-info-on-solid": "#12100e",
+  "status-info-ink": "#22b8a8",
+  "status-info-surface": "#1a2926",
+  "status-info-line": "#4d7a73",
+  "viz-1": "#ff641f",
+  "viz-2": "#22b8a8",
+  "viz-3": "#ffd21a",
+  "viz-4": "#e8a6d8",
+  "viz-5": "#ff493f",
+  "viz-6": "#ffb46b",
+  "viz-7": "#bbb9b6",
+  "viz-grid": "#2f2d2b",
+  "viz-axis": "#969492",
+  "viz-sequential-0": "#4d2f29",
+  "viz-sequential-1": "#7b513c",
+  "viz-sequential-2": "#aa7647",
+  "viz-sequential-3": "#d8a147",
+  "viz-sequential-4": "#fdd345",
+  "viz-diverging-neg-2": "#00a99a",
+  "viz-diverging-neg-1": "#3ecab9",
+  "viz-diverging-0": "#8c8a88",
+  "viz-diverging-pos-1": "#ff875b",
+  "viz-diverging-pos-2": "#ee5500",
+  "gradient-ember": "linear-gradient(135deg, #ff641f 0%, #ff493f 100%)",
+  "gradient-solar": "linear-gradient(135deg, #ff641f 0%, #ff9f00 50%, #ffd21a 100%)",
+  "gradient-dusk": "linear-gradient(135deg, #ff493f 0%, #e8a6d8 100%)",
+  "gradient-glow": "radial-gradient(circle at 50% 0%, #351f17 0%, transparent 70%)",
+  "gradient-ground": "linear-gradient(180deg, #12100e 0%, #1e1c1a 100%)",
+  "elevation-1": "none",
+  "elevation-2": "none",
+  "elevation-3": "0 4px 12px -2px rgb(0 0 0 / 0.24), 0 2px 4px -2px rgb(0 0 0 / 0.16)",
+  "elevation-4": "0 16px 40px -8px rgb(0 0 0 / 0.36), 0 4px 8px -4px rgb(0 0 0 / 0.2)"
+},
+  light: {
+  "surface-ground": "#ffffff",
+  "surface-raised": "#f8f7f6",
+  "surface-overlay": "#ffffff",
+  "surface-floating": "#ffffff",
+  "surface-modal": "#ffffff",
+  "surface-subtle": "#e4e2e0",
+  "surface-field": "#f8f7f6",
+  "surface-subtle-hover": "#d3d1cf",
+  "surface-subtle-active": "#bbb9b6",
+  "surface-state-hover": "rgba(0, 0, 0, 0.06)",
+  "surface-state-active": "rgba(0, 0, 0, 0.1)",
+  "surface-selection": "rgba(255, 100, 31, 0.32)",
+  "surface-knob": "#ffffff",
+  "surface-inverse": "#12100e",
+  "surface-accent": "#ff641f",
+  "surface-accent-hover": "#ff875b",
+  "surface-accent-active": "#ee5500",
+  "surface-accent-subtle": "#f6eae6",
+  "surface-accent-subtle-hover": "#f0dad3",
+  "surface-disabled": "#e4e2e0",
+  "surface-scrim": "#12100e",
+  "ink-primary": "#12100e",
+  "ink-secondary": "#54524f",
+  "ink-tertiary": "#6e6c69",
+  "ink-placeholder": "#54524f",
+  "ink-disabled": "#a7a5a3",
+  "ink-accent": "#bf4200",
+  "ink-on-accent-subtle": "#bc4100",
+  "ink-on-accent": "#12100e",
+  "ink-on-gradient": "#12100e",
+  "ink-on-scrim": "#f0efed",
+  "ink-on-scrim-secondary": "#d3d1cf",
+  "ink-inverse": "#ffffff",
+  "ink-link": "#bf4200",
+  "ink-link-hover": "#8e3000",
+  "line-subtle": "#e4e2e0",
+  "line-divider": "#d3d1cf",
+  "line-control": "#e4e2e0",
+  "line-strong": "#54524f",
+  "line-focus": "#ff641f",
+  "line-focus-glow": "rgba(255, 100, 31, 0.24)",
+  "line-accent": "#ce5f34",
+  "line-disabled": "#d3d1cf",
+  "line-edge-highlight": "#e4e2e0",
+  "status-success-solid": "#62c84a",
+  "status-success-on-solid": "#12100e",
+  "status-success-ink": "#28591c",
+  "status-success-surface": "#dff4da",
+  "status-success-line": "#538d46",
+  "status-warning-solid": "#d6a453",
+  "status-warning-on-solid": "#12100e",
+  "status-warning-ink": "#634a22",
+  "status-warning-surface": "#f3ece0",
+  "status-warning-line": "#997b4d",
+  "status-error-solid": "#cd1f2c",
+  "status-error-on-solid": "#ffffff",
+  "status-error-ink": "#9b151f",
+  "status-error-surface": "#f5eae9",
+  "status-error-line": "#e14b4a",
+  "status-info-solid": "#22b8a8",
+  "status-info-on-solid": "#12100e",
+  "status-info-ink": "#13786e",
+  "status-info-surface": "#d2f6ef",
+  "status-info-line": "#3d8c82",
+  "viz-1": "#ef5500",
+  "viz-2": "#1a988b",
+  "viz-3": "#a48500",
+  "viz-4": "#ce5fb9",
+  "viz-5": "#ff3d35",
+  "viz-6": "#c67500",
+  "viz-7": "#6e6c69",
+  "viz-grid": "#e4e2e0",
+  "viz-axis": "#6e6c69",
+  "viz-sequential-0": "#eee1df",
+  "viz-sequential-1": "#e1b49f",
+  "viz-sequential-2": "#c98c55",
+  "viz-sequential-3": "#99712f",
+  "viz-sequential-4": "#6a560b",
+  "viz-diverging-neg-2": "#13796f",
+  "viz-diverging-neg-1": "#1a988b",
+  "viz-diverging-0": "#bbb9b6",
+  "viz-diverging-pos-1": "#ef5500",
+  "viz-diverging-pos-2": "#bf4200",
+  "gradient-ember": "linear-gradient(135deg, #ff641f 0%, #ff493f 100%)",
+  "gradient-solar": "linear-gradient(135deg, #ff641f 0%, #ff9f00 50%, #ffd21a 100%)",
+  "gradient-dusk": "linear-gradient(135deg, #ff493f 0%, #e8a6d8 100%)",
+  "gradient-glow": "radial-gradient(circle at 50% 0%, #f6eae6 0%, transparent 70%)",
+  "gradient-ground": "linear-gradient(180deg, #f0efed 0%, #e4e2e0 100%)",
+  "elevation-1": "none",
+  "elevation-2": "0 1px 2px 0 rgb(0 0 0 / 0.16)",
+  "elevation-3": "0 4px 12px -2px rgb(0 0 0 / 0.24), 0 2px 4px -2px rgb(0 0 0 / 0.16)",
+  "elevation-4": "0 16px 40px -8px rgb(0 0 0 / 0.36), 0 4px 8px -4px rgb(0 0 0 / 0.2)"
+},
+} as const;
+
+export const primitiveTokens = {
+  "color-neutral-0": "#ffffff",
+  "color-neutral-25": "#f8f7f6",
+  "color-neutral-50": "#f0efed",
+  "color-neutral-100": "#e4e2e0",
+  "color-neutral-200": "#d3d1cf",
+  "color-neutral-300": "#bbb9b6",
+  "color-neutral-400": "#a7a5a3",
+  "color-neutral-450": "#969492",
+  "color-neutral-500": "#8c8a88",
+  "color-neutral-550": "#7c7a77",
+  "color-neutral-600": "#6e6c69",
+  "color-neutral-700": "#54524f",
+  "color-neutral-800": "#3b3936",
+  "color-neutral-850": "#2f2d2b",
+  "color-neutral-900": "#292725",
+  "color-neutral-950": "#1e1c1a",
+  "color-neutral-1000": "#12100e",
+  "color-state-hover-dark": "rgba(255, 255, 255, 0.08)",
+  "color-state-active-dark": "rgba(255, 255, 255, 0.14)",
+  "color-state-hover-light": "rgba(0, 0, 0, 0.06)",
+  "color-state-active-light": "rgba(0, 0, 0, 0.1)",
+  "color-state-focus-glow": "rgba(255, 100, 31, 0.24)",
+  "color-state-selection-dark": "rgba(255, 100, 31, 0.35)",
+  "color-state-selection-light": "rgba(255, 100, 31, 0.32)",
+  "color-heat-dark-0": "#4d2f29",
+  "color-heat-dark-1": "#7b513c",
+  "color-heat-dark-2": "#aa7647",
+  "color-heat-dark-3": "#d8a147",
+  "color-heat-dark-4": "#fdd345",
+  "color-heat-light-0": "#eee1df",
+  "color-heat-light-1": "#e1b49f",
+  "color-heat-light-2": "#c98c55",
+  "color-heat-light-3": "#99712f",
+  "color-heat-light-4": "#6a560b",
+  "color-orange-base": "#ff641f",
+  "color-orange-bright": "#ff875b",
+  "color-orange-dim": "#ee5500",
+  "color-orange-text-light": "#bf4200",
+  "color-orange-mark-light": "#ef5500",
+  "color-orange-surface-dark": "#351f17",
+  "color-orange-surface-light": "#f6eae6",
+  "color-orange-surface-dark-hover": "#482c22",
+  "color-orange-surface-light-hover": "#f0dad3",
+  "color-orange-border-dark": "#a36047",
+  "color-orange-border-light": "#ce5f34",
+  "color-orange-text-light-strong": "#8e3000",
+  "color-orange-text-on-chip-light": "#bc4100",
+  "color-coral-base": "#ff493f",
+  "color-coral-bright": "#ff7466",
+  "color-coral-dim": "#ee3730",
+  "color-coral-text-light": "#da0010",
+  "color-coral-mark-light": "#ff3d35",
+  "color-amber-base": "#ff9f00",
+  "color-amber-bright": "#ffba6d",
+  "color-amber-dim": "#ec9300",
+  "color-amber-text-light": "#9b5e00",
+  "color-amber-mark-light": "#c27700",
+  "color-yellow-base": "#ffd21a",
+  "color-yellow-bright": "#ffe89d",
+  "color-yellow-dim": "#efc400",
+  "color-yellow-text-light": "#826900",
+  "color-yellow-mark-light": "#a48500",
+  "color-peach-base": "#ffb46b",
+  "color-peach-bright": "#ffcda0",
+  "color-peach-dim": "#f0a65d",
+  "color-peach-text-light": "#9f5c00",
+  "color-peach-mark-light": "#c67500",
+  "color-pink-base": "#e8a6d8",
+  "color-pink-bright": "#fbb7ea",
+  "color-pink-dim": "#d998c9",
+  "color-pink-text-light": "#a54a94",
+  "color-pink-mark-light": "#ce5fb9",
+  "color-teal-base": "#22b8a8",
+  "color-teal-bright": "#3ecab9",
+  "color-teal-dim": "#00a99a",
+  "color-teal-text-light": "#13796f",
+  "color-teal-mark-light": "#1a988b",
+  "color-teal-surface-dark": "#1a2926",
+  "color-teal-surface-light": "#d2f6ef",
+  "color-teal-surface-dark-hover": "#263835",
+  "color-teal-surface-light-hover": "#abefe4",
+  "color-teal-border-dark": "#4d7a73",
+  "color-teal-border-light": "#3d8c82",
+  "color-teal-text-light-strong": "#0b5951",
+  "color-teal-text-on-chip-light": "#13786e",
+  "color-success-solid": "#62c84a",
+  "color-success-on-solid": "#12100e",
+  "color-success-surface-dark": "#1d291b",
+  "color-success-surface-light": "#dff4da",
+  "color-success-text-dark": "#62c94a",
+  "color-success-text-light": "#28591c",
+  "color-success-border-dark": "#577b50",
+  "color-success-border-light": "#538d46",
+  "color-warning-solid": "#d6a453",
+  "color-warning-on-solid": "#12100e",
+  "color-warning-surface-dark": "#2a241b",
+  "color-warning-surface-light": "#f3ece0",
+  "color-warning-text-dark": "#deaa56",
+  "color-warning-text-light": "#634a22",
+  "color-warning-border-dark": "#816f53",
+  "color-warning-border-light": "#997b4d",
+  "color-error-solid": "#cd1f2c",
+  "color-error-on-solid": "#ffffff",
+  "color-error-surface-dark": "#381c1a",
+  "color-error-surface-light": "#f5eae9",
+  "color-error-text-dark": "#fa9891",
+  "color-error-text-light": "#9b151f",
+  "color-error-border-dark": "#b05752",
+  "color-error-border-light": "#e14b4a",
+  "space-0": "0px",
+  "space-1": "4px",
+  "space-2": "8px",
+  "space-3": "12px",
+  "space-4": "16px",
+  "space-5": "20px",
+  "space-6": "24px",
+  "space-8": "32px",
+  "space-10": "40px",
+  "space-12": "48px",
+  "space-16": "64px",
+  "space-20": "80px",
+  "space-24": "96px",
+  "space-32": "128px",
+  "space-40": "160px",
+  "space-48": "192px",
+  "space-64": "256px",
+  "space-80": "320px",
+  "space-px": "1px",
+  "space-half": "2px",
+  "radius-none": "0px",
+  "radius-xs": "4px",
+  "radius-sm": "6px",
+  "radius-md": "10px",
+  "radius-lg": "16px",
+  "radius-xl": "24px",
+  "radius-2xl": "32px",
+  "radius-full": "9999px",
+  "control-sm": "32px",
+  "control-md": "40px",
+  "control-lg": "48px",
+  "control-xl": "56px",
+  "icon-sm": "16px",
+  "icon-md": "20px",
+  "icon-lg": "24px",
+  "icon-stroke-sm": "1.5",
+  "icon-stroke-md": "1.75",
+  "icon-stroke-lg": "2",
+  "border-width-0": "0px",
+  "border-width-1": "1px",
+  "border-width-2": "2px",
+  "target-min": "24px",
+  "target-touch": "44px",
+  "container-prose": "720px",
+  "container-default": "1280px",
+  "container-wide": "1440px",
+  "breakpoint-sm": "640px",
+  "breakpoint-md": "768px",
+  "breakpoint-lg": "1024px",
+  "breakpoint-xl": "1280px",
+  "breakpoint-2xl": "1536px",
+  "layer-base": "0",
+  "layer-raised": "10",
+  "layer-sticky": "100",
+  "layer-overlay": "1000",
+  "layer-modal": "1100",
+  "layer-popover": "1200",
+  "layer-toast": "1300",
+  "layer-tooltip": "1400",
+  "aspect-video": "16 / 9",
+  "aspect-square": "1 / 1",
+  "aspect-wide": "21 / 9",
+  "font-family-sans": "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+  "font-family-mono": "'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+  "font-weight-regular": "400",
+  "font-weight-medium": "500",
+  "font-weight-semibold": "600",
+  "font-weight-bold": "700",
+  "font-size-2xs": "11px",
+  "font-size-xs": "12px",
+  "font-size-sm": "13px",
+  "font-size-base": "14px",
+  "font-size-md": "16px",
+  "font-size-lg": "18px",
+  "font-size-xl": "20px",
+  "display-size-xs": "clamp(1.5rem, 1.4rem + 0.5vw, 1.5rem)",
+  "display-size-sm": "clamp(1.75rem, 1.6rem + 0.75vw, 1.875rem)",
+  "display-size-md": "clamp(2.25rem, 1.9rem + 1.5vw, 2.75rem)",
+  "display-size-lg": "clamp(2.75rem, 2.1rem + 3vw, 3.75rem)",
+  "display-size-xl": "clamp(3.5rem, 2.4rem + 5vw, 5.5rem)",
+  "display-size-2xl": "clamp(4.5rem, 2.6rem + 8vw, 8rem)",
+  "line-height-none": "1",
+  "line-height-display-2xl": "0.95",
+  "line-height-display-xl": "1",
+  "line-height-display-lg": "1.05",
+  "line-height-display-md": "1.1",
+  "line-height-display-sm": "1.2",
+  "line-height-display-xs": "1.25",
+  "line-height-snug": "1.35",
+  "line-height-normal": "1.5",
+  "line-height-relaxed": "1.6",
+  "tracking-wider": "0.015em",
+  "tracking-wide": "0.005em",
+  "tracking-normal": "0em",
+  "tracking-tight": "-0.01em",
+  "tracking-tighter": "-0.015em",
+  "tracking-tightest": "-0.02em",
+  "tracking-display": "-0.03em",
+  "tracking-display-tight": "-0.035em",
+  "measure-prose": "68ch",
+  "measure-narrow": "46ch",
+  "duration-instant": "0ms",
+  "duration-press": "70ms",
+  "duration-fast": "120ms",
+  "duration-base": "180ms",
+  "duration-slow": "260ms",
+  "duration-slower": "400ms",
+  "duration-deliberate": "600ms",
+  "easing-enter": "cubic-bezier(0.22, 1, 0.36, 1)",
+  "easing-exit": "cubic-bezier(0.64, 0, 0.78, 0)",
+  "easing-move": "cubic-bezier(0.65, 0, 0.35, 1)",
+  "easing-overshoot": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+  "easing-linear": "linear",
+  "travel-ui": "8px",
+  "travel-expressive": "24px",
+  "press-scale": "0.97",
+  "reel-travel": "100%",
+  "overlay-zoom-from": "0.96",
+  "overlay-sheet-travel": "100%",
+  "shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.16)",
+  "shadow-md": "0 4px 12px -2px rgb(0 0 0 / 0.24), 0 2px 4px -2px rgb(0 0 0 / 0.16)",
+  "shadow-lg": "0 16px 40px -8px rgb(0 0 0 / 0.36), 0 4px 8px -4px rgb(0 0 0 / 0.2)",
+  "shadow-none": "none",
+  "alpha-hairline-dark": "0.08",
+  "alpha-hairline-light": "0.08",
+  "alpha-edge-highlight": "0.06",
+  "alpha-scrim-dark": "0.72",
+  "alpha-scrim-light": "0.48",
+  "alpha-disabled": "0.38",
+  "scrim-blur": "5px",
+  "scrim-opacity": "0.7"
+} as const;
+
+export type PrimitiveToken = keyof typeof primitiveTokens;
+export type ThemeName = keyof typeof resolved;