@nextui-org/react 1.0.0-beta.10 → 1.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "license": "MIT",
   "description": "🚀 Beautiful and modern React UI library.",
   "homepage": "https://nextui.org",
@@ -31,36 +31,38 @@
   "sideEffects": false,
   "scripts": {},
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@react-aria/button": "3.6.0",
-    "@react-aria/checkbox": "3.5.0",
-    "@react-aria/dialog": "3.3.0",
+    "@babel/runtime": "^7.20.1",
+    "@react-aria/button": "3.6.2",
+    "@react-aria/checkbox": "3.6.0",
+    "@react-aria/dialog": "3.4.0",
     "@react-aria/focus": "3.7.0",
-    "@react-aria/i18n": "3.5.1",
-    "@react-aria/interactions": "3.10.0",
-    "@react-aria/label": "3.4.0",
-    "@react-aria/link": "3.3.1",
-    "@react-aria/menu": "3.6.0",
-    "@react-aria/overlays": "3.10.0",
-    "@react-aria/radio": "3.3.0",
+    "@react-aria/i18n": "3.6.1",
+    "@react-aria/interactions": "3.12.0",
+    "@react-aria/label": "3.4.2",
+    "@react-aria/link": "3.3.4",
+    "@react-aria/menu": "3.6.2",
+    "@react-aria/overlays": "3.11.0",
+    "@react-aria/radio": "3.4.0",
     "@react-aria/ssr": "3.3.0",
-    "@react-aria/table": "3.4.0",
-    "@react-aria/utils": "3.13.2",
-    "@react-aria/visually-hidden": "3.4.0",
-    "@react-stately/checkbox": "3.2.0",
-    "@react-stately/data": "3.6.0",
-    "@react-stately/overlays": "3.4.0",
-    "@react-stately/radio": "3.5.0",
-    "@react-stately/table": "3.3.0",
-    "@react-stately/toggle": "3.4.0",
-    "@react-stately/tree": "3.3.2",
-    "@react-types/button": "^3.6.0",
-    "@react-types/checkbox": "3.3.2",
-    "@react-types/grid": "3.1.2",
-    "@react-types/menu": "3.7.0",
-    "@react-types/overlays": "3.6.2",
-    "@react-types/shared": "3.14.0",
-    "@stitches/react": "1.2.8"
+    "@react-aria/table": "3.5.0",
+    "@react-aria/utils": "3.14.0",
+    "@react-aria/visually-hidden": "3.5.0",
+    "@react-stately/checkbox": "3.3.0",
+    "@react-stately/collections": "3.4.4",
+    "@react-stately/data": "3.7.0",
+    "@react-stately/menu": "3.4.2",
+    "@react-stately/overlays": "3.4.2",
+    "@react-stately/radio": "3.6.0",
+    "@react-stately/table": "3.5.0",
+    "@react-stately/toggle": "3.4.2",
+    "@react-stately/tree": "3.3.4",
+    "@react-types/button": "^3.6.2",
+    "@react-types/checkbox": "3.4.0",
+    "@react-types/grid": "3.1.4",
+    "@react-types/menu": "3.7.2",
+    "@react-types/overlays": "3.6.4",
+    "@stitches/react": "1.2.8",
+    "@react-types/shared": "3.15.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/types/avatar/avatar-group.styles.d.ts

