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

package/cjs/backdrop/backdrop.js

@@ -1,137 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _cssTransition = _interopRequireDefault(require("../utils/css-transition"));
-
-var _useCurrentState = _interopRequireDefault(require("../use-current-state"));
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _useKeyboard = _interopRequireWildcard(require("../use-keyboard"));
-
-var _backdrop = require("./backdrop.styles");
-
-var _assertion = require("../utils/assertion");
-
-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; }
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const defaultProps = {
-  onClick: () => {},
-  visible: false,
-  blur: false,
-  animated: true,
-  preventDefault: true,
-  opacity: 0.5,
-  className: ''
-};
-const preClass = 'nextui-backdrop';
-
-const Backdrop = /*#__PURE__*/_react.default.memo(({
-  children,
-  onClick,
-  onKeyPress,
-  visible,
-  maxWidth,
-  blur,
-  animated,
-  opacity,
-  preventDefault,
-  className,
-  css,
-  ...props
-}) => {
-  const [, setIsContentMouseDown, IsContentMouseDownRef] = (0, _useCurrentState.default)(false);
-
-  const clickHandler = event => {
-    if (IsContentMouseDownRef.current) return;
-    onClick && onClick(event);
-  };
-
-  const childrenClickHandler = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-  }, []);
-
-  const mouseUpHandler = () => {
-    if (!IsContentMouseDownRef.current) return;
-    const timer = setTimeout(() => {
-      setIsContentMouseDown(false);
-      clearTimeout(timer);
-    }, 0);
-  };
-
-  const {
-    bindings
-  } = (0, _useKeyboard.default)(ev => {
-    onKeyPress && onKeyPress(ev);
-  }, [_useKeyboard.KeyCode.Escape, _useKeyboard.KeyCode.Space], {
-    disableGlobalEvent: true,
-    preventDefault
-  });
-  const getState = (0, _react.useMemo)(() => {
-    return visible ? 'open' : 'closed';
-  }, [visible]);
-  const renderChildren = (0, _react.useMemo)(() => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_backdrop.StyledBackdrop, {
-      tabIndex: -1,
-      role: "button",
-      "aria-hidden": true,
-      "data-state": getState,
-      onClick: clickHandler,
-      onMouseUp: mouseUpHandler,
-      css: {
-        $$backdropOpacity: opacity,
-        ...css
-      },
-      className: (0, _clsx.default)(preClass, `${preClass}--${getState}`, className),
-      ...bindings,
-      ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_backdrop.StyledBackdropLayer, {
-        className: (0, _clsx.default)(`${preClass}-layer`, blur ? `${preClass}-layer-blur` : `${preClass}-layer-default`),
-        animated: animated,
-        blur: blur
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_backdrop.StyledBackdropContent, {
-        className: `${preClass}-content`,
-        onClick: childrenClickHandler,
-        css: {
-          maxWidth
-        },
-        onMouseDown: () => setIsContentMouseDown(true),
-        children: children
-      })]
-    });
-  }, [children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: animated ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssTransition.default, {
-      name: `${preClass}-wrapper`,
-      visible: visible,
-      enterTime: 20,
-      leaveTime: 20,
-      clearTime: 150,
-      children: renderChildren
-    }) : visible ? renderChildren : null
-  });
-});
-
-if (_assertion.__DEV__) {
-  Backdrop.displayName = 'NextUI - Backdrop';
-}
-
-Backdrop.toString = () => '.nextui-backdrop';
-
-var _default = (0, _withDefaults.default)(Backdrop, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=d(require("react")),r=e(require("../utils/with-defaults")),a=e(require("../utils/css-transition")),n=e(require("../use-current-state")),l=e(require("../utils/clsx")),i=d(require("../use-keyboard")),u=require("./backdrop.styles"),s=require("../utils/assertion"),o=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function d(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var a={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=n?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,r&&r.set(e,a),a}const p="nextui-backdrop",f=t.default.memo((({children:e,onClick:r,onKeyPress:s,visible:c,maxWidth:d,blur:f,animated:b,opacity:m,preventDefault:y,className:x,css:k,...v})=>{const[,h,j]=(0,n.default)(!1),q=e=>{j.current||r&&r(e)},M=(0,t.useCallback)((e=>{e.stopPropagation()}),[]),O=()=>{if(!j.current)return;const e=setTimeout((()=>{h(!1),clearTimeout(e)}),0)},{bindings:$}=(0,i.default)((e=>{s&&s(e)}),[i.KeyCode.Escape,i.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:y}),g=(0,t.useMemo)((()=>c?"open":"closed"),[c]),w=(0,t.useMemo)((()=>(0,o.jsxs)(u.StyledBackdrop,{tabIndex:-1,role:"button","aria-hidden":!0,"data-state":g,onClick:q,onMouseUp:O,css:{$$backdropOpacity:m,...k},className:(0,l.default)(p,`${p}--${g}`,x),...$,...v,children:[(0,o.jsx)(u.StyledBackdropLayer,{className:(0,l.default)(`${p}-layer`,f?`${p}-layer-blur`:`${p}-layer-default`),animated:b,blur:f}),(0,o.jsx)(u.StyledBackdropContent,{className:`${p}-content`,onClick:M,css:{maxWidth:d},onMouseDown:()=>h(!0),children:e})]})),[e]);return(0,o.jsx)(o.Fragment,{children:b?(0,o.jsx)(a.default,{name:`${p}-wrapper`,visible:c,enterTime:20,leaveTime:20,clearTime:150,children:w}):c?w:null})}));s.__DEV__&&(f.displayName="NextUI - Backdrop"),f.toString=()=>".nextui-backdrop";var b=(0,r.default)(f,{onClick:()=>{},visible:!1,blur:!1,animated:!0,preventDefault:!0,opacity:.5,className:""});exports.default=b,module.exports=exports.default;

package/cjs/backdrop/backdrop.styles.js

@@ -1,119 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledBackdropLayer = exports.StyledBackdropContent = exports.StyledBackdrop = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-const StyledBackdropContent = (0, _stitches.styled)('div', {
-  position: 'relative',
-  display: 'inline-block',
-  zIndex: '$max',
-  outline: 'none',
-  width: '100%',
-  margin: '$9 auto',
-  verticalAlign: 'middle',
-  '@sm': {
-    width: '90%',
-    maxWidth: '90%'
-  }
-});
-exports.StyledBackdropContent = StyledBackdropContent;
-const StyledBackdropLayer = (0, _stitches.styled)('div', {
-  position: 'fixed',
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  size: '100%',
-  pe: 'none',
-  zIndex: '$max',
-  '@motion': {
-    transition: 'none'
-  },
-  variants: {
-    blur: {
-      true: {
-        opacity: 1,
-        transition: 'background 0.35s cubic-bezier(0.4, 0, 0.2, 1)',
-        backdropFilter: 'saturate(180%) blur(20px)',
-        bg: 'rgba(0, 0, 0, 0.1)'
-      },
-      false: {
-        bg: '$black',
-        opacity: '$$backdropOpacity',
-        transition: 'opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)'
-      }
-    },
-    animated: {
-      false: {
-        transition: 'none'
-      }
-    }
-  }
-});
-exports.StyledBackdropLayer = StyledBackdropLayer;
-const StyledBackdrop = (0, _stitches.styled)('div', {
-  position: 'fixed',
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  overflow: 'auto',
-  zIndex: '$max',
-  WebkitOverflowScrolling: 'touch',
-  boxSizing: 'border-box',
-  textAlign: 'center',
-  '&:before': {
-    content: '',
-    display: 'inline-block',
-    width: 0,
-    height: '100%',
-    verticalAlign: 'middle'
-  },
-  '.nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default': {
-    opacity: 0
-  },
-  '.nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default': {
-    opacity: '$$backdropOpacity'
-  },
-  '.nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default': {
-    opacity: '$$backdropOpacity'
-  },
-  '.nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default': {
-    opacity: 0
-  },
-  '.nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur': {
-    bg: 'rgba(0, 0, 0, 0.1)'
-  },
-  '.nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur': {
-    bg: 'rgba(0, 0, 0, 0.4)'
-  },
-  '.nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur': {
-    bg: 'rgba(0, 0, 0, 0.4)'
-  },
-  '.nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur': {
-    bg: 'rgba(0, 0, 0, 0.1)'
-  },
-  variants: {
-    fullScreen: {
-      true: {
-        display: 'inline-flex',
-        overflow: 'hidden',
-        [`& ${StyledBackdropContent}`]: {
-          width: '100vw',
-          maxWidth: '100vw',
-          height: '100vh',
-          margin: 0
-        },
-        [`& ${StyledBackdropLayer}`]: {
-          display: 'none'
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    fullScreen: false
-  }
-});
-exports.StyledBackdrop = StyledBackdrop;
+exports.__esModule=!0,exports.StyledBackdropLayer=exports.StyledBackdropContent=exports.StyledBackdrop=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"}});exports.StyledBackdropContent=t;const r=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});exports.StyledBackdropLayer=r;const a=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${t}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${r}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});exports.StyledBackdrop=a;

package/cjs/backdrop/index.js

@@ -1,16 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledBackdropLayer = exports.StyledBackdropContent = exports.StyledBackdrop = void 0;
-
-var _backdrop = _interopRequireDefault(require("./backdrop"));
-
-var _backdrop2 = require("./backdrop.styles");
-
-exports.StyledBackdropContent = _backdrop2.StyledBackdropContent;
-exports.StyledBackdropLayer = _backdrop2.StyledBackdropLayer;
-exports.StyledBackdrop = _backdrop2.StyledBackdrop;
-var _default = _backdrop.default;
-exports.default = _default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledBackdropLayer=exports.StyledBackdropContent=exports.StyledBackdrop=void 0;var r=e(require("./backdrop")),t=require("./backdrop.styles");exports.StyledBackdropContent=t.StyledBackdropContent,exports.StyledBackdropLayer=t.StyledBackdropLayer,exports.StyledBackdrop=t.StyledBackdrop;var o=r.default;exports.default=o;

package/cjs/button/button-group-context.js

@@ -1,21 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.useButtonGroupContext = exports.ButtonGroupContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-const defaultContext = {
-  isButtonGroup: false,
-  disabled: false
-};
-
-const ButtonGroupContext = /*#__PURE__*/_react.default.createContext(defaultContext);
-
-exports.ButtonGroupContext = ButtonGroupContext;
-
-const useButtonGroupContext = () => _react.default.useContext(ButtonGroupContext);
-
-exports.useButtonGroupContext = useButtonGroupContext;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useButtonGroupContext=exports.ButtonGroupContext=void 0;var e=t(require("react"));const o={isButtonGroup:!1,disabled:!1},r=e.default.createContext(o);exports.ButtonGroupContext=r;exports.useButtonGroupContext=()=>e.default.useContext(r);

package/cjs/button/button-group.js

@@ -1,81 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _buttonGroupContext = require("./button-group-context");
-
-var _buttonGroup = _interopRequireDefault(require("./button-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 defaultProps = {
-  borderWeight: 'normal',
-  size: 'md',
-  color: 'default'
-};
-
-const ButtonGroup = groupProps => {
-  const {
-    disabled,
-    size,
-    color,
-    bordered,
-    ghost,
-    light,
-    flat,
-    shadow,
-    auto,
-    animated,
-    rounded,
-    ripple,
-    borderWeight,
-    children,
-    ...props
-  } = groupProps;
-  const initialValue = (0, _react.useMemo)(() => ({
-    disabled,
-    size,
-    color,
-    bordered,
-    light,
-    ghost,
-    flat,
-    shadow,
-    auto,
-    borderWeight,
-    animated,
-    rounded,
-    ripple,
-    isButtonGroup: true
-  }), [disabled, animated, size, ripple, color, bordered, light, ghost, flat, borderWeight]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonGroupContext.ButtonGroupContext.Provider, {
-    value: initialValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonGroup.default, {
-      size: size,
-      bordered: bordered || ghost,
-      gradient: groupProps.color === 'gradient',
-      ...props,
-      children: children
-    })
-  });
-};
-
-ButtonGroup.toString = () => '.nextui-button-group';
-
-const MemoButtonGroup = /*#__PURE__*/_react.default.memo(ButtonGroup);
-
-var _default = (0, _withDefaults.default)(MemoButtonGroup, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;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=i(r);if(t&&t.has(e))return t.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var a=u?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(o,n,a):o[n]=e[n]}o.default=e,t&&t.set(e,o);return o}(require("react")),t=e(require("../utils/with-defaults")),o=require("./button-group-context"),u=e(require("./button-group.styles")),n=require("react/jsx-runtime");function i(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:r})(e)}const a=e=>{const{disabled:t,size:i,color:a,bordered:d,ghost:l,light:s,flat:p,shadow:f,auto:c,animated:b,rounded:g,ripple:h,borderWeight:v,children:x,...m}=e,y=(0,r.useMemo)((()=>({disabled:t,size:i,color:a,bordered:d,light:s,ghost:l,flat:p,shadow:f,auto:c,borderWeight:v,animated:b,rounded:g,ripple:h,isButtonGroup:!0})),[t,b,i,h,a,d,s,l,p,v]);return(0,n.jsx)(o.ButtonGroupContext.Provider,{value:y,children:(0,n.jsx)(u.default,{size:i,bordered:d||l,gradient:"gradient"===e.color,...m,children:x})})};a.toString=()=>".nextui-button-group";const d=r.default.memo(a);var l=(0,t.default)(d,{borderWeight:"normal",size:"md",color:"default"});exports.default=l,module.exports=exports.default;

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

@@ -1,136 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledButtonGroup = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-var _button = _interopRequireDefault(require("./button.styles"));
-
-const StyledButtonGroup = (0, _stitches.styled)('div', {
-  display: 'inline-flex',
-  margin: '$3',
-  backgroundColor: 'transparent',
-  height: 'min-content',
-  [`& ${_button.default}`]: {
-    '.nextui-button-text': {
-      top: 0
-    }
-  },
-  variants: {
-    vertical: {
-      true: {
-        fd: 'column',
-        [`& ${_button.default}`]: {
-          '&:not(:first-child)': {
-            btlr: 0,
-            // top-left
-            btrr: 0 // top-right
-
-          },
-          '&:not(:last-child)': {
-            bblr: 0,
-            bbrr: 0
-          }
-        }
-      },
-      false: {
-        fd: 'row',
-        [`& ${_button.default}`]: {
-          '&:not(:first-child)': {
-            btlr: 0,
-            // top-left
-            bblr: 0 // bottom-left
-
-          },
-          '&:not(:last-child)': {
-            btrr: 0,
-            // top-right
-            bbrr: 0 // bottom-right
-
-          }
-        }
-      }
-    },
-    size: {
-      xs: {
-        br: '$xs'
-      },
-      sm: {
-        br: '$sm'
-      },
-      md: {
-        br: '$md'
-      },
-      lg: {
-        br: '$base'
-      },
-      xl: {
-        br: '$xl'
-      }
-    },
-    rounded: {
-      true: {
-        br: '$pill'
-      }
-    },
-    bordered: {
-      true: {
-        bg: 'transparent'
-      }
-    },
-    gradient: {
-      true: {
-        pl: 0
-      }
-    }
-  },
-  defaultVariants: {
-    vertical: false
-  },
-  compoundVariants: [// bordered / vertical:true
-  {
-    bordered: true,
-    vertical: true,
-    css: {
-      [`& ${_button.default}`]: {
-        '&:not(:last-child)': {
-          borderBottom: 'none',
-          paddingBottom: '0'
-        }
-      }
-    }
-  }, // bordered / vertical:false
-  {
-    bordered: true,
-    vertical: false,
-    css: {
-      [`& ${_button.default}`]: {
-        '&:not(:first-child)': {
-          borderLeft: 'none'
-        }
-      }
-    }
-  }, // gradient / vertical:false
-  {
-    gradient: true,
-    vertical: false,
-    css: {
-      [`& ${_button.default}`]: {
-        '&:not(:last-child)&:not(:first-child)': {
-          pl: 0,
-          filter: 'hue-rotate(310deg)'
-        },
-        '&:last-child': {
-          pl: 0,
-          filter: 'hue-rotate(250deg)'
-        }
-      }
-    }
-  }]
-});
-exports.StyledButtonGroup = StyledButtonGroup;
-var _default = StyledButtonGroup;
-exports.default = _default;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledButtonGroup=void 0;var e=require("../theme/stitches.config"),r=t(require("./button.styles"));const l=(0,e.styled)("div",{display:"inline-flex",margin:"$3",backgroundColor:"transparent",height:"min-content",[`& ${r.default}`]:{".nextui-button-text":{top:0}},variants:{vertical:{true:{fd:"column",[`& ${r.default}`]:{"&:not(:first-child)":{btlr:0,btrr:0},"&:not(:last-child)":{bblr:0,bbrr:0}}},false:{fd:"row",[`& ${r.default}`]:{"&:not(:first-child)":{btlr:0,bblr:0},"&:not(:last-child)":{btrr:0,bbrr:0}}}},size:{xs:{br:"$xs"},sm:{br:"$sm"},md:{br:"$md"},lg:{br:"$base"},xl:{br:"$xl"}},rounded:{true:{br:"$pill"}},bordered:{true:{bg:"transparent"}},gradient:{true:{pl:0}}},defaultVariants:{vertical:!1},compoundVariants:[{bordered:!0,vertical:!0,css:{[`& ${r.default}`]:{"&:not(:last-child)":{borderBottom:"none",paddingBottom:"0"}}}},{bordered:!0,vertical:!1,css:{[`& ${r.default}`]:{"&:not(:first-child)":{borderLeft:"none"}}}},{gradient:!0,vertical:!1,css:{[`& ${r.default}`]:{"&:not(:last-child)&:not(:first-child)":{pl:0,filter:"hue-rotate(310deg)"},"&:last-child":{pl:0,filter:"hue-rotate(250deg)"}}}}]});exports.StyledButtonGroup=l;var d=l;exports.default=d;

package/cjs/button/button-icon.js

@@ -1,68 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledButtonIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _stitches = require("../theme/stitches.config");
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const defaultProps = {
-  className: ''
-};
-const StyledButtonIcon = (0, _stitches.styled)('span', {
-  dflex: 'center',
-  position: 'absolute',
-  left: '$$buttonPadding',
-  right: 'auto',
-  top: '50%',
-  transform: 'translateY(-50%)',
-  color: 'inherit',
-  zIndex: '$1',
-  '& svg': {
-    background: 'transparent'
-  },
-  variants: {
-    isRight: {
-      true: {
-        right: '$$buttonPadding',
-        left: 'auto'
-      }
-    },
-    isSingle: {
-      true: {
-        position: 'static',
-        transform: 'none'
-      }
-    }
-  }
-});
-exports.StyledButtonIcon = StyledButtonIcon;
-
-const ButtonIcon = ({
-  children,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButtonIcon, {
-    className: (0, _clsx.default)('nextui-button-icon', className),
-    ...props,
-    children: children
-  });
-};
-
-ButtonIcon.toString = () => '.nextui-button-icon';
-
-const MemoButtonIcon = /*#__PURE__*/_react.default.memo(ButtonIcon);
-
-var _default = (0, _withDefaults.default)(MemoButtonIcon, defaultProps);
-
-exports.default = _default;
+var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledButtonIcon=void 0;var e=t(require("react")),r=require("../theme/stitches.config"),i=t(require("../utils/with-defaults")),s=t(require("../utils/clsx")),o=require("react/jsx-runtime");const n=(0,r.styled)("span",{dflex:"center",position:"absolute",left:"$$buttonPadding",right:"auto",top:"50%",transform:"translateY(-50%)",color:"inherit",zIndex:"$1","& svg":{background:"transparent"},variants:{isAuto:{true:{position:"relative",transform:"none",top:"0%"}},isRight:{true:{right:"$$buttonPadding",left:"auto"}},isSingle:{true:{position:"static",transform:"none",m:0}}},compoundVariants:[{isAuto:!0,isRight:!0,css:{order:2,ml:"$$buttonPadding",right:"0%",left:"0%"}},{isAuto:!0,isRight:!1,css:{order:0,mr:"$$buttonPadding",right:"0%",left:"0%"}},{isAuto:!0,isSingle:!0,css:{m:0}}]});exports.StyledButtonIcon=n;const a=({children:t,className:e,...r})=>(0,o.jsx)(n,{className:(0,s.default)("nextui-button-icon",e),...r,children:t});a.toString=()=>".nextui-button-icon";const u=e.default.memo(a);var l=(0,i.default)(u,{className:""});exports.default=l;