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

package/esm/utils/strings.js

@@ -1,18 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.kebabCase = exports.includes = void 0;
-
-const kebabCase = text => {
-  var _text$replace, _text$replace$replace, _text$replace$replace2;
-
-  return text == null ? void 0 : text.replace == null ? void 0 : (_text$replace = text.replace(/([a-z])([A-Z])/g, '$1-$2')) == null ? void 0 : _text$replace.replace == null ? void 0 : (_text$replace$replace = (_text$replace$replace2 = _text$replace.replace(/\s+/g, '-')).toLowerCase) == null ? void 0 : _text$replace$replace.call(_text$replace$replace2);
-};
-
-exports.kebabCase = kebabCase;
-
-const includes = (text, search) => {
-  return search == null ? void 0 : search.some(item => text == null ? void 0 : text.includes(item));
-};
-
-exports.includes = includes;
+export const kebabCase=l=>{var e,n,a;return null==l||null==l.replace||null==(e=l.replace(/([a-z])([A-Z])/g,"$1-$2"))||null==e.replace||null==(n=(a=e.replace(/\s+/g,"-")).toLowerCase)?void 0:n.call(a)};export const includes=(l,e)=>null==e?void 0:e.some((e=>null==l?void 0:l.includes(e)));

package/esm/utils/types.d.js

@@ -1,3 +1 @@
-"use strict";
-
-exports.__esModule = true;
+export{};

package/esm/utils/with-defaults.js

@@ -1,13 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-const withDefaults = (component, defaultProps) => {
-  component.defaultProps = defaultProps;
-  return component;
-};
-
-var _default = withDefaults;
-exports.default = _default;
-module.exports = exports.default;
+export default(e,t)=>(e.defaultProps=t,e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "1.0.2-alpha.2",
+  "version": "1.0.2-beta.4",
   "license": "MIT",
   "description": "🚀 Beautiful and modern React UI library.",
   "homepage": "https://nextui.org",
@@ -27,11 +27,16 @@
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "unpkg": "umd/nextui.min.js",
-  "types": "esm/index.d.ts",
+  "types": "types/index.d.ts",
   "sideEffects": false,
   "scripts": {},
   "dependencies": {
-    "@stitches/react": "^1.2.6"
+    "@babel/runtime": "7.9.6",
+    "@stitches/react": "1.2.6",
+    "@react-aria/focus": "3.5.0",
+    "@react-aria/label": "3.2.1",
+    "@react-aria/ssr": "3.1.0",
+    "@react-aria/utils": "3.11.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/{cjs → types}/avatar/avatar-group.styles.d.ts

@@ -133,18 +133,23 @@ export declare const StyledAvatarGroupCount: 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;
     };
@@ -835,6 +840,22 @@ export declare const StyledAvatarGroupCount: 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";
     }) => {
@@ -851,6 +872,16 @@ export declare const StyledAvatarGroupCount: 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";
     }) => {
@@ -881,12 +912,22 @@ export declare const StyledAvatarGroupCount: 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 StyledAvatarGroup: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -1025,18 +1066,23 @@ export declare const StyledAvatarGroup: import("@stitches/react/types/styled-com
         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;
     };
@@ -1727,6 +1773,22 @@ export declare const StyledAvatarGroup: 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";
     }) => {
@@ -1743,6 +1805,16 @@ export declare const StyledAvatarGroup: 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";
     }) => {
@@ -1773,12 +1845,22 @@ export declare const StyledAvatarGroup: import("@stitches/react/types/styled-com
     }) => {
         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 AvatarGroupVariants = VariantProps<typeof StyledAvatarGroup>;

package/{esm → types}/avatar/avatar.styles.d.ts

@@ -144,18 +144,23 @@ export declare const StyledAvatar: import("@stitches/react/types/styled-componen
         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;
     };
@@ -846,6 +851,22 @@ export declare const StyledAvatar: 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";
     }) => {
@@ -862,6 +883,16 @@ export declare const StyledAvatar: 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";
     }) => {
@@ -892,12 +923,22 @@ export declare const StyledAvatar: import("@stitches/react/types/styled-componen
     }) => {
         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 AvatarVariantsProps = VariantProps<typeof StyledAvatar>;

package/{cjs → types}/backdrop/backdrop.d.ts

@@ -33,5 +33,5 @@ declare const _default: React.ComponentType<Partial<{
     preventDefault: boolean;
     opacity: number;
     className: string;
-}> & Omit<React.PropsWithChildren<BackdropProps>, "blur" | "opacity" | "visible" | "preventDefault" | "className" | "onClick" | "animated">>;
+}> & Omit<React.PropsWithChildren<BackdropProps>, "blur" | "opacity" | "visible" | "className" | "preventDefault" | "onClick" | "animated">>;
 export default _default;

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

@@ -133,18 +133,23 @@ export declare const StyledBackdropContent: 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;
     };
@@ -835,6 +840,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 +872,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,12 +912,22 @@ 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";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledBackdropLayer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -1026,18 +1067,23 @@ export declare const StyledBackdropLayer: import("@stitches/react/types/styled-c
         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;
     };
@@ -1728,6 +1774,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 +1806,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,12 +1846,22 @@ 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";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledBackdrop: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -1918,18 +2000,23 @@ export declare const StyledBackdrop: import("@stitches/react/types/styled-compon
         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;
     };
@@ -2620,6 +2707,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 +2739,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,12 +2779,22 @@ 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";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare type BackdropVariantsProps = VariantProps<typeof StyledBackdrop>;

package/{cjs → types}/button/button-group.styles.d.ts

@@ -139,18 +139,23 @@ export declare const StyledButtonGroup: import("@stitches/react/types/styled-com
         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;
     };
@@ -841,6 +846,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 +878,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,12 +918,22 @@ 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";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare type ButtonGroupVariantsProps = Omit<VariantProps<typeof StyledButtonGroup>, 'gradient'>;