rsuite 5.39.0 → 5.41.0

package/esm/Placeholder/PlaceholderGraph.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,30 +6,26 @@ import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var PlaceholderGraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      width = props.width,
-      _props$height = props.height,
-      height = _props$height === void 0 ? 200 : _props$height,
-      style = props.style,
-      active = props.active,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "width", "height", "style", "active", "classPrefix"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    width = props.width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 200 : _props$height,
+    style = props.style,
+    active = props.active,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "width", "height", "style", "active", "classPrefix"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix('graph', {
     active: active
   }));
-
   var styles = _extends({
     width: width || '100%',
     height: height
   }, style);
-
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes,

package/esm/Placeholder/PlaceholderGrid.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -6,44 +7,38 @@ import classNames from 'classnames';
 import { useClassNames } from '../utils';
 var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-      _props$rows = props.rows,
-      rows = _props$rows === void 0 ? 5 : _props$rows,
-      _props$columns = props.columns,
-      columns = _props$columns === void 0 ? 5 : _props$columns,
-      _props$rowHeight = props.rowHeight,
-      rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
-      _props$rowMargin = props.rowMargin,
-      rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
-      active = props.active,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "active"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 5 : _props$rows,
+    _props$columns = props.columns,
+    columns = _props$columns === void 0 ? 5 : _props$columns,
+    _props$rowHeight = props.rowHeight,
+    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
+    _props$rowMargin = props.rowMargin,
+    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
+    active = props.active,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "rows", "columns", "rowHeight", "rowMargin", "active"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix('grid', {
     active: active
   }));
   var colItems = [];
   var firstRowItemWidth = Math.random() * 30 + 30;
   var itemWidth = firstRowItemWidth / 2;
-
   for (var i = 0; i < columns; i++) {
     var rowItems = [];
-
     for (var j = 0; j < rows; j++) {
       var widthPercent = Math.random() * 50 + 10; // when first column
-
       if (i > 0) {
         // when other columns
         widthPercent = j > 0 ? itemWidth : firstRowItemWidth;
       }
-
       rowItems.push( /*#__PURE__*/React.createElement("p", {
         key: j,
         style: {
@@ -53,13 +48,11 @@ var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }
       }));
     }
-
     colItems.push( /*#__PURE__*/React.createElement("div", {
       key: i,
       className: classNames(prefix('grid-col'))
     }, rowItems));
   }
-
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes

package/esm/Placeholder/PlaceholderParagraph.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo } from 'react';
@@ -5,29 +6,26 @@ import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var PlaceholderParagraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$rows = props.rows,
-      rows = _props$rows === void 0 ? 2 : _props$rows,
-      _props$rowHeight = props.rowHeight,
-      rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
-      _props$rowMargin = props.rowMargin,
-      rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
-      graph = props.graph,
-      active = props.active,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "rows", "rowHeight", "rowMargin", "graph", "active", "classPrefix"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 2 : _props$rows,
+    _props$rowHeight = props.rowHeight,
+    rowHeight = _props$rowHeight === void 0 ? 10 : _props$rowHeight,
+    _props$rowMargin = props.rowMargin,
+    rowMargin = _props$rowMargin === void 0 ? 20 : _props$rowMargin,
+    graph = props.graph,
+    active = props.active,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "rows", "rowHeight", "rowMargin", "graph", "active", "classPrefix"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var graphShape = graph === true ? 'square' : graph;
   var rowElements = useMemo(function () {
     var rowArr = [];
-
     for (var i = 0; i < rows; i++) {
       var styles = {
         width: Math.random() * 75 + 25 + "%",
@@ -39,7 +37,6 @@ var PlaceholderParagraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
         style: styles
       }));
     }
