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

package/types/image/image.styles.d.ts

@@ -41,6 +41,13 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -182,6 +189,16 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -200,13 +217,20 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -222,9 +246,18 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -309,6 +342,7 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -684,7 +718,9 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -762,6 +798,32 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -965,6 +1027,16 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1016,6 +1088,13 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -1157,6 +1236,16 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -1175,13 +1264,20 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -1197,9 +1293,18 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -1284,6 +1389,7 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1659,7 +1765,9 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1737,6 +1845,32 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -1940,6 +2074,16 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1991,6 +2135,13 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -2132,6 +2283,16 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -2150,13 +2311,20 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -2172,9 +2340,18 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -2259,6 +2436,7 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -2634,7 +2812,9 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -2712,6 +2892,32 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -2915,6 +3121,16 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

package/types/index.d.ts

@@ -26,7 +26,8 @@ export { default as NextUIProvider } from './theme/theme-provider';
 export { changeTheme, getDocumentTheme, getTokenValue } from './theme/utils';
 export type { VariantProps, CSS } from './theme/stitches.config';
 export type { Theme, NextUITheme, ThemeType, CreateTheme, NextUIThemeContext } from './theme/types';
-export { styled, css, theme, createTheme, getCssText, globalCss, keyframes, config, config as stitchesConfig, theme as defaultTheme, sharedFocus, sharedVisuallyHidden } from './theme/stitches.config';
+export { styled, css, theme, createTheme, getCssText, globalCss, keyframes, config, config as stitchesConfig, theme as defaultTheme } from './theme/stitches.config';
+export * from './theme/shared-css';
 export * from './theme/colors';
 export { default as Avatar } from './avatar';
 export * from './avatar';
@@ -86,3 +87,5 @@ export { default as Table } from './table';
 export * from './table';
 export { default as Popover } from './popover';
 export * from './popover';
+export { default as Dropdown } from './dropdown';
+export * from './dropdown';

package/types/input/input-password.d.ts

@@ -94,5 +94,5 @@ declare const _default: React.ComponentType<Partial<{
     initialValue: string;
 } & NativeAttrs & {
     css?: CSS | undefined;
-} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "width" | "color" | "size" | "className" | "placeholder" | "status" | "borderWeight" | "bordered" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
+} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "shadow" | "bordered" | "width" | "color" | "size" | "className" | "placeholder" | "status" | "borderWeight" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "fullWidth" | "initialValue" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
 export default _default;

package/types/input/input-props.d.ts

@@ -18,8 +18,8 @@ export interface Props extends AsProp<'input' | 'textarea'>, React.HTMLAttribute
     label?: string;
     helperText?: string;
     labelPlaceholder?: string;
-    labelLeft?: string;
-    labelRight?: string;
+    labelLeft?: string | React.ReactNode;
+    labelRight?: string | React.ReactNode;
     contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     contentClickable?: boolean;