rsuite 5.40.0 → 5.41.0

package/cjs/AutoComplete/utils.js

@@ -1,18 +1,15 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.transformData = transformData;
 exports.shouldDisplay = void 0;
-
 var _trim = _interopRequireDefault(require("lodash/trim"));
-
 function transformData(data) {
   if (!data) {
     return [];
   }
-
   return data.map(function (item) {
     if (typeof item === 'string') {
       return {
@@ -20,26 +17,21 @@ function transformData(data) {
         label: item
       };
     }
-
     if (typeof item === 'object') {
       return item;
     }
   });
 }
-
 var shouldDisplay = function shouldDisplay(filterBy, value) {
   return function (item) {
     if (typeof filterBy === 'function') {
       return filterBy(value, item);
     }
-
     if (!(0, _trim.default)(value)) {
       return false;
     }
-
     var keyword = value.toLocaleLowerCase();
     return ("" + item.label).toLocaleLowerCase().indexOf(keyword) >= 0;
   };
 };
-
 exports.shouldDisplay = shouldDisplay;

package/cjs/Avatar/Avatar.js

@@ -1,52 +1,39 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _AvatarGroup = require("../AvatarGroup/AvatarGroup");
-
 var _templateObject;
-
 var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      sizeProp = props.size,
-      className = props.className,
-      children = props.children,
-      src = props.src,
-      srcSet = props.srcSet,
-      sizes = props.sizes,
-      imgProps = props.imgProps,
-      circle = props.circle,
-      alt = props.alt,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "as", "size", "className", "children", "src", "srcSet", "sizes", "imgProps", "circle", "alt"]);
-
+    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    sizeProp = props.size,
+    className = props.className,
+    children = props.children,
+    src = props.src,
+    srcSet = props.srcSet,
+    sizes = props.sizes,
+    imgProps = props.imgProps,
+    circle = props.circle,
+    alt = props.alt,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "as", "size", "className", "children", "src", "srcSet", "sizes", "imgProps", "circle", "alt"]);
   var _useContext = (0, _react.useContext)(_AvatarGroup.AvatarGroupContext),
-      size = _useContext.size;
-
+    size = _useContext.size;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(sizeProp || size, {
     circle: circle
   }));
@@ -61,7 +48,6 @@ var Avatar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     alt: alt
   })) : children);
 });
-
 Avatar.displayName = 'Avatar';
 Avatar.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Avatar/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Avatar = _interopRequireDefault(require("./Avatar"));
-
 var _default = _Avatar.default;
 exports.default = _default;

package/cjs/AvatarGroup/AvatarGroup.js

@@ -1,45 +1,33 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.AvatarGroupContext = void 0;
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.AvatarGroupContext = AvatarGroupContext;
-
 var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'avatar-group' : _props$classPrefix,
-      spacing = props.spacing,
-      className = props.className,
-      children = props.children,
-      stack = props.stack,
-      size = props.size,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "spacing", "className", "children", "stack", "size"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'avatar-group' : _props$classPrefix,
+    spacing = props.spacing,
+    className = props.className,
+    children = props.children,
+    stack = props.stack,
+    size = props.size,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "spacing", "className", "children", "stack", "size"]);
   var _useCustom = (0, _utils.useCustom)('AvatarGroup'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
     stack: stack
   }));
@@ -55,13 +43,11 @@ var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: contextValue
   }, spacing ? _react.default.Children.map(children, function (child) {
     var _extends2;
-
     return /*#__PURE__*/_react.default.cloneElement(child, {
       style: (0, _extends3.default)((_extends2 = {}, _extends2[rtl ? 'marginLeft' : 'marginRight'] = spacing, _extends2), child.props.style)
     });
   }) : children));
 });
-
 AvatarGroup.displayName = 'AvatarGroup';
 AvatarGroup.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/AvatarGroup/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
-
 var _default = _AvatarGroup.default;
 exports.default = _default;

package/cjs/Badge/Badge.js

@@ -1,60 +1,48 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      contentText = props.content,
-      color = props.color,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'badge' : _props$classPrefix,
-      children = props.children,
-      _props$maxCount = props.maxCount,
-      maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "content", "color", "className", "classPrefix", "children", "maxCount"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    contentText = props.content,
+    color = props.color,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'badge' : _props$classPrefix,
+    children = props.children,
+    _props$maxCount = props.maxCount,
+    maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "content", "color", "className", "classPrefix", "children", "maxCount"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var dot = contentText === undefined || contentText === null;
   var classes = merge(className, withClassPrefix(color, {
     independent: !children,
     wrapper: children,
     dot: dot
   }));
-
   if (contentText === false) {
     return /*#__PURE__*/_react.default.cloneElement(children, {
       ref: ref
     });
   }
-
   var content = typeof contentText === 'number' && contentText > maxCount ? maxCount + "+" : contentText;
-
   if (!children) {
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
       ref: ref,
       className: classes
     }), content);
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
@@ -62,7 +50,6 @@ var Badge = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('content')
   }, content));
 });
