rsuite 5.62.1 → 5.63.0-alpha.2

package/esm/Accordion/Accordion.d.ts

@@ -1,9 +1,9 @@
 import { type PanelGroupProps } from '../PanelGroup';
-import Panel from '../Panel';
+import AccordionPanel from './AccordionPanel';
 import { RsRefForwardingComponent } from '../internals/types';
 export type AccordionProps = Omit<PanelGroupProps, 'accordion'>;
 export interface AccordionComponent extends RsRefForwardingComponent<'div', AccordionProps> {
-    Panel: typeof Panel;
+    Panel: typeof AccordionPanel;
 }
 /**
  * The `Accordion` component is used to display content that can be collapsed.

package/esm/Accordion/Accordion.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import PanelGroup from "../PanelGroup/index.js";
-import Panel from "../Panel/index.js";
+import AccordionPanel from "./AccordionPanel.js";
 /**
  * The `Accordion` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/accordion
@@ -13,6 +13,6 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }, props));
 });
-Accordion.Panel = Panel;
+Accordion.Panel = AccordionPanel;
 Accordion.displayName = 'Accordion';
 export default Accordion;

package/esm/Accordion/AccordionPanel.d.ts

@@ -0,0 +1,2 @@
+import Panel from '../Panel';
+export default Panel;

package/esm/Accordion/AccordionPanel.js

@@ -0,0 +1,3 @@
+'use client';
+import Panel from "../Panel/index.js";
+export default Panel;

package/esm/Drawer/Drawer.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
-import { ModalProps, ModalBodyProps, ModalHeaderProps, ModalFooterProps, ModalTitleProps } from '../Modal';
-import { TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import { ModalProps } from '../Modal';
+import { TypeAttributes } from '../internals/types';
+import DrawerBody from './DrawerBody';
+import DrawerHeader from './DrawerHeader';
+import DrawerActions from './DrawerActions';
+import DrawerFooter from './DrawerFooter';
+import DrawerTitle from './DrawerTitle';
 export interface DrawerProps extends ModalProps {
     /** The placement of Drawer */
     placement?: TypeAttributes.Placement4;
     /** Custom close button */
     closeButton?: React.ReactNode | boolean;
 }
