rsuite 5.46.1 → 5.48.0

package/cjs/Notification/Notification.js

@@ -14,6 +14,11 @@ var _utils = require("../utils");
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _ToastContext = _interopRequireDefault(require("../toaster/ToastContext"));
 var _templateObject, _templateObject2;
+/**
+ * The `Notification` component is used to display global messages and notifications.
+ *
+ * @see https://rsuitejs.com/components/notification
+ */
 var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/Overlay/Overlay.d.ts

@@ -38,5 +38,9 @@ export declare const overlayPropTypes: {
     onExiting: PropTypes.Requireable<(...args: any[]) => any>;
     onExited: PropTypes.Requireable<(...args: any[]) => any>;
 };
+/**
+ * Overlay is a powerful component that helps you create floating components.
+ * @private
+ */
 declare const Overlay: React.ForwardRefExoticComponent<OverlayProps & React.RefAttributes<unknown>>;
 export default Overlay;

package/cjs/Overlay/Overlay.js

@@ -33,6 +33,11 @@ var overlayPropTypes = {
   onExiting: _propTypes.default.func,
   onExited: _propTypes.default.func
 };
+
+/**
+ * Overlay is a powerful component that helps you create floating components.
+ * @private
+ */
 exports.overlayPropTypes = overlayPropTypes;
 var Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_OverlayContext.default),

package/cjs/Overlay/OverlayTrigger.d.ts

@@ -78,5 +78,9 @@ export interface OverlayTriggerHandle {
     open: (delay?: number) => void;
     close: (delay?: number) => void;
 }
+/**
+ * OverlayTrigger is used to display floating elements on another component.
+ * @private
+ */
 declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<OverlayTriggerHandle>>;
 export default OverlayTrigger;

package/cjs/Overlay/OverlayTrigger.js

@@ -58,6 +58,11 @@ function onMouseEventHandler(handler, event, delay) {
   }
 }
 var defaultTrigger = ['hover', 'focus'];
+
+/**
+ * OverlayTrigger is used to display floating elements on another component.
+ * @private
+ */
 var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_OverlayContext.default),
     overlayContainer = _useContext.overlayContainer;
@@ -188,17 +193,6 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       handleClose();
     }
   }, [handleClose]);
-
-  /**
-   * Toggle open and closed state.
-   */
-  var handleOpenState = (0, _react.useCallback)(function () {
-    if (open) {
-      handleCloseWhenLeave();
-    } else {
-      handleOpen();
-    }
-  }, [open, handleCloseWhenLeave, handleOpen]);
   var handleDelayedOpen = (0, _react.useCallback)(function () {
     mouseEnter.current = true;
     if (!enterable) {
@@ -215,6 +209,17 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     }
     handleOpen();
   }, [enterable, open, handleOpen]);
+
+  /**
+   * Toggle open and closed state.
+   */
+  var handleOpenState = (0, _react.useCallback)(function () {
+    if (open) {
+      handleCloseWhenLeave();
+    } else {
+      handleDelayedOpen();
+    }
+  }, [open, handleCloseWhenLeave, handleDelayedOpen]);
   var handleDelayedClose = (0, _react.useCallback)(function () {
     mouseEnter.current = false;
     if (!enterable) {

package/cjs/Overlay/Position.d.ts

@@ -22,5 +22,9 @@ export interface PositionInstance {
     updatePosition?: () => void;
     child?: Element;
 }
+/**
+ * The `Position` component calculates the position of the child element.
+ * @private
+ */
 declare const Position: React.ForwardRefExoticComponent<PositionProps & React.RefAttributes<unknown>>;
 export default Position;

package/cjs/Overlay/Position.js

@@ -126,6 +126,10 @@ var usePosition = function usePosition(props, ref) {
   }, [updatePosition, placement]);
   return [position, updatePosition];
 };
+/**
+ * The `Position` component calculates the position of the child element.
+ * @private
+ */
 var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,

package/cjs/Pagination/Pagination.d.ts

@@ -33,5 +33,10 @@ export interface PaginationProps extends WithAsProps {
     /** callback function for pagination clicked */
     onSelect?: (eventKey: string | number, event: React.MouseEvent) => void;
 }
+/**
+ * Pagination component for displaying page numbers.
+ *
+ * @see https://rsuitejs.com/components/pagination
+ */
 declare const Pagination: RsRefForwardingComponent<'div', PaginationProps>;
 export default Pagination;

package/cjs/Pagination/Pagination.js

@@ -25,6 +25,11 @@ var PAGINATION_ICONS = {
   first: /*#__PURE__*/_react.default.createElement(_PageTop.default, null),
   last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, null)
 };
