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

package/README.md

@@ -1,13 +1,13 @@
 <p align="center">
   <a href="https://nextui.org">
-      <img width="20%" src="https://raw.githubusercontent.com/jrgarciadev/nextui/main/apps/docs/public/isotipo.png" alt="nextui" />
+      <img width="20%" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/isotipo.png" alt="nextui" />
       <h1 align="center">NextUI</h1>
   </a>
 </p>
 </br>
 <p align="center">
   <a href="https://github.com/jrgarciadev/nextui/blob/main/LICENSE">
-    <img src="https://img.shields.io/apm/l/atomic-design-ui.svg?" alt="License">
+    <img src="https://img.shields.io/apm/l/atomic-design-ui.svg?style=flat" alt="License">
   </a>
   <a href="https://codecov.io/gh/jrgarciadev/nextui">
     <img src="https://codecov.io/gh/jrgarciadev/nextui/branch/main/graph/badge.svg?token=QJF2QKR5N4" alt="codecov badge">
@@ -20,6 +20,12 @@
   </a>
 </p>
 
+<p align="center">
+  <a rel="noopener noreferrer" target="_blank" href="https://www.vercel.com?utm_source=nextui&utm_marketing=oss">
+    <img height="34px" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/images/sponsored-by-vercel.svg" alt="Sponsored by vercel">
+  </a>
+</p>
+
 ## Getting Started
 
 Visit <a aria-label="nextui learn" href="https://nextui.org/learn">https://nextui.org/guide</a> to get started with NextUI.
@@ -43,11 +49,10 @@ npm i @nextui-org/react
 Go to the root of your application and do this:
 
 ```jsx
-import { CssBaseline, NextUIProvider } from '@nextui-org/react';
+import { NextUIProvider } from '@nextui-org/react';
 
 const Application = () => (
   <NextUIProvider>
-    <CssBaseline /> // ---> Normalize styles
     <AppComponent /> // ---> Your App Component
   </NextUIProvider>
 );
@@ -71,7 +76,7 @@ import Button from '@nextui-org/react/button';
 const Component = () => <Button>Click me</Button>;
 ```
 
-### Communnity
+### Community
 
 We're excited to see the community adopt NextUI, raise issues, and provide feedback.
 Whether it's a feature request, bug report, or a project to showcase, please get involved!

package/cjs/avatar/avatar-group.js

@@ -1,35 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _avatarGroup = _interopRequireWildcard(require("./avatar-group.styles"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const AvatarGroup = ({
-  count,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_avatarGroup.default, { ...props,
-    children: [children, count && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_avatarGroup.StyledAvatarGroupCount, {
-      className: "nextui-avatar-group-count",
-      children: ["+", count]
-    })]
-  });
-};
-
-AvatarGroup.toString = () => '.nextui-avatar-group';
-
-var _default = AvatarGroup;
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;e(require("react"));var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var a={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=n?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}a.default=e,t&&t.set(e,a);return a}(require("./avatar-group.styles")),t=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}const a=({count:e,children:u,...a})=>(0,t.jsxs)(r.default,{...a,children:[u,e&&(0,t.jsxs)(r.StyledAvatarGroupCount,{className:"nextui-avatar-group-count",children:["+",e]})]});a.toString=()=>".nextui-avatar-group";var n=a;exports.default=n,module.exports=exports.default;

package/cjs/avatar/avatar-group.styles.js

