@react95/core 7.0.2 → 8.0.0-alpha.0

package/@types/Frame/Frame.d.ts

@@ -1,5 +1,2251 @@
-import { SystemProps } from '@xstyled/styled-components';
-export interface FrameProps extends SystemProps {
-}
-declare const Frame: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, FrameProps, never>;
-export default Frame;
+import React, { ComponentPropsWithRef, ElementType } from 'react';
+import { Sprinkles } from './sprinkles.css';
+type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
+export type FrameProps<TAs extends ElementType = 'div'> = {
+    as?: TAs;
+} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TAs ? 'div' : TAs>, 'as'> & Sprinkles;
+export declare const Frame: <TAs extends React.ElementType>(props: {
+    as?: TAs | undefined;
+} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends TAs ? "div" : TAs>, "as"> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly backgroundColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "backgroundColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly colors: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "colors";
+        vars: {
+            default: string;
+        };
+    };
+} & {
+    bgColor: {
+        mappings: "backgroundColor"[];
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly boxShadow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "boxShadow";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly zIndex: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "zIndex";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly display: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "display";
+        vars: {
+            default: string;
+        };
+    };
+    readonly overflow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "overflow";
+        vars: {
+            default: string;
+        };
+    };
+    readonly boxSizing: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "boxSizing";
+        vars: {
+            default: string;
+        };
+    };
+    readonly grid: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "grid";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridArea: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridArea";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridAutoColumns: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridAutoColumns";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridAutoFlow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridAutoFlow";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridAutoRows: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridAutoRows";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridColumn: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridColumn";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridColumnEnd: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridColumnEnd";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridColumnStart: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridColumnStart";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridRow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridRow";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridRowEnd: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridRowEnd";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridRowStart: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridRowStart";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridTemplate: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridTemplate";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridTemplateAreas: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridTemplateAreas";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridTemplateColumns: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridTemplateColumns";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gridTemplateRows: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "gridTemplateRows";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flex: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flex";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flexBasis: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flexBasis";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flexDirection: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flexDirection";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flexFlow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flexFlow";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flexGrow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flexGrow";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flexShrink: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flexShrink";
+        vars: {
+            default: string;
+        };
+    };
+    readonly flexWrap: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "flexWrap";
+        vars: {
+            default: string;
+        };
+    };
+    readonly justifyContent: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "justifyContent";
+        vars: {
+            default: string;
+        };
+    };
+    readonly justifyItems: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "justifyItems";
+        vars: {
+            default: string;
+        };
+    };
+    readonly justifySelf: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "justifySelf";
+        vars: {
+            default: string;
+        };
+    };
+    readonly alignContent: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "alignContent";
+        vars: {
+            default: string;
+        };
+    };
+    readonly alignItems: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "alignItems";
+        vars: {
+            default: string;
+        };
+    };
+    readonly alignSelf: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "alignSelf";
+        vars: {
+            default: string;
+        };
+    };
+    readonly gap: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "gap";
+        vars: {
+            default: string;
+        };
+    };
+    readonly width: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "width";
+        vars: {
+            default: string;
+        };
+    };
+    readonly maxWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "maxWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly minWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "minWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly height: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "height";
+        vars: {
+            default: string;
+        };
+    };
+    readonly maxHeight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "maxHeight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly minHeight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "minHeight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly margin: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "margin";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginBlock: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginBlock";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginBlockEnd: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginBlockEnd";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginBlockStart: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginBlockStart";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginBottom: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginBottom";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginInline: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginInline";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginInlineEnd: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginInlineEnd";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginInlineStart: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginInlineStart";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginLeft: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginLeft";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginRight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginRight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly marginTop: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "marginTop";
+        vars: {
+            default: string;
+        };
+    };
+    readonly padding: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "padding";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingBlock: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingBlock";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingBlockEnd: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingBlockEnd";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingBlockStart: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingBlockStart";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingBottom: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingBottom";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingInline: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingInline";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingInlineEnd: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingInlineEnd";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingInlineStart: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingInlineStart";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingLeft: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingLeft";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingRight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingRight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly paddingTop: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "paddingTop";
+        vars: {
+            default: string;
+        };
+    };
+} & {
+    size: {
+        mappings: ("height" | "width")[];
+    };
+    h: {
+        mappings: "height"[];
+    };
+    w: {
+        mappings: "width"[];
+    };
+    minH: {
+        mappings: "minHeight"[];
+    };
+    minW: {
+        mappings: "minWidth"[];
+    };
+    m: {
+        mappings: "margin"[];
+    };
+    mr: {
+        mappings: "marginRight"[];
+    };
+    ml: {
+        mappings: "marginLeft"[];
+    };
+    mt: {
+        mappings: "marginTop"[];
+    };
+    mb: {
+        mappings: "marginBottom"[];
+    };
+    marginX: {
+        mappings: ("marginLeft" | "marginRight")[];
+    };
+    marginY: {
+        mappings: ("marginBottom" | "marginTop")[];
+    };
+    mx: {
+        mappings: ("marginLeft" | "marginRight")[];
+    };
+    my: {
+        mappings: ("marginBottom" | "marginTop")[];
+    };
+    p: {
+        mappings: "padding"[];
+    };
+    pr: {
+        mappings: "paddingRight"[];
+    };
+    pl: {
+        mappings: "paddingLeft"[];
+    };
+    pt: {
+        mappings: "paddingTop"[];
+    };
+    pb: {
+        mappings: "paddingBottom"[];
+    };
+    paddingX: {
+        mappings: ("paddingLeft" | "paddingRight")[];
+    };
+    paddingY: {
+        mappings: ("paddingBottom" | "paddingTop")[];
+    };
+    px: {
+        mappings: ("paddingLeft" | "paddingRight")[];
+    };
+    py: {
+        mappings: ("paddingBottom" | "paddingTop")[];
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly position: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "position";
+        vars: {
+            default: string;
+        };
+    };
+    readonly top: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "top";
+        vars: {
+            default: string;
+        };
+    };
+    readonly right: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "right";
+        vars: {
+            default: string;
+        };
+    };
+    readonly bottom: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "bottom";
+        vars: {
+            default: string;
+        };
+    };
+    readonly left: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "left";
+        vars: {
+            default: string;
+        };
+    };
+    readonly pointerEvents: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "pointerEvents";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly background: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "background";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundAttachment: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundAttachment";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundImage: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundImage";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundPosition: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundPosition";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundRepeat: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundRepeat";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundSize: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundSize";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundOrigin: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundOrigin";
+        vars: {
+            default: string;
+        };
+    };
+    readonly backgroundClip: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "backgroundClip";
+        vars: {
+            default: string;
+        };
+    };
+} & {
+    bg: {
+        mappings: "background"[];
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly border: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "border";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "borderColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderTop: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderTop";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderTopColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "borderTopColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderTopStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderTopStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderTopWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderTopWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderRight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderRight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderRightColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "borderRightColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderRightStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderRightStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderRightWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderRightWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderBottom: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderBottom";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderBottomColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "borderBottomColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderBottomStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderBottomStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderBottomWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderBottomWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderLeft: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderLeft";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderLeftColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "borderLeftColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderLeftStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderLeftStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderLeftWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderLeftWidth";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly borderBottomLeftRadius: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderBottomLeftRadius";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderBottomRightRadius: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderBottomRightRadius";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderImage: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderImage";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderImageOutset: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderImageOutset";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderImageRepeat: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderImageRepeat";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderImageSlice: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderImageSlice";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderImageSource: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderImageSource";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderImageWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderImageWidth";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderRadius: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderRadius";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderTopLeftRadius: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderTopLeftRadius";
+        vars: {
+            default: string;
+        };
+    };
+    readonly borderTopRightRadius: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "borderTopRightRadius";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly outline: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "outline";
+        vars: {
+            default: string;
+        };
+    };
+    readonly outlineColor: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "outlineColor";
+        vars: {
+            default: string;
+        };
+    };
+    readonly outlineStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "outlineStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly outlineWidth: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "outlineWidth";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly font: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "font";
+        vars: {
+            default: string;
+        };
+    };
+    readonly fontFamily: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "fontFamily";
+        vars: {
+            default: string;
+        };
+    };
+    readonly fontStyle: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "fontStyle";
+        vars: {
+            default: string;
+        };
+    };
+    readonly fontSize: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "fontSize";
+        vars: {
+            default: string;
+        };
+    };
+    readonly fontWeight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "fontWeight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly fontVariant: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "fontVariant";
+        vars: {
+            default: string;
+        };
+    };
+    readonly fontSizeAdjust: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "fontSizeAdjust";
+        vars: {
+            default: string;
+        };
+    };
+}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
+    readonly color: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: {
+            anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        name: "color";
+        vars: {
+            default: string;
+        };
+    };
+    readonly direction: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "direction";
+        vars: {
+            default: string;
+        };
+    };
+    readonly letterSpacing: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "letterSpacing";
+        vars: {
+            default: string;
+        };
+    };
+    readonly lineHeight: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "lineHeight";
+        vars: {
+            default: string;
+        };
+    };
+    readonly textAlign: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "textAlign";
+        vars: {
+            default: string;
+        };
+    };
+    readonly textDecoration: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "textDecoration";
+        vars: {
+            default: string;
+        };
+    };
+    readonly textIndent: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "textIndent";
+        vars: {
+            default: string;
+        };
+    };
+    readonly textShadow: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "textShadow";
+        vars: {
+            default: string;
+        };
+    };
+    readonly textTransform: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "textTransform";
+        vars: {
+            default: string;
+        };
+    };
+    readonly verticalAlign: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "verticalAlign";
+        vars: {
+            default: string;
+        };
+    };
+    readonly whiteSpace: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "whiteSpace";
+        vars: {
+            default: string;
+        };
+    };
+    readonly wordSpacing: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "wordSpacing";
+        vars: {
+            default: string;
+        };
+    };
+    readonly wordBreak: {
+        dynamic: {
+            default: string;
+        };
+        dynamicScale: true;
+        name: "wordBreak";
+        vars: {
+            default: string;
+        };
+    };
+}> & React.RefAttributes<any>) => React.ReactNode;
+export {};