@arbor-css/core 0.0.142 → 0.0.143

package/dist/presets/v2/preset.d.ts

@@ -0,0 +1,2680 @@
+import { Css, CssInterpolation, CssTemplate } from '@arbor-css/css-eval';
+import { ArborPrefixConfig } from '@arbor-css/globals';
+import { PresetTokens } from '@arbor-css/preset';
+import { ModeSchema as ArborModeSchema } from './schema/schema.js';
+import { CompileColorsOptions, DefaultRangeName } from './values/color/index.js';
+import { ShadowConfig } from './values/shadow/index.js';
+import { SpacingConfig } from './values/spacing/index.js';
+import { TypographyConfig } from './values/typography/index.js';
+export interface ArborPresetConfig<TRanges extends string, TKeyframeName extends string = string> {
+    prefixes?: ArborPrefixConfig;
+    color: CompileColorsOptions<TRanges> & {
+        mainColor: string;
+        defaultScheme?: 'light' | 'dark';
+        /**
+         * This saturation tuning value affects every color used in
+         * your mode. It multiplies with any per-color-range saturation
+         * values you set up. Default is 0.5.
+         *
+         * Any valid CSS number value can be used here.
+         */
+        globalSaturation?: CssInterpolation;
+    };
+    typography?: TypographyConfig & {
+        /**
+         * A global tuning value that influences the overall size of all typography tokens.
+         * The default is 1, and values from 0.5 to 2 are recommended.
+         * Any valid CSS number value can be used here.
+         */
+        size?: CssInterpolation;
+        /**
+         * Specify a global font size. This is not recommended;
+         * the default "1em" respects the end user's font size
+         * preference. If customized, consider still using
+         * em units.
+         *
+         * Any valid CSS font-size value can be used here.
+         */
+        defaultFontSize?: CssInterpolation;
+        fontSizeScaleBase?: CssInterpolation;
+        fontSizeScaleExponentStep?: CssInterpolation;
+        baseLetterSpacing?: CssInterpolation;
+        baseLineHeight?: CssInterpolation;
+        weightStep?: CssInterpolation;
+        baseWeight?: CssInterpolation;
+        darkModeWeightAdjustment?: CssInterpolation;
+        letterSpacingStep?: CssInterpolation;
+        minLetterSpacing?: CssInterpolation;
+        maxLetterSpacing?: CssInterpolation;
+        lineHeightStep?: CssInterpolation;
+        maxFontSize?: CssInterpolation;
+        maxLineHeight?: CssInterpolation;
+        maxWeight?: CssInterpolation;
+        minFontSize?: CssInterpolation;
+        minLineHeight?: CssInterpolation;
+        minWeight?: CssInterpolation;
+        /**
+         * An overall scaling factor for how heavy font weight tokens are. Default is 0.5.
+         * Any valid CSS number value can be used here.
+         */
+        boldness?: CssInterpolation;
+    };
+    space?: SpacingConfig & {
+        /**
+         * This density tuning value affects all spacing (and font size) tokens
+         * used in your mode. It multiplies with any per-token density
+         * adjustments to create the final spacing or size value.
+         *
+         * Larger density values create *more dense* UIs,
+         * meaning smaller spacing and text. The default is 1.
+         *
+         * Any valid CSS number value can be used here.
+         */
+        globalDensity?: CssInterpolation;
+        /**
+         * This is the root size of your spacing scale, from which
+         * other values are derived. Default is "8px"
+         *
+         * Any valid CSS length value can be used here.
+         */
+        baseSize?: CssInterpolation;
+        scaleBase?: CssInterpolation;
+        scaleExponentStep?: CssInterpolation;
+    };
+    shadow?: ShadowConfig & {
+        /**
+         * Controls the spread amount of all shadows used in the mode.
+         * A value from 0 to 1 is recommended.
+         * Any valid CSS number value can be used here.
+         */
+        globalSpread?: CssInterpolation;
+        /**
+         * Controls the blur amount of all shadows used in the mode.
+         * A value from 0 to 1 is recommended.
+         * Any valid CSS number value can be used here.
+         */
+        globalBlur?: CssInterpolation;
+        /**
+         * When no shadow color is specified, this is the default.
+         * Any valid CSS color value can be used here.
+         */
+        defaultColor?: CssInterpolation;
+    };
+    shape?: {
+        /**
+         * Influences the thickness of borders. Default is 1.
+         * Any valid CSS number value can be used here.
+         */
+        lineWidth?: CssInterpolation;
+        /**
+         * Globally influences the corner radius values of
+         * used in the mode. Roundness also has an influence
+         * on the padding of intent tokens. Default is 1.
+         * A value from 0 to 2 is recommended, but this is all
+         * relative and the default is somewhat arbitrary to begin with.
+         * Any valid CSS number value can be used here.
+         */
+        roundness?: CssInterpolation;
+    };
+    easing?: {
+        /**
+         * A global tuning value that influences the overall "bounciness" of all easing tokens, which
+         * generally affects over/undershooting of targets.
+         * Higher values create bouncier easings. The default is 0.5, and values from 0 to 1 are recommended.
+         * Any valid CSS number value can be used here.
+         */
+        bounciness?: CssInterpolation;
+    };
+    duration?: {
+        /**
+         * A global tuning value that influences the overall "slowness" of all duration tokens.
+         * Higher values create slower durations. The default is 1, and values from 0.5 to 2 are recommended.
+         * Any valid CSS number value can be used here.
+         */
+        slowness?: CssInterpolation;
+        base?: CssInterpolation;
+        min?: CssInterpolation;
+        max?: CssInterpolation;
+    };
+    keyframes?: Record<TKeyframeName, (css: CssTemplate, tokens: PresetTokens<ArborModeSchema, {}>) => Css>;
+    /**
+     * Turns off the automatic bundled @mode-light, @mode-dark, and @mode-inverted.
+     */
+    disableAutoColorSchemes?: boolean;
+}
+/**
+ * Adds opinionated tokens and a full-featured mode
+ * schema on top of the basic preset's utility mixins and functions.
+ */
+export declare const presetArbor: <TRanges extends string, TRangeStepNames extends string = DefaultRangeName, TKeyframeNames extends string = string>(config: ArborPresetConfig<TRanges, TKeyframeNames>) => import("@arbor-css/preset").ArborPreset<{
+    global: {
+        trueLightColor: {
+            purpose: "color";
+            description: "Either white or black, depending on the color scheme";
+        };
+        trueHeavyColor: {
+            purpose: "color";
+            description: "Either white or black, depending on the color scheme";
+        };
+        whenLight: {
+            purpose: "scalar";
+            description: "Resolves to 1 in light color schemes and 0 in dark color schemes.";
+        };
+        whenDark: {
+            purpose: "scalar";
+            description: "Resolves to 1 in dark color schemes and 0 in light color schemes.";
+        };
+        whenInverted: {
+            purpose: "scalar";
+            description: "Resolves to 1 in inverted color schemes and 0 in non-inverted color schemes.";
+        };
+        schemeMultiplier: {
+            purpose: "scalar";
+            description: "Resolves to 1 in light color schemes and -1 in dark color schemes.";
+        };
+    };
+} & {
+    global: {
+        color: {
+            saturation: {
+                purpose: "scalar";
+                description: "Applies global saturation adjustments to all colors";
+            };
+        };
+        space: {
+            density: {
+                purpose: "scalar";
+                description: "A scaling factor for density. Higher density means smaller, tighter spacing and size";
+            };
+            baseSize: {
+                purpose: "spacing";
+                description: "Defines the base spacing unit used to derive spacing and layout tokens.";
+            };
+            scaleBase: {
+                purpose: "scalar";
+                description: "The \"base\" number of the scale equation - a linear scalar multiplier. Set this to scale by some linear factor if scaleExponent is \"1\"";
+            };
+            scaleExponentStep: {
+                purpose: "scalar";
+                description: "The exponent of the scale equation - the rate of exponential growth. `scaleBase` is raised to this exponent before being multiplied by the base spacing size. Set this to \"1\" to scale linearly by the `scaleBase` factor, or set it to a value greater than \"1\" to have exponential growth.";
+            };
+        };
+        shape: {
+            roundness: {
+                purpose: "scalar";
+                description: "Controls the roundness of corners. Larger roundness values also may affect padding.";
+            };
+            lineWidth: {
+                purpose: "scalar";
+                description: "Controls the width of lines used for borders, etc.";
+            };
+        };
+        shadow: {
+            spread: {
+                purpose: "scalar";
+                description: "Controls the spread size of all shadows.";
+            };
+            blur: {
+                purpose: "scalar";
+                description: "Controls the blur scaling of all shadows.";
+            };
+            color: {
+                purpose: "color";
+                description: "Provides the default shadow color used when a shadow token does not supply its own color.";
+            };
+        };
+        typography: {
+            baseFontSize: {
+                purpose: "font-size";
+                description: "Defines the root font size used to derive typography tokens.";
+            };
+            size: {
+                purpose: "scalar";
+                description: "A global parameter to influence the overall font size of all typography tokens.";
+            };
+            weightStep: {
+                purpose: "scalar";
+                description: "The amount of font weight change between each typography level. This is multiplied by the level index to determine how much to adjust font weight at each level.";
+            };
+            minWeight: {
+                purpose: "scalar";
+                description: "The minimum font weight to use in the typography scale.";
+            };
+            maxWeight: {
+                purpose: "scalar";
+                description: "The maximum font weight to use in the typography scale.";
+            };
+            baseWeight: {
+                purpose: "scalar";
+                description: "The base font weight from which to calculate typography levels. This is typically the \"normal\" font weight (e.g. 400), and level adjustments are applied as positive or negative offsets from this base.";
+            };
+            lineHeightStep: {
+                purpose: "scalar";
+                description: "The amount of line height change between each typography level. This is multiplied by the level index to determine how much to adjust line height at each level.";
+            };
+            minLineHeight: {
+                purpose: "scalar";
+                description: "The minimum line height to use in the typography scale.";
+            };
+            maxLineHeight: {
+                purpose: "scalar";
+                description: "The maximum line height to use in the typography scale.";
+            };
+            baseLineHeight: {
+                purpose: "scalar";
+                description: "The base line height from which to calculate typography levels. This is typically the line height used at the default typography level, and level adjustments are applied as positive or negative offsets from this base.";
+            };
+            minFontSize: {
+                purpose: "font-size";
+                description: "The minimum font size to use in the typography scale.";
+            };
+            maxFontSize: {
+                purpose: "font-size";
+                description: "The maximum font size to use in the typography scale.";
+            };
+            fontSizeScaleBase: {
+                purpose: "scalar";
+                description: "The \"base\" number of the font size scale equation - a linear scalar multiplier. Set this to scale by some linear factor if sizeExponent is \"1\"";
+            };
+            fontSizeScaleExponentStep: {
+                purpose: "scalar";
+                description: "The exponent of the font size scale equation - the rate of exponential growth. `fontSizeScaleBase` is raised to this exponent before being multiplied by the base font size. Set this to \"1\" to scale linearly by the `fontSizeScaleBase` factor, or set it to a value greater than \"1\" to have exponential growth.";
+            };
+            letterSpacingStep: {
+                purpose: "scalar";
+                description: "The amount of letter spacing change between each typography level. This is multiplied by the level index to determine how much to adjust letter spacing at each level.";
+            };
+            minLetterSpacing: {
+                purpose: "spacing";
+                description: "The minimum letter spacing to use in the typography scale.";
+            };
+            maxLetterSpacing: {
+                purpose: "spacing";
+                description: "The maximum letter spacing to use in the typography scale.";
+            };
+            baseLetterSpacing: {
+                purpose: "spacing";
+                description: "The base letter spacing from which to calculate typography levels. This is typically the letter spacing used at the default typography level, and level adjustments are applied as positive or negative offsets from this base.";
+            };
+            darkModeWeightAdjustment: {
+                purpose: "scalar";
+                description: "An adjustment applied to font weight when in dark mode to compensate for the irradiation illusion. This is typically a negative value to reduce font weight in dark mode, but it can be positive if your theme has very light text and you want to increase weight in dark mode.";
+            };
+            boldness: {
+                purpose: "scalar";
+                description: "An overall scaling factor for how heavy font weight tokens are.";
+            };
+        };
+        ease: {
+            bounciness: {
+                purpose: "scalar";
+                description: "Controls the bounciness of easing functions. Higher values result in more overshoot and bounce.";
+            };
+        };
+        duration: {
+            slowness: {
+                purpose: "scalar";
+                description: "Controls the overall slowness of durations. Higher values result in longer durations.";
+            };
+            base: {
+                purpose: "duration";
+                description: "The base duration used to derive all other durations. This can be thought of as the \"medium\" duration, and other durations are calculated as multiples or fractions of this base.";
+            };
+            min: {
+                purpose: "duration";
+                description: "The minimum duration to use in the duration scale.";
+            };
+            max: {
+                purpose: "duration";
+                description: "The maximum duration to use in the duration scale.";
+            };
+        };
+    };
+    tint: {
+        $root: {
+            purpose: "color";
+            description: string;
+        };
+        paper: {
+            purpose: "color";
+            description: "The lightest color in the range";
+        };
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
+        };
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
+        };
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
+        };
+    };
+    gray: {
+        $root: {
+            purpose: "color";
+            description: string;
+        };
+        paper: {
+            purpose: "color";
+            description: "The lightest color in the range";
+        };
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
+        };
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
+        };
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
+        };
+    };
+    color: Record<TRanges, {
+        gray: {
+            $root: {
+                purpose: "color";
+                description: string;
+            };
+            paper: {
+                purpose: "color";
+                description: "The lightest color in the range";
+            };
+            wash: {
+                purpose: "color";
+                description: "A light color in the range, lighter than the base color";
+            };
+            light: {
+                purpose: "color";
+                description: "A light color in the range, lighter than the base color";
+            };
+            mid: {
+                purpose: "color";
+                description: "A mid-tone color in the range, similar to the base color";
+            };
+            heavy: {
+                purpose: "color";
+                description: "A dark color in the range, darker than the base color";
+            };
+            ink: {
+                purpose: "color";
+                description: "The darkest color in the range, usually used for text and other high-contrast elements";
+            };
+        };
+        $root: {
+            purpose: "color";
+            description: string;
+        };
+        paper: {
+            purpose: "color";
+            description: "The lightest color in the range";
+        };
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
+        };
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
+        };
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
+        };
+    }>;
+    sp: {
+        $root: "spacing";
+        xs: "spacing";
+        sm: "spacing";
+        md: "spacing";
+        lg: "spacing";
+        xl: "spacing";
+    };
+    rd: {
+        $root: "border-radius";
+        xs: "border-radius";
+        sm: "border-radius";
+        md: "border-radius";
+        lg: "border-radius";
+        xl: "border-radius";
+        full: "border-radius";
+    };
+    lw: {
+        $root: "border-width";
+        sm: "border-width";
+        md: "border-width";
+        lg: "border-width";
+    };
+    shadow: {
+        $root: "shadow";
+        none: {
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+            x: {
+                purpose: "shadow-x";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "shadow-y";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "shadow-blur";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "shadow-spread";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "shadow-color";
+                description: "Color of the shadow";
+            };
+        };
+        sm: {
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+            x: {
+                purpose: "shadow-x";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "shadow-y";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "shadow-blur";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "shadow-spread";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "shadow-color";
+                description: "Color of the shadow";
+            };
+        };
+        md: {
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+            x: {
+                purpose: "shadow-x";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "shadow-y";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "shadow-blur";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "shadow-spread";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "shadow-color";
+                description: "Color of the shadow";
+            };
+        };
+        lg: {
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+            x: {
+                purpose: "shadow-x";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "shadow-y";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "shadow-blur";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "shadow-spread";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "shadow-color";
+                description: "Color of the shadow";
+            };
+        };
+        xl: {
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+            x: {
+                purpose: "shadow-x";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "shadow-y";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "shadow-blur";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "shadow-spread";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "shadow-color";
+                description: "Color of the shadow";
+            };
+        };
+    };
+    fs: {
+        $root: "font-size";
+        sm: "font-size";
+        md: "font-size";
+        lg: "font-size";
+    };
+    fw: {
+        $root: "font-weight";
+        normal: "font-weight";
+        bold: "font-weight";
+    };
+    lh: {
+        $root: "line-height";
+        tight: "line-height";
+        normal: "line-height";
+        loose: "line-height";
+    };
+    ls: {
+        $root: "letter-spacing";
+        tight: "letter-spacing";
+        normal: "letter-spacing";
+        loose: "letter-spacing";
+    };
+    dur: {
+        $root: "duration";
+        short: "duration";
+        medium: "duration";
+        long: "duration";
+    };
+    ease: {
+        $root: "easing-function";
+        tight: "easing-function";
+        medium: "easing-function";
+        loose: "easing-function";
+        in: {
+            $root: "easing-function";
+            tight: "easing-function";
+            medium: "easing-function";
+            loose: "easing-function";
+        };
+        out: {
+            $root: "easing-function";
+            tight: "easing-function";
+            medium: "easing-function";
+            loose: "easing-function";
+        };
+    };
+    fg: {
+        $root: "color";
+        light: "color";
+        ink: "color";
+        gray: {
+            $root: "color";
+            light: "color";
+            ink: "color";
+        };
+    };
+    bg: {
+        $root: "color";
+        paper: "color";
+        wash: "color";
+        light: "color";
+        bold: "color";
+        gray: {
+            $root: "color";
+            paper: "color";
+            wash: "color";
+            light: "color";
+            bold: "color";
+        };
+    };
+    action: {
+        p: {
+            $root: {
+                purpose: "other";
+                description: string;
+            };
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
+            };
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
+            };
+        };
+        rd: "border-radius";
+        text: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+            letterSpacing: "letter-spacing";
+        };
+        primary: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
+            };
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
+            };
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                c: "color";
+                w: "border-width";
+                style: "border-style";
+            };
+        };
+        secondary: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
+            };
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
+            };
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                c: "color";
+                w: "border-width";
+                style: "border-style";
+            };
+        };
+        ambient: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
+            };
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
+            };
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                c: "color";
+                w: "border-width";
+                style: "border-style";
+            };
+        };
+        config: {
+            roundness: "scalar";
+        };
+    };
+    surface: {
+        p: {
+            $root: {
+                purpose: "other";
+                description: string;
+            };
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
+            };
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
+            };
+        };
+        rd: "border-radius";
+        text: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+            letterSpacing: "letter-spacing";
+        };
+        primary: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
+            };
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
+            };
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                c: "color";
+                w: "border-width";
+                style: "border-style";
+            };
+        };
+        secondary: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
+            };
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
+            };
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                c: "color";
+                w: "border-width";
+                style: "border-style";
+            };
+        };
+        ambient: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
+            };
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
+            };
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                c: "color";
+                w: "border-width";
+                style: "border-style";
+            };
+        };
+        config: {
+            roundness: "scalar";
+        };
+    };
+    control: {
+        config: {
+            roundness: "scalar";
+        };
+        fg: {
+            purpose: "color";
+            description: "Foreground color";
+        };
+        bg: {
+            purpose: "background";
+            description: "Background - can be a color or a more complex value like a gradient or image";
+        };
+        b: {
+            $root: {
+                purpose: "border";
+                description: string;
+            };
+            c: "color";
+            w: "border-width";
+            style: "border-style";
+        };
+        p: {
+            $root: {
+                purpose: "other";
+                description: string;
+            };
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
+            };
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
+            };
+        };
+        rd: "border-radius";
+        text: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+            letterSpacing: "letter-spacing";
+        };
+    };
+    prose: {
+        primary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+            letterSpacing: "letter-spacing";
+        };
+        secondary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+            letterSpacing: "letter-spacing";
+        };
+        ambient: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+            letterSpacing: "letter-spacing";
+        };
+    };
+}, Omit<{}, "ring" | "colorLighter" | "colorHeavier" | "colorDesaturated" | "colorSaturated" | "colorFaded" | "colorContrast" | "literal" | "between" | "colorBetween"> & {
+    colorLighter: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
+    colorHeavier: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
+    colorDesaturated: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
+    colorSaturated: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
+    colorFaded: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--opacity"]>;
+    ring: import("@arbor-css/functions").ArborFunction<readonly ["--color", {
+        readonly name: "--size";
+        readonly fallback: "1px";
+    }, {
+        readonly name: "--offset";
+        readonly fallback: "0px";
+    }]>;
+    colorContrast: import("@arbor-css/functions").ArborFunction<{
+        name: "--against-color";
+        fallback: string;
+    }[]>;
+    literal: import("@arbor-css/functions").ArborFunction<readonly ["--value"]>;
+    between: import("@arbor-css/functions").ArborFunction<readonly [{
+        readonly name: "--from";
+        readonly syntax: "<length> | <length-percentage>";
+    }, {
+        readonly name: "--to";
+        readonly syntax: "<length> | <length-percentage>";
+    }, {
+        readonly name: "--progress";
+        readonly fallback: "0.5";
+    }]>;
+    colorBetween: import("@arbor-css/functions").ArborFunction<readonly [{
+        readonly name: "--from";
+        readonly syntax: "<color>";
+    }, {
+        readonly name: "--to";
+        readonly syntax: "<color>";
+    }, {
+        readonly name: "--progress";
+        readonly fallback: "0.5";
+    }]>;
+}, Omit<Omit<{}, "shadow" | "fill" | "ring" | "fg" | "bg" | "borderColor" | "stroke" | "accent" | "accentLighter" | "accentHeavier" | "accentDesaturated" | "accentSaturated" | "accentFaded" | "bgLighter" | "bgHeavier" | "bgDesaturated" | "bgSaturated" | "bgFaded" | "borderColorLighter" | "borderColorHeavier" | "borderColorDesaturated" | "borderColorSaturated" | "borderColorFaded" | "fillLighter" | "fillHeavier" | "fillDesaturated" | "fillSaturated" | "fillFaded" | "fgLighter" | "fgHeavier" | "fgDesaturated" | "fgSaturated" | "fgFaded" | "strokeLighter" | "strokeHeavier" | "strokeDesaturated" | "strokeSaturated" | "strokeFaded"> & {
+    readonly shadow: import("@arbor-css/functions").ArborMixin<readonly [{
+        readonly name: "--shadow";
+        readonly fallback: "0 0 0 0 transparent";
+        readonly type: "*";
+        readonly description: "The main shadow layer, often used for elevation. If not specified, no shadow is initially applied.";
+    }], {
+        value: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly ring: import("@arbor-css/functions").ArborMixin<readonly [{
+        readonly name: "--ring";
+        readonly fallback: "0 0 0 0 transparent";
+        readonly type: "*";
+        readonly description: "The main shadow layer, often used for elevation. If not specified, no shadow is initially applied.";
+    }], {
+        value: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly accent: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly accentLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly accentHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly accentDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly accentSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly accentFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly bg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly bgLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly bgHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly bgDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly bgSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly bgFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly borderColor: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly borderColorLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly borderColorHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly borderColorDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly borderColorSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly borderColorFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fill: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly fillLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fillHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fillDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fillSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fillFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly fgLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fgHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fgDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fgSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly fgFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly stroke: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    readonly strokeLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly strokeHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly strokeDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly strokeSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    readonly strokeFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+}, "borderColor" | "borderColorLighter" | "borderColorHeavier" | "borderColorDesaturated" | "borderColorSaturated" | "borderColorFaded" | "control" | "actionPrimary" | "actionSecondary" | "actionAmbient" | "surfacePrimary" | "surfaceSecondary" | "surfaceAmbient" | "prosePrimary" | "proseSecondary" | "proseAmbient" | "animation"> & {
+    borderColor: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
+        applied: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        ref: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+        contrast: {
+            "@@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;
+            initial: string | number;
+            inherits: boolean;
+            var: string;
+            varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: 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;
+                initial: string | number;
+                inherits: boolean;
+                var: string;
+                varFallback: (fallback: string | number) => string;
+                assign: (value?: string | number) => string;
+                readonly definition: string;
+                suffixed: (suffix: string) => any;
+                prefixed: any;
+            };
+        };
+    }>;
+    borderColorLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    borderColorHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    borderColorDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    borderColorSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    borderColorFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
+        readonly name: "--source";
+        readonly fallback: string;
+    }], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    actionPrimary: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    actionSecondary: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    actionAmbient: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    surfacePrimary: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    surfaceSecondary: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    surfaceAmbient: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    control: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    prosePrimary: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    proseSecondary: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    proseAmbient: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+    animation: import("@arbor-css/functions").ArborMixin<{
+        name: "--name";
+        syntax: string;
+    }[], {
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
+        $root?: undefined;
+    }>;
+}>;
+export type PresetArborModeTokens<TRangeNames extends string> = ReturnType<typeof presetArbor<TRangeNames>>['$']['mode'];
+//# sourceMappingURL=preset.d.ts.map