+/**
+ * Pagination component for displaying page numbers.
+ *
+ * @see https://rsuitejs.com/components/pagination
+ */
 var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/Panel/Panel.d.ts

@@ -26,5 +26,9 @@ export interface PanelProps<T = string | number> extends WithAsProps, AnimationE
     /** callback function for the panel clicked */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
+/**
+ * The `Panel` component is used to display content that can be collapsed.
+ * @see https://rsuitejs.com/components/panel
+ */
 declare const Panel: RsRefForwardingComponent<'div', PanelProps>;
 export default Panel;

package/cjs/Panel/Panel.js

@@ -14,6 +14,10 @@ var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"
 var _Collapse = _interopRequireDefault(require("../Animation/Collapse"));
 var _utils = require("../utils");
 var _PanelGroup = require("../PanelGroup");
+/**
+ * The `Panel` component is used to display content that can be collapsed.
+ * @see https://rsuitejs.com/components/panel
+ */
 var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/PanelGroup/PanelGroup.d.ts

@@ -21,5 +21,9 @@ interface PanelGroupContext {
     onGroupSelect?: (activeKey: KeyType | undefined, event: React.MouseEvent) => void;
 }
 export declare const PanelGroupContext: React.Context<PanelGroupContext>;
+/**
+ * The `PanelGroup` component is used to display content that can be collapsed.
+ * @see https://rsuitejs.com/components/panel
+ */
 declare const PanelGroup: React.ForwardRefExoticComponent<PanelGroupProps<KeyType> & React.RefAttributes<unknown>>;
 export default PanelGroup;

package/cjs/PanelGroup/PanelGroup.js

@@ -11,6 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var PanelGroupContext = /*#__PURE__*/_react.default.createContext({});
+
+/**
+ * The `PanelGroup` component is used to display content that can be collapsed.
+ * @see https://rsuitejs.com/components/panel
+ */
 exports.PanelGroupContext = PanelGroupContext;
 var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,

package/cjs/Picker/DropdownMenu.d.ts

@@ -17,6 +17,7 @@ export interface DropdownMenuProps<Multiple = false> extends StandardProps, Omit
     style?: React.CSSProperties;
     dropdownMenuItemAs: React.ElementType | string;
     dropdownMenuItemClassPrefix?: string;
+    dropdownMenuItemProps?: any;
     rowHeight?: number;
     rowGroupHeight?: number;
     virtualized?: boolean;

package/cjs/Picker/DropdownMenu.js

@@ -14,6 +14,7 @@ var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isString = _interopRequireDefault(require("lodash/isString"));
 var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
 var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
+var _pickBy = _interopRequireDefault(require("lodash/pickBy"));
 var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
@@ -49,6 +50,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     focusItemValue = props.focusItemValue,
     dropdownMenuItemClassPrefix = props.dropdownMenuItemClassPrefix,
     DropdownMenuItem = props.dropdownMenuItemAs,
+    dropdownMenuItemProps = props.dropdownMenuItemProps,
     _props$rowHeight = props.rowHeight,
     rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
     _props$rowGroupHeight = props.rowGroupHeight,
