@a-type/ui 6.0.80 → 6.1.0

package/dist/arbor/arbor.d.ts

@@ -1,4 +1,4 @@
-import { ArborPresetConfig } from '@arbor-css/core/preset-arbor';
+import { ArborPresetConfig } from '@arbor-css/core/preset-v2';
 declare const defaultColors: {
     ranges: {
         lemon: {
@@ -203,7 +203,7 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
                 description: "An overall scaling factor for how heavy font weight tokens are.";
             };
         };
-        easing: {
+        ease: {
             bounciness: {
                 purpose: "scalar";
                 description: "Controls the bounciness of easing functions. Higher values result in more overshoot and bounce.";
@@ -228,821 +228,618 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
             };
         };
     };
-    action: {
-        padding: {
-            $root: {
-                purpose: "other";
-                description: string;
-            };
-            inline: {
-                purpose: "spacing";
-                description: "Inline (horizontal, usually) padding";
-            };
-            block: {
-                purpose: "spacing";
-                description: "Block (vertical, usually) padding";
-            };
-        };
-        roundness: {
-            purpose: "scalar";
-            description: "This token controls the overall roundness of actions and stacks with the root roundness token";
-        };
-        radius: {
-            purpose: "border-radius";
-            description: "This token captures the border-radius of actions, taking into account the overall roundness";
-        };
-        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";
-            };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
-            };
-        };
-        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";
-            };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
-            };
-        };
-        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";
-            };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
-            };
-        };
-    };
-    control: {
-        text: {
-            size: "font-size";
-            weight: "font-weight";
-            lineHeight: "line-height";
-            font: "font-family";
-            letterSpacing: "letter-spacing";
-        };
-        fg: {
+    tint: {
+        $root: {
             purpose: "color";
-            description: "Foreground color";
-        };
-        bg: {
-            purpose: "background";
-            description: "Background - can be a color or a more complex value like a gradient or image";
+            description: string;
         };
-        borderColor: {
+        paper: {
             purpose: "color";
+            description: "The lightest color in the range";
         };
-        borderWidth: {
-            purpose: "border-width";
-        };
-        borderStyle: {
-            purpose: "border-style";
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
         };
-        border: {
-            purpose: "border";
-            description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
         };
-        padding: {
-            $root: {
-                purpose: "other";
-                description: string;
-            };
-            inline: {
-                purpose: "spacing";
-                description: "Inline (horizontal, usually) padding";
-            };
-            block: {
-                purpose: "spacing";
-                description: "Block (vertical, usually) padding";
-            };
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
         };
-        roundness: {
-            purpose: "scalar";
-            description: "This token controls the overall roundness of controls and stacks with the root roundness token";
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
         };
-        radius: {
-            purpose: "border-radius";
-            description: "This token captures the border-radius of controls, taking into account the overall roundness";
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
         };
     };
-    surface: {
-        padding: {
-            $root: {
-                purpose: "other";
-                description: string;
-            };
-            inline: {
-                purpose: "spacing";
-                description: "Inline (horizontal, usually) padding";
-            };
-            block: {
-                purpose: "spacing";
-                description: "Block (vertical, usually) padding";
-            };
-        };
-        roundness: {
-            purpose: "scalar";
-            description: "This token controls the overall roundness of surfaces and stacks with the root roundness token";
-        };
-        radius: {
-            purpose: "border-radius";
-            description: "This token captures the border-radius of surfaces, taking into account the overall roundness";
-        };
-        text: {
-            size: "font-size";
-            weight: "font-weight";
-            lineHeight: "line-height";
-            font: "font-family";
-            letterSpacing: "letter-spacing";
+    gray: {
+        $root: {
+            purpose: "color";
+            description: string;
         };
-        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";
-            };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
-            };
+        paper: {
+            purpose: "color";
+            description: "The lightest color in the range";
         };
-        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";
-            };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
-            };
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
         };
-        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";
-            };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
-            };
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
         };
-    };
-    prose: {
-        primary: {
-            size: "font-size";
-            weight: "font-weight";
-            lineHeight: "line-height";
-            font: "font-family";
-            letterSpacing: "letter-spacing";
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
         };
-        secondary: {
-            size: "font-size";
-            weight: "font-weight";
-            lineHeight: "line-height";
-            font: "font-family";
-            letterSpacing: "letter-spacing";
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
         };
-        ambient: {
-            size: "font-size";
-            weight: "font-weight";
-            lineHeight: "line-height";
-            font: "font-family";
-            letterSpacing: "letter-spacing";
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
         };
     };