-
     return rowArr;
   }, [rowHeight, rowMargin, rows]);
   var classes = merge(className, withClassPrefix('paragraph', {

package/esm/Placeholder/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Placeholder from './Placeholder';
 export default Placeholder;

package/esm/Plaintext/Plaintext.js

@@ -1,31 +1,28 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import { useClassNames, useCustom } from '../utils';
-
 /**
  *  Make the component display in plain text, and display default characters when there is no children.
  */
 var Plaintext = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCustom = useCustom('Plaintext'),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'plaintext' : _props$classPrefix,
-      className = props.className,
-      children = props.children,
-      _props$localeKey = props.localeKey,
-      localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "localeKey", "placeholder"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'plaintext' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    _props$localeKey = props.localeKey,
+    localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "localeKey", "placeholder"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
     empty: !children
   }));

package/esm/Plaintext/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Plaintext from './Plaintext';
 export default Plaintext;

package/esm/Popover/Popover.js

@@ -1,41 +1,36 @@
+'use client';
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var Popover = /*#__PURE__*/React.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 ? 'popover' : _props$classPrefix,
-      title = props.title,
-      children = props.children,
-      style = props.style,
-      visible = props.visible,
-      className = props.className,
-      full = props.full,
-      _props$arrow = props.arrow,
-      arrow = _props$arrow === void 0 ? true : _props$arrow,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "title", "children", "style", "visible", "className", "full", "arrow"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'popover' : _props$classPrefix,
+    title = props.title,
+    children = props.children,
+    style = props.style,
+    visible = props.visible,
+    className = props.className,
+    full = props.full,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? true : _props$arrow,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "title", "children", "style", "visible", "className", "full", "arrow"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix({
     full: full
   }));
-
   var styles = _extends({
     display: 'block',
     opacity: visible ? 1 : undefined
   }, style);
