import * as react from 'react';
import { ComponentProps, AnchorHTMLAttributes, ForwardRefRenderFunction, ComponentType, FunctionComponent } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { ConditionalValue, RequiredConditionalValue } from '@vanilla-extract/sprinkles';
import { AriaButtonProps } from '@react-types/button';
import { GroupBase } from 'react-select';
import { CellProps, Column as Column$1 } from 'react-table';
import { ClassValue } from 'clsx';
import { PressEvent } from '@react-types/shared';

declare const responsiveStyles: {
    conditions: {
        defaultCondition: "wide";
        conditionNames: ("wide" | "desktop" | "tablet" | "mobile")[];
    };
    styles: {
        readonly display: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flex: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                grid: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                "inline-block": {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexDirection: {
            values: {
                column: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                row: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                rowReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                columnReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly alignItems: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                baseline: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                stretch: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly justifyContent: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexWrap: {
            values: {
                nowrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrapReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexShrink: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexGrow: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flex: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly width: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                full: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly gap: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly textAlign: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                left: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                right: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                justify: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly maxWidth: {
            values: {
                700: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1440: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly top: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly bottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly left: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly right: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
    };
} & {
    styles: {
        inset: {
            mappings: ["top", "right", "bottom", "left"];
        };
        padding: {
            mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"];
        };
        paddingX: {
            mappings: ["paddingLeft", "paddingRight"];
        };
        paddingY: {
            mappings: ["paddingTop", "paddingBottom"];
        };
        margin: {
            mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"];
        };
        marginX: {
            mappings: ["marginLeft", "marginRight"];
        };
        marginY: {
            mappings: ["marginTop", "marginBottom"];
        };
    };
};
declare const bentoSprinkles: ((props: {
    readonly borderRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
    readonly borderTopLeftRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
    readonly borderTopRightRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
    readonly borderBottomLeftRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
    readonly borderBottomRightRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
    readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
    readonly fontFamily?: "default" | undefined;
    readonly fontWeight?: "body" | "label" | "title" | "display" | "bodyStrong" | "headline" | undefined;
    readonly fontSize?: "bodySmall" | "bodyMedium" | "bodyLarge" | "displaySmall" | "displayMedium" | "displayLarge" | "headlineSmall" | "headlineMedium" | "headlineLarge" | "labelSmall" | "labelMedium" | "labelLarge" | "titleSmall" | "titleMedium" | "titleLarge" | undefined;
    readonly lineHeight?: "bodySmall" | "bodyMedium" | "bodyLarge" | "displaySmall" | "displayMedium" | "displayLarge" | "headlineSmall" | "headlineMedium" | "headlineLarge" | "labelSmall" | "labelMedium" | "labelLarge" | "titleSmall" | "titleMedium" | "titleLarge" | undefined;
    readonly letterSpacing?: 1 | 2 | undefined;
    readonly height?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "full" | undefined;
    readonly position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
    readonly overflow?: "auto" | "hidden" | "visible" | undefined;
    readonly overflowX?: "auto" | "hidden" | "visible" | undefined;
    readonly overflowY?: "auto" | "hidden" | "visible" | undefined;
    readonly isolation?: "auto" | "isolate" | undefined;
    borderTopRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
    borderBottomRadius?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "circled" | "circledX" | undefined;
} & {
    readonly display?: "none" | "flex" | "grid" | "block" | "inline-block" | {
        wide?: "none" | "flex" | "grid" | "block" | "inline-block" | undefined;
        desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | undefined;
        tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | undefined;
        mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | undefined;
    } | undefined;
    readonly flexDirection?: "column" | "row" | "rowReverse" | "columnReverse" | {
        wide?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
        desktop?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
        tablet?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
        mobile?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
    } | undefined;
    readonly alignItems?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | {
        wide?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
        desktop?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
        tablet?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
        mobile?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
    } | undefined;
    readonly justifyContent?: "center" | "flexStart" | "flexEnd" | {
        wide?: "center" | "flexStart" | "flexEnd" | undefined;
        desktop?: "center" | "flexStart" | "flexEnd" | undefined;
        tablet?: "center" | "flexStart" | "flexEnd" | undefined;
        mobile?: "center" | "flexStart" | "flexEnd" | undefined;
    } | undefined;
    readonly flexWrap?: "nowrap" | "wrap" | "wrapReverse" | {
        wide?: "nowrap" | "wrap" | "wrapReverse" | undefined;
        desktop?: "nowrap" | "wrap" | "wrapReverse" | undefined;
        tablet?: "nowrap" | "wrap" | "wrapReverse" | undefined;
        mobile?: "nowrap" | "wrap" | "wrapReverse" | undefined;
    } | undefined;
    readonly flexShrink?: 0 | {
        wide?: 0 | undefined;
        desktop?: 0 | undefined;
        tablet?: 0 | undefined;
        mobile?: 0 | undefined;
    } | undefined;
    readonly flexGrow?: 0 | 1 | 2 | {
        wide?: 0 | 1 | 2 | undefined;
        desktop?: 0 | 1 | 2 | undefined;
        tablet?: 0 | 1 | 2 | undefined;
        mobile?: 0 | 1 | 2 | undefined;
    } | undefined;
    readonly flex?: 0 | 1 | 2 | {
        wide?: 0 | 1 | 2 | undefined;
        desktop?: 0 | 1 | 2 | undefined;
        tablet?: 0 | 1 | 2 | undefined;
        mobile?: 0 | 1 | 2 | undefined;
    } | undefined;
    readonly width?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "full" | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "full" | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "full" | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "full" | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | "full" | undefined;
    } | undefined;
    readonly paddingTop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly paddingBottom?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly paddingLeft?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly paddingRight?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly gap?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly textAlign?: "center" | "left" | "right" | "justify" | {
        wide?: "center" | "left" | "right" | "justify" | undefined;
        desktop?: "center" | "left" | "right" | "justify" | undefined;
        tablet?: "center" | "left" | "right" | "justify" | undefined;
        mobile?: "center" | "left" | "right" | "justify" | undefined;
    } | undefined;
    readonly maxWidth?: 700 | 1440 | {
        wide?: 700 | 1440 | undefined;
        desktop?: 700 | 1440 | undefined;
        tablet?: 700 | 1440 | undefined;
        mobile?: 700 | 1440 | undefined;
    } | undefined;
    readonly top?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly bottom?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly left?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly right?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    readonly marginTop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
    readonly marginBottom?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
    readonly marginLeft?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
    readonly marginRight?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
    inset?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    padding?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    paddingX?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    paddingY?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | {
        wide?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        desktop?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        tablet?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
        mobile?: 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 80 | undefined;
    } | undefined;
    margin?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
    marginX?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
    marginY?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | {
        wide?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        desktop?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        tablet?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
        mobile?: 0 | "negative4" | "negative8" | "negative12" | "negative16" | "negative24" | "negative32" | "negative40" | "negative80" | undefined;
    } | undefined;
} & {
    readonly color?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | {
        readonly default?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly hover?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly focus?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly active?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly disabled?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
    } | undefined;
    readonly decoration?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | {
        readonly default?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | undefined;
        readonly hover?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | undefined;
        readonly focus?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | undefined;
        readonly active?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | undefined;
        readonly disabled?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | undefined;
    } | undefined;
    readonly background?: "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | {
        readonly default?: "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly hover?: "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly focus?: "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly active?: "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly disabled?: "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
    } | undefined;
    readonly cursor?: "default" | "pointer" | "notAllowed" | {
        readonly default?: "default" | "pointer" | "notAllowed" | undefined;
        readonly hover?: "default" | "pointer" | "notAllowed" | undefined;
        readonly focus?: "default" | "pointer" | "notAllowed" | undefined;
        readonly active?: "default" | "pointer" | "notAllowed" | undefined;
        readonly disabled?: "default" | "pointer" | "notAllowed" | undefined;
    } | undefined;
    readonly boxShadow?: "inherit" | "none" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInteractiveBottom" | "outlineDecorativeBottom" | "outlineNegativeStrong" | "elevationSmall" | "elevationMedium" | "elevationLarge" | {
        readonly default?: "inherit" | "none" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInteractiveBottom" | "outlineDecorativeBottom" | "outlineNegativeStrong" | "elevationSmall" | "elevationMedium" | "elevationLarge" | undefined;
        readonly hover?: "inherit" | "none" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInteractiveBottom" | "outlineDecorativeBottom" | "outlineNegativeStrong" | "elevationSmall" | "elevationMedium" | "elevationLarge" | undefined;
        readonly focus?: "inherit" | "none" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInteractiveBottom" | "outlineDecorativeBottom" | "outlineNegativeStrong" | "elevationSmall" | "elevationMedium" | "elevationLarge" | undefined;
        readonly active?: "inherit" | "none" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInteractiveBottom" | "outlineDecorativeBottom" | "outlineNegativeStrong" | "elevationSmall" | "elevationMedium" | "elevationLarge" | undefined;
        readonly disabled?: "inherit" | "none" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInteractiveBottom" | "outlineDecorativeBottom" | "outlineNegativeStrong" | "elevationSmall" | "elevationMedium" | "elevationLarge" | undefined;
    } | undefined;
    readonly outline?: "none" | {
        readonly default?: "none" | undefined;
        readonly hover?: "none" | undefined;
        readonly focus?: "none" | undefined;
        readonly active?: "none" | undefined;
        readonly disabled?: "none" | undefined;
    } | undefined;
    readonly outlineStyle?: "dashed" | "solid" | {
        readonly default?: "dashed" | "solid" | undefined;
        readonly hover?: "dashed" | "solid" | undefined;
        readonly focus?: "dashed" | "solid" | undefined;
        readonly active?: "dashed" | "solid" | undefined;
        readonly disabled?: "dashed" | "solid" | undefined;
    } | undefined;
    readonly outlineWidth?: 1 | 2 | {
        readonly default?: 1 | 2 | undefined;
        readonly hover?: 1 | 2 | undefined;
        readonly focus?: 1 | 2 | undefined;
        readonly active?: 1 | 2 | undefined;
        readonly disabled?: 1 | 2 | undefined;
    } | undefined;
    readonly outlineColor?: "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | {
        readonly default?: "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | undefined;
        readonly hover?: "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | undefined;
        readonly focus?: "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | undefined;
        readonly active?: "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | undefined;
        readonly disabled?: "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | undefined;
    } | undefined;
    readonly stroke?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | {
        readonly default?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly hover?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly focus?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly active?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly disabled?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
    } | undefined;
    readonly textDecoration?: "none" | "underline" | {
        readonly default?: "none" | "underline" | undefined;
        readonly hover?: "none" | "underline" | undefined;
        readonly focus?: "none" | "underline" | undefined;
        readonly active?: "none" | "underline" | undefined;
        readonly disabled?: "none" | "underline" | undefined;
    } | undefined;
    readonly fill?: "inherit" | "transparent" | "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | {
        readonly default?: "inherit" | "transparent" | "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly hover?: "inherit" | "transparent" | "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly focus?: "inherit" | "transparent" | "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly active?: "inherit" | "transparent" | "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly disabled?: "inherit" | "transparent" | "currentColor" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundOverlay" | "backgroundPrimaryInverse" | "backgroundSecondaryInverse" | "backgroundInteractive" | "backgroundInteractiveOverlay" | "backgroundInformative" | "backgroundPositive" | "backgroundWarning" | "backgroundNegative" | "backgroundLightScrim" | "backgroundDarkScrim" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledBackground" | "primarySolidHoverBackground" | "primarySolidFocusBackground" | "primaryTransparentEnabledBackground" | "primaryTransparentHoverBackground" | "primaryTransparentFocusBackground" | "secondarySolidEnabledBackground" | "secondarySolidHoverBackground" | "secondarySolidFocusBackground" | "secondaryTransparentEnabledBackground" | "secondaryTransparentHoverBackground" | "secondaryTransparentFocusBackground" | "dangerSolidEnabledBackground" | "dangerSolidHoverBackground" | "dangerSolidFocusBackground" | "dangerTransparentEnabledBackground" | "dangerTransparentHoverBackground" | "dangerTransparentFocusBackground" | "disabledSolidBackground" | "disabledTransparentBackground" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
    } | undefined;
    readonly borderColor?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | {
        readonly default?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly hover?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly focus?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly active?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
        readonly disabled?: "transparent" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "foregroundPrimary" | "foregroundSecondary" | "foregroundPrimaryInverse" | "foregroundSecondaryInverse" | "foregroundInteractive" | "foregroundInformative" | "foregroundPositive" | "foregroundWarning" | "foregroundNegative" | "foregroundDisabled" | "textPrimary" | "textSecondary" | "textPrimaryInverse" | "textSecondaryInverse" | "textInteractive" | "textInformative" | "textPositive" | "textWarning" | "textNegative" | "textDisabled" | "primarySolidEnabledForeground" | "primarySolidHoverForeground" | "primarySolidFocusForeground" | "primaryTransparentEnabledForeground" | "primaryTransparentHoverForeground" | "primaryTransparentFocusForeground" | "secondarySolidEnabledForeground" | "secondarySolidHoverForeground" | "secondarySolidFocusForeground" | "secondaryTransparentEnabledForeground" | "secondaryTransparentHoverForeground" | "secondaryTransparentFocusForeground" | "dangerSolidEnabledForeground" | "dangerSolidHoverForeground" | "dangerSolidFocusForeground" | "dangerTransparentEnabledForeground" | "dangerTransparentHoverForeground" | "dangerTransparentFocusForeground" | "disabledSolidForeground" | "disabledTransparentForeground" | "linkEnabled" | "linkHover" | "linkFocus" | "linkDisabled" | "linkEnabledInverse" | "linkHoverInverse" | "linkFocusInverse" | "linkDisabledInverse" | "outlineInteractive" | "outlineInteractivePrimaryEnabled" | "outlineInteractivePrimaryFocus" | "outlineInteractivePrimaryHover" | "outlineInteractiveSecondaryEnabled" | "outlineInteractiveSecondaryFocus" | "outlineInteractiveSecondaryHover" | "outlineInteractiveDangerEnabled" | "outlineInteractiveDangerFocus" | "outlineInteractiveDangerHover" | "outlineInteractiveDisabled" | "outlineDecorative" | "outlineContainer" | "outlineInputEnabled" | "outlineInputHover" | "outlineInputFocus" | "outlineInputDisabled" | "outlineInformative" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "softGrey" | "softRed" | "softOrange" | "softYellow" | "softGreen" | "softJade" | "softBlue" | "softIndigo" | "softViolet" | "softPink" | "brightGrey" | "brightRed" | "brightOrange" | "brightYellow" | "brightGreen" | "brightJade" | "brightBlue" | "brightIndigo" | "brightViolet" | "brightPink" | undefined;
    } | undefined;
    readonly borderStyle?: "dashed" | "solid" | {
        readonly default?: "dashed" | "solid" | undefined;
        readonly hover?: "dashed" | "solid" | undefined;
        readonly focus?: "dashed" | "solid" | undefined;
        readonly active?: "dashed" | "solid" | undefined;
        readonly disabled?: "dashed" | "solid" | undefined;
    } | undefined;
    readonly borderWidth?: 1 | 2 | {
        readonly default?: 1 | 2 | undefined;
        readonly hover?: 1 | 2 | undefined;
        readonly focus?: 1 | 2 | undefined;
        readonly active?: 1 | 2 | undefined;
        readonly disabled?: 1 | 2 | undefined;
    } | undefined;
    readonly borderBottomWidth?: 1 | 2 | {
        readonly default?: 1 | 2 | undefined;
        readonly hover?: 1 | 2 | undefined;
        readonly focus?: 1 | 2 | undefined;
        readonly active?: 1 | 2 | undefined;
        readonly disabled?: 1 | 2 | undefined;
    } | undefined;
}) => string) & {
    properties: Set<"margin" | "alignItems" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "bottom" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "isolation" | "justifyContent" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "outlineColor" | "outlineStyle" | "outlineWidth" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "flex" | "gap" | "inset" | "outline" | "overflow" | "padding" | "textDecoration" | "fill" | "stroke" | "borderTopRadius" | "borderBottomRadius" | "paddingX" | "paddingY" | "marginX" | "marginY" | "decoration">;
};
type OptionalResponsiveValue<Value extends string | number> = ConditionalValue<typeof responsiveStyles, Value>;
type RequiredResponsiveValue<Value extends string | number> = RequiredConditionalValue<typeof responsiveStyles, Value>;

type Overwrite<O1 extends object, O2 extends object> = {
    [k in keyof O1]: k extends keyof O2 ? O2[k] : O1[k];
};

interface ConfigurableTypes {
    LocalizedString: string;
    SprinklesFn: typeof bentoSprinkles;
    ChipCustomColors: never;
    PaginationItemsPerPage: [10, 25, 50, 100];
}
interface TypeOverrides {
}
type ConfiguredTypes = Overwrite<ConfigurableTypes, TypeOverrides>;
type LocalizedString = string & ConfiguredTypes["LocalizedString"];
type SprinklesFn = typeof bentoSprinkles & ConfiguredTypes["SprinklesFn"];
type ChipCustomColors = string & ConfiguredTypes["ChipCustomColors"];
type PaginationItemsPerPage = Array<number> & ConfiguredTypes["PaginationItemsPerPage"];

type BentoSprinkles = Parameters<SprinklesFn>[0];
type ResponsiveSpace = BentoSprinkles["gap"];

type IconProps = {
    size: Extract<BentoSprinkles["width"], 8 | 16 | 24 | 40> | 12;
    color?: "default" | "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "informative" | "positive" | "warning" | "negative" | "disabled" | "inherit" | "interactive" | "currentColor";
    className?: string;
};

declare const otherButtonKeys: readonly ["name", "value", "form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget"];
type OtherButtonKeys = (typeof otherButtonKeys)[number];
type ButtonSize = "small" | "medium" | "large";
type Props$k = {
    label: LocalizedString;
    onPress: () => void;
    kind: "solid" | "transparent" | "outline";
    hierarchy: "primary" | "secondary" | "danger";
    isDisabled?: boolean;
    size?: ButtonSize;
    icon?: (props: IconProps) => Children;
    iconPosition?: "leading" | "trailing";
} & Omit<AriaButtonProps<"button">, "onPress"> & Pick<React.HTMLProps<HTMLButtonElement>, OtherButtonKeys>;
declare function Button(props: Props$k): react_jsx_runtime.JSX.Element;

type ActionProps$2 = Omit<Props$k, "kind" | "size" | "hierarchy">;
type Props$j = {
    size?: Props$k["size"];
    primaryAction?: ActionProps$2 & {
        isDestructive?: boolean;
    };
    secondaryAction?: ActionProps$2;
    loadingMessage?: LocalizedString;
    error?: LocalizedString;
    errorBannerWidth?: "content" | "fill";
};
declare function Actions({ primaryAction, secondaryAction, size: size_, loadingMessage, error, errorBannerWidth: errorBannerWidth_, }: Props$j): react_jsx_runtime.JSX.Element;

type ActionsConfig = {
    primaryActionButtonKind: Props$k["kind"];
    secondaryActionButtonKind: Props$k["kind"];
    primaryPosition: "left" | "right";
    defaultSize: Props$k["size"];
    buttonsAlignment: "left" | "right" | "spaceBetween";
    spaceBetweenButtons: BentoSprinkles["gap"];
    defaultErrorBannerWidth: NonNullable<Props$j["errorBannerWidth"]>;
};

type Radius = NonNullable<BentoSprinkles["borderRadius"]>;
type BorderRadiusConfig = Radius | {
    topLeft: Radius;
    topRight: Radius;
    bottomRight: Radius;
    bottomLeft: Radius;
};

type DotConfig = {
    color: "brandPrimary" | "brandSecondary" | "brandTertiary";
};
type AreaLoaderConfig = {
    dots: DotConfig[];
    scrimColor: "light" | "dark";
    messageSize: "small" | "medium" | "large";
    messageColor: "primary" | "primary-inverse";
    readabilityAreaColor: "primary" | "secondary" | "primary-inverse" | "secondary-inverse";
    readabilityAreaBorderRadius: BorderRadiusConfig;
};

type ReactChild = React.ReactElement<unknown> | LocalizedString;
interface ChildrenArray extends Array<Children> {
}
type ReactFragment = ChildrenArray;
type Children = ReactChild | ReactFragment | boolean | null | undefined;

type TypographySize = "small" | "medium" | "large";
type TypographyAlign = "left" | "center" | "right" | "justify";
type TypographyColor = "default" | "inherit" | "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "interactive" | "informative" | "positive" | "warning" | "negative" | "disabled";
type TypographyProps<Align extends TypographyAlign = TypographyAlign, Elements extends Children = Children, Color extends TypographyColor = TypographyColor> = {
    children: Elements;
    size: TypographySize;
    color?: Color;
    align?: Align;
    ellipsis?: boolean;
};

type Align$3 = Extract<TypographyAlign, "left" | "center" | "right">;
type LabelProps = TypographyProps<Align$3> & {
    uppercase?: boolean;
} & Omit<Props$4, keyof BentoSprinkles | "className" | "size">;
declare function Label({ children, size, align, color, ellipsis, uppercase, ...boxProps }: LabelProps): react_jsx_runtime.JSX.Element;

type AvatarConfig = {
    width: number;
    height: number;
    radius: BorderRadiusConfig;
    labelSize: ComponentProps<typeof Label>["size"];
    icon: (props: IconProps) => Children;
    iconSize: IconProps["size"];
    outline: Extract<BentoSprinkles["boxShadow"], "none" | "outlineInteractive" | "outlineDecorative" | "outlineContainer">;
};

type Align$2 = Extract<TypographyAlign, "left" | "center" | "right">;
type Color$2 = Extract<TypographyColor, "default" | "inherit" | "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "informative" | "positive" | "warning" | "negative">;
type Props$i = TypographyProps<Align$2, LocalizedString, Color$2> & AsProp;
declare function Title({ children, size, align, color, ellipsis, ...boxProps }: Props$i): react_jsx_runtime.JSX.Element;

type Props$h = TypographyProps & {
    id?: string;
    weight?: "default" | "strong";
} & AsProp;
declare function Body({ children, size, weight, color, align, ellipsis, as, }: Props$h): react_jsx_runtime.JSX.Element;

type Kind$2 = "informative" | "positive" | "warning" | "negative" | "secondary";
type DismissProps$1 = {
    dismissButtonLabel?: LocalizedString;
    onDismiss: () => void;
} | {
    dismissButtonLabel?: never;
    onDismiss?: never;
};
type ActionProps$1 = {
    label: LocalizedString;
    onPress: Props$k["onPress"];
};
type Props$g = {
    kind: Kind$2;
    action?: ActionProps$1;
} & DismissProps$1 & ({
    title: LocalizedString;
    description?: Children;
} | {
    title?: LocalizedString;
    description: Children;
});
declare function Banner({ title, description, kind, action, ...dismissProps }: Props$g): react_jsx_runtime.JSX.Element;

type Props$f = {
    kind: "solid" | "transparent" | "outline";
    hierarchy: "primary" | "secondary" | "danger";
    label: LocalizedString;
    onPress: (e: PressEvent) => void;
    size: Exclude<IconProps["size"], 40>;
    tabIndex?: number;
    isDisabled?: boolean;
    icon: (props: IconProps) => Children;
};
declare function IconButton(props: Props$f): react_jsx_runtime.JSX.Element;

type KindConfig<T> = {
    [k in Kind$2]: T;
};
type BannerConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BorderRadiusConfig;
    titleSize: ComponentProps<typeof Title>["size"];
    descriptionSize: ComponentProps<typeof Body>["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: Props$f["size"];
    semanticIcons: KindConfig<(props: IconProps) => Children>;
    semanticIconSize: {
        withoutTitle: IconProps["size"];
        withTitle: IconProps["size"];
    };
    outline: boolean;
    buttonKind: Props$k["kind"];
    buttonSize: Props$k["size"];
};

type BreadcrumbConfig = {
    fontSize: Props$h["size"];
    separator: (props: IconProps) => Children;
    separatorSize: IconProps["size"];
    separatorColor: IconProps["color"];
    space: BentoSprinkles["gap"];
};

type SizeConfig$4<T> = {
    [k in ButtonSize]: T;
};
type ButtonConfig = {
    paddingX: SizeConfig$4<BentoSprinkles["paddingX"]>;
    paddingY: SizeConfig$4<BentoSprinkles["paddingY"]>;
    labelSize: LabelProps["size"] | SizeConfig$4<LabelProps["size"]>;
    radius: BorderRadiusConfig;
    internalSpacing: BentoSprinkles["gap"];
    iconSize: SizeConfig$4<IconProps["size"]>;
    uppercaseLabel: boolean;
    defaultSize: ButtonSize;
    defaultIconPosition: Props$k["iconPosition"];
};

type PaddingKey = "padding" | "paddingX" | "paddingY" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom";
type Padding = 0 | BentoSprinkles["padding"];
type PaddingConfig = {
    [k in PaddingKey]?: Padding;
};

type CardElevation = "none" | "small" | "medium" | "large";
type CardConfig = {
    defaultElevation: CardElevation;
    defaultPadding: PaddingConfig;
    defaultRadius: BorderRadiusConfig;
};

type ChipConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    label: {
        kind: "label";
        size: LabelProps["size"];
    } | {
        kind: "body";
        size: Props$h["size"];
    };
    iconSize: IconProps["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: Props$f["size"];
    spacingAfterIcon: BentoSprinkles["gap"];
    spacingAfterLabel: BentoSprinkles["gap"];
    customColors: {
        [k in ChipCustomColors]: BentoSprinkles["background"];
    };
    radius: BorderRadiusConfig;
    uppercase: boolean;
};

type Props$e = {
    title: LocalizedString;
    level?: 1 | 2;
    children: Children;
    iconPosition?: "leading" | "trailing";
} & ({
    isOpen: boolean;
    onToggle: (isOpen: boolean) => void;
    initialIsOpen?: never;
} | {
    isOpen?: never;
    onToggle?: never;
    initialIsOpen?: boolean;
});
declare function Disclosure({ title, isOpen, onToggle, level, children, initialIsOpen, iconPosition: iconPosition_, }: Props$e): react_jsx_runtime.JSX.Element;

type DisclosureConfig = {
    titleSpacing: BentoSprinkles["gap"];
    internalSpacing: BentoSprinkles["gap"];
    titleSize: {
        1: Props$i["size"];
        2: Props$i["size"];
    };
    defaultIconPosition: NonNullable<Props$e["iconPosition"]>;
    icons: {
        open: (props: IconProps) => Children;
        closed: (props: IconProps) => Children;
    };
    iconSize: {
        1: IconProps["size"];
        2: IconProps["size"];
    };
};

type DisclosureGroupConfig = {
    groupSpacing: BentoSprinkles["gap"];
    disclosureSpacing: BentoSprinkles["gap"];
    defaultIconPosition: NonNullable<Props$e["iconPosition"]>;
};

type Align$1 = Extract<TypographyAlign, "left" | "center" | "right">;
type Color$1 = Extract<TypographyColor, "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "inherit">;
type Props$d = TypographyProps<Align$1, LocalizedString, Color$1>;
declare function Display({ children, size, color, align, ellipsis }: Props$d): react_jsx_runtime.JSX.Element;

type Align = Extract<TypographyAlign, "left" | "center" | "right">;
type Color = Extract<TypographyColor, "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "inherit">;
type Props$c = TypographyProps<Align, LocalizedString, Color>;
declare function Headline({ children, size, color, align, ellipsis }: Props$c): react_jsx_runtime.JSX.Element;

type Status = "positive" | "negative";
type FeedbackSize = "medium" | "large";
type Props$b = {
    title: LocalizedString;
    description?: Children;
    action?: Pick<Props$k, "label" | "onPress">;
    size: FeedbackSize;
} & ({
    icon: (props: IconProps) => Children;
    status?: never;
} | {
    status: Status;
    icon?: never;
});
declare function Feedback({ title, description, action, status, icon, size }: Props$b): react_jsx_runtime.JSX.Element;

type SizeConfig$3<T> = Record<FeedbackSize, T>;
type FeedbackConfig = {
    positiveIcon: (props: IconProps) => Children;
    negativeIcon: (props: IconProps) => Children;
    iconSize: SizeConfig$3<IconProps["size"]>;
    title: {
        medium: {
            kind: "title";
            size: Props$i["size"];
        } | {
            kind: "body";
            size: Props$h["size"];
        };
        large: {
            kind: "display";
            size: Props$d["size"];
        } | {
            kind: "title";
            size: Props$i["size"];
        } | {
            kind: "headline";
            size: Props$c["size"];
        };
    };
    descriptionSize: SizeConfig$3<Props$h["size"]>;
    action: SizeConfig$3<{
        hierarchy: Extract<Props$k["hierarchy"], "primary" | "secondary">;
        kind: Props$k["kind"];
        size: Props$k["size"];
    }>;
    maxWidth: SizeConfig$3<number>;
};

type NonEmptyArray<A> = [A, ...A[]];

type Alignment = "start" | "end";
type Side = "top" | "right" | "bottom" | "left";
type AlignedPlacement = `${Side}-${Alignment}`;
type TooltipPlacement = Side | AlignedPlacement;
type FieldProps<V, VO = V> = {
    name?: string;
    value: V;
    onChange: (value: VO) => unknown;
    onBlur?: () => unknown;
    label: LocalizedString;
    issues?: NonEmptyArray<Children>;
    disabled?: boolean;
    assistiveText?: Children;
    autoFocus?: boolean;
} & ({
    hint: LocalizedString;
    hintPlacement?: TooltipPlacement;
} | {
    hint?: never;
    hintPlacement?: never;
});

declare const unconditionalProperties: {
    readonly borderRadius: {
        0: number;
        12: number;
        24: number;
        32: number;
        40: number;
        80: number;
        circled: string;
        circledX: string;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly borderTopLeftRadius: {
        0: number;
        12: number;
        24: number;
        32: number;
        40: number;
        80: number;
        circled: string;
        circledX: string;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly borderTopRightRadius: {
        0: number;
        12: number;
        24: number;
        32: number;
        40: number;
        80: number;
        circled: string;
        circledX: string;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly borderBottomLeftRadius: {
        0: number;
        12: number;
        24: number;
        32: number;
        40: number;
        80: number;
        circled: string;
        circledX: string;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly borderBottomRightRadius: {
        0: number;
        12: number;
        24: number;
        32: number;
        40: number;
        80: number;
        circled: string;
        circledX: string;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly textTransform: readonly ["none", "uppercase", "lowercase", "capitalize"];
    readonly fontFamily: {
        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly fontWeight: {
        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyStrong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        display: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        title: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly fontSize: {
        bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displaySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly lineHeight: {
        bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displaySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly letterSpacing: {
        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly height: {
        readonly full: "100%";
        readonly 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly position: readonly ["relative", "absolute", "fixed", "sticky"];
    readonly overflow: readonly ["hidden", "visible", "auto"];
    readonly overflowX: readonly ["hidden", "visible", "auto"];
    readonly overflowY: readonly ["hidden", "visible", "auto"];
    readonly isolation: readonly ["auto", "isolate"];
};
declare const responsiveProperties: {
    readonly display: readonly ["flex", "none", "block", "grid", "inline-block"];
    readonly flexDirection: {
        readonly row: "row";
        readonly column: "column";
        readonly rowReverse: "row-reverse";
        readonly columnReverse: "column-reverse";
    };
    readonly alignItems: {
        readonly flexStart: "flex-start";
        readonly center: "center";
        readonly flexEnd: "flex-end";
        readonly stretch: "stretch";
        readonly baseline: "baseline";
    };
    readonly justifyContent: {
        readonly flexStart: "flex-start";
        readonly center: "center";
        readonly flexEnd: "flex-end";
    };
    readonly flexWrap: {
        readonly nowrap: "nowrap";
        readonly wrap: "wrap";
        readonly wrapReverse: "wrap-reverse";
    };
    readonly flexShrink: readonly [0];
    readonly flexGrow: readonly [0, 1, 2];
    readonly flex: readonly [0, 1, 2];
    readonly width: {
        readonly full: "100%";
        readonly 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly paddingTop: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly paddingBottom: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly paddingLeft: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly paddingRight: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly gap: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly textAlign: readonly ["left", "center", "right", "justify"];
    readonly maxWidth: {
        readonly 700: "700px";
        readonly 1440: "1440px";
    };
    readonly top: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly bottom: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly left: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly right: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly marginTop: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly marginBottom: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly marginLeft: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly marginRight: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
};
declare const allColors: {
    softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    primarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    primarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    primarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    primaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    primaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    primaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    secondarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    secondarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    secondarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    secondaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    secondaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    secondaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    dangerSolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    dangerSolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    dangerSolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    dangerTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    dangerTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    dangerTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    disabledSolidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    disabledTransparentBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundInteractiveOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundLightScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    backgroundDarkScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
declare const statusProperties: {
    readonly color: {
        transparent: string;
        softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledSolidForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledTransparentForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHoverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocusInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly decoration: {
        transparent: string;
        foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly background: {
        readonly currentColor: "currentColor";
        readonly softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly disabledSolidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly disabledTransparentBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundInteractiveOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundLightScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundDarkScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly cursor: {
        readonly pointer: "pointer";
        readonly default: "default";
        readonly notAllowed: "not-allowed";
    };
    readonly boxShadow: {
        readonly none: "none";
        readonly inherit: "inset 0px 0px 0px 1px";
        readonly outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineDecorativeBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineNegativeStrong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly elevationSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly elevationMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly elevationLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly outline: {
        readonly none: "none";
    };
    readonly outlineStyle: {
        readonly solid: "solid";
        readonly dashed: "dashed";
    };
    readonly outlineWidth: {
        readonly 1: "1px";
        readonly 2: "2px";
    };
    readonly outlineColor: {
        outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly stroke: {
        transparent: string;
        softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledSolidForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledTransparentForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHoverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocusInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly textDecoration: readonly ["none", "underline"];
    readonly fill: {
        readonly inherit: "inherit";
        readonly currentColor: "currentColor";
        readonly softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly disabledSolidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly disabledTransparentBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundInteractiveOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundLightScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly backgroundDarkScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly transparent: string;
        readonly primarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly primaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly secondaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerSolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly dangerTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly disabledSolidForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly disabledTransparentForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkEnabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkHoverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkFocusInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly linkDisabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        readonly foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly borderColor: {
        transparent: string;
        softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledSolidForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledTransparentForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHoverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocusInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    readonly borderStyle: {
        readonly solid: "solid";
        readonly dashed: "dashed";
    };
    readonly borderWidth: {
        readonly 1: "1px";
        readonly 2: "2px";
    };
    readonly borderBottomWidth: {
        readonly 1: "1px";
        readonly 2: "2px";
    };
};

type FieldConfig = {
    label: {
        size: LabelProps["size"];
        color: "primary" | "secondary";
    };
    assistiveText: {
        size: Props$h["size"];
        paddingLeft: BentoSprinkles["paddingX"];
    };
    internalSpacing: BentoSprinkles["gap"];
    tip: {
        icon: (props: IconProps) => Children;
        iconSize: IconProps["size"];
        placement: TooltipPlacement;
    };
};
type InputConfig = {
    internalSpacing: BentoSprinkles["gap"];
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BorderRadiusConfig;
    background: {
        default: BentoSprinkles["background"];
        readOnly: keyof typeof statusProperties.background;
    };
    fontSize: Props$h["size"];
    passwordShowIcon: (props: IconProps) => Children;
    passwordHideIcon: (props: IconProps) => Children;
    passwordIconSize: Props$f["size"];
};
type SelectionControlGroupConfig = {
    internalSpacing: {
        horizontal: BentoSprinkles["gap"];
        vertical: BentoSprinkles["gap"];
    };
};
type SelectionControlConfig = {
    controlLabelSpacing: BentoSprinkles["gap"];
    labelPaddingTop: number;
    labelSize: Props$h["size"];
    checkboxBorderRadius: BorderRadiusConfig;
};

type FormConfig = {
    headerTitle: {
        kind: "display";
        size: Props$d["size"];
    } | {
        kind: "headline";
        size: Props$c["size"];
    };
    headerDescriptionSize: Props$h["size"];
    formSpacing: BentoSprinkles["gap"];
    headerSpacing: BentoSprinkles["gap"];
    defaultActionsSize: Props$j["size"];
    defaultErrorBannerWidth: Props$j["errorBannerWidth"];
};
type FormRowConfig = {
    rowSpacing: BentoSprinkles["gap"];
};
type FormSectionConfig = {
    sectionTitleSize: Props$i["size"];
    sectionDescriptionSize: Props$h["size"];
    sectionHeaderSpacing: BentoSprinkles["gap"];
    sectionSpacing: BentoSprinkles["gap"];
};
type FormLayoutConfig = {
    form: FormConfig;
    section: FormSectionConfig;
    row: FormRowConfig;
};

type IconButtonConfig = {
    radius: BorderRadiusConfig;
    padding: Record<Exclude<IconProps["size"], 40>, BentoSprinkles["padding"] | {
        paddingX: BentoSprinkles["paddingX"];
        paddingY: BentoSprinkles["paddingY"];
    }>;
};

type Kind$1 = {
    kind: "overline";
    overline: LocalizedString;
    label: Children;
} | {
    kind?: "single-line";
    label: Children;
} | {
    kind: "two-line";
    label: Children;
    secondLine: Children;
};
type LeftItem = {
    icon?: (props: IconProps) => JSX.Element;
};
type RightItem = {
    trailingIcon?: (props: IconProps) => JSX.Element;
};
type CommonItemProps = {
    borderRadius?: BorderRadiusConfig;
    disabled?: boolean;
    isFocused?: boolean;
    isSelected?: boolean;
    ignoreTabIndex?: boolean;
    key?: string | number;
};
type ActionProps = {
    onPress?: () => void;
    href?: never;
    target?: never;
} | {
    href?: string;
    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
    onPress?: never;
};
type ListItemProps = Kind$1 & LeftItem & RightItem & CommonItemProps & ActionProps;
type Props$a = ListItemProps & {
    size: ListSize;
};
declare const ListItem: react.ForwardRefExoticComponent<Props$a & react.RefAttributes<HTMLElement>>;

type ListSize = "medium" | "large";
type Props$9 = {
    size: ListSize;
    items: ListItemProps[];
    space?: BentoSprinkles["gap"];
    dividers?: boolean;
};
declare function List({ items, ...props }: Props$9): react_jsx_runtime.JSX.Element;

type ListItemSizeConfig<T> = {
    [k in ListSize]: T;
};
type ListItemConfig = {
    borderRadius: BorderRadiusConfig;
    paddingX: ListItemSizeConfig<BentoSprinkles["paddingX"]>;
    paddingY: ListItemSizeConfig<BentoSprinkles["paddingY"]>;
    fontSize: {
        firstLine: Props$h["size"];
        secondLine: Props$h["size"];
        overline: LabelProps["size"];
    };
    internalSpacing: BentoSprinkles["gap"];
    iconSize: {
        leading: IconProps["size"];
        trailing: IconProps["size"];
    };
    iconColor: {
        leading: IconProps["color"];
        trailing: IconProps["color"];
    };
};
type ListConfig = {
    item: ListItemConfig;
    spacing: BentoSprinkles["gap"];
};

type MenuConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BorderRadiusConfig;
    elevation: "small" | "medium" | "large";
    headerPaddingX: BentoSprinkles["paddingX"];
    headerPaddingY: BentoSprinkles["paddingY"];
    defaultOffset: number;
    nestedMenuIcon: (props: IconProps) => JSX.Element;
};

type ModalSize = "small" | "medium" | "large" | "wide";
type ModalKind = "normal" | "warning" | "destructive";
type Props$8 = {
    title: LocalizedString;
    children: Children;
    primaryAction?: Omit<Props$k, "kind" | "hierarchy" | "size">;
    secondaryAction?: Omit<Props$k, "kind" | "hierarchy" | "size">;
    onClose: () => void;
    closeButtonLabel?: LocalizedString;
    isDestructive?: boolean;
    loadingMessage?: Props$j["loadingMessage"];
    error?: Props$j["error"];
    errorBannerWidth?: Props$j["errorBannerWidth"];
    size?: ModalSize;
    kind?: ModalKind;
    autoFocus?: boolean;
};
type CustomModalProps = Pick<Props$8, "children" | "isDestructive" | "size" | "autoFocus"> & {
    ["aria-label"]: string;
};
declare function CustomModal(props: CustomModalProps): react.ReactPortal | null;
declare function Modal(props: Props$8): react_jsx_runtime.JSX.Element;

type SizeConfig$2<T> = {
    [k in ModalSize]: T;
};
type ModalConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BorderRadiusConfig;
    titleSize: Props$i["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: Props$f["size"];
    width: SizeConfig$2<number>;
    elevation: "none" | "small" | "medium" | "large";
    titleIcon: {
        [k in Exclude<ModalKind, "normal">]: (props: IconProps) => Children;
    };
    titleIconSize: IconProps["size"];
    defaultErrorBannerWidth: NonNullable<Props$j["errorBannerWidth"]>;
    actionsSize: NonNullable<Props$j["size"]>;
    internalSpacing: BentoSprinkles["gap"];
};

type NavigationSize = "medium" | "large";
type Kind = "none" | "icon";
type DestinationIconProps<T extends Kind> = T extends "none" ? {
    icon?: never;
} : {
    icon: (props: IconProps) => JSX.Element;
};
type Props$7<T extends Kind> = {
    kind: T;
    size: NavigationSize;
    destinations: Array<{
        href: string;
        target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
        label: LocalizedString;
        active?: boolean;
        disabled?: boolean;
    } & DestinationIconProps<T>>;
};
declare function Navigation<T extends Kind>({ destinations, size }: Props$7<T>): react_jsx_runtime.JSX.Element;

type SizeConfig$1<A> = Record<NavigationSize, A>;
type NavigationConfig = {
    destinationsSpacing: BentoSprinkles["gap"];
    destinationPaddingX: SizeConfig$1<BentoSprinkles["paddingX"]>;
    destinationPaddingY: SizeConfig$1<BentoSprinkles["paddingY"]>;
    labelSize: SizeConfig$1<LabelProps["size"]>;
    iconSize: SizeConfig$1<IconProps["size"]>;
    internalSpacing: SizeConfig$1<BentoSprinkles["gap"]>;
    activeVisualElement: ActiveVisualElementConfig | JSX.Element;
    uppercaseLabel: boolean;
    radius: SizeConfig$1<BorderRadiusConfig>;
};
type ActiveVisualElementConfig = {
    lineWidth: SizeConfig$1<number | "100%">;
    lineHeight: SizeConfig$1<number>;
    lineColor: BentoSprinkles["decoration"];
    lineOffset: SizeConfig$1<Exclude<BentoSprinkles["height"], "full">>;
};

type SearchBarConfig = Omit<InputConfig, "iconSize"> & {
    clearIcon: (props: IconProps) => Children;
    clearIconSize: Props$f["size"];
    searchIcon: (props: IconProps) => Children;
    searchIconSize: IconProps["size"];
};

type DismissProps = {
    dismissButtonLabel?: LocalizedString;
    onDismiss: () => void;
} | {
    dismissButtonLabel?: never;
    onDismiss?: never;
};
type DefaultColor = "grey" | "red" | "orange" | "yellow" | "green" | "jade" | "blue" | "indigo" | "violet" | "pink";
type Props$6 = {
    label: LocalizedString;
    color: DefaultColor | ChipCustomColors;
    icon?: (props: IconProps) => Children;
    maxCharacters?: number;
    uppercase?: boolean;
} & DismissProps;
declare function Chip({ color, label: _label, icon, maxCharacters, uppercase, ...dismissProps }: Props$6): react_jsx_runtime.JSX.Element;

type DropdownConfig = {
    elevation: "small" | "medium" | "large";
    radius: BorderRadiusConfig;
    list: ListConfig;
    menuPaddingX: BentoSprinkles["paddingX"];
    menuPaddingY: BentoSprinkles["paddingY"];
    defaultMenuSize: "medium" | "large";
    openIndicatorIcon: (props: IconProps) => Children;
    openIndicatorIconSize: IconProps["size"];
    chipColor: Props$6["color"];
    chipSpacing: BentoSprinkles["gap"];
    openMenuOnFocus: boolean;
};

declare const vars: {
    fontFamily: {
        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    fontWeight: {
        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyStrong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        display: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        title: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    fontSize: {
        bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displaySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    lineHeight: {
        bodySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        bodyLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displaySmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        displayLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        headlineLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        labelLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        titleLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    letterSpacing: {
        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    space: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    negativeSpace: {
        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        negative80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    radius: {
        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    brandColor: {
        brandPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brandTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    backgroundColor: {
        backgroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundInteractiveOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundLightScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        backgroundDarkScrim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    foregroundColor: {
        foregroundPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        foregroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    textColor: {
        textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textPositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    interactiveBackgroundColor: {
        primarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentEnabledBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentHoverBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentFocusBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledSolidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledTransparentBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    interactiveForegroundColor: {
        primarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        primaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondarySolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        secondaryTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerSolidFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentEnabledForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentHoverForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        dangerTransparentFocusForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledSolidForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        disabledTransparentForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkEnabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkHoverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkFocusInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        linkDisabledInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    outlineColor: {
        outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    dataVisualizationColor: {
        softGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        softPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGrey: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightRed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightOrange: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightYellow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightGreen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightJade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightBlue: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightIndigo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightViolet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        brightPink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
    boxShadow: {
        outlineInteractive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractivePrimaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveSecondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDangerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInteractiveDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineDecorativeBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputEnabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInputDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineInformative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlinePositive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        outlineNegativeStrong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        elevationSmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        elevationMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        elevationLarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    };
};

declare function ButtonCell({ value: buttonProps, column: { align }, options, }: CellProps<any, Omit<Props$k, "size">> & {
    options: Partial<Pick<Props$k, "size">>;
}): react_jsx_runtime.JSX.Element;
declare function ButtonLinkCell({ value: buttonProps, column: { align }, options, }: CellProps<any, Omit<Props$2, "size">> & {
    options: Partial<Pick<Props$2, "size">>;
}): react_jsx_runtime.JSX.Element;
type TextCellValue = LocalizedString | ({
    text: LocalizedString;
} & Partial<Pick<Props$h, "size" | "weight" | "color" | "align">>);
declare function TextCell({ value, column, options, }: CellProps<any, TextCellValue> & {
    options: Partial<Pick<Props$h, "size" | "weight" | "color">>;
}): react_jsx_runtime.JSX.Element;
declare function TextWithIconCell({ value: { icon, iconPosition, text, tooltipContent, ...cellOptions }, column: { align }, options, }: CellProps<any, {
    icon: ((props: IconProps) => Children) | null;
    iconPosition: "left" | "right";
    text: LocalizedString;
    tooltipContent?: Children;
} & Partial<Pick<Props$h, "size" | "weight" | "color">>> & {
    options: Partial<Pick<Props$h, "size" | "weight" | "color">> & {
        iconSize?: IconProps["size"];
        iconColor?: IconProps["color"];
    };
}): react_jsx_runtime.JSX.Element;
type LabelCellValue = LocalizedString | ({
    text: LocalizedString;
} & Partial<Pick<LabelProps, "size" | "color" | "align">>);
declare function LabelCell({ value, column, options, }: CellProps<any, LabelCellValue> & {
    options: Partial<Pick<LabelProps, "size" | "color">>;
}): react_jsx_runtime.JSX.Element;
declare function LinkCell({ value, column: { align }, options, }: CellProps<any, ComponentProps<typeof Link>> & {
    options: Partial<Pick<Props$h, "size" | "weight">>;
}): react_jsx_runtime.JSX.Element;
declare function IconCell({ value, column: { align }, options, }: CellProps<any, {
    icon: (props: IconProps) => JSX.Element;
    label: LocalizedString;
}> & {
    options: Partial<Pick<IconProps, "size" | "color">>;
}): react_jsx_runtime.JSX.Element;
declare function IconButtonCell({ value: iconButtonProps, column: { align }, options, }: CellProps<any, Omit<Props$f, "size" | "kind" | "hierarchy">> & {
    options: Partial<Pick<Props$f, "size" | "kind" | "hierarchy">>;
}): react_jsx_runtime.JSX.Element;

type CellPaddingConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
};
type TableConfig = {
    headerInfoIcon: (props: IconProps) => JSX.Element;
    headerHintIcon: (props: IconProps) => JSX.Element;
    emptyIcon: (props: IconProps) => JSX.Element;
    headerBackgroundColor: BentoSprinkles["background"];
    headerForegroundColor: BentoSprinkles["color"];
    headerSize: LabelProps["size"];
    footerBackgroundColor: BentoSprinkles["background"];
    footerForegroundColor: BentoSprinkles["color"];
    footerSize: LabelProps["size"];
    hintPlacement: TooltipPlacement;
    cellTooltipPlacement: TooltipPlacement;
    evenRowsBackgroundColor: BentoSprinkles["background"];
    selectedRowBackgroundColor: keyof typeof vars.backgroundColor;
    padding: {
        header: CellPaddingConfig;
        footer: CellPaddingConfig;
        defaultCell: CellPaddingConfig;
        buttonCell: CellPaddingConfig | undefined;
        buttonLinkCell: CellPaddingConfig | undefined;
        textCell: CellPaddingConfig | undefined;
        textWithIconCell: CellPaddingConfig | undefined;
        chipCell: CellPaddingConfig | undefined;
        labelCell: CellPaddingConfig | undefined;
        linkCell: CellPaddingConfig | undefined;
        iconCell: CellPaddingConfig | undefined;
        iconButtonCell: CellPaddingConfig | undefined;
    };
    defaultCellOptions: {
        defaultCell: {
            size: Props$h["size"];
        };
        buttonCell: Required<ComponentProps<typeof ButtonCell>["options"]>;
        buttonLinkCell: Required<ComponentProps<typeof ButtonLinkCell>["options"]>;
        textCell: Required<ComponentProps<typeof TextCell>["options"]>;
        textWithIconCell: Required<ComponentProps<typeof TextWithIconCell>["options"]>;
        labelCell: Required<ComponentProps<typeof LabelCell>["options"]>;
        linkCell: Required<ComponentProps<typeof LinkCell>["options"]>;
        iconCell: Required<ComponentProps<typeof IconCell>["options"]>;
        iconButtonCell: Required<ComponentProps<typeof IconButtonCell>["options"]>;
    };
    boundaryPadding: BentoSprinkles["padding"];
    columnDividers: boolean;
};

type TabsSize = "medium" | "large";
type Props$5<A> = {
    size: TabsSize;
    value: A;
    onChange: (v: A) => void;
    tabs: Array<{
        value: A;
        label: LocalizedString;
        disabled?: boolean;
        icon?: (props: IconProps) => Children;
        hasNotification?: boolean;
        rightAccessory?: Children;
    }>;
};
declare function Tabs<A>({ size, value, tabs, onChange }: Props$5<A>): react_jsx_runtime.JSX.Element;

type SizeConfig<T> = Record<TabsSize, T>;
type TabsWidthConfig = {
    tabsWidth: "fit-content";
    tabsAlignment: "left" | "center" | "right";
} | {
    tabsWidth: "fill-parent";
    tabsAlignment?: never;
};
type TabsKindConfig = {
    kind: "folder";
    radius: BentoSprinkles["borderRadius"] | {
        topLeft: BentoSprinkles["borderRadius"];
        topRight: BentoSprinkles["borderRadius"];
    };
} | {
    kind: "underline";
    lineHeight: SizeConfig<number>;
    lineColor: NonNullable<BentoSprinkles["decoration"]>;
};
type TabsConfig = TabsWidthConfig & TabsKindConfig & {
    spaceBetweenTabs: BentoSprinkles["gap"];
    internalSpacing: BentoSprinkles["gap"];
    paddingX: SizeConfig<BentoSprinkles["paddingX"]>;
    paddingY: SizeConfig<BentoSprinkles["paddingY"]>;
    labelSize: SizeConfig<LabelProps["size"]>;
    uppercaseLabel: boolean;
    iconSize: IconProps["size"];
    notificationSize: number;
    notificationColor: BentoSprinkles["color"];
};

type ToastConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BorderRadiusConfig;
    messageSize: Props$h["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: Props$f["size"];
    outline: boolean;
    internalSpacing: BentoSprinkles["gap"];
    elevation: "none" | "small" | "medium" | "large";
    buttonKind: Props$k["kind"];
    buttonSize: NonNullable<Props$k["size"]>;
};

type ProgressBarConfig = {
    height: number;
    radius: BorderRadiusConfig;
    discreteInternalSpacing: BentoSprinkles["gap"];
};

type StepperConfig = {
    spaceBetweenSteps: BentoSprinkles["gap"];
    internalSpacing: BentoSprinkles["gap"];
    labelSize: LabelProps["size"];
    numberSize: LabelProps["size"];
    labelUppercase: boolean;
    doneIcon: (props: IconProps) => Children;
};

type SliderConfig = {
    valueSize: LabelProps["size"];
    labelsSize: LabelProps["size"];
    internalSpacing: BentoSprinkles["gap"];
    trailColor: BentoSprinkles["color"];
    trailRadius: BorderRadiusConfig;
    trailHeight: number;
    thumbWidth: NonNullable<Exclude<BentoSprinkles["width"], "full">>;
    thumbHeight: NonNullable<Exclude<BentoSprinkles["height"], "full">>;
    thumbRadius: BorderRadiusConfig;
    thumbInternalSpacing: BentoSprinkles["gap"];
};

type TooltipConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BorderRadiusConfig;
    labelSize: ComponentProps<typeof Label>["size"];
};

type InlineLoaderConfig = {
    messageSize: Props$h["size"];
    spinnerIcon: (props: IconProps) => Children;
    spinnerIconSize: IconProps["size"];
};

type DecorativeDividerConfig = {
    height: number;
    radius: 0 | Extract<BentoSprinkles["borderRadius"], "circledX">;
    color: BentoSprinkles["color"];
};

type DateFieldConfig = {
    radius: BorderRadiusConfig;
    padding: NonNullable<BentoSprinkles["padding"]>;
    internalPadding: NonNullable<BentoSprinkles["padding"]>;
    elevation: "none" | "small" | "medium" | "large";
    rangeSeparatorSize: IconProps["size"];
    monthYearLabelSize: LabelProps["size"];
    dayOfWeekLabelSize: LabelProps["size"];
    previousMonthIcon: (props: IconProps) => Children;
    nextMonthIcon: (props: IconProps) => Children;
    monthYearSelectIcons: {
        open: (props: IconProps) => Children;
        close: (props: IconProps) => Children;
    };
    dayWidth: number;
    dayHeight: number;
    dayRadius: BorderRadiusConfig;
    daySize: Props$h["size"];
};

type ReadOnlyFieldConfig = {
    copyIcon: (props: IconProps) => Children;
    copyIconSize: Props$f["size"];
};

type FileUploaderFieldConfig = {
    defaultHeight: string | number;
    buttonKind: Props$k["kind"];
    buttonSize: Props$k["size"];
};

type ChartDataColor = keyof typeof allColors;
type ChartConfig = {
    defaultDataColors: ChartDataColor[];
};

type PaginationConfig = {
    paddingY: BentoSprinkles["paddingY"];
    itemsPerPageOptions: PaginationItemsPerPage;
    dropdownButtonKind: Props$k["kind"];
    dropdownButtonSize: Props$k["size"];
    navigationButtonKind: Props$k["kind"];
    navigationButtonSize: Props$f["size"];
    navigationButtonSpacing: BentoSprinkles["gap"];
    showDivider: boolean;
};

type DefaultMessages = {
    defaultMessages: {
        Chip: {
            dismissButtonLabel: LocalizedString;
        };
        Banner: {
            dismissButtonLabel: LocalizedString;
        };
        Modal: {
            closeButtonLabel: LocalizedString;
        };
        SelectField: {
            noOptionsMessage: LocalizedString;
            multiOptionsSelected: (count: number) => LocalizedString;
            selectAllButtonLabel: LocalizedString;
            clearAllButtonLabel: LocalizedString;
        };
        SearchBar: {
            clearButtonLabel: LocalizedString;
        };
        Table: {
            noResultsTitle: LocalizedString;
            noResultsDescription: LocalizedString;
            missingValue: LocalizedString;
        };
        Loader: {
            loadingMessage: LocalizedString;
        };
        DateField: {
            previousMonthLabel: LocalizedString;
            nextMonthLabel: LocalizedString;
        };
        TextField: {
            showPasswordLabel: LocalizedString;
            hidePasswordLabel: LocalizedString;
        };
    };
};

type LinkComponentProps = {
    href: string;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
declare const makeLinkComponent: (render: ForwardRefRenderFunction<HTMLAnchorElement, LinkComponentProps>) => react.ForwardRefExoticComponent<{
    href: string;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & react.RefAttributes<HTMLAnchorElement>>;
type LinkComponent = ComponentType<LinkComponentProps>;
declare const DefaultLinkComponent: react.ForwardRefExoticComponent<{
    href: string;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & react.RefAttributes<HTMLAnchorElement>>;
declare const LinkComponentContext: react.Context<LinkComponent>;
declare const useLinkComponent: () => LinkComponent;

type HTMLProperties = Omit<React.AllHTMLAttributes<HTMLElement>, "as" | "color" | "height" | "width" | "className">;
type AsProp = {
    as?: React.ElementType;
};
type Props$4 = Parameters<SprinklesFn>[0] & HTMLProperties & AsProp & {
    className?: ClassValue;
};

type BoxType = React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<HTMLElement>>;
declare const Box: BoxType;

type BentoTokens = {
    fontFamily: {
        default: string;
    };
    fontWeight: {
        body: string;
        bodyStrong: string;
        display: string;
        headline: string;
        label: string;
        title: string;
    };
    fontSize: {
        bodySmall: string;
        bodyMedium: string;
        bodyLarge: string;
        displaySmall: string;
        displayMedium: string;
        displayLarge: string;
        headlineSmall: string;
        headlineMedium: string;
        headlineLarge: string;
        labelSmall: string;
        labelMedium: string;
        labelLarge: string;
        titleSmall: string;
        titleMedium: string;
        titleLarge: string;
    };
    lineHeight: {
        bodySmall: string;
        bodyMedium: string;
        bodyLarge: string;
        displaySmall: string;
        displayMedium: string;
        displayLarge: string;
        headlineSmall: string;
        headlineMedium: string;
        headlineLarge: string;
        labelSmall: string;
        labelMedium: string;
        labelLarge: string;
        titleSmall: string;
        titleMedium: string;
        titleLarge: string;
    };
    letterSpacing: {
        1: string;
        2: string;
    };
    space: {
        0: string;
        4: string;
        8: string;
        12: string;
        16: string;
        24: string;
        32: string;
        40: string;
        80: string;
    };
    negativeSpace: {
        0: string;
        negative4: string;
        negative8: string;
        negative12: string;
        negative16: string;
        negative24: string;
        negative32: string;
        negative40: string;
        negative80: string;
    };
    radius: {
        4: string;
        8: string;
        16: string;
    };
    brandColor: {
        brandPrimary: string;
        brandSecondary: string;
        brandTertiary: string;
    };
    backgroundColor: {
        backgroundPrimary: string;
        backgroundSecondary: string;
        backgroundOverlay: string;
        backgroundPrimaryInverse: string;
        backgroundSecondaryInverse: string;
        backgroundInteractive: string;
        backgroundInteractiveOverlay: string;
        backgroundInformative: string;
        backgroundPositive: string;
        backgroundWarning: string;
        backgroundNegative: string;
        backgroundLightScrim: string;
        backgroundDarkScrim: string;
    };
    foregroundColor: {
        foregroundPrimary: string;
        foregroundSecondary: string;
        foregroundPrimaryInverse: string;
        foregroundSecondaryInverse: string;
        foregroundInteractive: string;
        foregroundInformative: string;
        foregroundPositive: string;
        foregroundWarning: string;
        foregroundNegative: string;
        foregroundDisabled: string;
    };
    textColor: {
        textPrimary: string;
        textSecondary: string;
        textPrimaryInverse: string;
        textSecondaryInverse: string;
        textInteractive: string;
        textInformative: string;
        textPositive: string;
        textWarning: string;
        textNegative: string;
        textDisabled: string;
    };
    interactiveBackgroundColor: {
        primarySolidEnabledBackground: string;
        primarySolidHoverBackground: string;
        primarySolidFocusBackground: string;
        primaryTransparentEnabledBackground: string;
        primaryTransparentHoverBackground: string;
        primaryTransparentFocusBackground: string;
        secondarySolidEnabledBackground: string;
        secondarySolidHoverBackground: string;
        secondarySolidFocusBackground: string;
        secondaryTransparentEnabledBackground: string;
        secondaryTransparentHoverBackground: string;
        secondaryTransparentFocusBackground: string;
        dangerSolidEnabledBackground: string;
        dangerSolidHoverBackground: string;
        dangerSolidFocusBackground: string;
        dangerTransparentEnabledBackground: string;
        dangerTransparentHoverBackground: string;
        dangerTransparentFocusBackground: string;
        disabledSolidBackground: string;
        disabledTransparentBackground: string;
    };
    interactiveForegroundColor: {
        primarySolidEnabledForeground: string;
        primarySolidHoverForeground: string;
        primarySolidFocusForeground: string;
        primaryTransparentEnabledForeground: string;
        primaryTransparentHoverForeground: string;
        primaryTransparentFocusForeground: string;
        secondarySolidEnabledForeground: string;
        secondarySolidHoverForeground: string;
        secondarySolidFocusForeground: string;
        secondaryTransparentEnabledForeground: string;
        secondaryTransparentHoverForeground: string;
        secondaryTransparentFocusForeground: string;
        dangerSolidEnabledForeground: string;
        dangerSolidHoverForeground: string;
        dangerSolidFocusForeground: string;
        dangerTransparentEnabledForeground: string;
        dangerTransparentHoverForeground: string;
        dangerTransparentFocusForeground: string;
        disabledSolidForeground: string;
        disabledTransparentForeground: string;
        linkEnabled: string;
        linkHover: string;
        linkFocus: string;
        linkDisabled: string;
        linkEnabledInverse: string;
        linkHoverInverse: string;
        linkFocusInverse: string;
        linkDisabledInverse: string;
    };
    outlineColor: {
        outlineInteractive: string;
        outlineInteractivePrimaryEnabled: string;
        outlineInteractivePrimaryFocus: string;
        outlineInteractivePrimaryHover: string;
        outlineInteractiveSecondaryEnabled: string;
        outlineInteractiveSecondaryFocus: string;
        outlineInteractiveSecondaryHover: string;
        outlineInteractiveDangerEnabled: string;
        outlineInteractiveDangerFocus: string;
        outlineInteractiveDangerHover: string;
        outlineInteractiveDisabled: string;
        outlineDecorative: string;
        outlineContainer: string;
        outlineInputEnabled: string;
        outlineInputHover: string;
        outlineInputFocus: string;
        outlineInputDisabled: string;
        outlineInformative: string;
        outlinePositive: string;
        outlineWarning: string;
        outlineNegative: string;
    };
    dataVisualizationColor: {
        softGrey: string;
        softRed: string;
        softOrange: string;
        softYellow: string;
        softGreen: string;
        softJade: string;
        softBlue: string;
        softIndigo: string;
        softViolet: string;
        softPink: string;
        brightGrey: string;
        brightRed: string;
        brightOrange: string;
        brightYellow: string;
        brightGreen: string;
        brightJade: string;
        brightBlue: string;
        brightIndigo: string;
        brightViolet: string;
        brightPink: string;
    };
    boxShadow: {
        outlineInteractive: string;
        outlineInteractiveBottom: string;
        outlineInteractivePrimaryEnabled: string;
        outlineInteractivePrimaryFocus: string;
        outlineInteractivePrimaryHover: string;
        outlineInteractiveSecondaryEnabled: string;
        outlineInteractiveSecondaryFocus: string;
        outlineInteractiveSecondaryHover: string;
        outlineInteractiveDangerEnabled: string;
        outlineInteractiveDangerFocus: string;
        outlineInteractiveDangerHover: string;
        outlineInteractiveDisabled: string;
        outlineDecorative: string;
        outlineDecorativeBottom: string;
        outlineContainer: string;
        outlineInputEnabled: string;
        outlineInputHover: string;
        outlineInputFocus: string;
        outlineInputDisabled: string;
        outlineInformative: string;
        outlinePositive: string;
        outlineWarning: string;
        outlineNegative: string;
        outlineNegativeStrong: string;
        elevationSmall: string;
        elevationMedium: string;
        elevationLarge: string;
    };
};

type Primitive = null | undefined | string | number | boolean | symbol | bigint;
type BuiltIns = Primitive | Date | RegExp;
type PartialDeepOptions = {
    readonly recurseIntoArrays?: boolean;
};
type PartialDeep<T, Options extends PartialDeepOptions = {}> = T extends BuiltIns | ((...arguments_: any[]) => unknown) | (new (...arguments_: any[]) => unknown) ? T : T extends Map<infer KeyType, infer ValueType> ? PartialMapDeep<KeyType, ValueType, Options> : T extends Set<infer ItemType> ? PartialSetDeep<ItemType, Options> : T extends ReadonlyMap<infer KeyType, infer ValueType> ? PartialReadonlyMapDeep<KeyType, ValueType, Options> : T extends ReadonlySet<infer ItemType> ? PartialReadonlySetDeep<ItemType, Options> : T extends object ? T extends ReadonlyArray<infer ItemType> ? Options["recurseIntoArrays"] extends true ? ItemType[] extends T ? readonly ItemType[] extends T ? ReadonlyArray<PartialDeep<ItemType | undefined, Options>> : Array<PartialDeep<ItemType | undefined, Options>> : PartialObjectDeep<T, Options> : T : PartialObjectDeep<T, Options> : unknown;
type PartialMapDeep<KeyType, ValueType, Options extends PartialDeepOptions> = {} & Map<PartialDeep<KeyType, Options>, PartialDeep<ValueType, Options>>;
type PartialSetDeep<T, Options extends PartialDeepOptions> = {} & Set<PartialDeep<T, Options>>;
type PartialReadonlyMapDeep<KeyType, ValueType, Options extends PartialDeepOptions> = {} & ReadonlyMap<PartialDeep<KeyType, Options>, PartialDeep<ValueType, Options>>;
type PartialReadonlySetDeep<T, Options extends PartialDeepOptions> = {} & ReadonlySet<PartialDeep<T, Options>>;
type PartialObjectDeep<ObjectType extends object, Options extends PartialDeepOptions> = {
    [KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType], Options>;
};

type BentoTheme = string | PartialDeep<BentoTokens>;
type BentoThemeContext = {
    className?: string;
    tokenOverrides: PartialDeep<BentoTokens>;
};
declare function useBentoTheme(): BentoThemeContext | null;
declare function BentoThemeProvider({ theme, children, as, className, }: {
    theme: BentoTheme;
    children: Children;
    as?: Props$4["as"];
    className?: string;
}): react_jsx_runtime.JSX.Element;
declare function BentoThemePortalProvider({ children }: {
    children: Children;
}): react_jsx_runtime.JSX.Element;

type Props$3 = {
    children?: Children;
    toastDismissAfterMs?: number;
    linkComponent?: ComponentType<LinkComponentProps>;
    locale?: string;
    config?: PartialBentoConfig;
    theme?: BentoTheme;
    sprinkles?: SprinklesFn;
} & DefaultMessages;
declare function createBentoProvider(config?: PartialBentoConfig, sprinkles?: SprinklesFn): (props: Props$3) => JSX.Element;
declare function createBentoProvider(config?: PartialBentoConfig, theme?: BentoTheme, sprinkles?: SprinklesFn): (props: Props$3) => JSX.Element;
declare const BentoProvider: (props: Props$3) => JSX.Element;
declare const DesignSystemProvider: (props: Props$3) => JSX.Element;

type Props$2 = {
    href: string;
    label: Props$k["label"];
    kind: Props$k["kind"];
    hierarchy: Props$k["hierarchy"];
    isDisabled?: Props$k["isDisabled"];
    size?: Props$k["size"];
    active?: boolean;
    icon?: (props: IconProps) => JSX.Element;
    iconPosition?: "leading" | "trailing";
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
declare function ButtonLink({ href, target, kind, hierarchy, size: size_, isDisabled, label, active, icon, iconPosition, ...props }: Props$2): react_jsx_runtime.JSX.Element;

type Omit$1<T, K> = string | number extends keyof T ? T : T extends any ? Pick<T, Exclude<keyof T, K>> : never;

type Props$1 = {
    isDisabled?: boolean;
    active?: boolean;
    kind?: "default" | "inverse";
    label?: LocalizedString;
    children?: Children;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
declare function Link({ href, isDisabled, label, children, active, kind, ...props }: Props$1): react_jsx_runtime.JSX.Element;

type SelectOption<A> = Omit$1<ListItemProps, "trailingIcon" | "onPress" | "href" | "isFocused" | "ignoreTabIndex" | "size" | "isSelected"> & {
    value: A;
};
type BaseSingleProps = {
    isMulti?: false;
    clearable?: boolean;
};
type BaseMultiProps = {
    isMulti: true;
    showMultiSelectBulkActions?: boolean;
    selectAllButtonLabel?: LocalizedString;
    clearAllButtonLabel?: LocalizedString;
    clearable?: never;
} & ({
    multiSelectMode?: "summary";
    multiValueMessage?: (numberOfSelectedOptions: number) => LocalizedString;
} | {
    multiSelectMode: "chips";
    multiValueMessage?: never;
});
type BaseSelectProps<A> = {
    id?: string;
    menuSize?: ListSize;
    placeholder?: LocalizedString;
    options: Array<SelectOption<A>>;
    noOptionsMessage?: LocalizedString;
    isReadOnly?: boolean;
    searchable?: boolean;
    openMenuOnFocus?: boolean;
};

type MultiProps<A> = BaseMultiProps & FieldProps<A[]>;
type SingleProps<A> = BaseSingleProps & FieldProps<A | undefined>;
type Props<A> = BaseSelectProps<A> & (SingleProps<A> | MultiProps<A>);

declare module "react-select/dist/declarations/src/Select" {
    interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
        menuSize?: ListSize;
        validationState: "valid" | "invalid";
        multiValueMessage?: (numberOfSelectedOptions: number) => LocalizedString;
        isReadOnly?: boolean;
        showMultiSelectBulkActions?: boolean;
        selectAllButtonLabel?: LocalizedString;
        clearAllButtonLabel?: LocalizedString;
        multiSelectMode?: "summary" | "chips";
    }
}
declare function SelectField<A>(props: Props<A>): react_jsx_runtime.JSX.Element;

declare module "react-table" {
    interface TableOptions<D extends object> extends UseTableOptions<D>, UseSortByOptions<D>, UseGroupByOptions<D> {
    }
    interface TableState<D extends object> extends UseGroupByState<D>, UseSortByState<D> {
    }
    interface ColumnInterface<D extends object> extends UseSortByColumnOptions<D> {
        align?: "left" | "right" | "center";
        sticky?: "left";
        gridWidth?: GridWidth;
        hint?: LocalizedString | {
            onPress: () => void;
        };
        footer?: string | ((props: {
            rows: Row<D>[];
        }) => string);
    }
    interface ColumnInstance<D extends object> extends UseSortByColumnProps<D>, UseGroupByColumnProps<D> {
    }
    interface Row<D extends object> extends UseGroupByRowProps<D> {
    }
}
type Column<A extends string, D extends object, V> = {
    accessor: A;
    Cell: (props: CellProps<D, V>) => ReturnType<FunctionComponent>;
} & Omit<Column$1<D>, "accessor" | "Cell" | "width">;
type GroupedColumn<A extends string, D extends object, V> = {
    Header: string;
    columns: Array<Column<A, D, V>>;
    align?: "left" | "right" | "center";
    sticky?: "left";
    hint?: LocalizedString | {
        onPress: () => void;
    };
};
type ColumnValueByAccessor<C, K extends string> = C extends Column<K, infer _D, infer V> ? V : never;
type Row<Columns extends ReadonlyArray<Column<string, any, any>> | ReadonlyArray<GroupedColumn<string, any, any>>> = Columns[number] extends GroupedColumn<string, any, any> ? {
    [k in Columns[number]["columns"][number]["accessor"]]?: ColumnValueByAccessor<Columns[number]["columns"][number], k>;
} : Columns[number] extends Column<string, any, any> ? {
    [k in Columns[number]["accessor"]]?: ColumnValueByAccessor<Columns[number], k>;
} : never;
type GridWidth = "fit-content" | "fill-available" | {
    custom: string | number;
};

type BentoConfig = {
    actions: ActionsConfig;
    areaLoader: AreaLoaderConfig;
    avatar: AvatarConfig;
    banner: BannerConfig;
    breadcrumb: BreadcrumbConfig;
    button: ButtonConfig;
    card: CardConfig;
    chart: ChartConfig;
    chip: ChipConfig;
    dateField: DateFieldConfig;
    decorativeDivider: DecorativeDividerConfig;
    disclosure: DisclosureConfig;
    disclosureGroup: DisclosureGroupConfig;
    feedback: FeedbackConfig;
    field: FieldConfig;
    fileUploaderField: FileUploaderFieldConfig;
    input: InputConfig;
    selectionControl: {
        group: SelectionControlGroupConfig;
        element: SelectionControlConfig;
    };
    formLayout: FormLayoutConfig;
    iconButton: IconButtonConfig;
    inlineLoader: InlineLoaderConfig;
    list: ListConfig;
    menu: MenuConfig;
    modal: ModalConfig;
    navigation: NavigationConfig;
    pagination: PaginationConfig;
    readOnlyField: ReadOnlyFieldConfig;
    searchBar: SearchBarConfig;
    dropdown: DropdownConfig;
    table: TableConfig;
    toast: ToastConfig;
    tabs: TabsConfig;
    progressBar: ProgressBarConfig;
    slider: SliderConfig;
    stepper: StepperConfig;
    tooltip: TooltipConfig;
};
type PartialBentoConfig = PartialDeep<BentoConfig>;

export { ResponsiveSpace as $, ActionsConfig as A, BentoProvider as B, CardConfig as C, DecorativeDividerConfig as D, DateFieldConfig as E, FeedbackConfig as F, Children as G, CardElevation as H, IconProps as I, BorderRadiusConfig as J, BentoSprinkles as K, LocalizedString as L, MenuConfig as M, NavigationConfig as N, ChartDataColor as O, PaginationConfig as P, Omit$1 as Q, ReadOnlyFieldConfig as R, SelectionControlGroupConfig as S, TableConfig as T, FieldProps as U, RequiredResponsiveValue as V, Props$4 as W, Props$e as X, NonEmptyArray as Y, Props$k as Z, Props$j as _, AreaLoaderConfig as a, useBentoTheme as a$, OptionalResponsiveValue as a0, AsProp as a1, Box as a2, Kind$1 as a3, LeftItem as a4, CommonItemProps as a5, ListItemProps as a6, Props$9 as a7, PaginationItemsPerPage as a8, BaseSelectProps as a9, Chip as aA, CustomModal as aB, LinkComponentProps as aC, ButtonSize as aD, TypographySize as aE, TypographyColor as aF, Disclosure as aG, Display as aH, Feedback as aI, Headline as aJ, IconButton as aK, Label as aL, Link as aM, List as aN, ListSize as aO, Modal as aP, Navigation as aQ, SelectField as aR, Tabs as aS, Title as aT, TypeOverrides as aU, ChipCustomColors as aV, Props$g as aW, Kind$2 as aX, createBentoProvider as aY, DesignSystemProvider as aZ, BentoThemeContext as a_, BaseMultiProps as aa, BaseSingleProps as ab, Column as ac, Props$2 as ad, Props$6 as ae, Props$h as af, LabelProps as ag, Props$f as ah, GroupedColumn as ai, Row as aj, Props$b as ak, TooltipPlacement as al, PartialDeep as am, BentoTokens as an, DefaultMessages as ao, PartialBentoConfig as ap, BentoTheme as aq, BentoConfig as ar, bentoSprinkles as as, SprinklesFn as at, Actions as au, Banner as av, Body as aw, BoxType as ax, Button as ay, ButtonLink as az, AvatarConfig as b, BentoThemeProvider as b0, BentoThemePortalProvider as b1, OtherButtonKeys as b2, FeedbackSize as b3, Props$1 as b4, RightItem as b5, ListItem as b6, Props$8 as b7, ModalSize as b8, ModalKind as b9, Props$7 as ba, NavigationSize as bb, SelectOption as bc, Props as bd, Props$5 as be, TabsSize as bf, Props$d as bg, Props$c as bh, Props$i as bi, ConfiguredTypes as bj, unconditionalProperties as bk, responsiveProperties as bl, allColors as bm, statusProperties as bn, makeLinkComponent as bo, LinkComponent as bp, DefaultLinkComponent as bq, LinkComponentContext as br, useLinkComponent as bs, vars as bt, BannerConfig as c, BreadcrumbConfig as d, ButtonConfig as e, ChartConfig as f, ChipConfig as g, DisclosureConfig as h, DisclosureGroupConfig as i, FieldConfig as j, FileUploaderFieldConfig as k, InlineLoaderConfig as l, InputConfig as m, SelectionControlConfig as n, FormLayoutConfig as o, IconButtonConfig as p, ListConfig as q, ModalConfig as r, SearchBarConfig as s, DropdownConfig as t, ToastConfig as u, TabsConfig as v, ProgressBarConfig as w, SliderConfig as x, StepperConfig as y, TooltipConfig as z };