@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.7

package/types/input/input.styles.d.ts

@@ -48,88 +48,12 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
         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;
@@ -139,28 +63,143 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
         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;
         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;
@@ -990,88 +1029,12 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
         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;
@@ -1081,28 +1044,143 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
         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;
         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;
@@ -1934,88 +2012,12 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
         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;
@@ -2025,28 +2027,143 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
         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;
         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;
@@ -2865,102 +2982,26 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
     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;
-        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;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, {
+    shadows: {
+        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;
@@ -2970,28 +3011,143 @@ export declare const StyledInputWrapper: 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;
         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;
@@ -3818,88 +3974,12 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
         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;
@@ -3909,28 +3989,143 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
         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;
         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;
@@ -4754,88 +4949,12 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
         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;
@@ -4845,28 +4964,143 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
         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;
         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;
@@ -5674,104 +5908,28 @@ export declare const StyledInputPlaceholder: import("@stitches/react/types/style
     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;
-        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;
+    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: {
+        text: string;
+        link: string;
+        codeLight: string;
+        code: string;
+        selection: string;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -5781,28 +5939,143 @@ export declare const StyledInputPlaceholder: 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;
         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;
@@ -6636,88 +6909,12 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
         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;
@@ -6727,28 +6924,143 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
         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;
         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;
@@ -7578,88 +7890,12 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
         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;
@@ -7669,28 +7905,143 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
         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;
         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;
@@ -8503,102 +8854,26 @@ export declare const StyledInputContent: import("@stitches/react/types/styled-co
     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;
-        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;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, {
+    shadows: {
+        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;
@@ -8608,28 +8883,143 @@ export declare const StyledInputContent: 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;
         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;
@@ -9459,88 +9849,12 @@ export declare const StyledInputClearButton: import("@stitches/react/types/style
         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;
@@ -9550,28 +9864,143 @@ export declare const StyledInputClearButton: 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;
         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;