@nextui-org/react 1.0.2-beta.3 → 1.0.2-beta.5-dbg2

package/{cjs → types}/theme/stitches.config.d.ts

@@ -104,18 +104,23 @@ export declare const createThemeBase: <Argument0 extends string | ({
         primaryLight?: string | number | boolean | undefined;
         primary?: string | number | boolean | undefined;
         primaryDark?: string | number | boolean | undefined;
+        primaryShadow?: string | number | boolean | undefined;
         secondaryLight?: string | number | boolean | undefined;
         secondary?: string | number | boolean | undefined;
         secondaryDark?: string | number | boolean | undefined;
+        secondaryShadow?: string | number | boolean | undefined;
         successLight?: string | number | boolean | undefined;
         success?: string | number | boolean | undefined;
         successDark?: string | number | boolean | undefined;
+        successShadow?: string | number | boolean | undefined;
         warningLight?: string | number | boolean | undefined;
         warning?: string | number | boolean | undefined;
         warningDark?: string | number | boolean | undefined;
+        warningShadow?: string | number | boolean | undefined;
         errorLight?: string | number | boolean | undefined;
         error?: string | number | boolean | undefined;
         errorDark?: string | number | boolean | undefined;
+        errorShadow?: string | number | boolean | undefined;
         gradient?: string | number | boolean | undefined;
         link?: string | number | boolean | undefined;
     } | undefined;
@@ -344,18 +349,23 @@ export declare const createThemeBase: <Argument0 extends string | ({
         primaryLight?: string | number | boolean | undefined;
         primary?: string | number | boolean | undefined;
         primaryDark?: string | number | boolean | undefined;
+        primaryShadow?: string | number | boolean | undefined;
         secondaryLight?: string | number | boolean | undefined;
         secondary?: string | number | boolean | undefined;
         secondaryDark?: string | number | boolean | undefined;
+        secondaryShadow?: string | number | boolean | undefined;
         successLight?: string | number | boolean | undefined;
         success?: string | number | boolean | undefined;
         successDark?: string | number | boolean | undefined;
+        successShadow?: string | number | boolean | undefined;
         warningLight?: string | number | boolean | undefined;
         warning?: string | number | boolean | undefined;
         warningDark?: string | number | boolean | undefined;
+        warningShadow?: string | number | boolean | undefined;
         errorLight?: string | number | boolean | undefined;
         error?: string | number | boolean | undefined;
         errorDark?: string | number | boolean | undefined;
+        errorShadow?: string | number | boolean | undefined;
         gradient?: string | number | boolean | undefined;
         link?: string | number | boolean | undefined;
     } | undefined;
@@ -606,18 +616,23 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -1393,6 +1408,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
     variants?: {
@@ -1539,18 +1557,23 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -2326,6 +2349,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> | {
@@ -2448,18 +2474,23 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -3235,6 +3266,9 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
     variants?: {
@@ -3388,18 +3422,23 @@ export declare const globalCss: <Styles extends {
             primaryLight: string;
             primary: string;
             primaryDark: string;
+            primaryShadow: string;
             secondaryLight: string;
             secondary: string;
             secondaryDark: string;
+            secondaryShadow: string;
             successLight: string;
             success: string;
             successDark: string;
+            successShadow: string;
             warningLight: string;
             warning: string;
             warningDark: string;
+            warningShadow: string;
             errorLight: string;
             error: string;
             errorDark: string;
+            errorShadow: string;
             gradient: string;
             link: string;
         };
@@ -4175,6 +4214,9 @@ export declare const globalCss: <Styles extends {
             backgroundImage: string;
             WebkitBackgroundClip: string;
             WebkitTextFillColor: string;
+            '&::selection': {
+                WebkitTextFillColor: string;
+            };
         };
     }>;
 } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
@@ -4295,18 +4337,23 @@ export declare const globalCss: <Styles extends {
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -5082,6 +5129,9 @@ export declare const globalCss: <Styles extends {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>; })[]) => () => string;
 export declare const keyframes: (style: {
@@ -5203,18 +5253,23 @@ export declare const keyframes: (style: {
             primaryLight: string;
             primary: string;
             primaryDark: string;
+            primaryShadow: string;
             secondaryLight: string;
             secondary: string;
             secondaryDark: string;
+            secondaryShadow: string;
             successLight: string;
             success: string;
             successDark: string;
+            successShadow: string;
             warningLight: string;
             warning: string;
             warningDark: string;
+            warningShadow: string;
             errorLight: string;
             error: string;
             errorDark: string;
+            errorShadow: string;
             gradient: string;
             link: string;
         };
@@ -5990,6 +6045,9 @@ export declare const keyframes: (style: {
             backgroundImage: string;
             WebkitBackgroundClip: string;
             WebkitTextFillColor: string;
+            '&::selection': {
+                WebkitTextFillColor: string;
+            };
         };
     }>;
 }) => {
@@ -6102,18 +6160,23 @@ export declare const theme: string & {
         primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", string>;
         primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", string>;
         primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", string>;
+        primaryShadow: import("@stitches/react/types/theme").Token<"primaryShadow", string, "colors", string>;
         secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", string>;
         secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", string>;
         secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", string>;
+        secondaryShadow: import("@stitches/react/types/theme").Token<"secondaryShadow", string, "colors", string>;
         successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", string>;
         success: import("@stitches/react/types/theme").Token<"success", string, "colors", string>;
         successDark: import("@stitches/react/types/theme").Token<"successDark", string, "colors", string>;
+        successShadow: import("@stitches/react/types/theme").Token<"successShadow", string, "colors", string>;
         warningLight: import("@stitches/react/types/theme").Token<"warningLight", string, "colors", string>;
         warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", string>;
         warningDark: import("@stitches/react/types/theme").Token<"warningDark", string, "colors", string>;
+        warningShadow: import("@stitches/react/types/theme").Token<"warningShadow", string, "colors", string>;
         errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", string>;
         error: import("@stitches/react/types/theme").Token<"error", string, "colors", string>;
         errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", string>;
+        errorShadow: import("@stitches/react/types/theme").Token<"errorShadow", string, "colors", string>;
         gradient: import("@stitches/react/types/theme").Token<"gradient", string, "colors", string>;
         link: import("@stitches/react/types/theme").Token<"link", string, "colors", string>;
     };
@@ -6357,18 +6420,23 @@ export declare const config: {
             primaryLight: string;
             primary: string;
             primaryDark: string;
+            primaryShadow: string;
             secondaryLight: string;
             secondary: string;
             secondaryDark: string;
+            secondaryShadow: string;
             successLight: string;
             success: string;
             successDark: string;
+            successShadow: string;
             warningLight: string;
             warning: string;
             warningDark: string;
+            warningShadow: string;
             errorLight: string;
             error: string;
             errorDark: string;
+            errorShadow: string;
             gradient: string;
             link: string;
         };
@@ -7146,6 +7214,9 @@ export declare const config: {
             backgroundImage: string;
             WebkitBackgroundClip: string;
             WebkitTextFillColor: string;
+            '&::selection': {
+                WebkitTextFillColor: string;
+            };
         };
     };
 };
@@ -7283,18 +7354,23 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -8070,9 +8146,15 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
-export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
+export declare const cssFocusVisible: import("@stitches/react/types/styled-component").CssComponent<never, {
+    animated?: boolean | "false" | undefined;
+    isFocusVisible?: boolean | "false" | "true" | undefined;
+}, {
     xs: string;
     sm: string;
     md: string;
@@ -8206,18 +8288,23 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -8993,6 +9080,940 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
+    };
+}>>;
+export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
+    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;
+}, import("@stitches/react/types/css-util").CSS<{
+    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;
+}, {
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colors: {
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        text: string;
+        background: string;
+        foreground: string;
+        codeLight: string;
+        code: string;
+        border: string;
+        selection: string;
+        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;
+        primaryShadow: string;
+        secondaryLight: string;
+        secondary: string;
+        secondaryDark: string;
+        secondaryShadow: string;
+        successLight: string;
+        success: string;
+        successDark: string;
+        successShadow: string;
+        warningLight: string;
+        warning: string;
+        warningDark: string;
+        warningShadow: string;
+        errorLight: string;
+        error: string;
+        errorDark: string;
+        errorShadow: string;
+        gradient: string;
+        link: string;
+    };
+    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;
+    };
+}, {
+    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";
+}, {
+    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;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const createTheme: ({ type, theme, className }: Theme) => string & {