@@ -57,7 +59,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     renderMenuItem = props.renderMenuItem,
     onGroupTitleClick = props.onGroupTitleClick,
     onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "group", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "dropdownMenuItemClassPrefix", "dropdownMenuItemAs", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "group", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "dropdownMenuItemClassPrefix", "dropdownMenuItemAs", "dropdownMenuItemProps", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
@@ -155,7 +157,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       return (0, _shallowEqual.default)(v, value);
     });
     var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _shallowEqual.default)(focusItemValue, value);
-    return /*#__PURE__*/_react.default.createElement(DropdownMenuItem, {
+    return /*#__PURE__*/_react.default.createElement(DropdownMenuItem, (0, _extends2.default)({
       style: style,
       key: itemKey,
       disabled: disabled,
@@ -164,7 +166,9 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       value: value,
       classPrefix: dropdownMenuItemClassPrefix,
       onSelect: handleSelect.bind(null, item)
-    }, renderMenuItem ? renderMenuItem(label, item) : label);
+    }, (0, _pickBy.default)(dropdownMenuItemProps, function (v) {
+      return v !== undefined;
+    })), renderMenuItem ? renderMenuItem(label, item) : label);
   };
   var filteredItems = group ? data.filter(function (item) {
     var _item$parent;

package/cjs/Picker/DropdownMenuCheckItem.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { CheckboxProps } from '../Checkbox';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface DropdownMenuCheckItemProps extends WithAsProps {
     active?: boolean;
@@ -16,6 +17,7 @@ export interface DropdownMenuCheckItemProps extends WithAsProps {
     onCheck?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
     onSelectItem?: (value: any, event: React.SyntheticEvent, checked: boolean) => void;
     onKeyDown?: (event: React.KeyboardEvent) => void;
+    renderMenuItemCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
 }
 declare const DropdownMenuCheckItem: RsRefForwardingComponent<'div', DropdownMenuCheckItemProps>;
 export default DropdownMenuCheckItem;

package/cjs/Picker/DropdownMenuCheckItem.js

@@ -32,7 +32,8 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
     onSelect = props.onSelect,
     onCheck = props.onCheck,
     onSelectItem = props.onSelectItem,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem"]);
+    renderMenuItemCheckbox = props.renderMenuItemCheckbox,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderMenuItemCheckbox"]);
   var handleChange = (0, _react.useCallback)(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
   }, [onSelect]);
@@ -51,6 +52,19 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
   var checkboxItemClasses = withClassPrefix({
     focus: focus
   });
+  var checkboxProps = {
+    value: value,
+    disabled: disabled,
+    indeterminate: indeterminate,
+    checkable: checkable,
+    children: children,
+    checked: active,
+    className: checkboxItemClasses,
+    onKeyDown: disabled ? undefined : onKeyDown,
+    onChange: handleChange,
+    onClick: handleSelectItem,
+    onCheckboxClick: handleCheck
+  };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "option",
     "aria-selected": active,
@@ -60,19 +74,9 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
     ref: ref,
     className: className,
     tabIndex: -1
-  }), /*#__PURE__*/_react.default.createElement(CheckboxItem, {
-    value: value,
-    role: "checkbox",
-    disabled: disabled,
-    checked: active,
-    checkable: checkable,
-    indeterminate: indeterminate,
-    className: checkboxItemClasses,
-    onKeyDown: disabled ? null : onKeyDown,
-    onChange: handleChange,
-    onClick: handleSelectItem,
-    onCheckboxClick: handleCheck
-  }, children));
+  }), renderMenuItemCheckbox ? renderMenuItemCheckbox(checkboxProps) : /*#__PURE__*/_react.default.createElement(CheckboxItem, (0, _extends2.default)({
+    role: "checkbox"
+  }, checkboxProps)));
 });
 DropdownMenuCheckItem.displayName = 'DropdownMenuCheckItem';
 DropdownMenuCheckItem.propTypes = {

package/cjs/Picker/PickerToggle.js

@@ -64,6 +64,8 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     label = props.label,
     name = props.name,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "loading", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBackspace", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label", "name"]);
