@jeromefitz/design-system 4.1.5 → 4.1.7

package/ButtonDemo-1e0e6216.d.ts

@@ -1,2224 +0,0 @@
-import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
-import * as _stitches_react_types_config from '@stitches/react/types/config';
-import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
-import * as react from 'react';
-import { ComponentType, ComponentProps } from 'react';
-
-declare const Button: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
-    all: string;
-    alignItems: string;
-    boxSizing: string;
-    userSelect: string;
-    '&::before': {
-        boxSizing: string;
-    };
-    '&::after': {
-        boxSizing: string;
-    };
-    display: string;
-    flexShrink: number;
-    justifyContent: string;
-    lineHeight: string;
-    WebkitTapHighlightColor: string;
-    height: string;
-    px: string;
-    fontFamily: string;
-    fontSize: string;
-    fontVariationSettings: string;
-    fontWeight: string;
-    fontVariantNumeric: string;
-    '&:disabled': {
-        backgroundColor: string;
-        boxShadow: string;
-        color: string;
-        pointerEvents: string;
-    };
-    variants: {
-        size: {
-            '1': {
-                borderRadius: string;
-                height: string;
-                px: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            '2': {
-                borderRadius: string;
-                height: string;
-                px: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            '3': {
-                borderRadius: string;
-                height: string;
-                px: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        variant: {
-            gray: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            transparentWhite: {
-                backgroundColor: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-            transparentBlack: {
-                backgroundColor: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-            brand: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-        };
-        state: {
-            active: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-            waiting: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                pointerEvents: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-        };
-        ghost: {
-            true: {
-                backgroundColor: string;
-                boxShadow: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        variant: string;
-        ghost: string;
-        css: {
-            backgroundColor: string;
-            color: string;
-            '@hover': {
-                '&:hover': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            '&:active': {
-                backgroundColor: string;
-            };
-            '&:focus': {
-                boxShadow: string;
-            };
-            '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                backgroundColor: string;
-                boxShadow: string;
-            };
-        };
-    } | {
-        variant: string;
-        ghost: string;
-        css: {
-            backgroundColor: string;
-            '@hover': {
-                '&:hover': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            '&:active': {
-                backgroundColor: string;
-            };
-            '&:focus': {
-                boxShadow: string;
-            };
-            '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                backgroundColor: string;
-                boxShadow: string;
-            };
-            color?: undefined;
-        };
-    })[];
-    defaultVariants: {
-        size: "1";
-        variant: "gray";
-    };
-}]>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>;
-
-declare const ButtonIcon: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
-    alignItems: string;
-    appearance: string;
-    borderWidth: string;
-    boxSizing: string;
-    display: string;
-    flexShrink: number;
-    fontFamily: string;
-    fontSize: string;
-    justifyContent: string;
-    lineHeight: string;
-    outline: string;
-    padding: string;
-    textDecoration: string;
-    userSelect: string;
-    WebkitTapHighlightColor: string;
-    color: string;
-    '&::before': {
-        boxSizing: string;
-    };
-    '&::after': {
-        boxSizing: string;
-    };
-    backgroundColor: string;
-    border: string;
-    '@hover': {
-        '&:hover': {
-            borderColor: string;
-        };
-    };
-    '&:active': {
-        backgroundColor: string;
-    };
-    '&:focus': {
-        borderColor: string;
-        boxShadow: string;
-    };
-    '&:disabled': {
-        pointerEvents: string;
-        backgroundColor: string;
-        color: string;
-    };
-    variants: {
-        cursor: {
-            arrow: {
-                cursor: string;
-            };
-            pointer: {
-                cursor: string;
-            };
-        };
-        size: {
-            '1': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-            '2': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-            '3': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-            '4': {
-                borderRadius: string;
-                height: string;
-                width: string;
-            };
-        };
-        variant: {
-            ghost: {
-                backgroundColor: string;
-                borderWidth: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:focus': {
-                    borderRadius: string;
-                    boxShadow: string;
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                };
-            };
-            raised: {
-                boxShadow: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:focus': {
-                    borderColor: string;
-                    boxShadow: string;
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-            };
-        };
-        state: {
-            active: {
-                backgroundColor: string;
-                boxShadow: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-            };
-            waiting: {
-                backgroundColor: string;
-                boxShadow: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-            };
-        };
-    };
-    defaultVariants: {
-        cursor: "arrow";
-        size: "1";
-        variant: "ghost";
-    };
-}]>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>;
-
-declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
-    all: string;
-    alignItems: string;
-    boxSizing: string;
-    userSelect: string;
-    display: string;
-    WebkitTapHighlightColor: string;
-    height: string;
-    px: string;
-    fontFamily: string;
-    fontVariationSettings: string;
-    fontWeight: string;
-    borderRadius: string;
-    fontSize: string;
-    lineHeight: string;
-    '&:disabled': {
-        bc: string;
-        boxShadow: string;
-        color: string;
-        pointerEvents: string;
-    };
-    '&[href]': {
-        cursor: string;
-    };
-    variants: {
-        variant: {
-            contrast: {
-                [x: string]: string | {
-                    '&:hover': {
-                        opacity: number;
-                    };
-                    opacity?: undefined;
-                    boxShadow?: undefined;
-                    color?: undefined;
-                    bc?: undefined;
-                    '&:focus'?: undefined;
-                    '&:focus:not(:focus-visible)'?: undefined;
-                } | {
-                    opacity: number;
-                    '&:hover'?: undefined;
-                    boxShadow?: undefined;
-                    color?: undefined;
-                    bc?: undefined;
-                    '&:focus'?: undefined;
-                    '&:focus:not(:focus-visible)'?: undefined;
-                } | {
-                    boxShadow: string;
-                    '&:hover'?: undefined;
-                    opacity?: undefined;
-                    color?: undefined;
-                    bc?: undefined;
-                    '&:focus'?: undefined;
-                    '&:focus:not(:focus-visible)'?: undefined;
-                } | {
-                    color: string;
-                    bc: string;
-                    '&:focus': {
-                        boxShadow: string;
-                    };
-                    '&:focus:not(:focus-visible)': {
-                        boxShadow: string;
-                    };
-                    '&:hover'?: undefined;
-                    opacity?: undefined;
-                    boxShadow?: undefined;
-                };
-                bc: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        opacity: number;
-                    };
-                };
-                '&:active': {
-                    opacity: number;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&:focus:not(:focus-visible)': {
-                    boxShadow: string;
-                };
-                $$backlight: string;
-                boxShadow: string;
-            };
-        };
-    };
-    defaultVariants: {
-        variant: "contrast";
-    };
-}]>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>;
-
-declare type ButtonMarketingProps = {
-    as: any;
-    disabled?: boolean;
-    href?: string;
-    icon?: ComponentType<any>;
-} & ComponentProps<typeof StyledButton>;
-
-declare const ButtonMarketing: react.ForwardRefExoticComponent<Pick<ButtonMarketingProps, "as" | "css" | "icon" | "variant" | "href" | "key" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const ButtonDemo: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
-    all: string;
-    alignItems: string;
-    boxSizing: string;
-    userSelect: string;
-    display: string;
-    color: string;
-    fontSize: string;
-    lineHeight: number;
-    m: number;
-    py: number;
-    px: string;
-    height: string;
-    br: string;
-    willChange: string;
-    '&:focus': {
-        boxShadow: string;
-    };
-    '&:focus:not(:focus-visible)': {
-        boxShadow: string;
-    };
-    variants: {
-        variant: {
-            white: {
-                [x: string]: string | {
-                    '&:hover': {
-                        bc: string;
-                    };
-                    backgroundColor?: undefined;
-                    '@hover'?: undefined;
-                } | {
-                    backgroundColor: string;
-                    '@hover': {
-                        '&:hover': {
-                            bc: string;
-                        };
-                    };
-                    '&:hover'?: undefined;
-                };
-                backgroundColor: string;
-                '@hover': {
-                    '&:hover': {
-                        bc: string;
-                    };
-                };
-            };
-            gray: {
-                backgroundColor: string;
-                '@hover': {
-                    '&:hover': {
-                        bc: string;
-                    };
-                };
-            };
-        };
-    };
-    defaultVariants: {
-        variant: "white";
-    };
-}]>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>;
-
-export { Button as B, ButtonDemo as a, ButtonIcon as b, ButtonMarketing as c };