-
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "dialog"
   }, rest, {

package/esm/Popover/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Popover from './Popover';
 export default Popover;

package/esm/Progress/Progress.js

@@ -1,3 +1,4 @@
+'use client';
 import ProgressCircle from './ProgressCircle';
 import ProgressLine from './ProgressLine';
 var Progress = ProgressLine;

package/esm/Progress/ProgressCircle.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -5,39 +6,36 @@ import PropTypes from 'prop-types';
 import { useClassNames, PROGRESS_STATUS_ICON } from '../utils';
 var ProgressCircle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix;
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$strokeWidth = props.strokeWidth,
-      strokeWidth = _props$strokeWidth === void 0 ? 6 : _props$strokeWidth,
-      _props$trailWidth = props.trailWidth,
-      trailWidth = _props$trailWidth === void 0 ? 6 : _props$trailWidth,
-      _props$percent = props.percent,
-      percent = _props$percent === void 0 ? 0 : _props$percent,
-      _props$strokeLinecap = props.strokeLinecap,
-      strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
-      className = props.className,
-      _props$showInfo = props.showInfo,
-      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
-      status = props.status,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
-      style = props.style,
-      _props$gapDegree = props.gapDegree,
-      gapDegree = _props$gapDegree === void 0 ? 0 : _props$gapDegree,
-      _props$gapPosition = props.gapPosition,
-      gapPosition = _props$gapPosition === void 0 ? 'top' : _props$gapPosition,
-      trailColor = props.trailColor,
-      strokeColor = props.strokeColor,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "strokeWidth", "trailWidth", "percent", "strokeLinecap", "className", "showInfo", "status", "classPrefix", "style", "gapDegree", "gapPosition", "trailColor", "strokeColor"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$strokeWidth = props.strokeWidth,
+    strokeWidth = _props$strokeWidth === void 0 ? 6 : _props$strokeWidth,
+    _props$trailWidth = props.trailWidth,
+    trailWidth = _props$trailWidth === void 0 ? 6 : _props$trailWidth,
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 0 : _props$percent,
+    _props$strokeLinecap = props.strokeLinecap,
+    strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
+    className = props.className,
+    _props$showInfo = props.showInfo,
+    showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+    status = props.status,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
+    style = props.style,
+    _props$gapDegree = props.gapDegree,
+    gapDegree = _props$gapDegree === void 0 ? 0 : _props$gapDegree,
+    _props$gapPosition = props.gapPosition,
+    gapPosition = _props$gapPosition === void 0 ? 'top' : _props$gapPosition,
+    trailColor = props.trailColor,
+    strokeColor = props.strokeColor,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "strokeWidth", "trailWidth", "percent", "strokeLinecap", "className", "showInfo", "status", "classPrefix", "style", "gapDegree", "gapPosition", "trailColor", "strokeColor"]);
   var getPathStyles = useCallback(function () {
     var radius = 50 - strokeWidth / 2;
     var x1 = 0;
     var y1 = -radius;
     var x2 = 0;
     var y2 = -2 * radius;
-
     switch (gapPosition) {
       case 'left':
         x1 = -radius;
@@ -45,22 +43,18 @@ var ProgressCircle = /*#__PURE__*/React.forwardRef(function (props, ref) {
         x2 = 2 * radius;
         y2 = 0;
         break;
-
       case 'right':
         x1 = radius;
         y1 = 0;
         x2 = -2 * radius;
         y2 = 0;
         break;
-
       case 'bottom':
         y1 = radius;
         y2 = 2 * radius;
         break;
-
       default:
     }
-
     var pathString = "M 50,50 m " + x1 + "," + y1 + " a " + radius + "," + radius + " 0 1 1 " + x2 + "," + -y2 + " a " + radius + "," + radius + " 0 1 1 " + -x2 + "," + y2;
     var len = Math.PI * 2 * radius;
     var trailPathStyle = {
@@ -79,17 +73,14 @@ var ProgressCircle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       strokePathStyle: strokePathStyle
     };
   }, [gapDegree, gapPosition, percent, strokeColor, strokeWidth, trailColor]);
-
   var _getPathStyles = getPathStyles(),
-      pathString = _getPathStyles.pathString,
-      trailPathStyle = _getPathStyles.trailPathStyle,
-      strokePathStyle = _getPathStyles.strokePathStyle;
-
+    pathString = _getPathStyles.pathString,
+    trailPathStyle = _getPathStyles.trailPathStyle,
+    strokePathStyle = _getPathStyles.strokePathStyle;
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix('circle', (_withClassPrefix = {}, _withClassPrefix["circle-" + (status || '')] = !!status, _withClassPrefix)));
   var showIcon = status && status !== 'active';
   var info = showIcon ? /*#__PURE__*/React.createElement("span", {

package/esm/Progress/ProgressLine.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,29 +6,26 @@ import PropTypes from 'prop-types';
 import { useClassNames, PROGRESS_STATUS_ICON } from '../utils';
 var ProgressLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _lineInnerStyle, _percentStyle, _withClassPrefix;
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$percent = props.percent,
-      percent = _props$percent === void 0 ? 0 : _props$percent,
-      strokeColor = props.strokeColor,
-      strokeWidth = props.strokeWidth,
-      trailColor = props.trailColor,
-      trailWidth = props.trailWidth,
-      status = props.status,
-      _props$showInfo = props.showInfo,
-      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
-      vertical = props.vertical,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "percent", "strokeColor", "strokeWidth", "trailColor", "trailWidth", "status", "showInfo", "classPrefix", "vertical"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 0 : _props$percent,
+    strokeColor = props.strokeColor,
+    strokeWidth = props.strokeWidth,
+    trailColor = props.trailColor,
+    trailWidth = props.trailWidth,
+    status = props.status,
+    _props$showInfo = props.showInfo,
+    showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
+    vertical = props.vertical,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "percent", "strokeColor", "strokeWidth", "trailColor", "trailWidth", "status", "showInfo", "classPrefix", "vertical"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var lineInnerStyle = (_lineInnerStyle = {
     backgroundColor: trailColor
   }, _lineInnerStyle[vertical ? 'width' : 'height'] = trailWidth || strokeWidth, _lineInnerStyle);

package/esm/Progress/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Progress from './Progress';
 export default Progress;

package/esm/Radio/Radio.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext } from 'react';
@@ -6,77 +7,68 @@ import { RadioContext } from '../RadioGroup/RadioGroup';
 import { useClassNames, useControlled, partitionHTMLProps, TypeChecker } from '../utils';
 var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(RadioContext),
-      groupValue = _useContext.value,
-      controlled = _useContext.controlled,
-      inlineContext = _useContext.inline,
-      nameContext = _useContext.name,
-      disabledContext = _useContext.disabled,
-      readOnlyContext = _useContext.readOnly,
-      plaintextContext = _useContext.plaintext,
-      onGroupChange = _useContext.onChange;
-
+    groupValue = _useContext.value,
+    controlled = _useContext.controlled,
+    inlineContext = _useContext.inline,
+    nameContext = _useContext.name,
+    disabledContext = _useContext.disabled,
+    readOnlyContext = _useContext.readOnly,
+    plaintextContext = _useContext.plaintext,
+    onGroupChange = _useContext.onChange;
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      title = props.title,
-      className = props.className,
-      children = props.children,
-      checkedProp = props.checked,
-      defaultChecked = props.defaultChecked,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'radio' : _props$classPrefix,
-      _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      inputRef = props.inputRef,
-      inputProps = props.inputProps,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,
-      _props$plaintext = props.plaintext,
-      plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,
-      _props$inline = props.inline,
-      inline = _props$inline === void 0 ? inlineContext : _props$inline,
-      _props$name = props.name,
-      name = _props$name === void 0 ? nameContext : _props$name,
-      value = props.value,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "title", "className", "children", "checked", "defaultChecked", "classPrefix", "tabIndex", "inputRef", "inputProps", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onChange", "onClick"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    title = props.title,
+    className = props.className,
+    children = props.children,
+    checkedProp = props.checked,
+    defaultChecked = props.defaultChecked,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'radio' : _props$classPrefix,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    inputRef = props.inputRef,
+    inputProps = props.inputProps,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? readOnlyContext : _props$readOnly,
+    _props$plaintext = props.plaintext,
+    plaintext = _props$plaintext === void 0 ? plaintextContext : _props$plaintext,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? inlineContext : _props$inline,
+    _props$name = props.name,
+    name = _props$name === void 0 ? nameContext : _props$name,
+    value = props.value,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "title", "className", "children", "checked", "defaultChecked", "classPrefix", "tabIndex", "inputRef", "inputProps", "disabled", "readOnly", "plaintext", "inline", "name", "value", "onChange", "onClick"]);
   var _useControlled = useControlled(typeof groupValue !== 'undefined' ? groupValue === value : checkedProp, defaultChecked || false),