+  var _useCustom = (0, _utils.useCustom)(),
+    locale = _useCustom.locale;
   var inputRef = (0, _react.useRef)(null);
   var comboboxRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(false),
@@ -224,7 +226,7 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["clean"]))),
     tabIndex: -1,
     locale: {
-      closeLabel: 'Clear'
+      closeLabel: locale === null || locale === void 0 ? void 0 : locale.clear
     },
     onClick: handleClean
   }), caret && !showCleanButton && /*#__PURE__*/_react.default.createElement(Caret, {

package/cjs/Placeholder/Placeholder.d.ts

@@ -7,5 +7,9 @@ export interface Placeholder extends RsRefForwardingComponent<'div', Placeholder
     Grid: typeof PlaceholderGrid;
     Graph: typeof PlaceholderGraph;
 }
+/**
+ * The `Placeholder` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 declare const Placeholder: Placeholder;
 export default Placeholder;

package/cjs/Placeholder/Placeholder.js

@@ -7,6 +7,10 @@ exports.default = void 0;
 var _PlaceholderGraph = _interopRequireDefault(require("./PlaceholderGraph"));
 var _PlaceholderGrid = _interopRequireDefault(require("./PlaceholderGrid"));
 var _PlaceholderParagraph = _interopRequireDefault(require("./PlaceholderParagraph"));
+/**
+ * The `Placeholder` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 var Placeholder = _PlaceholderParagraph.default;
 Placeholder.Paragraph = _PlaceholderParagraph.default;
 Placeholder.Grid = _PlaceholderGrid.default;

package/cjs/Placeholder/PlaceholderGraph.d.ts

@@ -5,5 +5,9 @@ export interface PlaceholderGraphProps extends WithAsProps {
     /** Placeholder status */
     active?: boolean;
 }
+/**
+ * The `Placeholder.Graph` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 declare const PlaceholderGraph: RsRefForwardingComponent<'div', PlaceholderGraphProps>;
 export default PlaceholderGraph;

package/cjs/Placeholder/PlaceholderGraph.js

@@ -9,6 +9,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+/**
+ * The `Placeholder.Graph` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 var PlaceholderGraph = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/Placeholder/PlaceholderGrid.d.ts

@@ -7,5 +7,9 @@ export interface PlaceholderGridProps extends WithAsProps {
     /** Placeholder status */
     active?: boolean;
 }
+/**
+ * The `Placeholder.Grid` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 declare const PlaceholderGrid: RsRefForwardingComponent<'div', PlaceholderGridProps>;
 export default PlaceholderGrid;

package/cjs/Placeholder/PlaceholderGrid.js

@@ -10,6 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils");
+/**
+ * The `Placeholder.Grid` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 var PlaceholderGrid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/Placeholder/PlaceholderParagraph.d.ts

@@ -7,5 +7,9 @@ export interface PlaceholderParagraphProps extends WithAsProps {
     /** Placeholder status */
     active?: boolean;
 }
+/**
+ * The `Placeholder.Paragraph` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 declare const PlaceholderParagraph: RsRefForwardingComponent<'div', PlaceholderParagraphProps>;
 export default PlaceholderParagraph;

package/cjs/Placeholder/PlaceholderParagraph.js

@@ -10,6 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+/**
+ * The `Placeholder.Paragraph` component is used to display the loading state of the block.
+ * @see https://rsuitejs.com/components/placeholder
+ */
 var PlaceholderParagraph = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/Plaintext/Plaintext.d.ts