@@ -1,52 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledAvatarGroupCount = exports.StyledAvatarGroup = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-var _avatar = _interopRequireDefault(require("./avatar.styles"));
-
-const StyledAvatarGroupCount = (0, _stitches.styled)('span', {
-  fontSize: '$xs',
-  display: 'inline-flex',
-  alignItems: 'center',
-  marginLeft: '$3',
-  color: '$text'
-});
-exports.StyledAvatarGroupCount = StyledAvatarGroupCount;
-const StyledAvatarGroup = (0, _stitches.styled)('div', {
-  dflex: 'center',
-  height: 'auto',
-  width: 'max-content',
-  '@motion': {
-    transition: 'none'
-  },
-  [`& ${_avatar.default}`]: {
-    marginLeft: '-$space$5',
-    transition: '$default',
-    '.only-text-avatar': {
-      boxShadow: '$xs'
-    }
-  },
-  '.only-text-avatar': {
-    boxShadow: '$xs'
-  },
-  variants: {
-    animated: {
-      true: {
-        [`& ${_avatar.default}:hover`]: {
-          transform: 'translate(-$space$5)'
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    animated: true
-  }
-});
-exports.StyledAvatarGroup = StyledAvatarGroup;
-var _default = StyledAvatarGroup;
-exports.default = _default;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledAvatarGroupCount=exports.StyledAvatarGroup=void 0;var e=require("../theme/stitches.config"),a=t(require("./avatar.styles"));const r=(0,e.styled)("span",{fontSize:"$xs",display:"inline-flex",alignItems:"center",marginLeft:"$3",color:"$text"});exports.StyledAvatarGroupCount=r;const o=(0,e.styled)("div",{dflex:"center",height:"auto",width:"max-content","@motion":{transition:"none"},[`& ${a.default}`]:{marginLeft:"-$space$5",transition:"$default",".only-text-avatar":{boxShadow:"$xs"}},".only-text-avatar":{boxShadow:"$xs"},variants:{animated:{true:{[`& ${a.default}:hover`]:{transform:"translate(-$space$5)"}}}},defaultVariants:{animated:!0}});exports.StyledAvatarGroup=o;var n=o;exports.default=n;

package/cjs/avatar/avatar.js

@@ -1,75 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _avatar = _interopRequireDefault(require("./avatar.styles"));
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const safeText = text => {
-  if ((text == null ? void 0 : text.length) <= 4) return text;
-  return text == null ? void 0 : text.slice(0, 3);
-};
-
-const Avatar = ({
-  src,
-  text,
-  icon,
-  alt,
-  className,
-  ...props
-}) => {
-  const showText = !src;
-  const [ready, setReady] = (0, _react.useState)(false);
-  const imgRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    var _imgRef$current;
-
-    (imgRef == null ? void 0 : (_imgRef$current = imgRef.current) == null ? void 0 : _imgRef$current.complete) && setReady(true);
-  }, []);
-  const getState = (0, _react.useMemo)(() => {
-    return !ready && src ? 'loading' : 'ready';
-  }, [src, ready]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_avatar.default, {
-    className: (0, _clsx.default)({
-      'only-text-avatar': showText
-    }, className),
-    "data-state": getState,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "nextui-avatar-bg"
-    }), !showText && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      ref: imgRef,
-      className: (0, _clsx.default)('nextui-avatar-img', `nextui-avatar--${getState}`, {
-        'nextui-avatar-ready': ready
-      }),
-      src: src,
-      alt: alt,
-      "data-state": getState,
-      onLoad: () => setReady(true)
-    }), showText && !icon && text && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "nextui-avatar-text",
-      children: safeText(text)
-    }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "nextui-avatar-icon",
-      children: icon
-    })]
-  });
-};
-
-Avatar.toString = () => '.nextui-avatar';
-
-var _default = Avatar;
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=u(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var s=n?Object.getOwnPropertyDescriptor(e,l):null;s&&(s.get||s.set)?Object.defineProperty(r,l,s):r[l]=e[l]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=e(require("./avatar.styles")),r=e(require("../utils/clsx")),n=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(u=function(e){return e?a:t})(e)}const l=e=>(null==e?void 0:e.length)<=4?e:null==e?void 0:e.slice(0,3),s=({src:e,text:u,icon:s,alt:i,className:o,...c})=>{const f=!e,[d,p]=(0,t.useState)(!1),v=(0,t.useRef)(null);(0,t.useEffect)((()=>{var e;(null==v||null==(e=v.current)?void 0:e.complete)&&p(!0)}),[]);const x=(0,t.useMemo)((()=>!d&&e?"loading":"ready"),[e,d]);return(0,n.jsxs)(a.default,{className:(0,r.default)({"only-text-avatar":f},o),"data-state":x,...c,children:[(0,n.jsx)("span",{className:"nextui-avatar-bg"}),!f&&(0,n.jsx)("img",{ref:v,className:(0,r.default)("nextui-avatar-img",`nextui-avatar--${x}`,{"nextui-avatar-ready":d}),src:e,alt:i,"data-state":x,onLoad:()=>p(!0)}),f&&!s&&u&&(0,n.jsx)("span",{className:"nextui-avatar-text",children:l(u)}),s&&(0,n.jsx)("span",{className:"nextui-avatar-icon",children:s})]})};s.toString=()=>".nextui-avatar";var i=s;exports.default=i,module.exports=exports.default;

package/cjs/avatar/avatar.styles.js

