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

package/esm/backdrop/backdrop.styles.d.ts

@@ -835,6 +835,22 @@ export declare const StyledBackdropContent: 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";
     }) => {
@@ -851,6 +867,16 @@ export declare const StyledBackdropContent: 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";
     }) => {
@@ -881,6 +907,13 @@ export declare const StyledBackdropContent: import("@stitches/react/types/styled
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1728,6 +1761,22 @@ export declare const StyledBackdropLayer: import("@stitches/react/types/styled-c
             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";
     }) => {
@@ -1744,6 +1793,16 @@ export declare const StyledBackdropLayer: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1774,6 +1833,13 @@ export declare const StyledBackdropLayer: import("@stitches/react/types/styled-c
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -2620,6 +2686,22 @@ export declare const StyledBackdrop: import("@stitches/react/types/styled-compon
             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";
     }) => {
@@ -2636,6 +2718,16 @@ export declare const StyledBackdrop: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2666,6 +2758,13 @@ export declare const StyledBackdrop: import("@stitches/react/types/styled-compon
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

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

@@ -841,6 +841,22 @@ export declare const StyledButtonGroup: import("@stitches/react/types/styled-com
             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";
     }) => {
@@ -857,6 +873,16 @@ export declare const StyledButtonGroup: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -887,6 +913,13 @@ export declare const StyledButtonGroup: import("@stitches/react/types/styled-com
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

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

@@ -847,6 +847,22 @@ export declare const StyledButtonIcon: 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";
     }) => {
@@ -863,6 +879,16 @@ export declare const StyledButtonIcon: 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";
     }) => {
@@ -893,6 +919,13 @@ export declare const StyledButtonIcon: import("@stitches/react/types/styled-comp
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

package/esm/button/button.styles.d.ts

@@ -5,7 +5,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "gradient" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     borderWeight?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
-    rounded?: boolean | "true" | undefined;
     flat?: boolean | "true" | undefined;
     light?: boolean | "true" | undefined;
     shadow?: boolean | "true" | undefined;
@@ -13,6 +12,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     clickable?: boolean | "false" | undefined;
     animated?: boolean | "true" | "false" | undefined;
     auto?: boolean | "true" | undefined;
+    rounded?: boolean | "true" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -849,6 +849,22 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             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";
     }) => {
@@ -865,6 +881,16 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -895,6 +921,13 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

package/esm/button/button.styles.js

@@ -162,11 +162,6 @@ const StyledButton = (0, _stitches.styled)('button', {
         bw: '$black'
       }
     },
-    rounded: {
-      true: {
-        br: '$pill'
-      }
-    },
     flat: {
       true: {
         color: '$text'
@@ -220,6 +215,11 @@ const StyledButton = (0, _stitches.styled)('button', {
         width: 'auto',
         minWidth: 'min-content'
       }
+    },
+    rounded: {
+      true: {
+        br: '$pill'
+      }
     }
   },
   compoundVariants: [// size / auto
@@ -682,6 +682,37 @@ const StyledButton = (0, _stitches.styled)('button', {
         px: '$12'
       }
     }
+  }, // rounded && size
+  {
+    rounded: true,
+    size: 'xs',
+    css: {
+      br: '$pill'
+    }
+  }, {
+    rounded: true,
+    size: 'sm',
+    css: {
+      br: '$pill'
+    }
+  }, {
+    rounded: true,
+    size: 'md',
+    css: {
+      br: '$pill'
+    }
+  }, {
+    rounded: true,
+    size: 'lg',
+    css: {
+      br: '$pill'
+    }
+  }, {
+    rounded: true,
+    size: 'xl',
+    css: {
+      br: '$pill'
+    }
   }],
   defaultVariants: {
     color: 'default',

package/esm/card/card.styles.d.ts

@@ -835,6 +835,22 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
             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";
     }) => {
@@ -851,6 +867,16 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -881,6 +907,13 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1735,6 +1768,22 @@ export declare const StyledCard: 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";
     }) => {
@@ -1751,6 +1800,16 @@ export declare const StyledCard: 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";
     }) => {
@@ -1781,6 +1840,13 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -2625,6 +2691,22 @@ export declare const StyledCardHeader: 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";
     }) => {
@@ -2641,6 +2723,16 @@ export declare const StyledCardHeader: 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";
     }) => {
@@ -2671,6 +2763,13 @@ export declare const StyledCardHeader: import("@stitches/react/types/styled-comp
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -3517,6 +3616,22 @@ export declare const StyledCardFooter: 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";
     }) => {
@@ -3533,6 +3648,16 @@ export declare const StyledCardFooter: 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";
     }) => {
@@ -3563,6 +3688,13 @@ export declare const StyledCardFooter: import("@stitches/react/types/styled-comp
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

package/esm/card/card.styles.js

@@ -42,7 +42,7 @@ const StyledCard = (0, _stitches.styled)('div', {
   '@motion': {
     transition: 'none'
   },
-  'img, .nextui-image': {
+  '.nextui-image': {
     width: '100%'
   },
   [`& ${_drip.StyledDrip}`]: {
@@ -156,7 +156,7 @@ const StyledCard = (0, _stitches.styled)('div', {
     },
     cover: {
       true: {
-        'img, .nextui-image': {
+        '.nextui-image': {
           objectFit: 'cover !important' // TODO: remove important when image be styled
 
         },
@@ -165,7 +165,7 @@ const StyledCard = (0, _stitches.styled)('div', {
         }
       },
       false: {
-        'img, .nextui-image, .nextui-image-container': {
+        '.nextui-image, .nextui-image-container': {
           bblr: '0 !important',
           // TODO: remove important when image be styled
           bbrr: '0 !important'

package/esm/checkbox/checkbox.js

@@ -167,7 +167,7 @@ const Checkbox = ({
           })]
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxText, {
+    }), (children || label) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxText, {
       className: "nextui-checkbox-text",
       color: textColor,
       line: line,