@halogen-ui/tokens 0.1.0

package/dist/tokens.js

@@ -0,0 +1,532 @@
+/**
+ * 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)"
+};
+/** 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)"
+    },
+};
+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"
+};