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

package/{cjs → types}/input/input.styles.d.ts

@@ -141,18 +141,23 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -843,6 +848,22 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -859,6 +880,16 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -889,12 +920,22 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -1037,18 +1078,23 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -1739,6 +1785,22 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1755,6 +1817,16 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1785,12 +1857,22 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInput: import("@stitches/react/types/styled-component").StyledComponent<"input", {
@@ -1935,18 +2017,23 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -2637,6 +2724,22 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2653,6 +2756,16 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2683,12 +2796,22 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -2834,18 +2957,23 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -3536,6 +3664,22 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -3552,6 +3696,16 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -3582,12 +3736,22 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledHelperTextContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -3727,18 +3891,23 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -4429,6 +4598,22 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -4445,6 +4630,16 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -4475,12 +4670,22 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledHelperText: import("@stitches/react/types/styled-component").StyledComponent<"p", {}, {
@@ -4617,18 +4822,23 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -5319,6 +5529,22 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -5335,6 +5561,16 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -5365,12 +5601,22 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputPlaceholder: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
@@ -5507,18 +5753,23 @@ export declare const StyledInputPlaceholder: import("@stitches/react/types/style
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -6209,6 +6460,22 @@ export declare const StyledInputPlaceholder: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -6225,6 +6492,16 @@ export declare const StyledInputPlaceholder: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -6255,12 +6532,22 @@ export declare const StyledInputPlaceholder: import("@stitches/react/types/style
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputBlockLabel: import("@stitches/react/types/styled-component").StyledComponent<"label", {
@@ -6407,18 +6694,23 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -7109,6 +7401,22 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -7125,6 +7433,16 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -7155,12 +7473,22 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputLabel: import("@stitches/react/types/styled-component").StyledComponent<"span", {
@@ -7303,18 +7631,23 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -8005,6 +8338,22 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8021,6 +8370,16 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8051,12 +8410,22 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputContent: import("@stitches/react/types/styled-component").StyledComponent<"span", {
@@ -8196,18 +8565,23 @@ export declare const StyledInputContent: import("@stitches/react/types/styled-co
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -8898,6 +9272,22 @@ export declare const StyledInputContent: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8914,6 +9304,16 @@ export declare const StyledInputContent: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8944,12 +9344,22 @@ export declare const StyledInputContent: import("@stitches/react/types/styled-co
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledInputClearButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
@@ -9092,18 +9502,23 @@ export declare const StyledInputClearButton: import("@stitches/react/types/style
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -9794,6 +10209,22 @@ export declare const StyledInputClearButton: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -9810,6 +10241,16 @@ export declare const StyledInputClearButton: import("@stitches/react/types/style
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -9840,12 +10281,22 @@ export declare const StyledInputClearButton: import("@stitches/react/types/style
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare type InputVariantsProps = VariantProps<typeof StyledInput>;