-      checked = _useControlled[0],
-      setChecked = _useControlled[1];
-
+    checked = _useControlled[0],
+    setChecked = _useControlled[1];
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix({
     inline: inline,
     disabled: disabled,
     checked: checked
   }));
-
   var _partitionHTMLProps = partitionHTMLProps(rest),
-      htmlInputProps = _partitionHTMLProps[0],
-      restProps = _partitionHTMLProps[1];
-
+    htmlInputProps = _partitionHTMLProps[0],
+    restProps = _partitionHTMLProps[1];
   var handleChange = useCallback(function (event) {
     if (disabled || readOnly) {
       return;
     }
-
     setChecked(true);
     onGroupChange === null || onGroupChange === void 0 ? void 0 : onGroupChange(value, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, true, event);
   }, [disabled, onChange, onGroupChange, readOnly, setChecked, value]);
-
   if (typeof controlled !== 'undefined') {
     // In uncontrolled situations, use defaultChecked instead of checked
     htmlInputProps[controlled ? 'checked' : 'defaultChecked'] = checked;
   }
-
   var input = /*#__PURE__*/React.createElement("span", {
     className: prefix('wrapper')
   }, /*#__PURE__*/React.createElement("input", _extends({}, htmlInputProps, inputProps, {
@@ -94,14 +86,12 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: prefix('inner'),
     "aria-hidden": true
   }));
-
   if (plaintext) {
     return checked ? /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
       ref: ref,
       className: classes
     }), children) : null;
   }
-
   return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
     ref: ref,
     onClick: onClick,

package/esm/Radio/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Radio from './Radio';
 export default Radio;