@@ -57,7 +57,9 @@ export declare const StyledAvatarGroupCount: import("@stitches/react/types/style
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1131,7 +1133,9 @@ export declare const StyledAvatarGroup: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/avatar/avatar.d.ts

@@ -1,5 +1,6 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
-import { CSS } from "../theme/stitches.config";
+import { ReactRef } from "../utils/refs";
 import { AvatarVariantsProps } from "./avatar.styles";
 import AvatarGroup from "./avatar-group";
 interface Props {
@@ -8,6 +9,7 @@ interface Props {
     icon?: React.ReactNode;
     alt?: string;
     className?: string;
+    imgRef?: ReactRef<HTMLImageElement>;
     as?: keyof JSX.IntrinsicElements;
 }
 declare type NativeAttrs = Omit<Partial<React.ImgHTMLAttributes<unknown> & React.HTMLAttributes<unknown>>, keyof Props | "sizes">;
@@ -367,7 +369,9 @@ export declare const Avatar: React.ForwardRefExoticComponent<Props & import("@st
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/avatar/avatar.styles.d.ts

@@ -352,7 +352,9 @@ export declare const StyledAvatar: import("@stitches/react/types/styled-componen
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1423,7 +1425,9 @@ export declare const StyledAvatar: import("@stitches/react/types/styled-componen
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/backdrop/backdrop.d.ts

@@ -1,5 +1,5 @@
+import type { CSS } from "../theme/stitches.config";
 import React, { MouseEvent } from "react";
-import { CSS } from "../theme/stitches.config";
 import { BackdropVariantsProps } from "./backdrop.styles";
 interface Props {
     onClick?: (event: MouseEvent<HTMLElement>) => void;
@@ -13,6 +13,7 @@ interface Props {
     css?: CSS;
     className?: string;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     onClick: () => void;
@@ -33,5 +34,5 @@ declare const _default: React.ComponentType<Partial<{
     preventDefault: boolean;
     opacity: number;
     className: string;
-}> & Omit<React.PropsWithChildren<BackdropProps>, "blur" | "opacity" | "visible" | "className" | "preventDefault" | "onClick" | "animated">>;
+}> & Omit<BackdropProps, "blur" | "opacity" | "visible" | "className" | "preventDefault" | "onClick" | "animated">>;
 export default _default;

package/types/backdrop/backdrop.styles.d.ts

@@ -59,7 +59,9 @@ export declare const StyledBackdropContent: import("@stitches/react/types/styled
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1075,7 +1077,7 @@ export declare const StyledBackdropContent: import("@stitches/react/types/styled
 }>>;
 export declare const StyledBackdropLayer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     blur?: boolean | "true" | "false" | undefined;
-    animated?: boolean | "false" | undefined;
+    animated?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -1134,7 +1136,9 @@ export declare const StyledBackdropLayer: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2208,7 +2212,9 @@ export declare const StyledBackdrop: import("@stitches/react/types/styled-compon
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/badge/badge.styles.d.ts

@@ -57,7 +57,9 @@ export declare const StyledBadgeRoot: import("@stitches/react/types/styled-compo
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1145,7 +1147,9 @@ export declare const StyledBadge: import("@stitches/react/types/styled-component
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2220,7 +2224,9 @@ export declare const StyledBadgePoints: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/button/button-group.d.ts

@@ -16,6 +16,7 @@ interface Props {
     borderWeight?: NormalWeights;
     size?: NormalSizes;
     color?: NormalColors;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     borderWeight: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
@@ -30,5 +31,11 @@ declare const _default: React.ComponentType<Partial<{
     borderWeight: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
     color: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "gradient";
-}> & Omit<ButtonGroupProps, "color" | "size" | "borderWeight">>;
+}> & Omit<Props & ButtonGroupVariantsProps & NativeAttrs & {
+    borderWeight: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "gradient";
+} & {
+    css?: CSS | undefined;
+}, "color" | "size" | "borderWeight">>;
 export default _default;

package/types/button/button-group.styles.d.ts

@@ -63,7 +63,9 @@ export declare const StyledButtonGroup: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/button/button-icon.d.ts

@@ -1,9 +1,10 @@
+import type { VariantProps, CSS } from "../theme/stitches.config";
 import React from "react";
-import { VariantProps, CSS } from "../theme/stitches.config";
 interface Props {
     isRight?: boolean;
     isSingle?: boolean;
     className?: string;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     className: string;
@@ -71,7 +72,9 @@ export declare const StyledButtonIcon: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1091,5 +1094,35 @@ export declare type ButtonIconProps = Props & typeof defaultProps & ButtonIconVa
 };
 declare const _default: React.ComponentType<Partial<{
     className: string;
-}> & Omit<ButtonIconProps, "className">>;
+}> & Omit<Props & {
+    className: string;
+} & import("@stitches/react/types/styled-component").TransformProps<{
+    isAuto?: boolean | "true" | undefined;
+    isRight?: boolean | "true" | undefined;
+    isSingle?: boolean | "true" | undefined;
+    isGradientButtonBorder?: boolean | "true" | undefined;
+}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMin: string;
+    smMin: string;
+    mdMin: string;
+    lgMin: string;
+    xlMin: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}> & {
+    css?: CSS | undefined;
+}, "className">>;
 export default _default;

package/types/button/button.d.ts

@@ -1,6 +1,6 @@
 import type { AriaButtonProps } from "@react-types/button";
+import type { CSS } from "../theme/stitches.config";
 import React, { PropsWithoutRef, RefAttributes } from "react";
-import { CSS } from "../theme/stitches.config";
 import { NormalColors } from "../utils/prop-types";
 import { HTMLNextUIProps } from "../utils/system";
 import ButtonGroup from "./button-group";

package/types/button/button.styles.d.ts

@@ -1383,7 +1383,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2454,7 +2456,9 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/button/utils.d.ts

@@ -1,53 +1,5 @@
-import React from "react";
+import type { CSS } from "../theme/stitches.config";
 import { ButtonProps } from "./button";
 import { ButtonGroupConfig } from "./button-group-context";
-export declare const filterPropsWithGroup: (props: React.PropsWithChildren<ButtonProps>, config: ButtonGroupConfig) => ButtonProps;
-export declare const getCssColors: (props: React.PropsWithChildren<ButtonProps>) => {
-    bg: string;
-    color: string;
-    transform: string;
-    boxShadow: string;
-    pe: string;
-} | {
-    px: string;
-    py: string;
-    color?: undefined;
-    backgroundImage?: undefined;
-    transform?: undefined;
-    boxShadow?: undefined;
-    pe?: undefined;
-    pl?: undefined;
-    pr?: undefined;
-} | {
-    px?: undefined;
-    py?: undefined;
-    color?: undefined;
-    backgroundImage?: undefined;
-    transform?: undefined;
-    boxShadow?: undefined;
-    pe?: undefined;
-    pl?: undefined;
-    pr?: undefined;
-} | {
-    color: string;
-    backgroundImage: string;
-    transform: string;
-    boxShadow: string;
-    pe: string;
-    pl: string;
-    pr: string;
-    px?: undefined;
-    py?: undefined;
-} | {
-    bg: string;
-    borderColor: string;
-    color: string;
-    transform: string;
-    boxShadow: string;
-    pe: string;
-    px?: undefined;
-    py?: undefined;
-    backgroundImage?: undefined;
-    pl?: undefined;
-    pr?: undefined;
-};
+export declare const filterPropsWithGroup: (props: ButtonProps, config: ButtonGroupConfig) => ButtonProps;
+export declare const getCssColors: (props: ButtonProps) => CSS | undefined;

package/types/card/card.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { UseCardProps } from "./use-card";
+import type { CSS } from "../theme/stitches.config";
 import React, { PropsWithoutRef, RefAttributes } from "react";
-import { CSS } from "../theme/stitches.config";
 import { Image, Divider } from "../index";
 import { StyledCardHeader as CardHeader, StyledCardFooter as CardFooter, StyledCardBody as CardBody } from "./card.styles";
 interface Props extends Omit<UseCardProps, "ref"> {

package/types/card/card.styles.d.ts

@@ -57,7 +57,9 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1079,6 +1081,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isHovered?: undefined;
         variant?: undefined;
@@ -1089,6 +1092,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isPressed?: undefined;
         variant?: undefined;
@@ -1101,6 +1105,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                 boxShadow: string;
                 dropShadow: string;
             };
+            "@-moz-document url-prefix()": {
+                boxShadow: string;
+                dropShadow: string;
+            };
             transform?: undefined;
         };
         isPressed?: undefined;
@@ -1152,6 +1160,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
             bordered: {
                 borderStyle: string;
@@ -1200,6 +1212,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
         };
         transition?: undefined;
@@ -1238,6 +1254,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
             bordered: {
                 borderStyle: string;
@@ -1286,6 +1306,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
         };
     };
@@ -1296,6 +1320,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isHovered?: undefined;
         variant?: undefined;
@@ -1306,6 +1331,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isPressed?: undefined;
         variant?: undefined;
@@ -1318,6 +1344,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                 boxShadow: string;
                 dropShadow: string;
             };
+            "@-moz-document url-prefix()": {
+                boxShadow: string;
+                dropShadow: string;
+            };
             transform?: undefined;
         };
         isPressed?: undefined;
@@ -1381,7 +1411,9 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2454,7 +2486,9 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -3525,7 +3559,9 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -4597,7 +4633,9 @@ export declare const StyledCardHeader: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -5671,7 +5709,9 @@ export declare const StyledCardFooter: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;