@nextui-org/react 1.0.2-beta.3 → 1.0.2-beta.4

package/esm/theme/common.d.ts

@@ -1,1644 +0,0 @@
-import type * as Stitches from '@stitches/react';
-export declare const defaultTokens: {
-    fonts: {
-        sans: string;
-        mono: string;
-    };
-    fontSizes: {
-        tiny: string;
-        xs: string;
-        base: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fontWeights: {
-        hairline: number;
-        thin: number;
-        light: number;
-        normal: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    lineHeights: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    space: {
-        0: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        px: 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;
-        17: string;
-        18: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    radii: {
-        xs: string;
-        sm: string;
-        md: string;
-        base: string;
-        lg: string;
-        xl: string;
-        squared: string;
-        rounded: string;
-        pill: string;
-    };
-    zIndices: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        10: string;
-        max: string;
-    };
-    borderWeights: {
-        light: string;
-        normal: string;
-        bold: string;
-        extrabold: string;
-        black: string;
-    };
-    transitions: {
-        default: string;
-    };
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-};
-export declare const defaultColors: {
-    white: string;
-    black: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    blue900: string;
-    purple100: string;
-    purple200: string;
-    purple300: string;
-    purple400: string;
-    purple500: string;
-    purple600: string;
-    purple700: string;
-    purple800: string;
-    purple900: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    green900: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    yellow900: string;
-    red100: string;
-    red200: string;
-    red300: string;
-    red400: string;
-    red500: string;
-    red600: string;
-    red700: string;
-    red800: string;
-    red900: string;
-    cyan100: string;
-    cyan200: string;
-    cyan300: string;
-    cyan400: string;
-    cyan500: string;
-    cyan600: string;
-    cyan700: string;
-    cyan800: string;
-    cyan900: string;
-    pink100: string;
-    pink200: string;
-    pink300: string;
-    pink400: string;
-    pink500: string;
-    pink600: string;
-    pink700: string;
-    pink800: string;
-    pink900: string;
-    gray100: string;
-    gray200: string;
-    gray300: string;
-    gray400: string;
-    gray500: string;
-    gray600: string;
-    gray700: string;
-    gray800: string;
-    gray900: string;
-    primaryLight: string;
-    primary: string;
-    primaryDark: string;
-    secondaryLight: string;
-    secondary: string;
-    secondaryDark: string;
-    successLight: string;
-    success: string;
-    successDark: string;
-    warningLight: string;
-    warning: string;
-    warningDark: string;
-    errorLight: string;
-    error: string;
-    errorDark: string;
-    gradient: string;
-    link: string;
-};
-export declare const defaultMedia: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-};
-export declare const defaultUtils: {
-    p: (value: Stitches.PropertyValue<'padding'>) => {
-        padding: {
-            readonly [$$PropertyValue]: "padding";
-        };
-    };
-    pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
-        };
-    };
-    pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
-        };
-    };
-    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
-        };
-    };
-    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
-        };
-    };
-    px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
-        };
-        paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
-        };
-    };
-    py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
-        };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
-        };
-    };
-    m: (value: Stitches.PropertyValue<'margin'>) => {
-        margin: {
-            readonly [$$PropertyValue]: "margin";
-        };
-    };
-    mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
-        };
-    };
-    mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-        marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
-        };
-    };
-    mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
-        };
-    };
-    ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
-        };
-    };
-    mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
-        };
-        marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
-        };
-    };
-    my: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
-        };
-        marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
-        };
-    };
-    ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-        textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
-        };
-    };
-    tt: (value: Stitches.PropertyValue<'textTransform'>) => {
-        textTransform: {
-            readonly [$$PropertyValue]: "textTransform";
-        };
-    };
-    to: (value: Stitches.PropertyValue<'textOverflow'>) => {
-        textOverflow: {
-            readonly [$$PropertyValue]: "textOverflow";
-        };
-    };
-    d: (value: Stitches.PropertyValue<'display'>) => {
-        display: {
-            readonly [$$PropertyValue]: "display";
-        };
-    };
-    dflex: (value: Stitches.PropertyValue<'alignItems'>) => {
-        display: string;
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
-        };
-        justifyContent: {
-            readonly [$$PropertyValue]: "alignItems";
-        };
-    };
-    fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-        flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
-        };
-    };
-    fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
-        };
-    };
-    ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
-        };
-    };
-    ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
-        };
-    };
-    jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
-        };
-    };
-    as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
-        };
-    };
-    fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
-        };
-    };
-    fs: (value: Stitches.PropertyValue<'fontSize'>) => {
-        fontSize: {
-            readonly [$$PropertyValue]: "fontSize";
-        };
-    };
-    fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
-        };
-    };
-    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bf: (value: Stitches.PropertyValue<'backdropFilter'>) => {
-        backdropFilter: {
-            readonly [$$PropertyValue]: "backdropFilter";
-        };
-    };
-    bg: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        background: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bgBlur: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        bf: string;
-        bg: string;
-    };
-    bgColor: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
-    };
-    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-    };
-    bgClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-    };
-    br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
-        };
-    };
-    bw: (value: Stitches.PropertyValue<'borderWidth'>) => {
-        borderWidth: {
-            readonly [$$PropertyValue]: "borderWidth";
-        };
-    };
-    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
-        };
-    };
-    normalShadow: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        boxShadow: string;
-    };
-    normalShadowVar: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        boxShadow: string;
-    };
-    lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
-        };
-    };
-    ov: (value: Stitches.PropertyValue<'overflow'>) => {
-        overflow: {
-            readonly [$$PropertyValue]: "overflow";
-        };
-    };
-    ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
-        };
-    };
-    oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
-        };
-    };
-    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
-        };
-    };
-    events: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
-        };
-    };
-    us: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-    };
-    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-    };
-    w: (value: Stitches.PropertyValue<'width'>) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    h: (value: Stitches.PropertyValue<'height'>) => {
-        height: {
-            readonly [$$PropertyValue]: "height";
-        };
-    };
-    mw: (value: Stitches.PropertyValue<'maxWidth'>) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "maxWidth";
-        };
-    };
-    maxW: (value: Stitches.PropertyValue<'maxWidth'>) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "maxWidth";
-        };
-    };
-    mh: (value: Stitches.PropertyValue<'maxHeight'>) => {
-        maxHeight: {
-            readonly [$$PropertyValue]: "maxHeight";
-        };
-    };
-    maxH: (value: Stitches.PropertyValue<'maxHeight'>) => {
-        maxHeight: {
-            readonly [$$PropertyValue]: "maxHeight";
-        };
-    };
-    size: (value: Stitches.PropertyValue<'width'>) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    minSize: (value: Stitches.PropertyValue<'width'>) => {
-        minWidth: {
-            readonly [$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    sizeMin: (value: Stitches.PropertyValue<'width'>) => {
-        minWidth: {
-            readonly [$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    maxSize: (value: Stitches.PropertyValue<'width'>) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    sizeMax: (value: Stitches.PropertyValue<'width'>) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
-        };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
-        };
-    };
-    scale: (value: Stitches.PropertyValue<'scale'>) => {
-        transform: string;
-    };
-    linearGradient: (value: Stitches.PropertyValue<'backgroundImage'>) => {
-        backgroundImage: string;
-    };
-    tdl: (value: Stitches.PropertyValue<'textDecorationLine'>) => {
-        textDecorationLine: {
-            readonly [$$PropertyValue]: "textDecorationLine";
-        };
-    };
-    textGradient: (value: Stitches.PropertyValue<'backgroundImage'>) => {
-        backgroundImage: string;
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-    };
-};
-export declare const defaultThemeMap: {
-    width: string;
-    height: string;
-    minWidth: string;
-    maxWidth: string;
-    minHeight: string;
-    maxHeight: string;
-    flexBasis: string;
-    gridTemplateColumns: string;
-    gridTemplateRows: string;
-    blockSize: string;
-    minBlockSize: string;
-    maxBlockSize: string;
-    inlineSize: string;
-    minInlineSize: string;
-    maxInlineSize: string;
-    borderWidth: string;
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-};
-declare const _default: {
-    prefix: string;
-    theme: {
-        colors: {
-            white: string;
-            black: string;
-            blue100: string;
-            blue200: string;
-            blue300: string;
-            blue400: string;
-            blue500: string;
-            blue600: string;
-            blue700: string;
-            blue800: string;
-            blue900: string;
-            purple100: string;
-            purple200: string;
-            purple300: string;
-            purple400: string;
-            purple500: string;
-            purple600: string;
-            purple700: string;
-            purple800: string;
-            purple900: string;
-            green100: string;
-            green200: string;
-            green300: string;
-            green400: string;
-            green500: string;
-            green600: string;
-            green700: string;
-            green800: string;
-            green900: string;
-            yellow100: string;
-            yellow200: string;
-            yellow300: string;
-            yellow400: string;
-            yellow500: string;
-            yellow600: string;
-            yellow700: string;
-            yellow800: string;
-            yellow900: string;
-            red100: string;
-            red200: string;
-            red300: string;
-            red400: string;
-            red500: string;
-            red600: string;
-            red700: string;
-            red800: string;
-            red900: string;
-            cyan100: string;
-            cyan200: string;
-            cyan300: string;
-            cyan400: string;
-            cyan500: string;
-            cyan600: string;
-            cyan700: string;
-            cyan800: string;
-            cyan900: string;
-            pink100: string;
-            pink200: string;
-            pink300: string;
-            pink400: string;
-            pink500: string;
-            pink600: string;
-            pink700: string;
-            pink800: string;
-            pink900: string;
-            gray100: string;
-            gray200: string;
-            gray300: string;
-            gray400: string;
-            gray500: string;
-            gray600: string;
-            gray700: string;
-            gray800: string;
-            gray900: string;
-            primaryLight: string;
-            primary: string;
-            primaryDark: string;
-            secondaryLight: string;
-            secondary: string;
-            secondaryDark: string;
-            successLight: string;
-            success: string;
-            successDark: string;
-            warningLight: string;
-            warning: string;
-            warningDark: string;
-            errorLight: string;
-            error: string;
-            errorDark: string;
-            gradient: string;
-            link: string;
-        };
-        shadows: {};
-        fonts: {
-            sans: string;
-            mono: string;
-        };
-        fontSizes: {
-            tiny: string;
-            xs: string;
-            base: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        fontWeights: {
-            hairline: number;
-            thin: number;
-            light: number;
-            normal: number;
-            medium: number;
-            semibold: number;
-            bold: number;
-            extrabold: number;
-            black: number;
-        };
-        lineHeights: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-        };
-        letterSpacings: {
-            tighter: string;
-            tight: string;
-            normal: string;
-            wide: string;
-            wider: string;
-            widest: string;
-        };
-        space: {
-            0: string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            px: 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;
-            17: string;
-            18: string;
-            20: string;
-            24: string;
-            28: string;
-            32: string;
-            36: string;
-            40: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-        };
-        radii: {
-            xs: string;
-            sm: string;
-            md: string;
-            base: string;
-            lg: string;
-            xl: string;
-            squared: string;
-            rounded: string;
-            pill: string;
-        };
-        zIndices: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            10: string;
-            max: string;
-        };
-        borderWeights: {
-            light: string;
-            normal: string;
-            bold: string;
-            extrabold: string;
-            black: string;
-        };
-        transitions: {
-            default: string;
-        };
-        breakpoints: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-    };
-    media: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xsMax: string;
-        smMax: string;
-        mdMax: string;
-        lgMax: string;
-        xlMax: string;
-        motion: string;
-        safari: string;
-        hover: string;
-        dark: string;
-        light: string;
-    };
-    utils: {
-        p: (value: {
-            readonly [$$PropertyValue]: "padding";
-        }) => {
-            padding: {
-                readonly [$$PropertyValue]: "padding";
-            };
-        };
-        pt: (value: {
-            readonly [$$PropertyValue]: "paddingTop";
-        }) => {
-            paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
-            };
-        };
-        pr: (value: {
-            readonly [$$PropertyValue]: "paddingRight";
-        }) => {
-            paddingRight: {
-                readonly [$$PropertyValue]: "paddingRight";
-            };
-        };
-        pb: (value: {
-            readonly [$$PropertyValue]: "paddingBottom";
-        }) => {
-            paddingBottom: {
-                readonly [$$PropertyValue]: "paddingBottom";
-            };
-        };
-        pl: (value: {
-            readonly [$$PropertyValue]: "paddingLeft";
-        }) => {
-            paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
-            };
-        };
-        px: (value: {
-            readonly [$$PropertyValue]: "paddingLeft";
-        }) => {
-            paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
-            };
-            paddingRight: {
-                readonly [$$PropertyValue]: "paddingLeft";
-            };
-        };
-        py: (value: {
-            readonly [$$PropertyValue]: "paddingTop";
-        }) => {
-            paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
-            };
-            paddingBottom: {
-                readonly [$$PropertyValue]: "paddingTop";
-            };
-        };
-        m: (value: {
-            readonly [$$PropertyValue]: "margin";
-        }) => {
-            margin: {
-                readonly [$$PropertyValue]: "margin";
-            };
-        };
-        mt: (value: {
-            readonly [$$PropertyValue]: "marginTop";
-        }) => {
-            marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
-            };
-        };
-        mr: (value: {
-            readonly [$$PropertyValue]: "marginRight";
-        }) => {
-            marginRight: {
-                readonly [$$PropertyValue]: "marginRight";
-            };
-        };
-        mb: (value: {
-            readonly [$$PropertyValue]: "marginBottom";
-        }) => {
-            marginBottom: {
-                readonly [$$PropertyValue]: "marginBottom";
-            };
-        };
-        ml: (value: {
-            readonly [$$PropertyValue]: "marginLeft";
-        }) => {
-            marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
-            };
-        };
-        mx: (value: {
-            readonly [$$PropertyValue]: "marginLeft";
-        }) => {
-            marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
-            };
-            marginRight: {
-                readonly [$$PropertyValue]: "marginLeft";
-            };
-        };
-        my: (value: {
-            readonly [$$PropertyValue]: "marginTop";
-        }) => {
-            marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
-            };
-            marginBottom: {
-                readonly [$$PropertyValue]: "marginTop";
-            };
-        };
-        ta: (value: {
-            readonly [$$PropertyValue]: "textAlign";
-        }) => {
-            textAlign: {
-                readonly [$$PropertyValue]: "textAlign";
-            };
-        };
-        tt: (value: {
-            readonly [$$PropertyValue]: "textTransform";
-        }) => {
-            textTransform: {
-                readonly [$$PropertyValue]: "textTransform";
-            };
-        };
-        to: (value: {
-            readonly [$$PropertyValue]: "textOverflow";
-        }) => {
-            textOverflow: {
-                readonly [$$PropertyValue]: "textOverflow";
-            };
-        };
-        d: (value: {
-            readonly [$$PropertyValue]: "display";
-        }) => {
-            display: {
-                readonly [$$PropertyValue]: "display";
-            };
-        };
-        dflex: (value: {
-            readonly [$$PropertyValue]: "alignItems";
-        }) => {
-            display: string;
-            alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
-            };
-            justifyContent: {
-                readonly [$$PropertyValue]: "alignItems";
-            };
-        };
-        fd: (value: {
-            readonly [$$PropertyValue]: "flexDirection";
-        }) => {
-            flexDirection: {
-                readonly [$$PropertyValue]: "flexDirection";
-            };
-        };
-        fw: (value: {
-            readonly [$$PropertyValue]: "flexWrap";
-        }) => {
-            flexWrap: {
-                readonly [$$PropertyValue]: "flexWrap";
-            };
-        };
-        ai: (value: {
-            readonly [$$PropertyValue]: "alignItems";
-        }) => {
-            alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
-            };
-        };
-        ac: (value: {
-            readonly [$$PropertyValue]: "alignContent";
-        }) => {
-            alignContent: {
-                readonly [$$PropertyValue]: "alignContent";
-            };
-        };
-        jc: (value: {
-            readonly [$$PropertyValue]: "justifyContent";
-        }) => {
-            justifyContent: {
-                readonly [$$PropertyValue]: "justifyContent";
-            };
-        };
-        as: (value: {
-            readonly [$$PropertyValue]: "alignSelf";
-        }) => {
-            alignSelf: {
-                readonly [$$PropertyValue]: "alignSelf";
-            };
-        };
-        fg: (value: {
-            readonly [$$PropertyValue]: "flexGrow";
-        }) => {
-            flexGrow: {
-                readonly [$$PropertyValue]: "flexGrow";
-            };
-        };
-        fs: (value: {
-            readonly [$$PropertyValue]: "fontSize";
-        }) => {
-            fontSize: {
-                readonly [$$PropertyValue]: "fontSize";
-            };
-        };
-        fb: (value: {
-            readonly [$$PropertyValue]: "flexBasis";
-        }) => {
-            flexBasis: {
-                readonly [$$PropertyValue]: "flexBasis";
-            };
-        };
-        bc: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        bf: (value: {
-            readonly [$$PropertyValue]: "backdropFilter";
-        }) => {
-            backdropFilter: {
-                readonly [$$PropertyValue]: "backdropFilter";
-            };
-        };
-        bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            background: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        bgBlur: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            bf: string;
-            bg: string;
-        };
-        bgColor: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        backgroundClip: (value: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
-            };
-            backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
-            };
-        };
-        bgClip: (value: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        }) => {
-            WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
-            };
-            backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
-            };
-        };
-        br: (value: {
-            readonly [$$PropertyValue]: "borderRadius";
-        }) => {
-            borderRadius: {
-                readonly [$$PropertyValue]: "borderRadius";
-            };
-        };
-        bw: (value: {
-            readonly [$$PropertyValue]: "borderWidth";
-        }) => {
-            borderWidth: {
-                readonly [$$PropertyValue]: "borderWidth";
-            };
-        };
-        btrr: (value: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
-        }) => {
-            borderTopRightRadius: {
-                readonly [$$PropertyValue]: "borderTopRightRadius";
-            };
-        };
-        bbrr: (value: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
-        }) => {
-            borderBottomRightRadius: {
-                readonly [$$PropertyValue]: "borderBottomRightRadius";
-            };
-        };
-        bblr: (value: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
-        }) => {
-            borderBottomLeftRadius: {
-                readonly [$$PropertyValue]: "borderBottomLeftRadius";
-            };
-        };
-        btlr: (value: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
-        }) => {
-            borderTopLeftRadius: {
-                readonly [$$PropertyValue]: "borderTopLeftRadius";
-            };
-        };
-        bs: (value: {
-            readonly [$$PropertyValue]: "boxShadow";
-        }) => {
-            boxShadow: {
-                readonly [$$PropertyValue]: "boxShadow";
-            };
-        };
-        normalShadow: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            boxShadow: string;
-        };
-        normalShadowVar: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            boxShadow: string;
-        };
-        lh: (value: {
-            readonly [$$PropertyValue]: "lineHeight";
-        }) => {
-            lineHeight: {
-                readonly [$$PropertyValue]: "lineHeight";
-            };
-        };
-        ov: (value: {
-            readonly [$$PropertyValue]: "overflow";
-        }) => {
-            overflow: {
-                readonly [$$PropertyValue]: "overflow";
-            };
-        };
-        ox: (value: {
-            readonly [$$PropertyValue]: "overflowX";
-        }) => {
-            overflowX: {
-                readonly [$$PropertyValue]: "overflowX";
-            };
-        };
-        oy: (value: {
-            readonly [$$PropertyValue]: "overflowY";
-        }) => {
-            overflowY: {
-                readonly [$$PropertyValue]: "overflowY";
-            };
-        };
-        pe: (value: {
-            readonly [$$PropertyValue]: "pointerEvents";
-        }) => {
-            pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
-            };
-        };
-        events: (value: {
-            readonly [$$PropertyValue]: "pointerEvents";
-        }) => {
-            pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
-            };
-        };
-        us: (value: {
-            readonly [$$PropertyValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
-            userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
-        };
-        userSelect: (value: {
-            readonly [$$PropertyValue]: "userSelect";
-        }) => {
-            WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
-            userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
-            };
-        };
-        w: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        h: (value: {
-            readonly [$$PropertyValue]: "height";
-        }) => {
-            height: {
-                readonly [$$PropertyValue]: "height";
-            };
-        };
-        mw: (value: {
-            readonly [$$PropertyValue]: "maxWidth";
-        }) => {
-            maxWidth: {
-                readonly [$$PropertyValue]: "maxWidth";
-            };
-        };
-        maxW: (value: {
-            readonly [$$PropertyValue]: "maxWidth";
-        }) => {
-            maxWidth: {
-                readonly [$$PropertyValue]: "maxWidth";
-            };
-        };
-        mh: (value: {
-            readonly [$$PropertyValue]: "maxHeight";
-        }) => {
-            maxHeight: {
-                readonly [$$PropertyValue]: "maxHeight";
-            };
-        };
-        maxH: (value: {
-            readonly [$$PropertyValue]: "maxHeight";
-        }) => {
-            maxHeight: {
-                readonly [$$PropertyValue]: "maxHeight";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        minSize: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            minWidth: {
-                readonly [$$PropertyValue]: "width";
-            };
-            minHeight: {
-                readonly [$$PropertyValue]: "width";
-            };
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        sizeMin: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            minWidth: {
-                readonly [$$PropertyValue]: "width";
-            };
-            minHeight: {
-                readonly [$$PropertyValue]: "width";
-            };
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        maxSize: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            maxWidth: {
-                readonly [$$PropertyValue]: "width";
-            };
-            maxHeight: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        sizeMax: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            maxWidth: {
-                readonly [$$PropertyValue]: "width";
-            };
-            maxHeight: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        appearance: (value: {
-            readonly [$$PropertyValue]: "appearance";
-        }) => {
-            WebkitAppearance: {
-                readonly [$$PropertyValue]: "appearance";
-            };
-            appearance: {
-                readonly [$$PropertyValue]: "appearance";
-            };
-        };
-        scale: (value: {
-            readonly [$$PropertyValue]: "scale";
-        }) => {
-            transform: string;
-        };
-        linearGradient: (value: {
-            readonly [$$PropertyValue]: "backgroundImage";
-        }) => {
-            backgroundImage: string;
-        };
-        tdl: (value: {
-            readonly [$$PropertyValue]: "textDecorationLine";
-        }) => {
-            textDecorationLine: {
-                readonly [$$PropertyValue]: "textDecorationLine";
-            };
-        };
-        textGradient: (value: {
-            readonly [$$PropertyValue]: "backgroundImage";
-        }) => {
-            backgroundImage: string;
-            WebkitBackgroundClip: string;
-            WebkitTextFillColor: string;
-        };
-    };
-    themeMap: {
-        width: string;
-        height: string;
-        minWidth: string;
-        maxWidth: string;
-        minHeight: string;
-        maxHeight: string;
-        flexBasis: string;
-        gridTemplateColumns: string;
-        gridTemplateRows: string;
-        blockSize: string;
-        minBlockSize: string;
-        maxBlockSize: string;
-        inlineSize: string;
-        minInlineSize: string;
-        maxInlineSize: string;
-        borderWidth: string;
-        gap: "space";
-        gridGap: "space";
-        columnGap: "space";
-        gridColumnGap: "space";
-        rowGap: "space";
-        gridRowGap: "space";
-        inset: "space";
-        insetBlock: "space";
-        insetBlockEnd: "space";
-        insetBlockStart: "space";
-        insetInline: "space";
-        insetInlineEnd: "space";
-        insetInlineStart: "space";
-        margin: "space";
-        marginTop: "space";
-        marginRight: "space";
-        marginBottom: "space";
-        marginLeft: "space";
-        marginBlock: "space";
-        marginBlockEnd: "space";
-        marginBlockStart: "space";
-        marginInline: "space";
-        marginInlineEnd: "space";
-        marginInlineStart: "space";
-        padding: "space";
-        paddingTop: "space";
-        paddingRight: "space";
-        paddingBottom: "space";
-        paddingLeft: "space";
-        paddingBlock: "space";
-        paddingBlockEnd: "space";
-        paddingBlockStart: "space";
-        paddingInline: "space";
-        paddingInlineEnd: "space";
-        paddingInlineStart: "space";
-        scrollMargin: "space";
-        scrollMarginTop: "space";
-        scrollMarginRight: "space";
-        scrollMarginBottom: "space";
-        scrollMarginLeft: "space";
-        scrollMarginBlock: "space";
-        scrollMarginBlockEnd: "space";
-        scrollMarginBlockStart: "space";
-        scrollMarginInline: "space";
-        scrollMarginInlineEnd: "space";
-        scrollMarginInlineStart: "space";
-        scrollPadding: "space";
-        scrollPaddingTop: "space";
-        scrollPaddingRight: "space";
-        scrollPaddingBottom: "space";
-        scrollPaddingLeft: "space";
-        scrollPaddingBlock: "space";
-        scrollPaddingBlockEnd: "space";
-        scrollPaddingBlockStart: "space";
-        scrollPaddingInline: "space";
-        scrollPaddingInlineEnd: "space";
-        scrollPaddingInlineStart: "space";
-        top: "space";
-        right: "space";
-        bottom: "space";
-        left: "space";
-        fontSize: "fontSizes";
-        background: "colors";
-        backgroundColor: "colors";
-        backgroundImage: "colors";
-        borderImage: "colors";
-        border: "colors";
-        borderBlock: "colors";
-        borderBlockEnd: "colors";
-        borderBlockStart: "colors";
-        borderBottom: "colors";
-        borderBottomColor: "colors";
-        borderColor: "colors";
-        borderInline: "colors";
-        borderInlineEnd: "colors";
-        borderInlineStart: "colors";
-        borderLeft: "colors";
-        borderLeftColor: "colors";
-        borderRight: "colors";
-        borderRightColor: "colors";
-        borderTop: "colors";
-        borderTopColor: "colors";
-        caretColor: "colors";
-        color: "colors";
-        columnRuleColor: "colors";
-        outline: "colors";
-        outlineColor: "colors";
-        fill: "colors";
-        stroke: "colors";
-        textDecorationColor: "colors";
-        fontFamily: "fonts";
-        fontWeight: "fontWeights";
-        lineHeight: "lineHeights";
-        letterSpacing: "letterSpacings";
-        borderTopWidth: "borderWidths";
-        borderLeftWidth: "borderWidths";
-        borderRightWidth: "borderWidths";
-        borderBottomWidth: "borderWidths";
-        borderStyle: "borderStyles";
-        borderTopStyle: "borderStyles";
-        borderLeftStyle: "borderStyles";
-        borderRightStyle: "borderStyles";
-        borderBottomStyle: "borderStyles";
-        borderRadius: "radii";
-        borderTopLeftRadius: "radii";
-        borderTopRightRadius: "radii";
-        borderBottomRightRadius: "radii";
-        borderBottomLeftRadius: "radii";
-        boxShadow: "shadows";
-        textShadow: "shadows";
-        transition: "transitions";
-        zIndex: "zIndices";
-    };
-};
-export default _default;