rsuite 5.73.0 → 5.74.0-beta.0

package/esm/PanelGroup/PanelGroup.js

@@ -5,6 +5,7 @@ var _excluded = ["as", "accordion", "defaultActiveKey", "bordered", "className",
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 export var PanelGroupContext = /*#__PURE__*/React.createContext({});
 
 /**
@@ -12,18 +13,20 @@ export var PanelGroupContext = /*#__PURE__*/React.createContext({});
  * @see https://rsuitejs.com/components/panel
  */
 var PanelGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    accordion = props.accordion,
-    defaultActiveKey = props.defaultActiveKey,
-    bordered = props.bordered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
-    children = props.children,
-    activeProp = props.activeKey,
-    onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('PanelGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    accordion = propsWithDefaults.accordion,
+    defaultActiveKey = propsWithDefaults.defaultActiveKey,
+    bordered = propsWithDefaults.bordered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'panel-group' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    activeProp = propsWithDefaults.activeKey,
+    onSelect = propsWithDefaults.onSelect,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/Placeholder/PlaceholderGraph.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderGraphProps extends WithAsProps {
     /**
      * The height of the graph.

package/esm/Placeholder/PlaceholderGraph.js

@@ -5,22 +5,25 @@ var _excluded = ["as", "className", "width", "height", "style", "active", "class
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Placeholder.Graph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
 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, _excluded);
+  var _useCustom = useCustom('PlaceholderGraph', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    width = propsWithDefaults.width,
+    _propsWithDefaults$he = propsWithDefaults.height,
+    height = _propsWithDefaults$he === void 0 ? 200 : _propsWithDefaults$he,
+    style = propsWithDefaults.style,
+    active = propsWithDefaults.active,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'placeholder' : _propsWithDefaults$cl,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/Placeholder/PlaceholderGrid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderGridProps extends WithAsProps {
     /**
      * The number of rows.

package/esm/Placeholder/PlaceholderGrid.js

@@ -8,28 +8,31 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Placeholder.Grid` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
 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,
-    _props$rowSpacing = props.rowSpacing,
-    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,
-    active = props.active,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('PlaceholderGrid', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'placeholder' : _propsWithDefaults$cl,
+    _propsWithDefaults$ro = propsWithDefaults.rows,
+    rows = _propsWithDefaults$ro === void 0 ? 5 : _propsWithDefaults$ro,
+    _propsWithDefaults$co = propsWithDefaults.columns,
+    columns = _propsWithDefaults$co === void 0 ? 5 : _propsWithDefaults$co,
+    _propsWithDefaults$ro2 = propsWithDefaults.rowHeight,
+    rowHeight = _propsWithDefaults$ro2 === void 0 ? 10 : _propsWithDefaults$ro2,
+    _propsWithDefaults$ro3 = propsWithDefaults.rowMargin,
+    rowMargin = _propsWithDefaults$ro3 === void 0 ? 20 : _propsWithDefaults$ro3,
+    _propsWithDefaults$ro4 = propsWithDefaults.rowSpacing,
+    rowSpacing = _propsWithDefaults$ro4 === void 0 ? rowMargin : _propsWithDefaults$ro4,
+    active = propsWithDefaults.active,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/Placeholder/PlaceholderParagraph.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PlaceholderParagraphProps extends WithAsProps {
     /**
      * The number of rows.

package/esm/Placeholder/PlaceholderParagraph.js

@@ -7,28 +7,31 @@ var _excluded = ["as", "className", "rows", "rowHeight", "rowMargin", "rowSpacin
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 /**
  * The `Placeholder.Paragraph` component is used to display the loading state of the block.
  * @see https://rsuitejs.com/components/placeholder
  */
 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,
-    _props$rowSpacing = props.rowSpacing,
-    rowSpacing = _props$rowSpacing === void 0 ? rowMargin : _props$rowSpacing,
-    graph = props.graph,
-    active = props.active,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('PlaceholderParagraph', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$ro = propsWithDefaults.rows,
+    rows = _propsWithDefaults$ro === void 0 ? 2 : _propsWithDefaults$ro,
+    _propsWithDefaults$ro2 = propsWithDefaults.rowHeight,
+    rowHeight = _propsWithDefaults$ro2 === void 0 ? 10 : _propsWithDefaults$ro2,
+    _propsWithDefaults$ro3 = propsWithDefaults.rowMargin,
+    rowMargin = _propsWithDefaults$ro3 === void 0 ? 20 : _propsWithDefaults$ro3,
+    _propsWithDefaults$ro4 = propsWithDefaults.rowSpacing,
+    rowSpacing = _propsWithDefaults$ro4 === void 0 ? rowMargin : _propsWithDefaults$ro4,
+    graph = propsWithDefaults.graph,
+    active = propsWithDefaults.active,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'placeholder' : _propsWithDefaults$cl,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface PopoverProps extends WithAsProps {
     /** The title of the component. */
     title?: React.ReactNode;

package/esm/Popover/Popover.js

@@ -6,26 +6,29 @@ var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["as", "classPrefix", "title", "children", "style", "visible", "className", "full", "arrow"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from "../internals/hooks/index.js";
 import Heading from "../Heading/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Popover` component is used to display a popup window for a target component.
  * @see https://rsuitejs.com/components/popover
  */
 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, _excluded);
+  var _useCustom = useCustom('Popover', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'popover' : _propsWithDefaults$cl,
+    title = propsWithDefaults.title,
+    children = propsWithDefaults.children,
+    style = propsWithDefaults.style,
+    visible = propsWithDefaults.visible,
+    className = propsWithDefaults.className,
+    full = propsWithDefaults.full,
+    _propsWithDefaults$ar = propsWithDefaults.arrow,
+    arrow = _propsWithDefaults$ar === void 0 ? true : _propsWithDefaults$ar,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,

package/esm/Progress/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ProgressCircleProps extends WithAsProps {
     /** Line color */
     strokeColor?: string;

package/esm/Progress/ProgressCircle.js

@@ -7,36 +7,39 @@ import PropTypes from 'prop-types';
 import { PROGRESS_STATUS_ICON } from "../internals/constants/statusIcons.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Progress.Circle` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#circle
  */
 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, _excluded);
+  var _useCustom = useCustom('ProgressCircle', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$st = propsWithDefaults.strokeWidth,
+    strokeWidth = _propsWithDefaults$st === void 0 ? 6 : _propsWithDefaults$st,
+    _propsWithDefaults$tr = propsWithDefaults.trailWidth,
+    trailWidth = _propsWithDefaults$tr === void 0 ? 6 : _propsWithDefaults$tr,
+    _propsWithDefaults$pe = propsWithDefaults.percent,
+    percent = _propsWithDefaults$pe === void 0 ? 0 : _propsWithDefaults$pe,
+    _propsWithDefaults$st2 = propsWithDefaults.strokeLinecap,
+    strokeLinecap = _propsWithDefaults$st2 === void 0 ? 'round' : _propsWithDefaults$st2,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$sh = propsWithDefaults.showInfo,
+    showInfo = _propsWithDefaults$sh === void 0 ? true : _propsWithDefaults$sh,
+    status = propsWithDefaults.status,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'progress' : _propsWithDefaults$cl,
+    style = propsWithDefaults.style,
+    _propsWithDefaults$ga = propsWithDefaults.gapDegree,
+    gapDegree = _propsWithDefaults$ga === void 0 ? 0 : _propsWithDefaults$ga,
+    _propsWithDefaults$ga2 = propsWithDefaults.gapPosition,
+    gapPosition = _propsWithDefaults$ga2 === void 0 ? 'top' : _propsWithDefaults$ga2,
+    trailColor = propsWithDefaults.trailColor,
+    strokeColor = propsWithDefaults.strokeColor,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var getPathStyles = useCallback(function () {
     var radius = 50 - strokeWidth / 2;
     var x1 = 0;

package/esm/Progress/ProgressLine.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface ProgressLineProps extends WithAsProps {
     /** Line color */
     strokeColor?: string;

package/esm/Progress/ProgressLine.js

@@ -7,28 +7,31 @@ import PropTypes from 'prop-types';
 import { PROGRESS_STATUS_ICON } from "../internals/constants/statusIcons.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Progress.Line` component is used to display the progress of current operation.
  * @see https://rsuitejs.com/components/progress/#line
  */
 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, _excluded);
+  var _useCustom = useCustom('ProgressLine', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$pe = propsWithDefaults.percent,
+    percent = _propsWithDefaults$pe === void 0 ? 0 : _propsWithDefaults$pe,
+    strokeColor = propsWithDefaults.strokeColor,
+    strokeWidth = propsWithDefaults.strokeWidth,
+    trailColor = propsWithDefaults.trailColor,
+    trailWidth = propsWithDefaults.trailWidth,
+    status = propsWithDefaults.status,
+    _propsWithDefaults$sh = propsWithDefaults.showInfo,
+    showInfo = _propsWithDefaults$sh === void 0 ? true : _propsWithDefaults$sh,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'progress' : _propsWithDefaults$cl,
+    vertical = propsWithDefaults.vertical,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,

package/esm/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes } from '../internals/types';
+import type { WithAsProps, TypeAttributes } from '../internals/types';
 export type ValueType = string | number;
 export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**

package/esm/Radio/Radio.js

@@ -10,12 +10,15 @@ import { RadioContext } from "../RadioGroup/RadioGroup.js";
 import { useClassNames, useControlled, useEventCallback, useUniqueId } from "../internals/hooks/index.js";
 import { partitionHTMLProps } from "../internals/utils/index.js";
 import { refType } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Radio` component is a simple radio button.
  * @see https://rsuitejs.com/components/radio
  */
 var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var radioContext = useContext(RadioContext);
+  var _useCustom = useCustom('Radio', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
   var _ref = radioContext !== null && radioContext !== void 0 ? radioContext : {},
     groupValue = _ref.value,
     inlineContext = _ref.inline,
@@ -24,34 +27,34 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
     readOnlyContext = _ref.readOnly,
     plaintextContext = _ref.plaintext,
     onGroupChange = _ref.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,
-    color = props.color,
-    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, _excluded);
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    title = propsWithDefaults.title,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    checkedProp = propsWithDefaults.checked,
+    color = propsWithDefaults.color,
+    defaultChecked = propsWithDefaults.defaultChecked,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'radio' : _propsWithDefaults$cl,
+    _propsWithDefaults$ta = propsWithDefaults.tabIndex,
+    tabIndex = _propsWithDefaults$ta === void 0 ? 0 : _propsWithDefaults$ta,
+    inputRef = propsWithDefaults.inputRef,
+    inputProps = propsWithDefaults.inputProps,
+    _propsWithDefaults$di = propsWithDefaults.disabled,
+    disabled = _propsWithDefaults$di === void 0 ? disabledContext : _propsWithDefaults$di,
+    _propsWithDefaults$re = propsWithDefaults.readOnly,
+    readOnly = _propsWithDefaults$re === void 0 ? readOnlyContext : _propsWithDefaults$re,
+    _propsWithDefaults$pl = propsWithDefaults.plaintext,
+    plaintext = _propsWithDefaults$pl === void 0 ? plaintextContext : _propsWithDefaults$pl,
+    _propsWithDefaults$in = propsWithDefaults.inline,
+    inline = _propsWithDefaults$in === void 0 ? inlineContext : _propsWithDefaults$in,
+    _propsWithDefaults$na = propsWithDefaults.name,
+    name = _propsWithDefaults$na === void 0 ? nameContext : _propsWithDefaults$na,
+    value = propsWithDefaults.value,
+    onChange = propsWithDefaults.onChange,
+    onClick = propsWithDefaults.onClick,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useControlled = useControlled(typeof groupValue !== 'undefined' ? groupValue === value : checkedProp, defaultChecked || false),
     checked = _useControlled[0],
     setChecked = _useControlled[1],

package/esm/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../internals/types';
-import { ValueType } from '../Radio';
+import type { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../internals/types';
+import type { ValueType } from '../Radio';
 export interface RadioContextProps {
     inline?: boolean;
     name?: string;

package/esm/RadioGroup/RadioGroup.js

@@ -4,9 +4,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "className", "inline", "children", "classPrefix", "value", "defaultValue", "appearance", "name", "plaintext", "disabled", "readOnly", "onChange"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
+import Plaintext from "../internals/Plaintext/index.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
-import Plaintext from "../internals/Plaintext/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 export var RadioContext = /*#__PURE__*/React.createContext(void 0);
 
 /**
@@ -14,23 +15,25 @@ export var RadioContext = /*#__PURE__*/React.createContext(void 0);
  * @see https://rsuitejs.com/components/radio/#radio-group
  */
 var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    inline = props.inline,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,
-    valueProp = props.value,
-    defaultValue = props.defaultValue,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    name = props.name,
-    plaintext = props.plaintext,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('RadioGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    inline = propsWithDefaults.inline,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'radio-group' : _propsWithDefaults$cl,
+    valueProp = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    name = propsWithDefaults.name,
+    plaintext = propsWithDefaults.plaintext,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    onChange = propsWithDefaults.onChange,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/RadioTile/RadioTile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export type ValueType = string | number;
 export interface RadioTileProps<T = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Additional description, if needed*/