@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.9-dbg1

package/types/loading/loading.styles.d.ts

@@ -42,89 +42,20 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        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;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
         text: string;
+        link: 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;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -134,41 +65,173 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -184,9 +247,18 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -271,6 +343,7 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -646,7 +719,9 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -724,6 +799,32 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -927,6 +1028,16 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -978,89 +1089,20 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        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;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
         text: string;
+        link: 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;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -1070,41 +1112,173 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -1120,9 +1294,18 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -1207,6 +1390,7 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1582,7 +1766,9 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1660,6 +1846,32 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -1863,6 +2075,16 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1916,89 +2138,20 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        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;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
         text: string;
+        link: 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;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -2008,41 +2161,173 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -2058,9 +2343,18 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -2145,6 +2439,7 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -2520,7 +2815,9 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -2598,6 +2895,32 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -2801,6 +3124,16 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -2846,95 +3179,26 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
     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;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
-        text: 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;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colors: {
+        text: string;
+        link: string;
+        codeLight: string;
+        code: string;
+        selection: string;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -2944,41 +3208,173 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -2994,9 +3390,18 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -3081,6 +3486,7 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -3456,7 +3862,9 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -3534,6 +3942,32 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -3737,6 +4171,16 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -3791,89 +4235,20 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        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;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
         text: string;
+        link: 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;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -3883,41 +4258,173 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -3933,9 +4440,18 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -4020,6 +4536,7 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -4395,7 +4912,9 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -4473,6 +4992,32 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -4676,6 +5221,16 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -4729,89 +5284,20 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        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;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
         text: string;
+        link: 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;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -4821,41 +5307,173 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -4871,9 +5489,18 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -4958,6 +5585,7 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -5333,7 +5961,9 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -5411,6 +6041,32 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -5614,6 +6270,16 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {