@arbor-css/core 0.0.116 → 0.0.118

package/dist/presets/arborPreset/modeValues/semantics.d.ts

@@ -1,5 +1,6 @@
+import { CompileColorsOptions } from './color/compile.js';
 import { Tokens } from './types.js';
-export declare function createShadowLevelSemanticValues<TColorName extends string>($: Tokens<TColorName>, size: 'none' | 'sm' | 'md' | 'lg' | 'xl'): {
+export declare function createShadowLevelSemanticValues<TColorName extends string>($: Tokens<TColorName>, level: number): {
     $root: import("@arbor-css/css-eval").Css;
     x: import("@arbor-css/css-eval").Css;
     y: import("@arbor-css/css-eval").Css;
@@ -13,7 +14,7 @@ export declare function createSpacingSemanticValues<TColorName extends string>($
     $root: {
         "@@TOKEN@@": true;
         name: string;
-        type: string;
+        syntax: string;
         tag: string | undefined;
         purpose: import("@arbor-css/tokens").TokenPurpose;
         group: string | undefined;
@@ -28,7 +29,7 @@ export declare function createSpacingSemanticValues<TColorName extends string>($
         suffixed: (suffix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -46,7 +47,7 @@ export declare function createSpacingSemanticValues<TColorName extends string>($
         prefixed: (prefix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -72,1267 +73,55 @@ export declare function createShadowSemanticValues<TColorName extends string>($:
     $root: import("@arbor-css/css-eval").Css;
     color: import("@arbor-css/css-eval").Css;
     none: {
-        $root: import("@arbor-css/css-eval").Css;
-        x: import("@arbor-css/css-eval").Css;
-        y: import("@arbor-css/css-eval").Css;
-        blur: import("@arbor-css/css-eval").Css;
-        spread: import("@arbor-css/css-eval").Css;
-        color: import("@arbor-css/css-eval").Css;
-    };
-    sm: {
-        $root: import("@arbor-css/css-eval").Css;
-        x: import("@arbor-css/css-eval").Css;
-        y: import("@arbor-css/css-eval").Css;
-        blur: import("@arbor-css/css-eval").Css;
-        spread: import("@arbor-css/css-eval").Css;
-        color: import("@arbor-css/css-eval").Css;
-    };
-    md: {
-        $root: import("@arbor-css/css-eval").Css;
-        x: import("@arbor-css/css-eval").Css;
-        y: import("@arbor-css/css-eval").Css;
-        blur: import("@arbor-css/css-eval").Css;
-        spread: import("@arbor-css/css-eval").Css;
-        color: import("@arbor-css/css-eval").Css;
-    };
-    lg: {
-        $root: import("@arbor-css/css-eval").Css;
-        x: import("@arbor-css/css-eval").Css;
-        y: import("@arbor-css/css-eval").Css;
-        blur: import("@arbor-css/css-eval").Css;
-        spread: import("@arbor-css/css-eval").Css;
-        color: import("@arbor-css/css-eval").Css;
-    };
-    xl: {
-        $root: import("@arbor-css/css-eval").Css;
-        x: import("@arbor-css/css-eval").Css;
-        y: import("@arbor-css/css-eval").Css;
-        blur: import("@arbor-css/css-eval").Css;
-        spread: import("@arbor-css/css-eval").Css;
-        color: import("@arbor-css/css-eval").Css;
-    };
-};
-export declare function createColorSemanticValues<TColorName extends string>($: Tokens<TColorName>, defaultColor: TColorName): {
-    main: (Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends string ? {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } : Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } | {
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        description?: string;
-    } ? {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } : Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } ? {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } : import("@arbor-css/tokens").SimpleTokensAsTokenDefinitions<Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends infer T ? T extends Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> ? T extends {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } | {
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        description?: string;
-    } ? never : T extends import("@arbor-css/tokens").SimpleTokenSchema ? T : never : never : never>)[keyof (Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends string ? {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } : Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } | {
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        description?: string;
-    } ? {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } : Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } ? {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } : import("@arbor-css/tokens").SimpleTokensAsTokenDefinitions<Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> extends infer T_1 ? T_1 extends Record<TColorName, {
-        $neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        $root: {
-            purpose: "color";
-            description: string;
-        };
-        paper: {
-            purpose: "color";
-            description: "An extremely light shade, good for backgrounds and surfaces";
-        };
-        wash: {
-            purpose: "color";
-            description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-        };
-        light: {
-            purpose: "color";
-            description: "A light shade, good for emphasized surfaces.";
-        };
-        mid: {
-            purpose: "color";
-            description: "The main shade, good for primary actions and decoration.";
-        };
-        heavy: {
-            purpose: "color";
-            description: "A heavy shade, good for text emphasis and accents.";
-        };
-        ink: {
-            purpose: "color";
-            description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-        };
-    }> ? T_1 extends {
-        "@@TOKEN@@": true;
-        name: string;
-        type: string;
-        tag: string | undefined;
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        group: string | undefined;
-        description: string | undefined;
-        contributedBy: string | undefined;
-        deprecated: string | boolean | undefined;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        readonly definition: string;
-        suffixed: (suffix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: any;
-            prefixed: (prefix: string) => any;
-        };
-        prefixed: (prefix: string) => {
-            "@@TOKEN@@": true;
-            name: string;
-            type: string;
-            tag: string | undefined;
-            purpose: import("@arbor-css/tokens").TokenPurpose;
-            group: string | undefined;
-            description: string | undefined;
-            contributedBy: string | undefined;
-            deprecated: string | boolean | undefined;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            readonly definition: string;
-            suffixed: (suffix: string) => any;
-            prefixed: any;
-        };
-    } | {
-        purpose: import("@arbor-css/tokens").TokenPurpose;
-        description?: string;
-    } ? never : T_1 extends import("@arbor-css/tokens").SimpleTokenSchema ? T_1 : never : never : never>)];
+        $root: string;
+        x: string;
+        y: string;
+        blur: string;
+        spread: string;
+        color: string;
+    };
+    sm: {
+        $root: import("@arbor-css/css-eval").Css;
+        x: import("@arbor-css/css-eval").Css;
+        y: import("@arbor-css/css-eval").Css;
+        blur: import("@arbor-css/css-eval").Css;
+        spread: import("@arbor-css/css-eval").Css;
+        color: import("@arbor-css/css-eval").Css;
+    };
+    md: {
+        $root: import("@arbor-css/css-eval").Css;
+        x: import("@arbor-css/css-eval").Css;
+        y: import("@arbor-css/css-eval").Css;
+        blur: import("@arbor-css/css-eval").Css;
+        spread: import("@arbor-css/css-eval").Css;
+        color: import("@arbor-css/css-eval").Css;
+    };
+    lg: {
+        $root: import("@arbor-css/css-eval").Css;
+        x: import("@arbor-css/css-eval").Css;
+        y: import("@arbor-css/css-eval").Css;
+        blur: import("@arbor-css/css-eval").Css;
+        spread: import("@arbor-css/css-eval").Css;
+        color: import("@arbor-css/css-eval").Css;
+    };
+    xl: {
+        $root: import("@arbor-css/css-eval").Css;
+        x: import("@arbor-css/css-eval").Css;
+        y: import("@arbor-css/css-eval").Css;
+        blur: import("@arbor-css/css-eval").Css;
+        spread: import("@arbor-css/css-eval").Css;
+        color: import("@arbor-css/css-eval").Css;
+    };
+};
+export declare function createColorSemanticValues<TColorName extends string>($: Tokens<TColorName>, options: CompileColorsOptions<TColorName> & {
+    mainColor: string;
+}): {
+    main: any;
     neutral: {
         $root: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1347,7 +136,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1365,7 +154,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1384,7 +173,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
         paper: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1399,7 +188,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1417,7 +206,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1436,7 +225,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
         wash: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1451,7 +240,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1469,7 +258,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1488,7 +277,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
         light: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1503,7 +292,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1521,7 +310,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1540,7 +329,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
         mid: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1555,7 +344,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1573,7 +362,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1592,7 +381,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
         heavy: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1607,7 +396,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1625,7 +414,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1644,7 +433,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
         ink: {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1659,7 +448,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             suffixed: (suffix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1677,7 +466,7 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             prefixed: (prefix: string) => {
                 "@@TOKEN@@": true;
                 name: string;
-                type: string;
+                syntax: string;
                 tag: string | undefined;
                 purpose: import("@arbor-css/tokens").TokenPurpose;
                 group: string | undefined;
@@ -1694,12 +483,13 @@ export declare function createColorSemanticValues<TColorName extends string>($:
             };
         };
     };
+    palette: import("./color/compile.js").CompiledColors<TColorName, "light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
 };
 export declare function createRadiusSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
     $root: {
         "@@TOKEN@@": true;
         name: string;
-        type: string;
+        syntax: string;
         tag: string | undefined;
         purpose: import("@arbor-css/tokens").TokenPurpose;
         group: string | undefined;
@@ -1714,7 +504,7 @@ export declare function createRadiusSemanticValues<TColorName extends string>($:
         suffixed: (suffix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1732,7 +522,7 @@ export declare function createRadiusSemanticValues<TColorName extends string>($:
         prefixed: (prefix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1752,13 +542,12 @@ export declare function createRadiusSemanticValues<TColorName extends string>($:
     sm: import("@arbor-css/css-eval").Css;
     md: import("@arbor-css/css-eval").Css;
     lg: import("@arbor-css/css-eval").Css;
-    xl: import("@arbor-css/css-eval").Css;
 };
 export declare function createLineWidthSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
     $root: {
         "@@TOKEN@@": true;
         name: string;
-        type: string;
+        syntax: string;
         tag: string | undefined;
         purpose: import("@arbor-css/tokens").TokenPurpose;
         group: string | undefined;
@@ -1773,7 +562,7 @@ export declare function createLineWidthSemanticValues<TColorName extends string>
         suffixed: (suffix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1791,7 +580,7 @@ export declare function createLineWidthSemanticValues<TColorName extends string>
         prefixed: (prefix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1815,7 +604,7 @@ export declare function createEasingSemanticValues<TColorName extends string>($:
     $root: {
         "@@TOKEN@@": true;
         name: string;
-        type: string;
+        syntax: string;
         tag: string | undefined;
         purpose: import("@arbor-css/tokens").TokenPurpose;
         group: string | undefined;
@@ -1830,7 +619,7 @@ export declare function createEasingSemanticValues<TColorName extends string>($:
         suffixed: (suffix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1848,7 +637,7 @@ export declare function createEasingSemanticValues<TColorName extends string>($:
         prefixed: (prefix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1872,7 +661,7 @@ export declare function createDurationSemanticValues<TColorName extends string>(
     $root: {
         "@@TOKEN@@": true;
         name: string;
-        type: string;
+        syntax: string;
         tag: string | undefined;
         purpose: import("@arbor-css/tokens").TokenPurpose;
         group: string | undefined;
@@ -1887,7 +676,7 @@ export declare function createDurationSemanticValues<TColorName extends string>(
         suffixed: (suffix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1905,7 +694,7 @@ export declare function createDurationSemanticValues<TColorName extends string>(
         prefixed: (prefix: string) => {
             "@@TOKEN@@": true;
             name: string;
-            type: string;
+            syntax: string;
             tag: string | undefined;
             purpose: import("@arbor-css/tokens").TokenPurpose;
             group: string | undefined;
@@ -1925,4 +714,236 @@ export declare function createDurationSemanticValues<TColorName extends string>(
     medium: import("@arbor-css/css-eval").Css;
     long: import("@arbor-css/css-eval").Css;
 };
+export declare function createTypographySemanticValues<TColorName extends string>($: Tokens<TColorName>, { roundToPixel }?: {
+    roundToPixel?: boolean | undefined;
+}): {
+    weight: {
+        $root: {
+            "@@TOKEN@@": true;
+            name: string;
+            syntax: string;
+            tag: string | undefined;
+            purpose: import("@arbor-css/tokens").TokenPurpose;
+            group: string | undefined;
+            description: string | undefined;
+            contributedBy: string | undefined;
+            deprecated: string | boolean | undefined;
+            fallback: string | number | undefined;
+            var: string;
+            varFallback: (fallbackOverride?: string | number) => string;
+            assign: (value?: string | number) => string;
+            readonly definition: string;
+            suffixed: (suffix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: any;
+                prefixed: (prefix: string) => any;
+            };
+            prefixed: (prefix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        thin: import("@arbor-css/css-eval").Css;
+        normal: import("@arbor-css/css-eval").Css;
+        bold: import("@arbor-css/css-eval").Css;
+    };
+    size: {
+        $root: {
+            "@@TOKEN@@": true;
+            name: string;
+            syntax: string;
+            tag: string | undefined;
+            purpose: import("@arbor-css/tokens").TokenPurpose;
+            group: string | undefined;
+            description: string | undefined;
+            contributedBy: string | undefined;
+            deprecated: string | boolean | undefined;
+            fallback: string | number | undefined;
+            var: string;
+            varFallback: (fallbackOverride?: string | number) => string;
+            assign: (value?: string | number) => string;
+            readonly definition: string;
+            suffixed: (suffix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: any;
+                prefixed: (prefix: string) => any;
+            };
+            prefixed: (prefix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        sm: import("@arbor-css/css-eval").Css;
+        md: import("@arbor-css/css-eval").Css;
+        lg: import("@arbor-css/css-eval").Css;
+    };
+    lineHeight: {
+        $root: {
+            "@@TOKEN@@": true;
+            name: string;
+            syntax: string;
+            tag: string | undefined;
+            purpose: import("@arbor-css/tokens").TokenPurpose;
+            group: string | undefined;
+            description: string | undefined;
+            contributedBy: string | undefined;
+            deprecated: string | boolean | undefined;
+            fallback: string | number | undefined;
+            var: string;
+            varFallback: (fallbackOverride?: string | number) => string;
+            assign: (value?: string | number) => string;
+            readonly definition: string;
+            suffixed: (suffix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: any;
+                prefixed: (prefix: string) => any;
+            };
+            prefixed: (prefix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        tight: import("@arbor-css/css-eval").Css;
+        normal: import("@arbor-css/css-eval").Css;
+        loose: import("@arbor-css/css-eval").Css;
+    };
+    letterSpacing: {
+        $root: {
+            "@@TOKEN@@": true;
+            name: string;
+            syntax: string;
+            tag: string | undefined;
+            purpose: import("@arbor-css/tokens").TokenPurpose;
+            group: string | undefined;
+            description: string | undefined;
+            contributedBy: string | undefined;
+            deprecated: string | boolean | undefined;
+            fallback: string | number | undefined;
+            var: string;
+            varFallback: (fallbackOverride?: string | number) => string;
+            assign: (value?: string | number) => string;
+            readonly definition: string;
+            suffixed: (suffix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: any;
+                prefixed: (prefix: string) => any;
+            };
+            prefixed: (prefix: string) => {
+                "@@TOKEN@@": true;
+                name: string;
+                syntax: string;
+                tag: string | undefined;
+                purpose: import("@arbor-css/tokens").TokenPurpose;
+                group: string | undefined;
+                description: string | undefined;
+                contributedBy: string | undefined;
+                deprecated: string | boolean | undefined;
+                fallback: string | number | undefined;
+                var: string;
+                varFallback: (fallbackOverride?: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        tight: import("@arbor-css/css-eval").Css;
+        normal: import("@arbor-css/css-eval").Css;
+        loose: import("@arbor-css/css-eval").Css;
+    };
+};
 //# sourceMappingURL=semantics.d.ts.map