@@ -1,334 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.StyledAvatar = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledAvatar = (0, _stitches.styled)('span', {
-  dflex: 'center',
-  position: 'relative',
-  zIndex: '$1',
-  boxSizing: 'border-box',
-  overflow: 'hidden',
-  verticalAlign: 'top',
-  cursor: 'auto',
-  transition: '$default',
-  '&:first-child': {
-    margin: 0
-  },
-  '&:hover .nextui-avatar-bg': {
-    boxShadow: ' inset 0 0 40px 0 rgb(0 0 0 / 14%)'
-  },
-  '.nextui-avatar-img': {
-    opacity: 0,
-    zIndex: '$3',
-    display: 'flex',
-    bg: '$background',
-    transition: 'transform 250ms ease 0ms, opacity 200ms ease-in 0ms',
-    width: '100%',
-    height: '100%',
-    objectFit: 'cover'
-  },
-  '&[data-state="ready"] .nextui-avatar-img': {
-    opacity: 1
-  },
-  '.nextui-avatar-bg': {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: '$2',
-    transition: '$default'
-  },
-  '.nextui-avatar-icon': {
-    display: 'flex',
-    position: 'absolute',
-    left: '50%',
-    top: '50%',
-    ta: 'center',
-    zIndex: '$2',
-    transform: 'translate(-50%, -50%)',
-    whiteSpace: 'nowrap',
-    us: 'none'
-  },
-  '.nextui-avatar-text': {
-    position: 'absolute',
-    zIndex: '$2',
-    left: '50%',
-    top: '50%',
-    ta: 'center',
-    transform: 'translate(-50%, -50%) scale(0.65)',
-    whiteSpace: 'nowrap',
-    us: 'none'
-  },
-  '@motion': {
-    transition: 'none',
-    '.nextui-avatar-bg, .nextui-avatar-img': {
-      transition: 'none'
-    }
-  },
-  variants: {
-    color: {
-      default: {
-        '.nextui-avatar-bg': {
-          bg: '$accents2'
-        }
-      },
-      primary: {
-        '.nextui-avatar-bg': {
-          bg: '$primary'
-        },
-        '.nextui-avatar-text': {
-          color: '$background'
-        }
-      },
-      secondary: {
-        '.nextui-avatar-bg': {
-          bg: '$secondary'
-        },
-        '.nextui-avatar-text': {
-          color: '$background'
-        }
-      },
-      success: {
-        '.nextui-avatar-bg': {
-          bg: '$success'
-        },
-        '.nextui-avatar-text': {
-          color: '$background'
-        }
-      },
-      warning: {
-        '.nextui-avatar-bg': {
-          bg: '$warning'
-        },
-        '.nextui-avatar-text': {
-          color: '$background'
-        }
-      },
-      error: {
-        '.nextui-avatar-bg': {
-          bg: '$error'
-        },
-        '.nextui-avatar-text': {
-          color: '$background'
-        }
-      },
-      gradient: {
-        '.nextui-avatar-bg': {
-          bg: '$gradient'
-        },
-        '.nextui-avatar-text': {
-          color: '$background'
-        }
-      }
-    },
-    textColor: {
-      default: {
-        '.nextui-avatar-text': {
-          color: '$text'
-        }
-      },
-      primary: {
-        '.nextui-avatar-text': {
-          color: '$primary'
-        }
-      },
-      secondary: {
-        '.nextui-avatar-text': {
-          color: '$secondary'
-        }
-      },
-      success: {
-        '.nextui-avatar-text': {
-          color: '$success'
-        }
-      },
-      warning: {
-        '.nextui-avatar-text': {
-          color: '$warning'
-        }
-      },
-      error: {
-        '.nextui-avatar-text': {
-          color: '$error'
-        }
-      }
-    },
-    size: {
-      xs: {
-        $$avatarXs: '$space$9',
-        sizeMin: '$$avatarXs',
-        '&.nextui-avatar-bg': {
-          size: '$$avatarXs'
-        },
-        '.nextui-avatar-text': {
-          fontSize: '$xs'
-        }
-      },
-      sm: {
-        $$avatarSm: '$space$11',
-        sizeMin: '$$avatarSm',
-        '.nextui-avatar-bg': {
-          size: '$$avatarSm'
-        },
-        '.nextui-avatar-text': {
-          fontSize: '$base'
-        }
-      },
-      md: {
-        $$avatarMd: '$space$14',
-        sizeMin: '$$avatarMd',
-        '.nextui-avatar-bg': {
-          size: '$$avatarMd'
-        },
-        '.nextui-avatar-text': {
-          fontSize: '$sm'
-        }
-      },
-      lg: {
-        $$avatarLg: '$space$16',
-        sizeMin: '$$avatarLg',
-        '.nextui-avatar-bg': {
-          size: '$$avatarLg'
-        },
-        '.nextui-avatar-text': {
-          fontSize: '$sm'
-        }
-      },
-      xl: {
-        $$avatarXl: '$space$18',
-        sizeMin: '$$avatarXl',
-        '&.nextui-avatar-bg': {
-          size: '$$avatarXl'
-        },
-        '.nextui-avatar-text': {
-          fontSize: '$md'
-        }
-      }
-    },
-    borderWeight: {
-      light: {
-        '.nextui-avatar-img': {
-          borderWidth: '$light'
-        }
-      },
-      normal: {
-        '.nextui-avatar-img': {
-          borderWidth: '$normal'
-        }
-      },
-      bold: {
-        '.nextui-avatar-img': {
-          borderWidth: '$normal'
-        }
-      },
-      extrabold: {
-        '.nextui-avatar-img': {
-          borderWidth: '$normal'
-        }
-      },
-      black: {
-        '.nextui-avatar-img': {
-          borderWidth: '$normal'
-        }
-      }
-    },
-    bordered: {
-      true: {
-        '&:hover:not(.only-text-avatar) .nextui-avatar-bg': {
-          opacity: '0.6'
-        },
-        '.nextui-avatar-img': {
-          borderStyle: 'solid',
-          borderColor: '$background'
-        }
-      }
-    },
-    stacked: {
-      true: {
-        ml: '-$5'
-      }
-    },
-    pointer: {
-      true: {
-        cursor: 'pointer'
-      }
-    },
-    rounded: {
-      true: {
-        borderRadius: '$rounded',
-        '.nextui-avatar-img': {
-          borderRadius: '$rounded'
-        }
-      }
-    },
-    squared: {
-      true: {
-        borderRadius: '$squared',
-        '.nextui-avatar-img': {
-          borderRadius: '$squared'
-        }
-      }
-    },
-    zoomed: {
-      true: {
-        '&:hover .nextui-avatar-img': {
-          transform: 'scale(1.125)'
-        }
-      }
-    }
-  },
-  compoundVariants: [{
-    bordered: true,
-    borderWeight: 'light',
-    css: {
-      padding: 'calc($1/2)'
-    }
-  }, {
-    bordered: true,
-    borderWeight: 'normal',
-    css: {
-      padding: '$1'
-    }
-  }, {
-    bordered: true,
-    borderWeight: 'bold',
-    css: {
-      padding: 'calc($2/1.5)'
-    }
-  }, {
-    bordered: true,
-    borderWeight: 'extrabold',
-    css: {
-      padding: '$2'
-    }
-  }, {
-    bordered: true,
-    borderWeight: 'black',
-    css: {
-      padding: 'calc($3/1.5)'
-    }
-  }, {
-    rounded: true,
-    squared: true,
-    css: {
-      borderRadius: '$squared',
-      '.nextui-avatar-img': {
-        borderRadius: '$squared'
-      }
-    }
-  }],
-  defaultVariants: {
-    size: 'md',
-    rounded: true,
-    color: 'default',
-    textColor: 'default',
-    borderWeight: 'normal'
-  }
-});
-exports.StyledAvatar = StyledAvatar;
-var _default = StyledAvatar;
-exports.default = _default;
+exports.__esModule=!0,exports.default=exports.StyledAvatar=void 0;const a=(0,require("../theme/stitches.config").styled)("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",transition:"$default","&:first-child":{margin:0},"&:hover .nextui-avatar-bg":{boxShadow:" inset 0 0 40px 0 rgb(0 0 0 / 14%)"},".nextui-avatar-img":{opacity:0,zIndex:"$3",display:"flex",bg:"$background",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms",width:"100%",height:"100%",objectFit:"cover"},'&[data-state="ready"] .nextui-avatar-img':{opacity:1},".nextui-avatar-bg":{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:"$2",transition:"$default"},".nextui-avatar-icon":{display:"flex",position:"absolute",left:"50%",top:"50%",ta:"center",zIndex:"$2",transform:"translate(-50%, -50%)",whiteSpace:"nowrap",us:"none"},".nextui-avatar-text":{position:"absolute",zIndex:"$2",left:"50%",top:"50%",ta:"center",transform:"translate(-50%, -50%) scale(0.65)",whiteSpace:"nowrap",us:"none"},"@motion":{transition:"none",".nextui-avatar-bg, .nextui-avatar-img":{transition:"none"}},variants:{color:{default:{".nextui-avatar-bg":{bg:"$accents2"}},primary:{".nextui-avatar-bg":{bg:"$primary"},".nextui-avatar-text":{color:"$background"}},secondary:{".nextui-avatar-bg":{bg:"$secondary"},".nextui-avatar-text":{color:"$background"}},success:{".nextui-avatar-bg":{bg:"$success"},".nextui-avatar-text":{color:"$background"}},warning:{".nextui-avatar-bg":{bg:"$warning"},".nextui-avatar-text":{color:"$background"}},error:{".nextui-avatar-bg":{bg:"$error"},".nextui-avatar-text":{color:"$background"}},gradient:{".nextui-avatar-bg":{bg:"$gradient"},".nextui-avatar-text":{color:"$background"}}},textColor:{default:{".nextui-avatar-text":{color:"$text"}},primary:{".nextui-avatar-text":{color:"$primary"}},secondary:{".nextui-avatar-text":{color:"$secondary"}},success:{".nextui-avatar-text":{color:"$success"}},warning:{".nextui-avatar-text":{color:"$warning"}},error:{".nextui-avatar-text":{color:"$error"}}},size:{xs:{$$avatarXs:"$space$9",sizeMin:"$$avatarXs","&.nextui-avatar-bg":{size:"$$avatarXs"},".nextui-avatar-text":{fontSize:"$xs"}},sm:{$$avatarSm:"$space$11",sizeMin:"$$avatarSm",".nextui-avatar-bg":{size:"$$avatarSm"},".nextui-avatar-text":{fontSize:"$base"}},md:{$$avatarMd:"$space$14",sizeMin:"$$avatarMd",".nextui-avatar-bg":{size:"$$avatarMd"},".nextui-avatar-text":{fontSize:"$sm"}},lg:{$$avatarLg:"$space$16",sizeMin:"$$avatarLg",".nextui-avatar-bg":{size:"$$avatarLg"},".nextui-avatar-text":{fontSize:"$sm"}},xl:{$$avatarXl:"$space$18",sizeMin:"$$avatarXl","&.nextui-avatar-bg":{size:"$$avatarXl"},".nextui-avatar-text":{fontSize:"$md"}}},borderWeight:{light:{".nextui-avatar-img":{borderWidth:"$light"}},normal:{".nextui-avatar-img":{borderWidth:"$normal"}},bold:{".nextui-avatar-img":{borderWidth:"$normal"}},extrabold:{".nextui-avatar-img":{borderWidth:"$normal"}},black:{".nextui-avatar-img":{borderWidth:"$normal"}}},bordered:{true:{"&:hover:not(.only-text-avatar) .nextui-avatar-bg":{opacity:"0.6"},".nextui-avatar-img":{borderStyle:"solid",borderColor:"$background"}}},stacked:{true:{ml:"-$5"}},pointer:{true:{cursor:"pointer"}},rounded:{true:{borderRadius:"$rounded",".nextui-avatar-img":{borderRadius:"$rounded"}}},squared:{true:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}},zoomed:{true:{"&:hover .nextui-avatar-img":{transform:"scale(1.125)"}}}},compoundVariants:[{bordered:!0,borderWeight:"light",css:{padding:"calc($1/2)"}},{bordered:!0,borderWeight:"normal",css:{padding:"$1"}},{bordered:!0,borderWeight:"bold",css:{padding:"calc($2/1.5)"}},{bordered:!0,borderWeight:"extrabold",css:{padding:"$2"}},{bordered:!0,borderWeight:"black",css:{padding:"calc($3/1.5)"}},{rounded:!0,squared:!0,css:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}}],defaultVariants:{size:"md",rounded:!0,color:"default",textColor:"default",borderWeight:"normal"}});exports.StyledAvatar=a;var t=a;exports.default=t;

package/cjs/avatar/index.js

@@ -1,22 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledAvatarGroupCount = exports.StyledAvatarGroup = exports.StyledAvatar = void 0;
-
-var _avatar = _interopRequireDefault(require("./avatar"));
-
-var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
-
-var _avatar2 = require("./avatar.styles");
-
-exports.StyledAvatar = _avatar2.StyledAvatar;
-
-var _avatarGroup2 = require("./avatar-group.styles");
-
-exports.StyledAvatarGroup = _avatarGroup2.StyledAvatarGroup;
-exports.StyledAvatarGroupCount = _avatarGroup2.StyledAvatarGroupCount;
-_avatar.default.Group = _avatarGroup.default;
-var _default = _avatar.default;
-exports.default = _default;
+var r=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledAvatarGroupCount=exports.StyledAvatarGroup=exports.StyledAvatar=void 0;var e=r(require("./avatar")),t=r(require("./avatar-group")),a=require("./avatar.styles");exports.StyledAvatar=a.StyledAvatar;var u=require("./avatar-group.styles");exports.StyledAvatarGroup=u.StyledAvatarGroup,exports.StyledAvatarGroupCount=u.StyledAvatarGroupCount,e.default.Group=t.default;var o=e.default;exports.default=o;