@nextui-org/react 1.0.1-alpha.9 → 1.0.2-beta.2

package/esm/theme/common.d.ts

@@ -0,0 +1,1644 @@
+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;