@@ -6,7 +6,8 @@ export interface PlaintextProps extends WithAsProps {
     localeKey?: LocaleKey;
 }
 /**
- *  Make the component display in plain text, and display default characters when there is no children.
+ * Make the component display in plain text, and display default characters when there is no children.
+ * @private
  */
 declare const Plaintext: React.ForwardRefExoticComponent<PlaintextProps & React.RefAttributes<unknown>>;
 export default Plaintext;

package/cjs/Plaintext/Plaintext.js

@@ -9,7 +9,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
 /**
- *  Make the component display in plain text, and display default characters when there is no children.
+ * Make the component display in plain text, and display default characters when there is no children.
+ * @private
  */
 var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useCustom = (0, _utils.useCustom)('Plaintext'),
@@ -31,7 +32,9 @@ var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix({
     empty: !children
   }));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    role: "text"
+  }, rest, {
     ref: ref,
     className: classes
   }), children ? children : placeholder);

package/cjs/Popover/Popover.d.ts

@@ -10,5 +10,9 @@ export interface PopoverProps extends WithAsProps {
     /** Whether show the arrow indicator */
     arrow?: boolean;
 }
+/**
+ * The `Popover` component is used to display a popup window for a target component.
+ * @see https://rsuitejs.com/components/popover
+ */
 declare const Popover: RsRefForwardingComponent<'div', PopoverProps>;
 export default Popover;

package/cjs/Popover/Popover.js

@@ -11,6 +11,10 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var _templateObject, _templateObject2, _templateObject3;
+/**
+ * The `Popover` component is used to display a popup window for a target component.
+ * @see https://rsuitejs.com/components/popover
+ */
 var Popover = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/cjs/Progress/Progress.d.ts

@@ -5,5 +5,9 @@ export interface Progress extends RsRefForwardingComponent<'div', ProgressLinePr
     Line: typeof ProgressLine;
     Circle: typeof ProgressCircle;
 }
+/**
+ * The `Progress` component is used to display the progress of current operation.
+ * @see https://rsuitejs.com/components/progress
+ */
 declare const Progress: Progress;
 export default Progress;

package/cjs/Progress/Progress.js

@@ -6,6 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _ProgressCircle = _interopRequireDefault(require("./ProgressCircle"));
 var _ProgressLine = _interopRequireDefault(require("./ProgressLine"));
+/**
+ * The `Progress` component is used to display the progress of current operation.
+ * @see https://rsuitejs.com/components/progress
+ */
 var Progress = _ProgressLine.default;
 Progress.Line = _ProgressLine.default;
 Progress.Circle = _ProgressCircle.default;

package/cjs/Progress/ProgressCircle.d.ts

@@ -21,5 +21,9 @@ export interface ProgressCircleProps extends WithAsProps {
     /** Progress status */
     status?: 'success' | 'fail' | 'active';
 }
+/**
+ * The `Progress.Circle` component is used to display the progress of current operation.
+ * @see https://rsuitejs.com/components/progress/#circle
+ */
 declare const ProgressCircle: RsRefForwardingComponent<'div', ProgressCircleProps>;
 export default ProgressCircle;

package/cjs/Progress/ProgressCircle.js

@@ -10,6 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+/**
+ * The `Progress.Circle` component is used to display the progress of current operation.
+ * @see https://rsuitejs.com/components/progress/#circle
+ */
 var ProgressCircle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _withClassPrefix;
   var _props$as = props.as,

package/cjs/Progress/ProgressLine.d.ts

@@ -17,5 +17,9 @@ export interface ProgressLineProps extends WithAsProps {
     /**  The progress bar is displayed vertically */
     vertical?: boolean;
 }
+/**
+ * The `Progress.Line` component is used to display the progress of current operation.
+ * @see https://rsuitejs.com/components/progress/#line
+ */
 declare const ProgressLine: RsRefForwardingComponent<'div', ProgressLineProps>;
 export default ProgressLine;

package/cjs/Progress/ProgressLine.js

