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

package/cjs/utils/prop-types.js

@@ -1,56 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.tuple = exports.textWeights = exports.textTransforms = exports.simpleColors = exports.normalWeights = exports.normalLoaders = exports.normalColors = exports.extraColors = exports.extendedColorsNoGradient = exports.extendedColors = exports.excludedInputPropsForTextarea = void 0;
-
-const tuple = (...args) => args;
-
-exports.tuple = tuple;
-const normalSizes = tuple('xs', 'sm', 'md', 'lg', 'xl');
-const normalColors = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'gradient');
-exports.normalColors = normalColors;
-const simpleColors = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error');
-exports.simpleColors = simpleColors;
-const extendedColors = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'invert', 'gradient');
-exports.extendedColors = extendedColors;
-const extendedColorsNoGradient = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'invert');
-exports.extendedColorsNoGradient = extendedColorsNoGradient;
-const extraColors = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'dark', 'lite', 'alert', 'purple', 'violet', 'gradient', 'cyan');
-exports.extraColors = extraColors;
-const normalLoaders = tuple('default', 'points', 'points-opacity', 'gradient', 'spinner');
-exports.normalLoaders = normalLoaders;
-const normalWeights = tuple('light', 'normal', 'bold', 'extrabold', 'black');
-exports.normalWeights = normalWeights;
-const textWeights = tuple(
-/* Keyword values */
-'normal', 'bold',
-/* Keyword values relative to the parent */
-'lighter', 'bolder',
-/* Global values */
-'inherit', 'initial', 'revert', 'unset');
-exports.textWeights = textWeights;
-const textTransforms = tuple(
-/* Keyword values */
-'none', 'capitalize', 'uppercase', 'lowercase', 'full-width', 'full-size-kana',
-/* Global values */
-'inherit', 'initial', 'revert', 'unset');
-exports.textTransforms = textTransforms;
-const copyTypes = tuple('default', 'slient', 'prevent');
-const triggerTypes = tuple('hover', 'click');
-const placement = tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
-const position = tuple('static', 'relative', 'absolute', 'fixed', 'sticky',
-/* Global values */
-'inherit', 'initial', 'revert', 'unset');
-const objectFit = tuple('contain', 'cover', 'fill', 'none', 'scale-down',
-/* Global values */
-'inherit', 'initial', 'revert', 'unset');
-const dividerAlign = tuple('start', 'center', 'end', 'left', 'right');
-const justify = tuple('flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly');
-const alignItems = tuple('flex-start', 'flex-end', 'center', 'stretch', 'baseline');
-const alignContent = tuple('stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around');
-const direction = tuple('row', 'row-reverse', 'column', 'column-reverse');
-const wrap = tuple('nowrap', 'wrap', 'wrap-reverse');
-const display = tuple('flex', 'block', 'grid', 'inline', 'inline-block', 'inline-flex', 'inline-grid');
-const contentPosition = tuple('left', 'right');
-const excludedInputPropsForTextarea = tuple('clearable', 'as', 'rounded', 'labelLeft', 'labelRight', 'contentLeft', 'contentRight', 'contentClickable', 'contentLeftStyling', 'contentRightStyling', 'onContentClick', 'onClearClick', 'css');
-exports.excludedInputPropsForTextarea = excludedInputPropsForTextarea;
+exports.__esModule=!0,exports.tuple=exports.textWeights=exports.textTransforms=exports.simpleColors=exports.normalWeights=exports.normalLoaders=exports.normalColors=exports.extraColors=exports.extendedColorsNoGradient=exports.extendedColors=exports.excludedInputPropsForTextarea=void 0;const e=(...e)=>e;exports.tuple=e;e("xs","sm","md","lg","xl");const t=e("default","primary","secondary","success","warning","error","gradient");exports.normalColors=t;const r=e("default","primary","secondary","success","warning","error");exports.simpleColors=r;const o=e("default","primary","secondary","success","warning","error","invert","gradient");exports.extendedColors=o;const n=e("default","primary","secondary","success","warning","error","invert");exports.extendedColorsNoGradient=n;const s=e("default","primary","secondary","success","warning","error","dark","lite","alert","purple","violet","gradient","cyan");exports.extraColors=s;const l=e("default","points","points-opacity","gradient","spinner");exports.normalLoaders=l;const a=e("light","normal","bold","extrabold","black");exports.normalWeights=a;const i=e("normal","bold","lighter","bolder","inherit","initial","revert","unset");exports.textWeights=i;const c=e("none","capitalize","uppercase","lowercase","full-width","full-size-kana","inherit","initial","revert","unset");exports.textTransforms=c;e("default","slient","prevent"),e("hover","click"),e("top","topStart","topEnd","left","leftStart","leftEnd","bottom","bottomStart","bottomEnd","right","rightStart","rightEnd"),e("static","relative","absolute","fixed","sticky","inherit","initial","revert","unset"),e("contain","cover","fill","none","scale-down","inherit","initial","revert","unset"),e("start","center","end","left","right"),e("flex-start","center","flex-end","space-between","space-around","space-evenly"),e("flex-start","flex-end","center","stretch","baseline"),e("stretch","center","flex-start","flex-end","space-between","space-around"),e("row","row-reverse","column","column-reverse"),e("nowrap","wrap","wrap-reverse"),e("flex","block","grid","inline","inline-block","inline-flex","inline-grid"),e("left","right");const d=e("clearable","as","rounded","labelLeft","labelRight","contentLeft","contentRight","contentClickable","contentLeftStyling","contentRightStyling","onContentClick","onClearClick","css");exports.excludedInputPropsForTextarea=d;