-declare const DrawerBody: RsRefForwardingComponent<'div', ModalBodyProps>;
-declare const DrawerHeader: RsRefForwardingComponent<'div', ModalHeaderProps>;
-declare const DrawerActions: RsRefForwardingComponent<'div', ModalFooterProps>;
-declare const DrawerFooter: RsRefForwardingComponent<'div', ModalFooterProps>;
-declare const DrawerTitle: RsRefForwardingComponent<'div', ModalTitleProps>;
 interface DrawerComponent extends React.FC<DrawerProps> {
     Body: typeof DrawerBody;
     Header: typeof DrawerHeader;

package/esm/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 'use client';
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["className", "placement", "classPrefix", "animation", "closeButton"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -10,41 +10,11 @@ import { useClassNames } from "../internals/hooks/index.js";
 import { deprecateComponent } from "../internals/utils/index.js";
 import DrawerContext from "./DrawerContext.js";
 import { oneOf } from "../internals/propTypes/index.js";
-var DrawerBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Modal.Body, _extends({
-    classPrefix: "drawer-body"
-  }, props, {
-    ref: ref
-  }));
-});
-var DrawerHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Modal.Header, _extends({
-    classPrefix: "drawer-header"
-  }, props, {
-    ref: ref
-  }));
-});
-var DrawerActions = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Modal.Footer, _extends({
-    classPrefix: "drawer-actions"
-  }, props, {
-    ref: ref
-  }));
-});
-var DrawerFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Modal.Footer, _extends({
-    classPrefix: "drawer-footer"
-  }, props, {
-    ref: ref
-  }));
-});
-var DrawerTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Modal.Title, _extends({
-    classPrefix: "drawer-title"
-  }, props, {
-    ref: ref
-  }));
-});
+import DrawerBody from "./DrawerBody.js";
+import DrawerHeader from "./DrawerHeader.js";
+import DrawerActions from "./DrawerActions.js";
+import DrawerFooter from "./DrawerFooter.js";
+import DrawerTitle from "./DrawerTitle.js";
 /**
  * The Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer

package/esm/Drawer/DrawerActions.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from '../internals/utils';
+export type DrawerActionsProps = ComponentProps;
+declare const DrawerActions: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+export default DrawerActions;

package/esm/Drawer/DrawerActions.js

@@ -0,0 +1,6 @@
+'use client';
+import { createComponent } from "../internals/utils/index.js";
+var DrawerActions = createComponent({
+  name: 'DrawerActions'
+});
+export default DrawerActions;

package/esm/Drawer/DrawerBody.d.ts

@@ -0,0 +1,4 @@
+import { ModalBodyProps } from '../Modal/ModalBody';
+import { RsRefForwardingComponent } from '../internals/types';
+declare const DrawerBody: RsRefForwardingComponent<'div', ModalBodyProps>;
+export default DrawerBody;

package/esm/Drawer/DrawerBody.js

@@ -0,0 +1,12 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import ModalBody from "../Modal/ModalBody.js";
+var DrawerBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ModalBody, _extends({
+    classPrefix: "drawer-body"
+  }, props, {
+    ref: ref
+  }));
+});
+export default DrawerBody;

package/esm/Drawer/DrawerFooter.d.ts

@@ -0,0 +1,4 @@
+import { ModalFooterProps } from '../Modal/ModalFooter';
+import { RsRefForwardingComponent } from '../internals/types';
+declare const DrawerFooter: RsRefForwardingComponent<'div', ModalFooterProps>;
+export default DrawerFooter;

package/esm/Drawer/DrawerFooter.js

@@ -0,0 +1,12 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import ModalFooter from "../Modal/ModalFooter.js";
+var DrawerFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ModalFooter, _extends({
+    classPrefix: "drawer-footer"
+  }, props, {
+    ref: ref
+  }));
+});
+export default DrawerFooter;

package/esm/Drawer/DrawerHeader.d.ts

@@ -0,0 +1,4 @@
+import { ModalHeaderProps } from '../Modal/ModalHeader';
+import { RsRefForwardingComponent } from '../internals/types';
+declare const DrawerHeader: RsRefForwardingComponent<'div', ModalHeaderProps>;
+export default DrawerHeader;

package/esm/Drawer/DrawerHeader.js

@@ -0,0 +1,12 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import ModalHeader from "../Modal/ModalHeader.js";
+var DrawerHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ModalHeader, _extends({
+    classPrefix: "drawer-header"
+  }, props, {
+    ref: ref
+  }));
+});
+export default DrawerHeader;

package/esm/Drawer/DrawerTitle.d.ts

@@ -0,0 +1,4 @@
+import { ModalTitleProps } from '../Modal/ModalTitle';
+import { RsRefForwardingComponent } from '../internals/types';
+declare const DrawerTitle: RsRefForwardingComponent<'div', ModalTitleProps>;
+export default DrawerTitle;

package/esm/Drawer/DrawerTitle.js

@@ -0,0 +1,12 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import ModalTitle from "../Modal/ModalTitle.js";
+var DrawerTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ModalTitle, _extends({
+    classPrefix: "drawer-title"
+  }, props, {
+    ref: ref
+  }));
+});
+export default DrawerTitle;

package/esm/Form/Form.js

@@ -188,7 +188,6 @@ Form.ControlLabel = FormControlLabel;
 Form.ErrorMessage = FormErrorMessage;
 Form.Group = FormGroup;
 Form.HelpText = FormHelpText;
-Form.Control = FormControl;
 Form.displayName = 'Form';
 Form.propTypes = {
   className: PropTypes.string,

package/esm/Table/Table.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Column, TableProps, RowDataType, TableInstance, CellProps as TableCellProps, RowKeyType } from 'rsuite-table';
+import { TableProps, RowDataType, TableInstance, CellProps as TableCellProps, RowKeyType } from 'rsuite-table';
+import TableColumn from './TableColumn';
 export interface CellProps<Row extends RowDataType> extends Omit<TableCellProps<Row>, 'rowData' | 'dataKey'> {
     /** Data binding key, but also a sort of key */
     dataKey?: string | keyof Row;