@@ -9,6 +9,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+/**
+ * The `Progress.Line` component is used to display the progress of current operation.
+ * @see https://rsuitejs.com/components/progress/#line
+ */
 var ProgressLine = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _lineInnerStyle, _percentStyle, _withClassPrefix;
   var _props$as = props.as,

package/cjs/Radio/Radio.d.ts

@@ -29,5 +29,9 @@ export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLA
     /** Callback function with value changed */
     onChange?: (value: T | undefined, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
+/**
+ * The `Radio` component is a simple radio button.
+ * @see https://rsuitejs.com/components/radio
+ */
 declare const Radio: React.ForwardRefExoticComponent<RadioProps<ValueType> & React.RefAttributes<unknown>>;
 export default Radio;

package/cjs/Radio/Radio.js

@@ -11,6 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _RadioGroup = require("../RadioGroup/RadioGroup");
 var _utils = require("../utils");
+/**
+ * The `Radio` component is a simple radio button.
+ * @see https://rsuitejs.com/components/radio
+ */
 var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_RadioGroup.RadioContext),
     groupValue = _useContext.value,

package/cjs/RadioGroup/RadioGroup.d.ts

@@ -22,5 +22,9 @@ export interface RadioGroupProps<T = ValueType> extends WithAsProps, FormControl
     children?: React.ReactNode;
 }
 export declare const RadioContext: React.Context<RadioContextProps>;
+/**
+ * The `RadioGroup` component is used to group a collection of `Radio` components.
+ * @see https://rsuitejs.com/components/radio/#radio-group
+ */
 declare const RadioGroup: RsRefForwardingComponent<'div', RadioGroupProps>;
 export default RadioGroup;

package/cjs/RadioGroup/RadioGroup.js

@@ -12,6 +12,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 var RadioContext = /*#__PURE__*/_react.default.createContext({});
+
+/**
+ * The `RadioGroup` component is used to group a collection of `Radio` components.
+ * @see https://rsuitejs.com/components/radio/#radio-group
+ */
 exports.RadioContext = RadioContext;
 var RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,

package/cjs/RadioTile/RadioTile.d.ts

@@ -21,5 +21,10 @@ export interface RadioTileProps<T = ValueType> extends WithAsProps, Omit<React.H
     /** Callback function with value changed */
     onChange?: (value?: T, event?: React.ChangeEvent<HTMLInputElement>) => void;
 }
+/**
+ * A series of selectable tile components that behave like Radio.
+ * @version 5.35.0
+ * @see https://rsuitejs.com/components/radio-tile/
+ */
 declare const RadioTile: React.ForwardRefExoticComponent<RadioTileProps<ValueType> & React.RefAttributes<unknown>>;
 export default RadioTile;

package/cjs/RadioTile/RadioTile.js

@@ -14,6 +14,11 @@ var _Stack = _interopRequireDefault(require("../Stack"));
 var _RadioTileGroup = require("../RadioTileGroup/RadioTileGroup");
 var _utils = require("../utils");
 var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
+/**
+ * A series of selectable tile components that behave like Radio.
+ * @version 5.35.0
+ * @see https://rsuitejs.com/components/radio-tile/
+ */
 var RadioTile = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_RadioTileGroup.RadioTileContext),
     groupValue = _useContext.value,

package/cjs/RadioTileGroup/RadioTileGroup.d.ts

@@ -19,5 +19,10 @@ export interface RadioTileGroupProps<T = ValueType> extends WithAsProps, FormCon
     children?: React.ReactNode;
 }
 export declare const RadioTileContext: React.Context<RadioTileContextProps>;
+/**
+ * The `RadioTileGroup` component is used to group a collection of `RadioTile` components.
+ * @version 5.35.0
+ * @see https://rsuitejs.com/components/radio-tile/
+ */
 declare const RadioTileGroup: RsRefForwardingComponent<'div', RadioTileGroupProps>;
 export default RadioTileGroup;