package/cjs/utils/react.js

@@ -1,24 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.addChildrenClass = addChildrenClass;
-exports.getValidChildren = getValidChildren;
-
-var React = _interopRequireWildcard(require("react"));
-
-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; }
-
-function getValidChildren(children) {
-  return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
-}
-
-function addChildrenClass(children, className) {
-  const validChildren = getValidChildren(children);
-  return validChildren.map(child => {
-    return /*#__PURE__*/React.cloneElement(child, {
-      className: `${child.props.className} ${className}`
-    });
-  });
-}
+exports.__esModule=!0,exports.addChildrenClass=function(r,n){return t(r).map((r=>e.cloneElement(r,{className:`${r.props.className} ${n}`})))},exports.getValidChildren=t;var e=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}a.default=e,n&&n.set(e,a);return a}(require("react"));function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}function t(r){return e.Children.toArray(r).filter((r=>e.isValidElement(r)))}

package/cjs/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;
+exports.__esModule=!0,exports.kebabCase=exports.includes=void 0;exports.kebabCase=e=>{var l,s,o;return null==e||null==e.replace||null==(l=e.replace(/([a-z])([A-Z])/g,"$1-$2"))||null==l.replace||null==(s=(o=l.replace(/\s+/g,"-")).toLowerCase)?void 0:s.call(o)};exports.includes=(e,l)=>null==l?void 0:l.some((l=>null==e?void 0:e.includes(l)));

package/cjs/utils/types.d.js

@@ -1,3 +1 @@
-"use strict";
-
-exports.__esModule = true;
+exports.__esModule=!0;

package/cjs/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;
+exports.__esModule=!0,exports.default=void 0;var e=(e,o)=>(e.defaultProps=o,e);exports.default=e,module.exports=exports.default;

package/esm/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;
+import r from"react";import t,{StyledAvatarGroupCount as a}from"./avatar-group.styles";import{jsxs as o}from"react/jsx-runtime";const e=({count:r,children:e,...i})=>o(t,{...i,children:[e,r&&o(a,{className:"nextui-avatar-group-count",children:["+",r]})]});e.toString=()=>".nextui-avatar-group";export default e;

package/esm/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;
+import{styled as t}from"../theme/stitches.config";import a from"./avatar.styles";export const StyledAvatarGroupCount=t("span",{fontSize:"$xs",display:"inline-flex",alignItems:"center",marginLeft:"$3",color:"$text"});export const StyledAvatarGroup=t("div",{dflex:"center",height:"auto",width:"max-content","@motion":{transition:"none"},[`& ${a}`]:{marginLeft:"-$space$5",transition:"$default",".only-text-avatar":{boxShadow:"$xs"}},".only-text-avatar":{boxShadow:"$xs"},variants:{animated:{true:{[`& ${a}:hover`]:{transform:"translate(-$space$5)"}}}},defaultVariants:{animated:!0}});export default StyledAvatarGroup;

package/esm/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;
+import a,{useMemo as t,useState as r,useRef as e,useEffect as s}from"react";import n from"./avatar.styles";import l from"../utils/clsx";import{jsx as i}from"react/jsx-runtime";import{jsxs as o}from"react/jsx-runtime";const c=a=>(null==a?void 0:a.length)<=4?a:null==a?void 0:a.slice(0,3),m=({src:a,text:m,icon:u,alt:x,className:d,...v})=>{const p=!a,[f,g]=r(!1),N=e(null);s((()=>{var a;(null==N||null==(a=N.current)?void 0:a.complete)&&g(!0)}),[]);const h=t((()=>!f&&a?"loading":"ready"),[a,f]);return o(n,{className:l({"only-text-avatar":p},d),"data-state":h,...v,children:[i("span",{className:"nextui-avatar-bg"}),!p&&i("img",{ref:N,className:l("nextui-avatar-img",`nextui-avatar--${h}`,{"nextui-avatar-ready":f}),src:a,alt:x,"data-state":h,onLoad:()=>g(!0)}),p&&!u&&m&&i("span",{className:"nextui-avatar-text",children:c(m)}),u&&i("span",{className:"nextui-avatar-icon",children:u})]})};m.toString=()=>".nextui-avatar";export default m;

package/esm/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;
+import{styled as a}from"../theme/stitches.config";export const StyledAvatar=a("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"}});export default StyledAvatar;

package/esm/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;
+import r from"./avatar";import a from"./avatar-group";export{StyledAvatar}from"./avatar.styles";export{StyledAvatarGroup}from"./avatar-group.styles";export{StyledAvatarGroupCount}from"./avatar-group.styles";r.Group=a;export default r;