@@ -19,7 +20,7 @@ declare const Table: (<Row extends RowDataType<any>, Key extends RowKeyType>(pro
     /**
      * The `Table.Column` component  is used to define a column in a table.
      */
-    Column: typeof Column;
+    Column: typeof TableColumn;
     /**
      * The `Table.HeaderCell` component  is used to define a header cell in a table.
      */

package/esm/Table/Table.js

@@ -3,8 +3,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["locale", "loadAnimation"];
 import React from 'react';
-import { Table as RsTable, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
+import { Table as RsTable } from 'rsuite-table';
 import { useCustom } from "../internals/hooks/index.js";
+import TableCell from "./TableCell.js";
+import TableHeaderCell from "./TableHeaderCell.js";
+import TableColumn from "./TableColumn.js";
+import TableColumnGroup from "./TableColumnGroup.js";
 var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var localeProp = props.locale,
     _props$loadAnimation = props.loadAnimation,
@@ -30,18 +34,18 @@ var Table = Object.assign(CustomTable, {
   /**
    * The `Table.Cell` component  is used to display data in a table cell.
    */
-  Cell: Cell,
+  Cell: TableCell,
   /**
    * The `Table.Column` component  is used to define a column in a table.
    */
-  Column: Column,
+  Column: TableColumn,
   /**
    * The `Table.HeaderCell` component  is used to define a header cell in a table.
    */
-  HeaderCell: HeaderCell,
+  HeaderCell: TableHeaderCell,
   /**
    * The `Table.ColumnGroup` component  is used to define a column group in a table.
    */
-  ColumnGroup: ColumnGroup
+  ColumnGroup: TableColumnGroup
 });
 export default Table;

package/esm/Table/TableCell.d.ts

@@ -0,0 +1,2 @@
+import { Cell } from 'rsuite-table';
+export default Cell;

package/esm/Table/TableCell.js

@@ -0,0 +1,3 @@
+'use client';
+import { Cell } from 'rsuite-table';
+export default Cell;

package/esm/Table/TableColumn.d.ts

@@ -0,0 +1,2 @@
+import { Column } from 'rsuite-table';
+export default Column;

package/esm/Table/TableColumn.js

@@ -0,0 +1,3 @@
+'use client';
+import { Column } from 'rsuite-table';
+export default Column;

package/esm/Table/TableColumnGroup.d.ts

@@ -0,0 +1,2 @@
+import { ColumnGroup } from 'rsuite-table';
+export default ColumnGroup;

package/esm/Table/TableColumnGroup.js

@@ -0,0 +1,3 @@
+'use client';
+import { ColumnGroup } from 'rsuite-table';
+export default ColumnGroup;

package/esm/Table/TableHeaderCell.d.ts

@@ -0,0 +1,2 @@
+import { HeaderCell } from 'rsuite-table';
+export default HeaderCell;

package/esm/Table/TableHeaderCell.js

@@ -0,0 +1,3 @@
+'use client';
+import { HeaderCell } from 'rsuite-table';
+export default HeaderCell;

package/esm/Toggle/Toggle.d.ts

@@ -1,28 +1,54 @@
 import React from 'react';
 import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
 import { ToggleLocale } from '../locales';
-export interface ToggleProps extends WithAsProps {
-    /** Whether to disabled toggle */
+export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
+    /**
+     * The color of the toggle.
+     */
+    color?: TypeAttributes.Color;
+    /**
+     * Whether to disabled toggle
+     */
     disabled?: boolean;
-    /** Render the control as plain text */
+    /**
+     * Render the control as plain text
+     */
     plaintext?: boolean;
-    /** Make the control readonly */
+    /**
+     * Make the control readonly
+     */
     readOnly?: boolean;
-    /** Whether the checked state is being updated */
+    /**
+     * Whether the checked state is being updated
+     */
     loading?: boolean;
-    /** Checked（Controlled) */
+    /**
+     * Whether the toggle is checked （Controlled)
+     */
     checked?: boolean;
-    /** Default checked */
+    /**
+     * Whether the toggle is checked (Uncontrolled)
+     */
     defaultChecked?: boolean;
-    /** Checked display content */
+    /**
+     * Checked display content
+     */
     checkedChildren?: React.ReactNode;
-    /** Unselected display content */
+    /**
+     * Unchecked display content
+     */
     unCheckedChildren?: React.ReactNode;
-    /** Toggle size */
+    /**
+     * The size of the toggle
+     */
     size?: Omit<TypeAttributes.Size, 'xs'>;
-    /** Custom locale */
+    /**
+     * Custom locale
+     */
     locale?: ToggleLocale;
-    /** Callback function when state changes */
+    /**
+     * Called when the state of the toggle changes
+     */
     onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 /**