-
 Badge.displayName = 'Badge';
 Badge.propTypes = {
   className: _propTypes.default.string,

package/cjs/Badge/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Badge = _interopRequireDefault(require("./Badge"));
-
 var _default = _Badge.default;
 exports.default = _default;

package/cjs/Breadcrumb/Breadcrumb.js

@@ -1,55 +1,41 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
-
 var _templateObject;
-
 var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'nav' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,
-      children = props.children,
-      _props$maxItems = props.maxItems,
-      maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,
-      _props$separator = props.separator,
-      separator = _props$separator === void 0 ? '/' : _props$separator,
-      overrideLocale = props.locale,
-      onExpand = props.onExpand,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "maxItems", "separator", "locale", "onExpand"]);
-
+    Component = _props$as === void 0 ? 'nav' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,
+    children = props.children,
+    _props$maxItems = props.maxItems,
+    maxItems = _props$maxItems === void 0 ? 5 : _props$maxItems,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '/' : _props$separator,
+    overrideLocale = props.locale,
+    onExpand = props.onExpand,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "maxItems", "separator", "locale", "onExpand"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useState = (0, _react.useState)(true),
-      ellipsis = _useState[0],
-      setEllipsis = _useState[1];
-
+    ellipsis = _useState[0],
+    setEllipsis = _useState[1];
   var _useCustom = (0, _utils.useCustom)('Breadcrumb', overrideLocale),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var renderSeparator = function renderSeparator(key) {
     return /*#__PURE__*/_react.default.createElement("span", {
       key: "breadcrumb-separator-" + key,
@@ -57,25 +43,20 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["separator"])))
     }, separator);
   };
-
   var handleClickEllipsis = (0, _react.useCallback)(function (event) {
     setEllipsis(false);
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(event);
   }, [onExpand]);
   var items = [];
-
   var count = _react.default.Children.count(children);
-
   if (count) {
     _react.default.Children.forEach(children, function (item, index) {
       items.push(item);
-
       if (index < count - 1) {
         items.push(renderSeparator(index));
       }
     });
   }
-
   var renderCollapseItems = function renderCollapseItems() {
     if (count > maxItems && count > 2 && ellipsis) {
       return [].concat(items.slice(0, 2), [[/*#__PURE__*/_react.default.createElement(_BreadcrumbItem.default, {
@@ -88,17 +69,14 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         "aria-hidden": true
       }, "..."))]], items.slice(items.length - 2, items.length));
     }
-
     return items;
   };
-
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), renderCollapseItems());
 });
-
 Breadcrumb.Item = _BreadcrumbItem.default;
 Breadcrumb.displayName = 'Breadcrumb';
 Breadcrumb.propTypes = {

package/cjs/Breadcrumb/BreadcrumbItem.js

@@ -1,44 +1,34 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-
 var _utils = require("../utils");
-
 var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? props.href ? _SafeAnchor.default : 'span' : _props$as,
-      href = props.href,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,
-      title = props.title,
-      target = props.target,
-      className = props.className,
-      style = props.style,
-      active = props.active,
-      children = props.children,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "href", "classPrefix", "title", "target", "className", "style", "active", "children"]);
-
+    Component = _props$as === void 0 ? props.href ? _SafeAnchor.default : 'span' : _props$as,
+    href = props.href,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb-item' : _props$classPrefix,
+    title = props.title,
+    target = props.target,
+    className = props.className,
+    style = props.style,
+    active = props.active,
+    children = props.children,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "href", "classPrefix", "title", "target", "className", "style", "active", "children"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     active: active
   }));
-
   if (active) {
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
       ref: ref
@@ -47,7 +37,6 @@ var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       className: classes
     }), children);
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     href: href,
     title: title,
@@ -57,7 +46,6 @@ var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     className: classes
   }), children);
 });
-
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 BreadcrumbItem.propTypes = {
   active: _propTypes.default.bool,

package/cjs/Breadcrumb/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
-
 var _default = _Breadcrumb.default;
 exports.default = _default;

package/cjs/Button/Button.js

@@ -1,60 +1,46 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ButtonGroup = require("../ButtonGroup");
-
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-
 var _Ripple = _interopRequireDefault(require("../Ripple"));
-
 var _utils = require("../utils");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var as = props.as,
-      active = props.active,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      block = props.block,
-      className = props.className,
-      children = props.children,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
-      color = props.color,
-      disabled = props.disabled,
-      loading = props.loading,
-      _props$ripple = props.ripple,
-      ripple = _props$ripple === void 0 ? true : _props$ripple,
-      sizeProp = props.size,
-      startIcon = props.startIcon,
-      endIcon = props.endIcon,
-      typeProp = props.type,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"]);
+    active = props.active,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    block = props.block,
+    className = props.className,
+    children = props.children,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'btn' : _props$classPrefix,
+    color = props.color,
+    disabled = props.disabled,
+    loading = props.loading,
+    _props$ripple = props.ripple,
+    ripple = _props$ripple === void 0 ? true : _props$ripple,
+    sizeProp = props.size,
+    startIcon = props.startIcon,
+    endIcon = props.endIcon,
+    typeProp = props.type,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"]);
   var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);
   var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(appearance, color, size, {
     active: active,
     disabled: disabled,
@@ -65,7 +51,6 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var spin = /*#__PURE__*/_react.default.createElement("span", {
       className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["spin"])))
     });
-
     var rippleElement = ripple && !(0, _utils.isOneOf)(appearance, ['link', 'ghost']) ? /*#__PURE__*/_react.default.createElement(_Ripple.default, null) : null;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && spin, startIcon ? /*#__PURE__*/_react.default.createElement("span", {
       className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["start-icon"])))
@@ -73,7 +58,6 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["end-icon"])))
     }, endIcon) : null, rippleElement);
   }, [appearance, children, endIcon, loading, prefix, ripple, startIcon]);
-
   if (rest.href) {
     return /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({}, rest, {
       as: as,
@@ -83,7 +67,6 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: classes
     }), renderButtonContent());
   }
-
   var Component = as || 'button';
   var type = typeProp || (Component === 'button' ? 'button' : undefined);
   var role = rest.role || (Component !== 'button' ? 'button' : undefined);
@@ -96,7 +79,6 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: classes
   }), renderButtonContent());
 });
-
 Button.displayName = 'Button';
 Button.propTypes = {
   as: _propTypes.default.elementType,

package/cjs/Button/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 var _default = _Button.default;
 exports.default = _default;