-    color: {
-        main: {
-            $neutral: {
-                $root: {
-                    purpose: "color";
-                    description: string;
-                };
-                paper: {
-                    purpose: "color";
-                    description: "An extremely light shade, good for backgrounds and surfaces";
-                };
-                wash: {
-                    purpose: "color";
-                    description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-                };
-                light: {
-                    purpose: "color";
-                    description: "A light shade, good for emphasized surfaces.";
-                };
-                mid: {
-                    purpose: "color";
-                    description: "The main shade, good for primary actions and decoration.";
-                };
-                heavy: {
-                    purpose: "color";
-                    description: "A heavy shade, good for text emphasis and accents.";
-                };
-                ink: {
-                    purpose: "color";
-                    description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-                };
-            };
+    color: Record<"tomato" | "success" | "attention" | "user" | "lemon" | "leek" | "blueberry" | "eggplant", {
+        gray: {
             $root: {
                 purpose: "color";
                 description: string;
             };
             paper: {
                 purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
+                description: "The lightest color in the range";
             };
             wash: {
                 purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
+                description: "A light color in the range, lighter than the base color";
             };
             light: {
                 purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
+                description: "A light color in the range, lighter than the base color";
             };
             mid: {
                 purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
+                description: "A mid-tone color in the range, similar to the base color";
             };
             heavy: {
                 purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
+                description: "A dark color in the range, darker than the base color";
             };
             ink: {
                 purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
+                description: "The darkest color in the range, usually used for text and other high-contrast elements";
             };
         };
-        neutral: {
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        };
-        palette: Record<"tomato" | "success" | "attention" | "user" | "lemon" | "leek" | "blueberry" | "eggplant", {
-            $neutral: {
-                $root: {
-                    purpose: "color";
-                    description: string;
-                };
-                paper: {
-                    purpose: "color";
-                    description: "An extremely light shade, good for backgrounds and surfaces";
-                };
-                wash: {
-                    purpose: "color";
-                    description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-                };
-                light: {
-                    purpose: "color";
-                    description: "A light shade, good for emphasized surfaces.";
-                };
-                mid: {
-                    purpose: "color";
-                    description: "The main shade, good for primary actions and decoration.";
-                };
-                heavy: {
-                    purpose: "color";
-                    description: "A heavy shade, good for text emphasis and accents.";
-                };
-                ink: {
-                    purpose: "color";
-                    description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-                };
-            };
-            $root: {
-                purpose: "color";
-                description: string;
-            };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
-            };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
-            };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-            };
-        }>;
-    };
-    space: {
         $root: {
-            purpose: "spacing";
+            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";
     };
-    lineWidth: {
-        $root: {
-            purpose: "border-width";
-            description: string;
-        };
-        sm: {
-            purpose: "border-width";
-            description: "A hairline border width. Always >= 1px. If the global border width is small, this may be the same as \"md\"";
-        };
-        md: {
-            purpose: "border-width";
-            description: "A general-purpose border width";
-        };
-        lg: {
-            purpose: "border-width";
-            description: "A thicker border, good for emphasis";
-        };
-    };
-    radius: {
-        $root: {
-            purpose: "border-radius";
-            description: string;
-        };
+    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: {
-            purpose: "shadow";
-            description: string;
-        };
-        color: {
-            purpose: "color";
-            description: "If specified, this token overrides shadow colors from primitives";
-        };
+        $root: "shadow";
         none: {
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
             x: {
-                purpose: "size";
+                purpose: "shadow-x";
                 description: "Horizontal offset of the shadow";
             };
             y: {
-                purpose: "size";
+                purpose: "shadow-y";
                 description: "Vertical offset of the shadow";
             };
             blur: {
-                purpose: "size";
+                purpose: "shadow-blur";
                 description: "Blur radius of the shadow";
             };
             spread: {
-                purpose: "size";
+                purpose: "shadow-spread";
                 description: "Spread radius of the shadow";
             };
             color: {
-                purpose: "color";
+                purpose: "shadow-color";
                 description: "Color of the shadow";
             };
+        };
+        sm: {
             $root: {
                 purpose: "shadow";
                 description: string;
             };
-        };
-        sm: {
             x: {
-                purpose: "size";
+                purpose: "shadow-x";
                 description: "Horizontal offset of the shadow";
             };
             y: {
-                purpose: "size";
+                purpose: "shadow-y";
                 description: "Vertical offset of the shadow";
             };
             blur: {
-                purpose: "size";
+                purpose: "shadow-blur";
                 description: "Blur radius of the shadow";
             };
             spread: {
-                purpose: "size";
+                purpose: "shadow-spread";
                 description: "Spread radius of the shadow";
             };
             color: {
-                purpose: "color";
+                purpose: "shadow-color";
                 description: "Color of the shadow";
             };
+        };
+        md: {
             $root: {
                 purpose: "shadow";
                 description: string;
             };
-        };
-        md: {
             x: {
-                purpose: "size";
+                purpose: "shadow-x";
                 description: "Horizontal offset of the shadow";
             };
             y: {
-                purpose: "size";
+                purpose: "shadow-y";
                 description: "Vertical offset of the shadow";
             };
             blur: {
-                purpose: "size";
+                purpose: "shadow-blur";
                 description: "Blur radius of the shadow";
             };
             spread: {
-                purpose: "size";
+                purpose: "shadow-spread";
                 description: "Spread radius of the shadow";
             };
             color: {
-                purpose: "color";
+                purpose: "shadow-color";
                 description: "Color of the shadow";
             };
+        };
+        lg: {
             $root: {
                 purpose: "shadow";
                 description: string;
             };
-        };
-        lg: {
             x: {
-                purpose: "size";
+                purpose: "shadow-x";
                 description: "Horizontal offset of the shadow";
             };
             y: {
-                purpose: "size";
+                purpose: "shadow-y";
                 description: "Vertical offset of the shadow";
             };
             blur: {
-                purpose: "size";
+                purpose: "shadow-blur";
                 description: "Blur radius of the shadow";
             };
             spread: {
-                purpose: "size";
+                purpose: "shadow-spread";
                 description: "Spread radius of the shadow";
             };
             color: {
-                purpose: "color";
+                purpose: "shadow-color";
                 description: "Color of the shadow";
             };
+        };
+        xl: {
             $root: {
                 purpose: "shadow";
                 description: string;
             };
-        };
-        xl: {
             x: {
-                purpose: "size";
+                purpose: "shadow-x";
                 description: "Horizontal offset of the shadow";
             };
             y: {
-                purpose: "size";
+                purpose: "shadow-y";
                 description: "Vertical offset of the shadow";
             };
             blur: {
-                purpose: "size";
+                purpose: "shadow-blur";
                 description: "Blur radius of the shadow";
             };
             spread: {
-                purpose: "size";
+                purpose: "shadow-spread";
                 description: "Spread radius of the shadow";
             };
             color: {
-                purpose: "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: "shadow";
+                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;
+                };
+                color: "color";
+                width: "border-width";
+                style: "border-style";
+            };
         };
-    };
-    easing: {
-        in: {
-            $root: {
-                purpose: "easing-function";
-                description: string;
-            };
-            tight: {
-                purpose: "easing-function";
-                description: "A short, snappy easing, good for tight interactions";
+        secondary: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
             };
-            medium: {
-                purpose: "easing-function";
-                description: "A medium easing, good for general use";
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
             };
-            loose: {
-                purpose: "easing-function";
-                description: "A long, relaxed easing, good for slow interactions and animations";
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                color: "color";
+                width: "border-width";
+                style: "border-style";
             };
         };
-        out: {
-            $root: {
-                purpose: "easing-function";
-                description: string;
-            };
-            tight: {
-                purpose: "easing-function";
-                description: "A short, snappy easing, good for tight interactions";
+        ambient: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
             };
-            medium: {
-                purpose: "easing-function";
-                description: "A medium easing, good for general use";
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
             };
-            loose: {
-                purpose: "easing-function";
-                description: "A long, relaxed easing, good for slow interactions and animations";
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                color: "color";
+                width: "border-width";
+                style: "border-style";
             };
         };
-        $root: {
-            purpose: "easing-function";
-            description: string;
-        };
-        tight: {
-            purpose: "easing-function";
-            description: "A short, snappy easing, good for tight interactions";
-        };
-        medium: {
-            purpose: "easing-function";
-            description: "A medium easing, good for general use";
-        };
-        loose: {
-            purpose: "easing-function";
-            description: "A long, relaxed easing, good for slow interactions and animations";
-        };
-    };
-    duration: {
-        $root: {
-            purpose: "duration";
-            description: string;
-        };
-        short: {
-            purpose: "duration";
-            description: "A short, snappy duration, good for fast interactions and large animations";
-        };
-        medium: {
-            purpose: "duration";
-            description: "A medium duration, good for general use, fast enough for interactions";
-        };
-        long: {
-            purpose: "duration";
-            description: "A long, relaxed duration, good for slow interactions and animations";
+        config: {
+            roundness: "scalar";
         };
     };
-    text: {
-        weight: {
+    surface: {
+        p: {
             $root: {
-                purpose: "font-weight";
+                purpose: "other";
                 description: string;
             };
-            thin: {
-                purpose: "font-weight";
-                description: "A thin font weight, good for large or de-emphasized text";
-            };
-            normal: {
-                purpose: "font-weight";
-                description: "A normal font weight, good for general use";
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
             };
-            bold: {
-                purpose: "font-weight";
-                description: "A bold font weight, good for small or emphasized text";
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
             };
         };
-        size: {
-            $root: {
-                purpose: "font-size";
-                description: string;
-            };
-            sm: {
-                purpose: "font-size";
-                description: "A small font size, good for captions and fine print";
+        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";
             };
-            md: {
-                purpose: "font-size";
-                description: "A medium font size, good for general use";
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
             };
-            lg: {
-                purpose: "font-size";
-                description: "A large font size, good for headings and emphasis";
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                color: "color";
+                width: "border-width";
+                style: "border-style";
             };
         };
-        lineHeight: {
-            $root: {
-                purpose: "line-height";
-                description: string;
-            };
-            tight: {
-                purpose: "line-height";
-                description: "A tight line height, good for large text or when space is limited";
+        secondary: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
             };
-            normal: {
-                purpose: "line-height";
-                description: "A normal line height, good for general use";
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
             };
-            loose: {
-                purpose: "line-height";
-                description: "A loose line height, good for small text or when readability is a concern";
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                color: "color";
+                width: "border-width";
+                style: "border-style";
             };
         };
-        letterSpacing: {
-            $root: {
-                purpose: "letter-spacing";
-                description: string;
-            };
-            tight: {
-                purpose: "letter-spacing";
-                description: "A tight letter spacing, good for large text or when space is limited";
-            };
-            normal: {
-                purpose: "letter-spacing";
-                description: "A normal letter spacing, good for general use";
+        ambient: {
+            fg: {
+                purpose: "color";
+                description: "Foreground color";
             };
-            loose: {
-                purpose: "letter-spacing";
-                description: "A loose letter spacing, good for small text or when readability is a concern";
+            bg: {
+                purpose: "background";
+                description: "Background - can be a color or a more complex value like a gradient or image";
             };
-        };
-    };
-} & {
-    color: {
-        accent: {
-            $neutral: {
+            b: {
                 $root: {
-                    purpose: "color";
+                    purpose: "border";
                     description: string;
                 };
-                paper: {
-                    purpose: "color";
-                    description: "An extremely light shade, good for backgrounds and surfaces";
-                };
-                wash: {
-                    purpose: "color";
-                    description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-                };
-                light: {
-                    purpose: "color";
-                    description: "A light shade, good for emphasized surfaces.";
-                };
-                mid: {
-                    purpose: "color";
-                    description: "The main shade, good for primary actions and decoration.";
-                };
-                heavy: {
-                    purpose: "color";
-                    description: "A heavy shade, good for text emphasis and accents.";
-                };
-                ink: {
-                    purpose: "color";
-                    description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
-                };
+                color: "color";
+                width: "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: "color";
+                purpose: "border";
                 description: string;
             };
-            paper: {
-                purpose: "color";
-                description: "An extremely light shade, good for backgrounds and surfaces";
-            };
-            wash: {
-                purpose: "color";
-                description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
-            };
-            light: {
-                purpose: "color";
-                description: "A light shade, good for emphasized surfaces.";
-            };
-            mid: {
-                purpose: "color";
-                description: "The main shade, good for primary actions and decoration.";
+            color: "color";
+            width: "border-width";
+            style: "border-style";
+        };
+        p: {
+            $root: {
+                purpose: "other";
+                description: string;
             };
-            heavy: {
-                purpose: "color";
-                description: "A heavy shade, good for text emphasis and accents.";
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
             };
-            ink: {
-                purpose: "color";
-                description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
+            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";
+        };
+    };
+} & {
+    accent: {
+        $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";
+        };
     };
     user: {
         hue: {
@@ -1064,18 +861,14 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
                 purpose: "background";
                 description: "Background - can be a color or a more complex value like a gradient or image";
             };
-            borderColor: {
-                purpose: "color";
-            };
-            borderWidth: {
-                purpose: "border-width";
-            };
-            borderStyle: {
-                purpose: "border-style";
-            };
-            border: {
-                purpose: "border";
-                description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
+            b: {
+                $root: {
+                    purpose: "border";
+                    description: string;
+                };
+                color: "color";
+                width: "border-width";
+                style: "border-style";
             };
         };
     };
@@ -1119,7 +912,7 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
     }]>;
 }, "focusRing"> & {
     focusRing: import("@arbor-css/core").ArborFunction<import("@arbor-css/core").FunctionParams>;
-}, Omit<Omit<Omit<{}, "shadow" | "fill" | "stroke" | "accent" | "borderColor" | "ring" | "fg" | "bg" | "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"> & {
+}, Omit<Omit<Omit<{}, "shadow" | "fill" | "stroke" | "accent" | "borderColor" | "fg" | "bg" | "ring" | "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/core").ArborMixin<readonly [{
         readonly name: "--shadow";
         readonly fallback: "0 0 0 0 transparent";
@@ -1415,35 +1208,50 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly accentHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly accentDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly accentSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly accentFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly bg: import("@arbor-css/core").ArborMixin<readonly ["--color"], {
@@ -1617,35 +1425,50 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly bgHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly bgDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly bgSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly bgFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly borderColor: import("@arbor-css/core").ArborMixin<readonly ["--color"], {
@@ -1819,35 +1642,50 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly borderColorHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly borderColorDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly borderColorSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly borderColorFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fill: import("@arbor-css/core").ArborMixin<readonly ["--color"], {
@@ -2021,35 +1859,50 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fillHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fillDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fillSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fillFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fg: import("@arbor-css/core").ArborMixin<readonly ["--color"], {
@@ -2223,35 +2076,50 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fgHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fgDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fgSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly fgFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly stroke: import("@arbor-css/core").ArborMixin<readonly ["--color"], {
@@ -2425,35 +2293,50 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly strokeHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly strokeDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly strokeSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     readonly strokeFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
 }, "animation" | "borderColor" | "control" | "borderColorLighter" | "borderColorHeavier" | "borderColorDesaturated" | "borderColorSaturated" | "borderColorFaded" | "actionPrimary" | "actionSecondary" | "actionAmbient" | "surfacePrimary" | "surfaceSecondary" | "surfaceAmbient" | "prosePrimary" | "proseSecondary" | "proseAmbient"> & {
@@ -2628,103 +2511,166 @@ export declare function presetAtype<TColors extends DefaultColorRangeName = Defa
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     borderColorHeavier: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     borderColorDesaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     borderColorSaturated: import("@arbor-css/core").ArborMixin<readonly ["--step", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     borderColorFaded: import("@arbor-css/core").ArborMixin<readonly ["--opacity", {
         readonly name: "--source";
         readonly fallback: string;
     }], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     actionPrimary: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     actionSecondary: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     actionAmbient: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     surfacePrimary: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     surfaceSecondary: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     surfaceAmbient: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     control: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     prosePrimary: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     proseSecondary: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     proseAmbient: import("@arbor-css/core").ArborMixin<import("@arbor-css/core").FunctionParams, {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     animation: import("@arbor-css/core").ArborMixin<{
         name: "--name";
         syntax: string;
     }[], {
-        [x: string]: any;
+        [x: string]: {
+            [x: string]: any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
 }, "focus" | "hover" | "active" | "disabled" | "actionLight"> & {
     actionLight: import("@arbor-css/core").ArborMixin<any, {
-        [x: string]: /*elided*/ any;
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     hover: import("@arbor-css/core").ArborMixin<any, {
-        [x: string]: /*elided*/ any;
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     focus: import("@arbor-css/core").ArborMixin<any, {
-        [x: string]: /*elided*/ any;
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     active: import("@arbor-css/core").ArborMixin<any, {
-        [x: string]: /*elided*/ any;
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
     disabled: import("@arbor-css/core").ArborMixin<any, {
-        [x: string]: /*elided*/ any;
+        [x: string]: {
+            [x: string]: /*elided*/ any;
+            $root?: undefined;
+        };
         $root?: undefined;
     }>;
 }>;